@jumpgroup/jump-design-system 0.3.68 → 0.3.70

package/dist/collection/components/jump-side-cart/jump-side-cart.example.js

@@ -0,0 +1,79 @@
+import { h } from "@stencil/core";
+export class JumpSideCartExample {
+    constructor() {
+        this.handleUpdateQuantity = (event) => {
+            const { itemId, quantity } = event.detail;
+            this.cartItems = this.cartItems.map(item => item.id === itemId ? Object.assign(Object.assign({}, item), { quantity }) : item);
+        };
+        this.handleRemoveItem = (event) => {
+            const itemId = event.detail;
+            this.cartItems = this.cartItems.filter(item => item.id !== itemId);
+        };
+        this.handleCartClosed = () => {
+            this.isCartOpen = false;
+        };
+        this.handleCheckout = () => {
+            alert("Proceeding to checkout");
+        };
+        this.handleViewCart = () => {
+            alert("View cart clicked");
+        };
+        this.openCartFromRight = () => {
+            this.position = 'right';
+            this.isCartOpen = true;
+        };
+        this.openCartFromLeft = () => {
+            this.position = 'left';
+            this.isCartOpen = true;
+        };
+        this.isCartOpen = false;
+        this.position = 'right';
+        this.cartItems = [
+            {
+                id: "1",
+                name: "Prolife Grain Free Adult Sensitive Mini Manzo e Patate per Cani",
+                brand: "Prolife",
+                price: 15.00,
+                originalPrice: 30.00,
+                quantity: 1,
+                image: "/placeholder.svg?height=80&width=80",
+                description: "500 g"
+            },
+            {
+                id: "2",
+                name: "Prolife Grain Free Adult Sensitive Mini Manzo e Patate per Cani",
+                brand: "Prolife",
+                price: 15.00,
+                quantity: 1,
+                image: "/placeholder.svg?height=80&width=80",
+                description: "500 g"
+            }
+        ];
+    }
+    render() {
+        return (h("div", { key: '263ff4bc44226fca8d8e57c92097af18ddfe41db', class: "example-container" }, h("button", { key: '98787bd2f48f5ece860ac9b783a3ba06f479fd52', class: "example-button", onClick: this.openCartFromRight }, "Open Cart from Right"), h("button", { key: '355979d01f454baebd41f551ef9179c6ec2c8785', class: "example-button", onClick: this.openCartFromLeft }, "Open Cart from Left"), h("jump-side-cart", { key: '59a0cb733540119f856a6aad356862bfbb9e6f39', isOpen: this.isCartOpen, items: this.cartItems, position: this.position, discountThreshold: {
+                amount: 170,
+                percentage: 3
+            }, progressPercentage: 30, checkoutLabel: "Vai al Checkout", viewCartLabel: "Vedi carrello", onCartClosed: this.handleCartClosed, onItemQuantityChanged: this.handleUpdateQuantity, onItemRemoved: this.handleRemoveItem, onCheckoutClicked: this.handleCheckout, onViewCartClicked: this.handleViewCart })));
+    }
+    static get is() { return "jump-side-cart-example"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["jump-side-cart.example.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["jump-side-cart.example.css"]
+        };
+    }
+    static get states() {
+        return {
+            "isCartOpen": {},
+            "position": {},
+            "cartItems": {}
+        };
+    }
+}
+//# sourceMappingURL=jump-side-cart.example.js.map

package/dist/collection/components/jump-side-cart/jump-side-cart.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jump-side-cart.example.js","sourceRoot":"","sources":["../../../src/components/jump-side-cart/jump-side-cart.example.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, State, h } from '@stencil/core';\nimport type { CartItem } from './jump-side-cart';\n\n@Component({\n  tag: 'jump-side-cart-example',\n  styleUrl: 'jump-side-cart.example.scss',\n  shadow: true,\n})\nexport class JumpSideCartExample {\n  @State() isCartOpen: boolean = false;\n  @State() position: 'left' | 'right' = 'right';\n  @State() cartItems: CartItem[] = [\n    {\n      id: \"1\",\n      name: \"Prolife Grain Free Adult Sensitive Mini Manzo e Patate per Cani\",\n      brand: \"Prolife\",\n      price: 15.00,\n      originalPrice: 30.00,\n      quantity: 1,\n      image: \"/placeholder.svg?height=80&width=80\",\n      description: \"500 g\"\n    },\n    {\n      id: \"2\",\n      name: \"Prolife Grain Free Adult Sensitive Mini Manzo e Patate per Cani\",\n      brand: \"Prolife\",\n      price: 15.00,\n      quantity: 1,\n      image: \"/placeholder.svg?height=80&width=80\",\n      description: \"500 g\"\n    }\n  ];\n\n  private handleUpdateQuantity = (event: CustomEvent<{itemId: string | number, quantity: number}>) => {\n    const { itemId, quantity } = event.detail;\n    this.cartItems = this.cartItems.map(item => \n      item.id === itemId ? { ...item, quantity } : item\n    );\n  }\n\n  private handleRemoveItem = (event: CustomEvent<string | number>) => {\n    const itemId = event.detail;\n    this.cartItems = this.cartItems.filter(item => item.id !== itemId);\n  }\n\n  private handleCartClosed = () => {\n    this.isCartOpen = false;\n  }\n\n  private handleCheckout = () => {\n    alert(\"Proceeding to checkout\");\n  }\n\n  private handleViewCart = () => {\n    alert(\"View cart clicked\");\n  }\n\n  private openCartFromRight = () => {\n    this.position = 'right';\n    this.isCartOpen = true;\n  }\n\n  private openCartFromLeft = () => {\n    this.position = 'left';\n    this.isCartOpen = true;\n  }\n\n  render() {\n    return (\n      <div class=\"example-container\">\n        <button \n          class=\"example-button\"\n          onClick={this.openCartFromRight}\n        >\n          Open Cart from Right\n        </button>\n        \n        <button \n          class=\"example-button\"\n          onClick={this.openCartFromLeft}\n        >\n          Open Cart from Left\n        </button>\n\n        <jump-side-cart\n          isOpen={this.isCartOpen}\n          items={this.cartItems}\n          position={this.position}\n          discountThreshold={{\n            amount: 170,\n            percentage: 3\n          }}\n          progressPercentage={30}\n          checkoutLabel=\"Vai al Checkout\"\n          viewCartLabel=\"Vedi carrello\"\n          onCartClosed={this.handleCartClosed}\n          onItemQuantityChanged={this.handleUpdateQuantity}\n          onItemRemoved={this.handleRemoveItem}\n          onCheckoutClicked={this.handleCheckout}\n          onViewCartClicked={this.handleViewCart}\n        ></jump-side-cart>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/jump-side-cart/jump-side-cart.js

@@ -0,0 +1,335 @@
+import { h } from "@stencil/core";
+export class JumpSideCart {
+    constructor() {
+        this.handleClose = () => {
+            this.cartClosed.emit();
+        };
+        this.handleQuantityChange = (itemId, newQuantity) => {
+            if (newQuantity < 1)
+                return;
+            this.cartItems = this.cartItems.map(item => item.id === itemId ? Object.assign(Object.assign({}, item), { quantity: newQuantity }) : item);
+            this.itemQuantityChanged.emit({ itemId, quantity: newQuantity });
+        };
+        this.handleRemoveItem = (itemId) => {
+            this.cartItems = this.cartItems.filter(item => item.id !== itemId);
+            this.itemRemoved.emit(itemId);
+        };
+        this.calculateSubtotal = () => {
+            return this.cartItems.reduce((total, item) => total + (item.price * item.quantity), 0);
+        };
+        this.calculateSavings = () => {
+            return this.cartItems.reduce((total, item) => {
+                if (item.originalPrice) {
+                    return total + ((item.originalPrice - item.price) * item.quantity);
+                }
+                return total;
+            }, 0);
+        };
+        this.renderCartItem = (item) => {
+            return (h("div", { class: "cart-item", key: item.id }, h("div", { class: "cart-item__image" }, h("img", { src: item.image, alt: item.name })), h("div", { class: "cart-item__details" }, h("div", { class: "cart-item__brand" }, item.brand), h("div", { class: "cart-item__name" }, item.name), h("div", { class: "cart-item__description" }, item.description), h("div", { class: "cart-item__price" }, "\u20AC", item.price.toFixed(2), item.originalPrice && (h("span", { class: "cart-item__original-price" }, "\u20AC", item.originalPrice.toFixed(2))))), h("div", { class: "cart-item__controls" }, h("div", { class: "quantity-controls" }, h("button", { class: "quantity-btn", onClick: () => this.handleQuantityChange(item.id, item.quantity - 1), disabled: item.quantity <= 1 }, "-"), h("span", { class: "quantity" }, item.quantity), h("button", { class: "quantity-btn", onClick: () => this.handleQuantityChange(item.id, item.quantity + 1) }, "+")), h("button", { class: "remove-btn", onClick: () => this.handleRemoveItem(item.id) }, "Remove"))));
+        };
+        this.renderProgressBar = () => {
+            var _a, _b;
+            if (!this.discountThreshold && !this.freeShippingThreshold)
+                return null;
+            const threshold = ((_a = this.discountThreshold) === null || _a === void 0 ? void 0 : _a.amount) || this.freeShippingThreshold || 0;
+            const current = this.calculateSubtotal();
+            const percentage = Math.min((current / threshold) * 100, 100);
+            return (h("div", { class: "progress-section" }, h("div", { class: "progress-bar" }, h("div", { class: "progress-fill", style: { width: `${percentage}%` } })), h("div", { class: "progress-text" }, this.shippingInfo || (this.freeShippingThreshold ?
+                `€${Math.max(0, this.freeShippingThreshold - current).toFixed(2)} away from free shipping` :
+                `€${Math.max(0, threshold - current).toFixed(2)} away from ${(_b = this.discountThreshold) === null || _b === void 0 ? void 0 : _b.percentage}% discount`))));
+        };
+        this.isOpen = false;
+        this.position = 'right';
+        this.items = [];
+        this.discountThreshold = undefined;
+        this.freeShippingThreshold = undefined;
+        this.progressPercentage = 0;
+        this.checkoutLabel = 'Checkout';
+        this.viewCartLabel = 'View Cart';
+        this.shippingInfo = undefined;
+        this.cartItems = [];
+    }
+    componentWillLoad() {
+        this.cartItems = [...this.items];
+    }
+    componentWillUpdate() {
+        if (this.items !== this.cartItems) {
+            this.cartItems = [...this.items];
+        }
+    }
+    render() {
+        if (!this.isOpen)
+            return null;
+        const subtotal = this.calculateSubtotal();
+        const savings = this.calculateSavings();
+        return (h("div", { class: `side-cart side-cart--${this.position} ${this.isOpen ? 'side-cart--open' : ''}` }, h("div", { class: "side-cart__overlay", onClick: this.handleClose }), h("div", { class: "side-cart__content" }, h("div", { class: "side-cart__header" }, h("h2", null, "Shopping Cart (", this.cartItems.length, ")"), h("button", { class: "close-btn", onClick: this.handleClose }, "\u00D7")), h("div", { class: "side-cart__body" }, this.cartItems.length === 0 ? (h("div", { class: "empty-cart" }, h("p", null, "Your cart is empty"))) : (h("div", { class: "cart-items" }, this.cartItems.map(item => this.renderCartItem(item)))), this.renderProgressBar()), this.cartItems.length > 0 && (h("div", { class: "side-cart__footer" }, h("div", { class: "totals" }, h("div", { class: "subtotal" }, h("span", null, "Subtotal:"), h("span", null, "\u20AC", subtotal.toFixed(2))), savings > 0 && (h("div", { class: "savings" }, h("span", null, "You save:"), h("span", null, "\u20AC", savings.toFixed(2))))), h("div", { class: "actions" }, h("button", { class: "btn btn--secondary", onClick: () => this.viewCartClicked.emit() }, this.viewCartLabel), h("button", { class: "btn btn--primary", onClick: () => this.checkoutClicked.emit() }, this.checkoutLabel)))))));
+    }
+    static get is() { return "jump-side-cart"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["jump-side-cart.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["jump-side-cart.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "isOpen": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "is-open",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "position": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'left' | 'right'",
+                    "resolved": "\"left\" | \"right\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "position",
+                "reflect": false,
+                "defaultValue": "'right'"
+            },
+            "items": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "CartItem[]",
+                    "resolved": "CartItem[]",
+                    "references": {
+                        "CartItem": {
+                            "location": "local",
+                            "path": "/home/runner/work/jump-design-system/jump-design-system/src/components/jump-side-cart/jump-side-cart.tsx",
+                            "id": "src/components/jump-side-cart/jump-side-cart.tsx::CartItem"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "defaultValue": "[]"
+            },
+            "discountThreshold": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "DiscountThreshold",
+                    "resolved": "DiscountThreshold",
+                    "references": {
+                        "DiscountThreshold": {
+                            "location": "local",
+                            "path": "/home/runner/work/jump-design-system/jump-design-system/src/components/jump-side-cart/jump-side-cart.tsx",
+                            "id": "src/components/jump-side-cart/jump-side-cart.tsx::DiscountThreshold"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "freeShippingThreshold": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "free-shipping-threshold",
+                "reflect": false
+            },
+            "progressPercentage": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "progress-percentage",
+                "reflect": false,
+                "defaultValue": "0"
+            },
+            "checkoutLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "checkout-label",
+                "reflect": false,
+                "defaultValue": "'Checkout'"
+            },
+            "viewCartLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "view-cart-label",
+                "reflect": false,
+                "defaultValue": "'View Cart'"
+            },
+            "shippingInfo": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "shipping-info",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "cartItems": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "cartClosed",
+                "name": "cartClosed",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "itemQuantityChanged",
+                "name": "itemQuantityChanged",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "{itemId: string | number, quantity: number}",
+                    "resolved": "{ itemId: string | number; quantity: number; }",
+                    "references": {}
+                }
+            }, {
+                "method": "itemRemoved",
+                "name": "itemRemoved",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "string | number",
+                    "resolved": "number | string",
+                    "references": {}
+                }
+            }, {
+                "method": "checkoutClicked",
+                "name": "checkoutClicked",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "viewCartClicked",
+                "name": "viewCartClicked",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+}
+//# sourceMappingURL=jump-side-cart.js.map

package/dist/collection/components/jump-side-cart/jump-side-cart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jump-side-cart.js","sourceRoot":"","sources":["../../../src/components/jump-side-cart/jump-side-cart.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, h, Event, EventEmitter } from '@stencil/core';\n\nexport interface CartItem {\n  id: string | number;\n  name: string;\n  brand: string;\n  price: number;\n  originalPrice?: number;\n  quantity: number;\n  image: string;\n  description: string;\n}\n\nexport interface DiscountThreshold {\n  amount: number;\n  percentage: number;\n}\n\n@Component({\n  tag: 'jump-side-cart',\n  styleUrl: 'jump-side-cart.scss',\n  shadow: true,\n})\nexport class JumpSideCart {\n  @Prop() isOpen: boolean = false;\n  @Prop() position: 'left' | 'right' = 'right';\n  @Prop() items: CartItem[] = [];\n  @Prop() discountThreshold?: DiscountThreshold;\n  @Prop() freeShippingThreshold?: number;\n  @Prop() progressPercentage: number = 0;\n  @Prop() checkoutLabel: string = 'Checkout';\n  @Prop() viewCartLabel: string = 'View Cart';\n  @Prop() shippingInfo?: string;\n\n  @State() cartItems: CartItem[] = [];\n\n  @Event() cartClosed: EventEmitter<void>;\n  @Event() itemQuantityChanged: EventEmitter<{itemId: string | number, quantity: number}>;\n  @Event() itemRemoved: EventEmitter<string | number>;\n  @Event() checkoutClicked: EventEmitter<void>;\n  @Event() viewCartClicked: EventEmitter<void>;\n\n  componentWillLoad() {\n    this.cartItems = [...this.items];\n  }\n\n  componentWillUpdate() {\n    if (this.items !== this.cartItems) {\n      this.cartItems = [...this.items];\n    }\n  }\n\n  private handleClose = () => {\n    this.cartClosed.emit();\n  }\n\n  private handleQuantityChange = (itemId: string | number, newQuantity: number) => {\n    if (newQuantity < 1) return;\n    \n    this.cartItems = this.cartItems.map(item => \n      item.id === itemId ? { ...item, quantity: newQuantity } : item\n    );\n    \n    this.itemQuantityChanged.emit({ itemId, quantity: newQuantity });\n  }\n\n  private handleRemoveItem = (itemId: string | number) => {\n    this.cartItems = this.cartItems.filter(item => item.id !== itemId);\n    this.itemRemoved.emit(itemId);\n  }\n\n  private calculateSubtotal = (): number => {\n    return this.cartItems.reduce((total, item) => total + (item.price * item.quantity), 0);\n  }\n\n  private calculateSavings = (): number => {\n    return this.cartItems.reduce((total, item) => {\n      if (item.originalPrice) {\n        return total + ((item.originalPrice - item.price) * item.quantity);\n      }\n      return total;\n    }, 0);\n  }\n\n  private renderCartItem = (item: CartItem) => {\n    return (\n      <div class=\"cart-item\" key={item.id}>\n        <div class=\"cart-item__image\">\n          <img src={item.image} alt={item.name} />\n        </div>\n        <div class=\"cart-item__details\">\n          <div class=\"cart-item__brand\">{item.brand}</div>\n          <div class=\"cart-item__name\">{item.name}</div>\n          <div class=\"cart-item__description\">{item.description}</div>\n          <div class=\"cart-item__price\">\n            €{item.price.toFixed(2)}\n            {item.originalPrice && (\n              <span class=\"cart-item__original-price\">€{item.originalPrice.toFixed(2)}</span>\n            )}\n          </div>\n        </div>\n        <div class=\"cart-item__controls\">\n          <div class=\"quantity-controls\">\n            <button \n              class=\"quantity-btn\"\n              onClick={() => this.handleQuantityChange(item.id, item.quantity - 1)}\n              disabled={item.quantity <= 1}\n            >\n              -\n            </button>\n            <span class=\"quantity\">{item.quantity}</span>\n            <button \n              class=\"quantity-btn\"\n              onClick={() => this.handleQuantityChange(item.id, item.quantity + 1)}\n            >\n              +\n            </button>\n          </div>\n          <button \n            class=\"remove-btn\"\n            onClick={() => this.handleRemoveItem(item.id)}\n          >\n            Remove\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  private renderProgressBar = () => {\n    if (!this.discountThreshold && !this.freeShippingThreshold) return null;\n\n    const threshold = this.discountThreshold?.amount || this.freeShippingThreshold || 0;\n    const current = this.calculateSubtotal();\n    const percentage = Math.min((current / threshold) * 100, 100);\n\n    return (\n      <div class=\"progress-section\">\n        <div class=\"progress-bar\">\n          <div class=\"progress-fill\" style={{ width: `${percentage}%` }}></div>\n        </div>\n        <div class=\"progress-text\">\n          {this.shippingInfo || (\n            this.freeShippingThreshold ? \n              `€${Math.max(0, this.freeShippingThreshold - current).toFixed(2)} away from free shipping` :\n              `€${Math.max(0, threshold - current).toFixed(2)} away from ${this.discountThreshold?.percentage}% discount`\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    if (!this.isOpen) return null;\n\n    const subtotal = this.calculateSubtotal();\n    const savings = this.calculateSavings();\n\n    return (\n      <div class={`side-cart side-cart--${this.position} ${this.isOpen ? 'side-cart--open' : ''}`}>\n        <div class=\"side-cart__overlay\" onClick={this.handleClose}></div>\n        \n        <div class=\"side-cart__content\">\n          <div class=\"side-cart__header\">\n            <h2>Shopping Cart ({this.cartItems.length})</h2>\n            <button class=\"close-btn\" onClick={this.handleClose}>×</button>\n          </div>\n\n          <div class=\"side-cart__body\">\n            {this.cartItems.length === 0 ? (\n              <div class=\"empty-cart\">\n                <p>Your cart is empty</p>\n              </div>\n            ) : (\n              <div class=\"cart-items\">\n                {this.cartItems.map(item => this.renderCartItem(item))}\n              </div>\n            )}\n\n            {this.renderProgressBar()}\n          </div>\n\n          {this.cartItems.length > 0 && (\n            <div class=\"side-cart__footer\">\n              <div class=\"totals\">\n                <div class=\"subtotal\">\n                  <span>Subtotal:</span>\n                  <span>€{subtotal.toFixed(2)}</span>\n                </div>\n                {savings > 0 && (\n                  <div class=\"savings\">\n                    <span>You save:</span>\n                    <span>€{savings.toFixed(2)}</span>\n                  </div>\n                )}\n              </div>\n              \n              <div class=\"actions\">\n                <button \n                  class=\"btn btn--secondary\"\n                  onClick={() => this.viewCartClicked.emit()}\n                >\n                  {this.viewCartLabel}\n                </button>\n                <button \n                  class=\"btn btn--primary\"\n                  onClick={() => this.checkoutClicked.emit()}\n                >\n                  {this.checkoutLabel}\n                </button>\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/jump-side-cart/jump-side-cart.stories.js

@@ -0,0 +1,134 @@
+const meta = {
+    title: "Components/JumpSideCart",
+    tags: ["autodocs"],
+    parameters: {
+        layout: "fullscreen",
+    },
+};
+export default meta;
+// Template for the cart
+const CartTemplate = (args) => {
+    const container = document.createElement('div');
+    container.innerHTML = `
+    <div class="storybook-container">
+      <button class="storybook-button" id="open-cart-btn">Open Cart</button>
+      <jump-side-cart id="side-cart"></jump-side-cart>
+    </div>
+    <style>
+      .storybook-container {
+        padding: 2rem;
+        min-height: 100vh;
+        background: #f5f5f5;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      .storybook-button {
+        padding: 0.75rem 1.5rem;
+        background-color: #80bb55;
+        color: white;
+        border: none;
+        border-radius: 6px;
+        cursor: pointer;
+        font-weight: 500;
+        transition: background-color 0.2s ease;
+      }
+      .storybook-button:hover {
+        background-color: #68a03b;
+      }
+    </style>
+  `;
+    // Mock cart items
+    const mockItems = [
+        {
+            id: "1",
+            name: "Prolife Grain Free Adult Sensitive Mini Manzo e Patate per Cani",
+            brand: "Prolife",
+            price: 15.00,
+            originalPrice: 30.00,
+            quantity: 1,
+            image: "/placeholder.svg?height=80&width=80",
+            description: "500 g"
+        },
+        {
+            id: "2",
+            name: "Prolife Grain Free Adult Sensitive Mini Manzo e Patate per Cani",
+            brand: "Prolife",
+            price: 15.00,
+            quantity: 1,
+            image: "/placeholder.svg?height=80&width=80",
+            description: "500 g"
+        }
+    ];
+    // Set up the cart component
+    const sideCart = container.querySelector('#side-cart');
+    const button = container.querySelector('#open-cart-btn');
+    if (sideCart && button) {
+        // Apply args to the component
+        Object.keys(args).forEach(key => {
+            if (key === 'items') {
+                sideCart[key] = mockItems;
+            }
+            else {
+                sideCart[key] = args[key];
+            }
+        });
+        // Handle button click
+        button.addEventListener('click', () => {
+            sideCart['isOpen'] = true;
+        });
+        // Handle cart events
+        sideCart.addEventListener('cartClosed', () => {
+            sideCart['isOpen'] = false;
+        });
+        sideCart.addEventListener('checkoutClicked', () => {
+            alert('Proceeding to checkout');
+        });
+        sideCart.addEventListener('viewCartClicked', () => {
+            alert('View cart clicked');
+        });
+        sideCart.addEventListener('itemQuantityChanged', (event) => {
+            console.log('Quantity changed:', event['detail']);
+        });
+        sideCart.addEventListener('itemRemoved', (event) => {
+            console.log('Item removed:', event['detail']);
+        });
+    }
+    return container;
+};
+export const RightSide = {
+    render: CartTemplate,
+    args: {
+        position: "right",
+        discountThreshold: {
+            amount: 170,
+            percentage: 3
+        },
+        progressPercentage: 30,
+        checkoutLabel: "Vai al Checkout",
+        viewCartLabel: "Vedi carrello"
+    }
+};
+export const LeftSide = {
+    render: CartTemplate,
+    args: {
+        position: "left",
+        discountThreshold: {
+            amount: 170,
+            percentage: 3
+        },
+        progressPercentage: 30,
+        checkoutLabel: "Vai al Checkout",
+        viewCartLabel: "Vedi carrello"
+    }
+};
+export const WithFreeShipping = {
+    render: CartTemplate,
+    args: {
+        position: "right",
+        freeShippingThreshold: 50,
+        progressPercentage: 100,
+        shippingInfo: "Spedizione gratuita!"
+    }
+};
+//# sourceMappingURL=jump-side-cart.stories.js.map

package/dist/collection/components/jump-side-cart/jump-side-cart.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jump-side-cart.stories.js","sourceRoot":"","sources":["../../../src/components/jump-side-cart/jump-side-cart.stories.ts"],"names":[],"mappings":"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","sourcesContent":["const meta = {\n  title: \"Components/JumpSideCart\",\n  tags: [\"autodocs\"],\n  parameters: {\n    layout: \"fullscreen\",\n  },\n};\n\nexport default meta;\n\n// Template for the cart\nconst CartTemplate = (args) => {\n  const container = document.createElement('div');\n  container.innerHTML = `\n    <div class=\"storybook-container\">\n      <button class=\"storybook-button\" id=\"open-cart-btn\">Open Cart</button>\n      <jump-side-cart id=\"side-cart\"></jump-side-cart>\n    </div>\n    <style>\n      .storybook-container {\n        padding: 2rem;\n        min-height: 100vh;\n        background: #f5f5f5;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n      .storybook-button {\n        padding: 0.75rem 1.5rem;\n        background-color: #80bb55;\n        color: white;\n        border: none;\n        border-radius: 6px;\n        cursor: pointer;\n        font-weight: 500;\n        transition: background-color 0.2s ease;\n      }\n      .storybook-button:hover {\n        background-color: #68a03b;\n      }\n    </style>\n  `;\n\n  // Mock cart items\n  const mockItems = [\n    {\n      id: \"1\",\n      name: \"Prolife Grain Free Adult Sensitive Mini Manzo e Patate per Cani\",\n      brand: \"Prolife\",\n      price: 15.00,\n      originalPrice: 30.00,\n      quantity: 1,\n      image: \"/placeholder.svg?height=80&width=80\",\n      description: \"500 g\"\n    },\n    {\n      id: \"2\",\n      name: \"Prolife Grain Free Adult Sensitive Mini Manzo e Patate per Cani\",\n      brand: \"Prolife\",\n      price: 15.00,\n      quantity: 1,\n      image: \"/placeholder.svg?height=80&width=80\",\n      description: \"500 g\"\n    }\n  ];\n\n  // Set up the cart component\n  const sideCart = container.querySelector('#side-cart');\n  const button = container.querySelector('#open-cart-btn');\n  \n  if (sideCart && button) {\n    // Apply args to the component\n    Object.keys(args).forEach(key => {\n      if (key === 'items') {\n        sideCart[key] = mockItems;\n      } else {\n        sideCart[key] = args[key];\n      }\n    });\n\n    // Handle button click\n    button.addEventListener('click', () => {\n      sideCart['isOpen'] = true;\n    });\n\n    // Handle cart events\n    sideCart.addEventListener('cartClosed', () => {\n      sideCart['isOpen'] = false;\n    });\n\n    sideCart.addEventListener('checkoutClicked', () => {\n      alert('Proceeding to checkout');\n    });\n\n    sideCart.addEventListener('viewCartClicked', () => {\n      alert('View cart clicked');\n    });\n\n    sideCart.addEventListener('itemQuantityChanged', (event) => {\n      console.log('Quantity changed:', event['detail']);\n    });\n\n    sideCart.addEventListener('itemRemoved', (event) => {\n      console.log('Item removed:', event['detail']);\n    });\n  }\n\n  return container;\n};\n\nexport const RightSide = {\n  render: CartTemplate,\n  args: {\n    position: \"right\",\n    discountThreshold: {\n      amount: 170,\n      percentage: 3\n    },\n    progressPercentage: 30,\n    checkoutLabel: \"Vai al Checkout\",\n    viewCartLabel: \"Vedi carrello\"\n  }\n};\n\nexport const LeftSide = {\n  render: CartTemplate,\n  args: {\n    position: \"left\",\n    discountThreshold: {\n      amount: 170,\n      percentage: 3\n    },\n    progressPercentage: 30,\n    checkoutLabel: \"Vai al Checkout\",\n    viewCartLabel: \"Vedi carrello\"\n  }\n};\n\nexport const WithFreeShipping = {\n  render: CartTemplate,\n  args: {\n    position: \"right\",\n    freeShippingThreshold: 50,\n    progressPercentage: 100,\n    shippingInfo: \"Spedizione gratuita!\"\n  }\n};\n"]}

package/dist/collection/components/jump-tab/jump-tab.js

@@ -66,7 +66,7 @@ export class JumpTab {
         }
     }
     render() {
-        return (h(Host, { key: '8a0199ca73b829bf916eb0065ea2349e3893b6d0', class: "JumpTab " + this.variant, id: this.tabGroupName, ref: (el) => { this.JumpTabEl = el; } }, h("div", { key: 'dbdef0b65d8149dd17f71022b802b53e6917dd4f', class: "Wrapper " + (this.fullBorder ? 'fullBorder' : '') }, h("div", { key: 'e8115b34e124bc2d85a273867dac7ab82a09db65', class: "ContentWrapper ContentWrapper--Items", style: { '--alignment': this.getAlignment(this.alignment) } }, h("div", { key: '973243bfa74224b6184d62ce36536f4720561f9c', class: "Content " + this.variant + " " + (this.disabled ? 'disabled' : '') + " " + (this.fullBorder ? 'fullBorder' : ''), style: { '--alignment': this.getAlignment(this.alignment) } }, h("slot", { key: 'c6ee4fb22decdb4f1e3d89e679987cd211e722ec', name: "tab-item" }))), h("div", { key: 'fa9565bba6ab3bc3eff4f9f232bfbd80829f6d4c', class: "ContentWrapper ContentWrapper--Panel" }, h("slot", { key: '0754dcab98e5e8ca3bd27babd3b90f9083c0c489', name: "tab-content" })))));
+        return (h(Host, { key: 'eb67c13009a3d5bb2ea7275c02a0cf4936496244', class: "JumpTab " + this.variant, id: this.tabGroupName, ref: (el) => { this.JumpTabEl = el; } }, h("div", { key: '2be879c8dc231a42c69457353855d52ef438339d', class: "Wrapper " + (this.fullBorder ? 'fullBorder' : '') }, h("div", { key: '7dcbffc75c62e3dd64ecf47f50f0b308c4882a04', class: "ContentWrapper ContentWrapper--Items", style: { '--alignment': this.getAlignment(this.alignment) } }, h("div", { key: '17c437c456684b5fcac81e5df964ac316c8b7371', class: "Content " + this.variant + " " + (this.disabled ? 'disabled' : '') + " " + (this.fullBorder ? 'fullBorder' : ''), style: { '--alignment': this.getAlignment(this.alignment) } }, h("slot", { key: '14b413cc2687aa73e848bb0bdccb2b9121d46fc3', name: "tab-item" }))), h("div", { key: 'fd9ed0cddc9fec9779b5a76e5a378bdd7f153c08', class: "ContentWrapper ContentWrapper--Panel" }, h("slot", { key: '0bd78d8369b8402f5e8d1182b82d0110209c57c2', name: "tab-content" })))));
     }
     getAlignment(alignment) {
         switch (alignment) {

package/dist/collection/components/jump-tab-item/jump-tab-item.js

@@ -18,8 +18,8 @@ export class JumpTabItem {
         this.variant = parentVariant;
     }
     render() {
-        return (h(Host, { key: '20bcab66648d2c1a2dab7fa45aeaf160cba65be0', ref: (el) => { this.tabEl = el; }, class: "JumpTabItem " + (this.active ? 'active' : '') + " " + (this.variant) + " " + (this.disabled ? 'disabled' : '') }, h("div", { key: '31fbceda6a68188b055c0e1d15ca2911a584c87a', class: "Content " + (this.iconName ? this.iconPosition : '') + " " + (this.variant) + " " + (this.active ? 'active' : '') + " " + (this.disabled ? 'disabled' : ''), onClick: () => this.changeTab(this.identifier), id: this.identifier }, (this.iconName && (this.variant == 'inline' || this.variant == 'boxed')) &&
-            h("jump-icon", { key: 'e3760a45cfc90383b284268d5185b04cfdc30a8e', library: "fa", category: "regular", name: this.iconName, size: "small" }), h("span", { key: 'ee2b41643c241569429b359c121d1c0827de7cbf', class: "label" }, this.label))));
+        return (h(Host, { key: 'a4c96d6aa528be6ef7585117065610a4ab259477', ref: (el) => { this.tabEl = el; }, class: "JumpTabItem " + (this.active ? 'active' : '') + " " + (this.variant) + " " + (this.disabled ? 'disabled' : '') }, h("div", { key: '938011134a1e7b8b779529c98c82287e6074d544', class: "Content " + (this.iconName ? this.iconPosition : '') + " " + (this.variant) + " " + (this.active ? 'active' : '') + " " + (this.disabled ? 'disabled' : ''), onClick: () => this.changeTab(this.identifier), id: this.identifier }, (this.iconName && (this.variant == 'inline' || this.variant == 'boxed')) &&
+            h("jump-icon", { key: 'fc52b89c2dfe2e00928bf7df8231a1efed0934f5', library: "fa", category: "regular", name: this.iconName, size: "small" }), h("span", { key: '505a8245b25b7ea1f9c63221f344aba04ab438e1', class: "label" }, this.label))));
     }
     static get is() { return "jump-tab-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/jump-tab-panel/jump-tab-panel.js

@@ -5,7 +5,7 @@ export class JumpTabPanel {
         this.active = false;
     }
     render() {
-        return (h(Host, { key: 'cf92120024b87b2226981c093ff8addeb9f6047e', class: "JumpTabPanel", id: this.identifier }, h("div", { key: 'b3705621ee187894cdf1f0eda5fef73573046646', class: "JumpTabPanel__Content " + (this.active ? 'active' : '') }, h("slot", { key: '8f42f264b401f8f9c5336bdb6216bdb13fb2ba0d' }))));
+        return (h(Host, { key: 'd9f90af98ebb99d55241c3fef49e5d8e08f8540f', class: "JumpTabPanel", id: this.identifier }, h("div", { key: '6fc79b82988a87e0c3e13b08dcd08305e173eaab', class: "JumpTabPanel__Content " + (this.active ? 'active' : '') }, h("slot", { key: 'ac3bfea8a132096ae27e9fbd146e090626c72ff5' }))));
     }
     static get is() { return "jump-tab-panel"; }
     static get encapsulation() { return "shadow"; }