@jumpgroup/jump-design-system 0.3.97 → 0.4.0

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 (26) hide show
  1. package/dist/cjs/jump-design-system.cjs.js +1 -1
  2. package/dist/cjs/jump-notice.cjs.entry.js +3 -2
  3. package/dist/cjs/jump-notice.cjs.entry.js.map +1 -1
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/collection/components/jump-notice/jump-notice.css +26 -0
  6. package/dist/collection/components/jump-notice/jump-notice.js +20 -1
  7. package/dist/collection/components/jump-notice/jump-notice.js.map +1 -1
  8. package/dist/collection/components/jump-notice/jump-notice.stories.js +9 -0
  9. package/dist/collection/components/jump-notice/jump-notice.stories.js.map +1 -1
  10. package/dist/components/jump-notice.js +4 -2
  11. package/dist/components/jump-notice.js.map +1 -1
  12. package/dist/esm/jump-design-system.js +1 -1
  13. package/dist/esm/jump-notice.entry.js +3 -2
  14. package/dist/esm/jump-notice.entry.js.map +1 -1
  15. package/dist/esm/loader.js +1 -1
  16. package/dist/jump-design-system/jump-design-system.esm.js +1 -1
  17. package/dist/jump-design-system/jump-design-system.esm.js.map +1 -1
  18. package/dist/jump-design-system/p-6ce0f360.entry.js +2 -0
  19. package/dist/jump-design-system/p-6ce0f360.entry.js.map +1 -0
  20. package/dist/jump-design-system-elements.json +4 -0
  21. package/dist/types/components/jump-notice/jump-notice.d.ts +6 -0
  22. package/dist/types/components/jump-notice/jump-notice.stories.d.ts +1 -0
  23. package/dist/types/components.d.ts +2 -0
  24. package/package.json +1 -1
  25. package/dist/jump-design-system/p-4737672b.entry.js +0 -2
  26. package/dist/jump-design-system/p-4737672b.entry.js.map +0 -1
package/dist/cjs/jump-design-system.cjs.js CHANGED
@@ -19,7 +19,7 @@ var patchBrowser = () => {
19
19
 
20
20
  patchBrowser().then(async (options) => {
21
21
  await appGlobals.globalScripts();
22
- return index.bootstrapLazy([["jump-card-ecommerce.cjs",[[1,"jump-card-ecommerce",{"onlyIconButton":[4,"only-icon-button"],"hasBackground":[4,"has-background"],"badge":[1],"favorite":[1540],"hasFavorite":[4,"has-favorite"],"hasSlotForFavorite":[4,"has-slot-for-favorite"],"hasSlotAddToCart":[4,"has-slot-add-to-cart"],"link":[1],"img":[1],"imgAlt":[1,"img-alt"],"hoverImg":[1,"hover-img"],"hoverImgAlt":[1,"hover-img-alt"],"videoSrc":[1,"video-src"],"notificationUrl":[1,"notification-url"],"notificationText":[1,"notification-text"],"productName":[1,"product-name"],"subtitle":[1],"productId":[1,"product-id"],"price":[2],"salePrice":[2,"sale-price"],"currency":[1],"addToCartColor":[1,"add-to-cart-color"],"badgeColor":[1,"badge-color"],"outOfStock":[1540,"out-of-stock"],"outOfStockText":[1,"out-of-stock-text"],"addToCartText":[1,"add-to-cart-text"],"waitingListText":[1,"waiting-list-text"],"addToWaitingList":[4,"add-to-waiting-list"],"isMini":[4,"is-mini"],"disallowAddToCart":[4,"disallow-add-to-cart"],"disallowAddToCartLabel":[1,"disallow-add-to-cart-label"],"enableZoom":[4,"enable-zoom"],"imageObjectFit":[1,"image-object-fit"],"autoSelectFirstVariation":[4,"auto-select-first-variation"],"addedToCart":[4,"added-to-cart"],"endAddedToCart":[4,"end-added-to-cart"],"variations":[32],"selectedVariation":[32],"priceFormatted":[32],"salePriceFormatted":[32],"optionsOrdered":[32],"setPrice":[64],"forceVariationsOrder":[64],"selectVariation":[64],"selectFirstVariation":[64],"getSelectedVariation":[64]},[[0,"jump-card-ecommerce-option-connected","addOption"]]]]],["jump-filter.cjs",[[1,"jump-filter",{"direction":[1],"filterHeading":[1,"filter-heading"],"filterButtonLabel":[1,"filter-button-label"],"filterButtonIcon":[1,"filter-button-icon"],"mobileThreshold":[2,"mobile-threshold"],"filters":[8],"showCount":[4,"show-count"],"offCanvasOverlay":[4,"off-canvas-overlay"],"activeFilters":[32],"showMobileFilters":[32],"isMobile":[32],"offCanvasClasses":[32],"getFilters":[64]},[[0,"jump-filterchange","filterChangeHandler"],[9,"resize","handleResize"]],{"showMobileFilters":["watchHandler"]}]]],["jump-filtergroup.cjs",[[1,"jump-filtergroup",{"name":[1],"heading":[1],"otherLabel":[1,"other-label"],"lessLabel":[1,"less-label"],"maxElements":[2,"max-elements"],"variant":[1],"label":[32],"values":[32],"value":[32],"slotItems":[32],"inputs":[32],"showMore":[32],"getValues":[64],"getActiveAmount":[64],"getInputs":[64],"getName":[64]},null,{"showMore":["watchShowMore"]}]]],["jump-navbar.cjs",[[1,"jump-navbar",{"logo":[16],"navItems":[16],"secondaryNavItems":[16],"mobileThreshold":[2,"mobile-threshold"],"type":[1],"navPosition":[1,"nav-position"],"megaMenuAlignment":[1,"mega-menu-alignment"],"sticky":[4],"stickyThreshold":[2,"sticky-threshold"],"mobileLogo":[16],"user":[16],"isMobile":[32]},[[9,"resize","handleResize"]]]]],["jump-notice.cjs",[[1,"jump-notice",{"id":[1],"title":[1],"description":[1],"link":[1],"linkText":[1,"link-text"],"closable":[4],"type":[1],"visible":[32]}]]],["jump-pagination.cjs",[[1,"jump-pagination",{"pagLabel":[1,"pag-label"],"last":[2],"showFirstAndLast":[4,"show-first-and-last"],"current":[32]},null,{"current":["watchcurrent"]}]]],["jump-pagination-table.cjs",[[0,"jump-pagination-table",{"elementsRanges":[1,"elements-ranges"],"elPerPage":[2,"el-per-page"],"pagLabel":[513,"pag-label"],"labelElementsPerPage":[513,"label-elements-per-page"],"total":[514],"first":[514],"last":[514],"showFirstAndLast":[516,"show-first-and-last"],"elementsRangesArray":[32]},null,{"elementsRanges":["elementsRangesChanged"],"elPerPage":["elPerPageChanged"]}]]],["jump-quantity.cjs",[[65,"jump-quantity",{"min":[2],"max":[2],"step":[2],"label":[1],"type":[1],"variant":[1],"showButtons":[4,"show-buttons"],"value":[2],"internalValue":[32],"getValue":[64],"setMax":[64],"reset":[64]},null,{"value":["onValueChange"]}]]],["jump-search-bar.cjs",[[1,"jump-search-bar",{"searchValue":[1025,"search-value"],"placeholder":[1],"noResultText":[1,"no-result-text"],"loadingText":[1,"loading-text"],"resultsText":[1,"results-text"],"showAllResText":[1,"show-all-res-text"],"identifier":[1],"debounceTime":[2,"debounce-time"],"variant":[1],"withBtn":[4,"with-btn"],"recentsTitle":[1,"recents-title"],"recents":[16],"results":[16],"dropdown":[4],"linearIconOnly":[4,"linear-icon-only"],"dropdownPosition":[1,"dropdown-position"],"dropdownVisible":[32],"resType":[32],"innerResults":[32],"totalResults":[32],"isExpanded":[32],"setResults":[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{"searchValue":["searchValueChanged"]}]]],["jump-search-bar-mobile.cjs",[[1,"jump-search-bar-mobile",{"identifier":[1],"placeholder":[1],"recents":[16],"recentsTitle":[1,"recents-title"],"debounceTime":[2,"debounce-time"],"loadingText":[1,"loading-text"],"noResultText":[1,"no-result-text"],"results":[16],"resultsText":[1,"results-text"],"showAllResText":[1,"show-all-res-text"],"isOpen":[32],"innerResults":[32],"totalResults":[32],"resType":[32],"searchValue":[32],"setResults":[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{"searchValue":["searchValueChanged"]}]]],["jump-accordion.cjs",[[1,"jump-accordion",{"variant":[1],"summary":[1],"disabled":[4],"open":[516],"icon":[1],"identifier":[1]},[[0,"sl-show","handleShow"]]]]],["jump-side-cart.cjs",[[1,"jump-side-cart",{"isOpen":[4,"is-open"],"position":[1],"items":[16],"discountThreshold":[16],"freeShippingThreshold":[2,"free-shipping-threshold"],"progressPercentage":[2,"progress-percentage"],"checkoutLabel":[1,"checkout-label"],"viewCartLabel":[1,"view-cart-label"],"shippingInfo":[1,"shipping-info"],"cartItems":[32]}]]],["jump-side-cart-example.cjs",[[1,"jump-side-cart-example",{"isCartOpen":[32],"position":[32],"cartItems":[32]}]]],["jump-tab-item.cjs",[[1,"jump-tab-item",{"identifier":[1],"iconName":[1,"icon-name"],"iconPosition":[1,"icon-position"],"label":[1],"active":[4],"disabled":[4],"variant":[32]}]]],["jump-accordion-group.cjs",[[1,"jump-accordion-group",{"variant":[1],"groupIdentifier":[1,"group-identifier"]}]]],["jump-card.cjs",[[4,"jump-card",{"horizontal":[4],"dark":[4],"shadow":[4],"border":[4],"borderRadius":[4,"border-radius"],"topBorderContentRadius":[4,"top-border-content-radius"],"boxed":[4],"roundedMedia":[4,"rounded-media"],"imgSrc":[1,"img-src"],"imgAlt":[1,"img-alt"],"videoSrc":[1,"video-src"]}]]],["jump-card-ecommerce-option.cjs",[[1,"jump-card-ecommerce-option",{"code":[1],"imgUrl":[1,"img-url"],"label":[1],"sku":[1],"taxonomy":[1],"order":[2]}]]],["jump-filter-checkbox.cjs",[[1,"jump-filter-checkbox",{"value":[1],"label":[1],"checked":[516],"count":[8],"isChecked":[64]}]]],["jump-filter-range.cjs",[[1,"jump-filter-range",{"name":[1],"labelMinBefore":[1,"label-min-before"],"labelMinAfter":[1,"label-min-after"],"labelMaxBefore":[1,"label-max-before"],"labelMaxAfter":[1,"label-max-after"],"min":[2],"max":[2],"step":[2],"minVal":[2,"min-val"],"maxVal":[2,"max-val"],"disabled":[516],"internalMinVal":[32],"internalMaxVal":[32],"getValues":[64]},null,{"minVal":["watchMinVal"],"maxVal":["watchMaxVal"]}]]],["jump-filter-select.cjs",[[1,"jump-filter-select",{"value":[1537],"placeholder":[1],"label":[1],"name":[1],"options":[1],"disabled":[516],"multiple":[4],"required":[4],"loading":[4],"open":[32],"values":[32],"getSelectedValue":[64],"getSelectedOption":[64],"getValues":[64],"getName":[64],"setValue":[64]}]]],["jump-filter-switch.cjs",[[1,"jump-filter-switch",{"value":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[516],"values":[32],"setValue":[64],"isChecked":[64],"getValues":[64],"getName":[64]},null,{"checked":["checkedChanged"]}]]],["jump-search-bar-dropdown-item.cjs",[[1,"jump-search-bar-dropdown-item",{"value":[1],"img":[1],"href":[1],"details":[32]}]]],["jump-tab.cjs",[[1,"jump-tab",{"disabled":[4],"alignment":[1],"fullBorder":[4,"full-border"],"tabGroupName":[1,"tab-group-name"],"variant":[1]},[[0,"jump-change-active-tab","changeActiveTabHandler"]]]]],["jump-tab-panel.cjs",[[1,"jump-tab-panel",{"identifier":[1],"active":[4]}]]],["jump-badge.cjs",[[1,"jump-badge",{"label":[1],"variant":[513],"dimension":[513],"soft":[516],"outline":[516]}]]],["jump-button_2.cjs",[[1,"jump-button",{"disabled":[4],"variant":[1],"outline":[4],"size":[1],"full":[4],"pill":[4],"text":[4],"onlyIcon":[4,"only-icon"],"href":[1],"target":[1],"type":[1],"name":[1],"value":[1],"ariaLabel":[1,"aria-label"],"class":[1],"buttonId":[1,"button-id"]}],[1,"jump-icon",{"class":[1],"library":[1],"name":[1],"category":[1],"size":[1],"label":[1],"src":[1]}]]]], options);
22
+ return index.bootstrapLazy([["jump-card-ecommerce.cjs",[[1,"jump-card-ecommerce",{"onlyIconButton":[4,"only-icon-button"],"hasBackground":[4,"has-background"],"badge":[1],"favorite":[1540],"hasFavorite":[4,"has-favorite"],"hasSlotForFavorite":[4,"has-slot-for-favorite"],"hasSlotAddToCart":[4,"has-slot-add-to-cart"],"link":[1],"img":[1],"imgAlt":[1,"img-alt"],"hoverImg":[1,"hover-img"],"hoverImgAlt":[1,"hover-img-alt"],"videoSrc":[1,"video-src"],"notificationUrl":[1,"notification-url"],"notificationText":[1,"notification-text"],"productName":[1,"product-name"],"subtitle":[1],"productId":[1,"product-id"],"price":[2],"salePrice":[2,"sale-price"],"currency":[1],"addToCartColor":[1,"add-to-cart-color"],"badgeColor":[1,"badge-color"],"outOfStock":[1540,"out-of-stock"],"outOfStockText":[1,"out-of-stock-text"],"addToCartText":[1,"add-to-cart-text"],"waitingListText":[1,"waiting-list-text"],"addToWaitingList":[4,"add-to-waiting-list"],"isMini":[4,"is-mini"],"disallowAddToCart":[4,"disallow-add-to-cart"],"disallowAddToCartLabel":[1,"disallow-add-to-cart-label"],"enableZoom":[4,"enable-zoom"],"imageObjectFit":[1,"image-object-fit"],"autoSelectFirstVariation":[4,"auto-select-first-variation"],"addedToCart":[4,"added-to-cart"],"endAddedToCart":[4,"end-added-to-cart"],"variations":[32],"selectedVariation":[32],"priceFormatted":[32],"salePriceFormatted":[32],"optionsOrdered":[32],"setPrice":[64],"forceVariationsOrder":[64],"selectVariation":[64],"selectFirstVariation":[64],"getSelectedVariation":[64]},[[0,"jump-card-ecommerce-option-connected","addOption"]]]]],["jump-filter.cjs",[[1,"jump-filter",{"direction":[1],"filterHeading":[1,"filter-heading"],"filterButtonLabel":[1,"filter-button-label"],"filterButtonIcon":[1,"filter-button-icon"],"mobileThreshold":[2,"mobile-threshold"],"filters":[8],"showCount":[4,"show-count"],"offCanvasOverlay":[4,"off-canvas-overlay"],"activeFilters":[32],"showMobileFilters":[32],"isMobile":[32],"offCanvasClasses":[32],"getFilters":[64]},[[0,"jump-filterchange","filterChangeHandler"],[9,"resize","handleResize"]],{"showMobileFilters":["watchHandler"]}]]],["jump-filtergroup.cjs",[[1,"jump-filtergroup",{"name":[1],"heading":[1],"otherLabel":[1,"other-label"],"lessLabel":[1,"less-label"],"maxElements":[2,"max-elements"],"variant":[1],"label":[32],"values":[32],"value":[32],"slotItems":[32],"inputs":[32],"showMore":[32],"getValues":[64],"getActiveAmount":[64],"getInputs":[64],"getName":[64]},null,{"showMore":["watchShowMore"]}]]],["jump-navbar.cjs",[[1,"jump-navbar",{"logo":[16],"navItems":[16],"secondaryNavItems":[16],"mobileThreshold":[2,"mobile-threshold"],"type":[1],"navPosition":[1,"nav-position"],"megaMenuAlignment":[1,"mega-menu-alignment"],"sticky":[4],"stickyThreshold":[2,"sticky-threshold"],"mobileLogo":[16],"user":[16],"isMobile":[32]},[[9,"resize","handleResize"]]]]],["jump-notice.cjs",[[1,"jump-notice",{"id":[1],"title":[1],"description":[1],"link":[1],"linkText":[1,"link-text"],"closable":[4],"type":[1],"size":[1],"visible":[32]}]]],["jump-pagination.cjs",[[1,"jump-pagination",{"pagLabel":[1,"pag-label"],"last":[2],"showFirstAndLast":[4,"show-first-and-last"],"current":[32]},null,{"current":["watchcurrent"]}]]],["jump-pagination-table.cjs",[[0,"jump-pagination-table",{"elementsRanges":[1,"elements-ranges"],"elPerPage":[2,"el-per-page"],"pagLabel":[513,"pag-label"],"labelElementsPerPage":[513,"label-elements-per-page"],"total":[514],"first":[514],"last":[514],"showFirstAndLast":[516,"show-first-and-last"],"elementsRangesArray":[32]},null,{"elementsRanges":["elementsRangesChanged"],"elPerPage":["elPerPageChanged"]}]]],["jump-quantity.cjs",[[65,"jump-quantity",{"min":[2],"max":[2],"step":[2],"label":[1],"type":[1],"variant":[1],"showButtons":[4,"show-buttons"],"value":[2],"internalValue":[32],"getValue":[64],"setMax":[64],"reset":[64]},null,{"value":["onValueChange"]}]]],["jump-search-bar.cjs",[[1,"jump-search-bar",{"searchValue":[1025,"search-value"],"placeholder":[1],"noResultText":[1,"no-result-text"],"loadingText":[1,"loading-text"],"resultsText":[1,"results-text"],"showAllResText":[1,"show-all-res-text"],"identifier":[1],"debounceTime":[2,"debounce-time"],"variant":[1],"withBtn":[4,"with-btn"],"recentsTitle":[1,"recents-title"],"recents":[16],"results":[16],"dropdown":[4],"linearIconOnly":[4,"linear-icon-only"],"dropdownPosition":[1,"dropdown-position"],"dropdownVisible":[32],"resType":[32],"innerResults":[32],"totalResults":[32],"isExpanded":[32],"setResults":[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{"searchValue":["searchValueChanged"]}]]],["jump-search-bar-mobile.cjs",[[1,"jump-search-bar-mobile",{"identifier":[1],"placeholder":[1],"recents":[16],"recentsTitle":[1,"recents-title"],"debounceTime":[2,"debounce-time"],"loadingText":[1,"loading-text"],"noResultText":[1,"no-result-text"],"results":[16],"resultsText":[1,"results-text"],"showAllResText":[1,"show-all-res-text"],"isOpen":[32],"innerResults":[32],"totalResults":[32],"resType":[32],"searchValue":[32],"setResults":[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{"searchValue":["searchValueChanged"]}]]],["jump-accordion.cjs",[[1,"jump-accordion",{"variant":[1],"summary":[1],"disabled":[4],"open":[516],"icon":[1],"identifier":[1]},[[0,"sl-show","handleShow"]]]]],["jump-side-cart.cjs",[[1,"jump-side-cart",{"isOpen":[4,"is-open"],"position":[1],"items":[16],"discountThreshold":[16],"freeShippingThreshold":[2,"free-shipping-threshold"],"progressPercentage":[2,"progress-percentage"],"checkoutLabel":[1,"checkout-label"],"viewCartLabel":[1,"view-cart-label"],"shippingInfo":[1,"shipping-info"],"cartItems":[32]}]]],["jump-side-cart-example.cjs",[[1,"jump-side-cart-example",{"isCartOpen":[32],"position":[32],"cartItems":[32]}]]],["jump-tab-item.cjs",[[1,"jump-tab-item",{"identifier":[1],"iconName":[1,"icon-name"],"iconPosition":[1,"icon-position"],"label":[1],"active":[4],"disabled":[4],"variant":[32]}]]],["jump-accordion-group.cjs",[[1,"jump-accordion-group",{"variant":[1],"groupIdentifier":[1,"group-identifier"]}]]],["jump-card.cjs",[[4,"jump-card",{"horizontal":[4],"dark":[4],"shadow":[4],"border":[4],"borderRadius":[4,"border-radius"],"topBorderContentRadius":[4,"top-border-content-radius"],"boxed":[4],"roundedMedia":[4,"rounded-media"],"imgSrc":[1,"img-src"],"imgAlt":[1,"img-alt"],"videoSrc":[1,"video-src"]}]]],["jump-card-ecommerce-option.cjs",[[1,"jump-card-ecommerce-option",{"code":[1],"imgUrl":[1,"img-url"],"label":[1],"sku":[1],"taxonomy":[1],"order":[2]}]]],["jump-filter-checkbox.cjs",[[1,"jump-filter-checkbox",{"value":[1],"label":[1],"checked":[516],"count":[8],"isChecked":[64]}]]],["jump-filter-range.cjs",[[1,"jump-filter-range",{"name":[1],"labelMinBefore":[1,"label-min-before"],"labelMinAfter":[1,"label-min-after"],"labelMaxBefore":[1,"label-max-before"],"labelMaxAfter":[1,"label-max-after"],"min":[2],"max":[2],"step":[2],"minVal":[2,"min-val"],"maxVal":[2,"max-val"],"disabled":[516],"internalMinVal":[32],"internalMaxVal":[32],"getValues":[64]},null,{"minVal":["watchMinVal"],"maxVal":["watchMaxVal"]}]]],["jump-filter-select.cjs",[[1,"jump-filter-select",{"value":[1537],"placeholder":[1],"label":[1],"name":[1],"options":[1],"disabled":[516],"multiple":[4],"required":[4],"loading":[4],"open":[32],"values":[32],"getSelectedValue":[64],"getSelectedOption":[64],"getValues":[64],"getName":[64],"setValue":[64]}]]],["jump-filter-switch.cjs",[[1,"jump-filter-switch",{"value":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[516],"values":[32],"setValue":[64],"isChecked":[64],"getValues":[64],"getName":[64]},null,{"checked":["checkedChanged"]}]]],["jump-search-bar-dropdown-item.cjs",[[1,"jump-search-bar-dropdown-item",{"value":[1],"img":[1],"href":[1],"details":[32]}]]],["jump-tab.cjs",[[1,"jump-tab",{"disabled":[4],"alignment":[1],"fullBorder":[4,"full-border"],"tabGroupName":[1,"tab-group-name"],"variant":[1]},[[0,"jump-change-active-tab","changeActiveTabHandler"]]]]],["jump-tab-panel.cjs",[[1,"jump-tab-panel",{"identifier":[1],"active":[4]}]]],["jump-badge.cjs",[[1,"jump-badge",{"label":[1],"variant":[513],"dimension":[513],"soft":[516],"outline":[516]}]]],["jump-button_2.cjs",[[1,"jump-button",{"disabled":[4],"variant":[1],"outline":[4],"size":[1],"full":[4],"pill":[4],"text":[4],"onlyIcon":[4,"only-icon"],"href":[1],"target":[1],"type":[1],"name":[1],"value":[1],"ariaLabel":[1,"aria-label"],"class":[1],"buttonId":[1,"button-id"]}],[1,"jump-icon",{"class":[1],"library":[1],"name":[1],"category":[1],"size":[1],"label":[1],"src":[1]}]]]], options);
23
23
  });
24
24
 
25
25
  exports.setNonce = index.setNonce;
package/dist/cjs/jump-notice.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-e9479989.js');
6
6
 
7
- const jumpNoticeCss = ":host{--jump-notice-info-text-color:var(--status-interaction-standard, #2C6ECB);--jump-notice-info-bg-color:var(--status-interaction-soft, #F2F7FE);--jump-notice-warning-text-color:var(--status-warning-standard, #D8A800);--jump-notice-warning-bg-color:var(--status-warning-soft, #FFF8E6);--jump-notice-error-text-color:var(--status-error-standard, #D80000);--jump-notice-error-bg-color:var(--status-error-soft, #FFF0F0);--jump-notice-success-text-color:var(--status-success-standard, #007A00);--jump-notice-success-bg-color:var(--status-success-soft, #EFF8E6);--jump-notice-text-font-size:var(--fs-400, 14px);--jump-notice-title-font-size:var(--fs-500, 18px);--jump-notice-max-width:600px;font-family:var(--ff-primary, \"Arial\"), sans-serif;max-width:var(--jump-notice-max-width)}.JumpNotice__Wrapper{padding:16px;border-radius:3px;border-left-width:6px;border-left-style:solid;display:flex;gap:16px}.JumpNotice__Wrapper--info{border-left-color:var(--jump-notice-info-text-color);color:var(--jump-notice-info-text-color);background-color:var(--jump-notice-info-bg-color)}.JumpNotice__Wrapper--warning{border-left-color:var(--jump-notice-warning-text-color);color:var(--jump-notice-warning-text-color);background-color:var(--jump-notice-warning-bg-color)}.JumpNotice__Wrapper--error{border-left-color:var(--jump-notice-error-text-color);color:var(--jump-notice-error-text-color);background-color:var(--jump-notice-error-bg-color)}.JumpNotice__Wrapper--success{border-left-color:var(--jump-notice-success-text-color);color:var(--jump-notice-success-text-color);background-color:var(--jump-notice-success-bg-color)}.JumpNotice__Content{display:flex;flex-direction:column;gap:8px}.JumpNotice__Content .JumpNotice__Title{font-size:var(--jump-notice-title-font-size);font-weight:700;margin:0px}.JumpNotice__Content .JumpNotice__Description{font-size:var(--jump-notice-text-font-size);margin:0}";
7
+ const jumpNoticeCss = ":host{--jump-notice-info-text-color:var(--status-interaction-standard, #2C6ECB);--jump-notice-info-bg-color:var(--status-interaction-soft, #F2F7FE);--jump-notice-warning-text-color:var(--status-warning-standard, #D8A800);--jump-notice-warning-bg-color:var(--status-warning-soft, #FFF8E6);--jump-notice-error-text-color:var(--status-error-standard, #D80000);--jump-notice-error-bg-color:var(--status-error-soft, #FFF0F0);--jump-notice-success-text-color:var(--status-success-standard, #007A00);--jump-notice-success-bg-color:var(--status-success-soft, #EFF8E6);--jump-notice-text-font-size:var(--fs-400, 14px);--jump-notice-title-font-size:var(--fs-500, 18px);--jump-notice-max-width:600px;font-family:var(--ff-primary, \"Arial\"), sans-serif;max-width:var(--jump-notice-max-width)}.JumpNotice__Wrapper{padding:16px;border-radius:3px;border-left-width:6px;border-left-style:solid;display:flex;gap:16px}.JumpNotice__Wrapper--info{border-left-color:var(--jump-notice-info-text-color);color:var(--jump-notice-info-text-color);background-color:var(--jump-notice-info-bg-color);--jump-button-background:var(--jump-notice-info-text-color)}.JumpNotice__Wrapper--warning{border-left-color:var(--jump-notice-warning-text-color);color:var(--jump-notice-warning-text-color);background-color:var(--jump-notice-warning-bg-color);--jump-button-background:var(--jump-notice-warning-text-color)}.JumpNotice__Wrapper--error{border-left-color:var(--jump-notice-error-text-color);color:var(--jump-notice-error-text-color);background-color:var(--jump-notice-error-bg-color);--jump-button-background:var(--jump-notice-error-text-color)}.JumpNotice__Wrapper--success{border-left-color:var(--jump-notice-success-text-color);color:var(--jump-notice-success-text-color);background-color:var(--jump-notice-success-bg-color);--jump-button-background:var(--jump-notice-success-text-color)}.JumpNotice__Content{display:flex;flex-direction:column;gap:8px}.JumpNotice__Content .JumpNotice__Title{font-size:var(--jump-notice-title-font-size);font-weight:700;margin:0px}.JumpNotice__Content .JumpNotice__Description{font-size:var(--jump-notice-text-font-size);margin:0}.JumpNotice__Content .JumpNotice__Inline{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:var(--jump-notice-text-font-size);font-weight:400}.JumpNotice__Content .JumpNotice__Large{display:flex;flex-direction:column;gap:0.25rem}.JumpNotice__Content .JumpNotice__Title--inline{font-size:var(--jump-notice-text-font-size);font-weight:700}.JumpNotice__Content .JumpNotice__Description--inline{font-size:var(--jump-notice-text-font-size);font-weight:400;margin:0}";
8
8
  const JumpNoticeStyle0 = jumpNoticeCss;
9
9
 
10
10
  const JumpNotice = class {
@@ -19,6 +19,7 @@ const JumpNotice = class {
19
19
  this.linkText = undefined;
20
20
  this.closable = false;
21
21
  this.type = 'info';
22
+ this.size = 'large';
22
23
  }
23
24
  closeNotice() {
24
25
  let data = {
@@ -31,7 +32,7 @@ const JumpNotice = class {
31
32
  console.log('closable', this.closable, this.visible);
32
33
  if (!this.visible)
33
34
  return null;
34
- return (index.h(index.Host, { ref: (host) => this.host = host }, index.h("div", { class: `JumpNotice__Wrapper JumpNotice__Wrapper--${this.type}` }, index.h("div", { class: "JumpNotice__Icon" }, this.type === 'info' && index.h("jump-icon", { library: "fa", category: "solid", name: "circle-info", size: "medium" }), this.type === 'warning' && index.h("jump-icon", { library: "fa", category: "solid", name: "circle-exclamation", size: "medium" }), this.type === 'error' && index.h("jump-icon", { library: "fa", category: "solid", name: "triangle-exclamation", size: "medium" }), this.type === 'success' && index.h("jump-icon", { library: "fa", category: "solid", name: "circle-check", size: "medium" })), index.h("div", { class: "JumpNotice__Content" }, this.title && index.h("p", { class: "JumpNotice__Title" }, this.title), this.description && index.h("p", { class: "JumpNotice__Description" }, this.description), this.link && index.h("jump-button", { variant: "primary", size: "small", text: true, href: this.link, target: "_blank" }, " ", index.h("jump-icon", { slot: "suffix", name: "arrow-right" }), " ", this.linkText, " ")))));
35
+ return (index.h(index.Host, { ref: (host) => this.host = host }, index.h("div", { class: `JumpNotice__Wrapper JumpNotice__Wrapper--${this.type} JumpNotice__Wrapper--${this.size}` }, index.h("div", { class: "JumpNotice__Icon" }, this.type === 'info' && index.h("jump-icon", { library: "fa", category: "solid", name: "circle-info", size: "medium" }), this.type === 'warning' && index.h("jump-icon", { library: "fa", category: "solid", name: "circle-exclamation", size: "medium" }), this.type === 'error' && index.h("jump-icon", { library: "fa", category: "solid", name: "triangle-exclamation", size: "medium" }), this.type === 'success' && index.h("jump-icon", { library: "fa", category: "solid", name: "circle-check", size: "medium" })), index.h("div", { class: "JumpNotice__Content" }, this.size === 'small' ? (index.h("span", { class: "JumpNotice__Inline" }, this.title && index.h("span", { class: "JumpNotice__Title--inline" }, this.title), this.description && index.h("span", { class: "JumpNotice__Description--inline" }, this.description))) : (index.h("div", { class: "JumpNotice__Large" }, this.title && index.h("p", { class: "JumpNotice__Title" }, this.title), this.description && index.h("p", { class: "JumpNotice__Description" }, this.description))), this.link && index.h("jump-button", { size: "small", text: true, href: this.link, target: "_blank" }, " ", index.h("jump-icon", { slot: "suffix", name: "arrow-right" }), " ", this.linkText, " ")))));
35
36
  }
36
37
  };
37
38
  JumpNotice.style = JumpNoticeStyle0;
package/dist/cjs/jump-notice.cjs.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"jump-notice.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,aAAa,GAAG,k2DAAk2D,CAAC;AACz3D,yBAAe,aAAa;;MCMf,UAAU;;;;uBAIO,IAAI;;;;;;wBAWJ,KAAK;oBACV,MAAM;;IAI7B,WAAW;QACT,IAAI,IAAI,GAAG;YACT,EAAE,EAAE,IAAI,CAAC,EAAE;SACZ,CAAA;QACD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACtB;IAED,MAAM;QACJ,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QACrD,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC/B,QACEA,QAACC,UAAI,IAAC,GAAG,EAAE,CAAC,IAAiB,KAAK,IAAI,CAAC,IAAI,GAAG,IAAI,IAChDD,iBAAK,KAAK,EAAE,4CAA4C,IAAI,CAAC,IAAI,EAAE,IACjEA,iBAAK,KAAK,EAAC,kBAAkB,IAC1B,IAAI,CAAC,IAAI,KAAK,MAAM,IAAIA,uBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,GAAa,EAC9G,IAAI,CAAC,IAAI,KAAK,SAAS,IAAIA,uBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAC,QAAQ,GAAa,EACxH,IAAI,CAAC,IAAI,KAAK,OAAO,IAAIA,uBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,sBAAsB,EAAC,IAAI,EAAC,QAAQ,GAAa,EACxH,IAAI,CAAC,IAAI,KAAK,SAAS,IAAIA,uBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,GAAa,CAC/G,EACNA,iBAAK,KAAK,EAAC,qBAAqB,IAC7B,IAAI,CAAC,KAAK,IAAIA,eAAG,KAAK,EAAC,mBAAmB,IAAE,IAAI,CAAC,KAAK,CAAK,EAC3D,IAAI,CAAC,WAAW,IAAIA,eAAG,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,WAAW,CAAK,EAC7E,IAAI,CAAC,IAAI,IAAIA,yBAAa,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,QAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,SAAEA,uBAAW,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,aAAa,GAAa,OAAE,IAAI,CAAC,QAAQ,MAAgB,CACpL,CAMF,CACD,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/jump-notice/jump-notice.scss?tag=jump-notice&encapsulation=shadow","src/components/jump-notice/jump-notice.tsx"],"sourcesContent":[":host {\n --jump-notice-info-text-color: var(--status-interaction-standard, #2C6ECB);\n --jump-notice-info-bg-color: var(--status-interaction-soft, #F2F7FE);\n --jump-notice-warning-text-color: var(--status-warning-standard, #D8A800);\n --jump-notice-warning-bg-color: var(--status-warning-soft, #FFF8E6);\n --jump-notice-error-text-color: var(--status-error-standard, #D80000);\n --jump-notice-error-bg-color: var(--status-error-soft, #FFF0F0);\n --jump-notice-success-text-color: var(--status-success-standard, #007A00);\n --jump-notice-success-bg-color: var(--status-success-soft, #EFF8E6);\n --jump-notice-text-font-size: var(--fs-400, 14px);\n --jump-notice-title-font-size: var(--fs-500, 18px);\n --jump-notice-max-width: 600px;\n\n font-family: var(--ff-primary, 'Arial'), sans-serif;\n max-width: var(--jump-notice-max-width);\n\n}\n\n.JumpNotice__Wrapper {\n\n padding: 16px;\n border-radius: 3px;\n border-left-width: 6px;\n border-left-style: solid;\n display: flex;\n gap: 16px;\n\n &--info {\n border-left-color: var(--jump-notice-info-text-color);\n color: var(--jump-notice-info-text-color);\n background-color: var(--jump-notice-info-bg-color);\n }\n\n &--warning {\n border-left-color: var(--jump-notice-warning-text-color);\n color: var(--jump-notice-warning-text-color);\n background-color: var(--jump-notice-warning-bg-color);\n }\n\n &--error {\n border-left-color: var(--jump-notice-error-text-color);\n color: var(--jump-notice-error-text-color);\n background-color: var(--jump-notice-error-bg-color);\n }\n\n &--success {\n border-left-color: var(--jump-notice-success-text-color);\n color: var(--jump-notice-success-text-color);\n background-color: var(--jump-notice-success-bg-color);\n }\n\n \n}\n\n.JumpNotice__Content {\n display: flex;\n flex-direction: column;\n gap: 8px;\n\n .JumpNotice__Title {\n font-size: var(--jump-notice-title-font-size);\n font-weight: 700;\n margin: 0px;\n }\n\n .JumpNotice__Description {\n font-size: var(--jump-notice-text-font-size);\n margin: 0;\n }\n}","import { Component, Host, Prop, h, Event, EventEmitter, State } from '@stencil/core';\n\n@Component({\n tag: 'jump-notice',\n styleUrl: 'jump-notice.scss',\n shadow: true,\n})\nexport class JumpNotice {\n\n host: HTMLElement;\n\n @State() visible: boolean = true;\n\n /**\n * @Prop() id: string;\n * Serve per identificare il componente nel DOM, utile per test o script esterni.\n */\n @Prop() id: string; \n @Prop() title: string;\n @Prop() description: string;\n @Prop() link: string;\n @Prop() linkText: string;\n @Prop() closable: boolean = false; // Serve a mostrare la x di chiusura. logica da implementare\n @Prop() type: string = 'info'; //'info' | 'warning' | 'error' | 'success' \n\n @Event({ eventName: 'jump-notice-close' }) closeNoticeEv: EventEmitter;\n\n closeNotice(){\n let data = {\n id: this.id\n }\n this.closeNoticeEv.emit(data);\n this.visible = false;\n }\n\n render() {\n console.log('closable', this.closable, this.visible);\n if (!this.visible) return null;\n return (\n <Host ref={(host: HTMLElement) => this.host = host}>\n <div class={`JumpNotice__Wrapper JumpNotice__Wrapper--${this.type}`}>\n <div class=\"JumpNotice__Icon\">\n {this.type === 'info' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-info\" size=\"medium\"></jump-icon>}\n {this.type === 'warning' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'error' && <jump-icon library=\"fa\" category=\"solid\" name=\"triangle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'success' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-check\" size=\"medium\"></jump-icon>}\n </div>\n <div class=\"JumpNotice__Content\">\n {this.title && <p class=\"JumpNotice__Title\">{this.title}</p>}\n {this.description && <p class=\"JumpNotice__Description\">{this.description}</p>}\n {this.link && <jump-button variant=\"primary\" size=\"small\" text href={this.link} target=\"_blank\"> <jump-icon slot=\"suffix\" name=\"arrow-right\"></jump-icon> {this.linkText} </jump-button>}\n </div>\n {/* {this.closable &&\n <div class=\"JumpNotice__Close\">\n <jump-button onClick={() => this.closeNotice()} variant=\"primary\" text size=\"small\" name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\" id=\"button\" only-icon> <jump-icon slot=\"suffix\" library=\"fa\" category=\"regular\" name=\"xmark\" size=\"medium\"></jump-icon> </jump-button>\n </div>\n } */}\n </div>\n </Host>\n );\n }\n\n}\n"],"version":3}
1
+ {"file":"jump-notice.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,aAAa,GAAG,ujFAAujF,CAAC;AAC9kF,yBAAe,aAAa;;MCMf,UAAU;;;;uBAUO,IAAI;;;;;;wBAWJ,KAAK;oBACV,MAAM;oBACN,OAAO;;IAI9B,WAAW;QACT,IAAI,IAAI,GAAG;YACT,EAAE,EAAE,IAAI,CAAC,EAAE;SACZ,CAAA;QACD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACtB;IAED,MAAM;QACJ,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QACrD,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC/B,QACEA,QAACC,UAAI,IAAC,GAAG,EAAE,CAAC,IAAiB,KAAK,IAAI,CAAC,IAAI,GAAG,IAAI,IAChDD,iBAAK,KAAK,EAAE,4CAA4C,IAAI,CAAC,IAAI,yBAAyB,IAAI,CAAC,IAAI,EAAE,IACnGA,iBAAK,KAAK,EAAC,kBAAkB,IAC1B,IAAI,CAAC,IAAI,KAAK,MAAM,IAAIA,uBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,GAAa,EAC9G,IAAI,CAAC,IAAI,KAAK,SAAS,IAAIA,uBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAC,QAAQ,GAAa,EACxH,IAAI,CAAC,IAAI,KAAK,OAAO,IAAIA,uBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,sBAAsB,EAAC,IAAI,EAAC,QAAQ,GAAa,EACxH,IAAI,CAAC,IAAI,KAAK,SAAS,IAAIA,uBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,GAAa,CAC/G,EACNA,iBAAK,KAAK,EAAC,qBAAqB,IAC7B,IAAI,CAAC,IAAI,KAAK,OAAO,IACpBA,kBAAM,KAAK,EAAC,oBAAoB,IAC7B,IAAI,CAAC,KAAK,IAAIA,kBAAM,KAAK,EAAC,2BAA2B,IAAE,IAAI,CAAC,KAAK,CAAQ,EACzE,IAAI,CAAC,WAAW,IAAIA,kBAAM,KAAK,EAAC,iCAAiC,IAAE,IAAI,CAAC,WAAW,CAAQ,CACvF,KAEPA,iBAAK,KAAK,EAAC,mBAAmB,IAC3B,IAAI,CAAC,KAAK,IAAIA,eAAG,KAAK,EAAC,mBAAmB,IAAE,IAAI,CAAC,KAAK,CAAK,EAC3D,IAAI,CAAC,WAAW,IAAIA,eAAG,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,WAAW,CAAK,CAC1E,CACP,EACA,IAAI,CAAC,IAAI,IAAIA,yBAAa,IAAI,EAAC,OAAO,EAAC,IAAI,QAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,SAAEA,uBAAW,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,aAAa,GAAa,OAAE,IAAI,CAAC,QAAQ,MAAgB,CAClK,CAMF,CACD,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/jump-notice/jump-notice.scss?tag=jump-notice&encapsulation=shadow","src/components/jump-notice/jump-notice.tsx"],"sourcesContent":[":host {\n --jump-notice-info-text-color: var(--status-interaction-standard, #2C6ECB);\n --jump-notice-info-bg-color: var(--status-interaction-soft, #F2F7FE);\n --jump-notice-warning-text-color: var(--status-warning-standard, #D8A800);\n --jump-notice-warning-bg-color: var(--status-warning-soft, #FFF8E6);\n --jump-notice-error-text-color: var(--status-error-standard, #D80000);\n --jump-notice-error-bg-color: var(--status-error-soft, #FFF0F0);\n --jump-notice-success-text-color: var(--status-success-standard, #007A00);\n --jump-notice-success-bg-color: var(--status-success-soft, #EFF8E6);\n --jump-notice-text-font-size: var(--fs-400, 14px);\n --jump-notice-title-font-size: var(--fs-500, 18px);\n --jump-notice-max-width: 600px;\n\n font-family: var(--ff-primary, 'Arial'), sans-serif;\n max-width: var(--jump-notice-max-width);\n\n}\n\n.JumpNotice__Wrapper {\n\n padding: 16px;\n border-radius: 3px;\n border-left-width: 6px;\n border-left-style: solid;\n display: flex;\n gap: 16px;\n\n &--info {\n border-left-color: var(--jump-notice-info-text-color);\n color: var(--jump-notice-info-text-color);\n background-color: var(--jump-notice-info-bg-color);\n --jump-button-background: var(--jump-notice-info-text-color);\n }\n\n &--warning {\n border-left-color: var(--jump-notice-warning-text-color);\n color: var(--jump-notice-warning-text-color);\n background-color: var(--jump-notice-warning-bg-color);\n --jump-button-background: var(--jump-notice-warning-text-color);\n }\n\n &--error {\n border-left-color: var(--jump-notice-error-text-color);\n color: var(--jump-notice-error-text-color);\n background-color: var(--jump-notice-error-bg-color);\n --jump-button-background: var(--jump-notice-error-text-color);\n }\n\n &--success {\n border-left-color: var(--jump-notice-success-text-color);\n color: var(--jump-notice-success-text-color);\n background-color: var(--jump-notice-success-bg-color);\n --jump-button-background: var(--jump-notice-success-text-color);\n }\n}\n\n.JumpNotice__Content {\n display: flex;\n flex-direction: column;\n gap: 8px;\n\n .JumpNotice__Title {\n font-size: var(--jump-notice-title-font-size);\n font-weight: 700;\n margin: 0px;\n }\n\n .JumpNotice__Description {\n font-size: var(--jump-notice-text-font-size);\n margin: 0;\n }\n\n .JumpNotice__Inline {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 8px;\n font-size: var(--jump-notice-text-font-size);\n font-weight: 400;\n }\n\n .JumpNotice__Large {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n }\n\n .JumpNotice__Title--inline {\n font-size: var(--jump-notice-text-font-size);\n font-weight: 700;\n }\n\n .JumpNotice__Description--inline {\n font-size: var(--jump-notice-text-font-size);\n font-weight: 400;\n margin: 0;\n }\n}","import { Component, Host, Prop, h, Event, EventEmitter, State } from '@stencil/core';\n\n@Component({\n tag: 'jump-notice',\n styleUrl: 'jump-notice.scss',\n shadow: true,\n})\nexport class JumpNotice {\n\n /**\n * MANCA DA GESTIRE LA CHIUSURA DELLA NOTIFICA\n * MANCA DA GESTIRE LA PROPRIETà SIZE \n * MANCA DA GESTIRE IL CASO IN CUI IL BG PUò ESSERE BIANCO\n */\n\n host: HTMLElement;\n\n @State() visible: boolean = true;\n\n /**\n * @Prop() id: string;\n * Serve per identificare il componente nel DOM, utile per test o script esterni.\n */\n @Prop() id: string; \n @Prop() title: string;\n @Prop() description: string;\n @Prop() link: string;\n @Prop() linkText: string;\n @Prop() closable: boolean = false; // Serve a mostrare la x di chiusura. logica da implementare\n @Prop() type: string = 'info'; //'info' | 'warning' | 'error' | 'success' \n @Prop() size: string = 'large'; // 'small' |'large'\n\n @Event({ eventName: 'jump-notice-close' }) closeNoticeEv: EventEmitter;\n\n closeNotice(){\n let data = {\n id: this.id\n }\n this.closeNoticeEv.emit(data);\n this.visible = false;\n }\n\n render() {\n console.log('closable', this.closable, this.visible);\n if (!this.visible) return null;\n return (\n <Host ref={(host: HTMLElement) => this.host = host}>\n <div class={`JumpNotice__Wrapper JumpNotice__Wrapper--${this.type} JumpNotice__Wrapper--${this.size}`}>\n <div class=\"JumpNotice__Icon\">\n {this.type === 'info' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-info\" size=\"medium\"></jump-icon>}\n {this.type === 'warning' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'error' && <jump-icon library=\"fa\" category=\"solid\" name=\"triangle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'success' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-check\" size=\"medium\"></jump-icon>}\n </div>\n <div class=\"JumpNotice__Content\">\n {this.size === 'small' ? (\n <span class=\"JumpNotice__Inline\">\n {this.title && <span class=\"JumpNotice__Title--inline\">{this.title}</span>}\n {this.description && <span class=\"JumpNotice__Description--inline\">{this.description}</span>}\n </span>\n ) : (\n <div class=\"JumpNotice__Large\">\n {this.title && <p class=\"JumpNotice__Title\">{this.title}</p>}\n {this.description && <p class=\"JumpNotice__Description\">{this.description}</p>}\n </div>\n )}\n {this.link && <jump-button size=\"small\" text href={this.link} target=\"_blank\"> <jump-icon slot=\"suffix\" name=\"arrow-right\"></jump-icon> {this.linkText} </jump-button>}\n </div>\n {/* {this.closable &&\n <div class=\"JumpNotice__Close\">\n <jump-button onClick={() => this.closeNotice()} variant=\"primary\" text size=\"small\" name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\" id=\"button\" only-icon> <jump-icon slot=\"suffix\" library=\"fa\" category=\"regular\" name=\"xmark\" size=\"medium\"></jump-icon> </jump-button>\n </div>\n } */}\n </div>\n </Host>\n );\n }\n\n}\n"],"version":3}
package/dist/cjs/loader.cjs.js CHANGED
@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
8
8
  const defineCustomElements = async (win, options) => {
9
9
  if (typeof window === 'undefined') return undefined;
10
10
  await appGlobals.globalScripts();
11
- return index.bootstrapLazy([["jump-card-ecommerce.cjs",[[1,"jump-card-ecommerce",{"onlyIconButton":[4,"only-icon-button"],"hasBackground":[4,"has-background"],"badge":[1],"favorite":[1540],"hasFavorite":[4,"has-favorite"],"hasSlotForFavorite":[4,"has-slot-for-favorite"],"hasSlotAddToCart":[4,"has-slot-add-to-cart"],"link":[1],"img":[1],"imgAlt":[1,"img-alt"],"hoverImg":[1,"hover-img"],"hoverImgAlt":[1,"hover-img-alt"],"videoSrc":[1,"video-src"],"notificationUrl":[1,"notification-url"],"notificationText":[1,"notification-text"],"productName":[1,"product-name"],"subtitle":[1],"productId":[1,"product-id"],"price":[2],"salePrice":[2,"sale-price"],"currency":[1],"addToCartColor":[1,"add-to-cart-color"],"badgeColor":[1,"badge-color"],"outOfStock":[1540,"out-of-stock"],"outOfStockText":[1,"out-of-stock-text"],"addToCartText":[1,"add-to-cart-text"],"waitingListText":[1,"waiting-list-text"],"addToWaitingList":[4,"add-to-waiting-list"],"isMini":[4,"is-mini"],"disallowAddToCart":[4,"disallow-add-to-cart"],"disallowAddToCartLabel":[1,"disallow-add-to-cart-label"],"enableZoom":[4,"enable-zoom"],"imageObjectFit":[1,"image-object-fit"],"autoSelectFirstVariation":[4,"auto-select-first-variation"],"addedToCart":[4,"added-to-cart"],"endAddedToCart":[4,"end-added-to-cart"],"variations":[32],"selectedVariation":[32],"priceFormatted":[32],"salePriceFormatted":[32],"optionsOrdered":[32],"setPrice":[64],"forceVariationsOrder":[64],"selectVariation":[64],"selectFirstVariation":[64],"getSelectedVariation":[64]},[[0,"jump-card-ecommerce-option-connected","addOption"]]]]],["jump-filter.cjs",[[1,"jump-filter",{"direction":[1],"filterHeading":[1,"filter-heading"],"filterButtonLabel":[1,"filter-button-label"],"filterButtonIcon":[1,"filter-button-icon"],"mobileThreshold":[2,"mobile-threshold"],"filters":[8],"showCount":[4,"show-count"],"offCanvasOverlay":[4,"off-canvas-overlay"],"activeFilters":[32],"showMobileFilters":[32],"isMobile":[32],"offCanvasClasses":[32],"getFilters":[64]},[[0,"jump-filterchange","filterChangeHandler"],[9,"resize","handleResize"]],{"showMobileFilters":["watchHandler"]}]]],["jump-filtergroup.cjs",[[1,"jump-filtergroup",{"name":[1],"heading":[1],"otherLabel":[1,"other-label"],"lessLabel":[1,"less-label"],"maxElements":[2,"max-elements"],"variant":[1],"label":[32],"values":[32],"value":[32],"slotItems":[32],"inputs":[32],"showMore":[32],"getValues":[64],"getActiveAmount":[64],"getInputs":[64],"getName":[64]},null,{"showMore":["watchShowMore"]}]]],["jump-navbar.cjs",[[1,"jump-navbar",{"logo":[16],"navItems":[16],"secondaryNavItems":[16],"mobileThreshold":[2,"mobile-threshold"],"type":[1],"navPosition":[1,"nav-position"],"megaMenuAlignment":[1,"mega-menu-alignment"],"sticky":[4],"stickyThreshold":[2,"sticky-threshold"],"mobileLogo":[16],"user":[16],"isMobile":[32]},[[9,"resize","handleResize"]]]]],["jump-notice.cjs",[[1,"jump-notice",{"id":[1],"title":[1],"description":[1],"link":[1],"linkText":[1,"link-text"],"closable":[4],"type":[1],"visible":[32]}]]],["jump-pagination.cjs",[[1,"jump-pagination",{"pagLabel":[1,"pag-label"],"last":[2],"showFirstAndLast":[4,"show-first-and-last"],"current":[32]},null,{"current":["watchcurrent"]}]]],["jump-pagination-table.cjs",[[0,"jump-pagination-table",{"elementsRanges":[1,"elements-ranges"],"elPerPage":[2,"el-per-page"],"pagLabel":[513,"pag-label"],"labelElementsPerPage":[513,"label-elements-per-page"],"total":[514],"first":[514],"last":[514],"showFirstAndLast":[516,"show-first-and-last"],"elementsRangesArray":[32]},null,{"elementsRanges":["elementsRangesChanged"],"elPerPage":["elPerPageChanged"]}]]],["jump-quantity.cjs",[[65,"jump-quantity",{"min":[2],"max":[2],"step":[2],"label":[1],"type":[1],"variant":[1],"showButtons":[4,"show-buttons"],"value":[2],"internalValue":[32],"getValue":[64],"setMax":[64],"reset":[64]},null,{"value":["onValueChange"]}]]],["jump-search-bar.cjs",[[1,"jump-search-bar",{"searchValue":[1025,"search-value"],"placeholder":[1],"noResultText":[1,"no-result-text"],"loadingText":[1,"loading-text"],"resultsText":[1,"results-text"],"showAllResText":[1,"show-all-res-text"],"identifier":[1],"debounceTime":[2,"debounce-time"],"variant":[1],"withBtn":[4,"with-btn"],"recentsTitle":[1,"recents-title"],"recents":[16],"results":[16],"dropdown":[4],"linearIconOnly":[4,"linear-icon-only"],"dropdownPosition":[1,"dropdown-position"],"dropdownVisible":[32],"resType":[32],"innerResults":[32],"totalResults":[32],"isExpanded":[32],"setResults":[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{"searchValue":["searchValueChanged"]}]]],["jump-search-bar-mobile.cjs",[[1,"jump-search-bar-mobile",{"identifier":[1],"placeholder":[1],"recents":[16],"recentsTitle":[1,"recents-title"],"debounceTime":[2,"debounce-time"],"loadingText":[1,"loading-text"],"noResultText":[1,"no-result-text"],"results":[16],"resultsText":[1,"results-text"],"showAllResText":[1,"show-all-res-text"],"isOpen":[32],"innerResults":[32],"totalResults":[32],"resType":[32],"searchValue":[32],"setResults":[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{"searchValue":["searchValueChanged"]}]]],["jump-accordion.cjs",[[1,"jump-accordion",{"variant":[1],"summary":[1],"disabled":[4],"open":[516],"icon":[1],"identifier":[1]},[[0,"sl-show","handleShow"]]]]],["jump-side-cart.cjs",[[1,"jump-side-cart",{"isOpen":[4,"is-open"],"position":[1],"items":[16],"discountThreshold":[16],"freeShippingThreshold":[2,"free-shipping-threshold"],"progressPercentage":[2,"progress-percentage"],"checkoutLabel":[1,"checkout-label"],"viewCartLabel":[1,"view-cart-label"],"shippingInfo":[1,"shipping-info"],"cartItems":[32]}]]],["jump-side-cart-example.cjs",[[1,"jump-side-cart-example",{"isCartOpen":[32],"position":[32],"cartItems":[32]}]]],["jump-tab-item.cjs",[[1,"jump-tab-item",{"identifier":[1],"iconName":[1,"icon-name"],"iconPosition":[1,"icon-position"],"label":[1],"active":[4],"disabled":[4],"variant":[32]}]]],["jump-accordion-group.cjs",[[1,"jump-accordion-group",{"variant":[1],"groupIdentifier":[1,"group-identifier"]}]]],["jump-card.cjs",[[4,"jump-card",{"horizontal":[4],"dark":[4],"shadow":[4],"border":[4],"borderRadius":[4,"border-radius"],"topBorderContentRadius":[4,"top-border-content-radius"],"boxed":[4],"roundedMedia":[4,"rounded-media"],"imgSrc":[1,"img-src"],"imgAlt":[1,"img-alt"],"videoSrc":[1,"video-src"]}]]],["jump-card-ecommerce-option.cjs",[[1,"jump-card-ecommerce-option",{"code":[1],"imgUrl":[1,"img-url"],"label":[1],"sku":[1],"taxonomy":[1],"order":[2]}]]],["jump-filter-checkbox.cjs",[[1,"jump-filter-checkbox",{"value":[1],"label":[1],"checked":[516],"count":[8],"isChecked":[64]}]]],["jump-filter-range.cjs",[[1,"jump-filter-range",{"name":[1],"labelMinBefore":[1,"label-min-before"],"labelMinAfter":[1,"label-min-after"],"labelMaxBefore":[1,"label-max-before"],"labelMaxAfter":[1,"label-max-after"],"min":[2],"max":[2],"step":[2],"minVal":[2,"min-val"],"maxVal":[2,"max-val"],"disabled":[516],"internalMinVal":[32],"internalMaxVal":[32],"getValues":[64]},null,{"minVal":["watchMinVal"],"maxVal":["watchMaxVal"]}]]],["jump-filter-select.cjs",[[1,"jump-filter-select",{"value":[1537],"placeholder":[1],"label":[1],"name":[1],"options":[1],"disabled":[516],"multiple":[4],"required":[4],"loading":[4],"open":[32],"values":[32],"getSelectedValue":[64],"getSelectedOption":[64],"getValues":[64],"getName":[64],"setValue":[64]}]]],["jump-filter-switch.cjs",[[1,"jump-filter-switch",{"value":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[516],"values":[32],"setValue":[64],"isChecked":[64],"getValues":[64],"getName":[64]},null,{"checked":["checkedChanged"]}]]],["jump-search-bar-dropdown-item.cjs",[[1,"jump-search-bar-dropdown-item",{"value":[1],"img":[1],"href":[1],"details":[32]}]]],["jump-tab.cjs",[[1,"jump-tab",{"disabled":[4],"alignment":[1],"fullBorder":[4,"full-border"],"tabGroupName":[1,"tab-group-name"],"variant":[1]},[[0,"jump-change-active-tab","changeActiveTabHandler"]]]]],["jump-tab-panel.cjs",[[1,"jump-tab-panel",{"identifier":[1],"active":[4]}]]],["jump-badge.cjs",[[1,"jump-badge",{"label":[1],"variant":[513],"dimension":[513],"soft":[516],"outline":[516]}]]],["jump-button_2.cjs",[[1,"jump-button",{"disabled":[4],"variant":[1],"outline":[4],"size":[1],"full":[4],"pill":[4],"text":[4],"onlyIcon":[4,"only-icon"],"href":[1],"target":[1],"type":[1],"name":[1],"value":[1],"ariaLabel":[1,"aria-label"],"class":[1],"buttonId":[1,"button-id"]}],[1,"jump-icon",{"class":[1],"library":[1],"name":[1],"category":[1],"size":[1],"label":[1],"src":[1]}]]]], options);
11
+ return index.bootstrapLazy([["jump-card-ecommerce.cjs",[[1,"jump-card-ecommerce",{"onlyIconButton":[4,"only-icon-button"],"hasBackground":[4,"has-background"],"badge":[1],"favorite":[1540],"hasFavorite":[4,"has-favorite"],"hasSlotForFavorite":[4,"has-slot-for-favorite"],"hasSlotAddToCart":[4,"has-slot-add-to-cart"],"link":[1],"img":[1],"imgAlt":[1,"img-alt"],"hoverImg":[1,"hover-img"],"hoverImgAlt":[1,"hover-img-alt"],"videoSrc":[1,"video-src"],"notificationUrl":[1,"notification-url"],"notificationText":[1,"notification-text"],"productName":[1,"product-name"],"subtitle":[1],"productId":[1,"product-id"],"price":[2],"salePrice":[2,"sale-price"],"currency":[1],"addToCartColor":[1,"add-to-cart-color"],"badgeColor":[1,"badge-color"],"outOfStock":[1540,"out-of-stock"],"outOfStockText":[1,"out-of-stock-text"],"addToCartText":[1,"add-to-cart-text"],"waitingListText":[1,"waiting-list-text"],"addToWaitingList":[4,"add-to-waiting-list"],"isMini":[4,"is-mini"],"disallowAddToCart":[4,"disallow-add-to-cart"],"disallowAddToCartLabel":[1,"disallow-add-to-cart-label"],"enableZoom":[4,"enable-zoom"],"imageObjectFit":[1,"image-object-fit"],"autoSelectFirstVariation":[4,"auto-select-first-variation"],"addedToCart":[4,"added-to-cart"],"endAddedToCart":[4,"end-added-to-cart"],"variations":[32],"selectedVariation":[32],"priceFormatted":[32],"salePriceFormatted":[32],"optionsOrdered":[32],"setPrice":[64],"forceVariationsOrder":[64],"selectVariation":[64],"selectFirstVariation":[64],"getSelectedVariation":[64]},[[0,"jump-card-ecommerce-option-connected","addOption"]]]]],["jump-filter.cjs",[[1,"jump-filter",{"direction":[1],"filterHeading":[1,"filter-heading"],"filterButtonLabel":[1,"filter-button-label"],"filterButtonIcon":[1,"filter-button-icon"],"mobileThreshold":[2,"mobile-threshold"],"filters":[8],"showCount":[4,"show-count"],"offCanvasOverlay":[4,"off-canvas-overlay"],"activeFilters":[32],"showMobileFilters":[32],"isMobile":[32],"offCanvasClasses":[32],"getFilters":[64]},[[0,"jump-filterchange","filterChangeHandler"],[9,"resize","handleResize"]],{"showMobileFilters":["watchHandler"]}]]],["jump-filtergroup.cjs",[[1,"jump-filtergroup",{"name":[1],"heading":[1],"otherLabel":[1,"other-label"],"lessLabel":[1,"less-label"],"maxElements":[2,"max-elements"],"variant":[1],"label":[32],"values":[32],"value":[32],"slotItems":[32],"inputs":[32],"showMore":[32],"getValues":[64],"getActiveAmount":[64],"getInputs":[64],"getName":[64]},null,{"showMore":["watchShowMore"]}]]],["jump-navbar.cjs",[[1,"jump-navbar",{"logo":[16],"navItems":[16],"secondaryNavItems":[16],"mobileThreshold":[2,"mobile-threshold"],"type":[1],"navPosition":[1,"nav-position"],"megaMenuAlignment":[1,"mega-menu-alignment"],"sticky":[4],"stickyThreshold":[2,"sticky-threshold"],"mobileLogo":[16],"user":[16],"isMobile":[32]},[[9,"resize","handleResize"]]]]],["jump-notice.cjs",[[1,"jump-notice",{"id":[1],"title":[1],"description":[1],"link":[1],"linkText":[1,"link-text"],"closable":[4],"type":[1],"size":[1],"visible":[32]}]]],["jump-pagination.cjs",[[1,"jump-pagination",{"pagLabel":[1,"pag-label"],"last":[2],"showFirstAndLast":[4,"show-first-and-last"],"current":[32]},null,{"current":["watchcurrent"]}]]],["jump-pagination-table.cjs",[[0,"jump-pagination-table",{"elementsRanges":[1,"elements-ranges"],"elPerPage":[2,"el-per-page"],"pagLabel":[513,"pag-label"],"labelElementsPerPage":[513,"label-elements-per-page"],"total":[514],"first":[514],"last":[514],"showFirstAndLast":[516,"show-first-and-last"],"elementsRangesArray":[32]},null,{"elementsRanges":["elementsRangesChanged"],"elPerPage":["elPerPageChanged"]}]]],["jump-quantity.cjs",[[65,"jump-quantity",{"min":[2],"max":[2],"step":[2],"label":[1],"type":[1],"variant":[1],"showButtons":[4,"show-buttons"],"value":[2],"internalValue":[32],"getValue":[64],"setMax":[64],"reset":[64]},null,{"value":["onValueChange"]}]]],["jump-search-bar.cjs",[[1,"jump-search-bar",{"searchValue":[1025,"search-value"],"placeholder":[1],"noResultText":[1,"no-result-text"],"loadingText":[1,"loading-text"],"resultsText":[1,"results-text"],"showAllResText":[1,"show-all-res-text"],"identifier":[1],"debounceTime":[2,"debounce-time"],"variant":[1],"withBtn":[4,"with-btn"],"recentsTitle":[1,"recents-title"],"recents":[16],"results":[16],"dropdown":[4],"linearIconOnly":[4,"linear-icon-only"],"dropdownPosition":[1,"dropdown-position"],"dropdownVisible":[32],"resType":[32],"innerResults":[32],"totalResults":[32],"isExpanded":[32],"setResults":[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{"searchValue":["searchValueChanged"]}]]],["jump-search-bar-mobile.cjs",[[1,"jump-search-bar-mobile",{"identifier":[1],"placeholder":[1],"recents":[16],"recentsTitle":[1,"recents-title"],"debounceTime":[2,"debounce-time"],"loadingText":[1,"loading-text"],"noResultText":[1,"no-result-text"],"results":[16],"resultsText":[1,"results-text"],"showAllResText":[1,"show-all-res-text"],"isOpen":[32],"innerResults":[32],"totalResults":[32],"resType":[32],"searchValue":[32],"setResults":[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{"searchValue":["searchValueChanged"]}]]],["jump-accordion.cjs",[[1,"jump-accordion",{"variant":[1],"summary":[1],"disabled":[4],"open":[516],"icon":[1],"identifier":[1]},[[0,"sl-show","handleShow"]]]]],["jump-side-cart.cjs",[[1,"jump-side-cart",{"isOpen":[4,"is-open"],"position":[1],"items":[16],"discountThreshold":[16],"freeShippingThreshold":[2,"free-shipping-threshold"],"progressPercentage":[2,"progress-percentage"],"checkoutLabel":[1,"checkout-label"],"viewCartLabel":[1,"view-cart-label"],"shippingInfo":[1,"shipping-info"],"cartItems":[32]}]]],["jump-side-cart-example.cjs",[[1,"jump-side-cart-example",{"isCartOpen":[32],"position":[32],"cartItems":[32]}]]],["jump-tab-item.cjs",[[1,"jump-tab-item",{"identifier":[1],"iconName":[1,"icon-name"],"iconPosition":[1,"icon-position"],"label":[1],"active":[4],"disabled":[4],"variant":[32]}]]],["jump-accordion-group.cjs",[[1,"jump-accordion-group",{"variant":[1],"groupIdentifier":[1,"group-identifier"]}]]],["jump-card.cjs",[[4,"jump-card",{"horizontal":[4],"dark":[4],"shadow":[4],"border":[4],"borderRadius":[4,"border-radius"],"topBorderContentRadius":[4,"top-border-content-radius"],"boxed":[4],"roundedMedia":[4,"rounded-media"],"imgSrc":[1,"img-src"],"imgAlt":[1,"img-alt"],"videoSrc":[1,"video-src"]}]]],["jump-card-ecommerce-option.cjs",[[1,"jump-card-ecommerce-option",{"code":[1],"imgUrl":[1,"img-url"],"label":[1],"sku":[1],"taxonomy":[1],"order":[2]}]]],["jump-filter-checkbox.cjs",[[1,"jump-filter-checkbox",{"value":[1],"label":[1],"checked":[516],"count":[8],"isChecked":[64]}]]],["jump-filter-range.cjs",[[1,"jump-filter-range",{"name":[1],"labelMinBefore":[1,"label-min-before"],"labelMinAfter":[1,"label-min-after"],"labelMaxBefore":[1,"label-max-before"],"labelMaxAfter":[1,"label-max-after"],"min":[2],"max":[2],"step":[2],"minVal":[2,"min-val"],"maxVal":[2,"max-val"],"disabled":[516],"internalMinVal":[32],"internalMaxVal":[32],"getValues":[64]},null,{"minVal":["watchMinVal"],"maxVal":["watchMaxVal"]}]]],["jump-filter-select.cjs",[[1,"jump-filter-select",{"value":[1537],"placeholder":[1],"label":[1],"name":[1],"options":[1],"disabled":[516],"multiple":[4],"required":[4],"loading":[4],"open":[32],"values":[32],"getSelectedValue":[64],"getSelectedOption":[64],"getValues":[64],"getName":[64],"setValue":[64]}]]],["jump-filter-switch.cjs",[[1,"jump-filter-switch",{"value":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[516],"values":[32],"setValue":[64],"isChecked":[64],"getValues":[64],"getName":[64]},null,{"checked":["checkedChanged"]}]]],["jump-search-bar-dropdown-item.cjs",[[1,"jump-search-bar-dropdown-item",{"value":[1],"img":[1],"href":[1],"details":[32]}]]],["jump-tab.cjs",[[1,"jump-tab",{"disabled":[4],"alignment":[1],"fullBorder":[4,"full-border"],"tabGroupName":[1,"tab-group-name"],"variant":[1]},[[0,"jump-change-active-tab","changeActiveTabHandler"]]]]],["jump-tab-panel.cjs",[[1,"jump-tab-panel",{"identifier":[1],"active":[4]}]]],["jump-badge.cjs",[[1,"jump-badge",{"label":[1],"variant":[513],"dimension":[513],"soft":[516],"outline":[516]}]]],["jump-button_2.cjs",[[1,"jump-button",{"disabled":[4],"variant":[1],"outline":[4],"size":[1],"full":[4],"pill":[4],"text":[4],"onlyIcon":[4,"only-icon"],"href":[1],"target":[1],"type":[1],"name":[1],"value":[1],"ariaLabel":[1,"aria-label"],"class":[1],"buttonId":[1,"button-id"]}],[1,"jump-icon",{"class":[1],"library":[1],"name":[1],"category":[1],"size":[1],"label":[1],"src":[1]}]]]], options);
12
12
  };
13
13
 
14
14
  exports.setNonce = index.setNonce;
package/dist/collection/components/jump-notice/jump-notice.css CHANGED
@@ -26,21 +26,25 @@
26
26
  border-left-color: var(--jump-notice-info-text-color);
27
27
  color: var(--jump-notice-info-text-color);
28
28
  background-color: var(--jump-notice-info-bg-color);
29
+ --jump-button-background: var(--jump-notice-info-text-color);
29
30
  }
30
31
  .JumpNotice__Wrapper--warning {
31
32
  border-left-color: var(--jump-notice-warning-text-color);
32
33
  color: var(--jump-notice-warning-text-color);
33
34
  background-color: var(--jump-notice-warning-bg-color);
35
+ --jump-button-background: var(--jump-notice-warning-text-color);
34
36
  }
35
37
  .JumpNotice__Wrapper--error {
36
38
  border-left-color: var(--jump-notice-error-text-color);
37
39
  color: var(--jump-notice-error-text-color);
38
40
  background-color: var(--jump-notice-error-bg-color);
41
+ --jump-button-background: var(--jump-notice-error-text-color);
39
42
  }
40
43
  .JumpNotice__Wrapper--success {
41
44
  border-left-color: var(--jump-notice-success-text-color);
42
45
  color: var(--jump-notice-success-text-color);
43
46
  background-color: var(--jump-notice-success-bg-color);
47
+ --jump-button-background: var(--jump-notice-success-text-color);
44
48
  }
45
49
 
46
50
  .JumpNotice__Content {
@@ -56,4 +60,26 @@
56
60
  .JumpNotice__Content .JumpNotice__Description {
57
61
  font-size: var(--jump-notice-text-font-size);
58
62
  margin: 0;
63
+ }
64
+ .JumpNotice__Content .JumpNotice__Inline {
65
+ display: flex;
66
+ flex-direction: row;
67
+ align-items: center;
68
+ gap: 8px;
69
+ font-size: var(--jump-notice-text-font-size);
70
+ font-weight: 400;
71
+ }
72
+ .JumpNotice__Content .JumpNotice__Large {
73
+ display: flex;
74
+ flex-direction: column;
75
+ gap: 0.25rem;
76
+ }
77
+ .JumpNotice__Content .JumpNotice__Title--inline {
78
+ font-size: var(--jump-notice-text-font-size);
79
+ font-weight: 700;
80
+ }
81
+ .JumpNotice__Content .JumpNotice__Description--inline {
82
+ font-size: var(--jump-notice-text-font-size);
83
+ font-weight: 400;
84
+ margin: 0;
59
85
  }
package/dist/collection/components/jump-notice/jump-notice.js CHANGED
@@ -9,6 +9,7 @@ export class JumpNotice {
9
9
  this.linkText = undefined;
10
10
  this.closable = false;
11
11
  this.type = 'info';
12
+ this.size = 'large';
12
13
  }
13
14
  closeNotice() {
14
15
  let data = {
@@ -21,7 +22,7 @@ export class JumpNotice {
21
22
  console.log('closable', this.closable, this.visible);
22
23
  if (!this.visible)
23
24
  return null;
24
- return (h(Host, { ref: (host) => this.host = host }, h("div", { class: `JumpNotice__Wrapper JumpNotice__Wrapper--${this.type}` }, h("div", { class: "JumpNotice__Icon" }, this.type === 'info' && h("jump-icon", { library: "fa", category: "solid", name: "circle-info", size: "medium" }), this.type === 'warning' && h("jump-icon", { library: "fa", category: "solid", name: "circle-exclamation", size: "medium" }), this.type === 'error' && h("jump-icon", { library: "fa", category: "solid", name: "triangle-exclamation", size: "medium" }), this.type === 'success' && h("jump-icon", { library: "fa", category: "solid", name: "circle-check", size: "medium" })), h("div", { class: "JumpNotice__Content" }, this.title && h("p", { class: "JumpNotice__Title" }, this.title), this.description && h("p", { class: "JumpNotice__Description" }, this.description), this.link && h("jump-button", { variant: "primary", size: "small", text: true, href: this.link, target: "_blank" }, " ", h("jump-icon", { slot: "suffix", name: "arrow-right" }), " ", this.linkText, " ")))));
25
+ return (h(Host, { ref: (host) => this.host = host }, h("div", { class: `JumpNotice__Wrapper JumpNotice__Wrapper--${this.type} JumpNotice__Wrapper--${this.size}` }, h("div", { class: "JumpNotice__Icon" }, this.type === 'info' && h("jump-icon", { library: "fa", category: "solid", name: "circle-info", size: "medium" }), this.type === 'warning' && h("jump-icon", { library: "fa", category: "solid", name: "circle-exclamation", size: "medium" }), this.type === 'error' && h("jump-icon", { library: "fa", category: "solid", name: "triangle-exclamation", size: "medium" }), this.type === 'success' && h("jump-icon", { library: "fa", category: "solid", name: "circle-check", size: "medium" })), h("div", { class: "JumpNotice__Content" }, this.size === 'small' ? (h("span", { class: "JumpNotice__Inline" }, this.title && h("span", { class: "JumpNotice__Title--inline" }, this.title), this.description && h("span", { class: "JumpNotice__Description--inline" }, this.description))) : (h("div", { class: "JumpNotice__Large" }, this.title && h("p", { class: "JumpNotice__Title" }, this.title), this.description && h("p", { class: "JumpNotice__Description" }, this.description))), this.link && h("jump-button", { size: "small", text: true, href: this.link, target: "_blank" }, " ", h("jump-icon", { slot: "suffix", name: "arrow-right" }), " ", this.linkText, " ")))));
25
26
  }
26
27
  static get is() { return "jump-notice"; }
27
28
  static get encapsulation() { return "shadow"; }
@@ -160,6 +161,24 @@ export class JumpNotice {
160
161
  "attribute": "type",
161
162
  "reflect": false,
162
163
  "defaultValue": "'info'"
164
+ },
165
+ "size": {
166
+ "type": "string",
167
+ "mutable": false,
168
+ "complexType": {
169
+ "original": "string",
170
+ "resolved": "string",
171
+ "references": {}
172
+ },
173
+ "required": false,
174
+ "optional": false,
175
+ "docs": {
176
+ "tags": [],
177
+ "text": ""
178
+ },
179
+ "attribute": "size",
180
+ "reflect": false,
181
+ "defaultValue": "'large'"
163
182
  }
164
183
  };
165
184
  }
package/dist/collection/components/jump-notice/jump-notice.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"jump-notice.js","sourceRoot":"","sources":["../../../src/components/jump-notice/jump-notice.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAgB,KAAK,EAAE,MAAM,eAAe,CAAC;AAOrF,MAAM,OAAO,UAAU;;uBAIO,IAAI;;;;;;wBAWJ,KAAK;oBACV,MAAM;;IAI7B,WAAW;QACT,IAAI,IAAI,GAAG;YACT,EAAE,EAAE,IAAI,CAAC,EAAE;SACZ,CAAA;QACD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACvB,CAAC;IAED,MAAM;QACJ,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QACrD,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC/B,OAAO,CACL,EAAC,IAAI,IAAC,GAAG,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI;YAChD,WAAK,KAAK,EAAE,4CAA4C,IAAI,CAAC,IAAI,EAAE;gBACjE,WAAK,KAAK,EAAC,kBAAkB;oBAC1B,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,GAAa;oBAC9G,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAC,QAAQ,GAAa;oBACxH,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,sBAAsB,EAAC,IAAI,EAAC,QAAQ,GAAa;oBACxH,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,GAAa,CAC/G;gBACN,WAAK,KAAK,EAAC,qBAAqB;oBAC7B,IAAI,CAAC,KAAK,IAAI,SAAG,KAAK,EAAC,mBAAmB,IAAE,IAAI,CAAC,KAAK,CAAK;oBAC3D,IAAI,CAAC,WAAW,IAAI,SAAG,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,WAAW,CAAK;oBAC7E,IAAI,CAAC,IAAI,IAAI,mBAAa,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,QAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ;;wBAAE,iBAAW,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,aAAa,GAAa;;wBAAE,IAAI,CAAC,QAAQ;4BAAgB,CACpL,CAMF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter, State } from '@stencil/core';\n\n@Component({\n tag: 'jump-notice',\n styleUrl: 'jump-notice.scss',\n shadow: true,\n})\nexport class JumpNotice {\n\n host: HTMLElement;\n\n @State() visible: boolean = true;\n\n /**\n * @Prop() id: string;\n * Serve per identificare il componente nel DOM, utile per test o script esterni.\n */\n @Prop() id: string; \n @Prop() title: string;\n @Prop() description: string;\n @Prop() link: string;\n @Prop() linkText: string;\n @Prop() closable: boolean = false; // Serve a mostrare la x di chiusura. logica da implementare\n @Prop() type: string = 'info'; //'info' | 'warning' | 'error' | 'success' \n\n @Event({ eventName: 'jump-notice-close' }) closeNoticeEv: EventEmitter;\n\n closeNotice(){\n let data = {\n id: this.id\n }\n this.closeNoticeEv.emit(data);\n this.visible = false;\n }\n\n render() {\n console.log('closable', this.closable, this.visible);\n if (!this.visible) return null;\n return (\n <Host ref={(host: HTMLElement) => this.host = host}>\n <div class={`JumpNotice__Wrapper JumpNotice__Wrapper--${this.type}`}>\n <div class=\"JumpNotice__Icon\">\n {this.type === 'info' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-info\" size=\"medium\"></jump-icon>}\n {this.type === 'warning' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'error' && <jump-icon library=\"fa\" category=\"solid\" name=\"triangle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'success' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-check\" size=\"medium\"></jump-icon>}\n </div>\n <div class=\"JumpNotice__Content\">\n {this.title && <p class=\"JumpNotice__Title\">{this.title}</p>}\n {this.description && <p class=\"JumpNotice__Description\">{this.description}</p>}\n {this.link && <jump-button variant=\"primary\" size=\"small\" text href={this.link} target=\"_blank\"> <jump-icon slot=\"suffix\" name=\"arrow-right\"></jump-icon> {this.linkText} </jump-button>}\n </div>\n {/* {this.closable &&\n <div class=\"JumpNotice__Close\">\n <jump-button onClick={() => this.closeNotice()} variant=\"primary\" text size=\"small\" name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\" id=\"button\" only-icon> <jump-icon slot=\"suffix\" library=\"fa\" category=\"regular\" name=\"xmark\" size=\"medium\"></jump-icon> </jump-button>\n </div>\n } */}\n </div>\n </Host>\n );\n }\n\n}\n"]}
1
+ {"version":3,"file":"jump-notice.js","sourceRoot":"","sources":["../../../src/components/jump-notice/jump-notice.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter, State } from '@stencil/core';\n\n@Component({\n tag: 'jump-notice',\n styleUrl: 'jump-notice.scss',\n shadow: true,\n})\nexport class JumpNotice {\n\n /**\n * MANCA DA GESTIRE LA CHIUSURA DELLA NOTIFICA\n * MANCA DA GESTIRE LA PROPRIETà SIZE \n * MANCA DA GESTIRE IL CASO IN CUI IL BG PUò ESSERE BIANCO\n */\n\n host: HTMLElement;\n\n @State() visible: boolean = true;\n\n /**\n * @Prop() id: string;\n * Serve per identificare il componente nel DOM, utile per test o script esterni.\n */\n @Prop() id: string; \n @Prop() title: string;\n @Prop() description: string;\n @Prop() link: string;\n @Prop() linkText: string;\n @Prop() closable: boolean = false; // Serve a mostrare la x di chiusura. logica da implementare\n @Prop() type: string = 'info'; //'info' | 'warning' | 'error' | 'success' \n @Prop() size: string = 'large'; // 'small' |'large'\n\n @Event({ eventName: 'jump-notice-close' }) closeNoticeEv: EventEmitter;\n\n closeNotice(){\n let data = {\n id: this.id\n }\n this.closeNoticeEv.emit(data);\n this.visible = false;\n }\n\n render() {\n console.log('closable', this.closable, this.visible);\n if (!this.visible) return null;\n return (\n <Host ref={(host: HTMLElement) => this.host = host}>\n <div class={`JumpNotice__Wrapper JumpNotice__Wrapper--${this.type} JumpNotice__Wrapper--${this.size}`}>\n <div class=\"JumpNotice__Icon\">\n {this.type === 'info' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-info\" size=\"medium\"></jump-icon>}\n {this.type === 'warning' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'error' && <jump-icon library=\"fa\" category=\"solid\" name=\"triangle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'success' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-check\" size=\"medium\"></jump-icon>}\n </div>\n <div class=\"JumpNotice__Content\">\n {this.size === 'small' ? (\n <span class=\"JumpNotice__Inline\">\n {this.title && <span class=\"JumpNotice__Title--inline\">{this.title}</span>}\n {this.description && <span class=\"JumpNotice__Description--inline\">{this.description}</span>}\n </span>\n ) : (\n <div class=\"JumpNotice__Large\">\n {this.title && <p class=\"JumpNotice__Title\">{this.title}</p>}\n {this.description && <p class=\"JumpNotice__Description\">{this.description}</p>}\n </div>\n )}\n {this.link && <jump-button size=\"small\" text href={this.link} target=\"_blank\"> <jump-icon slot=\"suffix\" name=\"arrow-right\"></jump-icon> {this.linkText} </jump-button>}\n </div>\n {/* {this.closable &&\n <div class=\"JumpNotice__Close\">\n <jump-button onClick={() => this.closeNotice()} variant=\"primary\" text size=\"small\" name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\" id=\"button\" only-icon> <jump-icon slot=\"suffix\" library=\"fa\" category=\"regular\" name=\"xmark\" size=\"medium\"></jump-icon> </jump-button>\n </div>\n } */}\n </div>\n </Host>\n );\n }\n\n}\n"]}
package/dist/collection/components/jump-notice/jump-notice.stories.js CHANGED
@@ -78,6 +78,15 @@ Success.args = {
78
78
  linkText: 'Learn more',
79
79
  type: 'success',
80
80
  };
81
+ export const Small = TemplateDefault.bind({});
82
+ Small.args = {
83
+ title: 'Small Notice',
84
+ description: 'This is a small notice with concise information.',
85
+ link: 'https://example.com',
86
+ linkText: 'Learn more',
87
+ type: 'info',
88
+ size: 'small',
89
+ };
81
90
  // export const Closable = TemplateDefault.bind({});
82
91
  // Closable.args = {
83
92
  // title: 'Closable Notice',
package/dist/collection/components/jump-notice/jump-notice.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"jump-notice.stories.js","sourceRoot":"","sources":["../../../src/components/jump-notice/jump-notice.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAE1E,eAAe;IACX,KAAK,EAAE,uBAAuB;IAC9B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,EAAE,EAAE;YACA,IAAI,EAAE,IAAI;YACV,WAAW,EAAE,8EAA8E;YAC3F,OAAO,EAAE,MAAM;SAClB;QACD,KAAK,EAAE;YACJ,IAAI,EAAE,OAAO;YACZ,WAAW,EAAE,yBAAyB;YACtC,OAAO,EAAE,MAAM;SAClB;QACD,WAAW,EAAE;YACT,IAAI,EAAE,aAAa;YACnB,WAAW,EAAE,+BAA+B;YAC5C,OAAO,EAAE,MAAM;SAClB;QACD,IAAI,EAAE;YACF,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,cAAc;YAC3B,OAAO,EAAE,MAAM;SAClB;QACD,QAAQ,EAAE;YACN,IAAI,EAAE,UAAU;YAChB,WAAW,EAAE,uBAAuB;YACpC,OAAO,EAAE,MAAM;SAClB;QACD,IAAI,EAAE;YACF,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,oBAAoB;YACjC,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC;SACnD;QACD,QAAQ,EAAE;YACN,IAAI,EAAE,UAAU;YAChB,WAAW,EAAE,kCAAkC;YAC/C,OAAO,EAAE,SAAS;YAClB,YAAY,EAAE,KAAK;SACtB;KACJ;CACJ,CAAA;AAED,MAAM,eAAe,GAAG,CAAC,IAAI,EAAE,EAAE;IAC7B,MAAM,UAAU,GAAG,0BAA0B,CAAC,IAAI,CAAC,CAAC;IACpD,OAAO,UAAU,CAAC,gBAAgB,UAAU,iBAAiB,CAAC,CAAC;AACnE,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,IAAI,CAAC,IAAI,GAAG;IACR,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,sCAAsC;IACnD,IAAI,EAAE,qBAAqB;IAC3B,QAAQ,EAAE,YAAY;IACtB,IAAI,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,OAAO,CAAC,IAAI,GAAG;IACX,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,sCAAsC;IACnD,IAAI,EAAE,qBAAqB;IAC3B,QAAQ,EAAE,YAAY;IACtB,IAAI,EAAE,SAAS;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,KAAK,CAAC,IAAI,GAAG;IACT,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,sCAAsC;IACnD,IAAI,EAAE,qBAAqB;IAC3B,QAAQ,EAAE,YAAY;IACtB,IAAI,EAAE,OAAO;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,OAAO,CAAC,IAAI,GAAG;IACX,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,sCAAsC;IACnD,IAAI,EAAE,qBAAqB;IAC3B,QAAQ,EAAE,YAAY;IACtB,IAAI,EAAE,SAAS;CAClB,CAAC;AAEF,oDAAoD;AACpD,oBAAoB;AACpB,gCAAgC;AAChC,iDAAiD;AACjD,mCAAmC;AACnC,8BAA8B;AAC9B,oBAAoB;AACpB,sBAAsB;AACtB,KAAK","sourcesContent":["import { generateAttributesFromArgs, formatHtml} from '../../utils/utils';\n\nexport default {\n title: 'Components/JumpNotice',\n tags: ['autodocs'],\n argTypes: {\n id: {\n name: 'id',\n description: 'Unique identifier for the component, useful for testing or external scripts.',\n control: 'text',\n },\n title: {\n name: 'title',\n description: 'The title of the notice',\n control: 'text',\n },\n description: {\n name: 'description',\n description: 'The description of the notice',\n control: 'text',\n },\n link: {\n name: 'link',\n description: 'The link URL',\n control: 'text',\n },\n linkText: {\n name: 'linkText',\n description: 'The text for the link',\n control: 'text',\n },\n type: {\n name: 'type',\n description: 'The type of notice',\n control: 'select',\n options: ['info', 'warning', 'error', 'success'],\n },\n closable: {\n name: 'closable',\n description: 'Whether the notice can be closed',\n control: 'boolean',\n defaultValue: false,\n },\n }\n}\n\nconst TemplateDefault = (args) => {\n const attributes = generateAttributesFromArgs(args);\n return formatHtml(`<jump-notice ${attributes}></jump-notice>`);\n}\n\nexport const Info = TemplateDefault.bind({});\nInfo.args = {\n title: 'Notice Title',\n description: 'This is a description of the notice.',\n link: 'https://example.com',\n linkText: 'Learn more',\n type: 'info',\n};\n\nexport const Warning = TemplateDefault.bind({});\nWarning.args = {\n title: 'Notice Title',\n description: 'This is a description of the notice.',\n link: 'https://example.com',\n linkText: 'Learn more',\n type: 'warning',\n};\n\nexport const Error = TemplateDefault.bind({});\nError.args = {\n title: 'Notice Title',\n description: 'This is a description of the notice.',\n link: 'https://example.com',\n linkText: 'Learn more',\n type: 'error',\n};\n\nexport const Success = TemplateDefault.bind({});\nSuccess.args = {\n title: 'Notice Title',\n description: 'This is a description of the notice.',\n link: 'https://example.com',\n linkText: 'Learn more',\n type: 'success',\n};\n\n// export const Closable = TemplateDefault.bind({});\n// Closable.args = {\n// title: 'Closable Notice',\n// description: 'This notice can be closed.',\n// link: 'https://example.com',\n// linkText: 'Learn more',\n// type: 'info',\n// closable: true,\n// };\n"]}
1
+ {"version":3,"file":"jump-notice.stories.js","sourceRoot":"","sources":["../../../src/components/jump-notice/jump-notice.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { generateAttributesFromArgs, formatHtml} from '../../utils/utils';\n\nexport default {\n title: 'Components/JumpNotice',\n tags: ['autodocs'],\n argTypes: {\n id: {\n name: 'id',\n description: 'Unique identifier for the component, useful for testing or external scripts.',\n control: 'text',\n },\n title: {\n name: 'title',\n description: 'The title of the notice',\n control: 'text',\n },\n description: {\n name: 'description',\n description: 'The description of the notice',\n control: 'text',\n },\n link: {\n name: 'link',\n description: 'The link URL',\n control: 'text',\n },\n linkText: {\n name: 'linkText',\n description: 'The text for the link',\n control: 'text',\n },\n type: {\n name: 'type',\n description: 'The type of notice',\n control: 'select',\n options: ['info', 'warning', 'error', 'success'],\n },\n closable: {\n name: 'closable',\n description: 'Whether the notice can be closed',\n control: 'boolean',\n defaultValue: false,\n },\n }\n}\n\nconst TemplateDefault = (args) => {\n const attributes = generateAttributesFromArgs(args);\n return formatHtml(`<jump-notice ${attributes}></jump-notice>`);\n}\n\nexport const Info = TemplateDefault.bind({});\nInfo.args = {\n title: 'Notice Title',\n description: 'This is a description of the notice.',\n link: 'https://example.com',\n linkText: 'Learn more',\n type: 'info',\n};\n\nexport const Warning = TemplateDefault.bind({});\nWarning.args = {\n title: 'Notice Title',\n description: 'This is a description of the notice.',\n link: 'https://example.com',\n linkText: 'Learn more',\n type: 'warning',\n};\n\nexport const Error = TemplateDefault.bind({});\nError.args = {\n title: 'Notice Title',\n description: 'This is a description of the notice.',\n link: 'https://example.com',\n linkText: 'Learn more',\n type: 'error',\n};\n\nexport const Success = TemplateDefault.bind({});\nSuccess.args = {\n title: 'Notice Title',\n description: 'This is a description of the notice.',\n link: 'https://example.com',\n linkText: 'Learn more',\n type: 'success',\n};\n\nexport const Small = TemplateDefault.bind({});\nSmall.args = {\n title: 'Small Notice',\n description: 'This is a small notice with concise information.',\n link: 'https://example.com',\n linkText: 'Learn more',\n type: 'info',\n size: 'small',\n};\n\n// export const Closable = TemplateDefault.bind({});\n// Closable.args = {\n// title: 'Closable Notice',\n// description: 'This notice can be closed.',\n// link: 'https://example.com',\n// linkText: 'Learn more',\n// type: 'info',\n// closable: true,\n// };\n"]}
package/dist/components/jump-notice.js CHANGED
@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
2
2
  import { d as defineCustomElement$3 } from './jump-button2.js';
3
3
  import { d as defineCustomElement$2 } from './jump-icon2.js';
4
4
 
5
- const jumpNoticeCss = ":host{--jump-notice-info-text-color:var(--status-interaction-standard, #2C6ECB);--jump-notice-info-bg-color:var(--status-interaction-soft, #F2F7FE);--jump-notice-warning-text-color:var(--status-warning-standard, #D8A800);--jump-notice-warning-bg-color:var(--status-warning-soft, #FFF8E6);--jump-notice-error-text-color:var(--status-error-standard, #D80000);--jump-notice-error-bg-color:var(--status-error-soft, #FFF0F0);--jump-notice-success-text-color:var(--status-success-standard, #007A00);--jump-notice-success-bg-color:var(--status-success-soft, #EFF8E6);--jump-notice-text-font-size:var(--fs-400, 14px);--jump-notice-title-font-size:var(--fs-500, 18px);--jump-notice-max-width:600px;font-family:var(--ff-primary, \"Arial\"), sans-serif;max-width:var(--jump-notice-max-width)}.JumpNotice__Wrapper{padding:16px;border-radius:3px;border-left-width:6px;border-left-style:solid;display:flex;gap:16px}.JumpNotice__Wrapper--info{border-left-color:var(--jump-notice-info-text-color);color:var(--jump-notice-info-text-color);background-color:var(--jump-notice-info-bg-color)}.JumpNotice__Wrapper--warning{border-left-color:var(--jump-notice-warning-text-color);color:var(--jump-notice-warning-text-color);background-color:var(--jump-notice-warning-bg-color)}.JumpNotice__Wrapper--error{border-left-color:var(--jump-notice-error-text-color);color:var(--jump-notice-error-text-color);background-color:var(--jump-notice-error-bg-color)}.JumpNotice__Wrapper--success{border-left-color:var(--jump-notice-success-text-color);color:var(--jump-notice-success-text-color);background-color:var(--jump-notice-success-bg-color)}.JumpNotice__Content{display:flex;flex-direction:column;gap:8px}.JumpNotice__Content .JumpNotice__Title{font-size:var(--jump-notice-title-font-size);font-weight:700;margin:0px}.JumpNotice__Content .JumpNotice__Description{font-size:var(--jump-notice-text-font-size);margin:0}";
5
+ const jumpNoticeCss = ":host{--jump-notice-info-text-color:var(--status-interaction-standard, #2C6ECB);--jump-notice-info-bg-color:var(--status-interaction-soft, #F2F7FE);--jump-notice-warning-text-color:var(--status-warning-standard, #D8A800);--jump-notice-warning-bg-color:var(--status-warning-soft, #FFF8E6);--jump-notice-error-text-color:var(--status-error-standard, #D80000);--jump-notice-error-bg-color:var(--status-error-soft, #FFF0F0);--jump-notice-success-text-color:var(--status-success-standard, #007A00);--jump-notice-success-bg-color:var(--status-success-soft, #EFF8E6);--jump-notice-text-font-size:var(--fs-400, 14px);--jump-notice-title-font-size:var(--fs-500, 18px);--jump-notice-max-width:600px;font-family:var(--ff-primary, \"Arial\"), sans-serif;max-width:var(--jump-notice-max-width)}.JumpNotice__Wrapper{padding:16px;border-radius:3px;border-left-width:6px;border-left-style:solid;display:flex;gap:16px}.JumpNotice__Wrapper--info{border-left-color:var(--jump-notice-info-text-color);color:var(--jump-notice-info-text-color);background-color:var(--jump-notice-info-bg-color);--jump-button-background:var(--jump-notice-info-text-color)}.JumpNotice__Wrapper--warning{border-left-color:var(--jump-notice-warning-text-color);color:var(--jump-notice-warning-text-color);background-color:var(--jump-notice-warning-bg-color);--jump-button-background:var(--jump-notice-warning-text-color)}.JumpNotice__Wrapper--error{border-left-color:var(--jump-notice-error-text-color);color:var(--jump-notice-error-text-color);background-color:var(--jump-notice-error-bg-color);--jump-button-background:var(--jump-notice-error-text-color)}.JumpNotice__Wrapper--success{border-left-color:var(--jump-notice-success-text-color);color:var(--jump-notice-success-text-color);background-color:var(--jump-notice-success-bg-color);--jump-button-background:var(--jump-notice-success-text-color)}.JumpNotice__Content{display:flex;flex-direction:column;gap:8px}.JumpNotice__Content .JumpNotice__Title{font-size:var(--jump-notice-title-font-size);font-weight:700;margin:0px}.JumpNotice__Content .JumpNotice__Description{font-size:var(--jump-notice-text-font-size);margin:0}.JumpNotice__Content .JumpNotice__Inline{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:var(--jump-notice-text-font-size);font-weight:400}.JumpNotice__Content .JumpNotice__Large{display:flex;flex-direction:column;gap:0.25rem}.JumpNotice__Content .JumpNotice__Title--inline{font-size:var(--jump-notice-text-font-size);font-weight:700}.JumpNotice__Content .JumpNotice__Description--inline{font-size:var(--jump-notice-text-font-size);font-weight:400;margin:0}";
6
6
  const JumpNoticeStyle0 = jumpNoticeCss;
7
7
 
8
8
  const JumpNotice$1 = /*@__PURE__*/ proxyCustomElement(class JumpNotice extends HTMLElement {
@@ -19,6 +19,7 @@ const JumpNotice$1 = /*@__PURE__*/ proxyCustomElement(class JumpNotice extends H
19
19
  this.linkText = undefined;
20
20
  this.closable = false;
21
21
  this.type = 'info';
22
+ this.size = 'large';
22
23
  }
23
24
  closeNotice() {
24
25
  let data = {
@@ -31,7 +32,7 @@ const JumpNotice$1 = /*@__PURE__*/ proxyCustomElement(class JumpNotice extends H
31
32
  console.log('closable', this.closable, this.visible);
32
33
  if (!this.visible)
33
34
  return null;
34
- return (h(Host, { ref: (host) => this.host = host }, h("div", { class: `JumpNotice__Wrapper JumpNotice__Wrapper--${this.type}` }, h("div", { class: "JumpNotice__Icon" }, this.type === 'info' && h("jump-icon", { library: "fa", category: "solid", name: "circle-info", size: "medium" }), this.type === 'warning' && h("jump-icon", { library: "fa", category: "solid", name: "circle-exclamation", size: "medium" }), this.type === 'error' && h("jump-icon", { library: "fa", category: "solid", name: "triangle-exclamation", size: "medium" }), this.type === 'success' && h("jump-icon", { library: "fa", category: "solid", name: "circle-check", size: "medium" })), h("div", { class: "JumpNotice__Content" }, this.title && h("p", { class: "JumpNotice__Title" }, this.title), this.description && h("p", { class: "JumpNotice__Description" }, this.description), this.link && h("jump-button", { variant: "primary", size: "small", text: true, href: this.link, target: "_blank" }, " ", h("jump-icon", { slot: "suffix", name: "arrow-right" }), " ", this.linkText, " ")))));
35
+ return (h(Host, { ref: (host) => this.host = host }, h("div", { class: `JumpNotice__Wrapper JumpNotice__Wrapper--${this.type} JumpNotice__Wrapper--${this.size}` }, h("div", { class: "JumpNotice__Icon" }, this.type === 'info' && h("jump-icon", { library: "fa", category: "solid", name: "circle-info", size: "medium" }), this.type === 'warning' && h("jump-icon", { library: "fa", category: "solid", name: "circle-exclamation", size: "medium" }), this.type === 'error' && h("jump-icon", { library: "fa", category: "solid", name: "triangle-exclamation", size: "medium" }), this.type === 'success' && h("jump-icon", { library: "fa", category: "solid", name: "circle-check", size: "medium" })), h("div", { class: "JumpNotice__Content" }, this.size === 'small' ? (h("span", { class: "JumpNotice__Inline" }, this.title && h("span", { class: "JumpNotice__Title--inline" }, this.title), this.description && h("span", { class: "JumpNotice__Description--inline" }, this.description))) : (h("div", { class: "JumpNotice__Large" }, this.title && h("p", { class: "JumpNotice__Title" }, this.title), this.description && h("p", { class: "JumpNotice__Description" }, this.description))), this.link && h("jump-button", { size: "small", text: true, href: this.link, target: "_blank" }, " ", h("jump-icon", { slot: "suffix", name: "arrow-right" }), " ", this.linkText, " ")))));
35
36
  }
36
37
  static get style() { return JumpNoticeStyle0; }
37
38
  }, [1, "jump-notice", {
@@ -42,6 +43,7 @@ const JumpNotice$1 = /*@__PURE__*/ proxyCustomElement(class JumpNotice extends H
42
43
  "linkText": [1, "link-text"],
43
44
  "closable": [4],
44
45
  "type": [1],
46
+ "size": [1],
45
47
  "visible": [32]
46
48
  }]);
47
49
  function defineCustomElement$1() {
package/dist/components/jump-notice.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"jump-notice.js","mappings":";;;;AAAA,MAAM,aAAa,GAAG,k2DAAk2D,CAAC;AACz3D,yBAAe,aAAa;;MCMfA,YAAU;;;;;;uBAIO,IAAI;;;;;;wBAWJ,KAAK;oBACV,MAAM;;IAI7B,WAAW;QACT,IAAI,IAAI,GAAG;YACT,EAAE,EAAE,IAAI,CAAC,EAAE;SACZ,CAAA;QACD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACtB;IAED,MAAM;QACJ,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QACrD,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC/B,QACE,EAAC,IAAI,IAAC,GAAG,EAAE,CAAC,IAAiB,KAAK,IAAI,CAAC,IAAI,GAAG,IAAI,IAChD,WAAK,KAAK,EAAE,4CAA4C,IAAI,CAAC,IAAI,EAAE,IACjE,WAAK,KAAK,EAAC,kBAAkB,IAC1B,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,GAAa,EAC9G,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAC,QAAQ,GAAa,EACxH,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,sBAAsB,EAAC,IAAI,EAAC,QAAQ,GAAa,EACxH,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,GAAa,CAC/G,EACN,WAAK,KAAK,EAAC,qBAAqB,IAC7B,IAAI,CAAC,KAAK,IAAI,SAAG,KAAK,EAAC,mBAAmB,IAAE,IAAI,CAAC,KAAK,CAAK,EAC3D,IAAI,CAAC,WAAW,IAAI,SAAG,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,WAAW,CAAK,EAC7E,IAAI,CAAC,IAAI,IAAI,mBAAa,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,QAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,SAAE,iBAAW,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,aAAa,GAAa,OAAE,IAAI,CAAC,QAAQ,MAAgB,CACpL,CAMF,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["JumpNotice"],"sources":["src/components/jump-notice/jump-notice.scss?tag=jump-notice&encapsulation=shadow","src/components/jump-notice/jump-notice.tsx"],"sourcesContent":[":host {\n --jump-notice-info-text-color: var(--status-interaction-standard, #2C6ECB);\n --jump-notice-info-bg-color: var(--status-interaction-soft, #F2F7FE);\n --jump-notice-warning-text-color: var(--status-warning-standard, #D8A800);\n --jump-notice-warning-bg-color: var(--status-warning-soft, #FFF8E6);\n --jump-notice-error-text-color: var(--status-error-standard, #D80000);\n --jump-notice-error-bg-color: var(--status-error-soft, #FFF0F0);\n --jump-notice-success-text-color: var(--status-success-standard, #007A00);\n --jump-notice-success-bg-color: var(--status-success-soft, #EFF8E6);\n --jump-notice-text-font-size: var(--fs-400, 14px);\n --jump-notice-title-font-size: var(--fs-500, 18px);\n --jump-notice-max-width: 600px;\n\n font-family: var(--ff-primary, 'Arial'), sans-serif;\n max-width: var(--jump-notice-max-width);\n\n}\n\n.JumpNotice__Wrapper {\n\n padding: 16px;\n border-radius: 3px;\n border-left-width: 6px;\n border-left-style: solid;\n display: flex;\n gap: 16px;\n\n &--info {\n border-left-color: var(--jump-notice-info-text-color);\n color: var(--jump-notice-info-text-color);\n background-color: var(--jump-notice-info-bg-color);\n }\n\n &--warning {\n border-left-color: var(--jump-notice-warning-text-color);\n color: var(--jump-notice-warning-text-color);\n background-color: var(--jump-notice-warning-bg-color);\n }\n\n &--error {\n border-left-color: var(--jump-notice-error-text-color);\n color: var(--jump-notice-error-text-color);\n background-color: var(--jump-notice-error-bg-color);\n }\n\n &--success {\n border-left-color: var(--jump-notice-success-text-color);\n color: var(--jump-notice-success-text-color);\n background-color: var(--jump-notice-success-bg-color);\n }\n\n \n}\n\n.JumpNotice__Content {\n display: flex;\n flex-direction: column;\n gap: 8px;\n\n .JumpNotice__Title {\n font-size: var(--jump-notice-title-font-size);\n font-weight: 700;\n margin: 0px;\n }\n\n .JumpNotice__Description {\n font-size: var(--jump-notice-text-font-size);\n margin: 0;\n }\n}","import { Component, Host, Prop, h, Event, EventEmitter, State } from '@stencil/core';\n\n@Component({\n tag: 'jump-notice',\n styleUrl: 'jump-notice.scss',\n shadow: true,\n})\nexport class JumpNotice {\n\n host: HTMLElement;\n\n @State() visible: boolean = true;\n\n /**\n * @Prop() id: string;\n * Serve per identificare il componente nel DOM, utile per test o script esterni.\n */\n @Prop() id: string; \n @Prop() title: string;\n @Prop() description: string;\n @Prop() link: string;\n @Prop() linkText: string;\n @Prop() closable: boolean = false; // Serve a mostrare la x di chiusura. logica da implementare\n @Prop() type: string = 'info'; //'info' | 'warning' | 'error' | 'success' \n\n @Event({ eventName: 'jump-notice-close' }) closeNoticeEv: EventEmitter;\n\n closeNotice(){\n let data = {\n id: this.id\n }\n this.closeNoticeEv.emit(data);\n this.visible = false;\n }\n\n render() {\n console.log('closable', this.closable, this.visible);\n if (!this.visible) return null;\n return (\n <Host ref={(host: HTMLElement) => this.host = host}>\n <div class={`JumpNotice__Wrapper JumpNotice__Wrapper--${this.type}`}>\n <div class=\"JumpNotice__Icon\">\n {this.type === 'info' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-info\" size=\"medium\"></jump-icon>}\n {this.type === 'warning' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'error' && <jump-icon library=\"fa\" category=\"solid\" name=\"triangle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'success' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-check\" size=\"medium\"></jump-icon>}\n </div>\n <div class=\"JumpNotice__Content\">\n {this.title && <p class=\"JumpNotice__Title\">{this.title}</p>}\n {this.description && <p class=\"JumpNotice__Description\">{this.description}</p>}\n {this.link && <jump-button variant=\"primary\" size=\"small\" text href={this.link} target=\"_blank\"> <jump-icon slot=\"suffix\" name=\"arrow-right\"></jump-icon> {this.linkText} </jump-button>}\n </div>\n {/* {this.closable &&\n <div class=\"JumpNotice__Close\">\n <jump-button onClick={() => this.closeNotice()} variant=\"primary\" text size=\"small\" name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\" id=\"button\" only-icon> <jump-icon slot=\"suffix\" library=\"fa\" category=\"regular\" name=\"xmark\" size=\"medium\"></jump-icon> </jump-button>\n </div>\n } */}\n </div>\n </Host>\n );\n }\n\n}\n"],"version":3}
1
+ {"file":"jump-notice.js","mappings":";;;;AAAA,MAAM,aAAa,GAAG,ujFAAujF,CAAC;AAC9kF,yBAAe,aAAa;;MCMfA,YAAU;;;;;;uBAUO,IAAI;;;;;;wBAWJ,KAAK;oBACV,MAAM;oBACN,OAAO;;IAI9B,WAAW;QACT,IAAI,IAAI,GAAG;YACT,EAAE,EAAE,IAAI,CAAC,EAAE;SACZ,CAAA;QACD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACtB;IAED,MAAM;QACJ,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QACrD,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC/B,QACE,EAAC,IAAI,IAAC,GAAG,EAAE,CAAC,IAAiB,KAAK,IAAI,CAAC,IAAI,GAAG,IAAI,IAChD,WAAK,KAAK,EAAE,4CAA4C,IAAI,CAAC,IAAI,yBAAyB,IAAI,CAAC,IAAI,EAAE,IACnG,WAAK,KAAK,EAAC,kBAAkB,IAC1B,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,GAAa,EAC9G,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAC,QAAQ,GAAa,EACxH,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,sBAAsB,EAAC,IAAI,EAAC,QAAQ,GAAa,EACxH,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,GAAa,CAC/G,EACN,WAAK,KAAK,EAAC,qBAAqB,IAC7B,IAAI,CAAC,IAAI,KAAK,OAAO,IACpB,YAAM,KAAK,EAAC,oBAAoB,IAC7B,IAAI,CAAC,KAAK,IAAI,YAAM,KAAK,EAAC,2BAA2B,IAAE,IAAI,CAAC,KAAK,CAAQ,EACzE,IAAI,CAAC,WAAW,IAAI,YAAM,KAAK,EAAC,iCAAiC,IAAE,IAAI,CAAC,WAAW,CAAQ,CACvF,KAEP,WAAK,KAAK,EAAC,mBAAmB,IAC3B,IAAI,CAAC,KAAK,IAAI,SAAG,KAAK,EAAC,mBAAmB,IAAE,IAAI,CAAC,KAAK,CAAK,EAC3D,IAAI,CAAC,WAAW,IAAI,SAAG,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,WAAW,CAAK,CAC1E,CACP,EACA,IAAI,CAAC,IAAI,IAAI,mBAAa,IAAI,EAAC,OAAO,EAAC,IAAI,QAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,SAAE,iBAAW,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,aAAa,GAAa,OAAE,IAAI,CAAC,QAAQ,MAAgB,CAClK,CAMF,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["JumpNotice"],"sources":["src/components/jump-notice/jump-notice.scss?tag=jump-notice&encapsulation=shadow","src/components/jump-notice/jump-notice.tsx"],"sourcesContent":[":host {\n --jump-notice-info-text-color: var(--status-interaction-standard, #2C6ECB);\n --jump-notice-info-bg-color: var(--status-interaction-soft, #F2F7FE);\n --jump-notice-warning-text-color: var(--status-warning-standard, #D8A800);\n --jump-notice-warning-bg-color: var(--status-warning-soft, #FFF8E6);\n --jump-notice-error-text-color: var(--status-error-standard, #D80000);\n --jump-notice-error-bg-color: var(--status-error-soft, #FFF0F0);\n --jump-notice-success-text-color: var(--status-success-standard, #007A00);\n --jump-notice-success-bg-color: var(--status-success-soft, #EFF8E6);\n --jump-notice-text-font-size: var(--fs-400, 14px);\n --jump-notice-title-font-size: var(--fs-500, 18px);\n --jump-notice-max-width: 600px;\n\n font-family: var(--ff-primary, 'Arial'), sans-serif;\n max-width: var(--jump-notice-max-width);\n\n}\n\n.JumpNotice__Wrapper {\n\n padding: 16px;\n border-radius: 3px;\n border-left-width: 6px;\n border-left-style: solid;\n display: flex;\n gap: 16px;\n\n &--info {\n border-left-color: var(--jump-notice-info-text-color);\n color: var(--jump-notice-info-text-color);\n background-color: var(--jump-notice-info-bg-color);\n --jump-button-background: var(--jump-notice-info-text-color);\n }\n\n &--warning {\n border-left-color: var(--jump-notice-warning-text-color);\n color: var(--jump-notice-warning-text-color);\n background-color: var(--jump-notice-warning-bg-color);\n --jump-button-background: var(--jump-notice-warning-text-color);\n }\n\n &--error {\n border-left-color: var(--jump-notice-error-text-color);\n color: var(--jump-notice-error-text-color);\n background-color: var(--jump-notice-error-bg-color);\n --jump-button-background: var(--jump-notice-error-text-color);\n }\n\n &--success {\n border-left-color: var(--jump-notice-success-text-color);\n color: var(--jump-notice-success-text-color);\n background-color: var(--jump-notice-success-bg-color);\n --jump-button-background: var(--jump-notice-success-text-color);\n }\n}\n\n.JumpNotice__Content {\n display: flex;\n flex-direction: column;\n gap: 8px;\n\n .JumpNotice__Title {\n font-size: var(--jump-notice-title-font-size);\n font-weight: 700;\n margin: 0px;\n }\n\n .JumpNotice__Description {\n font-size: var(--jump-notice-text-font-size);\n margin: 0;\n }\n\n .JumpNotice__Inline {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 8px;\n font-size: var(--jump-notice-text-font-size);\n font-weight: 400;\n }\n\n .JumpNotice__Large {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n }\n\n .JumpNotice__Title--inline {\n font-size: var(--jump-notice-text-font-size);\n font-weight: 700;\n }\n\n .JumpNotice__Description--inline {\n font-size: var(--jump-notice-text-font-size);\n font-weight: 400;\n margin: 0;\n }\n}","import { Component, Host, Prop, h, Event, EventEmitter, State } from '@stencil/core';\n\n@Component({\n tag: 'jump-notice',\n styleUrl: 'jump-notice.scss',\n shadow: true,\n})\nexport class JumpNotice {\n\n /**\n * MANCA DA GESTIRE LA CHIUSURA DELLA NOTIFICA\n * MANCA DA GESTIRE LA PROPRIETà SIZE \n * MANCA DA GESTIRE IL CASO IN CUI IL BG PUò ESSERE BIANCO\n */\n\n host: HTMLElement;\n\n @State() visible: boolean = true;\n\n /**\n * @Prop() id: string;\n * Serve per identificare il componente nel DOM, utile per test o script esterni.\n */\n @Prop() id: string; \n @Prop() title: string;\n @Prop() description: string;\n @Prop() link: string;\n @Prop() linkText: string;\n @Prop() closable: boolean = false; // Serve a mostrare la x di chiusura. logica da implementare\n @Prop() type: string = 'info'; //'info' | 'warning' | 'error' | 'success' \n @Prop() size: string = 'large'; // 'small' |'large'\n\n @Event({ eventName: 'jump-notice-close' }) closeNoticeEv: EventEmitter;\n\n closeNotice(){\n let data = {\n id: this.id\n }\n this.closeNoticeEv.emit(data);\n this.visible = false;\n }\n\n render() {\n console.log('closable', this.closable, this.visible);\n if (!this.visible) return null;\n return (\n <Host ref={(host: HTMLElement) => this.host = host}>\n <div class={`JumpNotice__Wrapper JumpNotice__Wrapper--${this.type} JumpNotice__Wrapper--${this.size}`}>\n <div class=\"JumpNotice__Icon\">\n {this.type === 'info' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-info\" size=\"medium\"></jump-icon>}\n {this.type === 'warning' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'error' && <jump-icon library=\"fa\" category=\"solid\" name=\"triangle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'success' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-check\" size=\"medium\"></jump-icon>}\n </div>\n <div class=\"JumpNotice__Content\">\n {this.size === 'small' ? (\n <span class=\"JumpNotice__Inline\">\n {this.title && <span class=\"JumpNotice__Title--inline\">{this.title}</span>}\n {this.description && <span class=\"JumpNotice__Description--inline\">{this.description}</span>}\n </span>\n ) : (\n <div class=\"JumpNotice__Large\">\n {this.title && <p class=\"JumpNotice__Title\">{this.title}</p>}\n {this.description && <p class=\"JumpNotice__Description\">{this.description}</p>}\n </div>\n )}\n {this.link && <jump-button size=\"small\" text href={this.link} target=\"_blank\"> <jump-icon slot=\"suffix\" name=\"arrow-right\"></jump-icon> {this.linkText} </jump-button>}\n </div>\n {/* {this.closable &&\n <div class=\"JumpNotice__Close\">\n <jump-button onClick={() => this.closeNotice()} variant=\"primary\" text size=\"small\" name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\" id=\"button\" only-icon> <jump-icon slot=\"suffix\" library=\"fa\" category=\"regular\" name=\"xmark\" size=\"medium\"></jump-icon> </jump-button>\n </div>\n } */}\n </div>\n </Host>\n );\n }\n\n}\n"],"version":3}
package/dist/esm/jump-design-system.js CHANGED
@@ -16,7 +16,7 @@ var patchBrowser = () => {
16
16
 
17
17
  patchBrowser().then(async (options) => {
18
18
  await globalScripts();
19
- return bootstrapLazy([["jump-card-ecommerce",[[1,"jump-card-ecommerce",{"onlyIconButton":[4,"only-icon-button"],"hasBackground":[4,"has-background"],"badge":[1],"favorite":[1540],"hasFavorite":[4,"has-favorite"],"hasSlotForFavorite":[4,"has-slot-for-favorite"],"hasSlotAddToCart":[4,"has-slot-add-to-cart"],"link":[1],"img":[1],"imgAlt":[1,"img-alt"],"hoverImg":[1,"hover-img"],"hoverImgAlt":[1,"hover-img-alt"],"videoSrc":[1,"video-src"],"notificationUrl":[1,"notification-url"],"notificationText":[1,"notification-text"],"productName":[1,"product-name"],"subtitle":[1],"productId":[1,"product-id"],"price":[2],"salePrice":[2,"sale-price"],"currency":[1],"addToCartColor":[1,"add-to-cart-color"],"badgeColor":[1,"badge-color"],"outOfStock":[1540,"out-of-stock"],"outOfStockText":[1,"out-of-stock-text"],"addToCartText":[1,"add-to-cart-text"],"waitingListText":[1,"waiting-list-text"],"addToWaitingList":[4,"add-to-waiting-list"],"isMini":[4,"is-mini"],"disallowAddToCart":[4,"disallow-add-to-cart"],"disallowAddToCartLabel":[1,"disallow-add-to-cart-label"],"enableZoom":[4,"enable-zoom"],"imageObjectFit":[1,"image-object-fit"],"autoSelectFirstVariation":[4,"auto-select-first-variation"],"addedToCart":[4,"added-to-cart"],"endAddedToCart":[4,"end-added-to-cart"],"variations":[32],"selectedVariation":[32],"priceFormatted":[32],"salePriceFormatted":[32],"optionsOrdered":[32],"setPrice":[64],"forceVariationsOrder":[64],"selectVariation":[64],"selectFirstVariation":[64],"getSelectedVariation":[64]},[[0,"jump-card-ecommerce-option-connected","addOption"]]]]],["jump-filter",[[1,"jump-filter",{"direction":[1],"filterHeading":[1,"filter-heading"],"filterButtonLabel":[1,"filter-button-label"],"filterButtonIcon":[1,"filter-button-icon"],"mobileThreshold":[2,"mobile-threshold"],"filters":[8],"showCount":[4,"show-count"],"offCanvasOverlay":[4,"off-canvas-overlay"],"activeFilters":[32],"showMobileFilters":[32],"isMobile":[32],"offCanvasClasses":[32],"getFilters":[64]},[[0,"jump-filterchange","filterChangeHandler"],[9,"resize","handleResize"]],{"showMobileFilters":["watchHandler"]}]]],["jump-filtergroup",[[1,"jump-filtergroup",{"name":[1],"heading":[1],"otherLabel":[1,"other-label"],"lessLabel":[1,"less-label"],"maxElements":[2,"max-elements"],"variant":[1],"label":[32],"values":[32],"value":[32],"slotItems":[32],"inputs":[32],"showMore":[32],"getValues":[64],"getActiveAmount":[64],"getInputs":[64],"getName":[64]},null,{"showMore":["watchShowMore"]}]]],["jump-navbar",[[1,"jump-navbar",{"logo":[16],"navItems":[16],"secondaryNavItems":[16],"mobileThreshold":[2,"mobile-threshold"],"type":[1],"navPosition":[1,"nav-position"],"megaMenuAlignment":[1,"mega-menu-alignment"],"sticky":[4],"stickyThreshold":[2,"sticky-threshold"],"mobileLogo":[16],"user":[16],"isMobile":[32]},[[9,"resize","handleResize"]]]]],["jump-notice",[[1,"jump-notice",{"id":[1],"title":[1],"description":[1],"link":[1],"linkText":[1,"link-text"],"closable":[4],"type":[1],"visible":[32]}]]],["jump-pagination",[[1,"jump-pagination",{"pagLabel":[1,"pag-label"],"last":[2],"showFirstAndLast":[4,"show-first-and-last"],"current":[32]},null,{"current":["watchcurrent"]}]]],["jump-pagination-table",[[0,"jump-pagination-table",{"elementsRanges":[1,"elements-ranges"],"elPerPage":[2,"el-per-page"],"pagLabel":[513,"pag-label"],"labelElementsPerPage":[513,"label-elements-per-page"],"total":[514],"first":[514],"last":[514],"showFirstAndLast":[516,"show-first-and-last"],"elementsRangesArray":[32]},null,{"elementsRanges":["elementsRangesChanged"],"elPerPage":["elPerPageChanged"]}]]],["jump-quantity",[[65,"jump-quantity",{"min":[2],"max":[2],"step":[2],"label":[1],"type":[1],"variant":[1],"showButtons":[4,"show-buttons"],"value":[2],"internalValue":[32],"getValue":[64],"setMax":[64],"reset":[64]},null,{"value":["onValueChange"]}]]],["jump-search-bar",[[1,"jump-search-bar",{"searchValue":[1025,"search-value"],"placeholder":[1],"noResultText":[1,"no-result-text"],"loadingText":[1,"loading-text"],"resultsText":[1,"results-text"],"showAllResText":[1,"show-all-res-text"],"identifier":[1],"debounceTime":[2,"debounce-time"],"variant":[1],"withBtn":[4,"with-btn"],"recentsTitle":[1,"recents-title"],"recents":[16],"results":[16],"dropdown":[4],"linearIconOnly":[4,"linear-icon-only"],"dropdownPosition":[1,"dropdown-position"],"dropdownVisible":[32],"resType":[32],"innerResults":[32],"totalResults":[32],"isExpanded":[32],"setResults":[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{"searchValue":["searchValueChanged"]}]]],["jump-search-bar-mobile",[[1,"jump-search-bar-mobile",{"identifier":[1],"placeholder":[1],"recents":[16],"recentsTitle":[1,"recents-title"],"debounceTime":[2,"debounce-time"],"loadingText":[1,"loading-text"],"noResultText":[1,"no-result-text"],"results":[16],"resultsText":[1,"results-text"],"showAllResText":[1,"show-all-res-text"],"isOpen":[32],"innerResults":[32],"totalResults":[32],"resType":[32],"searchValue":[32],"setResults":[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{"searchValue":["searchValueChanged"]}]]],["jump-accordion",[[1,"jump-accordion",{"variant":[1],"summary":[1],"disabled":[4],"open":[516],"icon":[1],"identifier":[1]},[[0,"sl-show","handleShow"]]]]],["jump-side-cart",[[1,"jump-side-cart",{"isOpen":[4,"is-open"],"position":[1],"items":[16],"discountThreshold":[16],"freeShippingThreshold":[2,"free-shipping-threshold"],"progressPercentage":[2,"progress-percentage"],"checkoutLabel":[1,"checkout-label"],"viewCartLabel":[1,"view-cart-label"],"shippingInfo":[1,"shipping-info"],"cartItems":[32]}]]],["jump-side-cart-example",[[1,"jump-side-cart-example",{"isCartOpen":[32],"position":[32],"cartItems":[32]}]]],["jump-tab-item",[[1,"jump-tab-item",{"identifier":[1],"iconName":[1,"icon-name"],"iconPosition":[1,"icon-position"],"label":[1],"active":[4],"disabled":[4],"variant":[32]}]]],["jump-accordion-group",[[1,"jump-accordion-group",{"variant":[1],"groupIdentifier":[1,"group-identifier"]}]]],["jump-card",[[4,"jump-card",{"horizontal":[4],"dark":[4],"shadow":[4],"border":[4],"borderRadius":[4,"border-radius"],"topBorderContentRadius":[4,"top-border-content-radius"],"boxed":[4],"roundedMedia":[4,"rounded-media"],"imgSrc":[1,"img-src"],"imgAlt":[1,"img-alt"],"videoSrc":[1,"video-src"]}]]],["jump-card-ecommerce-option",[[1,"jump-card-ecommerce-option",{"code":[1],"imgUrl":[1,"img-url"],"label":[1],"sku":[1],"taxonomy":[1],"order":[2]}]]],["jump-filter-checkbox",[[1,"jump-filter-checkbox",{"value":[1],"label":[1],"checked":[516],"count":[8],"isChecked":[64]}]]],["jump-filter-range",[[1,"jump-filter-range",{"name":[1],"labelMinBefore":[1,"label-min-before"],"labelMinAfter":[1,"label-min-after"],"labelMaxBefore":[1,"label-max-before"],"labelMaxAfter":[1,"label-max-after"],"min":[2],"max":[2],"step":[2],"minVal":[2,"min-val"],"maxVal":[2,"max-val"],"disabled":[516],"internalMinVal":[32],"internalMaxVal":[32],"getValues":[64]},null,{"minVal":["watchMinVal"],"maxVal":["watchMaxVal"]}]]],["jump-filter-select",[[1,"jump-filter-select",{"value":[1537],"placeholder":[1],"label":[1],"name":[1],"options":[1],"disabled":[516],"multiple":[4],"required":[4],"loading":[4],"open":[32],"values":[32],"getSelectedValue":[64],"getSelectedOption":[64],"getValues":[64],"getName":[64],"setValue":[64]}]]],["jump-filter-switch",[[1,"jump-filter-switch",{"value":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[516],"values":[32],"setValue":[64],"isChecked":[64],"getValues":[64],"getName":[64]},null,{"checked":["checkedChanged"]}]]],["jump-search-bar-dropdown-item",[[1,"jump-search-bar-dropdown-item",{"value":[1],"img":[1],"href":[1],"details":[32]}]]],["jump-tab",[[1,"jump-tab",{"disabled":[4],"alignment":[1],"fullBorder":[4,"full-border"],"tabGroupName":[1,"tab-group-name"],"variant":[1]},[[0,"jump-change-active-tab","changeActiveTabHandler"]]]]],["jump-tab-panel",[[1,"jump-tab-panel",{"identifier":[1],"active":[4]}]]],["jump-badge",[[1,"jump-badge",{"label":[1],"variant":[513],"dimension":[513],"soft":[516],"outline":[516]}]]],["jump-button_2",[[1,"jump-button",{"disabled":[4],"variant":[1],"outline":[4],"size":[1],"full":[4],"pill":[4],"text":[4],"onlyIcon":[4,"only-icon"],"href":[1],"target":[1],"type":[1],"name":[1],"value":[1],"ariaLabel":[1,"aria-label"],"class":[1],"buttonId":[1,"button-id"]}],[1,"jump-icon",{"class":[1],"library":[1],"name":[1],"category":[1],"size":[1],"label":[1],"src":[1]}]]]], options);
19
+ return bootstrapLazy([["jump-card-ecommerce",[[1,"jump-card-ecommerce",{"onlyIconButton":[4,"only-icon-button"],"hasBackground":[4,"has-background"],"badge":[1],"favorite":[1540],"hasFavorite":[4,"has-favorite"],"hasSlotForFavorite":[4,"has-slot-for-favorite"],"hasSlotAddToCart":[4,"has-slot-add-to-cart"],"link":[1],"img":[1],"imgAlt":[1,"img-alt"],"hoverImg":[1,"hover-img"],"hoverImgAlt":[1,"hover-img-alt"],"videoSrc":[1,"video-src"],"notificationUrl":[1,"notification-url"],"notificationText":[1,"notification-text"],"productName":[1,"product-name"],"subtitle":[1],"productId":[1,"product-id"],"price":[2],"salePrice":[2,"sale-price"],"currency":[1],"addToCartColor":[1,"add-to-cart-color"],"badgeColor":[1,"badge-color"],"outOfStock":[1540,"out-of-stock"],"outOfStockText":[1,"out-of-stock-text"],"addToCartText":[1,"add-to-cart-text"],"waitingListText":[1,"waiting-list-text"],"addToWaitingList":[4,"add-to-waiting-list"],"isMini":[4,"is-mini"],"disallowAddToCart":[4,"disallow-add-to-cart"],"disallowAddToCartLabel":[1,"disallow-add-to-cart-label"],"enableZoom":[4,"enable-zoom"],"imageObjectFit":[1,"image-object-fit"],"autoSelectFirstVariation":[4,"auto-select-first-variation"],"addedToCart":[4,"added-to-cart"],"endAddedToCart":[4,"end-added-to-cart"],"variations":[32],"selectedVariation":[32],"priceFormatted":[32],"salePriceFormatted":[32],"optionsOrdered":[32],"setPrice":[64],"forceVariationsOrder":[64],"selectVariation":[64],"selectFirstVariation":[64],"getSelectedVariation":[64]},[[0,"jump-card-ecommerce-option-connected","addOption"]]]]],["jump-filter",[[1,"jump-filter",{"direction":[1],"filterHeading":[1,"filter-heading"],"filterButtonLabel":[1,"filter-button-label"],"filterButtonIcon":[1,"filter-button-icon"],"mobileThreshold":[2,"mobile-threshold"],"filters":[8],"showCount":[4,"show-count"],"offCanvasOverlay":[4,"off-canvas-overlay"],"activeFilters":[32],"showMobileFilters":[32],"isMobile":[32],"offCanvasClasses":[32],"getFilters":[64]},[[0,"jump-filterchange","filterChangeHandler"],[9,"resize","handleResize"]],{"showMobileFilters":["watchHandler"]}]]],["jump-filtergroup",[[1,"jump-filtergroup",{"name":[1],"heading":[1],"otherLabel":[1,"other-label"],"lessLabel":[1,"less-label"],"maxElements":[2,"max-elements"],"variant":[1],"label":[32],"values":[32],"value":[32],"slotItems":[32],"inputs":[32],"showMore":[32],"getValues":[64],"getActiveAmount":[64],"getInputs":[64],"getName":[64]},null,{"showMore":["watchShowMore"]}]]],["jump-navbar",[[1,"jump-navbar",{"logo":[16],"navItems":[16],"secondaryNavItems":[16],"mobileThreshold":[2,"mobile-threshold"],"type":[1],"navPosition":[1,"nav-position"],"megaMenuAlignment":[1,"mega-menu-alignment"],"sticky":[4],"stickyThreshold":[2,"sticky-threshold"],"mobileLogo":[16],"user":[16],"isMobile":[32]},[[9,"resize","handleResize"]]]]],["jump-notice",[[1,"jump-notice",{"id":[1],"title":[1],"description":[1],"link":[1],"linkText":[1,"link-text"],"closable":[4],"type":[1],"size":[1],"visible":[32]}]]],["jump-pagination",[[1,"jump-pagination",{"pagLabel":[1,"pag-label"],"last":[2],"showFirstAndLast":[4,"show-first-and-last"],"current":[32]},null,{"current":["watchcurrent"]}]]],["jump-pagination-table",[[0,"jump-pagination-table",{"elementsRanges":[1,"elements-ranges"],"elPerPage":[2,"el-per-page"],"pagLabel":[513,"pag-label"],"labelElementsPerPage":[513,"label-elements-per-page"],"total":[514],"first":[514],"last":[514],"showFirstAndLast":[516,"show-first-and-last"],"elementsRangesArray":[32]},null,{"elementsRanges":["elementsRangesChanged"],"elPerPage":["elPerPageChanged"]}]]],["jump-quantity",[[65,"jump-quantity",{"min":[2],"max":[2],"step":[2],"label":[1],"type":[1],"variant":[1],"showButtons":[4,"show-buttons"],"value":[2],"internalValue":[32],"getValue":[64],"setMax":[64],"reset":[64]},null,{"value":["onValueChange"]}]]],["jump-search-bar",[[1,"jump-search-bar",{"searchValue":[1025,"search-value"],"placeholder":[1],"noResultText":[1,"no-result-text"],"loadingText":[1,"loading-text"],"resultsText":[1,"results-text"],"showAllResText":[1,"show-all-res-text"],"identifier":[1],"debounceTime":[2,"debounce-time"],"variant":[1],"withBtn":[4,"with-btn"],"recentsTitle":[1,"recents-title"],"recents":[16],"results":[16],"dropdown":[4],"linearIconOnly":[4,"linear-icon-only"],"dropdownPosition":[1,"dropdown-position"],"dropdownVisible":[32],"resType":[32],"innerResults":[32],"totalResults":[32],"isExpanded":[32],"setResults":[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{"searchValue":["searchValueChanged"]}]]],["jump-search-bar-mobile",[[1,"jump-search-bar-mobile",{"identifier":[1],"placeholder":[1],"recents":[16],"recentsTitle":[1,"recents-title"],"debounceTime":[2,"debounce-time"],"loadingText":[1,"loading-text"],"noResultText":[1,"no-result-text"],"results":[16],"resultsText":[1,"results-text"],"showAllResText":[1,"show-all-res-text"],"isOpen":[32],"innerResults":[32],"totalResults":[32],"resType":[32],"searchValue":[32],"setResults":[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{"searchValue":["searchValueChanged"]}]]],["jump-accordion",[[1,"jump-accordion",{"variant":[1],"summary":[1],"disabled":[4],"open":[516],"icon":[1],"identifier":[1]},[[0,"sl-show","handleShow"]]]]],["jump-side-cart",[[1,"jump-side-cart",{"isOpen":[4,"is-open"],"position":[1],"items":[16],"discountThreshold":[16],"freeShippingThreshold":[2,"free-shipping-threshold"],"progressPercentage":[2,"progress-percentage"],"checkoutLabel":[1,"checkout-label"],"viewCartLabel":[1,"view-cart-label"],"shippingInfo":[1,"shipping-info"],"cartItems":[32]}]]],["jump-side-cart-example",[[1,"jump-side-cart-example",{"isCartOpen":[32],"position":[32],"cartItems":[32]}]]],["jump-tab-item",[[1,"jump-tab-item",{"identifier":[1],"iconName":[1,"icon-name"],"iconPosition":[1,"icon-position"],"label":[1],"active":[4],"disabled":[4],"variant":[32]}]]],["jump-accordion-group",[[1,"jump-accordion-group",{"variant":[1],"groupIdentifier":[1,"group-identifier"]}]]],["jump-card",[[4,"jump-card",{"horizontal":[4],"dark":[4],"shadow":[4],"border":[4],"borderRadius":[4,"border-radius"],"topBorderContentRadius":[4,"top-border-content-radius"],"boxed":[4],"roundedMedia":[4,"rounded-media"],"imgSrc":[1,"img-src"],"imgAlt":[1,"img-alt"],"videoSrc":[1,"video-src"]}]]],["jump-card-ecommerce-option",[[1,"jump-card-ecommerce-option",{"code":[1],"imgUrl":[1,"img-url"],"label":[1],"sku":[1],"taxonomy":[1],"order":[2]}]]],["jump-filter-checkbox",[[1,"jump-filter-checkbox",{"value":[1],"label":[1],"checked":[516],"count":[8],"isChecked":[64]}]]],["jump-filter-range",[[1,"jump-filter-range",{"name":[1],"labelMinBefore":[1,"label-min-before"],"labelMinAfter":[1,"label-min-after"],"labelMaxBefore":[1,"label-max-before"],"labelMaxAfter":[1,"label-max-after"],"min":[2],"max":[2],"step":[2],"minVal":[2,"min-val"],"maxVal":[2,"max-val"],"disabled":[516],"internalMinVal":[32],"internalMaxVal":[32],"getValues":[64]},null,{"minVal":["watchMinVal"],"maxVal":["watchMaxVal"]}]]],["jump-filter-select",[[1,"jump-filter-select",{"value":[1537],"placeholder":[1],"label":[1],"name":[1],"options":[1],"disabled":[516],"multiple":[4],"required":[4],"loading":[4],"open":[32],"values":[32],"getSelectedValue":[64],"getSelectedOption":[64],"getValues":[64],"getName":[64],"setValue":[64]}]]],["jump-filter-switch",[[1,"jump-filter-switch",{"value":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[516],"values":[32],"setValue":[64],"isChecked":[64],"getValues":[64],"getName":[64]},null,{"checked":["checkedChanged"]}]]],["jump-search-bar-dropdown-item",[[1,"jump-search-bar-dropdown-item",{"value":[1],"img":[1],"href":[1],"details":[32]}]]],["jump-tab",[[1,"jump-tab",{"disabled":[4],"alignment":[1],"fullBorder":[4,"full-border"],"tabGroupName":[1,"tab-group-name"],"variant":[1]},[[0,"jump-change-active-tab","changeActiveTabHandler"]]]]],["jump-tab-panel",[[1,"jump-tab-panel",{"identifier":[1],"active":[4]}]]],["jump-badge",[[1,"jump-badge",{"label":[1],"variant":[513],"dimension":[513],"soft":[516],"outline":[516]}]]],["jump-button_2",[[1,"jump-button",{"disabled":[4],"variant":[1],"outline":[4],"size":[1],"full":[4],"pill":[4],"text":[4],"onlyIcon":[4,"only-icon"],"href":[1],"target":[1],"type":[1],"name":[1],"value":[1],"ariaLabel":[1,"aria-label"],"class":[1],"buttonId":[1,"button-id"]}],[1,"jump-icon",{"class":[1],"library":[1],"name":[1],"category":[1],"size":[1],"label":[1],"src":[1]}]]]], options);
20
20
  });
21
21
 
22
22
  //# sourceMappingURL=jump-design-system.js.map
package/dist/esm/jump-notice.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host } from './index-a94b3471.js';
2
2
 
3
- const jumpNoticeCss = ":host{--jump-notice-info-text-color:var(--status-interaction-standard, #2C6ECB);--jump-notice-info-bg-color:var(--status-interaction-soft, #F2F7FE);--jump-notice-warning-text-color:var(--status-warning-standard, #D8A800);--jump-notice-warning-bg-color:var(--status-warning-soft, #FFF8E6);--jump-notice-error-text-color:var(--status-error-standard, #D80000);--jump-notice-error-bg-color:var(--status-error-soft, #FFF0F0);--jump-notice-success-text-color:var(--status-success-standard, #007A00);--jump-notice-success-bg-color:var(--status-success-soft, #EFF8E6);--jump-notice-text-font-size:var(--fs-400, 14px);--jump-notice-title-font-size:var(--fs-500, 18px);--jump-notice-max-width:600px;font-family:var(--ff-primary, \"Arial\"), sans-serif;max-width:var(--jump-notice-max-width)}.JumpNotice__Wrapper{padding:16px;border-radius:3px;border-left-width:6px;border-left-style:solid;display:flex;gap:16px}.JumpNotice__Wrapper--info{border-left-color:var(--jump-notice-info-text-color);color:var(--jump-notice-info-text-color);background-color:var(--jump-notice-info-bg-color)}.JumpNotice__Wrapper--warning{border-left-color:var(--jump-notice-warning-text-color);color:var(--jump-notice-warning-text-color);background-color:var(--jump-notice-warning-bg-color)}.JumpNotice__Wrapper--error{border-left-color:var(--jump-notice-error-text-color);color:var(--jump-notice-error-text-color);background-color:var(--jump-notice-error-bg-color)}.JumpNotice__Wrapper--success{border-left-color:var(--jump-notice-success-text-color);color:var(--jump-notice-success-text-color);background-color:var(--jump-notice-success-bg-color)}.JumpNotice__Content{display:flex;flex-direction:column;gap:8px}.JumpNotice__Content .JumpNotice__Title{font-size:var(--jump-notice-title-font-size);font-weight:700;margin:0px}.JumpNotice__Content .JumpNotice__Description{font-size:var(--jump-notice-text-font-size);margin:0}";
3
+ const jumpNoticeCss = ":host{--jump-notice-info-text-color:var(--status-interaction-standard, #2C6ECB);--jump-notice-info-bg-color:var(--status-interaction-soft, #F2F7FE);--jump-notice-warning-text-color:var(--status-warning-standard, #D8A800);--jump-notice-warning-bg-color:var(--status-warning-soft, #FFF8E6);--jump-notice-error-text-color:var(--status-error-standard, #D80000);--jump-notice-error-bg-color:var(--status-error-soft, #FFF0F0);--jump-notice-success-text-color:var(--status-success-standard, #007A00);--jump-notice-success-bg-color:var(--status-success-soft, #EFF8E6);--jump-notice-text-font-size:var(--fs-400, 14px);--jump-notice-title-font-size:var(--fs-500, 18px);--jump-notice-max-width:600px;font-family:var(--ff-primary, \"Arial\"), sans-serif;max-width:var(--jump-notice-max-width)}.JumpNotice__Wrapper{padding:16px;border-radius:3px;border-left-width:6px;border-left-style:solid;display:flex;gap:16px}.JumpNotice__Wrapper--info{border-left-color:var(--jump-notice-info-text-color);color:var(--jump-notice-info-text-color);background-color:var(--jump-notice-info-bg-color);--jump-button-background:var(--jump-notice-info-text-color)}.JumpNotice__Wrapper--warning{border-left-color:var(--jump-notice-warning-text-color);color:var(--jump-notice-warning-text-color);background-color:var(--jump-notice-warning-bg-color);--jump-button-background:var(--jump-notice-warning-text-color)}.JumpNotice__Wrapper--error{border-left-color:var(--jump-notice-error-text-color);color:var(--jump-notice-error-text-color);background-color:var(--jump-notice-error-bg-color);--jump-button-background:var(--jump-notice-error-text-color)}.JumpNotice__Wrapper--success{border-left-color:var(--jump-notice-success-text-color);color:var(--jump-notice-success-text-color);background-color:var(--jump-notice-success-bg-color);--jump-button-background:var(--jump-notice-success-text-color)}.JumpNotice__Content{display:flex;flex-direction:column;gap:8px}.JumpNotice__Content .JumpNotice__Title{font-size:var(--jump-notice-title-font-size);font-weight:700;margin:0px}.JumpNotice__Content .JumpNotice__Description{font-size:var(--jump-notice-text-font-size);margin:0}.JumpNotice__Content .JumpNotice__Inline{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:var(--jump-notice-text-font-size);font-weight:400}.JumpNotice__Content .JumpNotice__Large{display:flex;flex-direction:column;gap:0.25rem}.JumpNotice__Content .JumpNotice__Title--inline{font-size:var(--jump-notice-text-font-size);font-weight:700}.JumpNotice__Content .JumpNotice__Description--inline{font-size:var(--jump-notice-text-font-size);font-weight:400;margin:0}";
4
4
  const JumpNoticeStyle0 = jumpNoticeCss;
5
5
 
6
6
  const JumpNotice = class {
@@ -15,6 +15,7 @@ const JumpNotice = class {
15
15
  this.linkText = undefined;
16
16
  this.closable = false;
17
17
  this.type = 'info';
18
+ this.size = 'large';
18
19
  }
19
20
  closeNotice() {
20
21
  let data = {
@@ -27,7 +28,7 @@ const JumpNotice = class {
27
28
  console.log('closable', this.closable, this.visible);
28
29
  if (!this.visible)
29
30
  return null;
30
- return (h(Host, { ref: (host) => this.host = host }, h("div", { class: `JumpNotice__Wrapper JumpNotice__Wrapper--${this.type}` }, h("div", { class: "JumpNotice__Icon" }, this.type === 'info' && h("jump-icon", { library: "fa", category: "solid", name: "circle-info", size: "medium" }), this.type === 'warning' && h("jump-icon", { library: "fa", category: "solid", name: "circle-exclamation", size: "medium" }), this.type === 'error' && h("jump-icon", { library: "fa", category: "solid", name: "triangle-exclamation", size: "medium" }), this.type === 'success' && h("jump-icon", { library: "fa", category: "solid", name: "circle-check", size: "medium" })), h("div", { class: "JumpNotice__Content" }, this.title && h("p", { class: "JumpNotice__Title" }, this.title), this.description && h("p", { class: "JumpNotice__Description" }, this.description), this.link && h("jump-button", { variant: "primary", size: "small", text: true, href: this.link, target: "_blank" }, " ", h("jump-icon", { slot: "suffix", name: "arrow-right" }), " ", this.linkText, " ")))));
31
+ return (h(Host, { ref: (host) => this.host = host }, h("div", { class: `JumpNotice__Wrapper JumpNotice__Wrapper--${this.type} JumpNotice__Wrapper--${this.size}` }, h("div", { class: "JumpNotice__Icon" }, this.type === 'info' && h("jump-icon", { library: "fa", category: "solid", name: "circle-info", size: "medium" }), this.type === 'warning' && h("jump-icon", { library: "fa", category: "solid", name: "circle-exclamation", size: "medium" }), this.type === 'error' && h("jump-icon", { library: "fa", category: "solid", name: "triangle-exclamation", size: "medium" }), this.type === 'success' && h("jump-icon", { library: "fa", category: "solid", name: "circle-check", size: "medium" })), h("div", { class: "JumpNotice__Content" }, this.size === 'small' ? (h("span", { class: "JumpNotice__Inline" }, this.title && h("span", { class: "JumpNotice__Title--inline" }, this.title), this.description && h("span", { class: "JumpNotice__Description--inline" }, this.description))) : (h("div", { class: "JumpNotice__Large" }, this.title && h("p", { class: "JumpNotice__Title" }, this.title), this.description && h("p", { class: "JumpNotice__Description" }, this.description))), this.link && h("jump-button", { size: "small", text: true, href: this.link, target: "_blank" }, " ", h("jump-icon", { slot: "suffix", name: "arrow-right" }), " ", this.linkText, " ")))));
31
32
  }
32
33
  };
33
34
  JumpNotice.style = JumpNoticeStyle0;
package/dist/esm/jump-notice.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"jump-notice.entry.js","mappings":";;AAAA,MAAM,aAAa,GAAG,k2DAAk2D,CAAC;AACz3D,yBAAe,aAAa;;MCMf,UAAU;;;;uBAIO,IAAI;;;;;;wBAWJ,KAAK;oBACV,MAAM;;IAI7B,WAAW;QACT,IAAI,IAAI,GAAG;YACT,EAAE,EAAE,IAAI,CAAC,EAAE;SACZ,CAAA;QACD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACtB;IAED,MAAM;QACJ,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QACrD,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC/B,QACE,EAAC,IAAI,IAAC,GAAG,EAAE,CAAC,IAAiB,KAAK,IAAI,CAAC,IAAI,GAAG,IAAI,IAChD,WAAK,KAAK,EAAE,4CAA4C,IAAI,CAAC,IAAI,EAAE,IACjE,WAAK,KAAK,EAAC,kBAAkB,IAC1B,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,GAAa,EAC9G,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAC,QAAQ,GAAa,EACxH,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,sBAAsB,EAAC,IAAI,EAAC,QAAQ,GAAa,EACxH,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,GAAa,CAC/G,EACN,WAAK,KAAK,EAAC,qBAAqB,IAC7B,IAAI,CAAC,KAAK,IAAI,SAAG,KAAK,EAAC,mBAAmB,IAAE,IAAI,CAAC,KAAK,CAAK,EAC3D,IAAI,CAAC,WAAW,IAAI,SAAG,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,WAAW,CAAK,EAC7E,IAAI,CAAC,IAAI,IAAI,mBAAa,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,QAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,SAAE,iBAAW,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,aAAa,GAAa,OAAE,IAAI,CAAC,QAAQ,MAAgB,CACpL,CAMF,CACD,EACP;KACH;;;;;;","names":[],"sources":["src/components/jump-notice/jump-notice.scss?tag=jump-notice&encapsulation=shadow","src/components/jump-notice/jump-notice.tsx"],"sourcesContent":[":host {\n --jump-notice-info-text-color: var(--status-interaction-standard, #2C6ECB);\n --jump-notice-info-bg-color: var(--status-interaction-soft, #F2F7FE);\n --jump-notice-warning-text-color: var(--status-warning-standard, #D8A800);\n --jump-notice-warning-bg-color: var(--status-warning-soft, #FFF8E6);\n --jump-notice-error-text-color: var(--status-error-standard, #D80000);\n --jump-notice-error-bg-color: var(--status-error-soft, #FFF0F0);\n --jump-notice-success-text-color: var(--status-success-standard, #007A00);\n --jump-notice-success-bg-color: var(--status-success-soft, #EFF8E6);\n --jump-notice-text-font-size: var(--fs-400, 14px);\n --jump-notice-title-font-size: var(--fs-500, 18px);\n --jump-notice-max-width: 600px;\n\n font-family: var(--ff-primary, 'Arial'), sans-serif;\n max-width: var(--jump-notice-max-width);\n\n}\n\n.JumpNotice__Wrapper {\n\n padding: 16px;\n border-radius: 3px;\n border-left-width: 6px;\n border-left-style: solid;\n display: flex;\n gap: 16px;\n\n &--info {\n border-left-color: var(--jump-notice-info-text-color);\n color: var(--jump-notice-info-text-color);\n background-color: var(--jump-notice-info-bg-color);\n }\n\n &--warning {\n border-left-color: var(--jump-notice-warning-text-color);\n color: var(--jump-notice-warning-text-color);\n background-color: var(--jump-notice-warning-bg-color);\n }\n\n &--error {\n border-left-color: var(--jump-notice-error-text-color);\n color: var(--jump-notice-error-text-color);\n background-color: var(--jump-notice-error-bg-color);\n }\n\n &--success {\n border-left-color: var(--jump-notice-success-text-color);\n color: var(--jump-notice-success-text-color);\n background-color: var(--jump-notice-success-bg-color);\n }\n\n \n}\n\n.JumpNotice__Content {\n display: flex;\n flex-direction: column;\n gap: 8px;\n\n .JumpNotice__Title {\n font-size: var(--jump-notice-title-font-size);\n font-weight: 700;\n margin: 0px;\n }\n\n .JumpNotice__Description {\n font-size: var(--jump-notice-text-font-size);\n margin: 0;\n }\n}","import { Component, Host, Prop, h, Event, EventEmitter, State } from '@stencil/core';\n\n@Component({\n tag: 'jump-notice',\n styleUrl: 'jump-notice.scss',\n shadow: true,\n})\nexport class JumpNotice {\n\n host: HTMLElement;\n\n @State() visible: boolean = true;\n\n /**\n * @Prop() id: string;\n * Serve per identificare il componente nel DOM, utile per test o script esterni.\n */\n @Prop() id: string; \n @Prop() title: string;\n @Prop() description: string;\n @Prop() link: string;\n @Prop() linkText: string;\n @Prop() closable: boolean = false; // Serve a mostrare la x di chiusura. logica da implementare\n @Prop() type: string = 'info'; //'info' | 'warning' | 'error' | 'success' \n\n @Event({ eventName: 'jump-notice-close' }) closeNoticeEv: EventEmitter;\n\n closeNotice(){\n let data = {\n id: this.id\n }\n this.closeNoticeEv.emit(data);\n this.visible = false;\n }\n\n render() {\n console.log('closable', this.closable, this.visible);\n if (!this.visible) return null;\n return (\n <Host ref={(host: HTMLElement) => this.host = host}>\n <div class={`JumpNotice__Wrapper JumpNotice__Wrapper--${this.type}`}>\n <div class=\"JumpNotice__Icon\">\n {this.type === 'info' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-info\" size=\"medium\"></jump-icon>}\n {this.type === 'warning' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'error' && <jump-icon library=\"fa\" category=\"solid\" name=\"triangle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'success' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-check\" size=\"medium\"></jump-icon>}\n </div>\n <div class=\"JumpNotice__Content\">\n {this.title && <p class=\"JumpNotice__Title\">{this.title}</p>}\n {this.description && <p class=\"JumpNotice__Description\">{this.description}</p>}\n {this.link && <jump-button variant=\"primary\" size=\"small\" text href={this.link} target=\"_blank\"> <jump-icon slot=\"suffix\" name=\"arrow-right\"></jump-icon> {this.linkText} </jump-button>}\n </div>\n {/* {this.closable &&\n <div class=\"JumpNotice__Close\">\n <jump-button onClick={() => this.closeNotice()} variant=\"primary\" text size=\"small\" name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\" id=\"button\" only-icon> <jump-icon slot=\"suffix\" library=\"fa\" category=\"regular\" name=\"xmark\" size=\"medium\"></jump-icon> </jump-button>\n </div>\n } */}\n </div>\n </Host>\n );\n }\n\n}\n"],"version":3}
1
+ {"file":"jump-notice.entry.js","mappings":";;AAAA,MAAM,aAAa,GAAG,ujFAAujF,CAAC;AAC9kF,yBAAe,aAAa;;MCMf,UAAU;;;;uBAUO,IAAI;;;;;;wBAWJ,KAAK;oBACV,MAAM;oBACN,OAAO;;IAI9B,WAAW;QACT,IAAI,IAAI,GAAG;YACT,EAAE,EAAE,IAAI,CAAC,EAAE;SACZ,CAAA;QACD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACtB;IAED,MAAM;QACJ,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QACrD,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC/B,QACE,EAAC,IAAI,IAAC,GAAG,EAAE,CAAC,IAAiB,KAAK,IAAI,CAAC,IAAI,GAAG,IAAI,IAChD,WAAK,KAAK,EAAE,4CAA4C,IAAI,CAAC,IAAI,yBAAyB,IAAI,CAAC,IAAI,EAAE,IACnG,WAAK,KAAK,EAAC,kBAAkB,IAC1B,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,GAAa,EAC9G,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,oBAAoB,EAAC,IAAI,EAAC,QAAQ,GAAa,EACxH,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,sBAAsB,EAAC,IAAI,EAAC,QAAQ,GAAa,EACxH,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,iBAAW,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,GAAa,CAC/G,EACN,WAAK,KAAK,EAAC,qBAAqB,IAC7B,IAAI,CAAC,IAAI,KAAK,OAAO,IACpB,YAAM,KAAK,EAAC,oBAAoB,IAC7B,IAAI,CAAC,KAAK,IAAI,YAAM,KAAK,EAAC,2BAA2B,IAAE,IAAI,CAAC,KAAK,CAAQ,EACzE,IAAI,CAAC,WAAW,IAAI,YAAM,KAAK,EAAC,iCAAiC,IAAE,IAAI,CAAC,WAAW,CAAQ,CACvF,KAEP,WAAK,KAAK,EAAC,mBAAmB,IAC3B,IAAI,CAAC,KAAK,IAAI,SAAG,KAAK,EAAC,mBAAmB,IAAE,IAAI,CAAC,KAAK,CAAK,EAC3D,IAAI,CAAC,WAAW,IAAI,SAAG,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,WAAW,CAAK,CAC1E,CACP,EACA,IAAI,CAAC,IAAI,IAAI,mBAAa,IAAI,EAAC,OAAO,EAAC,IAAI,QAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,SAAE,iBAAW,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,aAAa,GAAa,OAAE,IAAI,CAAC,QAAQ,MAAgB,CAClK,CAMF,CACD,EACP;KACH;;;;;;","names":[],"sources":["src/components/jump-notice/jump-notice.scss?tag=jump-notice&encapsulation=shadow","src/components/jump-notice/jump-notice.tsx"],"sourcesContent":[":host {\n --jump-notice-info-text-color: var(--status-interaction-standard, #2C6ECB);\n --jump-notice-info-bg-color: var(--status-interaction-soft, #F2F7FE);\n --jump-notice-warning-text-color: var(--status-warning-standard, #D8A800);\n --jump-notice-warning-bg-color: var(--status-warning-soft, #FFF8E6);\n --jump-notice-error-text-color: var(--status-error-standard, #D80000);\n --jump-notice-error-bg-color: var(--status-error-soft, #FFF0F0);\n --jump-notice-success-text-color: var(--status-success-standard, #007A00);\n --jump-notice-success-bg-color: var(--status-success-soft, #EFF8E6);\n --jump-notice-text-font-size: var(--fs-400, 14px);\n --jump-notice-title-font-size: var(--fs-500, 18px);\n --jump-notice-max-width: 600px;\n\n font-family: var(--ff-primary, 'Arial'), sans-serif;\n max-width: var(--jump-notice-max-width);\n\n}\n\n.JumpNotice__Wrapper {\n\n padding: 16px;\n border-radius: 3px;\n border-left-width: 6px;\n border-left-style: solid;\n display: flex;\n gap: 16px;\n\n &--info {\n border-left-color: var(--jump-notice-info-text-color);\n color: var(--jump-notice-info-text-color);\n background-color: var(--jump-notice-info-bg-color);\n --jump-button-background: var(--jump-notice-info-text-color);\n }\n\n &--warning {\n border-left-color: var(--jump-notice-warning-text-color);\n color: var(--jump-notice-warning-text-color);\n background-color: var(--jump-notice-warning-bg-color);\n --jump-button-background: var(--jump-notice-warning-text-color);\n }\n\n &--error {\n border-left-color: var(--jump-notice-error-text-color);\n color: var(--jump-notice-error-text-color);\n background-color: var(--jump-notice-error-bg-color);\n --jump-button-background: var(--jump-notice-error-text-color);\n }\n\n &--success {\n border-left-color: var(--jump-notice-success-text-color);\n color: var(--jump-notice-success-text-color);\n background-color: var(--jump-notice-success-bg-color);\n --jump-button-background: var(--jump-notice-success-text-color);\n }\n}\n\n.JumpNotice__Content {\n display: flex;\n flex-direction: column;\n gap: 8px;\n\n .JumpNotice__Title {\n font-size: var(--jump-notice-title-font-size);\n font-weight: 700;\n margin: 0px;\n }\n\n .JumpNotice__Description {\n font-size: var(--jump-notice-text-font-size);\n margin: 0;\n }\n\n .JumpNotice__Inline {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 8px;\n font-size: var(--jump-notice-text-font-size);\n font-weight: 400;\n }\n\n .JumpNotice__Large {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n }\n\n .JumpNotice__Title--inline {\n font-size: var(--jump-notice-text-font-size);\n font-weight: 700;\n }\n\n .JumpNotice__Description--inline {\n font-size: var(--jump-notice-text-font-size);\n font-weight: 400;\n margin: 0;\n }\n}","import { Component, Host, Prop, h, Event, EventEmitter, State } from '@stencil/core';\n\n@Component({\n tag: 'jump-notice',\n styleUrl: 'jump-notice.scss',\n shadow: true,\n})\nexport class JumpNotice {\n\n /**\n * MANCA DA GESTIRE LA CHIUSURA DELLA NOTIFICA\n * MANCA DA GESTIRE LA PROPRIETà SIZE \n * MANCA DA GESTIRE IL CASO IN CUI IL BG PUò ESSERE BIANCO\n */\n\n host: HTMLElement;\n\n @State() visible: boolean = true;\n\n /**\n * @Prop() id: string;\n * Serve per identificare il componente nel DOM, utile per test o script esterni.\n */\n @Prop() id: string; \n @Prop() title: string;\n @Prop() description: string;\n @Prop() link: string;\n @Prop() linkText: string;\n @Prop() closable: boolean = false; // Serve a mostrare la x di chiusura. logica da implementare\n @Prop() type: string = 'info'; //'info' | 'warning' | 'error' | 'success' \n @Prop() size: string = 'large'; // 'small' |'large'\n\n @Event({ eventName: 'jump-notice-close' }) closeNoticeEv: EventEmitter;\n\n closeNotice(){\n let data = {\n id: this.id\n }\n this.closeNoticeEv.emit(data);\n this.visible = false;\n }\n\n render() {\n console.log('closable', this.closable, this.visible);\n if (!this.visible) return null;\n return (\n <Host ref={(host: HTMLElement) => this.host = host}>\n <div class={`JumpNotice__Wrapper JumpNotice__Wrapper--${this.type} JumpNotice__Wrapper--${this.size}`}>\n <div class=\"JumpNotice__Icon\">\n {this.type === 'info' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-info\" size=\"medium\"></jump-icon>}\n {this.type === 'warning' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'error' && <jump-icon library=\"fa\" category=\"solid\" name=\"triangle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'success' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-check\" size=\"medium\"></jump-icon>}\n </div>\n <div class=\"JumpNotice__Content\">\n {this.size === 'small' ? (\n <span class=\"JumpNotice__Inline\">\n {this.title && <span class=\"JumpNotice__Title--inline\">{this.title}</span>}\n {this.description && <span class=\"JumpNotice__Description--inline\">{this.description}</span>}\n </span>\n ) : (\n <div class=\"JumpNotice__Large\">\n {this.title && <p class=\"JumpNotice__Title\">{this.title}</p>}\n {this.description && <p class=\"JumpNotice__Description\">{this.description}</p>}\n </div>\n )}\n {this.link && <jump-button size=\"small\" text href={this.link} target=\"_blank\"> <jump-icon slot=\"suffix\" name=\"arrow-right\"></jump-icon> {this.linkText} </jump-button>}\n </div>\n {/* {this.closable &&\n <div class=\"JumpNotice__Close\">\n <jump-button onClick={() => this.closeNotice()} variant=\"primary\" text size=\"small\" name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\" id=\"button\" only-icon> <jump-icon slot=\"suffix\" library=\"fa\" category=\"regular\" name=\"xmark\" size=\"medium\"></jump-icon> </jump-button>\n </div>\n } */}\n </div>\n </Host>\n );\n }\n\n}\n"],"version":3}
package/dist/esm/loader.js CHANGED
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
5
5
  const defineCustomElements = async (win, options) => {
6
6
  if (typeof window === 'undefined') return undefined;
7
7
  await globalScripts();
8
- return bootstrapLazy([["jump-card-ecommerce",[[1,"jump-card-ecommerce",{"onlyIconButton":[4,"only-icon-button"],"hasBackground":[4,"has-background"],"badge":[1],"favorite":[1540],"hasFavorite":[4,"has-favorite"],"hasSlotForFavorite":[4,"has-slot-for-favorite"],"hasSlotAddToCart":[4,"has-slot-add-to-cart"],"link":[1],"img":[1],"imgAlt":[1,"img-alt"],"hoverImg":[1,"hover-img"],"hoverImgAlt":[1,"hover-img-alt"],"videoSrc":[1,"video-src"],"notificationUrl":[1,"notification-url"],"notificationText":[1,"notification-text"],"productName":[1,"product-name"],"subtitle":[1],"productId":[1,"product-id"],"price":[2],"salePrice":[2,"sale-price"],"currency":[1],"addToCartColor":[1,"add-to-cart-color"],"badgeColor":[1,"badge-color"],"outOfStock":[1540,"out-of-stock"],"outOfStockText":[1,"out-of-stock-text"],"addToCartText":[1,"add-to-cart-text"],"waitingListText":[1,"waiting-list-text"],"addToWaitingList":[4,"add-to-waiting-list"],"isMini":[4,"is-mini"],"disallowAddToCart":[4,"disallow-add-to-cart"],"disallowAddToCartLabel":[1,"disallow-add-to-cart-label"],"enableZoom":[4,"enable-zoom"],"imageObjectFit":[1,"image-object-fit"],"autoSelectFirstVariation":[4,"auto-select-first-variation"],"addedToCart":[4,"added-to-cart"],"endAddedToCart":[4,"end-added-to-cart"],"variations":[32],"selectedVariation":[32],"priceFormatted":[32],"salePriceFormatted":[32],"optionsOrdered":[32],"setPrice":[64],"forceVariationsOrder":[64],"selectVariation":[64],"selectFirstVariation":[64],"getSelectedVariation":[64]},[[0,"jump-card-ecommerce-option-connected","addOption"]]]]],["jump-filter",[[1,"jump-filter",{"direction":[1],"filterHeading":[1,"filter-heading"],"filterButtonLabel":[1,"filter-button-label"],"filterButtonIcon":[1,"filter-button-icon"],"mobileThreshold":[2,"mobile-threshold"],"filters":[8],"showCount":[4,"show-count"],"offCanvasOverlay":[4,"off-canvas-overlay"],"activeFilters":[32],"showMobileFilters":[32],"isMobile":[32],"offCanvasClasses":[32],"getFilters":[64]},[[0,"jump-filterchange","filterChangeHandler"],[9,"resize","handleResize"]],{"showMobileFilters":["watchHandler"]}]]],["jump-filtergroup",[[1,"jump-filtergroup",{"name":[1],"heading":[1],"otherLabel":[1,"other-label"],"lessLabel":[1,"less-label"],"maxElements":[2,"max-elements"],"variant":[1],"label":[32],"values":[32],"value":[32],"slotItems":[32],"inputs":[32],"showMore":[32],"getValues":[64],"getActiveAmount":[64],"getInputs":[64],"getName":[64]},null,{"showMore":["watchShowMore"]}]]],["jump-navbar",[[1,"jump-navbar",{"logo":[16],"navItems":[16],"secondaryNavItems":[16],"mobileThreshold":[2,"mobile-threshold"],"type":[1],"navPosition":[1,"nav-position"],"megaMenuAlignment":[1,"mega-menu-alignment"],"sticky":[4],"stickyThreshold":[2,"sticky-threshold"],"mobileLogo":[16],"user":[16],"isMobile":[32]},[[9,"resize","handleResize"]]]]],["jump-notice",[[1,"jump-notice",{"id":[1],"title":[1],"description":[1],"link":[1],"linkText":[1,"link-text"],"closable":[4],"type":[1],"visible":[32]}]]],["jump-pagination",[[1,"jump-pagination",{"pagLabel":[1,"pag-label"],"last":[2],"showFirstAndLast":[4,"show-first-and-last"],"current":[32]},null,{"current":["watchcurrent"]}]]],["jump-pagination-table",[[0,"jump-pagination-table",{"elementsRanges":[1,"elements-ranges"],"elPerPage":[2,"el-per-page"],"pagLabel":[513,"pag-label"],"labelElementsPerPage":[513,"label-elements-per-page"],"total":[514],"first":[514],"last":[514],"showFirstAndLast":[516,"show-first-and-last"],"elementsRangesArray":[32]},null,{"elementsRanges":["elementsRangesChanged"],"elPerPage":["elPerPageChanged"]}]]],["jump-quantity",[[65,"jump-quantity",{"min":[2],"max":[2],"step":[2],"label":[1],"type":[1],"variant":[1],"showButtons":[4,"show-buttons"],"value":[2],"internalValue":[32],"getValue":[64],"setMax":[64],"reset":[64]},null,{"value":["onValueChange"]}]]],["jump-search-bar",[[1,"jump-search-bar",{"searchValue":[1025,"search-value"],"placeholder":[1],"noResultText":[1,"no-result-text"],"loadingText":[1,"loading-text"],"resultsText":[1,"results-text"],"showAllResText":[1,"show-all-res-text"],"identifier":[1],"debounceTime":[2,"debounce-time"],"variant":[1],"withBtn":[4,"with-btn"],"recentsTitle":[1,"recents-title"],"recents":[16],"results":[16],"dropdown":[4],"linearIconOnly":[4,"linear-icon-only"],"dropdownPosition":[1,"dropdown-position"],"dropdownVisible":[32],"resType":[32],"innerResults":[32],"totalResults":[32],"isExpanded":[32],"setResults":[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{"searchValue":["searchValueChanged"]}]]],["jump-search-bar-mobile",[[1,"jump-search-bar-mobile",{"identifier":[1],"placeholder":[1],"recents":[16],"recentsTitle":[1,"recents-title"],"debounceTime":[2,"debounce-time"],"loadingText":[1,"loading-text"],"noResultText":[1,"no-result-text"],"results":[16],"resultsText":[1,"results-text"],"showAllResText":[1,"show-all-res-text"],"isOpen":[32],"innerResults":[32],"totalResults":[32],"resType":[32],"searchValue":[32],"setResults":[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{"searchValue":["searchValueChanged"]}]]],["jump-accordion",[[1,"jump-accordion",{"variant":[1],"summary":[1],"disabled":[4],"open":[516],"icon":[1],"identifier":[1]},[[0,"sl-show","handleShow"]]]]],["jump-side-cart",[[1,"jump-side-cart",{"isOpen":[4,"is-open"],"position":[1],"items":[16],"discountThreshold":[16],"freeShippingThreshold":[2,"free-shipping-threshold"],"progressPercentage":[2,"progress-percentage"],"checkoutLabel":[1,"checkout-label"],"viewCartLabel":[1,"view-cart-label"],"shippingInfo":[1,"shipping-info"],"cartItems":[32]}]]],["jump-side-cart-example",[[1,"jump-side-cart-example",{"isCartOpen":[32],"position":[32],"cartItems":[32]}]]],["jump-tab-item",[[1,"jump-tab-item",{"identifier":[1],"iconName":[1,"icon-name"],"iconPosition":[1,"icon-position"],"label":[1],"active":[4],"disabled":[4],"variant":[32]}]]],["jump-accordion-group",[[1,"jump-accordion-group",{"variant":[1],"groupIdentifier":[1,"group-identifier"]}]]],["jump-card",[[4,"jump-card",{"horizontal":[4],"dark":[4],"shadow":[4],"border":[4],"borderRadius":[4,"border-radius"],"topBorderContentRadius":[4,"top-border-content-radius"],"boxed":[4],"roundedMedia":[4,"rounded-media"],"imgSrc":[1,"img-src"],"imgAlt":[1,"img-alt"],"videoSrc":[1,"video-src"]}]]],["jump-card-ecommerce-option",[[1,"jump-card-ecommerce-option",{"code":[1],"imgUrl":[1,"img-url"],"label":[1],"sku":[1],"taxonomy":[1],"order":[2]}]]],["jump-filter-checkbox",[[1,"jump-filter-checkbox",{"value":[1],"label":[1],"checked":[516],"count":[8],"isChecked":[64]}]]],["jump-filter-range",[[1,"jump-filter-range",{"name":[1],"labelMinBefore":[1,"label-min-before"],"labelMinAfter":[1,"label-min-after"],"labelMaxBefore":[1,"label-max-before"],"labelMaxAfter":[1,"label-max-after"],"min":[2],"max":[2],"step":[2],"minVal":[2,"min-val"],"maxVal":[2,"max-val"],"disabled":[516],"internalMinVal":[32],"internalMaxVal":[32],"getValues":[64]},null,{"minVal":["watchMinVal"],"maxVal":["watchMaxVal"]}]]],["jump-filter-select",[[1,"jump-filter-select",{"value":[1537],"placeholder":[1],"label":[1],"name":[1],"options":[1],"disabled":[516],"multiple":[4],"required":[4],"loading":[4],"open":[32],"values":[32],"getSelectedValue":[64],"getSelectedOption":[64],"getValues":[64],"getName":[64],"setValue":[64]}]]],["jump-filter-switch",[[1,"jump-filter-switch",{"value":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[516],"values":[32],"setValue":[64],"isChecked":[64],"getValues":[64],"getName":[64]},null,{"checked":["checkedChanged"]}]]],["jump-search-bar-dropdown-item",[[1,"jump-search-bar-dropdown-item",{"value":[1],"img":[1],"href":[1],"details":[32]}]]],["jump-tab",[[1,"jump-tab",{"disabled":[4],"alignment":[1],"fullBorder":[4,"full-border"],"tabGroupName":[1,"tab-group-name"],"variant":[1]},[[0,"jump-change-active-tab","changeActiveTabHandler"]]]]],["jump-tab-panel",[[1,"jump-tab-panel",{"identifier":[1],"active":[4]}]]],["jump-badge",[[1,"jump-badge",{"label":[1],"variant":[513],"dimension":[513],"soft":[516],"outline":[516]}]]],["jump-button_2",[[1,"jump-button",{"disabled":[4],"variant":[1],"outline":[4],"size":[1],"full":[4],"pill":[4],"text":[4],"onlyIcon":[4,"only-icon"],"href":[1],"target":[1],"type":[1],"name":[1],"value":[1],"ariaLabel":[1,"aria-label"],"class":[1],"buttonId":[1,"button-id"]}],[1,"jump-icon",{"class":[1],"library":[1],"name":[1],"category":[1],"size":[1],"label":[1],"src":[1]}]]]], options);
8
+ return bootstrapLazy([["jump-card-ecommerce",[[1,"jump-card-ecommerce",{"onlyIconButton":[4,"only-icon-button"],"hasBackground":[4,"has-background"],"badge":[1],"favorite":[1540],"hasFavorite":[4,"has-favorite"],"hasSlotForFavorite":[4,"has-slot-for-favorite"],"hasSlotAddToCart":[4,"has-slot-add-to-cart"],"link":[1],"img":[1],"imgAlt":[1,"img-alt"],"hoverImg":[1,"hover-img"],"hoverImgAlt":[1,"hover-img-alt"],"videoSrc":[1,"video-src"],"notificationUrl":[1,"notification-url"],"notificationText":[1,"notification-text"],"productName":[1,"product-name"],"subtitle":[1],"productId":[1,"product-id"],"price":[2],"salePrice":[2,"sale-price"],"currency":[1],"addToCartColor":[1,"add-to-cart-color"],"badgeColor":[1,"badge-color"],"outOfStock":[1540,"out-of-stock"],"outOfStockText":[1,"out-of-stock-text"],"addToCartText":[1,"add-to-cart-text"],"waitingListText":[1,"waiting-list-text"],"addToWaitingList":[4,"add-to-waiting-list"],"isMini":[4,"is-mini"],"disallowAddToCart":[4,"disallow-add-to-cart"],"disallowAddToCartLabel":[1,"disallow-add-to-cart-label"],"enableZoom":[4,"enable-zoom"],"imageObjectFit":[1,"image-object-fit"],"autoSelectFirstVariation":[4,"auto-select-first-variation"],"addedToCart":[4,"added-to-cart"],"endAddedToCart":[4,"end-added-to-cart"],"variations":[32],"selectedVariation":[32],"priceFormatted":[32],"salePriceFormatted":[32],"optionsOrdered":[32],"setPrice":[64],"forceVariationsOrder":[64],"selectVariation":[64],"selectFirstVariation":[64],"getSelectedVariation":[64]},[[0,"jump-card-ecommerce-option-connected","addOption"]]]]],["jump-filter",[[1,"jump-filter",{"direction":[1],"filterHeading":[1,"filter-heading"],"filterButtonLabel":[1,"filter-button-label"],"filterButtonIcon":[1,"filter-button-icon"],"mobileThreshold":[2,"mobile-threshold"],"filters":[8],"showCount":[4,"show-count"],"offCanvasOverlay":[4,"off-canvas-overlay"],"activeFilters":[32],"showMobileFilters":[32],"isMobile":[32],"offCanvasClasses":[32],"getFilters":[64]},[[0,"jump-filterchange","filterChangeHandler"],[9,"resize","handleResize"]],{"showMobileFilters":["watchHandler"]}]]],["jump-filtergroup",[[1,"jump-filtergroup",{"name":[1],"heading":[1],"otherLabel":[1,"other-label"],"lessLabel":[1,"less-label"],"maxElements":[2,"max-elements"],"variant":[1],"label":[32],"values":[32],"value":[32],"slotItems":[32],"inputs":[32],"showMore":[32],"getValues":[64],"getActiveAmount":[64],"getInputs":[64],"getName":[64]},null,{"showMore":["watchShowMore"]}]]],["jump-navbar",[[1,"jump-navbar",{"logo":[16],"navItems":[16],"secondaryNavItems":[16],"mobileThreshold":[2,"mobile-threshold"],"type":[1],"navPosition":[1,"nav-position"],"megaMenuAlignment":[1,"mega-menu-alignment"],"sticky":[4],"stickyThreshold":[2,"sticky-threshold"],"mobileLogo":[16],"user":[16],"isMobile":[32]},[[9,"resize","handleResize"]]]]],["jump-notice",[[1,"jump-notice",{"id":[1],"title":[1],"description":[1],"link":[1],"linkText":[1,"link-text"],"closable":[4],"type":[1],"size":[1],"visible":[32]}]]],["jump-pagination",[[1,"jump-pagination",{"pagLabel":[1,"pag-label"],"last":[2],"showFirstAndLast":[4,"show-first-and-last"],"current":[32]},null,{"current":["watchcurrent"]}]]],["jump-pagination-table",[[0,"jump-pagination-table",{"elementsRanges":[1,"elements-ranges"],"elPerPage":[2,"el-per-page"],"pagLabel":[513,"pag-label"],"labelElementsPerPage":[513,"label-elements-per-page"],"total":[514],"first":[514],"last":[514],"showFirstAndLast":[516,"show-first-and-last"],"elementsRangesArray":[32]},null,{"elementsRanges":["elementsRangesChanged"],"elPerPage":["elPerPageChanged"]}]]],["jump-quantity",[[65,"jump-quantity",{"min":[2],"max":[2],"step":[2],"label":[1],"type":[1],"variant":[1],"showButtons":[4,"show-buttons"],"value":[2],"internalValue":[32],"getValue":[64],"setMax":[64],"reset":[64]},null,{"value":["onValueChange"]}]]],["jump-search-bar",[[1,"jump-search-bar",{"searchValue":[1025,"search-value"],"placeholder":[1],"noResultText":[1,"no-result-text"],"loadingText":[1,"loading-text"],"resultsText":[1,"results-text"],"showAllResText":[1,"show-all-res-text"],"identifier":[1],"debounceTime":[2,"debounce-time"],"variant":[1],"withBtn":[4,"with-btn"],"recentsTitle":[1,"recents-title"],"recents":[16],"results":[16],"dropdown":[4],"linearIconOnly":[4,"linear-icon-only"],"dropdownPosition":[1,"dropdown-position"],"dropdownVisible":[32],"resType":[32],"innerResults":[32],"totalResults":[32],"isExpanded":[32],"setResults":[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{"searchValue":["searchValueChanged"]}]]],["jump-search-bar-mobile",[[1,"jump-search-bar-mobile",{"identifier":[1],"placeholder":[1],"recents":[16],"recentsTitle":[1,"recents-title"],"debounceTime":[2,"debounce-time"],"loadingText":[1,"loading-text"],"noResultText":[1,"no-result-text"],"results":[16],"resultsText":[1,"results-text"],"showAllResText":[1,"show-all-res-text"],"isOpen":[32],"innerResults":[32],"totalResults":[32],"resType":[32],"searchValue":[32],"setResults":[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{"searchValue":["searchValueChanged"]}]]],["jump-accordion",[[1,"jump-accordion",{"variant":[1],"summary":[1],"disabled":[4],"open":[516],"icon":[1],"identifier":[1]},[[0,"sl-show","handleShow"]]]]],["jump-side-cart",[[1,"jump-side-cart",{"isOpen":[4,"is-open"],"position":[1],"items":[16],"discountThreshold":[16],"freeShippingThreshold":[2,"free-shipping-threshold"],"progressPercentage":[2,"progress-percentage"],"checkoutLabel":[1,"checkout-label"],"viewCartLabel":[1,"view-cart-label"],"shippingInfo":[1,"shipping-info"],"cartItems":[32]}]]],["jump-side-cart-example",[[1,"jump-side-cart-example",{"isCartOpen":[32],"position":[32],"cartItems":[32]}]]],["jump-tab-item",[[1,"jump-tab-item",{"identifier":[1],"iconName":[1,"icon-name"],"iconPosition":[1,"icon-position"],"label":[1],"active":[4],"disabled":[4],"variant":[32]}]]],["jump-accordion-group",[[1,"jump-accordion-group",{"variant":[1],"groupIdentifier":[1,"group-identifier"]}]]],["jump-card",[[4,"jump-card",{"horizontal":[4],"dark":[4],"shadow":[4],"border":[4],"borderRadius":[4,"border-radius"],"topBorderContentRadius":[4,"top-border-content-radius"],"boxed":[4],"roundedMedia":[4,"rounded-media"],"imgSrc":[1,"img-src"],"imgAlt":[1,"img-alt"],"videoSrc":[1,"video-src"]}]]],["jump-card-ecommerce-option",[[1,"jump-card-ecommerce-option",{"code":[1],"imgUrl":[1,"img-url"],"label":[1],"sku":[1],"taxonomy":[1],"order":[2]}]]],["jump-filter-checkbox",[[1,"jump-filter-checkbox",{"value":[1],"label":[1],"checked":[516],"count":[8],"isChecked":[64]}]]],["jump-filter-range",[[1,"jump-filter-range",{"name":[1],"labelMinBefore":[1,"label-min-before"],"labelMinAfter":[1,"label-min-after"],"labelMaxBefore":[1,"label-max-before"],"labelMaxAfter":[1,"label-max-after"],"min":[2],"max":[2],"step":[2],"minVal":[2,"min-val"],"maxVal":[2,"max-val"],"disabled":[516],"internalMinVal":[32],"internalMaxVal":[32],"getValues":[64]},null,{"minVal":["watchMinVal"],"maxVal":["watchMaxVal"]}]]],["jump-filter-select",[[1,"jump-filter-select",{"value":[1537],"placeholder":[1],"label":[1],"name":[1],"options":[1],"disabled":[516],"multiple":[4],"required":[4],"loading":[4],"open":[32],"values":[32],"getSelectedValue":[64],"getSelectedOption":[64],"getValues":[64],"getName":[64],"setValue":[64]}]]],["jump-filter-switch",[[1,"jump-filter-switch",{"value":[1],"label":[1],"name":[1],"checked":[1540],"disabled":[516],"values":[32],"setValue":[64],"isChecked":[64],"getValues":[64],"getName":[64]},null,{"checked":["checkedChanged"]}]]],["jump-search-bar-dropdown-item",[[1,"jump-search-bar-dropdown-item",{"value":[1],"img":[1],"href":[1],"details":[32]}]]],["jump-tab",[[1,"jump-tab",{"disabled":[4],"alignment":[1],"fullBorder":[4,"full-border"],"tabGroupName":[1,"tab-group-name"],"variant":[1]},[[0,"jump-change-active-tab","changeActiveTabHandler"]]]]],["jump-tab-panel",[[1,"jump-tab-panel",{"identifier":[1],"active":[4]}]]],["jump-badge",[[1,"jump-badge",{"label":[1],"variant":[513],"dimension":[513],"soft":[516],"outline":[516]}]]],["jump-button_2",[[1,"jump-button",{"disabled":[4],"variant":[1],"outline":[4],"size":[1],"full":[4],"pill":[4],"text":[4],"onlyIcon":[4,"only-icon"],"href":[1],"target":[1],"type":[1],"name":[1],"value":[1],"ariaLabel":[1,"aria-label"],"class":[1],"buttonId":[1,"button-id"]}],[1,"jump-icon",{"class":[1],"library":[1],"name":[1],"category":[1],"size":[1],"label":[1],"src":[1]}]]]], options);
9
9
  };
10
10
 
11
11
  export { defineCustomElements };
package/dist/jump-design-system/jump-design-system.esm.js CHANGED
@@ -1,2 +1,2 @@
1
- import{p as e,b as t}from"./p-98d5dd1f.js";export{s as setNonce}from"./p-98d5dd1f.js";import{g as a}from"./p-e1255160.js";var i=()=>{const t=import.meta.url;const a={};if(t!==""){a.resourcesUrl=new URL(".",t).href}return e(a)};i().then((async e=>{await a();return t([["p-b0dade73",[[1,"jump-card-ecommerce",{onlyIconButton:[4,"only-icon-button"],hasBackground:[4,"has-background"],badge:[1],favorite:[1540],hasFavorite:[4,"has-favorite"],hasSlotForFavorite:[4,"has-slot-for-favorite"],hasSlotAddToCart:[4,"has-slot-add-to-cart"],link:[1],img:[1],imgAlt:[1,"img-alt"],hoverImg:[1,"hover-img"],hoverImgAlt:[1,"hover-img-alt"],videoSrc:[1,"video-src"],notificationUrl:[1,"notification-url"],notificationText:[1,"notification-text"],productName:[1,"product-name"],subtitle:[1],productId:[1,"product-id"],price:[2],salePrice:[2,"sale-price"],currency:[1],addToCartColor:[1,"add-to-cart-color"],badgeColor:[1,"badge-color"],outOfStock:[1540,"out-of-stock"],outOfStockText:[1,"out-of-stock-text"],addToCartText:[1,"add-to-cart-text"],waitingListText:[1,"waiting-list-text"],addToWaitingList:[4,"add-to-waiting-list"],isMini:[4,"is-mini"],disallowAddToCart:[4,"disallow-add-to-cart"],disallowAddToCartLabel:[1,"disallow-add-to-cart-label"],enableZoom:[4,"enable-zoom"],imageObjectFit:[1,"image-object-fit"],autoSelectFirstVariation:[4,"auto-select-first-variation"],addedToCart:[4,"added-to-cart"],endAddedToCart:[4,"end-added-to-cart"],variations:[32],selectedVariation:[32],priceFormatted:[32],salePriceFormatted:[32],optionsOrdered:[32],setPrice:[64],forceVariationsOrder:[64],selectVariation:[64],selectFirstVariation:[64],getSelectedVariation:[64]},[[0,"jump-card-ecommerce-option-connected","addOption"]]]]],["p-5def5339",[[1,"jump-filter",{direction:[1],filterHeading:[1,"filter-heading"],filterButtonLabel:[1,"filter-button-label"],filterButtonIcon:[1,"filter-button-icon"],mobileThreshold:[2,"mobile-threshold"],filters:[8],showCount:[4,"show-count"],offCanvasOverlay:[4,"off-canvas-overlay"],activeFilters:[32],showMobileFilters:[32],isMobile:[32],offCanvasClasses:[32],getFilters:[64]},[[0,"jump-filterchange","filterChangeHandler"],[9,"resize","handleResize"]],{showMobileFilters:["watchHandler"]}]]],["p-0140b32c",[[1,"jump-filtergroup",{name:[1],heading:[1],otherLabel:[1,"other-label"],lessLabel:[1,"less-label"],maxElements:[2,"max-elements"],variant:[1],label:[32],values:[32],value:[32],slotItems:[32],inputs:[32],showMore:[32],getValues:[64],getActiveAmount:[64],getInputs:[64],getName:[64]},null,{showMore:["watchShowMore"]}]]],["p-bb18f919",[[1,"jump-navbar",{logo:[16],navItems:[16],secondaryNavItems:[16],mobileThreshold:[2,"mobile-threshold"],type:[1],navPosition:[1,"nav-position"],megaMenuAlignment:[1,"mega-menu-alignment"],sticky:[4],stickyThreshold:[2,"sticky-threshold"],mobileLogo:[16],user:[16],isMobile:[32]},[[9,"resize","handleResize"]]]]],["p-4737672b",[[1,"jump-notice",{id:[1],title:[1],description:[1],link:[1],linkText:[1,"link-text"],closable:[4],type:[1],visible:[32]}]]],["p-f36de1a8",[[1,"jump-pagination",{pagLabel:[1,"pag-label"],last:[2],showFirstAndLast:[4,"show-first-and-last"],current:[32]},null,{current:["watchcurrent"]}]]],["p-629835ac",[[0,"jump-pagination-table",{elementsRanges:[1,"elements-ranges"],elPerPage:[2,"el-per-page"],pagLabel:[513,"pag-label"],labelElementsPerPage:[513,"label-elements-per-page"],total:[514],first:[514],last:[514],showFirstAndLast:[516,"show-first-and-last"],elementsRangesArray:[32]},null,{elementsRanges:["elementsRangesChanged"],elPerPage:["elPerPageChanged"]}]]],["p-b6c7ffcd",[[65,"jump-quantity",{min:[2],max:[2],step:[2],label:[1],type:[1],variant:[1],showButtons:[4,"show-buttons"],value:[2],internalValue:[32],getValue:[64],setMax:[64],reset:[64]},null,{value:["onValueChange"]}]]],["p-038a2a14",[[1,"jump-search-bar",{searchValue:[1025,"search-value"],placeholder:[1],noResultText:[1,"no-result-text"],loadingText:[1,"loading-text"],resultsText:[1,"results-text"],showAllResText:[1,"show-all-res-text"],identifier:[1],debounceTime:[2,"debounce-time"],variant:[1],withBtn:[4,"with-btn"],recentsTitle:[1,"recents-title"],recents:[16],results:[16],dropdown:[4],linearIconOnly:[4,"linear-icon-only"],dropdownPosition:[1,"dropdown-position"],dropdownVisible:[32],resType:[32],innerResults:[32],totalResults:[32],isExpanded:[32],setResults:[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{searchValue:["searchValueChanged"]}]]],["p-6b8fccdb",[[1,"jump-search-bar-mobile",{identifier:[1],placeholder:[1],recents:[16],recentsTitle:[1,"recents-title"],debounceTime:[2,"debounce-time"],loadingText:[1,"loading-text"],noResultText:[1,"no-result-text"],results:[16],resultsText:[1,"results-text"],showAllResText:[1,"show-all-res-text"],isOpen:[32],innerResults:[32],totalResults:[32],resType:[32],searchValue:[32],setResults:[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{searchValue:["searchValueChanged"]}]]],["p-b3765945",[[1,"jump-accordion",{variant:[1],summary:[1],disabled:[4],open:[516],icon:[1],identifier:[1]},[[0,"sl-show","handleShow"]]]]],["p-421ebb5a",[[1,"jump-side-cart",{isOpen:[4,"is-open"],position:[1],items:[16],discountThreshold:[16],freeShippingThreshold:[2,"free-shipping-threshold"],progressPercentage:[2,"progress-percentage"],checkoutLabel:[1,"checkout-label"],viewCartLabel:[1,"view-cart-label"],shippingInfo:[1,"shipping-info"],cartItems:[32]}]]],["p-ff62e250",[[1,"jump-side-cart-example",{isCartOpen:[32],position:[32],cartItems:[32]}]]],["p-264fa972",[[1,"jump-tab-item",{identifier:[1],iconName:[1,"icon-name"],iconPosition:[1,"icon-position"],label:[1],active:[4],disabled:[4],variant:[32]}]]],["p-bd692b1f",[[1,"jump-accordion-group",{variant:[1],groupIdentifier:[1,"group-identifier"]}]]],["p-6905cee4",[[4,"jump-card",{horizontal:[4],dark:[4],shadow:[4],border:[4],borderRadius:[4,"border-radius"],topBorderContentRadius:[4,"top-border-content-radius"],boxed:[4],roundedMedia:[4,"rounded-media"],imgSrc:[1,"img-src"],imgAlt:[1,"img-alt"],videoSrc:[1,"video-src"]}]]],["p-f7310fd5",[[1,"jump-card-ecommerce-option",{code:[1],imgUrl:[1,"img-url"],label:[1],sku:[1],taxonomy:[1],order:[2]}]]],["p-0d86819c",[[1,"jump-filter-checkbox",{value:[1],label:[1],checked:[516],count:[8],isChecked:[64]}]]],["p-e30da431",[[1,"jump-filter-range",{name:[1],labelMinBefore:[1,"label-min-before"],labelMinAfter:[1,"label-min-after"],labelMaxBefore:[1,"label-max-before"],labelMaxAfter:[1,"label-max-after"],min:[2],max:[2],step:[2],minVal:[2,"min-val"],maxVal:[2,"max-val"],disabled:[516],internalMinVal:[32],internalMaxVal:[32],getValues:[64]},null,{minVal:["watchMinVal"],maxVal:["watchMaxVal"]}]]],["p-55fcebb1",[[1,"jump-filter-select",{value:[1537],placeholder:[1],label:[1],name:[1],options:[1],disabled:[516],multiple:[4],required:[4],loading:[4],open:[32],values:[32],getSelectedValue:[64],getSelectedOption:[64],getValues:[64],getName:[64],setValue:[64]}]]],["p-7e35d9f1",[[1,"jump-filter-switch",{value:[1],label:[1],name:[1],checked:[1540],disabled:[516],values:[32],setValue:[64],isChecked:[64],getValues:[64],getName:[64]},null,{checked:["checkedChanged"]}]]],["p-02ab8fb7",[[1,"jump-search-bar-dropdown-item",{value:[1],img:[1],href:[1],details:[32]}]]],["p-d1fc1ddf",[[1,"jump-tab",{disabled:[4],alignment:[1],fullBorder:[4,"full-border"],tabGroupName:[1,"tab-group-name"],variant:[1]},[[0,"jump-change-active-tab","changeActiveTabHandler"]]]]],["p-d0ea0f54",[[1,"jump-tab-panel",{identifier:[1],active:[4]}]]],["p-6d82feb3",[[1,"jump-badge",{label:[1],variant:[513],dimension:[513],soft:[516],outline:[516]}]]],["p-18c359e3",[[1,"jump-button",{disabled:[4],variant:[1],outline:[4],size:[1],full:[4],pill:[4],text:[4],onlyIcon:[4,"only-icon"],href:[1],target:[1],type:[1],name:[1],value:[1],ariaLabel:[1,"aria-label"],class:[1],buttonId:[1,"button-id"]}],[1,"jump-icon",{class:[1],library:[1],name:[1],category:[1],size:[1],label:[1],src:[1]}]]]],e)}));
1
+ import{p as e,b as t}from"./p-98d5dd1f.js";export{s as setNonce}from"./p-98d5dd1f.js";import{g as a}from"./p-e1255160.js";var i=()=>{const t=import.meta.url;const a={};if(t!==""){a.resourcesUrl=new URL(".",t).href}return e(a)};i().then((async e=>{await a();return t([["p-b0dade73",[[1,"jump-card-ecommerce",{onlyIconButton:[4,"only-icon-button"],hasBackground:[4,"has-background"],badge:[1],favorite:[1540],hasFavorite:[4,"has-favorite"],hasSlotForFavorite:[4,"has-slot-for-favorite"],hasSlotAddToCart:[4,"has-slot-add-to-cart"],link:[1],img:[1],imgAlt:[1,"img-alt"],hoverImg:[1,"hover-img"],hoverImgAlt:[1,"hover-img-alt"],videoSrc:[1,"video-src"],notificationUrl:[1,"notification-url"],notificationText:[1,"notification-text"],productName:[1,"product-name"],subtitle:[1],productId:[1,"product-id"],price:[2],salePrice:[2,"sale-price"],currency:[1],addToCartColor:[1,"add-to-cart-color"],badgeColor:[1,"badge-color"],outOfStock:[1540,"out-of-stock"],outOfStockText:[1,"out-of-stock-text"],addToCartText:[1,"add-to-cart-text"],waitingListText:[1,"waiting-list-text"],addToWaitingList:[4,"add-to-waiting-list"],isMini:[4,"is-mini"],disallowAddToCart:[4,"disallow-add-to-cart"],disallowAddToCartLabel:[1,"disallow-add-to-cart-label"],enableZoom:[4,"enable-zoom"],imageObjectFit:[1,"image-object-fit"],autoSelectFirstVariation:[4,"auto-select-first-variation"],addedToCart:[4,"added-to-cart"],endAddedToCart:[4,"end-added-to-cart"],variations:[32],selectedVariation:[32],priceFormatted:[32],salePriceFormatted:[32],optionsOrdered:[32],setPrice:[64],forceVariationsOrder:[64],selectVariation:[64],selectFirstVariation:[64],getSelectedVariation:[64]},[[0,"jump-card-ecommerce-option-connected","addOption"]]]]],["p-5def5339",[[1,"jump-filter",{direction:[1],filterHeading:[1,"filter-heading"],filterButtonLabel:[1,"filter-button-label"],filterButtonIcon:[1,"filter-button-icon"],mobileThreshold:[2,"mobile-threshold"],filters:[8],showCount:[4,"show-count"],offCanvasOverlay:[4,"off-canvas-overlay"],activeFilters:[32],showMobileFilters:[32],isMobile:[32],offCanvasClasses:[32],getFilters:[64]},[[0,"jump-filterchange","filterChangeHandler"],[9,"resize","handleResize"]],{showMobileFilters:["watchHandler"]}]]],["p-0140b32c",[[1,"jump-filtergroup",{name:[1],heading:[1],otherLabel:[1,"other-label"],lessLabel:[1,"less-label"],maxElements:[2,"max-elements"],variant:[1],label:[32],values:[32],value:[32],slotItems:[32],inputs:[32],showMore:[32],getValues:[64],getActiveAmount:[64],getInputs:[64],getName:[64]},null,{showMore:["watchShowMore"]}]]],["p-bb18f919",[[1,"jump-navbar",{logo:[16],navItems:[16],secondaryNavItems:[16],mobileThreshold:[2,"mobile-threshold"],type:[1],navPosition:[1,"nav-position"],megaMenuAlignment:[1,"mega-menu-alignment"],sticky:[4],stickyThreshold:[2,"sticky-threshold"],mobileLogo:[16],user:[16],isMobile:[32]},[[9,"resize","handleResize"]]]]],["p-6ce0f360",[[1,"jump-notice",{id:[1],title:[1],description:[1],link:[1],linkText:[1,"link-text"],closable:[4],type:[1],size:[1],visible:[32]}]]],["p-f36de1a8",[[1,"jump-pagination",{pagLabel:[1,"pag-label"],last:[2],showFirstAndLast:[4,"show-first-and-last"],current:[32]},null,{current:["watchcurrent"]}]]],["p-629835ac",[[0,"jump-pagination-table",{elementsRanges:[1,"elements-ranges"],elPerPage:[2,"el-per-page"],pagLabel:[513,"pag-label"],labelElementsPerPage:[513,"label-elements-per-page"],total:[514],first:[514],last:[514],showFirstAndLast:[516,"show-first-and-last"],elementsRangesArray:[32]},null,{elementsRanges:["elementsRangesChanged"],elPerPage:["elPerPageChanged"]}]]],["p-b6c7ffcd",[[65,"jump-quantity",{min:[2],max:[2],step:[2],label:[1],type:[1],variant:[1],showButtons:[4,"show-buttons"],value:[2],internalValue:[32],getValue:[64],setMax:[64],reset:[64]},null,{value:["onValueChange"]}]]],["p-038a2a14",[[1,"jump-search-bar",{searchValue:[1025,"search-value"],placeholder:[1],noResultText:[1,"no-result-text"],loadingText:[1,"loading-text"],resultsText:[1,"results-text"],showAllResText:[1,"show-all-res-text"],identifier:[1],debounceTime:[2,"debounce-time"],variant:[1],withBtn:[4,"with-btn"],recentsTitle:[1,"recents-title"],recents:[16],results:[16],dropdown:[4],linearIconOnly:[4,"linear-icon-only"],dropdownPosition:[1,"dropdown-position"],dropdownVisible:[32],resType:[32],innerResults:[32],totalResults:[32],isExpanded:[32],setResults:[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{searchValue:["searchValueChanged"]}]]],["p-6b8fccdb",[[1,"jump-search-bar-mobile",{identifier:[1],placeholder:[1],recents:[16],recentsTitle:[1,"recents-title"],debounceTime:[2,"debounce-time"],loadingText:[1,"loading-text"],noResultText:[1,"no-result-text"],results:[16],resultsText:[1,"results-text"],showAllResText:[1,"show-all-res-text"],isOpen:[32],innerResults:[32],totalResults:[32],resType:[32],searchValue:[32],setResults:[64]},[[0,"jump-search-bar-dropdown-item-connected","addOption"]],{searchValue:["searchValueChanged"]}]]],["p-b3765945",[[1,"jump-accordion",{variant:[1],summary:[1],disabled:[4],open:[516],icon:[1],identifier:[1]},[[0,"sl-show","handleShow"]]]]],["p-421ebb5a",[[1,"jump-side-cart",{isOpen:[4,"is-open"],position:[1],items:[16],discountThreshold:[16],freeShippingThreshold:[2,"free-shipping-threshold"],progressPercentage:[2,"progress-percentage"],checkoutLabel:[1,"checkout-label"],viewCartLabel:[1,"view-cart-label"],shippingInfo:[1,"shipping-info"],cartItems:[32]}]]],["p-ff62e250",[[1,"jump-side-cart-example",{isCartOpen:[32],position:[32],cartItems:[32]}]]],["p-264fa972",[[1,"jump-tab-item",{identifier:[1],iconName:[1,"icon-name"],iconPosition:[1,"icon-position"],label:[1],active:[4],disabled:[4],variant:[32]}]]],["p-bd692b1f",[[1,"jump-accordion-group",{variant:[1],groupIdentifier:[1,"group-identifier"]}]]],["p-6905cee4",[[4,"jump-card",{horizontal:[4],dark:[4],shadow:[4],border:[4],borderRadius:[4,"border-radius"],topBorderContentRadius:[4,"top-border-content-radius"],boxed:[4],roundedMedia:[4,"rounded-media"],imgSrc:[1,"img-src"],imgAlt:[1,"img-alt"],videoSrc:[1,"video-src"]}]]],["p-f7310fd5",[[1,"jump-card-ecommerce-option",{code:[1],imgUrl:[1,"img-url"],label:[1],sku:[1],taxonomy:[1],order:[2]}]]],["p-0d86819c",[[1,"jump-filter-checkbox",{value:[1],label:[1],checked:[516],count:[8],isChecked:[64]}]]],["p-e30da431",[[1,"jump-filter-range",{name:[1],labelMinBefore:[1,"label-min-before"],labelMinAfter:[1,"label-min-after"],labelMaxBefore:[1,"label-max-before"],labelMaxAfter:[1,"label-max-after"],min:[2],max:[2],step:[2],minVal:[2,"min-val"],maxVal:[2,"max-val"],disabled:[516],internalMinVal:[32],internalMaxVal:[32],getValues:[64]},null,{minVal:["watchMinVal"],maxVal:["watchMaxVal"]}]]],["p-55fcebb1",[[1,"jump-filter-select",{value:[1537],placeholder:[1],label:[1],name:[1],options:[1],disabled:[516],multiple:[4],required:[4],loading:[4],open:[32],values:[32],getSelectedValue:[64],getSelectedOption:[64],getValues:[64],getName:[64],setValue:[64]}]]],["p-7e35d9f1",[[1,"jump-filter-switch",{value:[1],label:[1],name:[1],checked:[1540],disabled:[516],values:[32],setValue:[64],isChecked:[64],getValues:[64],getName:[64]},null,{checked:["checkedChanged"]}]]],["p-02ab8fb7",[[1,"jump-search-bar-dropdown-item",{value:[1],img:[1],href:[1],details:[32]}]]],["p-d1fc1ddf",[[1,"jump-tab",{disabled:[4],alignment:[1],fullBorder:[4,"full-border"],tabGroupName:[1,"tab-group-name"],variant:[1]},[[0,"jump-change-active-tab","changeActiveTabHandler"]]]]],["p-d0ea0f54",[[1,"jump-tab-panel",{identifier:[1],active:[4]}]]],["p-6d82feb3",[[1,"jump-badge",{label:[1],variant:[513],dimension:[513],soft:[516],outline:[516]}]]],["p-18c359e3",[[1,"jump-button",{disabled:[4],variant:[1],outline:[4],size:[1],full:[4],pill:[4],text:[4],onlyIcon:[4,"only-icon"],href:[1],target:[1],type:[1],name:[1],value:[1],ariaLabel:[1,"aria-label"],class:[1],buttonId:[1,"button-id"]}],[1,"jump-icon",{class:[1],library:[1],name:[1],category:[1],size:[1],label:[1],src:[1]}]]]],e)}));
2
2
  //# sourceMappingURL=jump-design-system.esm.js.map
package/dist/jump-design-system/jump-design-system.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","onlyIconButton","hasBackground","badge","favorite","hasFavorite","hasSlotForFavorite","hasSlotAddToCart","link","img","imgAlt","hoverImg","hoverImgAlt","videoSrc","notificationUrl","notificationText","productName","subtitle","productId","price","salePrice","currency","addToCartColor","badgeColor","outOfStock","outOfStockText","addToCartText","waitingListText","addToWaitingList","isMini","disallowAddToCart","disallowAddToCartLabel","enableZoom","imageObjectFit","autoSelectFirstVariation","addedToCart","endAddedToCart","variations","selectedVariation","priceFormatted","salePriceFormatted","optionsOrdered","setPrice","forceVariationsOrder","selectVariation","selectFirstVariation","getSelectedVariation","direction","filterHeading","filterButtonLabel","filterButtonIcon","mobileThreshold","filters","showCount","offCanvasOverlay","activeFilters","showMobileFilters","isMobile","offCanvasClasses","getFilters","name","heading","otherLabel","lessLabel","maxElements","variant","label","values","value","slotItems","inputs","showMore","getValues","getActiveAmount","getInputs","getName","logo","navItems","secondaryNavItems","type","navPosition","megaMenuAlignment","sticky","stickyThreshold","mobileLogo","user","id","title","description","linkText","closable","visible","pagLabel","last","showFirstAndLast","current","elementsRanges","elPerPage","labelElementsPerPage","total","first","elementsRangesArray","min","max","step","showButtons","internalValue","getValue","setMax","reset","searchValue","placeholder","noResultText","loadingText","resultsText","showAllResText","identifier","debounceTime","withBtn","recentsTitle","recents","results","dropdown","linearIconOnly","dropdownPosition","dropdownVisible","resType","innerResults","totalResults","isExpanded","setResults","isOpen","summary","disabled","open","icon","position","items","discountThreshold","freeShippingThreshold","progressPercentage","checkoutLabel","viewCartLabel","shippingInfo","cartItems","isCartOpen","iconName","iconPosition","active","groupIdentifier","horizontal","dark","shadow","border","borderRadius","topBorderContentRadius","boxed","roundedMedia","imgSrc","code","imgUrl","sku","taxonomy","order","checked","count","isChecked","labelMinBefore","labelMinAfter","labelMaxBefore","labelMaxAfter","minVal","maxVal","internalMinVal","internalMaxVal","multiple","required","loading","getSelectedValue","getSelectedOption","setValue","details","alignment","fullBorder","tabGroupName","dimension","soft","outline","size","full","pill","text","onlyIcon","target","ariaLabel","class","buttonId","library","category","src"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.18.2 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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"}
1
+ {"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","onlyIconButton","hasBackground","badge","favorite","hasFavorite","hasSlotForFavorite","hasSlotAddToCart","link","img","imgAlt","hoverImg","hoverImgAlt","videoSrc","notificationUrl","notificationText","productName","subtitle","productId","price","salePrice","currency","addToCartColor","badgeColor","outOfStock","outOfStockText","addToCartText","waitingListText","addToWaitingList","isMini","disallowAddToCart","disallowAddToCartLabel","enableZoom","imageObjectFit","autoSelectFirstVariation","addedToCart","endAddedToCart","variations","selectedVariation","priceFormatted","salePriceFormatted","optionsOrdered","setPrice","forceVariationsOrder","selectVariation","selectFirstVariation","getSelectedVariation","direction","filterHeading","filterButtonLabel","filterButtonIcon","mobileThreshold","filters","showCount","offCanvasOverlay","activeFilters","showMobileFilters","isMobile","offCanvasClasses","getFilters","name","heading","otherLabel","lessLabel","maxElements","variant","label","values","value","slotItems","inputs","showMore","getValues","getActiveAmount","getInputs","getName","logo","navItems","secondaryNavItems","type","navPosition","megaMenuAlignment","sticky","stickyThreshold","mobileLogo","user","id","title","description","linkText","closable","size","visible","pagLabel","last","showFirstAndLast","current","elementsRanges","elPerPage","labelElementsPerPage","total","first","elementsRangesArray","min","max","step","showButtons","internalValue","getValue","setMax","reset","searchValue","placeholder","noResultText","loadingText","resultsText","showAllResText","identifier","debounceTime","withBtn","recentsTitle","recents","results","dropdown","linearIconOnly","dropdownPosition","dropdownVisible","resType","innerResults","totalResults","isExpanded","setResults","isOpen","summary","disabled","open","icon","position","items","discountThreshold","freeShippingThreshold","progressPercentage","checkoutLabel","viewCartLabel","shippingInfo","cartItems","isCartOpen","iconName","iconPosition","active","groupIdentifier","horizontal","dark","shadow","border","borderRadius","topBorderContentRadius","boxed","roundedMedia","imgSrc","code","imgUrl","sku","taxonomy","order","checked","count","isChecked","labelMinBefore","labelMinAfter","labelMaxBefore","labelMaxAfter","minVal","maxVal","internalMinVal","internalMaxVal","multiple","required","loading","getSelectedValue","getSelectedOption","setValue","details","alignment","fullBorder","tabGroupName","dimension","soft","outline","full","pill","text","onlyIcon","target","ariaLabel","class","buttonId","library","category","src"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.18.2 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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"}
package/dist/jump-design-system/p-6ce0f360.entry.js ADDED
@@ -0,0 +1,2 @@
1
+ import{r as t,c as o,h as e,H as i}from"./p-98d5dd1f.js";const r=':host{--jump-notice-info-text-color:var(--status-interaction-standard, #2C6ECB);--jump-notice-info-bg-color:var(--status-interaction-soft, #F2F7FE);--jump-notice-warning-text-color:var(--status-warning-standard, #D8A800);--jump-notice-warning-bg-color:var(--status-warning-soft, #FFF8E6);--jump-notice-error-text-color:var(--status-error-standard, #D80000);--jump-notice-error-bg-color:var(--status-error-soft, #FFF0F0);--jump-notice-success-text-color:var(--status-success-standard, #007A00);--jump-notice-success-bg-color:var(--status-success-soft, #EFF8E6);--jump-notice-text-font-size:var(--fs-400, 14px);--jump-notice-title-font-size:var(--fs-500, 18px);--jump-notice-max-width:600px;font-family:var(--ff-primary, "Arial"), sans-serif;max-width:var(--jump-notice-max-width)}.JumpNotice__Wrapper{padding:16px;border-radius:3px;border-left-width:6px;border-left-style:solid;display:flex;gap:16px}.JumpNotice__Wrapper--info{border-left-color:var(--jump-notice-info-text-color);color:var(--jump-notice-info-text-color);background-color:var(--jump-notice-info-bg-color);--jump-button-background:var(--jump-notice-info-text-color)}.JumpNotice__Wrapper--warning{border-left-color:var(--jump-notice-warning-text-color);color:var(--jump-notice-warning-text-color);background-color:var(--jump-notice-warning-bg-color);--jump-button-background:var(--jump-notice-warning-text-color)}.JumpNotice__Wrapper--error{border-left-color:var(--jump-notice-error-text-color);color:var(--jump-notice-error-text-color);background-color:var(--jump-notice-error-bg-color);--jump-button-background:var(--jump-notice-error-text-color)}.JumpNotice__Wrapper--success{border-left-color:var(--jump-notice-success-text-color);color:var(--jump-notice-success-text-color);background-color:var(--jump-notice-success-bg-color);--jump-button-background:var(--jump-notice-success-text-color)}.JumpNotice__Content{display:flex;flex-direction:column;gap:8px}.JumpNotice__Content .JumpNotice__Title{font-size:var(--jump-notice-title-font-size);font-weight:700;margin:0px}.JumpNotice__Content .JumpNotice__Description{font-size:var(--jump-notice-text-font-size);margin:0}.JumpNotice__Content .JumpNotice__Inline{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:var(--jump-notice-text-font-size);font-weight:400}.JumpNotice__Content .JumpNotice__Large{display:flex;flex-direction:column;gap:0.25rem}.JumpNotice__Content .JumpNotice__Title--inline{font-size:var(--jump-notice-text-font-size);font-weight:700}.JumpNotice__Content .JumpNotice__Description--inline{font-size:var(--jump-notice-text-font-size);font-weight:400;margin:0}';const n=r;const c=class{constructor(e){t(this,e);this.closeNoticeEv=o(this,"jump-notice-close",7);this.visible=true;this.id=undefined;this.title=undefined;this.description=undefined;this.link=undefined;this.linkText=undefined;this.closable=false;this.type="info";this.size="large"}closeNotice(){let t={id:this.id};this.closeNoticeEv.emit(t);this.visible=false}render(){console.log("closable",this.closable,this.visible);if(!this.visible)return null;return e(i,{ref:t=>this.host=t},e("div",{class:`JumpNotice__Wrapper JumpNotice__Wrapper--${this.type} JumpNotice__Wrapper--${this.size}`},e("div",{class:"JumpNotice__Icon"},this.type==="info"&&e("jump-icon",{library:"fa",category:"solid",name:"circle-info",size:"medium"}),this.type==="warning"&&e("jump-icon",{library:"fa",category:"solid",name:"circle-exclamation",size:"medium"}),this.type==="error"&&e("jump-icon",{library:"fa",category:"solid",name:"triangle-exclamation",size:"medium"}),this.type==="success"&&e("jump-icon",{library:"fa",category:"solid",name:"circle-check",size:"medium"})),e("div",{class:"JumpNotice__Content"},this.size==="small"?e("span",{class:"JumpNotice__Inline"},this.title&&e("span",{class:"JumpNotice__Title--inline"},this.title),this.description&&e("span",{class:"JumpNotice__Description--inline"},this.description)):e("div",{class:"JumpNotice__Large"},this.title&&e("p",{class:"JumpNotice__Title"},this.title),this.description&&e("p",{class:"JumpNotice__Description"},this.description)),this.link&&e("jump-button",{size:"small",text:true,href:this.link,target:"_blank"}," ",e("jump-icon",{slot:"suffix",name:"arrow-right"})," ",this.linkText," "))))}};c.style=n;export{c as jump_notice};
2
+ //# sourceMappingURL=p-6ce0f360.entry.js.map
package/dist/jump-design-system/p-6ce0f360.entry.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["jumpNoticeCss","JumpNoticeStyle0","JumpNotice","closeNotice","data","id","this","closeNoticeEv","emit","visible","render","console","log","closable","h","Host","ref","host","class","type","size","library","category","name","title","description","link","text","href","target","slot","linkText"],"sources":["src/components/jump-notice/jump-notice.scss?tag=jump-notice&encapsulation=shadow","src/components/jump-notice/jump-notice.tsx"],"sourcesContent":[":host {\n --jump-notice-info-text-color: var(--status-interaction-standard, #2C6ECB);\n --jump-notice-info-bg-color: var(--status-interaction-soft, #F2F7FE);\n --jump-notice-warning-text-color: var(--status-warning-standard, #D8A800);\n --jump-notice-warning-bg-color: var(--status-warning-soft, #FFF8E6);\n --jump-notice-error-text-color: var(--status-error-standard, #D80000);\n --jump-notice-error-bg-color: var(--status-error-soft, #FFF0F0);\n --jump-notice-success-text-color: var(--status-success-standard, #007A00);\n --jump-notice-success-bg-color: var(--status-success-soft, #EFF8E6);\n --jump-notice-text-font-size: var(--fs-400, 14px);\n --jump-notice-title-font-size: var(--fs-500, 18px);\n --jump-notice-max-width: 600px;\n\n font-family: var(--ff-primary, 'Arial'), sans-serif;\n max-width: var(--jump-notice-max-width);\n\n}\n\n.JumpNotice__Wrapper {\n\n padding: 16px;\n border-radius: 3px;\n border-left-width: 6px;\n border-left-style: solid;\n display: flex;\n gap: 16px;\n\n &--info {\n border-left-color: var(--jump-notice-info-text-color);\n color: var(--jump-notice-info-text-color);\n background-color: var(--jump-notice-info-bg-color);\n --jump-button-background: var(--jump-notice-info-text-color);\n }\n\n &--warning {\n border-left-color: var(--jump-notice-warning-text-color);\n color: var(--jump-notice-warning-text-color);\n background-color: var(--jump-notice-warning-bg-color);\n --jump-button-background: var(--jump-notice-warning-text-color);\n }\n\n &--error {\n border-left-color: var(--jump-notice-error-text-color);\n color: var(--jump-notice-error-text-color);\n background-color: var(--jump-notice-error-bg-color);\n --jump-button-background: var(--jump-notice-error-text-color);\n }\n\n &--success {\n border-left-color: var(--jump-notice-success-text-color);\n color: var(--jump-notice-success-text-color);\n background-color: var(--jump-notice-success-bg-color);\n --jump-button-background: var(--jump-notice-success-text-color);\n }\n}\n\n.JumpNotice__Content {\n display: flex;\n flex-direction: column;\n gap: 8px;\n\n .JumpNotice__Title {\n font-size: var(--jump-notice-title-font-size);\n font-weight: 700;\n margin: 0px;\n }\n\n .JumpNotice__Description {\n font-size: var(--jump-notice-text-font-size);\n margin: 0;\n }\n\n .JumpNotice__Inline {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 8px;\n font-size: var(--jump-notice-text-font-size);\n font-weight: 400;\n }\n\n .JumpNotice__Large {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n }\n\n .JumpNotice__Title--inline {\n font-size: var(--jump-notice-text-font-size);\n font-weight: 700;\n }\n\n .JumpNotice__Description--inline {\n font-size: var(--jump-notice-text-font-size);\n font-weight: 400;\n margin: 0;\n }\n}","import { Component, Host, Prop, h, Event, EventEmitter, State } from '@stencil/core';\n\n@Component({\n tag: 'jump-notice',\n styleUrl: 'jump-notice.scss',\n shadow: true,\n})\nexport class JumpNotice {\n\n /**\n * MANCA DA GESTIRE LA CHIUSURA DELLA NOTIFICA\n * MANCA DA GESTIRE LA PROPRIETà SIZE \n * MANCA DA GESTIRE IL CASO IN CUI IL BG PUò ESSERE BIANCO\n */\n\n host: HTMLElement;\n\n @State() visible: boolean = true;\n\n /**\n * @Prop() id: string;\n * Serve per identificare il componente nel DOM, utile per test o script esterni.\n */\n @Prop() id: string; \n @Prop() title: string;\n @Prop() description: string;\n @Prop() link: string;\n @Prop() linkText: string;\n @Prop() closable: boolean = false; // Serve a mostrare la x di chiusura. logica da implementare\n @Prop() type: string = 'info'; //'info' | 'warning' | 'error' | 'success' \n @Prop() size: string = 'large'; // 'small' |'large'\n\n @Event({ eventName: 'jump-notice-close' }) closeNoticeEv: EventEmitter;\n\n closeNotice(){\n let data = {\n id: this.id\n }\n this.closeNoticeEv.emit(data);\n this.visible = false;\n }\n\n render() {\n console.log('closable', this.closable, this.visible);\n if (!this.visible) return null;\n return (\n <Host ref={(host: HTMLElement) => this.host = host}>\n <div class={`JumpNotice__Wrapper JumpNotice__Wrapper--${this.type} JumpNotice__Wrapper--${this.size}`}>\n <div class=\"JumpNotice__Icon\">\n {this.type === 'info' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-info\" size=\"medium\"></jump-icon>}\n {this.type === 'warning' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'error' && <jump-icon library=\"fa\" category=\"solid\" name=\"triangle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'success' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-check\" size=\"medium\"></jump-icon>}\n </div>\n <div class=\"JumpNotice__Content\">\n {this.size === 'small' ? (\n <span class=\"JumpNotice__Inline\">\n {this.title && <span class=\"JumpNotice__Title--inline\">{this.title}</span>}\n {this.description && <span class=\"JumpNotice__Description--inline\">{this.description}</span>}\n </span>\n ) : (\n <div class=\"JumpNotice__Large\">\n {this.title && <p class=\"JumpNotice__Title\">{this.title}</p>}\n {this.description && <p class=\"JumpNotice__Description\">{this.description}</p>}\n </div>\n )}\n {this.link && <jump-button size=\"small\" text href={this.link} target=\"_blank\"> <jump-icon slot=\"suffix\" name=\"arrow-right\"></jump-icon> {this.linkText} </jump-button>}\n </div>\n {/* {this.closable &&\n <div class=\"JumpNotice__Close\">\n <jump-button onClick={() => this.closeNotice()} variant=\"primary\" text size=\"small\" name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\" id=\"button\" only-icon> <jump-icon slot=\"suffix\" library=\"fa\" category=\"regular\" name=\"xmark\" size=\"medium\"></jump-icon> </jump-button>\n </div>\n } */}\n </div>\n </Host>\n );\n }\n\n}\n"],"mappings":"yDAAA,MAAMA,EAAgB,sjFACtB,MAAAC,EAAeD,E,MCMFE,EAAU,M,uFAUO,K,4HAWA,M,UACL,O,UACA,O,CAIvB,WAAAC,GACE,IAAIC,EAAO,CACTC,GAAIC,KAAKD,IAEXC,KAAKC,cAAcC,KAAKJ,GACxBE,KAAKG,QAAU,K,CAGjB,MAAAC,GACEC,QAAQC,IAAI,WAAYN,KAAKO,SAAUP,KAAKG,SAC5C,IAAKH,KAAKG,QAAS,OAAO,KAC1B,OACEK,EAACC,EAAI,CAACC,IAAMC,GAAsBX,KAAKW,KAAOA,GAC5CH,EAAA,OAAKI,MAAO,4CAA4CZ,KAAKa,6BAA6Bb,KAAKc,QAC7FN,EAAA,OAAKI,MAAM,oBACRZ,KAAKa,OAAS,QAAUL,EAAA,aAAWO,QAAQ,KAAKC,SAAS,QAAQC,KAAK,cAAcH,KAAK,WACzFd,KAAKa,OAAS,WAAaL,EAAA,aAAWO,QAAQ,KAAKC,SAAS,QAAQC,KAAK,qBAAqBH,KAAK,WACnGd,KAAKa,OAAS,SAAWL,EAAA,aAAWO,QAAQ,KAAKC,SAAS,QAAQC,KAAK,uBAAuBH,KAAK,WACnGd,KAAKa,OAAS,WAAaL,EAAA,aAAWO,QAAQ,KAAKC,SAAS,QAAQC,KAAK,eAAeH,KAAK,YAEhGN,EAAA,OAAKI,MAAM,uBACRZ,KAAKc,OAAS,QACbN,EAAA,QAAMI,MAAM,sBACTZ,KAAKkB,OAASV,EAAA,QAAMI,MAAM,6BAA6BZ,KAAKkB,OAC5DlB,KAAKmB,aAAeX,EAAA,QAAMI,MAAM,mCAAmCZ,KAAKmB,cAG3EX,EAAA,OAAKI,MAAM,qBACRZ,KAAKkB,OAASV,EAAA,KAAGI,MAAM,qBAAqBZ,KAAKkB,OACjDlB,KAAKmB,aAAeX,EAAA,KAAGI,MAAM,2BAA2BZ,KAAKmB,cAGjEnB,KAAKoB,MAAQZ,EAAA,eAAaM,KAAK,QAAQO,KAAI,KAACC,KAAMtB,KAAKoB,KAAMG,OAAO,UAAQ,IAAEf,EAAA,aAAWgB,KAAK,SAASP,KAAK,gBAA0B,IAAEjB,KAAKyB,SAAQ,O"}
package/dist/jump-design-system-elements.json CHANGED
@@ -953,6 +953,10 @@
953
953
  "name": "link-text",
954
954
  "description": ""
955
955
  },
956
+ {
957
+ "name": "size",
958
+ "description": ""
959
+ },
956
960
  {
957
961
  "name": "title",
958
962
  "description": ""
package/dist/types/components/jump-notice/jump-notice.d.ts CHANGED
@@ -1,5 +1,10 @@
1
1
  import { EventEmitter } from '../../stencil-public-runtime';
2
2
  export declare class JumpNotice {
3
+ /**
4
+ * MANCA DA GESTIRE LA CHIUSURA DELLA NOTIFICA
5
+ * MANCA DA GESTIRE LA PROPRIETà SIZE
6
+ * MANCA DA GESTIRE IL CASO IN CUI IL BG PUò ESSERE BIANCO
7
+ */
3
8
  host: HTMLElement;
4
9
  visible: boolean;
5
10
  /**
@@ -13,6 +18,7 @@ export declare class JumpNotice {
13
18
  linkText: string;
14
19
  closable: boolean;
15
20
  type: string;
21
+ size: string;
16
22
  closeNoticeEv: EventEmitter;
17
23
  closeNotice(): void;
18
24
  render(): any;
package/dist/types/components/jump-notice/jump-notice.stories.d.ts CHANGED
@@ -46,3 +46,4 @@ export declare const Info: any;
46
46
  export declare const Warning: any;
47
47
  export declare const Error: any;
48
48
  export declare const Success: any;
49
+ export declare const Small: any;
package/dist/types/components.d.ts CHANGED
@@ -609,6 +609,7 @@ export namespace Components {
609
609
  "id": string;
610
610
  "link": string;
611
611
  "linkText": string;
612
+ "size": string;
612
613
  "title": string;
613
614
  "type": string;
614
615
  }
@@ -1800,6 +1801,7 @@ declare namespace LocalJSX {
1800
1801
  "link"?: string;
1801
1802
  "linkText"?: string;
1802
1803
  "onJump-notice-close"?: (event: JumpNoticeCustomEvent<any>) => void;
1804
+ "size"?: string;
1803
1805
  "title"?: string;
1804
1806
  "type"?: string;
1805
1807
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jumpgroup/jump-design-system",
3
- "version": "0.3.97",
3
+ "version": "0.4.0",
4
4
  "description": "Stencil Component Starter",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
package/dist/jump-design-system/p-4737672b.entry.js DELETED
@@ -1,2 +0,0 @@
1
- import{r as t,c as o,h as r,H as e}from"./p-98d5dd1f.js";const i=':host{--jump-notice-info-text-color:var(--status-interaction-standard, #2C6ECB);--jump-notice-info-bg-color:var(--status-interaction-soft, #F2F7FE);--jump-notice-warning-text-color:var(--status-warning-standard, #D8A800);--jump-notice-warning-bg-color:var(--status-warning-soft, #FFF8E6);--jump-notice-error-text-color:var(--status-error-standard, #D80000);--jump-notice-error-bg-color:var(--status-error-soft, #FFF0F0);--jump-notice-success-text-color:var(--status-success-standard, #007A00);--jump-notice-success-bg-color:var(--status-success-soft, #EFF8E6);--jump-notice-text-font-size:var(--fs-400, 14px);--jump-notice-title-font-size:var(--fs-500, 18px);--jump-notice-max-width:600px;font-family:var(--ff-primary, "Arial"), sans-serif;max-width:var(--jump-notice-max-width)}.JumpNotice__Wrapper{padding:16px;border-radius:3px;border-left-width:6px;border-left-style:solid;display:flex;gap:16px}.JumpNotice__Wrapper--info{border-left-color:var(--jump-notice-info-text-color);color:var(--jump-notice-info-text-color);background-color:var(--jump-notice-info-bg-color)}.JumpNotice__Wrapper--warning{border-left-color:var(--jump-notice-warning-text-color);color:var(--jump-notice-warning-text-color);background-color:var(--jump-notice-warning-bg-color)}.JumpNotice__Wrapper--error{border-left-color:var(--jump-notice-error-text-color);color:var(--jump-notice-error-text-color);background-color:var(--jump-notice-error-bg-color)}.JumpNotice__Wrapper--success{border-left-color:var(--jump-notice-success-text-color);color:var(--jump-notice-success-text-color);background-color:var(--jump-notice-success-bg-color)}.JumpNotice__Content{display:flex;flex-direction:column;gap:8px}.JumpNotice__Content .JumpNotice__Title{font-size:var(--jump-notice-title-font-size);font-weight:700;margin:0px}.JumpNotice__Content .JumpNotice__Description{font-size:var(--jump-notice-text-font-size);margin:0}';const c=i;const s=class{constructor(r){t(this,r);this.closeNoticeEv=o(this,"jump-notice-close",7);this.visible=true;this.id=undefined;this.title=undefined;this.description=undefined;this.link=undefined;this.linkText=undefined;this.closable=false;this.type="info"}closeNotice(){let t={id:this.id};this.closeNoticeEv.emit(t);this.visible=false}render(){console.log("closable",this.closable,this.visible);if(!this.visible)return null;return r(e,{ref:t=>this.host=t},r("div",{class:`JumpNotice__Wrapper JumpNotice__Wrapper--${this.type}`},r("div",{class:"JumpNotice__Icon"},this.type==="info"&&r("jump-icon",{library:"fa",category:"solid",name:"circle-info",size:"medium"}),this.type==="warning"&&r("jump-icon",{library:"fa",category:"solid",name:"circle-exclamation",size:"medium"}),this.type==="error"&&r("jump-icon",{library:"fa",category:"solid",name:"triangle-exclamation",size:"medium"}),this.type==="success"&&r("jump-icon",{library:"fa",category:"solid",name:"circle-check",size:"medium"})),r("div",{class:"JumpNotice__Content"},this.title&&r("p",{class:"JumpNotice__Title"},this.title),this.description&&r("p",{class:"JumpNotice__Description"},this.description),this.link&&r("jump-button",{variant:"primary",size:"small",text:true,href:this.link,target:"_blank"}," ",r("jump-icon",{slot:"suffix",name:"arrow-right"})," ",this.linkText," "))))}};s.style=c;export{s as jump_notice};
2
- //# sourceMappingURL=p-4737672b.entry.js.map
package/dist/jump-design-system/p-4737672b.entry.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"names":["jumpNoticeCss","JumpNoticeStyle0","JumpNotice","closeNotice","data","id","this","closeNoticeEv","emit","visible","render","console","log","closable","h","Host","ref","host","class","type","library","category","name","size","title","description","link","variant","text","href","target","slot","linkText"],"sources":["src/components/jump-notice/jump-notice.scss?tag=jump-notice&encapsulation=shadow","src/components/jump-notice/jump-notice.tsx"],"sourcesContent":[":host {\n --jump-notice-info-text-color: var(--status-interaction-standard, #2C6ECB);\n --jump-notice-info-bg-color: var(--status-interaction-soft, #F2F7FE);\n --jump-notice-warning-text-color: var(--status-warning-standard, #D8A800);\n --jump-notice-warning-bg-color: var(--status-warning-soft, #FFF8E6);\n --jump-notice-error-text-color: var(--status-error-standard, #D80000);\n --jump-notice-error-bg-color: var(--status-error-soft, #FFF0F0);\n --jump-notice-success-text-color: var(--status-success-standard, #007A00);\n --jump-notice-success-bg-color: var(--status-success-soft, #EFF8E6);\n --jump-notice-text-font-size: var(--fs-400, 14px);\n --jump-notice-title-font-size: var(--fs-500, 18px);\n --jump-notice-max-width: 600px;\n\n font-family: var(--ff-primary, 'Arial'), sans-serif;\n max-width: var(--jump-notice-max-width);\n\n}\n\n.JumpNotice__Wrapper {\n\n padding: 16px;\n border-radius: 3px;\n border-left-width: 6px;\n border-left-style: solid;\n display: flex;\n gap: 16px;\n\n &--info {\n border-left-color: var(--jump-notice-info-text-color);\n color: var(--jump-notice-info-text-color);\n background-color: var(--jump-notice-info-bg-color);\n }\n\n &--warning {\n border-left-color: var(--jump-notice-warning-text-color);\n color: var(--jump-notice-warning-text-color);\n background-color: var(--jump-notice-warning-bg-color);\n }\n\n &--error {\n border-left-color: var(--jump-notice-error-text-color);\n color: var(--jump-notice-error-text-color);\n background-color: var(--jump-notice-error-bg-color);\n }\n\n &--success {\n border-left-color: var(--jump-notice-success-text-color);\n color: var(--jump-notice-success-text-color);\n background-color: var(--jump-notice-success-bg-color);\n }\n\n \n}\n\n.JumpNotice__Content {\n display: flex;\n flex-direction: column;\n gap: 8px;\n\n .JumpNotice__Title {\n font-size: var(--jump-notice-title-font-size);\n font-weight: 700;\n margin: 0px;\n }\n\n .JumpNotice__Description {\n font-size: var(--jump-notice-text-font-size);\n margin: 0;\n }\n}","import { Component, Host, Prop, h, Event, EventEmitter, State } from '@stencil/core';\n\n@Component({\n tag: 'jump-notice',\n styleUrl: 'jump-notice.scss',\n shadow: true,\n})\nexport class JumpNotice {\n\n host: HTMLElement;\n\n @State() visible: boolean = true;\n\n /**\n * @Prop() id: string;\n * Serve per identificare il componente nel DOM, utile per test o script esterni.\n */\n @Prop() id: string; \n @Prop() title: string;\n @Prop() description: string;\n @Prop() link: string;\n @Prop() linkText: string;\n @Prop() closable: boolean = false; // Serve a mostrare la x di chiusura. logica da implementare\n @Prop() type: string = 'info'; //'info' | 'warning' | 'error' | 'success' \n\n @Event({ eventName: 'jump-notice-close' }) closeNoticeEv: EventEmitter;\n\n closeNotice(){\n let data = {\n id: this.id\n }\n this.closeNoticeEv.emit(data);\n this.visible = false;\n }\n\n render() {\n console.log('closable', this.closable, this.visible);\n if (!this.visible) return null;\n return (\n <Host ref={(host: HTMLElement) => this.host = host}>\n <div class={`JumpNotice__Wrapper JumpNotice__Wrapper--${this.type}`}>\n <div class=\"JumpNotice__Icon\">\n {this.type === 'info' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-info\" size=\"medium\"></jump-icon>}\n {this.type === 'warning' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'error' && <jump-icon library=\"fa\" category=\"solid\" name=\"triangle-exclamation\" size=\"medium\"></jump-icon>}\n {this.type === 'success' && <jump-icon library=\"fa\" category=\"solid\" name=\"circle-check\" size=\"medium\"></jump-icon>}\n </div>\n <div class=\"JumpNotice__Content\">\n {this.title && <p class=\"JumpNotice__Title\">{this.title}</p>}\n {this.description && <p class=\"JumpNotice__Description\">{this.description}</p>}\n {this.link && <jump-button variant=\"primary\" size=\"small\" text href={this.link} target=\"_blank\"> <jump-icon slot=\"suffix\" name=\"arrow-right\"></jump-icon> {this.linkText} </jump-button>}\n </div>\n {/* {this.closable &&\n <div class=\"JumpNotice__Close\">\n <jump-button onClick={() => this.closeNotice()} variant=\"primary\" text size=\"small\" name=\"scopri\" value=\"value\" aria-label=\"Scopri di più\" id=\"button\" only-icon> <jump-icon slot=\"suffix\" library=\"fa\" category=\"regular\" name=\"xmark\" size=\"medium\"></jump-icon> </jump-button>\n </div>\n } */}\n </div>\n </Host>\n );\n }\n\n}\n"],"mappings":"yDAAA,MAAMA,EAAgB,i2DACtB,MAAAC,EAAeD,E,MCMFE,EAAU,M,uFAIO,K,4HAWA,M,UACL,M,CAIvB,WAAAC,GACE,IAAIC,EAAO,CACTC,GAAIC,KAAKD,IAEXC,KAAKC,cAAcC,KAAKJ,GACxBE,KAAKG,QAAU,K,CAGjB,MAAAC,GACEC,QAAQC,IAAI,WAAYN,KAAKO,SAAUP,KAAKG,SAC5C,IAAKH,KAAKG,QAAS,OAAO,KAC1B,OACEK,EAACC,EAAI,CAACC,IAAMC,GAAsBX,KAAKW,KAAOA,GAC5CH,EAAA,OAAKI,MAAO,4CAA4CZ,KAAKa,QAC3DL,EAAA,OAAKI,MAAM,oBACRZ,KAAKa,OAAS,QAAUL,EAAA,aAAWM,QAAQ,KAAKC,SAAS,QAAQC,KAAK,cAAcC,KAAK,WACzFjB,KAAKa,OAAS,WAAaL,EAAA,aAAWM,QAAQ,KAAKC,SAAS,QAAQC,KAAK,qBAAqBC,KAAK,WACnGjB,KAAKa,OAAS,SAAWL,EAAA,aAAWM,QAAQ,KAAKC,SAAS,QAAQC,KAAK,uBAAuBC,KAAK,WACnGjB,KAAKa,OAAS,WAAaL,EAAA,aAAWM,QAAQ,KAAKC,SAAS,QAAQC,KAAK,eAAeC,KAAK,YAEhGT,EAAA,OAAKI,MAAM,uBACRZ,KAAKkB,OAASV,EAAA,KAAGI,MAAM,qBAAqBZ,KAAKkB,OACjDlB,KAAKmB,aAAeX,EAAA,KAAGI,MAAM,2BAA2BZ,KAAKmB,aAC7DnB,KAAKoB,MAAQZ,EAAA,eAAaa,QAAQ,UAAUJ,KAAK,QAAQK,KAAI,KAACC,KAAMvB,KAAKoB,KAAMI,OAAO,UAAQ,IAAEhB,EAAA,aAAWiB,KAAK,SAAST,KAAK,gBAA0B,IAAEhB,KAAK0B,SAAQ,O"}