@jumpgroup/jump-design-system 0.3.19 → 0.3.20

package/dist/cjs/loader.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-674508e2.js');
+const index = require('./index-86f59981.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["jump-card-ecommerce.cjs",[[1,"jump-card-ecommerce",{"onlyIconButton":[4,"only-icon-button"],"hasBackground":[4,"has-background"],"badge":[1],"favorite":[1540],"hasFavorite":[4,"has-favorite"],"hasSlotForFavorite":[4,"has-slot-for-favorite"],"favoriteHref":[1,"favorite-href"],"link":[1],"img":[1],"imgAlt":[1,"img-alt"],"hoverImg":[1,"hover-img"],"hoverImgAlt":[1,"hover-img-alt"],"videoSrc":[1,"video-src"],"notificationUrl":[1,"notification-url"],"notificationText":[1,"notification-text"],"productName":[1,"product-name"],"subtitle":[1],"productId":[1,"product-id"],"price":[2],"salePrice":[2,"sale-price"],"currency":[1],"outOfStock":[1540,"out-of-stock"],"outOfStockText":[1,"out-of-stock-text"],"addToCartText":[1,"add-to-cart-text"],"waitingListText":[1,"waiting-list-text"],"addToWaitingList":[4,"add-to-waiting-list"],"addedToCart":[4,"added-to-cart"],"endAddedToCart":[4,"end-added-to-cart"],"variations":[32],"selectedVariation":[32]},[[0,"jump-card-ecommerce-option-connected","addOption"]]]]],["jump-filter.cjs",[[1,"jump-filter",{"direction":[1],"filterHeading":[1,"filter-heading"],"filterButtonLabel":[1,"filter-button-label"],"filterButtonIcon":[1,"filter-button-icon"],"mobileThreshold":[2,"mobile-threshold"],"filters":[8],"activeFilters":[32],"showMobileFilters":[32],"isMobile":[32],"getFilters":[64]},[[0,"jump-filterchange","filterChangeHandler"],[9,"resize","handleResize"]]]]],["jump-filtergroup.cjs",[[1,"jump-filtergroup",{"name":[1],"heading":[1],"otherLabel":[1,"other-label"],"lessLabel":[1,"less-label"],"maxElements":[2,"max-elements"],"variant":[1],"values":[32],"value":[32],"slotItems":[32],"inputs":[32],"showMore":[32],"getValues":[64],"getActiveAmount":[64],"getInputs":[64],"getName":[64]}]]],["jump-pagination.cjs",[[1,"jump-pagination",{"pagLabel":[1,"pag-label"],"last":[2],"showFirstAndLast":[4,"show-first-and-last"],"current":[32]},null,{"current":["watchcurrent"]}]]],["jump-pagination-table.cjs",[[0,"jump-pagination-table",{"elementsRanges":[1,"elements-ranges"],"pagLabel":[513,"pag-label"],"labelElementsPerPage":[513,"label-elements-per-page"],"total":[514],"first":[514],"last":[514],"showFirstAndLast":[516,"show-first-and-last"],"elementsRangesArray":[32],"elPerPage":[32]},null,{"elementsRanges":["elementsRangesChanged"],"elPerPage":["elPerPageChanged"]}]]],["jump-quantity.cjs",[[65,"jump-quantity",{"min":[2],"max":[2],"step":[2],"label":[1],"type":[1],"variant":[1],"showButtons":[4,"show-buttons"],"value":[2],"getValue":[64],"reset":[64]},null,{"value":["onValueChange"]}]]],["jump-tab-item.cjs",[[1,"jump-tab-item",{"identifier":[1],"iconName":[1,"icon-name"],"iconPosition":[1,"icon-position"],"label":[1],"active":[4],"disabled":[4],"variant":[32]}]]],["jump-accordion.cjs",[[1,"jump-accordion"]]],["jump-card.cjs",[[4,"jump-card",{"horizontal":[4],"dark":[4],"shadow":[4],"border":[4],"borderRadius":[4,"border-radius"],"topBorderContentRadius":[4,"top-border-content-radius"],"boxed":[4],"roundedMedia":[4,"rounded-media"],"imgSrc":[1,"img-src"],"imgAlt":[1,"img-alt"],"videoSrc":[1,"video-src"]}]]],["jump-card-ecommerce-option.cjs",[[1,"jump-card-ecommerce-option",{"code":[1],"imgUrl":[1,"img-url"],"label":[1],"sku":[1],"taxonomy":[1]}]]],["jump-filter-checkbox.cjs",[[1,"jump-filter-checkbox",{"value":[1],"label":[1],"checked":[516],"count":[8],"isChecked":[64]}]]],["jump-tab.cjs",[[1,"jump-tab",{"tabGroupName":[1,"tab-group-name"],"variant":[1]},[[0,"jump-change-active-tab","changeActiveTabHandler"]]]]],["jump-tab-panel.cjs",[[1,"jump-tab-panel",{"identifier":[1],"active":[4]}]]],["jump-badge.cjs",[[1,"jump-badge",{"label":[1],"variant":[513],"dimension":[513],"soft":[516],"outline":[516]}]]],["jump-button_2.cjs",[[1,"jump-button",{"disabled":[4],"variant":[1],"outline":[4],"size":[1],"full":[4],"pill":[4],"text":[4],"onlyIcon":[4,"only-icon"],"href":[1],"target":[1],"type":[1],"name":[1],"value":[1],"ariaLabel":[1,"aria-label"],"class":[1],"buttonId":[1,"button-id"]}],[1,"jump-icon",{"class":[1],"library":[1],"name":[1],"category":[1],"size":[1],"label":[1],"src":[1]}]]]], options);
+  return index.bootstrapLazy([["jump-button_2.cjs",[[1,"jump-button",{"disabled":[4],"variant":[1],"outline":[4],"size":[1],"full":[4],"pill":[4],"text":[4],"onlyIcon":[4,"only-icon"],"href":[1],"target":[1],"type":[1],"name":[1],"value":[1],"ariaLabel":[1,"aria-label"],"class":[1],"buttonId":[1,"button-id"]}],[1,"jump-icon",{"class":[1],"library":[1],"name":[1],"category":[1],"size":[1],"label":[1],"src":[1]}]]],["jump-card-ecommerce.cjs",[[1,"jump-card-ecommerce",{"onlyIconButton":[4,"only-icon-button"],"hasBackground":[4,"has-background"],"badge":[1],"favorite":[1540],"hasFavorite":[4,"has-favorite"],"hasSlotForFavorite":[4,"has-slot-for-favorite"],"favoriteHref":[1,"favorite-href"],"link":[1],"img":[1],"imgAlt":[1,"img-alt"],"hoverImg":[1,"hover-img"],"hoverImgAlt":[1,"hover-img-alt"],"videoSrc":[1,"video-src"],"notificationUrl":[1,"notification-url"],"notificationText":[1,"notification-text"],"productName":[1,"product-name"],"subtitle":[1],"productId":[1,"product-id"],"price":[2],"salePrice":[2,"sale-price"],"currency":[1],"outOfStock":[1540,"out-of-stock"],"outOfStockText":[1,"out-of-stock-text"],"addToCartText":[1,"add-to-cart-text"],"waitingListText":[1,"waiting-list-text"],"addToWaitingList":[4,"add-to-waiting-list"],"isMini":[4,"is-mini"],"addedToCart":[4,"added-to-cart"],"endAddedToCart":[4,"end-added-to-cart"],"variations":[32],"selectedVariation":[32]},[[0,"jump-card-ecommerce-option-connected","addOption"]]]]],["jump-filter.cjs",[[1,"jump-filter",{"direction":[1],"filterHeading":[1,"filter-heading"],"filterButtonLabel":[1,"filter-button-label"],"filterButtonIcon":[1,"filter-button-icon"],"mobileThreshold":[2,"mobile-threshold"],"filters":[8],"activeFilters":[32],"showMobileFilters":[32],"isMobile":[32],"getFilters":[64]},[[0,"jump-filterchange","filterChangeHandler"],[9,"resize","handleResize"]]]]],["jump-filtergroup.cjs",[[1,"jump-filtergroup",{"name":[1],"heading":[1],"otherLabel":[1,"other-label"],"lessLabel":[1,"less-label"],"maxElements":[2,"max-elements"],"variant":[1],"values":[32],"value":[32],"slotItems":[32],"inputs":[32],"showMore":[32],"getValues":[64],"getActiveAmount":[64],"getInputs":[64],"getName":[64]}]]],["jump-pagination.cjs",[[1,"jump-pagination",{"pagLabel":[1,"pag-label"],"last":[2],"showFirstAndLast":[4,"show-first-and-last"],"current":[32]},null,{"current":["watchcurrent"]}]]],["jump-pagination-table.cjs",[[0,"jump-pagination-table",{"elementsRanges":[1,"elements-ranges"],"pagLabel":[513,"pag-label"],"labelElementsPerPage":[513,"label-elements-per-page"],"total":[514],"first":[514],"last":[514],"showFirstAndLast":[516,"show-first-and-last"],"elementsRangesArray":[32],"elPerPage":[32]},null,{"elementsRanges":["elementsRangesChanged"],"elPerPage":["elPerPageChanged"]}]]],["jump-quantity.cjs",[[65,"jump-quantity",{"min":[2],"max":[2],"step":[2],"label":[1],"type":[1],"variant":[1],"showButtons":[4,"show-buttons"],"value":[2],"getValue":[64],"reset":[64]},null,{"value":["onValueChange"]}]]],["jump-accordion.cjs",[[1,"jump-accordion",{"variant":[1],"summary":[1],"disabled":[4],"open":[516],"icon":[1],"id":[1]},[[0,"sl-show","handleShow"]]]]],["jump-tab-item.cjs",[[1,"jump-tab-item",{"identifier":[1],"iconName":[1,"icon-name"],"iconPosition":[1,"icon-position"],"label":[1],"active":[4],"disabled":[4],"variant":[32]}]]],["jump-card.cjs",[[4,"jump-card",{"horizontal":[4],"dark":[4],"shadow":[4],"border":[4],"borderRadius":[4,"border-radius"],"topBorderContentRadius":[4,"top-border-content-radius"],"boxed":[4],"roundedMedia":[4,"rounded-media"],"imgSrc":[1,"img-src"],"imgAlt":[1,"img-alt"],"videoSrc":[1,"video-src"]}]]],["jump-card-ecommerce-option.cjs",[[1,"jump-card-ecommerce-option",{"code":[1],"imgUrl":[1,"img-url"],"label":[1],"sku":[1],"taxonomy":[1]}]]],["jump-filter-checkbox.cjs",[[1,"jump-filter-checkbox",{"value":[1],"label":[1],"checked":[516],"count":[8],"isChecked":[64]}]]],["jump-tab.cjs",[[1,"jump-tab",{"tabGroupName":[1,"tab-group-name"],"variant":[1]},[[0,"jump-change-active-tab","changeActiveTabHandler"]]]]],["jump-tab-panel.cjs",[[1,"jump-tab-panel",{"identifier":[1],"active":[4]}]]],["jump-badge.cjs",[[1,"jump-badge",{"label":[1],"variant":[513],"dimension":[513],"soft":[516],"outline":[516]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -19,8 +19,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.15.0",
-    "typescriptVersion": "5.4.4"
+    "version": "4.18.2",
+    "typescriptVersion": "5.4.5"
   },
   "collections": [],
   "bundles": []

package/dist/collection/components/jump-accordion/jump-accordion.css

@@ -1,3 +1,102 @@
 :host {
-  display: block;
+  --jump-acordion-header-color: var(--neutral-grey-primary, #282828);
+  --jump-accordion-border-color: var(--neutral-grey-secondary, #707070);
+  --jump-accordion-icon-color: var(--neutral-grey-primary, #282828);
+}
+
+:host ::part(base) {
+  border-radius: 3px;
+  border: none;
+  font-family: "Inter", sans-serif;
+}
+
+:host ::part(header) {
+  padding: 24px;
+  font-weight: bold;
+  font-size: 18px;
+}
+
+:host ::part(content) {
+  padding-left: 24px;
+  padding-bottom: 24px;
+  padding-right: 24px;
+  margin: 0px;
+}
+
+/* Boxed */
+:host(.boxed) {
+  --jump-accordion-bg-color: var(--secondary-standard, #5e79ba);
+  --jump-accordion-color: var(--neutral-white, #ffffff);
+  --jump-accordion-icon-color: var(--neutral-white, #ffffff);
+}
+
+:host(.boxed) ::part(base) {
+  background-color: var(--jump-accordion-bg-color);
+  color: var(--jump-accordion-color);
+}
+
+:host(.boxed) ::part(summary-icon) {
+  color: var(--jump-accordion-icon-color);
+}
+
+/* Sidestroke */
+:host(.sidestroke) {
+  --jump-accordion-stroke-color: var(--secondary-standard, #5e79ba);
+  --jump-accordion-bg-color: var(--secondary-soft, #EDF2FA);
+  --jump-accordion-color: var(--neutral-grey-primary, #282828);
+  --jump-accordion-icon-color: var(--neutral-grey-primary, #282828);
+}
+
+:host(.sidestroke) ::part(base) {
+  border-left: 6px solid var(--jump-accordion-stroke-color);
+  background-color: var(--jump-accordion-bg-color);
+  color: var(--jump-accordion-color);
+}
+
+:host(.sidestroke) ::part(summary-icon) {
+  color: var(--jump-accordion-icon-color);
+}
+
+/* Boxed header */
+:host(.boxedheader) {
+  --jump-accordion-header-bg-color: var(--secondary-soft, #EDF2FA);
+  --jump-acordion-header-color: var(--secondary-standard, #5e79ba);
+  --jump-accordion-icon-color: var(--secondary-standard, #5e79ba);
+}
+
+:host(.boxedheader) ::part(header) {
+  background-color: var(--jump-accordion-header-bg-color);
+  color: var(--jump-acordion-header-color);
+}
+
+:host(.boxedheader) ::part(summary-icon) {
+  color: var(--jump-accordion-icon-color);
+}
+
+:host(.boxedheader) ::part(content) {
+  background-color: transparent;
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+
+/* Divider */
+:host(.divider) ::part(base) {
+  background-color: transparent;
+  border-top: 1px solid var(--jump-accordion-border-color);
+  border-bottom: 1px solid var(--jump-accordion-border-color);
+  border-radius: 0px;
+}
+
+:host(.divider) ::part(header) {
+  color: var(--jump-acordion-header-color);
+}
+
+:host(.divider) ::part(summary-icon) {
+  color: var(--jump-accordion-icon-color);
+}
+
+/* Disabilito la rotazione */
+:host ::part(summary-icon) {
+  /* Disable the expand/collapse animation */
+  rotate: none;
 }

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

@@ -1,7 +1,36 @@
 import { Host, h } from "@stencil/core";
+import "@shoelace-style/shoelace/dist/components/details/details.js";
 export class JumpAccordion {
+    constructor() {
+        this.variant = undefined;
+        this.summary = undefined;
+        this.disabled = undefined;
+        this.open = undefined;
+        this.icon = undefined;
+        this.id = undefined;
+    }
+    /* ---------------------- @LISTEN ------------------------- */
+    handleShow() {
+        this.open = true;
+        this.jumpAccordionOpen.emit('open');
+    }
+    /* --------------------- RENDER ------------------------------- */
+    renderIcons() {
+        if (this.icon === 'plus') {
+            return [
+                h("jump-icon", { library: "fa", category: "regular", name: "plus", size: "small", slot: "expand-icon" }),
+                h("jump-icon", { library: "fa", category: "regular", name: "minus", size: "small", slot: "collapse-icon" })
+            ];
+        }
+        else {
+            return [
+                h("jump-icon", { library: "fa", category: "regular", name: "chevron-down", size: "small", slot: "expand-icon" }),
+                h("jump-icon", { library: "fa", category: "regular", name: "chevron-up", size: "small", slot: "collapse-icon" })
+            ];
+        }
+    }
     render() {
-        return (h(Host, { key: '08c6f14d1b4c9fcd99c62679bbc16b02b985644f' }, h("slot", { key: 'd86efa130f7c545957223bfe25bd016d52031095' })));
+        return (h(Host, { key: '55c161e236dd934ad4046a8621f30fb982cb616e', class: "JumpAccordion " + (this.variant), open: this.open }, h("sl-details", { key: 'b567334b3eead4dd1b974ac5ffe048972386d9a1', class: "item", summary: this.summary, disabled: this.disabled, open: this.open }, this.renderIcons(), h("slot", { key: '911e4e49e513b4b2806315eef1f0e7e0a5993bb6', name: "acc-content" }))));
     }
     static get is() { return "jump-accordion"; }
     static get encapsulation() { return "shadow"; }
@@ -15,5 +44,138 @@ export class JumpAccordion {
             "$": ["jump-accordion.css"]
         };
     }
+    static get properties() {
+        return {
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"divider\" | \"boxed\" | \"boxedheader\" | \"sidestroke\"",
+                    "resolved": "\"boxed\" | \"boxedheader\" | \"divider\" | \"sidestroke\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "variant",
+                "reflect": false
+            },
+            "summary": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "summary",
+                "reflect": false
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "disabled",
+                "reflect": false
+            },
+            "open": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "open",
+                "reflect": true
+            },
+            "icon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"plus\" | \"chevron\"",
+                    "resolved": "\"chevron\" | \"plus\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "icon",
+                "reflect": false
+            },
+            "id": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "id",
+                "reflect": false
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "jumpAccordionOpen",
+                "name": "jump-accordion-open",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
+    static get listeners() {
+        return [{
+                "name": "sl-show",
+                "method": "handleShow",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
 }
 //# sourceMappingURL=jump-accordion.js.map

package/dist/collection/components/jump-accordion/jump-accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"jump-accordion.js","sourceRoot":"","sources":["../../../src/components/jump-accordion/jump-accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,aAAa;IAExB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, h } from '@stencil/core';\n\n@Component({\n  tag: 'jump-accordion',\n  styleUrl: 'jump-accordion.scss',\n  shadow: true,\n})\nexport class JumpAccordion {\n\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n\n}\n"]}
+{"version":3,"file":"jump-accordion.js","sourceRoot":"","sources":["../../../src/components/jump-accordion/jump-accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACtF,OAAO,6DAA6D,CAAC;AAMrE,MAAM,OAAO,aAAa;;;;;;;;;IAaxB,8DAA8D;IAE9D,UAAU;QACR,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACtC,CAAC;IAED,kEAAkE;IAClE,WAAW;QACT,IAAG,IAAI,CAAC,IAAI,KAAK,MAAM,EAAC,CAAC;YACvB,OAAO;gBACL,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,aAAa,GAAa;gBACnG,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,eAAe,GAAa;aACvG,CAAA;QACH,CAAC;aAAM,CAAC;YACN,OAAO;gBACL,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,aAAa,GAAa;gBAC3G,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,eAAe,GAAa;aAC5G,CAAA;QACH,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,gBAAgB,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI;YAC7D,mEAAY,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI;gBACrF,IAAI,CAAC,WAAW,EAAE;gBACjB,6DAAM,IAAI,EAAC,aAAa,GAAQ,CACvB,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, Event, EventEmitter, Listen, Host, h } from '@stencil/core';\nimport '@shoelace-style/shoelace/dist/components/details/details.js';\n@Component({\n  tag: 'jump-accordion',\n  styleUrl: 'jump-accordion.scss',\n  shadow: true,\n})\nexport class JumpAccordion {\n\n  /* ---------------------- @PROPERTIES ------------------------- */\n  @Prop() variant: \"divider\" | \"boxed\" | \"boxedheader\" | \"sidestroke\";\n  @Prop() summary: string;\n  @Prop() disabled: boolean;\n  @Prop({reflect: true}) open: boolean;\n  @Prop() icon: \"plus\" | \"chevron\";\n  @Prop() id: string;\n\n  /* ---------------------- @EVENTS ------------------------- */\n  @Event({ eventName: 'jump-accordion-open'}) jumpAccordionOpen : EventEmitter;\n\n  /* ---------------------- @LISTEN ------------------------- */\n  @Listen('sl-show')\n  handleShow() {\n    this.open = true;\n    this.jumpAccordionOpen.emit('open');\n  }\n\n  /* --------------------- RENDER ------------------------------- */\n  renderIcons() {\n    if(this.icon === 'plus'){\n      return [\n        <jump-icon library=\"fa\" category=\"regular\" name=\"plus\" size=\"small\" slot=\"expand-icon\"></jump-icon>,\n        <jump-icon library=\"fa\" category=\"regular\" name=\"minus\" size=\"small\" slot=\"collapse-icon\"></jump-icon>\n      ]\n    } else {\n      return [\n        <jump-icon library=\"fa\" category=\"regular\" name=\"chevron-down\" size=\"small\" slot=\"expand-icon\"></jump-icon>,\n        <jump-icon library=\"fa\" category=\"regular\" name=\"chevron-up\" size=\"small\" slot=\"collapse-icon\"></jump-icon>\n      ]\n    }\n  }\n\n  render() {\n    return (\n      <Host class={\"JumpAccordion \" + (this.variant)} open={this.open}>\n        <sl-details class=\"item\" summary={this.summary} disabled={this.disabled} open={this.open}>\n          {this.renderIcons()}\n            <slot name=\"acc-content\"></slot>\n        </sl-details>\n      </Host>\n    );\n  }\n}"]}

package/dist/collection/components/jump-accordion/jump-accordion.stories.js

@@ -0,0 +1,127 @@
+import { generateAttributesFromArgs } from "../../utils/utils";
+export default {
+    title: 'Components/Accordion',
+    tags: ['autodocs'],
+    argTypes: {
+        id: {
+            name: 'id',
+            description: 'identificativo dell\'accordion',
+            control: 'text',
+        },
+        summary: {
+            name: 'summary',
+            description: 'inserire la scritta che sarà visualizzata come titolo',
+            control: 'text',
+        },
+        variant: {
+            name: 'variant',
+            description: 'scegliere lo stile dell\'accordion',
+            control: 'select',
+            options: ['divider', 'boxed', 'boxedheader', 'sidestroke'],
+        },
+        disabled: {
+            name: 'disabled',
+            description: 'disabilita l\'apertura dell\'accordion',
+            control: 'boolean',
+        },
+        icon: {
+            name: 'icon',
+            description: 'Scegliere il tipo di icona',
+            control: 'select',
+            options: ['chevron', 'plus'],
+        }
+    }
+};
+/*----- Boxed ----*/
+const TemplateAccordionBoxed = (args) => {
+    const attributes = generateAttributesFromArgs(args);
+    return `<jump-accordion ${attributes}>
+    <div slot="acc-content">Contenuto dell'accordion</div>  
+  </jump-accordion>`;
+};
+export const AccordionBoxed = TemplateAccordionBoxed.bind({});
+AccordionBoxed.args = {
+    summary: 'Titolo accordion',
+    variant: 'boxed',
+    icon: 'chevron',
+    id: 'accordion1',
+};
+/*----- Divider ----*/
+const TemplateAccordionDivider = (args) => {
+    const attributes = generateAttributesFromArgs(args);
+    return `<jump-accordion ${attributes}>
+    <div slot="acc-content">Contenuto dell'accordion</div>  
+  </jump-accordion>`;
+};
+export const AccordionDivider = TemplateAccordionDivider.bind({});
+AccordionDivider.args = {
+    summary: 'Titolo accordion',
+    variant: 'divider',
+    icon: 'chevron',
+    id: 'accordion2',
+};
+/*----- Sidestroke ----*/
+const TemplateAccordionSidestroke = (args) => {
+    const attributes = generateAttributesFromArgs(args);
+    return `<jump-accordion ${attributes}>
+    <div slot="acc-content">Contenuto dell'accordion</div>  
+  </jump-accordion>`;
+};
+export const AccordionSidestroke1 = TemplateAccordionSidestroke.bind({});
+AccordionSidestroke1.args = {
+    summary: 'Titolo accordion',
+    variant: 'sidestroke',
+    icon: 'plus',
+    id: 'accordion3',
+};
+/*----- Boxedheader ----*/
+const TemplateAccordionBoxedheader = (args) => {
+    const attributes = generateAttributesFromArgs(args);
+    return `<jump-accordion ${attributes}>
+<div slot="acc-content">Contenuto dell'accordion</div>  
+  </jump-accordion>`;
+};
+export const AccordionBoxedHeader = TemplateAccordionBoxedheader.bind({});
+AccordionBoxedHeader.args = {
+    summary: 'Titolo accordion',
+    variant: 'boxedheader',
+    icon: 'plus',
+    id: 'accordion4',
+};
+/** Template per mostrare l'esempio di come usare un gruppo di accordion */
+const TemplateGroup = (args, data) => {
+    console.log('args', args);
+    let id = data.id;
+    return `<div class="accordion-group" style="display: flex; flex-direction: column; gap: 8px;">
+            <jump-accordion summary="accordion 1" variant="boxed">
+              <div slot="acc-content">Contenuto dell'accordion</div>  
+            </jump-accordion><jump-accordion summary="accordion 2" variant="boxed">
+              <div slot="acc-content">Contenuto dell'accordion</div>  
+            </jump-accordion><jump-accordion summary="accordion 3" variant="boxed">
+              <div slot="acc-content">Contenuto dell'accordion</div>  
+            </jump-accordion>
+          </div>
+          <script>
+            (function() {
+            let container = document.querySelector('#story--${id}');
+            container.addEventListener('jump-accordion-open', event => {
+              if (event.target.localName === 'jump-accordion') {
+                container.querySelectorAll('jump-accordion').forEach(details => {
+                  if (details !== event.target) {
+                    details.open = false;
+                  } else {
+                  //  console.log('entro true');
+                    details.open = true;
+                  }
+                });
+              }
+            });
+          })();
+        </script>`;
+};
+export const AccordionGroup = TemplateGroup.bind({});
+AccordionGroup.args = {
+    summary: 'Titolo accordion',
+    variant: 'boxed',
+};
+//# sourceMappingURL=jump-accordion.stories.js.map

package/dist/collection/components/jump-accordion/jump-accordion.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jump-accordion.stories.js","sourceRoot":"","sources":["../../../src/components/jump-accordion/jump-accordion.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { generateAttributesFromArgs} from '../../utils/utils';\n\nexport default {\n  title: 'Components/Accordion',\n  tags: ['autodocs'],\n  argTypes: {\n    id:{\n      name: 'id',\n      description: 'identificativo dell\\'accordion',\n      control: 'text',\n    },\n    summary: {\n      name: 'summary',\n      description: 'inserire la scritta che sarà visualizzata come titolo',\n      control: 'text',\n    },\n    variant: {\n      name: 'variant',\n      description: 'scegliere lo stile dell\\'accordion',\n      control: 'select',\n      options: ['divider', 'boxed', 'boxedheader', 'sidestroke'],\n    },\n    disabled: {\n      name: 'disabled',\n      description: 'disabilita l\\'apertura dell\\'accordion',\n      control: 'boolean',\n    },\n    icon: {\n      name: 'icon',\n      description: 'Scegliere il tipo di icona',\n      control: 'select',\n      options: ['chevron', 'plus'],\n    }\n  }\n};\n\n/*----- Boxed ----*/\nconst TemplateAccordionBoxed = (args) => {\nconst attributes = generateAttributesFromArgs(args);\n  return `<jump-accordion ${attributes}>\n    <div slot=\"acc-content\">Contenuto dell'accordion</div>  \n  </jump-accordion>`\n}\n\nexport const AccordionBoxed = TemplateAccordionBoxed.bind({});\nAccordionBoxed.args = {\n  summary: 'Titolo accordion',\n  variant: 'boxed',\n  icon: 'chevron',\n  id: 'accordion1',\n};\n\n/*----- Divider ----*/\nconst TemplateAccordionDivider = (args) => {\nconst attributes = generateAttributesFromArgs(args);\n  return `<jump-accordion ${attributes}>\n    <div slot=\"acc-content\">Contenuto dell'accordion</div>  \n  </jump-accordion>`\n}\n\nexport const AccordionDivider = TemplateAccordionDivider.bind({});\nAccordionDivider.args = {\n  summary: 'Titolo accordion',\n  variant: 'divider',\n  icon: 'chevron',\n  id: 'accordion2',\n};\n\n/*----- Sidestroke ----*/\nconst TemplateAccordionSidestroke = (args) => {\nconst attributes = generateAttributesFromArgs(args);\n  return `<jump-accordion ${attributes}>\n    <div slot=\"acc-content\">Contenuto dell'accordion</div>  \n  </jump-accordion>`\n}\n\nexport const AccordionSidestroke1 = TemplateAccordionSidestroke.bind({});\nAccordionSidestroke1.args = {\n  summary: 'Titolo accordion',\n  variant: 'sidestroke',\n  icon: 'plus',\n  id: 'accordion3',\n};\n\n/*----- Boxedheader ----*/\nconst TemplateAccordionBoxedheader = (args) => {\nconst attributes = generateAttributesFromArgs(args);\n  return `<jump-accordion ${attributes}>\n<div slot=\"acc-content\">Contenuto dell'accordion</div>  \n  </jump-accordion>`\n}\n\nexport const AccordionBoxedHeader = TemplateAccordionBoxedheader.bind({});\nAccordionBoxedHeader.args = {\n  summary: 'Titolo accordion',\n  variant: 'boxedheader',\n  icon: 'plus',\n  id: 'accordion4',\n};\n\n/** Template per mostrare l'esempio di come usare un gruppo di accordion */\nconst TemplateGroup = (args, data) => {\n  console.log('args', args);\n  let id = data.id;\n  return `<div class=\"accordion-group\" style=\"display: flex; flex-direction: column; gap: 8px;\">\n            <jump-accordion summary=\"accordion 1\" variant=\"boxed\">\n              <div slot=\"acc-content\">Contenuto dell'accordion</div>  \n            </jump-accordion><jump-accordion summary=\"accordion 2\" variant=\"boxed\">\n              <div slot=\"acc-content\">Contenuto dell'accordion</div>  \n            </jump-accordion><jump-accordion summary=\"accordion 3\" variant=\"boxed\">\n              <div slot=\"acc-content\">Contenuto dell'accordion</div>  \n            </jump-accordion>\n          </div>\n          <script>\n            (function() {\n            let container = document.querySelector('#story--${id}');\n            container.addEventListener('jump-accordion-open', event => {\n              if (event.target.localName === 'jump-accordion') {\n                container.querySelectorAll('jump-accordion').forEach(details => {\n                  if (details !== event.target) {\n                    details.open = false;\n                  } else {\n                  //  console.log('entro true');\n                    details.open = true;\n                  }\n                });\n              }\n            });\n          })();\n        </script>`\n}\n\nexport const AccordionGroup = TemplateGroup.bind({});\nAccordionGroup.args = {\n  summary: 'Titolo accordion',\n  variant: 'boxed',\n};"]}

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

@@ -8,7 +8,7 @@ export class AppBadge {
         this.outline = false;
     }
     render() {
-        return (h(Host, { key: '8dacecfae3bdd3b3a3bc7b89249db2f633b2f001' }, h("slot", { key: 'da4da1c4c23a614ff8c9c43189c9bb7a54ce426f', name: "prefix" }), this.label));
+        return (h(Host, { key: 'cb6b061c119b4179edf9ae44e0657dc29f7197af' }, h("slot", { key: 'ad318695570d0b19e7e5186de5398a1b782e653c', name: "prefix" }), this.label));
     }
     static get is() { return "jump-badge"; }
     static get encapsulation() { return "shadow"; }

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

@@ -22,7 +22,7 @@ export class JumpButton {
         this.target = this.href ? this.target : '_self';
     }
     render() {
-        return (h(Host, { key: '654a8147c4251ebab7834f6ddb569e0a3ebe2b77' }, this.href ? (h("a", { href: this.href, id: this.buttonId, class: this.class, "data-variant": this.variant, "data-outline": this.outline, "data-size": this.size, "data-full": this.full, "data-pill": this.pill, "data-text": this.text, "data-only-icon": this.onlyIcon, "aria-label": this.ariaLabel, target: this.target }, h("slot", { name: "prefix" }), !this.onlyIcon && h("slot", null), h("slot", { name: "suffix" }))) : (h("button", { id: this.buttonId, class: this.class, "data-variant": this.variant, "data-outline": this.outline, "data-size": this.size, "data-full": this.full, "data-pill": this.pill, "data-text": this.text, "data-only-icon": this.onlyIcon, disabled: this.disabled, "aria-label": this.ariaLabel, type: this.type, name: this.name, value: this.value }, h("slot", { name: "prefix" }), !this.onlyIcon && h("slot", null), h("slot", { name: "suffix" })))));
+        return (h(Host, { key: '4c6dcee31ac2408473021a81fbb3386bf8997e57' }, this.href ? (h("a", { href: this.href, id: this.buttonId, class: this.class, "data-variant": this.variant, "data-outline": this.outline, "data-size": this.size, "data-full": this.full, "data-pill": this.pill, "data-text": this.text, "data-only-icon": this.onlyIcon, "aria-label": this.ariaLabel, target: this.target }, h("slot", { name: "prefix" }), !this.onlyIcon && h("slot", null), h("slot", { name: "suffix" }))) : (h("button", { id: this.buttonId, class: this.class, "data-variant": this.variant, "data-outline": this.outline, "data-size": this.size, "data-full": this.full, "data-pill": this.pill, "data-text": this.text, "data-only-icon": this.onlyIcon, disabled: this.disabled, "aria-label": this.ariaLabel, type: this.type, name: this.name, value: this.value }, h("slot", { name: "prefix" }), !this.onlyIcon && h("slot", null), h("slot", { name: "suffix" })))));
     }
     static get is() { return "jump-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -14,8 +14,8 @@ export class AppCard {
         this.videoSrc = '';
     }
     render() {
-        return (h(Host, { key: '7cb28f9f3ef1a64c859b7b4de719ca9dc58eea8d', horizontal: this.horizontal, "border-radius": this.borderRadius, "rounded-media": this.roundedMedia, "top-border-content-radius": this.topBorderContentRadius, boxed: this.boxed, shadow: this.shadow, border: this.border }, this.imgSrc && !this.videoSrc ? h("img", { src: this.imgSrc, alt: this.imgAlt }) : '', this.videoSrc && !this.imgSrc ?
-            h("video", { autoplay: true }, h("source", { src: this.videoSrc, type: "video/mp4" }), h("source", { src: this.videoSrc, type: "video/mov" }), h("source", { src: this.videoSrc, type: "video/webm" })) : '', h("div", { key: 'dabe68c686a49f1af7386182ad4b14181d7c7bcc', class: "Content" }, h("slot", { key: '18be998730900c91de0e93e410ae34abccff4bfc', name: "body" }), h("slot", { key: 'd9dfbf2a4cf014ceb761432cd435179689d5baa6', name: "footer" }))));
+        return (h(Host, { key: 'cba5f0bc03e0f108fe4c4fd01e18c4d76bb8591c', horizontal: this.horizontal, "border-radius": this.borderRadius, "rounded-media": this.roundedMedia, "top-border-content-radius": this.topBorderContentRadius, boxed: this.boxed, shadow: this.shadow, border: this.border }, this.imgSrc && !this.videoSrc ? h("img", { src: this.imgSrc, alt: this.imgAlt }) : '', this.videoSrc && !this.imgSrc ?
+            h("video", { autoplay: true }, h("source", { src: this.videoSrc, type: "video/mp4" }), h("source", { src: this.videoSrc, type: "video/mov" }), h("source", { src: this.videoSrc, type: "video/webm" })) : '', h("div", { key: '785c447a4b82ed14891844de5921e847703cd330', class: "Content" }, h("slot", { key: '9f72083fca37d3c029d7762fc1269c02124fb998', name: "body" }), h("slot", { key: '5512fbb7b1dabfc22eb65fc55aecee61a7ce4b2f', name: "footer" }))));
     }
     static get is() { return "jump-card"; }
     static get originalStyleUrls() {

package/dist/collection/components/jump-card-ecommerce/jump-card-ecommerce.css

@@ -44,8 +44,7 @@
 :host .Media {
   overflow: hidden;
   position: relative;
-  border-top-left-radius: 3px;
-  border-top-right-radius: 3px;
+  border-radius: 3px;
   aspect-ratio: 1/1;
 }
 :host .Media .Images {
@@ -81,6 +80,12 @@
 :host .Media.hasBackground.iconOnly img {
   border-radius: 6px;
 }
+:host .Media.iconOnly {
+  border-bottom-right-radius: 0;
+}
+:host .Media.is-mini {
+  max-width: 180px;
+}
 :host .NotificationCart {
   display: none;
   position: absolute;
@@ -104,6 +109,9 @@
 :host .Content.iconOnly {
   padding: calc(var(--jump-card-padding) * 2) var(--jump-card-padding);
 }
+:host .Content.is-mini {
+  max-width: 180px;
+}
 :host .Body {
   display: flex;
   flex-direction: column;
@@ -124,6 +132,12 @@
 :host .Body.iconOnly {
   padding: 0;
 }
+:host .Body.is-mini {
+  padding: calc(var(--jump-card-padding) / 2) 0;
+}
+:host .Body.is-mini > * {
+  flex-direction: column;
+}
 :host .Product {
   font-size: var(--fs-400);
 }
@@ -147,6 +161,9 @@
 :host .Footer.iconOnly {
   padding: 0;
 }
+:host .Footer.is-mini {
+  padding: calc(var(--jump-card-padding) / 2) 0;
+}
 :host .OutOfStock {
   justify-items: start;
   font-size: var(--fs-300);
@@ -199,6 +216,10 @@
   grid-column: 1;
   grid-row: 1;
 }
+:host .Price.is-mini {
+  display: flex;
+  font-size: var(--fs-400);
+}
 :host .SelectVariations select {
   appearance: none;
   background-color: transparent;