@jumpgroup/jump-design-system 0.3.96 → 0.3.97

package/dist/cjs/jump-design-system.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["jump-card-ecommerce.cjs",[[1,"jump-card-ecommerce",{"onlyIconButton":[4,"only-icon-button"],"hasBackground":[4,"has-background"],"badge":[1],"favorite":[1540],"hasFavorite":[4,"has-favorite"],"hasSlotForFavorite":[4,"has-slot-for-favorite"],"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-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-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-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-badge.cjs",[[1,"jump-badge",{"label":[1],"variant":[513],"dimension":[513],"soft":[516],"outline":[516]}]]],["jump-button_2.cjs",[[1,"jump-button",{"disabled":[4],"variant":[1],"outline":[4],"size":[1],"full":[4],"pill":[4],"text":[4],"onlyIcon":[4,"only-icon"],"href":[1],"target":[1],"type":[1],"name":[1],"value":[1],"ariaLabel":[1,"aria-label"],"class":[1],"buttonId":[1,"button-id"]}],[1,"jump-icon",{"class":[1],"library":[1],"name":[1],"category":[1],"size":[1],"label":[1],"src":[1]}]]]], options);
+  return index.bootstrapLazy([["jump-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);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/jump-notice.cjs.entry.js

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-e9479989.js');
+
+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}";
+const JumpNoticeStyle0 = jumpNoticeCss;
+
+const JumpNotice = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.closeNoticeEv = index.createEvent(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 data = {
+            id: this.id
+        };
+        this.closeNoticeEv.emit(data);
+        this.visible = false;
+    }
+    render() {
+        console.log('closable', this.closable, this.visible);
+        if (!this.visible)
+            return null;
+        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, " ")))));
+    }
+};
+JumpNotice.style = JumpNoticeStyle0;
+
+exports.jump_notice = JumpNotice;
+
+//# sourceMappingURL=jump-notice.cjs.entry.js.map

package/dist/cjs/jump-notice.cjs.entry.js.map

@@ -0,0 +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}

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["jump-card-ecommerce.cjs",[[1,"jump-card-ecommerce",{"onlyIconButton":[4,"only-icon-button"],"hasBackground":[4,"has-background"],"badge":[1],"favorite":[1540],"hasFavorite":[4,"has-favorite"],"hasSlotForFavorite":[4,"has-slot-for-favorite"],"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-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-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-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-badge.cjs",[[1,"jump-badge",{"label":[1],"variant":[513],"dimension":[513],"soft":[516],"outline":[516]}]]],["jump-button_2.cjs",[[1,"jump-button",{"disabled":[4],"variant":[1],"outline":[4],"size":[1],"full":[4],"pill":[4],"text":[4],"onlyIcon":[4,"only-icon"],"href":[1],"target":[1],"type":[1],"name":[1],"value":[1],"ariaLabel":[1,"aria-label"],"class":[1],"buttonId":[1,"button-id"]}],[1,"jump-icon",{"class":[1],"library":[1],"name":[1],"category":[1],"size":[1],"label":[1],"src":[1]}]]]], options);
+  return index.bootstrapLazy([["jump-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);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -16,6 +16,7 @@
     "components/jump-filtergroup/jump-filtergroup.js",
     "components/jump-icon/jump-icon.js",
     "components/jump-navbar/jump-navbar.js",
+    "components/jump-notice/jump-notice.js",
     "components/jump-pagination/jump-pagination.js",
     "components/jump-pagination-table/jump-pagination-table.js",
     "components/jump-quantity/jump-quantity.js",

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

@@ -0,0 +1,59 @@
+: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;
+}

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

@@ -0,0 +1,190 @@
+import { Host, h } from "@stencil/core";
+export class JumpNotice {
+    constructor() {
+        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 data = {
+            id: this.id
+        };
+        this.closeNoticeEv.emit(data);
+        this.visible = false;
+    }
+    render() {
+        console.log('closable', this.closable, this.visible);
+        if (!this.visible)
+            return null;
+        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, " ")))));
+    }
+    static get is() { return "jump-notice"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["jump-notice.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["jump-notice.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "id": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "Prop",
+                            "text": "() id: string;\nServe per identificare il componente nel DOM, utile per test o script esterni."
+                        }],
+                    "text": ""
+                },
+                "attribute": "id",
+                "reflect": false
+            },
+            "title": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "title",
+                "reflect": false
+            },
+            "description": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "description",
+                "reflect": false
+            },
+            "link": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "link",
+                "reflect": false
+            },
+            "linkText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "link-text",
+                "reflect": false
+            },
+            "closable": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "closable",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "type": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "type",
+                "reflect": false,
+                "defaultValue": "'info'"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "visible": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "closeNoticeEv",
+                "name": "jump-notice-close",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
+}
+//# sourceMappingURL=jump-notice.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,90 @@
+import { generateAttributesFromArgs, formatHtml } from "../../utils/utils";
+export default {
+    title: 'Components/JumpNotice',
+    tags: ['autodocs'],
+    argTypes: {
+        id: {
+            name: 'id',
+            description: 'Unique identifier for the component, useful for testing or external scripts.',
+            control: 'text',
+        },
+        title: {
+            name: 'title',
+            description: 'The title of the notice',
+            control: 'text',
+        },
+        description: {
+            name: 'description',
+            description: 'The description of the notice',
+            control: 'text',
+        },
+        link: {
+            name: 'link',
+            description: 'The link URL',
+            control: 'text',
+        },
+        linkText: {
+            name: 'linkText',
+            description: 'The text for the link',
+            control: 'text',
+        },
+        type: {
+            name: 'type',
+            description: 'The type of notice',
+            control: 'select',
+            options: ['info', 'warning', 'error', 'success'],
+        },
+        closable: {
+            name: 'closable',
+            description: 'Whether the notice can be closed',
+            control: 'boolean',
+            defaultValue: false,
+        },
+    }
+};
+const TemplateDefault = (args) => {
+    const attributes = generateAttributesFromArgs(args);
+    return formatHtml(`<jump-notice ${attributes}></jump-notice>`);
+};
+export const Info = TemplateDefault.bind({});
+Info.args = {
+    title: 'Notice Title',
+    description: 'This is a description of the notice.',
+    link: 'https://example.com',
+    linkText: 'Learn more',
+    type: 'info',
+};
+export const Warning = TemplateDefault.bind({});
+Warning.args = {
+    title: 'Notice Title',
+    description: 'This is a description of the notice.',
+    link: 'https://example.com',
+    linkText: 'Learn more',
+    type: 'warning',
+};
+export const Error = TemplateDefault.bind({});
+Error.args = {
+    title: 'Notice Title',
+    description: 'This is a description of the notice.',
+    link: 'https://example.com',
+    linkText: 'Learn more',
+    type: 'error',
+};
+export const Success = TemplateDefault.bind({});
+Success.args = {
+    title: 'Notice Title',
+    description: 'This is a description of the notice.',
+    link: 'https://example.com',
+    linkText: 'Learn more',
+    type: 'success',
+};
+// export const Closable = TemplateDefault.bind({});
+// Closable.args = {
+//     title: 'Closable Notice',
+//     description: 'This notice can be closed.',
+//     link: 'https://example.com',
+//     linkText: 'Learn more',
+//     type: 'info',
+//     closable: true,
+// };
+//# sourceMappingURL=jump-notice.stories.js.map

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

@@ -0,0 +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"]}

package/dist/components/jump-notice.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface JumpNotice extends Components.JumpNotice, HTMLElement {}
+export const JumpNotice: {
+    prototype: JumpNotice;
+    new (): JumpNotice;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;