npm - @jumpgroup/jump-design-system - Versions diffs - 0.3.21 → 0.3.22 - Mend

@jumpgroup/jump-design-system 0.3.21 → 0.3.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (141) hide show

package/dist/jump-design-system/p-8e0e49fb.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["details_styles_default","css","defaultAnimationRegistry","Map","customAnimationRegistry","WeakMap","ensureAnimation","animation","keyframes","options","duration","getLogicalAnimation","dir","toLowerCase","rtlKeyframes","setDefaultAnimation","animationName","set","getAnimation","el","customAnimation","get","defaultAnimation","waitForEvent","eventName","Promise","resolve","done","event","target","removeEventListener","addEventListener","animateTo","Infinity","Error","animate","__spreadProps","__spreadValues","prefersReducedMotion","once","query","window","matchMedia","matches","stopAnimations","all","getAnimations","map","cancel","requestAnimationFrame","shimKeyframesHeightAuto","calculatedHeight","keyframe","height","connectedElements","Set","documentElementObserver","MutationObserver","update","translations","documentDirection","document","documentElement","documentLanguage","lang","navigator","language","fallback","observe","attributes","attributeFilter","registerTranslation","translation","t","code","$code","has","Object","assign","keys","requestUpdate","LocalizeController","constructor","host","this","addController","hostConnected","add","hostDisconnected","delete","getTranslationData","_a","_b","locale","Intl","Locale","replace","region","primary","secondary","exists","key","includeFallback","term","args","console","error","String","date","dateToFormat","Date","DateTimeFormat","format","number","numberToFormat","Number","isNaN","NumberFormat","relativeTime","value","unit","RelativeTimeFormat","$name","$dir","carousel","clearEntry","close","copied","copy","currentValue","goToSlide","slide","count","hidePassword","loading","nextSlide","numOptionsSelected","num","previousSlide","progress","remove","resize","scrollToEnd","scrollToStart","selectAColorFromTheScreen","showPassword","slideNum","toggleColorFormat","en_default","DefaultLocalizationController","SlDetails","ShoelaceElement","super","arguments","localize","open","disabled","firstUpdated","body","style","details","detailsObserver","changes","change","type","attributeName","show","hide","disconnectedCallback","disconnect","handleSummaryClick","preventDefault","header","focus","handleSummaryKeyDown","handleOpenChange","slShow","emit","cancelable","defaultPrevented","scrollHeight","slHide","render","isRtl","html","classMap","summary","styles","component_styles_default","dependencies","SlIcon","__decorateClass","prototype","property","Boolean","reflect","watch","waitUntilFirstUpdate","opacity","easing","define","jumpAccordionCss","JumpAccordionStyle0","JumpAccordion","handleShow","jumpAccordionOpen","renderIcons","icon","h","library","category","name","size","slot","Host","class","id","identifier"],"sources":["node_modules/@shoelace-style/shoelace/dist/chunks/chunk.J7PLVEQM.js","node_modules/@shoelace-style/shoelace/dist/chunks/chunk.DHU6MIVB.js","node_modules/@shoelace-style/shoelace/dist/chunks/chunk.B4BZKR24.js","node_modules/@shoelace-style/shoelace/dist/chunks/chunk.LHI6QEL2.js","node_modules/@shoelace-style/localize/dist/index.js","node_modules/@shoelace-style/shoelace/dist/chunks/chunk.MAS2SHYD.js","node_modules/@shoelace-style/shoelace/dist/chunks/chunk.WLV3FVBR.js","node_modules/@shoelace-style/shoelace/dist/chunks/chunk.NTUEQTVT.js","node_modules/@shoelace-style/shoelace/dist/chunks/chunk.MU3U6YPN.js","src/components/jump-accordion/jump-accordion.scss?tag=jump-accordion&encapsulation=shadow","src/components/jump-accordion/jump-accordion.tsx"],"sourcesContent":["// src/components/details/details.styles.ts\nimport { css } from \"lit\";\nvar details_styles_default = css`\n :host {\n display: block;\n }\n\n .details {\n border: solid 1px var(--sl-color-neutral-200);\n border-radius: var(--sl-border-radius-medium);\n background-color: var(--sl-color-neutral-0);\n overflow-anchor: none;\n }\n\n .details--disabled {\n opacity: 0.5;\n }\n\n .details__header {\n display: flex;\n align-items: center;\n border-radius: inherit;\n padding: var(--sl-spacing-medium);\n user-select: none;\n -webkit-user-select: none;\n cursor: pointer;\n }\n\n .details__header::-webkit-details-marker {\n display: none;\n }\n\n .details__header:focus {\n outline: none;\n }\n\n .details__header:focus-visible {\n outline: var(--sl-focus-ring);\n outline-offset: calc(1px + var(--sl-focus-ring-offset));\n }\n\n .details--disabled .details__header {\n cursor: not-allowed;\n }\n\n .details--disabled .details__header:focus-visible {\n outline: none;\n box-shadow: none;\n }\n\n .details__summary {\n flex: 1 1 auto;\n display: flex;\n align-items: center;\n }\n\n .details__summary-icon {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n transition: var(--sl-transition-medium) rotate ease;\n }\n\n .details--open .details__summary-icon {\n rotate: 90deg;\n }\n\n .details--open.details--rtl .details__summary-icon {\n rotate: -90deg;\n }\n\n .details--open slot[name='expand-icon'],\n .details:not(.details--open) slot[name='collapse-icon'] {\n display: none;\n }\n\n .details__body {\n overflow: hidden;\n }\n\n .details__content {\n display: block;\n padding: var(--sl-spacing-medium);\n }\n`;\n\nexport {\n details_styles_default\n};\n","import {\n __spreadProps,\n __spreadValues\n} from \"./chunk.IFDWM6P4.js\";\n\n// src/utilities/animation-registry.ts\nvar defaultAnimationRegistry = /* @__PURE__ */ new Map();\nvar customAnimationRegistry = /* @__PURE__ */ new WeakMap();\nfunction ensureAnimation(animation) {\n return animation != null ? animation : { keyframes: [], options: { duration: 0 } };\n}\nfunction getLogicalAnimation(animation, dir) {\n if (dir.toLowerCase() === \"rtl\") {\n return {\n keyframes: animation.rtlKeyframes || animation.keyframes,\n options: animation.options\n };\n }\n return animation;\n}\nfunction setDefaultAnimation(animationName, animation) {\n defaultAnimationRegistry.set(animationName, ensureAnimation(animation));\n}\nfunction setAnimation(el, animationName, animation) {\n customAnimationRegistry.set(el, __spreadProps(__spreadValues({}, customAnimationRegistry.get(el)), { [animationName]: ensureAnimation(animation) }));\n}\nfunction getAnimation(el, animationName, options) {\n const customAnimation = customAnimationRegistry.get(el);\n if (customAnimation == null ? void 0 : customAnimation[animationName]) {\n return getLogicalAnimation(customAnimation[animationName], options.dir);\n }\n const defaultAnimation = defaultAnimationRegistry.get(animationName);\n if (defaultAnimation) {\n return getLogicalAnimation(defaultAnimation, options.dir);\n }\n return {\n keyframes: [],\n options: { duration: 0 }\n };\n}\n\nexport {\n setDefaultAnimation,\n setAnimation,\n getAnimation\n};\n","// src/internal/event.ts\nfunction waitForEvent(el, eventName) {\n return new Promise((resolve) => {\n function done(event) {\n if (event.target === el) {\n el.removeEventListener(eventName, done);\n resolve();\n }\n }\n el.addEventListener(eventName, done);\n });\n}\n\nexport {\n waitForEvent\n};\n","import {\n __spreadProps,\n __spreadValues\n} from \"./chunk.IFDWM6P4.js\";\n\n// src/internal/animate.ts\nfunction animateTo(el, keyframes, options) {\n return new Promise((resolve) => {\n if ((options == null ? void 0 : options.duration) === Infinity) {\n throw new Error(\"Promise-based animations must be finite.\");\n }\n const animation = el.animate(keyframes, __spreadProps(__spreadValues({}, options), {\n duration: prefersReducedMotion() ? 0 : options.duration\n }));\n animation.addEventListener(\"cancel\", resolve, { once: true });\n animation.addEventListener(\"finish\", resolve, { once: true });\n });\n}\nfunction parseDuration(delay) {\n delay = delay.toString().toLowerCase();\n if (delay.indexOf(\"ms\") > -1) {\n return parseFloat(delay);\n }\n if (delay.indexOf(\"s\") > -1) {\n return parseFloat(delay) * 1e3;\n }\n return parseFloat(delay);\n}\nfunction prefersReducedMotion() {\n const query = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n return query.matches;\n}\nfunction stopAnimations(el) {\n return Promise.all(\n el.getAnimations().map((animation) => {\n return new Promise((resolve) => {\n animation.cancel();\n requestAnimationFrame(resolve);\n });\n })\n );\n}\nfunction shimKeyframesHeightAuto(keyframes, calculatedHeight) {\n return keyframes.map((keyframe) => __spreadProps(__spreadValues({}, keyframe), {\n height: keyframe.height === \"auto\" ? `${calculatedHeight}px` : keyframe.height\n }));\n}\n\nexport {\n animateTo,\n parseDuration,\n prefersReducedMotion,\n stopAnimations,\n shimKeyframesHeightAuto\n};\n","const connectedElements = new Set();\nconst documentElementObserver = new MutationObserver(update);\nconst translations = new Map();\nlet documentDirection = document.documentElement.dir || 'ltr';\nlet documentLanguage = document.documentElement.lang || navigator.language;\nlet fallback;\ndocumentElementObserver.observe(document.documentElement, {\n attributes: true,\n attributeFilter: ['dir', 'lang']\n});\nexport function registerTranslation(...translation) {\n translation.map(t => {\n const code = t.$code.toLowerCase();\n if (translations.has(code)) {\n translations.set(code, Object.assign(Object.assign({}, translations.get(code)), t));\n }\n else {\n translations.set(code, t);\n }\n if (!fallback) {\n fallback = t;\n }\n });\n update();\n}\nexport function update() {\n documentDirection = document.documentElement.dir || 'ltr';\n documentLanguage = document.documentElement.lang || navigator.language;\n [...connectedElements.keys()].map((el) => {\n if (typeof el.requestUpdate === 'function') {\n el.requestUpdate();\n }\n });\n}\nexport class LocalizeController {\n constructor(host) {\n this.host = host;\n this.host.addController(this);\n }\n hostConnected() {\n connectedElements.add(this.host);\n }\n hostDisconnected() {\n connectedElements.delete(this.host);\n }\n dir() {\n return `${this.host.dir || documentDirection}`.toLowerCase();\n }\n lang() {\n return `${this.host.lang || documentLanguage}`.toLowerCase();\n }\n getTranslationData(lang) {\n var _a, _b;\n const locale = new Intl.Locale(lang.replace(/_/g, '-'));\n const language = locale === null || locale === void 0 ? void 0 : locale.language.toLowerCase();\n const region = (_b = (_a = locale === null || locale === void 0 ? void 0 : locale.region) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== null && _b !== void 0 ? _b : '';\n const primary = translations.get(`${language}-${region}`);\n const secondary = translations.get(language);\n return { locale, language, region, primary, secondary };\n }\n exists(key, options) {\n var _a;\n const { primary, secondary } = this.getTranslationData((_a = options.lang) !== null && _a !== void 0 ? _a : this.lang());\n options = Object.assign({ includeFallback: false }, options);\n if ((primary && primary[key]) ||\n (secondary && secondary[key]) ||\n (options.includeFallback && fallback && fallback[key])) {\n return true;\n }\n return false;\n }\n term(key, ...args) {\n const { primary, secondary } = this.getTranslationData(this.lang());\n let term;\n if (primary && primary[key]) {\n term = primary[key];\n }\n else if (secondary && secondary[key]) {\n term = secondary[key];\n }\n else if (fallback && fallback[key]) {\n term = fallback[key];\n }\n else {\n console.error(`No translation found for: ${String(key)}`);\n return String(key);\n }\n if (typeof term === 'function') {\n return term(...args);\n }\n return term;\n }\n date(dateToFormat, options) {\n dateToFormat = new Date(dateToFormat);\n return new Intl.DateTimeFormat(this.lang(), options).format(dateToFormat);\n }\n number(numberToFormat, options) {\n numberToFormat = Number(numberToFormat);\n return isNaN(numberToFormat) ? '' : new Intl.NumberFormat(this.lang(), options).format(numberToFormat);\n }\n relativeTime(value, unit, options) {\n return new Intl.RelativeTimeFormat(this.lang(), options).format(value, unit);\n }\n}\n","// src/translations/en.ts\nimport { registerTranslation } from \"@shoelace-style/localize\";\nvar translation = {\n $code: \"en\",\n $name: \"English\",\n $dir: \"ltr\",\n carousel: \"Carousel\",\n clearEntry: \"Clear entry\",\n close: \"Close\",\n copied: \"Copied\",\n copy: \"Copy\",\n currentValue: \"Current value\",\n error: \"Error\",\n goToSlide: (slide, count) => `Go to slide ${slide} of ${count}`,\n hidePassword: \"Hide password\",\n loading: \"Loading\",\n nextSlide: \"Next slide\",\n numOptionsSelected: (num) => {\n if (num === 0)\n return \"No options selected\";\n if (num === 1)\n return \"1 option selected\";\n return `${num} options selected`;\n },\n previousSlide: \"Previous slide\",\n progress: \"Progress\",\n remove: \"Remove\",\n resize: \"Resize\",\n scrollToEnd: \"Scroll to end\",\n scrollToStart: \"Scroll to start\",\n selectAColorFromTheScreen: \"Select a color from the screen\",\n showPassword: \"Show password\",\n slideNum: (slide) => `Slide ${slide}`,\n toggleColorFormat: \"Toggle color format\"\n};\nregisterTranslation(translation);\nvar en_default = translation;\n\nexport {\n en_default\n};\n","import {\n en_default\n} from \"./chunk.MAS2SHYD.js\";\n\n// src/utilities/localize.ts\nimport { LocalizeController as DefaultLocalizationController, registerTranslation } from \"@shoelace-style/localize\";\nimport { registerTranslation as registerTranslation2 } from \"@shoelace-style/localize\";\nvar LocalizeController = class extends DefaultLocalizationController {\n};\nregisterTranslation(en_default);\n\nexport {\n LocalizeController,\n registerTranslation2 as registerTranslation\n};\n","import {\n details_styles_default\n} from \"./chunk.J7PLVEQM.js\";\nimport {\n getAnimation,\n setDefaultAnimation\n} from \"./chunk.DHU6MIVB.js\";\nimport {\n waitForEvent\n} from \"./chunk.B4BZKR24.js\";\nimport {\n animateTo,\n shimKeyframesHeightAuto,\n stopAnimations\n} from \"./chunk.LHI6QEL2.js\";\nimport {\n LocalizeController\n} from \"./chunk.WLV3FVBR.js\";\nimport {\n SlIcon\n} from \"./chunk.H33C3MRM.js\";\nimport {\n watch\n} from \"./chunk.2FB5TK5H.js\";\nimport {\n component_styles_default\n} from \"./chunk.TUVJKY7S.js\";\nimport {\n ShoelaceElement\n} from \"./chunk.SFSTXCXC.js\";\nimport {\n __decorateClass\n} from \"./chunk.IFDWM6P4.js\";\n\n// src/components/details/details.component.ts\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { html } from \"lit\";\nimport { property, query } from \"lit/decorators.js\";\nvar SlDetails = class extends ShoelaceElement {\n constructor() {\n super(...arguments);\n this.localize = new LocalizeController(this);\n this.open = false;\n this.disabled = false;\n }\n firstUpdated() {\n this.body.style.height = this.open ? \"auto\" : \"0\";\n if (this.open) {\n this.details.open = true;\n }\n this.detailsObserver = new MutationObserver((changes) => {\n for (const change of changes) {\n if (change.type === \"attributes\" && change.attributeName === \"open\") {\n if (this.details.open) {\n this.show();\n } else {\n this.hide();\n }\n }\n }\n });\n this.detailsObserver.observe(this.details, { attributes: true });\n }\n disconnectedCallback() {\n super.disconnectedCallback();\n this.detailsObserver.disconnect();\n }\n handleSummaryClick(event) {\n event.preventDefault();\n if (!this.disabled) {\n if (this.open) {\n this.hide();\n } else {\n this.show();\n }\n this.header.focus();\n }\n }\n handleSummaryKeyDown(event) {\n if (event.key === \"Enter\" || event.key === \" \") {\n event.preventDefault();\n if (this.open) {\n this.hide();\n } else {\n this.show();\n }\n }\n if (event.key === \"ArrowUp\" || event.key === \"ArrowLeft\") {\n event.preventDefault();\n this.hide();\n }\n if (event.key === \"ArrowDown\" || event.key === \"ArrowRight\") {\n event.preventDefault();\n this.show();\n }\n }\n async handleOpenChange() {\n if (this.open) {\n this.details.open = true;\n const slShow = this.emit(\"sl-show\", { cancelable: true });\n if (slShow.defaultPrevented) {\n this.open = false;\n this.details.open = false;\n return;\n }\n await stopAnimations(this.body);\n const { keyframes, options } = getAnimation(this, \"details.show\", { dir: this.localize.dir() });\n await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);\n this.body.style.height = \"auto\";\n this.emit(\"sl-after-show\");\n } else {\n const slHide = this.emit(\"sl-hide\", { cancelable: true });\n if (slHide.defaultPrevented) {\n this.details.open = true;\n this.open = true;\n return;\n }\n await stopAnimations(this.body);\n const { keyframes, options } = getAnimation(this, \"details.hide\", { dir: this.localize.dir() });\n await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);\n this.body.style.height = \"auto\";\n this.details.open = false;\n this.emit(\"sl-after-hide\");\n }\n }\n /** Shows the details. */\n async show() {\n if (this.open || this.disabled) {\n return void 0;\n }\n this.open = true;\n return waitForEvent(this, \"sl-after-show\");\n }\n /** Hides the details */\n async hide() {\n if (!this.open || this.disabled) {\n return void 0;\n }\n this.open = false;\n return waitForEvent(this, \"sl-after-hide\");\n }\n render() {\n const isRtl = this.localize.dir() === \"rtl\";\n return html`\n <details\n part=\"base\"\n class=${classMap({\n details: true,\n \"details--open\": this.open,\n \"details--disabled\": this.disabled,\n \"details--rtl\": isRtl\n })}\n >\n <summary\n part=\"header\"\n id=\"header\"\n class=\"details__header\"\n role=\"button\"\n aria-expanded=${this.open ? \"true\" : \"false\"}\n aria-controls=\"content\"\n aria-disabled=${this.disabled ? \"true\" : \"false\"}\n tabindex=${this.disabled ? \"-1\" : \"0\"}\n @click=${this.handleSummaryClick}\n @keydown=${this.handleSummaryKeyDown}\n >\n <slot name=\"summary\" part=\"summary\" class=\"details__summary\">${this.summary}</slot>\n\n <span part=\"summary-icon\" class=\"details__summary-icon\">\n <slot name=\"expand-icon\">\n <sl-icon library=\"system\" name=${isRtl ? \"chevron-left\" : \"chevron-right\"}></sl-icon>\n </slot>\n <slot name=\"collapse-icon\">\n <sl-icon library=\"system\" name=${isRtl ? \"chevron-left\" : \"chevron-right\"}></sl-icon>\n </slot>\n </span>\n </summary>\n\n <div class=\"details__body\" role=\"region\" aria-labelledby=\"header\">\n <slot part=\"content\" id=\"content\" class=\"details__content\"></slot>\n </div>\n </details>\n `;\n }\n};\nSlDetails.styles = [component_styles_default, details_styles_default];\nSlDetails.dependencies = {\n \"sl-icon\": SlIcon\n};\n__decorateClass([\n query(\".details\")\n], SlDetails.prototype, \"details\", 2);\n__decorateClass([\n query(\".details__header\")\n], SlDetails.prototype, \"header\", 2);\n__decorateClass([\n query(\".details__body\")\n], SlDetails.prototype, \"body\", 2);\n__decorateClass([\n query(\".details__expand-icon-slot\")\n], SlDetails.prototype, \"expandIconSlot\", 2);\n__decorateClass([\n property({ type: Boolean, reflect: true })\n], SlDetails.prototype, \"open\", 2);\n__decorateClass([\n property()\n], SlDetails.prototype, \"summary\", 2);\n__decorateClass([\n property({ type: Boolean, reflect: true })\n], SlDetails.prototype, \"disabled\", 2);\n__decorateClass([\n watch(\"open\", { waitUntilFirstUpdate: true })\n], SlDetails.prototype, \"handleOpenChange\", 1);\nsetDefaultAnimation(\"details.show\", {\n keyframes: [\n { height: \"0\", opacity: \"0\" },\n { height: \"auto\", opacity: \"1\" }\n ],\n options: { duration: 250, easing: \"linear\" }\n});\nsetDefaultAnimation(\"details.hide\", {\n keyframes: [\n { height: \"auto\", opacity: \"1\" },\n { height: \"0\", opacity: \"0\" }\n ],\n options: { duration: 250, easing: \"linear\" }\n});\n\nexport {\n SlDetails\n};\n","import {\n SlDetails\n} from \"./chunk.NTUEQTVT.js\";\n\n// src/components/details/details.ts\nvar details_default = SlDetails;\nSlDetails.define(\"sl-details\");\n\nexport {\n details_default\n};\n",":host {\n --jump-acordion-header-color: var(--neutral-grey-primary, #282828);\n --jump-accordion-border-color: var(--neutral-grey-secondary, #707070);\n --jump-accordion-icon-color: var(--neutral-grey-primary, #282828);\n}\n\n:host ::part(base) {\n border-radius: 3px;\n border: none;\n font-family: 'Inter', sans-serif;\n}\n\n:host ::part(header) {\n padding: 24px;\n font-weight: bold;\n font-size: 18px;\n}\n\n:host ::part(content) {\n padding-left: 24px;\n padding-bottom: 24px;\n padding-right: 24px;\n margin: 0px;\n}\n\n/* Boxed */\n:host(.boxed){\n --jump-accordion-bg-color: var(--secondary-standard, #5e79ba);\n --jump-accordion-color: var(--neutral-white, #ffffff);\n --jump-accordion-icon-color: var(--neutral-white, #ffffff);\n}\n\n:host(.boxed) ::part(base) {\n background-color: var(--jump-accordion-bg-color);\n color: var(--jump-accordion-color);\n}\n\n:host(.boxed) ::part(summary-icon) {\n color: var(--jump-accordion-icon-color);\n}\n\n/* Sidestroke */\n:host(.sidestroke) {\n --jump-accordion-stroke-color: var(--secondary-standard, #5e79ba);\n --jump-accordion-bg-color: var(--secondary-soft, #EDF2FA);\n --jump-accordion-color: var(--neutral-grey-primary, #282828);\n --jump-accordion-icon-color: var(--neutral-grey-primary, #282828);\n}\n\n:host(.sidestroke) ::part(base) {\n border-left: 6px solid var(--jump-accordion-stroke-color);\n background-color: var(--jump-accordion-bg-color);\n color: var(--jump-accordion-color);\n}\n\n:host(.sidestroke) ::part(summary-icon) {\n color: var(--jump-accordion-icon-color);\n}\n\n/* Boxed header */\n:host(.boxedheader){\n --jump-accordion-header-bg-color: var(--secondary-soft, #EDF2FA);\n --jump-acordion-header-color: var(--secondary-standard, #5e79ba);\n --jump-accordion-icon-color: var(--secondary-standard, #5e79ba);\n}\n\n:host(.boxedheader) ::part(header) {\n background-color: var(--jump-accordion-header-bg-color);\n color: var(--jump-acordion-header-color);\n}\n\n:host(.boxedheader) ::part(summary-icon) {\n color: var(--jump-accordion-icon-color);\n}\n\n:host(.boxedheader) ::part(content) {\n background-color: transparent;\n padding-top: 16px;\n padding-bottom: 16px;\n}\n\n/* Divider */\n:host(.divider) ::part(base) {\n background-color: transparent;\n border-top: 1px solid var(--jump-accordion-border-color);\n border-bottom: 1px solid var(--jump-accordion-border-color);\n border-radius: 0px;\n}\n\n:host(.divider) ::part(header){\n color: var(--jump-acordion-header-color);\n}\n\n:host(.divider) ::part(summary-icon) {\n color: var(--jump-accordion-icon-color);\n}\n\n/* Disabilito la rotazione */\n:host ::part(summary-icon) {\n /* Disable the expand/collapse animation */\n rotate: none;\n}","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() identifier: 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} id={this.identifier}>\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}"],"mappings":"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"}

package/dist/jump-design-system/{p-f534e22b.entry.js → p-91d68f85.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,H as s,g as n}from"./p-d4c681a4.js";const a=":host{display:inline-flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:0.5rem}:host jump-button,:host button{--jump-button-padding:0.5rem}:host [data-variant=horizontal]{flex-direction:row}:host label{color:var(--neutral-grey-secondary);font-size:0.875rem}:host input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;margin:0;outline:none;border:1px solid transparent;border-radius:3px;padding:0.5rem;height:14px;width:36px;font-size:0.875rem;text-align:center}:host input::-webkit-inner-spin-button,:host input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:host input:focus{border-color:var(--secondary-standard)}:host input:not([aria-hasbuttons]){border-color:var(--neutral-grey-secondary)}:host input[type=button]{cursor:pointer}:host ::slotted(jump-button){--jump-button-padding:0}:host .jump-quantity__InnerWrapper{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:0}";const r=a;const o=class{constructor(i){t(this,i);this.change=e(this,"jump-change",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.min=1;this.max=undefined;this.step=1;this.label="";this.type="buttons";this.variant="vertical";this.showButtons=true;this.value=undefined}onValueChange(t,e){this.change.emit({value:t,oldValue:e});this.internals.setFormValue(t)}async getValue(){return this.value}async reset(){this.value=this.min}componentWillLoad(){this.value=this.min;this.internals.setFormValue(this.value.toString())}formResetCallback(){this.internals.setValidity({});this.internals.setFormValue("")}handleChange(t){this.value=t.target.value}handleBlur(t){if(t.target.value<this.min){this.value=this.min}}render(){return i(s,{key:"e6811567495ec8f0f16869fe2b212dab943a4270",value:this.value,"data-variant":this.variant,"data-hasbuttons":this.showButtons},this.label&&i("label",{key:"dd4d955b9a235c21332047bc095c82a1d094c88a"},this.label),i("div",{key:"aef877055f40d01b7d10380ca6ed31e43361cf48",class:`jump-quantity__InnerWrapper`},this.showButtons&&i("jump-button",{key:"9475c6106e9b671e43ccf152b4ee2cb7ff08792a",onClick:()=>this.value=this.value-this.step,disabled:this.value<=this.min,variant:"neutral",size:"custom"},i("jump-icon",{key:"5f8035d8f1247efb13b5cc10740ed371d2b6a692",library:"lucide",name:"minus",size:"small"})),i("input",{key:"980ab6a976445d76346b3819d0656bbb38072f31",ref:t=>{this.inputEl=t},type:"number",value:this.value,onInput:t=>this.handleChange(t),min:this.min,max:this.max,step:this.step,"aria-hasbuttons":this.showButtons}),this.showButtons&&i("jump-button",{key:"9ebffb55fe109434fd5816bb9eb3772880f6bbe6",onClick:()=>this.value=this.value+this.step,disabled:this.value>=this.max,variant:"neutral",size:"custom"},i("jump-icon",{key:"348f7746cdbf81dc3661ee94655d594e52349463",library:"lucide",name:"plus",size:"small"}))))}static get formAssociated(){return true}get el(){return n(this)}static get watchers(){return{value:["onValueChange"]}}};o.style=r;export{o as jump_quantity};
-//# sourceMappingURL=p-f534e22b.entry.js.map
+import{r as t,c as e,h as a,H as i,g as s}from"./p-d4c681a4.js";const n=":host{display:inline-flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:0.5rem}:host jump-button,:host button{--jump-button-padding:0.5rem}:host [data-variant=horizontal]{flex-direction:row}:host label{color:var(--neutral-grey-secondary);font-size:0.875rem}:host input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;margin:0;outline:none;border:1px solid transparent;border-radius:3px;padding:0.5rem;height:14px;width:36px;font-size:0.875rem;text-align:center}:host input::-webkit-inner-spin-button,:host input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}:host input:focus{border-color:var(--secondary-standard)}:host input:not([aria-hasbuttons]){border-color:var(--neutral-grey-secondary)}:host input[type=button]{cursor:pointer}:host ::slotted(jump-button){--jump-button-padding:0}:host .jump-quantity__InnerWrapper{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:0}";const r=n;const o=class{constructor(a){t(this,a);this.change=e(this,"jump-change",7);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}this.min=1;this.max=undefined;this.step=1;this.label="";this.type="buttons";this.variant="vertical";this.showButtons=true;this.value=undefined}onValueChange(t,e){this.change.emit({value:t,oldValue:e});this.internals.setFormValue(t)}async getValue(){return this.value}async reset(){this.value=this.min}componentWillLoad(){this.value=this.min;this.internals.setFormValue(this.value.toString())}formResetCallback(){this.internals.setValidity({});this.internals.setFormValue("")}handleChange(t){this.value=t.target.value}handleBlur(t){if(t.target.value<this.min){this.value=this.min}}render(){return a(i,{key:"ddbdb7054f022710743a0e1be66e1483764877aa",value:this.value,"data-variant":this.variant,"data-hasbuttons":this.showButtons},this.label&&a("label",{key:"81427af22327a3942b26cd9bc191659ec94e4442"},this.label),a("div",{key:"73b09e58f64a9c5075e3735a7f65a4f0352b52f4",class:`jump-quantity__InnerWrapper`},this.showButtons&&a("jump-button",{key:"1fb3364874ffeae4f49d47d988b8ed4abcaf0786",onClick:()=>this.value=this.value-this.step,disabled:this.value<=this.min,variant:"neutral",size:"custom"},a("jump-icon",{key:"d2285a71c9a26d14015f93f961814bd8d6ba2938",library:"lucide",name:"minus",size:"small"})),a("input",{key:"0d6daa4896d64165eca2c856765f1cf0720ccd48",ref:t=>{this.inputEl=t},type:"number",value:this.value,onInput:t=>this.handleChange(t),min:this.min,max:this.max,step:this.step,"aria-hasbuttons":this.showButtons}),this.showButtons&&a("jump-button",{key:"58b4df54beabe0480ac2a4962ffcb494333cb99c",onClick:()=>this.value=this.value+this.step,disabled:this.value>=this.max,variant:"neutral",size:"custom"},a("jump-icon",{key:"7563ce381545ca32848ea2d42b8c93ab7a2cc5ff",library:"lucide",name:"plus",size:"small"}))))}static get formAssociated(){return true}get el(){return s(this)}static get watchers(){return{value:["onValueChange"]}}};o.style=r;export{o as jump_quantity};
+//# sourceMappingURL=p-91d68f85.entry.js.map

package/dist/jump-design-system/p-93c35d1f.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,h as t,H as i}from"./p-d4c681a4.js";const s=":host h3{margin:0}.filtersDrawer{display:flex;flex-direction:column;gap:1rem}.filtersDrawer .filtersDrawer__header{display:flex;justify-content:flex-start;align-items:center;gap:0.5rem}";const a=s;const c=class{constructor(t){e(this,t);this.direction="vertical";this.filterHeading="Filtra per";this.filterButtonLabel="Filtri";this.filterButtonIcon="sliders";this.mobileThreshold=768;this.filters=undefined;this.activeFilters=0;this.showMobileFilters=false;this.isMobile=false}filterChangeHandler(e){this.filters=Object.assign(Object.assign({},this.filters),{[e.detail.name]:e.detail.values});console.log("Received the custom filterChange event: ",this.filters)}handleResize(){this.isMobile=window.innerWidth<this.mobileThreshold}async getFilters(){return this.filters}componentDidLoad(){this.toggleMobileFilters()}toggleMobileFilters(){if(this.mobileToggle){this.mobileToggle.addEventListener("click",(()=>{if(!this.isMobile)return;this.showMobileFilters=!this.showMobileFilters}))}}render(){return t(i,{key:"3049b1240794053d3b8a447472ea7cd12e582cee",mobileFilters:this.showMobileFilters},this.isMobile&&t("jump-button",{key:"9afa1f491f6e30cf5c3cf04ec090b154b9899550",ref:e=>{this.mobileToggle=e},buttonId:this.filterButtonIcon,variant:"primary",outline:true},t("slot",{key:"5aa6d8bb6c55282b13800981714aceaa56320c53",name:"prefix"},this.filterButtonIcon&&t("jump-icon",{key:"f21fd5794db5e29d8c1b19c8cb8bfe96c98fdac2",library:"fa",category:"regular",name:this.filterButtonIcon,size:"small"}),this.filterButtonLabel),t("slot",{key:"4a6cf7c5c051e20c1b0d44ab31fe69de74cfc830",name:"suffix"},this.activeFilters>0?`(${this.activeFilters})`:"0")),t("div",{key:"1dc1ce448843b14b5aebc6c71cc2bdaf2e307089",ref:e=>{this.filtersDrawer=e},class:"filtersDrawer","data-variant":this.direction},!this.isMobile&&t("div",{key:"9295a1be0a2d16626378ff7f34fff88d5bbd64e9",class:"filtersDrawer__header"},t("jump-icon",{key:"00bbce686428814df35a8b805f9af31494fc1905",class:"small",name:this.filterButtonIcon}),t("h3",{key:"293a54757203dbc7d956e54511abfb795f641300"},this.filterHeading)),t("slot",{key:"cdc55812ea249e64a2cfc440ded599c1cb792aef"})))}};c.style=a;export{c as jump_filter};
2	+ //# sourceMappingURL=p-93c35d1f.entry.js.map

package/dist/jump-design-system/{p-678bd41e.entry.js → p-99739ce5.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as a,H as i}from"./p-d4c681a4.js";const s=":host{display:block;--jump-tab-bg-color:var(--gray-ultralight, #f8f8f8)}:host .Wrapper{display:flex;width:fit-content}:host .Wrapper.rounded{border-radius:50px;background-color:#f8f8f8}";const c=s;const n=class{constructor(a){e(this,a);this.setActiveTab=t(this,"jump-change-activetab",7);this.tabGroupName=undefined;this.variant="inline"}changeActiveTabHandler(e){this.setActiveTab.emit(e.detail);const t=getComputedStyle(document.documentElement);const a=t.getPropertyValue("--neutral-grey-secondary").trim();let i=this.JumpTabEl.querySelectorAll("jump-tab-item");if(i.length>0){i.forEach((t=>{if(t.getAttribute("identifier")===e.detail.id){t.setAttribute("active","");if(this.variant==="sheet"){i.forEach(((e,s)=>{if(e!==t&&s!==i.length-1){e.style.borderRight=`1px solid ${a}`}else{e.style.borderRight="1px solid transparent"}}));let e=t.previousElementSibling;if(e){e.style.borderRight="1px solid transparent"}}}else{t.removeAttribute("active")}}))}let s=this.JumpTabEl.querySelectorAll("jump-tab-panel");if(s.length>0){s.forEach((t=>{if(t.getAttribute("identifier")===e.detail.id){t.setAttribute("active","")}else{t.removeAttribute("active")}}))}}componentDidLoad(){console.log("Component has been rendered");if(this.variant==="sheet"){const e=getComputedStyle(document.documentElement);const t=e.getPropertyValue("--neutral-grey-secondary").trim();let a=this.JumpTabEl.querySelectorAll("jump-tab-item");if(a.length>0){a.forEach(((e,i)=>{if(i===a.length-1||e.classList.contains("active")){e.style.borderRight="1px solid transparent"}else{e.style.borderRight=`1px solid ${t}`}}))}}}render(){return a(i,{key:"3a44a455188ba68c8a032673181732b78cd9354e",class:"JumpTab",id:this.tabGroupName,ref:e=>{this.JumpTabEl=e}},a("div",{key:"c96a5609bbe3f72f1d587376cfae0e2dba5df433",class:"Wrapper "+this.variant},a("slot",{key:"aca6f37c75035073855dafcfb811065b23c40b75",name:"tab-item"})),a("div",{key:"c16d14edc24c21f69e4bb72bc4a118b5011411df"},a("slot",{key:"ca9bf6d369db3be19d716c6395d6f922f0d477e2",name:"tab-content"})))}};n.style=c;export{n as jump_tab};
-//# sourceMappingURL=p-678bd41e.entry.js.map
+import{r as e,c as t,h as a,H as i}from"./p-d4c681a4.js";const s=":host{display:block;--jump-tab-bg-color:var(--gray-ultralight, #f8f8f8)}:host .Wrapper{display:flex;width:fit-content}:host .Wrapper.rounded{border-radius:50px;background-color:#f8f8f8}";const c=s;const n=class{constructor(a){e(this,a);this.setActiveTab=t(this,"jump-change-activetab",7);this.tabGroupName=undefined;this.variant="inline"}changeActiveTabHandler(e){this.setActiveTab.emit(e.detail);const t=getComputedStyle(document.documentElement);const a=t.getPropertyValue("--neutral-grey-secondary").trim();let i=this.JumpTabEl.querySelectorAll("jump-tab-item");if(i.length>0){i.forEach((t=>{if(t.getAttribute("identifier")===e.detail.id){t.setAttribute("active","");if(this.variant==="sheet"){i.forEach(((e,s)=>{if(e!==t&&s!==i.length-1){e.style.borderRight=`1px solid ${a}`}else{e.style.borderRight="1px solid transparent"}}));let e=t.previousElementSibling;if(e){e.style.borderRight="1px solid transparent"}}}else{t.removeAttribute("active")}}))}let s=this.JumpTabEl.querySelectorAll("jump-tab-panel");if(s.length>0){s.forEach((t=>{if(t.getAttribute("identifier")===e.detail.id){t.setAttribute("active","")}else{t.removeAttribute("active")}}))}}componentDidLoad(){console.log("Component has been rendered");if(this.variant==="sheet"){const e=getComputedStyle(document.documentElement);const t=e.getPropertyValue("--neutral-grey-secondary").trim();let a=this.JumpTabEl.querySelectorAll("jump-tab-item");if(a.length>0){a.forEach(((e,i)=>{if(i===a.length-1||e.classList.contains("active")){e.style.borderRight="1px solid transparent"}else{e.style.borderRight=`1px solid ${t}`}}))}}}render(){return a(i,{key:"448b1af679f938cf07c8389c38fa577bc9c2f425",class:"JumpTab",id:this.tabGroupName,ref:e=>{this.JumpTabEl=e}},a("div",{key:"2a16ce043e5aee8e2ab2a08ecf9be13ff904eace",class:"Wrapper "+this.variant},a("slot",{key:"bb719dcd643d0e85504bd94ef6dc85ac5a86c624",name:"tab-item"})),a("div",{key:"5c3ac375fbd779ef6da03ab867200916f020c20b"},a("slot",{key:"d34fe6675bb5ceaf9f1c76351b577ea97c74c004",name:"tab-content"})))}};n.style=c;export{n as jump_tab};
+//# sourceMappingURL=p-99739ce5.entry.js.map

package/dist/jump-design-system/{p-13950869.entry.js → p-aedff4de.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,c as s,h as t,H as i}from"./p-d4c681a4.js";const n=":host{display:none}";const o=n;const c=class{constructor(t){e(this,t);this.connectedEvent=s(this,"jump-card-ecommerce-option-connected",7);this.code=undefined;this.imgUrl=undefined;this.label=undefined;this.sku=undefined;this.taxonomy=undefined}componentWillLoad(){this.connectedEvent.emit({code:this.code,label:this.label,imgUrl:this.imgUrl,sku:this.sku,taxonomy:this.taxonomy})}render(){return t(i,{key:"01f745fcf8e2c2c42f7bee83066a1b64617d3582"})}};c.style=o;export{c as jump_card_ecommerce_option};
-//# sourceMappingURL=p-13950869.entry.js.map
+import{r as e,c as s,h as t,H as i}from"./p-d4c681a4.js";const n=":host{display:none}";const o=n;const d=class{constructor(t){e(this,t);this.connectedEvent=s(this,"jump-card-ecommerce-option-connected",7);this.code=undefined;this.imgUrl=undefined;this.label=undefined;this.sku=undefined;this.taxonomy=undefined}componentWillLoad(){this.connectedEvent.emit({code:this.code,label:this.label,imgUrl:this.imgUrl,sku:this.sku,taxonomy:this.taxonomy})}render(){return t(i,{key:"513b51e00e0cadeb736d677357535665cfd5b8f6"})}};d.style=o;export{d as jump_card_ecommerce_option};
+//# sourceMappingURL=p-aedff4de.entry.js.map

package/dist/jump-design-system/{p-acd1dac1.entry.js → p-b72b9130.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,h as a,H as r}from"./p-d4c681a4.js";import{S as o,g as i}from"./p-d33f4f1d.js";const e=':host button,:host a{background-color:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}:host{--jump-button-color:#ffffff;--jump-button-color-disabled:#cbcbcb;--jump-button-background:var(--primary-standard);--jump-button-background-outline:transparent;--jump-button-color-hover:#ffffff;--jump-button-background-hover:var(--primary-hard);--jump-button-border-radius:var(--border-radius-1, 0.1875rem) var(--border-radius-1, 0.1875rem) var(--border-radius-1, 0.1875rem) var(--border-radius-1, 0.1875rem);--jump-button-padding:1rem 1.25rem;display:flex}:host button{display:flex}:host a{display:inline-flex;box-sizing:border-box}:host button,:host a{background-color:var(--jump-button-background);border-radius:var(--jump-button-border-radius);color:var(--jump-button-color);position:relative;font-family:var(--ff-primary, "Arial"), sans-serif;font-weight:var(--fw-700, 700);font-size:var(--fs-400, 1rem);line-height:1.2;align-items:center;gap:var(--jump-button-gap, 0.5rem);text-decoration:none;padding:var(--jump-button-padding)}:host button:hover,:host a:hover{background-color:var(--jump-button-background-hover);color:var(--jump-button-color-hover)}:host button[data-variant=primary],:host a[data-variant=primary]{--jump-button-color:var(--neutral-white);--jump-button-background:var(--primary-standard);--jump-button-color-hover:var(--neutral-white);--jump-button-background-hover:var(--primary-hard)}:host button[data-variant=secondary],:host a[data-variant=secondary]{--jump-button-color:var(--neutral-white);--jump-button-background:var(--secondary-standard);--jump-button-color-hover:var(--neutral-white);--jump-button-background-hover:var(--secondary-hard)}:host button[data-variant=neutral],:host a[data-variant=neutral]{--jump-button-color:var(--neutral-white);--jump-button-background:var(--neutral-grey-secondary);--jump-button-color-hover:var(--neutral-white);--jump-button-background-hover:var(--neutral-grey-primary)}:host button[data-variant=white],:host a[data-variant=white]{--jump-button-color:var(--neutral-grey-primary);--jump-button-background:var(--neutral-white);--jump-button-color-hover:var(--neutral-grey-primary);--jump-button-background-hover:var(--neutral-grey-background)}:host button[disabled],:host a[disabled]{--jump-button-background:var(--jump-button-color-disabled);--jump-button-background-hover:var(--jump-button-color-disabled);cursor:not-allowed}:host button[data-pill],:host a[data-pill]{border-radius:100rem}:host button[data-size=small],:host a[data-size=small]{font-size:var(--fs-300, 0.875rem);--jump-button-padding:0.65rem 1rem}:host button[data-size=medium],:host a[data-size=medium]{font-size:var(--fs-400, 1rem);--jump-button-padding:0.75rem 1.25rem}:host button[data-size=large],:host a[data-size=large]{font-size:var(--fs-500, 1.125rem);--jump-button-padding:1rem 1.5rem}:host button[data-outline],:host a[data-outline]{background-color:var(--jump-button-background-outline);border:1px solid var(--jump-button-background);color:var(--jump-button-background)}:host button[data-outline]:hover,:host a[data-outline]:hover{background-color:var(--jump-button-background-hover);border:1px solid var(--jump-button-background-hover);color:var(--jump-button-color-hover)}:host button[data-text],:host a[data-text]{background-color:transparent;border:none;color:var(--jump-button-background);padding:0}:host button[data-text]:hover,:host a[data-text]:hover{background-color:transparent;border:none;color:var(--jump-button-background-hover)}:host button[data-only-icon],:host a[data-only-icon]{--jump-button-padding:0.5rem}:host button[data-only-icon][data-size=small],:host a[data-only-icon][data-size=small]{--jump-button-padding:0.5rem}:host button[data-only-icon][data-size=medium],:host a[data-only-icon][data-size=medium]{--jump-button-padding:0.875rem}:host button[data-only-icon][data-size=large],:host a[data-only-icon][data-size=large]{--jump-button-padding:1rem}:host button[data-full],:host a[data-full]{width:100%;justify-content:center}:host button.chat,:host a.chat{--jump-button-color:var(--neutral-white);--jump-button-background:hsla(133, 54%, 58%, 1);--jump-button-color-hover:var(--neutral-white);--jump-button-background-hover:hsla(161, 63%, 31%, 1)}';const s=e;const n=class{constructor(a){t(this,a);this.disabled=false;this.variant="primary";this.outline=false;this.size="medium";this.full=false;this.pill=false;this.text=false;this.onlyIcon=false;this.href=undefined;this.target=undefined;this.type="button";this.name=undefined;this.value=undefined;this.ariaLabel=undefined;this.class=undefined;this.buttonId=undefined}componentWillLoad(){this.target=this.href?this.target:"_self"}render(){return a(r,{key:"4c6dcee31ac2408473021a81fbb3386bf8997e57"},this.href?a("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},a("slot",{name:"prefix"}),!this.onlyIcon&&a("slot",null),a("slot",{name:"suffix"})):a("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},a("slot",{name:"prefix"}),!this.onlyIcon&&a("slot",null),a("slot",{name:"suffix"})))}};n.style=s;o.define("sl-icon");const u=":host{display:inline-flex}sl-icon{display:inline-flex}sl-icon[library=lucide]{width:var(--sl-icon-width);height:var(--sl-icon-height)}sl-icon[library=lucide][size=small]{--sl-icon-width:var(--fs-400, 1rem);--sl-icon-height:var(--fs-400, 1rem)}sl-icon[library=lucide][size=medium]{--sl-icon-width:var(--fs-500, 1.125rem);--sl-icon-height:var(--fs-500, 1.125rem)}sl-icon[library=lucide][size=large]{--sl-icon-width:var(--fs-600, 1.5rem);--sl-icon-height:var(--fs-600, 1.5rem)}sl-icon[library=lucide][size=inherit]{width:100%;height:100%}sl-icon[library=custom]{width:var(--sl-icon-width);height:var(--sl-icon-height)}sl-icon[library=custom][size=small]{--sl-icon-width:var(--fs-400, 1rem);--sl-icon-height:var(--fs-400, 1rem)}sl-icon[library=custom][size=medium]{--sl-icon-width:var(--fs-500, 1.125rem);--sl-icon-height:var(--fs-500, 1.125rem)}sl-icon[library=custom][size=large]{--sl-icon-width:var(--fs-600, 1.5rem);--sl-icon-height:var(--fs-600, 1.5rem)}sl-icon[library=custom][size=inherit]{width:inherit;height:inherit}sl-icon[library=fa]{font-size:var(--font-size);line-height:var(--line-height)}sl-icon[library=fa][size=small]{--font-size:var(--fs-400, 1rem);--line-height:var(--fs-400, 1rem)}sl-icon[library=fa][size=medium]{--font-size:var(--fs-500, 1.125rem);--line-height:var(--fs-500, 1.125rem)}sl-icon[library=fa][size=large]{--font-size:var(--fs-600, 1.5rem);--line-height:var(--fs-600, 1.5rem)}sl-icon[library=fa][size=inherit]{font-size:inherit;line-height:inherit}";const l=u;const h=class{constructor(a){t(this,a);this.fontAwesomeClassGenerator=(t,a)=>{let r=[];let o=!a?"category-classic":`category-${a}`;o&&r.push(o);let i=`name-${t}`;i&&r.push(i);return r.join(" ")};this.fontAwesomeLibrary={resolver:t=>{const a=t.split(" ");const r=a.find((t=>t.startsWith("category-"))).replace("category-","");const o=a.find((t=>t.startsWith("name-"))).replace("name-","");return`https://designsystem-media.jumpgroup.it/svgs/${r}/${o}.svg`},mutator:t=>t.setAttribute("fill","currentColor")};this.lucideLibrary={resolver:t=>`https://cdn.jsdelivr.net/npm/lucide-static@0.16.29/icons/${t}.svg`};this.class=undefined;this.library="fa";this.name="heart";this.category="solid";this.size=undefined;this.label=undefined;this.src=undefined}componentWillLoad(){let t=this.lucideLibrary;this.size=this.size||"inherit";switch(this.library){case"fa":t=this.fontAwesomeLibrary;break;case"lucide":t=this.lucideLibrary;break}i(this.library,t)}render(){if(!this.name&&!this.src){return`Please set the 'name' or 'src' property to display the icon`}if(this.library==="custom"){return a("sl-icon",{library:this.library,src:this.src,size:this.size,label:this.label})}if(this.library==="lucide"){return a("sl-icon",{library:this.library,name:this.name,size:this.size,label:this.label})}if(this.library==="fa"){return a("sl-icon",{library:this.library,name:this.fontAwesomeClassGenerator(this.name,this.category),class:this.class,size:this.size,label:this.label})}}};h.style=l;export{n as jump_button,h as jump_icon};
-//# sourceMappingURL=p-acd1dac1.entry.js.map
+import{r as t,h as a,H as r}from"./p-d4c681a4.js";import{S as o,g as i}from"./p-d33f4f1d.js";const e=':host button,:host a{background-color:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}:host{--jump-button-color:#ffffff;--jump-button-color-disabled:#cbcbcb;--jump-button-background:var(--primary-standard);--jump-button-background-outline:transparent;--jump-button-color-hover:#ffffff;--jump-button-background-hover:var(--primary-hard);--jump-button-border-radius:var(--border-radius-1, 0.1875rem) var(--border-radius-1, 0.1875rem) var(--border-radius-1, 0.1875rem) var(--border-radius-1, 0.1875rem);--jump-button-padding:1rem 1.25rem;display:flex}:host button{display:flex}:host a{display:inline-flex;box-sizing:border-box}:host button,:host a{background-color:var(--jump-button-background);border-radius:var(--jump-button-border-radius);color:var(--jump-button-color);position:relative;font-family:var(--ff-primary, "Arial"), sans-serif;font-weight:var(--fw-700, 700);font-size:var(--fs-400, 1rem);line-height:1.2;align-items:center;gap:var(--jump-button-gap, 0.5rem);text-decoration:none;padding:var(--jump-button-padding)}:host button:hover,:host a:hover{background-color:var(--jump-button-background-hover);color:var(--jump-button-color-hover)}:host button[data-variant=primary],:host a[data-variant=primary]{--jump-button-color:var(--neutral-white);--jump-button-background:var(--primary-standard);--jump-button-color-hover:var(--neutral-white);--jump-button-background-hover:var(--primary-hard)}:host button[data-variant=secondary],:host a[data-variant=secondary]{--jump-button-color:var(--neutral-white);--jump-button-background:var(--secondary-standard);--jump-button-color-hover:var(--neutral-white);--jump-button-background-hover:var(--secondary-hard)}:host button[data-variant=neutral],:host a[data-variant=neutral]{--jump-button-color:var(--neutral-white);--jump-button-background:var(--neutral-grey-secondary);--jump-button-color-hover:var(--neutral-white);--jump-button-background-hover:var(--neutral-grey-primary)}:host button[data-variant=white],:host a[data-variant=white]{--jump-button-color:var(--neutral-grey-primary);--jump-button-background:var(--neutral-white);--jump-button-color-hover:var(--neutral-grey-primary);--jump-button-background-hover:var(--neutral-grey-background)}:host button[disabled],:host a[disabled]{--jump-button-background:var(--jump-button-color-disabled);--jump-button-background-hover:var(--jump-button-color-disabled);cursor:not-allowed}:host button[data-pill],:host a[data-pill]{border-radius:100rem}:host button[data-size=small],:host a[data-size=small]{font-size:var(--fs-300, 0.875rem);--jump-button-padding:0.65rem 1rem}:host button[data-size=medium],:host a[data-size=medium]{font-size:var(--fs-400, 1rem);--jump-button-padding:0.75rem 1.25rem}:host button[data-size=large],:host a[data-size=large]{font-size:var(--fs-500, 1.125rem);--jump-button-padding:1rem 1.5rem}:host button[data-outline],:host a[data-outline]{background-color:var(--jump-button-background-outline);border:1px solid var(--jump-button-background);color:var(--jump-button-background)}:host button[data-outline]:hover,:host a[data-outline]:hover{background-color:var(--jump-button-background-hover);border:1px solid var(--jump-button-background-hover);color:var(--jump-button-color-hover)}:host button[data-text],:host a[data-text]{background-color:transparent;border:none;color:var(--jump-button-background);padding:0}:host button[data-text]:hover,:host a[data-text]:hover{background-color:transparent;border:none;color:var(--jump-button-background-hover)}:host button[data-only-icon],:host a[data-only-icon]{--jump-button-padding:0.5rem}:host button[data-only-icon][data-size=small],:host a[data-only-icon][data-size=small]{--jump-button-padding:0.5rem}:host button[data-only-icon][data-size=medium],:host a[data-only-icon][data-size=medium]{--jump-button-padding:0.875rem}:host button[data-only-icon][data-size=large],:host a[data-only-icon][data-size=large]{--jump-button-padding:1rem}:host button[data-full],:host a[data-full]{width:100%;justify-content:center}:host button.chat,:host a.chat{--jump-button-color:var(--neutral-white);--jump-button-background:hsla(133, 54%, 58%, 1);--jump-button-color-hover:var(--neutral-white);--jump-button-background-hover:hsla(161, 63%, 31%, 1)}';const s=e;const n=class{constructor(a){t(this,a);this.disabled=false;this.variant="primary";this.outline=false;this.size="medium";this.full=false;this.pill=false;this.text=false;this.onlyIcon=false;this.href=undefined;this.target=undefined;this.type="button";this.name=undefined;this.value=undefined;this.ariaLabel=undefined;this.class=undefined;this.buttonId=undefined}componentWillLoad(){this.target=this.href?this.target:"_self"}render(){return a(r,{key:"6f99ae1db5d06b5c93d406abc2d33f7e6724b21e"},this.href?a("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},a("slot",{name:"prefix"}),!this.onlyIcon&&a("slot",null),a("slot",{name:"suffix"})):a("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},a("slot",{name:"prefix"}),!this.onlyIcon&&a("slot",null),a("slot",{name:"suffix"})))}};n.style=s;o.define("sl-icon");const u=":host{display:inline-flex}sl-icon{display:inline-flex}sl-icon[library=lucide]{width:var(--sl-icon-width);height:var(--sl-icon-height)}sl-icon[library=lucide][size=small]{--sl-icon-width:var(--fs-400, 1rem);--sl-icon-height:var(--fs-400, 1rem)}sl-icon[library=lucide][size=medium]{--sl-icon-width:var(--fs-500, 1.125rem);--sl-icon-height:var(--fs-500, 1.125rem)}sl-icon[library=lucide][size=large]{--sl-icon-width:var(--fs-600, 1.5rem);--sl-icon-height:var(--fs-600, 1.5rem)}sl-icon[library=lucide][size=inherit]{width:100%;height:100%}sl-icon[library=custom]{width:var(--sl-icon-width);height:var(--sl-icon-height)}sl-icon[library=custom][size=small]{--sl-icon-width:var(--fs-400, 1rem);--sl-icon-height:var(--fs-400, 1rem)}sl-icon[library=custom][size=medium]{--sl-icon-width:var(--fs-500, 1.125rem);--sl-icon-height:var(--fs-500, 1.125rem)}sl-icon[library=custom][size=large]{--sl-icon-width:var(--fs-600, 1.5rem);--sl-icon-height:var(--fs-600, 1.5rem)}sl-icon[library=custom][size=inherit]{width:inherit;height:inherit}sl-icon[library=fa]{font-size:var(--font-size);line-height:var(--line-height)}sl-icon[library=fa][size=small]{--font-size:var(--fs-400, 1rem);--line-height:var(--fs-400, 1rem)}sl-icon[library=fa][size=medium]{--font-size:var(--fs-500, 1.125rem);--line-height:var(--fs-500, 1.125rem)}sl-icon[library=fa][size=large]{--font-size:var(--fs-600, 1.5rem);--line-height:var(--fs-600, 1.5rem)}sl-icon[library=fa][size=inherit]{font-size:inherit;line-height:inherit}";const l=u;const h=class{constructor(a){t(this,a);this.fontAwesomeClassGenerator=(t,a)=>{let r=[];let o=!a?"category-classic":`category-${a}`;o&&r.push(o);let i=`name-${t}`;i&&r.push(i);return r.join(" ")};this.fontAwesomeLibrary={resolver:t=>{const a=t.split(" ");const r=a.find((t=>t.startsWith("category-"))).replace("category-","");const o=a.find((t=>t.startsWith("name-"))).replace("name-","");return`https://designsystem-media.jumpgroup.it/svgs/${r}/${o}.svg`},mutator:t=>t.setAttribute("fill","currentColor")};this.lucideLibrary={resolver:t=>`https://cdn.jsdelivr.net/npm/lucide-static@0.16.29/icons/${t}.svg`};this.class=undefined;this.library="fa";this.name="heart";this.category="solid";this.size=undefined;this.label=undefined;this.src=undefined}componentWillLoad(){let t=this.lucideLibrary;this.size=this.size||"inherit";switch(this.library){case"fa":t=this.fontAwesomeLibrary;break;case"lucide":t=this.lucideLibrary;break}i(this.library,t)}render(){if(!this.name&&!this.src){return`Please set the 'name' or 'src' property to display the icon`}if(this.library==="custom"){return a("sl-icon",{library:this.library,src:this.src,size:this.size,label:this.label})}if(this.library==="lucide"){return a("sl-icon",{library:this.library,name:this.name,size:this.size,label:this.label})}if(this.library==="fa"){return a("sl-icon",{library:this.library,name:this.fontAwesomeClassGenerator(this.name,this.category),class:this.class,size:this.size,label:this.label})}}};h.style=l;export{n as jump_button,h as jump_icon};
+//# sourceMappingURL=p-b72b9130.entry.js.map

package/dist/jump-design-system/{p-c964c3d9.entry.js → p-d1553b58.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as a,c as e,h as i,H as t}from"./p-d4c681a4.js";const r=":host{display:block;--jump-button-color:yellow}.JumpPagination{--jump-pagination-label:var(--neutral-grey-secondary);--jump-pagination-arrows-color:var(--neutral-grey-secondary);--jump-pagination-arrows-disabled:var(--neutral-grey-disabled);font-family:var(--ff-primary)}.JumpPagination__Wrapper{display:flex;justify-content:space-between}.JumpPagination__Wrapper .indicators{font-size:var(--fs-400);font-weight:normal;display:flex;justify-content:space-between;gap:20px;color:var(--jump-pagination-label)}.JumpPagination__Wrapper .indicators .arrow{color:var(--jump-pagination-arrows-color);display:flex;align-items:center;gap:10px}.JumpPagination__Wrapper .indicators .arrow button{background-color:transparent;border:none;cursor:pointer;padding:0px;display:flex;align-items:center}.JumpPagination__Wrapper .indicators .arrow button:disabled{cursor:not-allowed;color:var(--jump-pagination-arrows-disabled)}.JumpPagination__Wrapper .indicators .elements{color:var(--jump-pagination-label);display:flex;align-items:center;gap:5px}";const n=r;const s=class{constructor(i){a(this,i);this.changePage=e(this,"jump-change-page",7);this.current=1;this.pagLabel="di";this.last=10;this.showFirstAndLast=false}watchcurrent(a,e){let i={current:a,previousPage:e,first:1,last:this.last,direction:a>e?"next":"prev"};this.changePage.emit(i)}componentWillLoad(){this.current=1}render(){return i(t,{key:"65046c855bd1191502ecbe892f623b4f10d36f26",class:"JumpPagination"},i("div",{key:"028b565a05e0fa852245e9899bb5c6cd98263cce",class:"JumpPagination__Wrapper"},i("div",{key:"e6c2d1402547dd8468e28764ba7e008a1624abb4",class:"indicators"},i("div",{key:"53f9585d4cf3f99b37e25f84626553d79876d569",class:"elements"},i("span",{key:"734c0828eeca8698a190c81d1a50899e4fcd0989"},i("span",{key:"d777032abe327a870b87194ddc7361601051ff6c"},this.current)," ",this.pagLabel," ",i("span",{key:"68433e5f31462e39561bbcc2fbff17ae4ebaa8a7"},this.last))),i("div",{key:"36dd0dbd2f91d97e089cfe08664b70815d7d825a",class:"arrow"},this.showFirstAndLast&&i("jump-button",{key:"a5d7ebcae749f265b8efe90fc04ad18dca4bdae2",onClick:()=>{this.current=1},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===1?true:false}," ",i("jump-icon",{key:"7cdf207787fe88998e0850ec85f64b917b170c74",slot:"suffix",name:"chevrons-left"})," "),i("jump-button",{key:"297ff533f48da04c0da5a7ab33342c5913768fcb",onClick:()=>{this.current--},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===1?true:false}," ",i("jump-icon",{key:"13167c3b923ec229ff6112d246deaf7b59c3fbc7",slot:"suffix",name:"chevron-left"})," "),i("jump-button",{key:"b06cbb03ebc2c8fc4123051fd03177a80bc5a5ae",onClick:()=>{this.current++},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===this.last?true:false}," ",i("jump-icon",{key:"be3783abb94b0e7b7fc7cbc3542923ecb22e0211",slot:"suffix",name:"chevron-right"})," "),this.showFirstAndLast&&i("jump-button",{key:"a2c99a817aee2a4d3382e23952f30c7248a08b58",onClick:()=>{this.current=this.last},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===this.last?true:false}," ",i("jump-icon",{key:"6233f7f08663f11f680b23d376a168339c3b48ec",slot:"suffix",name:"chevrons-right"})," ")))))}static get watchers(){return{current:["watchcurrent"]}}};s.style=n;export{s as jump_pagination};
-//# sourceMappingURL=p-c964c3d9.entry.js.map
+import{r as a,c as e,h as i,H as t}from"./p-d4c681a4.js";const r=":host{display:block;--jump-button-color:yellow}.JumpPagination{--jump-pagination-label:var(--neutral-grey-secondary);--jump-pagination-arrows-color:var(--neutral-grey-secondary);--jump-pagination-arrows-disabled:var(--neutral-grey-disabled);font-family:var(--ff-primary)}.JumpPagination__Wrapper{display:flex;justify-content:space-between}.JumpPagination__Wrapper .indicators{font-size:var(--fs-400);font-weight:normal;display:flex;justify-content:space-between;gap:20px;color:var(--jump-pagination-label)}.JumpPagination__Wrapper .indicators .arrow{color:var(--jump-pagination-arrows-color);display:flex;align-items:center;gap:10px}.JumpPagination__Wrapper .indicators .arrow button{background-color:transparent;border:none;cursor:pointer;padding:0px;display:flex;align-items:center}.JumpPagination__Wrapper .indicators .arrow button:disabled{cursor:not-allowed;color:var(--jump-pagination-arrows-disabled)}.JumpPagination__Wrapper .indicators .elements{color:var(--jump-pagination-label);display:flex;align-items:center;gap:5px}";const n=r;const s=class{constructor(i){a(this,i);this.changePage=e(this,"jump-change-page",7);this.current=1;this.pagLabel="di";this.last=10;this.showFirstAndLast=false}watchcurrent(a,e){let i={current:a,previousPage:e,first:1,last:this.last,direction:a>e?"next":"prev"};this.changePage.emit(i)}componentWillLoad(){this.current=1}render(){return i(t,{key:"6dfabf0d657b923bfe827907e2d607c4bd593115",class:"JumpPagination"},i("div",{key:"c650c3684c5fa6c3c81e4e26d8b5c0d2711f1f4a",class:"JumpPagination__Wrapper"},i("div",{key:"a5b900b96f1688d0ee7ee127c3b76b18c8e991c5",class:"indicators"},i("div",{key:"6c2ab60611f5afdee28ac75298df6e5586fa6517",class:"elements"},i("span",{key:"d30b3989ea3a2ab86b2aa7e776df3c314b03a3d1"},i("span",{key:"6ede11163b85988f3b7952c0bc7809e6f0020ac5"},this.current)," ",this.pagLabel," ",i("span",{key:"1a3757f38cf9b676e65e5d0b1924255fc2056bb0"},this.last))),i("div",{key:"f1f8bf078f214faca027767f05b933dcc98e2df4",class:"arrow"},this.showFirstAndLast&&i("jump-button",{key:"8dfd1d3851b8cd28c14ae55950b01e06b9647cce",onClick:()=>{this.current=1},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===1?true:false}," ",i("jump-icon",{key:"f45e7ec9bd1186c7d4689f2585ede2e320443a7b",slot:"suffix",name:"chevrons-left"})," "),i("jump-button",{key:"684984168c728a9c687ae9c48002259f939c00e6",onClick:()=>{this.current--},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===1?true:false}," ",i("jump-icon",{key:"dff0cc8d6f49ad1cb38cf7ea6041531a1d2e8edb",slot:"suffix",name:"chevron-left"})," "),i("jump-button",{key:"432d2378ce09d2848cfd4a2e2bd279a8104aed79",onClick:()=>{this.current++},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===this.last?true:false}," ",i("jump-icon",{key:"b3749b007c9957aaa4385106460494dd8e628bb9",slot:"suffix",name:"chevron-right"})," "),this.showFirstAndLast&&i("jump-button",{key:"1139a6c84e1867208f402615e3a9f758ff56a4a4",onClick:()=>{this.current=this.last},variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.current===this.last?true:false}," ",i("jump-icon",{key:"01385e77b0c8b039af414cb6ce8c7fa179f76b96",slot:"suffix",name:"chevrons-right"})," ")))))}static get watchers(){return{current:["watchcurrent"]}}};s.style=n;export{s as jump_pagination};
+//# sourceMappingURL=p-d1553b58.entry.js.map

package/dist/jump-design-system/{p-4d0c4007.entry.js → p-d1586b59.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,c as a,h as t,H as i}from"./p-d4c681a4.js";const s=":host{display:block}.JumpPaginationTable{--jump-pagination-table-label:var(--neutral-grey-secondary);--jump-pagination-table-arrows:var(--neutral-grey-secondary);--jump-pagination-table-arrows-disabled:var(--neutral-grey-disabled);font-family:var(--ff-primary)}.JumpPaginationTable__Wrapper{display:flex;justify-content:space-between}.JumpPaginationTable__Wrapper .elementsPerPage{display:flex;gap:1rem;align-items:center}.JumpPaginationTable__Wrapper .elementsPerPage label{color:var(--jump-pagination-table-label);font-size:var(--fs-300);font-weight:normal}.JumpPaginationTable__Wrapper .indicators{font-size:var(--fs-400);font-weight:normal;display:flex;justify-content:space-between;gap:20px;color:var(--jump-pagination-table-label)}.JumpPaginationTable__Wrapper .indicators .arrow{color:var(--jump-pagination-table-arrows);display:flex;align-items:center;gap:10px}.JumpPaginationTable__Wrapper .indicators .arrow button{background-color:transparent;border:none;cursor:pointer;padding:0px;display:flex;align-items:center}.JumpPaginationTable__Wrapper .indicators .arrow button:disabled{cursor:not-allowed;color:var(--jump-pagination-table-arrows-disabled)}.JumpPaginationTable__Wrapper .indicators .elements{color:var(--jump-pagination-table-label);display:flex;align-items:center;gap:5px}";const n=s;const l=class{constructor(t){e(this,t);this.changePage=a(this,"jump-change-page",7);this.changeElPerPage=a(this,"jump-change-el-per-page",7);this.elementsRanges="10,20,60,100";this.elementsRangesArray=undefined;this.elPerPage=undefined;this.pagLabel="di";this.labelElementsPerPage="Elementi per pagina";this.total=100;this.first=1;this.last=10;this.showFirstAndLast=false}elementsRangesChanged(e,a){console.log("dentro el");if(e!==a){this.elementsRangesArray=e.split(",").map(Number)}this.elementsRangesArray=[...this.elementsRangesArray];console.log("elementsRangesChanged",e,a)}elPerPageChanged(e,a){if(e!==a){this.first=1;this.last=Math.min(this.total,e)}this.changeElPerPage.emit({elPerPage:e})}componentWillLoad(){this.elementsRangesArray=this.elementsRanges.split(",").map(Number);this.elPerPage=this.elementsRangesArray[0]}setElPerPage(e){this.elPerPage=e.target.value}doChangePage(e){let a;let t;if(e==="first"){a=1;t=Math.min(this.total,this.elPerPage)}else if(e==="last"){t=this.total;a=Math.max(1,this.total-this.elPerPage+1)}else if(e==="previous"){a=Math.max(1,this.first-this.elPerPage);t=Math.min(this.total,a+this.elPerPage-1)}else if(e==="next"){t=Math.min(this.total,this.last+this.elPerPage);a=Math.max(1,t-this.elPerPage+1)}this.first=a;this.last=t;let i={first:a,last:t,direction:e};this.changePage.emit(i)}render(){var e;return t(i,{key:"9b2d529a1a4dafefe9107bedf7704d73d75b8fcb",class:"JumpPaginationTable"},t("div",{key:"d09e5e9b4b368332b7f92f86be272c4a12d4ffec",class:"JumpPaginationTable__Wrapper"},t("div",{key:"e3af23dcf805cc6f529517c91f3f2fabbc543b35",class:"elementsPerPage"},t("label",{key:"c7558061326b23be95e391657224792d590bb918",htmlFor:"elements"},(e=this.labelElementsPerPage)!==null&&e!==void 0?e:"Elements per page"),t("select",{key:"96f73a7f3f3aedd6d059b2e0dd8ce9133ab6654e",name:"elements",id:"elements",onChange:e=>this.setElPerPage(e)},this.elementsRangesArray.map((e=>t("option",{value:e,selected:this.elPerPage==e&&true},e))))),t("div",{key:"9160bf35ac48db7d2de9644da5f590b0bf6b0a3d",class:"indicators"},t("div",{key:"09a475d1ac56cdfeb6135fe2b97f5758490981c3",class:"elements"},t("span",{key:"3f11d9667843fb263353f2cdaa15fcfe7a6949dd"},t("span",{key:"93024d6f5a7d7c44cc52a8c74dda2a62de0760e0"},this.first)," - ",t("span",{key:"86324150394c9b2703919e05414d39e189738c9c"},this.last)," ",this.pagLabel," ",t("span",{key:"263569874c6a61abc9b4a854123496a4a2c3e6b8"},this.total))),t("div",{key:"33730450809d5a29e0b878991c5dc33b9b15e03f",class:"arrow"},this.showFirstAndLast&&t("jump-button",{key:"a56e565e29993942be493299fdcf7e52ca771f26",onClick:()=>this.doChangePage("first"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.first===1}," ",t("jump-icon",{key:"996ac7867f6216d82f19367c5ffa68f2e76a62d5",slot:"suffix",name:"chevrons-left"})," "),t("jump-button",{key:"981929a37256f2b5dec3a7cee990bb48b49a4cc4",onClick:()=>this.doChangePage("previous"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.first===1}," ",t("jump-icon",{key:"2b52a244117ec4b788ca0c09c6e5d43cdb61ef2d",slot:"suffix",name:"chevron-left"})," "),t("jump-button",{key:"1150e0c8b53c344d3217224873b2303257070e16",onClick:()=>this.doChangePage("next"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.last===this.total}," ",t("jump-icon",{key:"7877f5b820eee313b898c1f60d81643217a84b62",slot:"suffix",name:"chevron-right"})," "),this.showFirstAndLast&&t("jump-button",{key:"2a28e054e8fb46b256f5d6ea3d35a68e1f510458",onClick:()=>this.doChangePage("last"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.last===this.total}," ",t("jump-icon",{key:"913d1c6baaed22a5e746322866dc17b409c46cde",slot:"suffix",name:"chevrons-right"})," ")))))}static get watchers(){return{elementsRanges:["elementsRangesChanged"],elPerPage:["elPerPageChanged"]}}};l.style=n;export{l as jump_pagination_table};
-//# sourceMappingURL=p-4d0c4007.entry.js.map
+import{r as e,c as a,h as t,H as i}from"./p-d4c681a4.js";const s=":host{display:block}.JumpPaginationTable{--jump-pagination-table-label:var(--neutral-grey-secondary);--jump-pagination-table-arrows:var(--neutral-grey-secondary);--jump-pagination-table-arrows-disabled:var(--neutral-grey-disabled);font-family:var(--ff-primary)}.JumpPaginationTable__Wrapper{display:flex;justify-content:space-between}.JumpPaginationTable__Wrapper .elementsPerPage{display:flex;gap:1rem;align-items:center}.JumpPaginationTable__Wrapper .elementsPerPage label{color:var(--jump-pagination-table-label);font-size:var(--fs-300);font-weight:normal}.JumpPaginationTable__Wrapper .indicators{font-size:var(--fs-400);font-weight:normal;display:flex;justify-content:space-between;gap:20px;color:var(--jump-pagination-table-label)}.JumpPaginationTable__Wrapper .indicators .arrow{color:var(--jump-pagination-table-arrows);display:flex;align-items:center;gap:10px}.JumpPaginationTable__Wrapper .indicators .arrow button{background-color:transparent;border:none;cursor:pointer;padding:0px;display:flex;align-items:center}.JumpPaginationTable__Wrapper .indicators .arrow button:disabled{cursor:not-allowed;color:var(--jump-pagination-table-arrows-disabled)}.JumpPaginationTable__Wrapper .indicators .elements{color:var(--jump-pagination-table-label);display:flex;align-items:center;gap:5px}";const n=s;const l=class{constructor(t){e(this,t);this.changePage=a(this,"jump-change-page",7);this.changeElPerPage=a(this,"jump-change-el-per-page",7);this.elementsRanges="10,20,60,100";this.elementsRangesArray=undefined;this.elPerPage=undefined;this.pagLabel="di";this.labelElementsPerPage="Elementi per pagina";this.total=100;this.first=1;this.last=10;this.showFirstAndLast=false}elementsRangesChanged(e,a){console.log("dentro el");if(e!==a){this.elementsRangesArray=e.split(",").map(Number)}this.elementsRangesArray=[...this.elementsRangesArray];console.log("elementsRangesChanged",e,a)}elPerPageChanged(e,a){if(e!==a){this.first=1;this.last=Math.min(this.total,e)}this.changeElPerPage.emit({elPerPage:e})}componentWillLoad(){this.elementsRangesArray=this.elementsRanges.split(",").map(Number);this.elPerPage=this.elementsRangesArray[0]}setElPerPage(e){this.elPerPage=e.target.value}doChangePage(e){let a;let t;if(e==="first"){a=1;t=Math.min(this.total,this.elPerPage)}else if(e==="last"){t=this.total;a=Math.max(1,this.total-this.elPerPage+1)}else if(e==="previous"){a=Math.max(1,this.first-this.elPerPage);t=Math.min(this.total,a+this.elPerPage-1)}else if(e==="next"){t=Math.min(this.total,this.last+this.elPerPage);a=Math.max(1,t-this.elPerPage+1)}this.first=a;this.last=t;let i={first:a,last:t,direction:e};this.changePage.emit(i)}render(){var e;return t(i,{key:"05cc7342c23f7addfc29dcd2e2ce15ee979d5978",class:"JumpPaginationTable"},t("div",{key:"cfa4b3f89e06dfe13ec965ac40ce031ed1871763",class:"JumpPaginationTable__Wrapper"},t("div",{key:"4f876ccf87d40b9e9243416f58af9b15a2feba2e",class:"elementsPerPage"},t("label",{key:"9a3cce63a825cb410445f66679080ebc7f9b188b",htmlFor:"elements"},(e=this.labelElementsPerPage)!==null&&e!==void 0?e:"Elements per page"),t("select",{key:"5bca39ee7fd8d301a23888ad19e8cb97155cdd26",name:"elements",id:"elements",onChange:e=>this.setElPerPage(e)},this.elementsRangesArray.map((e=>t("option",{value:e,selected:this.elPerPage==e&&true},e))))),t("div",{key:"be7da51c23244f749cf1422898f8cbc950fec886",class:"indicators"},t("div",{key:"2ea6d1cb27c01757182941cb7079aa27c23db88f",class:"elements"},t("span",{key:"7dd6136cbb0cbeec9c0bd7da1cfd9052777ffb8c"},t("span",{key:"75955627db16a0346816ff3d19da8a733e35278e"},this.first)," - ",t("span",{key:"df317f7c7aac18421c66a79201a5775f59baba10"},this.last)," ",this.pagLabel," ",t("span",{key:"5502d41a0e0fa0318da443fd2989668eeaae182d"},this.total))),t("div",{key:"da0e8a247346c37c0835210e3e94ff96c058be2a",class:"arrow"},this.showFirstAndLast&&t("jump-button",{key:"909ad386104dfa8514fc7da5c1257696a90af4c1",onClick:()=>this.doChangePage("first"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.first===1}," ",t("jump-icon",{key:"3b3fdef996e042bdc33f88b47f861ee4ecc413c1",slot:"suffix",name:"chevrons-left"})," "),t("jump-button",{key:"ac09f89f7cfa0a409538b1e02323a33b07badb59",onClick:()=>this.doChangePage("previous"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.first===1}," ",t("jump-icon",{key:"7d0b19c2767c667b34d01a180f0efd204ccba3b7",slot:"suffix",name:"chevron-left"})," "),t("jump-button",{key:"d3517acb7e443ba5f2acaf37e577ce45e669e517",onClick:()=>this.doChangePage("next"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.last===this.total}," ",t("jump-icon",{key:"31910f4c14100cd7b77b5252c0f3efed98b23e9d",slot:"suffix",name:"chevron-right"})," "),this.showFirstAndLast&&t("jump-button",{key:"dbb858d2a2c8501b1698af3627aea4d2643f2d48",onClick:()=>this.doChangePage("last"),variant:"primary",text:true,size:"small",name:"scopri",value:"value","aria-label":"Scopri di più",id:"button",onlyIcon:true,disabled:this.last===this.total}," ",t("jump-icon",{key:"4befdc4e4a8735cc970faeb4ff8d50e718ad0907",slot:"suffix",name:"chevrons-right"})," ")))))}static get watchers(){return{elementsRanges:["elementsRangesChanged"],elPerPage:["elPerPageChanged"]}}};l.style=n;export{l as jump_pagination_table};
+//# sourceMappingURL=p-d1586b59.entry.js.map

package/dist/jump-design-system/{p-6309cc45.entry.js → p-fa75b346.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as s,H as e}from"./p-d4c681a4.js";const h=":host{--hidden-display:none;display:block}:host h5{font-family:var(--ff-primary), serif;font-size:var(--fs-400);line-height:var(--lh-300);font-weight:var(--fw-900)}:host slot{display:flex;flex-direction:column;gap:0.25rem;margin-bottom:1rem}*[data-hide=true]{display:var(--hidden-display)}h5{margin:0 0 0.25rem}";const a=h;const n=class{constructor(s){t(this,s);this.change=i(this,"jump-filterchange",7);this.name="tax-name";this.heading="Titolo del filtro";this.otherLabel="Mostra altro";this.lessLabel="Mostra meno";this.maxElements=8;this.variant="default";this.values=[];this.value="";this.slotItems=undefined;this.inputs=[];this.showMore=true}async getValues(){return this.values}async getActiveAmount(){return this.values.length}async getInputs(){return this.inputs}async getName(){return this.name}toggleHiddenItems(t=true){this.slotItemsWrapper.assignedElements().forEach(((i,s)=>{if(s>this.maxElements&&!t){i.setAttribute("style","display: none")}else{i.setAttribute("style","display: initial")}}))}handleShowMore(){this.showMore=!this.showMore;this.toggleHiddenItems(this.showMore)}handleChange(t){const i=t.target;const s=i.value;if(i.tagName==="INPUT"){if(i.type==="checkbox"){if(i.checked){this.values.push(s)}else{const t=this.values.indexOf(s);if(t!==-1){this.values.splice(t,1)}}}else if(i.type==="radio"){this.value=s;this.values=[s]}}else if(i.tagName==="SELECT"){this.value=s;this.values=[s]}this.change.emit({name:this.name,values:this.values})}handleCheckboxChange(t){if(t.detail.checked&&!this.values.includes(t.detail.value)){this.values.push(t.detail.value)}else if(!t.detail.checked&&this.values.includes(t.detail.value)){const i=this.values.indexOf(t.detail.value);if(i!==-1){this.values.splice(i,1)}}this.change.emit({name:this.name,values:this.values})}componentDidLoad(){this.slotItems=this.slotItemsWrapper.assignedElements();this.slotItemsWrapper.addEventListener("change",this.handleChange.bind(this));this.slotItemsWrapper.addEventListener("jump-checkbox-change",this.handleCheckboxChange.bind(this));let t=0;this.slotItems.forEach((i=>{if(t>this.maxElements){i.style.display="none"}if(i.tagName==="INPUT"||i.tagName==="SELECT"){this.inputs.push(i);if(i.tagName==="INPUT"&&i.type==="radio"){i.name=this.name}}else{const t=i.querySelectorAll("input, select");if(t.length>0){t.forEach((t=>{this.inputs.push(t);if(t.tagName==="INPUT"&&t.type==="radio"){t.name=this.name}}))}}t++}))}render(){return s(e,{key:"ce3016053c9b873e638053b21f57531e0b67bbe9"},this.heading&&s("h5",{key:"37ba791d0c3e7ba91bf9832dddbbc31c2778146d"},this.heading),s("div",{key:"67cbb514b3633bd3804b930414f42b9f3281f700",class:"filterGroup"},s("slot",{key:"fdf5b012a9da04de96fab8f91ea856f42ac8c62b",ref:t=>this.slotItemsWrapper=t})),this.inputs.length>this.maxElements&&s("jump-button",{key:"25c97a595a2d210938483a673e511020f77435e1",variant:"primary",size:"small",text:true,name:this.showMore?this.otherLabel:this.lessLabel,"aria-label":this.showMore?this.otherLabel:this.lessLabel,ref:t=>{this.showMoreBtn=t},onClick:()=>this.handleShowMore()},this.showMore?this.otherLabel:this.lessLabel,s("jump-icon",{key:"962d1cc09d45e12a6a998d8313ce56b337c599f4",slot:"suffix",name:this.showMore?"chevron-down":"chevron-up"})))}};n.style=a;export{n as jump_filtergroup};
-//# sourceMappingURL=p-6309cc45.entry.js.map
+import{r as t,c as i,h as s,H as e}from"./p-d4c681a4.js";const h=":host{--hidden-display:none;display:block}:host h5{font-family:var(--ff-primary), serif;font-size:var(--fs-400);line-height:var(--lh-300);font-weight:var(--fw-900)}:host slot{display:flex;flex-direction:column;gap:0.25rem;margin-bottom:1rem}*[data-hide=true]{display:var(--hidden-display)}h5{margin:0 0 0.25rem}";const a=h;const n=class{constructor(s){t(this,s);this.change=i(this,"jump-filterchange",7);this.name="tax-name";this.heading="Titolo del filtro";this.otherLabel="Mostra altro";this.lessLabel="Mostra meno";this.maxElements=8;this.variant="default";this.values=[];this.value="";this.slotItems=undefined;this.inputs=[];this.showMore=true}async getValues(){return this.values}async getActiveAmount(){return this.values.length}async getInputs(){return this.inputs}async getName(){return this.name}toggleHiddenItems(t=true){this.slotItemsWrapper.assignedElements().forEach(((i,s)=>{if(s>this.maxElements&&!t){i.setAttribute("style","display: none")}else{i.setAttribute("style","display: initial")}}))}handleShowMore(){this.showMore=!this.showMore;this.toggleHiddenItems(this.showMore)}handleChange(t){const i=t.target;const s=i.value;if(i.tagName==="INPUT"){if(i.type==="checkbox"){if(i.checked){this.values.push(s)}else{const t=this.values.indexOf(s);if(t!==-1){this.values.splice(t,1)}}}else if(i.type==="radio"){this.value=s;this.values=[s]}}else if(i.tagName==="SELECT"){this.value=s;this.values=[s]}this.change.emit({name:this.name,values:this.values})}handleCheckboxChange(t){if(t.detail.checked&&!this.values.includes(t.detail.value)){this.values.push(t.detail.value)}else if(!t.detail.checked&&this.values.includes(t.detail.value)){const i=this.values.indexOf(t.detail.value);if(i!==-1){this.values.splice(i,1)}}this.change.emit({name:this.name,values:this.values})}componentDidLoad(){this.slotItems=this.slotItemsWrapper.assignedElements();this.slotItemsWrapper.addEventListener("change",this.handleChange.bind(this));this.slotItemsWrapper.addEventListener("jump-checkbox-change",this.handleCheckboxChange.bind(this));let t=0;this.slotItems.forEach((i=>{if(t>this.maxElements){i.style.display="none"}if(i.tagName==="INPUT"||i.tagName==="SELECT"){this.inputs.push(i);if(i.tagName==="INPUT"&&i.type==="radio"){i.name=this.name}}else{const t=i.querySelectorAll("input, select");if(t.length>0){t.forEach((t=>{this.inputs.push(t);if(t.tagName==="INPUT"&&t.type==="radio"){t.name=this.name}}))}}t++}))}render(){return s(e,{key:"045985358fca061c90927a20b4c151cfd2fa9f99"},this.heading&&s("h5",{key:"8555c17428efebcc4fe267556d058f344821125c"},this.heading),s("div",{key:"7053c6a0eb8df8242e7eec49c1eb08c81354b1d6",class:"filterGroup"},s("slot",{key:"22bef57eb5de8599d85950c8c54fd2d4b33380a1",ref:t=>this.slotItemsWrapper=t})),this.inputs.length>this.maxElements&&s("jump-button",{key:"59007765335212a6c5377dd74ed0111d8d19e290",variant:"primary",size:"small",text:true,name:this.showMore?this.otherLabel:this.lessLabel,"aria-label":this.showMore?this.otherLabel:this.lessLabel,ref:t=>{this.showMoreBtn=t},onClick:()=>this.handleShowMore()},this.showMore?this.otherLabel:this.lessLabel,s("jump-icon",{key:"cdb2ebb1458763cfd456eaf223213802a449ba96",slot:"suffix",name:this.showMore?"chevron-down":"chevron-up"})))}};n.style=a;export{n as jump_filtergroup};
+//# sourceMappingURL=p-fa75b346.entry.js.map

package/dist/jump-design-system-elements.json CHANGED Viewed

@@ -25,7 +25,7 @@
           ]
         },
         {
-          "name": "id",
+          "name": "identifier",
           "description": ""
         },
         {
@@ -56,6 +56,37 @@
         }
       ]
     },
+    {
+      "name": "jump-accordion-group",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "group-identifier",
+          "description": ""
+        },
+        {
+          "name": "variant",
+          "description": "",
+          "values": [
+            {
+              "name": "boxed"
+            },
+            {
+              "name": "boxedheader"
+            },
+            {
+              "name": "divider"
+            },
+            {
+              "name": "sidestroke"
+            }
+          ]
+        }
+      ]
+    },
     {
       "name": "jump-badge",
       "description": {

package/dist/types/components/jump-accordion/jump-accordion.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@ export declare class JumpAccordion {
     disabled: boolean;
     open: boolean;
     icon: "plus" | "chevron";
-    id: string;
+    identifier: string;
     jumpAccordionOpen: EventEmitter;
     handleShow(): void;
     renderIcons(): any[];

package/dist/types/components/jump-accordion/jump-accordion.stories.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ declare const _default: {
     title: string;
     tags: string[];
     argTypes: {
-        id: {
+        identifier: {
             name: string;
             description: string;
             control: string;

package/dist/types/components/jump-accordion-group/jump-accordion-group.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export declare class JumpAccordionGroup {
+    variant: "divider" | "boxed" | "boxedheader" | "sidestroke";
+    groupIdentifier: string;
+    render(): any;
+}

package/dist/types/components/jump-accordion-group/jump-accordion-group.stories.d.ts ADDED Viewed

@@ -0,0 +1,22 @@
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        variant: {
+            name: string;
+            description: string;
+            control: string;
+            options: string[];
+        };
+        groupIdentifier: {
+            name: string;
+            description: string;
+            control: string;
+        };
+    };
+};
+export default _default;
+export declare const GroupBoxed: any;
+export declare const GroupDivider: any;
+export declare const GroupSidestroke: any;
+export declare const GroupBoxedHeader: any;

package/dist/types/components/jump-card-ecommerce/jump-card-ecommerce.d.ts CHANGED Viewed

@@ -74,7 +74,7 @@ export declare class JumpCardEcommerce {
     productWaitingList: EventEmitter;
     variationSelected: EventEmitter;
     addOption(e: any): void;
-    onVariationSelected(variation: any): void;
+    onVariationSelected(): void;
     componentWillLoad(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;

package/dist/types/components/jump-card-ecommerce-option/jump-card-ecommerce-option.stories.d.ts CHANGED Viewed

@@ -4,3 +4,4 @@ declare const _default: {
 };
 export default _default;
 export declare const Example: any;
+export declare const ExampleWithCardEcommerceOption: any;

package/dist/types/components.d.ts CHANGED Viewed

@@ -9,11 +9,15 @@ export namespace Components {
     interface JumpAccordion {
         "disabled": boolean;
         "icon": "plus" | "chevron";
-        "id": string;
+        "identifier": string;
         "open": boolean;
         "summary": string;
         "variant": "divider" | "boxed" | "boxedheader" | "sidestroke";
     }
+    interface JumpAccordionGroup {
+        "groupIdentifier": string;
+        "variant": "divider" | "boxed" | "boxedheader" | "sidestroke";
+    }
     interface JumpBadge {
         /**
           * Indicates the variant of the badge
@@ -474,6 +478,12 @@ declare global {
         prototype: HTMLJumpAccordionElement;
         new (): HTMLJumpAccordionElement;
     };
+    interface HTMLJumpAccordionGroupElement extends Components.JumpAccordionGroup, HTMLStencilElement {
+    }
+    var HTMLJumpAccordionGroupElement: {
+        prototype: HTMLJumpAccordionGroupElement;
+        new (): HTMLJumpAccordionGroupElement;
+    };
     interface HTMLJumpBadgeElement extends Components.JumpBadge, HTMLStencilElement {
     }
     var HTMLJumpBadgeElement: {
@@ -669,6 +679,7 @@ declare global {
     };
     interface HTMLElementTagNameMap {
         "jump-accordion": HTMLJumpAccordionElement;
+        "jump-accordion-group": HTMLJumpAccordionGroupElement;
         "jump-badge": HTMLJumpBadgeElement;
         "jump-button": HTMLJumpButtonElement;
         "jump-card": HTMLJumpCardElement;
@@ -690,12 +701,16 @@ declare namespace LocalJSX {
     interface JumpAccordion {
         "disabled"?: boolean;
         "icon"?: "plus" | "chevron";
-        "id"?: string;
+        "identifier"?: string;
         "onJump-accordion-open"?: (event: JumpAccordionCustomEvent<any>) => void;
         "open"?: boolean;
         "summary"?: string;
         "variant"?: "divider" | "boxed" | "boxedheader" | "sidestroke";
     }
+    interface JumpAccordionGroup {
+        "groupIdentifier"?: string;
+        "variant"?: "divider" | "boxed" | "boxedheader" | "sidestroke";
+    }
     interface JumpBadge {
         /**
           * Indicates the variant of the badge
@@ -1098,6 +1113,7 @@ declare namespace LocalJSX {
     }
     interface IntrinsicElements {
         "jump-accordion": JumpAccordion;
+        "jump-accordion-group": JumpAccordionGroup;
         "jump-badge": JumpBadge;
         "jump-button": JumpButton;
         "jump-card": JumpCard;
@@ -1120,6 +1136,7 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "jump-accordion": LocalJSX.JumpAccordion & JSXBase.HTMLAttributes<HTMLJumpAccordionElement>;
+            "jump-accordion-group": LocalJSX.JumpAccordionGroup & JSXBase.HTMLAttributes<HTMLJumpAccordionGroupElement>;
             "jump-badge": LocalJSX.JumpBadge & JSXBase.HTMLAttributes<HTMLJumpBadgeElement>;
             "jump-button": LocalJSX.JumpButton & JSXBase.HTMLAttributes<HTMLJumpButtonElement>;
             "jump-card": LocalJSX.JumpCard & JSXBase.HTMLAttributes<HTMLJumpCardElement>;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@jumpgroup/jump-design-system",
-  "version": "0.3.21",
+  "version": "0.3.22",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -58,6 +58,9 @@
     "react-dom": "^18.2.0",
     "storybook": "^7.1"
   },
+  "resolutions": {
+    "jackspeak": "2.1.1"
+  },
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/jump-group/jump-design-system/issues"

package/readme.md CHANGED Viewed

@@ -11,7 +11,7 @@ To start the Stencil + Storybook project, run the following commands in two sepa
 yarn storybook:start
 yarn stencil:watch
 ```
-Pushing to MASTER deploys the changes to [Jump Design System](https://designsystem.jumpgroup.it/).
+Pushing to MASTER deploys the changes to [Jump Design System](https://designsystem.jumpgroup.it/)
 If you want to propagate the modifications to the npm repository in order to install the design system components on a project, it is necessary to tag the npm repository by incrementing the version, while adhering to [versioning rules](https://semver.org/).
 Effettuando un push su master viene automaticamente deployato lo storybook con le modifiche.

package/dist/jump-design-system/p-32650f5e.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["jumpCardEcommerceCss","JumpCardEcommerceStyle0","JumpCardEcommerce","addOption","e","props","detail","this","variations","Object","assign","onVariationSelected","variation","selectedVariation","variationSelected","emit","componentWillLoad","componentDidLoad","jumpQuantityEl","querySelector","addEventListener","onQuantityChange","bind","quantity","getValue","then","disconnectedCallback","removeEventListener","_a","value","onToggleFavorite","favorite","toggleFavorite","productId","addProductToCart","addedToCart","payload","_b","productAddToCart","setTimeout","waitingList","addToWaitingList","productWaitingList","render","backgroundClass","hasBackground","isMini","iconOnlyClass","onlyIconButton","justifyClass","outOfStock","hasImageOnHover","hoverImg","miniCard","calculateDiscount","price","salePrice","discount","toFixed","h","Host","badge","class","variant","dimension","label","hasFavorite","favoriteHref","href","onClick","size","text","onlyIcon","slot","name","category","hasSlotForFavorite","link","img","videoSrc","src","alt","imgAlt","hoverImgAlt","autoplay","type","notificationUrl","notificationText","pill","productName","subtitle","currency","length","ref","el","variationSelectEl","onChange","currentValue","currentVariation","find","code","filter","imgUrl","map","outOfStockText","waitingListText","addToCartText"],"sources":["src/components/jump-card-ecommerce/jump-card-ecommerce.scss?tag=jump-card-ecommerce&encapsulation=shadow","src/components/jump-card-ecommerce/jump-card-ecommerce.tsx"],"sourcesContent":[":host {\n --card-max-width: 450px;\n --jump-card-max-width-horizontal: 100%;\n --jump-card-color: var(--neutral-grey-primary);\n --jump-card-background: transparent;\n --jump-card-border-color: var(--neutral-grey-background);\n --jump-card-padding: 0.5rem;\n\n max-width: var(--card-max-width);\n overflow: hidden;\n display: flex;\n flex-direction: column;\n position: relative;\n width: 100%;\n font-family: var(--ff-primary, 'Arial'), sans-serif;\n line-height: var(--lh-400, 1.3);\n background-color: var(--jump-card-background);\n color: var(--jump-card-color);\n\n .Footer,\n .Body {\n display: flex;\n width: 100%;\n }\n\n jump-badge {\n position: absolute;\n top: 1rem;\n left: 1rem;\n z-index: 2;\n\n &.hasBackground.iconOnly {\n top: calc(1rem + 8px);\n left: calc(1rem + 8px);\n }\n }\n\n .Favorite {\n position: absolute;\n top: 1rem;\n right: 1rem;\n z-index: 2;\n\n &.hasBackground.iconOnly {\n top: calc(1rem + 8px);\n right: calc(1rem + 8px);\n }\n }\n\n .Media {\n // aspect-ratio: 3/4;\n overflow: hidden;\n position: relative;\n border-radius: 3px;\n aspect-ratio: 1/1;\n\n .Images {\n height: 100%;\n margin: 0;\n position: relative;\n\n img {\n height: 100%;\n width: 100%;\n object-fit: cover;\n position: absolute;\n top: 0;\n left: 0;\n overflow: hidden;\n }\n\n &__Front {\n z-index: 1;\n transition: opacity 0.5s linear;\n cursor: pointer;\n }\n\n &.has-hover-image {\n &:hover .Images__Front {\n opacity: 0;\n }\n }\n }\n\n &.hasBackground {\n background-color: var(--neutral-white);\n\n &.iconOnly {\n border-top-left-radius: 6px;\n border-top-right-radius: 6px;\n padding: var(--jump-card-padding) var(--jump-card-padding) 0;\n\n img {\n border-radius: 6px;\n }\n }\n }\n\n &.iconOnly {\n border-bottom-right-radius: 0;\n }\n\n &.is-mini {\n max-width: 180px;\n }\n }\n\n .NotificationCart {\n display: none;\n position: absolute;\n bottom: 0px;\n width: 100%;\n padding: 2rem 1rem;\n background-color: hsl(0 0% 0% / 35%);\n box-sizing: border-box;\n z-index: 2;\n transform: translate3d(0, 0, 0);\n\n &.is-active {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n\n .Content {\n &.hasBackground {\n background-color: var(--neutral-white);\n padding: calc(var(--jump-card-padding) * 2);\n }\n\n &.iconOnly {\n padding: calc(var(--jump-card-padding) * 2) var(--jump-card-padding);\n }\n\n &.is-mini {\n max-width: 180px;\n }\n }\n\n .Body {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n padding: var(--jump-card-padding) 0;\n\n & > * {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n\n & > * {\n flex: 0 1 auto;\n }\n }\n\n &.hasBackground {\n padding: 0 0 var(--jump-card-padding);\n }\n\n &.iconOnly {\n padding: 0;\n }\n\n &.is-mini {\n & > * {\n flex-direction: column;\n }\n\n padding: calc(var(--jump-card-padding) / 2) 0;\n }\n }\n\n .Product {\n font-size: var(--fs-400);\n }\n\n .Subtitle {\n font-size: var(--fs-300);\n color: var(--neutral-grey-secondary);\n line-height: 1.2;\n }\n\n .Footer {\n line-height: var(--lh-400);\n justify-content: end;\n padding: var(--jump-card-padding) 0;\n align-items: flex-end;\n\n &.justify-between {\n justify-content: space-between;\n }\n\n &.hasBackground {\n padding-bottom: 0;\n }\n\n &.iconOnly {\n padding: 0;\n }\n\n &.is-mini {\n padding: calc(var(--jump-card-padding) / 2) 0;\n }\n }\n\n .OutOfStock {\n justify-items: start;\n font-size: var(--fs-300);\n font-weight: var(--fw-900);\n color: var(--status-danger-standard);\n }\n\n .OnlyIconButton {\n position: absolute;\n bottom: 0;\n right: 0;\n background: var(--neutral-white);\n border-top-left-radius: 20px;\n padding: 8px 8px 0px 8px;\n z-index: 2;\n }\n\n .Price {\n position: relative;\n display: grid;\n grid-template-columns: auto auto;\n grid-template-rows: 1.5rem 1.5rem auto;\n justify-items: end;\n align-items: end;\n column-gap: 0.5rem;\n\n font-size: var(--fs-500);\n font-weight: var(--fw-900);\n line-height: var(--lh-400);\n\n & > * {\n display: inline-flex;\n }\n\n &__Regular {\n text-align: right;\n\n &.sale {\n text-decoration: line-through;\n color: var(--neutral-grey-secondary);\n font-weight: var(--fw-400);\n font-size: var(--fs-400);\n grid-column: 2;\n grid-row: 1;\n }\n }\n\n &__Sale {\n grid-column: 2;\n grid-row: 2;\n }\n\n &__Discount {\n color: var(--status-danger-standard);\n font-weight: var(--fw-400);\n font-size: var(--fs-300);\n grid-column: 1;\n grid-row: 1;\n }\n\n &.is-mini {\n display: flex;\n font-size: var(--fs-400);\n }\n }\n\n .SelectVariations {\n select {\n appearance: none;\n background-color: transparent;\n border: 1px solid var(--neutral-grey-secondary);\n border-radius: 3px;\n color: var(--neutral-grey-secondary);\n font-size: var(--fs-300);\n padding: 0.5rem 0.75rem;\n max-width: 100%;\n background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E\");\n background-position: right 0.5rem center;\n background-repeat: no-repeat;\n background-size: 1.5em 1.5em;\n padding-right: 2.5rem;\n -webkit-print-color-adjust: exact;\n }\n }\n}\n\n.slide-in-bottom {\n animation: slide-in-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;\n}\n\n.slide-out-bottom {\n animation: slide-out-bottom 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;\n}\n\n.fade-in-out {\n animation-name: fade-in-out;\n animation-duration: 6s;\n animation-timing-function: ease-in-out;\n}\n\n@keyframes fade-in-out {\n from {\n opacity: 0;\n transform: translateY(100px);\n }\n\n 50% {\n opacity: 1;\n transform: translateY(0);\n }\n\n to {\n opacity: 0;\n transform: translateY(100px);\n }\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, Element, State, Listen} from '@stencil/core';\n\ninterface Variation {\n code: string;\n imgUrl: string;\n label: string;\n taxonomy: string;\n // Add more keys as needed\n}\n\n@Component({\n tag: 'jump-card-ecommerce',\n styleUrl: 'jump-card-ecommerce.scss',\n shadow: true,\n})\nexport class JumpCardEcommerce {\n\n @Element() JumpCardEcommerce: HTMLElement;\n jumpQuantityEl;\n\n /* ---------------------- @PROPERTIES ------------------------- */\n\n /** Indicate if card has only icon button*/\n @Prop() onlyIconButton: boolean = false;\n\n /** Indicate if card has background*/\n @Prop() hasBackground: boolean = false;\n\n /** Indicates the badge of the card*/\n @Prop() badge: string;\n\n /** Indicates if the product is favorite */\n\n @Prop({mutable:true, reflect: true}) favorite: boolean = false;\n\n /** Indicate if the whislist is active in shop*/\n @Prop() hasFavorite: boolean = false;\n\n /** Indicate if the whislist will be slotted*/\n @Prop() hasSlotForFavorite: boolean = false;\n\n /** Indicates if the favorite button is render as an anchor, and define the url*/\n @Prop() favoriteHref: string;\n\n /** Indicates the link of the card*/\n @Prop() link: string;\n\n /** Indicates the image's src of the card*/\n @Prop() img: string ;\n\n /** Indicates the img's alt of the card*/\n @Prop() imgAlt: string;\n\n /** Indicates the over image's src of the card*/\n @Prop() hoverImg: string ;\n\n /** Indicates the hover img's alt of the card*/\n @Prop() hoverImgAlt: string;\n\n /** Indicates the videoSrc of the card*/\n @Prop() videoSrc: string;\n\n /** Indicates the notificationUrl of the card*/\n @Prop() notificationUrl: string;\n\n /** Indicates the notificationText of the card*/\n @Prop() notificationText: string = '';\n\n /** Indicates the title of the card*/\n @Prop() productName: string ;\n\n /** Indicates the subtitle of the card*/\n @Prop() subtitle: string;\n\n /** Indicates the ID of the product, can be also a SKU*/\n @Prop() productId: string ;\n\n /** Indicates the price of the card */\n @Prop() price: number;\n\n /** Indicates the sale price of the card */\n @Prop() salePrice: number;\n\n /** Indicates the currency of the card */\n @Prop() currency: string = '€';\n\n /** Indicates if the product is outOfStock */\n @Prop({mutable:true, reflect: true}) outOfStock: boolean = false;\n\n /** Indicates the outOfStockText of the product*/\n @Prop() outOfStockText: string;\n\n /** Indicates the button class of the add to cart / notification button */\n @Prop() addToCartText: string ;\n\n /** Indicates the button class of the add to cart / notification button */\n @Prop() waitingListText: string ;\n\n /** Indicate if the user request to be notified when te product is avaible*/\n @Prop() addToWaitingList: boolean = false;\n\n /** Indicate if the card is Mini Card*/\n @Prop() isMini: boolean = false;\n\n /* ---------------------- @STATE ------------------------- */\n\n /** Indicate if the product is added to cart --> non deve esserci nelle storie! */\n @Prop() addedToCart: boolean = false;\n\n @Prop() endAddedToCart: boolean = false;\n\n @State() variations: Variation[] = [];\n\n @State() selectedVariation: Variation;\n\n // è una proprietà che viene cambiata solo da dentro\n quantity: number;\n\n variationSelectEl: HTMLSelectElement;\n\n /* ---------------------- @EVENTS ------------------------- */\n\n @Event({eventName: 'jump-toggle-favorite'}) toggleFavorite: EventEmitter;\n\n @Event({eventName: 'jump-add-to-cart'}) productAddToCart: EventEmitter;\n\n @Event({eventName: 'jump-add-to-waiting-list'}) productWaitingList: EventEmitter;\n\n @Event({ eventName: 'jump-variation-selected' }) variationSelected: EventEmitter; // verificare se corretto: aggiungo un evento\n\n @Listen(\"jump-card-ecommerce-option-connected\")\n addOption(e) {\n let props = e.detail; // es {code: 'sku1', imageUrl: 'https://google.com/'}\n this.variations = [...this.variations, { ...props }];\n }\n\n onVariationSelected(variation) {\n this.selectedVariation = variation;\n this.variationSelected.emit(variation); // verificare se corretto: emetto l'evento\n }\n\n\n /* ---------------------- @LIFECYCLE ------------------------- */\n\n componentWillLoad() {}\n\n componentDidLoad() {\n this.jumpQuantityEl = this.JumpCardEcommerce.querySelector('jump-quantity');\n\n if(this.jumpQuantityEl){\n this.jumpQuantityEl.addEventListener('jump-change', this.onQuantityChange.bind(this));\n this.quantity = this.jumpQuantityEl.getValue().then((quantity) => {\n this.quantity = quantity;\n });\n }\n }\n\n disconnectedCallback() {\n this.jumpQuantityEl = this.JumpCardEcommerce.querySelector('jump-quantity');\n if(this.jumpQuantityEl){\n this.jumpQuantityEl.removeEventListener('jump-change',this.onQuantityChange);\n }\n }\n\n /* ---------------------- @METHODS ------------------------- */\n onQuantityChange(e) {\n this.quantity = e.detail.value ?? false;\n }\n\n onToggleFavorite() {\n this.favorite = !this.favorite;\n this.toggleFavorite.emit(\n {\n productId: this.productId,\n favorite: this.favorite\n }\n );\n }\n\n addProductToCart() {\n this.addedToCart = true;\n const payload = {\n productId: this.productId,\n addedToCart: this.addedToCart,\n quantity: this.quantity ?? null,\n variation: this.selectedVariation ?? null\n };\n this.productAddToCart.emit(payload);\n\n setTimeout(() => {\n this.addedToCart = false;\n }, 6000);\n }\n\n waitingList() {\n this.addToWaitingList = true;\n this.productWaitingList.emit(\n {\n productId: this.productId,\n addToWaitingList: this.addToWaitingList\n }\n )\n }\n\n render() {\n const backgroundClass = this.hasBackground && !this.isMini ? 'hasBackground' : '';\n const iconOnlyClass = this.onlyIconButton && !this.isMini ? 'iconOnly' : '';\n const justifyClass = this.outOfStock ? 'justify-between' : '';\n const hasImageOnHover = this.hoverImg ? 'has-hover-image' : '';\n const miniCard = this.isMini ? 'is-mini' : '';\n\n function calculateDiscount(price: number, salePrice: number): string {\n const discount = ((price - salePrice) / price) * 100;\n return discount.toFixed(0);\n };\n\n return (\n <Host>\n { !this.isMini && this.badge ? <jump-badge class={`${backgroundClass} ${iconOnlyClass}`} variant=\"secondary\" dimension=\"small\" label={this.badge}></jump-badge> : ''}\n \n { !this.isMini && this.hasFavorite ? \n this.favoriteHref != '' ? \n <jump-button href={this.favoriteHref} onClick={ () => this.onToggleFavorite() } class={`Favorite ${backgroundClass} ${iconOnlyClass}`} variant={this.favorite ? 'primary' : 'neutral'} size=\"small\" text onlyIcon>\n <jump-icon slot=\"prefix\" name=\"heart\" category={this.favorite ? 'solid' : 'light'} size=\"medium\"></jump-icon>\n </jump-button>\n :\n <jump-button onClick={ () => this.onToggleFavorite() } class={`Favorite ${backgroundClass} ${iconOnlyClass}`} variant={this.favorite ? 'primary' : 'neutral'} size=\"small\" text onlyIcon>\n <jump-icon slot=\"prefix\" name=\"heart\" category={this.favorite ? 'solid' : 'light'} size=\"medium\"></jump-icon>\n </jump-button>\n : \n this.hasSlotForFavorite ? <div class=\"Favorite\"><slot name=\"favorite\"></slot> </div> : null\n }\n\n <div class={`Media ${iconOnlyClass} ${backgroundClass} ${miniCard}`}>\n <a href={this.link}>\n <figure class={`Images ${hasImageOnHover} `}>\n {this.img && !this.videoSrc ? <img class=\"Images__Front\" src={this.img} alt={this.imgAlt}></img> : ''}\n {this.hoverImg && !this.videoSrc ? <img class=\"Images__OnHover\" src={this.hoverImg} alt={this.hoverImgAlt}></img> : ''}\n </figure>\n {this.videoSrc && !this.img ?\n <video autoplay>\n <source src={this.videoSrc} type=\"video/mp4\"/>\n <source src={this.videoSrc} type=\"video/mov\"/>\n <source src={this.videoSrc} type=\"video/webm\"/>\n </video> : ''}\n </a>\n { !this.isMini ? \n <div class={`NotificationCart ${this.addedToCart == true ? 'is-active fade-in-out' : ''}`}>\n <jump-button href={this.notificationUrl} variant=\"white\" text>\n <jump-icon slot=\"prefix\" name=\"check\"></jump-icon>\n <span> {this.notificationText} </span>\n </jump-button>\n </div>\n : null}\n { !this.isMini && this.onlyIconButton ?\n <div class=\"OnlyIconButton\">\n <jump-button variant=\"secondary\" size=\"large\" pill onlyIcon onClick={() => this.addProductToCart()}>\n <jump-icon slot=\"prefix\" name='cart-shopping' category=\"regular\"></jump-icon>\n </jump-button>\n </div>\n : ''\n }\n </div>\n\n <div class={`Content ${backgroundClass} ${iconOnlyClass} ${miniCard}`}>\n <div class={`Body ${backgroundClass} ${iconOnlyClass} ${miniCard}`}>\n <div>\n <div class=\"Info\">\n <div class=\"Product\">{this.productName}</div>\n { !this.isMini && this.subtitle ? <div class=\"Subtitle\">{this.subtitle}</div> : null}\n </div>\n\n {this.price ?\n <div class={`Price ${miniCard}`}>\n {!this.isMini && this.salePrice && this.salePrice < this.price ?\n <div class=\"Price__Discount\"> {calculateDiscount(this.price, this.salePrice)}% </div>\n : null}\n\n {!this.isMini ?\n <div class={`Price__Regular ${this.salePrice && this.salePrice < this.price ? 'sale' : ''}`}>\n {this.currency}{this.price}\n </div> \n : \n <div class={`Price__Regular`}>\n {this.currency}{ this.salePrice && this.salePrice < this.price ? this.salePrice : this.price}\n </div> \n }\n\n {!this.isMini && this.salePrice && this.salePrice < this.price ?\n <div class=\"Price__Sale\">{this.currency}{this.salePrice}</div>\n : null}\n </div>\n : null}\n </div>\n\n {!this.isMini ? \n <div class=\"SelectVariations\">\n {this.variations.length != 0 ?\n <select\n ref={(el) => (this.variationSelectEl = el)} //salvo questo elemento in this.variationSelectEl\n onChange={() => {\n let currentValue = this.variationSelectEl.value;\n let currentVariation = this.variations.find(\n (variation) => variation.code == currentValue,\n );\n this.onVariationSelected(currentVariation);\n }}\n >\n {this.variations\n .filter((variation) => !variation.imgUrl)\n .map((variation) => (\n <option value={variation.code}>{variation.label}</option>\n ))}\n </select>\n : null }\n </div>\n : null}\n\n {!this.isMini ? <slot name=\"quantity\"></slot> : null}\n </div>\n\n <div class={`Footer ${justifyClass} ${backgroundClass} ${iconOnlyClass} ${miniCard}`}>\n\n {this.outOfStock ? <div class=\"OutOfStock\">{this.outOfStockText ? this.outOfStockText : 'Esaurito'}</div> : ''}\n\n { this.outOfStock ?\n <jump-button variant=\"secondary\" size=\"small\" text onClick={() => this.waitingList()}>\n <jump-icon slot=\"prefix\" name={!this.outOfStock ? 'cart-shopping' : 'bell'} category=\"regular\" size=\"small\"></jump-icon>\n {this.waitingListText ? this.waitingListText : 'Notifica disponibilità'}\n </jump-button> : ''\n }\n\n { !this.outOfStock && !this.onlyIconButton ?\n <jump-button variant=\"secondary\" size=\"small\" text onClick={() => this.addProductToCart()}>\n <jump-icon slot=\"prefix\" name={!this.outOfStock ? 'cart-shopping' : 'bell'} category=\"regular\" size=\"small\"></jump-icon>\n {this.addToCartText ? this.addToCartText : 'Aggiungi al carrello'}\n </jump-button> : ''\n }\n\n </div>\n\n </div>\n </Host>\n );\n }\n\n}\n"],"mappings":"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"}

package/dist/jump-design-system/p-570e63e4.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as e,h as a,H as c}from"./p-d4c681a4.js";const s=":host{display:block}.JumpTabPanel__Content{display:none;padding:1rem 0}.JumpTabPanel__Content.active{display:block}";const t=s;const n=class{constructor(a){e(this,a);this.identifier=undefined;this.active=false}render(){return a(c,{key:"f1915ec3ee0123aa64a1b7e5fca21617ccbc4ee0",class:"JumpTabPanel",id:this.identifier},a("div",{key:"d559e4945498ec4d17fd0ed6c4cc7fd79410b94b",class:"JumpTabPanel__Content "+(this.active?"active":"")},a("slot",{key:"cddc57310ed0fc0a9090267a3f61eabd4770f8ee"})))}};n.style=t;export{n as jump_tab_panel};
2	- //# sourceMappingURL=p-570e63e4.entry.js.map