@ptcwebops/ptcw-design 0.9.7 → 0.9.9

package/dist/cjs/ptcw-design.cjs.js

@@ -17,7 +17,7 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy(JSON.parse("[[\"ptc-card_6.cjs\",[[1,\"ptc-card\",{\"cardType\":[1,\"card-type\"],\"cardHref\":[1,\"card-href\"],\"target\":[1],\"rel\":[1],\"hasImage\":[4,\"has-image\"],\"hasVideo\":[4,\"has-video\"],\"hasLottie\":[4,\"has-lottie\"],\"heading\":[1],\"headingTransform\":[1,\"heading-transform\"],\"cardDate\":[1,\"card-date\"],\"styles\":[1],\"ribbonText\":[1,\"ribbon-text\"],\"eventType\":[1,\"event-type\"],\"cardLogo\":[1,\"card-logo\"],\"titleLineCutOff\":[2,\"title-line-cut-off\"]}],[1,\"ptc-spacer\",{\"breakpoint\":[1],\"size\":[1],\"direction\":[1]}],[1,\"ptc-date\",{\"year\":[2],\"month\":[2],\"day\":[2],\"country\":[1],\"dateString\":[1,\"date-string\"],\"dateColor\":[1,\"date-color\"],\"dateStyles\":[1,\"date-styles\"],\"dataSize\":[1,\"data-size\"]}],[4,\"ptc-img\",{\"sizeXs\":[1025,\"size-xs\"],\"sizeSm\":[1025,\"size-sm\"],\"sizeMd\":[1025,\"size-md\"],\"sizeLg\":[1025,\"size-lg\"],\"imgUrl\":[1,\"img-url\"],\"imageType\":[1,\"image-type\"],\"borderRadius\":[1,\"border-radius\"],\"loadMode\":[1,\"load-mode\"]},[[9,\"resize\",\"WindowResize\"]]],[1,\"ptc-para\",{\"fontSize\":[1,\"font-size\"],\"fontWeight\":[1,\"font-weight\"],\"paraStyle\":[1,\"para-style\"],\"paraColor\":[1,\"para-color\"],\"paraLineH\":[1,\"para-line-h\"],\"paraMargin\":[1,\"para-margin\"],\"paraAlign\":[1,\"para-align\"],\"ellipsisLineCutoff\":[2,\"ellipsis-line-cutoff\"],\"paraZIndex\":[1,\"para-z-index\"]}],[1,\"ptc-picture\",{\"src\":[1],\"alt\":[1],\"sizeXs\":[1025,\"size-xs\"],\"sizeSm\":[1025,\"size-sm\"],\"sizeMd\":[1025,\"size-md\"],\"sizeLg\":[1025,\"size-lg\"],\"imagePosition\":[1,\"image-position\"],\"borderRadius\":[1,\"border-radius\"],\"height\":[1],\"width\":[1],\"objectFit\":[1,\"object-fit\"],\"isFullHeight\":[4,\"is-full-height\"],\"isFullWidth\":[4,\"is-full-width\"],\"styles\":[1],\"imageAlignment\":[1,\"image-alignment\"],\"maxWidth\":[1,\"max-width\"],\"oldSrc\":[32]},[[9,\"resize\",\"WindowResize\"]]]]],[\"bundle-example.cjs\",[[1,\"bundle-example\",{\"isLoading\":[32],\"picWidth\":[32],\"picHeight\":[32]},[[9,\"resize\",\"handleWindowResize\"]]]]],[\"ptc-announcement.cjs\",[[1,\"ptc-announcement\",{\"barTitle\":[1025,\"bar-title\"],\"description\":[1025],\"linkText\":[513,\"link-text\"],\"linkTitle\":[513,\"link-title\"],\"visible\":[1540],\"linkUrl\":[1537,\"link-url\"],\"insideContainer\":[4,\"inside-container\"],\"target\":[1025],\"windowSize\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-dynamic-card.cjs\",[[1,\"ptc-dynamic-card\",{\"cardType\":[1,\"card-type\"],\"cardTitle\":[1,\"card-title\"],\"cardImgSrc\":[1,\"card-img-src\"],\"cardImgAlt\":[1,\"card-img-alt\"],\"outCardState\":[1025,\"out-card-state\"],\"cardStatus\":[32],\"overlayExists\":[32],\"changeState\":[64]}]]],[\"ptc-pricing-tabs.cjs\",[[1,\"ptc-pricing-tabs\",{\"productTag\":[1,\"product-tag\"],\"header\":[1],\"tabItems\":[32],\"isMobileViewPort\":[32]},[[9,\"resize\",\"setIsMobileViewPort\"]]]]],[\"ptc-tab-list.cjs\",[[4,\"ptc-tab-list\",{\"type\":[1],\"selectedValue\":[32]},[[0,\"tabClicked\",\"onSelectedTab\"],[9,\"resize\",\"calculateHeaderTabsRendering\"]]]]],[\"ptc-breadcrumb.cjs\",[[1,\"ptc-breadcrumb\"]]],[\"ptc-collapse-list.cjs\",[[1,\"ptc-collapse-list\",{\"header\":[1],\"listItems\":[1040],\"placeholderText\":[1025,\"placeholder-text\"],\"debounceUpdateDelay\":[1026,\"debounce-update-delay\"],\"data\":[32],\"searchText\":[32],\"selectedValue\":[32],\"selectedItems\":[32],\"hashMap\":[32],\"debouncedUpdatedEvent\":[32],\"refreshBuffer\":[32],\"removeSelectedItem\":[64],\"addSelectedItem\":[64]}]]],[\"ptc-hero.cjs\",[[1,\"ptc-hero\",{\"heroType\":[1,\"hero-type\"],\"bgUrl\":[1,\"bg-url\"],\"contentAlignment\":[1,\"content-alignment\"]}]]],[\"ptc-previous-url.cjs\",[[1,\"ptc-previous-url\",{\"href\":[1],\"text\":[1]}]]],[\"ptc-checkbox.cjs\",[[1,\"ptc-checkbox\",{\"checked\":[1025],\"value\":[1025],\"inputName\":[1,\"input-name\"]}]]],[\"ptc-dropdown.cjs\",[[1,\"ptc-dropdown\",{\"theme\":[1],\"label\":[1],\"listItems\":[16],\"toggle\":[32],\"selectedItem\":[32]},[[4,\"click\",\"offClick\"]]]]],[\"ptc-filter-tag.cjs\",[[1,\"ptc-filter-tag\",{\"theme\":[1],\"iconColorMap\":[32]}]]],[\"ptc-icon-minimize.cjs\",[[1,\"ptc-icon-minimize\",{\"heading\":[1025],\"opened\":[1028]}]]],[\"ptc-link.cjs\",[[1,\"ptc-link\",{\"disabled\":[516],\"external\":[516],\"href\":[1],\"target\":[1],\"linkTitle\":[1,\"link-title\"],\"theme\":[1],\"uppercase\":[4],\"fontSize\":[1,\"font-size\"],\"fontWeight\":[1,\"font-weight\"],\"linkArea\":[1,\"link-area\"]}]]],[\"ptc-list.cjs\",[[1,\"ptc-list\",{\"listType\":[1,\"list-type\"],\"listItems\":[16]}]]],[\"ptc-lottie.cjs\",[[1,\"ptc-lottie\",{\"jsonSrc\":[1025,\"json-src\"],\"speed\":[1026]}]]],[\"ptc-media-card.cjs\",[[1,\"ptc-media-card\",{\"cardType\":[1,\"card-type\"],\"cardHref\":[1,\"card-href\"],\"target\":[1],\"rel\":[1],\"activeBackgroundImage\":[1025,\"active-background-image\"],\"hoverBackgroundImage\":[1025,\"hover-background-image\"],\"heading\":[1025],\"headingTransform\":[1025,\"heading-transform\"],\"category\":[1025],\"isHovered\":[1028,\"is-hovered\"]}]]],[\"ptc-mobile-select.cjs\",[[0,\"ptc-mobile-select\",{\"triggerName\":[1,\"trigger-name\"],\"selectedText\":[1,\"selected-text\"],\"wheelData\":[1040],\"selectedId\":[1,\"selected-id\"],\"ensureBtnText\":[1,\"ensure-btn-text\"],\"cancelBtnText\":[1,\"cancel-btn-text\"],\"listTitle\":[1,\"list-title\"]}]]],[\"ptc-nav-card.cjs\",[[1,\"ptc-nav-card\",{\"cardType\":[1025,\"card-type\"],\"cardHref\":[1025,\"card-href\"],\"cardHrefAlt\":[1025,\"card-href-alt\"],\"target\":[1025],\"rel\":[1025],\"cardLogo\":[1025,\"card-logo\"],\"heading\":[1025],\"description\":[1025],\"windowSize\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-quote.cjs\",[[1,\"ptc-quote\",{\"quoteType\":[1025,\"quote-type\"],\"quoteName\":[1025,\"quote-name\"],\"ctaText\":[1,\"cta-text\"],\"ctaUrl\":[1,\"cta-url\"],\"imgSrc\":[1,\"img-src\"],\"imgTitle\":[1,\"img-title\"]}]]],[\"ptc-search-field.cjs\",[[1,\"ptc-search-field\",{\"textValue\":[1,\"text-value\"],\"placeholderLabel\":[1,\"placeholder-label\"],\"darkTheme\":[4,\"dark-theme\"]}]]],[\"ptc-social-share.cjs\",[[1,\"ptc-social-share\",{\"display\":[1],\"shareType\":[1,\"share-type\"],\"shareTitle\":[1,\"share-title\"],\"text\":[1],\"url\":[1],\"source\":[1],\"recipient\":[1],\"iconColor\":[1,\"icon-color\"],\"iconHoverColor\":[1,\"icon-hover-color\"],\"isHover\":[32]}]]],[\"max-width-container.cjs\",[[1,\"max-width-container\",{\"maxWidth\":[2,\"max-width\"],\"breakpoint\":[2]}]]],[\"my-component.cjs\",[[1,\"my-component\",{\"first\":[1],\"middle\":[1],\"last\":[1]}]]],[\"ptc-accordion.cjs\",[[1,\"ptc-accordion\",{\"multiple\":[4]},[[0,\"opened\",\"openHandler\"]]]]],[\"ptc-accordion-item.cjs\",[[1,\"ptc-accordion-item\",{\"heading\":[1],\"headingTag\":[1,\"heading-tag\"],\"autoHeight\":[4,\"auto-height\"],\"active\":[1540],\"hasHeadingSlot\":[32],\"hasArrowSlot\":[32],\"toggle\":[64],\"close\":[64],\"open\":[64]}]]],[\"ptc-background-video.cjs\",[[1,\"ptc-background-video\",{\"videoSrc\":[1,\"video-src\"],\"posterSrc\":[1,\"poster-src\"],\"overlay\":[4],\"type\":[1]}]]],[\"ptc-container.cjs\",[[1,\"ptc-container\",{\"backgroundColor\":[1,\"background-color\"],\"elevation\":[1],\"containerType\":[1,\"container-type\"],\"spacing\":[1]}]]],[\"ptc-hero-footer-cta.cjs\",[[6,\"ptc-hero-footer-cta\",{\"ctaTitle\":[1,\"cta-title\"],\"description\":[1],\"backgroundImage\":[1,\"background-image\"]}]]],[\"ptc-icon-list.cjs\",[[1,\"ptc-icon-list\",{\"listType\":[1,\"list-type\"],\"valueWithUnit\":[1,\"value-with-unit\"],\"valueText\":[1,\"value-text\"],\"listContent\":[1,\"list-content\"],\"isLastItem\":[4,\"is-last-item\"]}]]],[\"ptc-minimized-footer.cjs\",[[1,\"ptc-minimized-footer\"]]],[\"ptc-minimized-header.cjs\",[[1,\"ptc-minimized-header\",{\"linkUrl\":[513,\"link-url\"],\"imgSrc\":[513,\"img-src\"],\"imgAlt\":[513,\"img-alt\"]}]]],[\"ptc-modal.cjs\",[[1,\"ptc-modal\",{\"iframeUrl\":[1025,\"iframe-url\"],\"size\":[1025],\"show\":[1028],\"overlay\":[1028],\"fixed\":[1028],\"closeOnBlur\":[1028,\"close-on-blur\"],\"rounded\":[1028],\"showHeaderFooter\":[1028,\"show-header-footer\"],\"overlayHeight\":[32],\"bodyOverflowSetting\":[32]}]]],[\"ptc-pagenation.cjs\",[[1,\"ptc-pagenation\",{\"totalCount\":[2,\"total-count\"],\"numberOfItems\":[2,\"number-of-items\"],\"previousValue\":[1,\"previous-value\"],\"lastValue\":[1,\"last-value\"],\"minPageNumber\":[2,\"min-page-number\"],\"maxPageNumber\":[2,\"max-page-number\"],\"clickedPageNumber\":[2,\"clicked-page-number\"],\"appendArray\":[4,\"append-array\"],\"prevArrowImg\":[1,\"prev-arrow-img\"],\"nextArrowImg\":[1,\"next-arrow-img\"],\"pageNumbers\":[32]}]]],[\"ptc-responsive-wrapper.cjs\",[[1,\"ptc-responsive-wrapper\"]]],[\"ptc-shopping-cart.cjs\",[[1,\"ptc-shopping-cart\",{\"cartCount\":[1,\"cart-count\"],\"color\":[1]}]]],[\"ptc-span.cjs\",[[1,\"ptc-span\",{\"spanStyle\":[1,\"span-style\"],\"display\":[1],\"styles\":[1]}]]],[\"ptc-sticky-icons.cjs\",[[1,\"ptc-sticky-icons\",null,[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-tab.cjs\",[[1,\"ptc-tab\",{\"optionClicked\":[1540,\"option-clicked\"],\"label\":[1],\"price\":[1],\"active\":[4],\"disabled\":[516]}]]],[\"ptc-tabs.cjs\",[[1,\"ptc-tabs\",{\"tabs\":[32],\"openTab\":[64]}]]],[\"ptc-text-copy-with-background.cjs\",[[1,\"ptc-text-copy-with-background\",{\"type\":[1],\"backgroundImage\":[1,\"background-image\"],\"ImageAltText\":[1,\"image-alt-text\"],\"topSlitBackgroundColor\":[1,\"top-slit-background-color\"],\"slitPosition\":[1,\"slit-position\"],\"isBackgroundBlur\":[4,\"is-background-blur\"],\"overlay\":[4]}]]],[\"ptc-two-column-media.cjs\",[[1,\"ptc-two-column-media\",{\"componentType\":[1,\"component-type\"]}]]],[\"tab-content.cjs\",[[4,\"tab-content\",{\"name\":[1],\"isSelected\":[32],\"getChild\":[64]}]]],[\"tab-header.cjs\",[[4,\"tab-header\",{\"name\":[1],\"tooltip\":[1],\"isSelected\":[32],\"getChild\":[64]}]]],[\"ptc-ellipsis-dropdown.cjs\",[[1,\"ptc-ellipsis-dropdown\",{\"dataItems\":[16],\"selectedTab\":[1,\"selected-tab\"],\"isDropdownOpen\":[32]},[[4,\"click\",\"offClick\"]]]]],[\"lottie-player.cjs\",[[1,\"lottie-player\",{\"mode\":[1],\"autoplay\":[4],\"background\":[513],\"controls\":[4],\"count\":[2],\"direction\":[2],\"hover\":[4],\"loop\":[516],\"renderer\":[1],\"speed\":[2],\"src\":[1],\"currentState\":[1,\"current-state\"],\"seeker\":[8],\"intermission\":[2],\"play\":[64],\"pause\":[64],\"stop\":[64],\"seek\":[64],\"getLottie\":[64],\"setSpeed\":[64],\"setDirection\":[64],\"setLooping\":[64],\"togglePlay\":[64],\"toggleLooping\":[64]}]]],[\"ptc-button.cjs\",[[1,\"ptc-button\",{\"disabled\":[516],\"active\":[516],\"type\":[1],\"color\":[1],\"iconAnimation\":[1,\"icon-animation\"],\"iconPosition\":[1,\"icon-position\"],\"linkHref\":[1,\"link-href\"],\"linkTitle\":[1,\"link-title\"],\"target\":[1],\"rel\":[1],\"tabNav\":[2,\"tab-nav\"],\"styles\":[1]}]]],[\"ptc-pricing-block.cjs\",[[1,\"ptc-pricing-block\",{\"active\":[4],\"optionClicked\":[1540,\"option-clicked\"]}]]],[\"ptc-readmore.cjs\",[[1,\"ptc-readmore\",{\"moreText\":[1025,\"more-text\"],\"lessText\":[1025,\"less-text\"],\"readMorePosition\":[1,\"read-more-position\"],\"display\":[1],\"visibleLines\":[1,\"visible-lines\"],\"visibleLinesCustom\":[2,\"visible-lines-custom\"],\"zIndex\":[1,\"z-index\"],\"checked\":[1028],\"size\":[1],\"isIcon\":[4,\"is-icon\"],\"color\":[1]},[[9,\"resize\",\"addBtnTruncated\"]]]]],[\"ptc-svg-btn.cjs\",[[1,\"ptc-svg-btn\",{\"svgName\":[1,\"svg-name\"],\"display\":[1]}]]],[\"dropdown-item.cjs\",[[4,\"dropdown-item\",{\"linkHref\":[1,\"link-href\"],\"linkTarget\":[1,\"link-target\"]}]]],[\"ptc-card-content.cjs\",[[1,\"ptc-card-content\",{\"cardType\":[1,\"card-type\"],\"outlineColor\":[1,\"outline-color\"],\"styles\":[1],\"isLoading\":[4,\"is-loading\"],\"setHeight\":[64],\"removeInlineHeight\":[64]}]]],[\"ptc-title.cjs\",[[6,\"ptc-title\",{\"isPlmHub\":[4,\"is-plm-hub\"],\"type\":[1],\"textAlign\":[1,\"text-align\"],\"upperline\":[1],\"titleShadow\":[1,\"title-shadow\"],\"titleColor\":[1,\"title-color\"],\"titleMargin\":[1,\"title-margin\"],\"titleWeight\":[1,\"title-weight\"],\"titleSize\":[1,\"title-size\"],\"titleHeight\":[1,\"title-height\"],\"styles\":[1],\"ellipsisLineCutoff\":[2,\"ellipsis-line-cutoff\"],\"titleDisplay\":[1,\"title-display\"]}]]],[\"ptc-tooltip.cjs\",[[1,\"ptc-tooltip\",{\"textDisplay\":[1,\"text-display\"],\"maxLength\":[2,\"max-length\"],\"textLines\":[2,\"text-lines\"],\"description\":[1],\"zIndex\":[1,\"z-index\"],\"position\":[1],\"styles\":[1],\"mode\":[1]},[[9,\"resize\",\"addTruncatedClass\"]]]]],[\"ptc-card-bottom_3.cjs\",[[1,\"ptc-card-bottom\",{\"cardType\":[1,\"card-type\"],\"styles\":[1]}],[1,\"ptc-card-wrapper\",{\"cardType\":[1,\"card-type\"],\"cardLink\":[1,\"card-link\"],\"linkTitle\":[1,\"link-title\"],\"linkTarget\":[1,\"link-target\"],\"isLoading\":[4,\"is-loading\"]},[[9,\"resize\",\"handleResize\"]]],[1,\"ptc-skeleton\",{\"isLoading\":[4,\"is-loading\"],\"animated\":[4],\"width\":[1],\"borderRadius\":[1,\"border-radius\"],\"topMargin\":[1,\"top-margin\"],\"btmMargin\":[1,\"btm-margin\"]}]]],[\"list-item.cjs\",[[1,\"list-item\",{\"listType\":[1,\"list-type\"],\"linkHref\":[1,\"link-href\"],\"flushBefore\":[4,\"flush-before\"],\"linkTarget\":[1,\"link-target\"]}]]],[\"ptc-overlay.cjs\",[[1,\"ptc-overlay\",{\"filterColor\":[1,\"filter-color\"],\"borderRadius\":[1,\"border-radius\"],\"overlayZIndex\":[1,\"overlay-z-index\"],\"styles\":[1],\"setOverlay\":[64]}]]],[\"icon-asset.cjs\",[[2,\"icon-asset\",{\"name\":[1],\"size\":[1],\"type\":[1],\"spin\":[1],\"pulse\":[1],\"color\":[1],\"isMobileSelect\":[4,\"is-mobile-select\"],\"injectedStyle\":[1,\"injected-style\"]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"ptc-card_6.cjs\",[[1,\"ptc-card\",{\"cardType\":[1,\"card-type\"],\"cardHref\":[1,\"card-href\"],\"target\":[1],\"rel\":[1],\"hasImage\":[4,\"has-image\"],\"hasVideo\":[4,\"has-video\"],\"hasLottie\":[4,\"has-lottie\"],\"heading\":[1],\"headingTransform\":[1,\"heading-transform\"],\"cardDate\":[1,\"card-date\"],\"styles\":[1],\"ribbonText\":[1,\"ribbon-text\"],\"eventType\":[1,\"event-type\"],\"cardLogo\":[1,\"card-logo\"],\"titleLineCutOff\":[2,\"title-line-cut-off\"]}],[1,\"ptc-spacer\",{\"breakpoint\":[1],\"size\":[1],\"direction\":[1]}],[1,\"ptc-date\",{\"year\":[2],\"month\":[2],\"day\":[2],\"country\":[1],\"dateString\":[1,\"date-string\"],\"dateColor\":[1,\"date-color\"],\"dateStyles\":[1,\"date-styles\"],\"dataSize\":[1,\"data-size\"]}],[4,\"ptc-img\",{\"sizeXs\":[1025,\"size-xs\"],\"sizeSm\":[1025,\"size-sm\"],\"sizeMd\":[1025,\"size-md\"],\"sizeLg\":[1025,\"size-lg\"],\"imgUrl\":[1,\"img-url\"],\"imageType\":[1,\"image-type\"],\"borderRadius\":[1,\"border-radius\"],\"loadMode\":[1,\"load-mode\"]},[[9,\"resize\",\"WindowResize\"]]],[1,\"ptc-para\",{\"fontSize\":[1,\"font-size\"],\"fontWeight\":[1,\"font-weight\"],\"paraStyle\":[1,\"para-style\"],\"paraColor\":[1,\"para-color\"],\"paraLineH\":[1,\"para-line-h\"],\"paraMargin\":[1,\"para-margin\"],\"paraAlign\":[1,\"para-align\"],\"ellipsisLineCutoff\":[2,\"ellipsis-line-cutoff\"],\"paraZIndex\":[1,\"para-z-index\"]}],[1,\"ptc-picture\",{\"src\":[1],\"alt\":[1],\"sizeXs\":[1025,\"size-xs\"],\"sizeSm\":[1025,\"size-sm\"],\"sizeMd\":[1025,\"size-md\"],\"sizeLg\":[1025,\"size-lg\"],\"imagePosition\":[1,\"image-position\"],\"borderRadius\":[1,\"border-radius\"],\"height\":[1],\"width\":[1],\"objectFit\":[1,\"object-fit\"],\"isFullHeight\":[4,\"is-full-height\"],\"isFullWidth\":[4,\"is-full-width\"],\"styles\":[1],\"imageAlignment\":[1,\"image-alignment\"],\"maxWidth\":[1,\"max-width\"],\"oldSrc\":[32]},[[9,\"resize\",\"WindowResize\"]]]]],[\"bundle-example.cjs\",[[1,\"bundle-example\",{\"isLoading\":[32],\"picWidth\":[32],\"picHeight\":[32]},[[9,\"resize\",\"handleWindowResize\"]]]]],[\"ptc-announcement.cjs\",[[1,\"ptc-announcement\",{\"barTitle\":[1025,\"bar-title\"],\"description\":[1025],\"linkText\":[513,\"link-text\"],\"linkTitle\":[513,\"link-title\"],\"visible\":[1540],\"linkUrl\":[1537,\"link-url\"],\"insideContainer\":[4,\"inside-container\"],\"target\":[1025],\"windowSize\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-dynamic-card.cjs\",[[1,\"ptc-dynamic-card\",{\"cardType\":[1,\"card-type\"],\"cardTitle\":[1,\"card-title\"],\"cardImgSrc\":[1,\"card-img-src\"],\"cardImgAlt\":[1,\"card-img-alt\"],\"outCardState\":[1025,\"out-card-state\"],\"cardStatus\":[32],\"overlayExists\":[32],\"changeState\":[64]}]]],[\"ptc-pricing-tabs.cjs\",[[1,\"ptc-pricing-tabs\",{\"productTag\":[1,\"product-tag\"],\"header\":[1],\"tabLabel\":[1,\"tab-label\"],\"filterTag\":[1,\"filter-tag\"],\"tabItems\":[32],\"isMobileViewPort\":[32]},[[9,\"resize\",\"setIsMobileViewPort\"]]]]],[\"ptc-tab-list.cjs\",[[4,\"ptc-tab-list\",{\"type\":[1],\"selectedValue\":[32]},[[0,\"tabClicked\",\"onSelectedTab\"],[9,\"resize\",\"calculateHeaderTabsRendering\"]]]]],[\"ptc-breadcrumb.cjs\",[[1,\"ptc-breadcrumb\"]]],[\"ptc-collapse-list.cjs\",[[1,\"ptc-collapse-list\",{\"header\":[1],\"listItems\":[1040],\"placeholderText\":[1025,\"placeholder-text\"],\"debounceUpdateDelay\":[1026,\"debounce-update-delay\"],\"data\":[32],\"searchText\":[32],\"selectedValue\":[32],\"selectedItems\":[32],\"hashMap\":[32],\"debouncedUpdatedEvent\":[32],\"refreshBuffer\":[32],\"removeSelectedItem\":[64],\"addSelectedItem\":[64]}]]],[\"ptc-hero.cjs\",[[1,\"ptc-hero\",{\"heroType\":[1,\"hero-type\"],\"bgUrl\":[1,\"bg-url\"],\"contentAlignment\":[1,\"content-alignment\"]}]]],[\"ptc-previous-url.cjs\",[[1,\"ptc-previous-url\",{\"href\":[1],\"text\":[1]}]]],[\"ptc-checkbox.cjs\",[[1,\"ptc-checkbox\",{\"checked\":[1025],\"value\":[1025],\"disabled\":[1028],\"inputName\":[1,\"input-name\"]}]]],[\"ptc-dropdown.cjs\",[[1,\"ptc-dropdown\",{\"theme\":[1],\"label\":[1],\"listItems\":[16],\"toggle\":[32],\"selectedItem\":[32]},[[4,\"click\",\"offClick\"]]]]],[\"ptc-filter-tag.cjs\",[[1,\"ptc-filter-tag\",{\"theme\":[1],\"iconColorMap\":[32]}]]],[\"ptc-icon-minimize.cjs\",[[1,\"ptc-icon-minimize\",{\"heading\":[1025],\"opened\":[1028]}]]],[\"ptc-link.cjs\",[[1,\"ptc-link\",{\"disabled\":[516],\"external\":[516],\"href\":[1],\"target\":[1],\"linkTitle\":[1,\"link-title\"],\"theme\":[1],\"uppercase\":[4],\"fontSize\":[1,\"font-size\"],\"fontWeight\":[1,\"font-weight\"],\"linkArea\":[1,\"link-area\"]}]]],[\"ptc-list.cjs\",[[1,\"ptc-list\",{\"listType\":[1,\"list-type\"],\"listItems\":[16]}]]],[\"ptc-lottie.cjs\",[[1,\"ptc-lottie\",{\"jsonSrc\":[1025,\"json-src\"],\"speed\":[1026]}]]],[\"ptc-media-card.cjs\",[[1,\"ptc-media-card\",{\"cardType\":[1,\"card-type\"],\"cardHref\":[1,\"card-href\"],\"target\":[1],\"rel\":[1],\"activeBackgroundImage\":[1025,\"active-background-image\"],\"hoverBackgroundImage\":[1025,\"hover-background-image\"],\"heading\":[1025],\"headingTransform\":[1025,\"heading-transform\"],\"category\":[1025],\"isHovered\":[1028,\"is-hovered\"]}]]],[\"ptc-mobile-select.cjs\",[[0,\"ptc-mobile-select\",{\"triggerName\":[1,\"trigger-name\"],\"selectedText\":[1,\"selected-text\"],\"wheelData\":[1040],\"selectedId\":[1,\"selected-id\"],\"ensureBtnText\":[1,\"ensure-btn-text\"],\"cancelBtnText\":[1,\"cancel-btn-text\"],\"listTitle\":[1,\"list-title\"]}]]],[\"ptc-nav-card.cjs\",[[1,\"ptc-nav-card\",{\"cardType\":[1025,\"card-type\"],\"cardHref\":[1025,\"card-href\"],\"cardHrefAlt\":[1025,\"card-href-alt\"],\"target\":[1025],\"rel\":[1025],\"cardLogo\":[1025,\"card-logo\"],\"heading\":[1025],\"description\":[1025],\"windowSize\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-pagenation.cjs\",[[1,\"ptc-pagenation\",{\"totalCount\":[2,\"total-count\"],\"numberOfItems\":[2,\"number-of-items\"],\"previousValue\":[1,\"previous-value\"],\"lastValue\":[1,\"last-value\"],\"minPageNumber\":[2,\"min-page-number\"],\"maxPageNumber\":[2,\"max-page-number\"],\"clickedPageNumber\":[2,\"clicked-page-number\"],\"appendArray\":[4,\"append-array\"],\"prevArrowImg\":[1,\"prev-arrow-img\"],\"nextArrowImg\":[1,\"next-arrow-img\"],\"theme\":[1],\"pageNumbers\":[32]}]]],[\"ptc-quote.cjs\",[[1,\"ptc-quote\",{\"quoteType\":[1025,\"quote-type\"],\"quoteName\":[1025,\"quote-name\"],\"ctaText\":[1,\"cta-text\"],\"ctaUrl\":[1,\"cta-url\"],\"imgSrc\":[1,\"img-src\"],\"imgTitle\":[1,\"img-title\"]}]]],[\"ptc-search-field.cjs\",[[1,\"ptc-search-field\",{\"textValue\":[1,\"text-value\"],\"placeholderLabel\":[1,\"placeholder-label\"],\"darkTheme\":[4,\"dark-theme\"]}]]],[\"ptc-social-share.cjs\",[[1,\"ptc-social-share\",{\"display\":[1],\"shareType\":[1,\"share-type\"],\"shareTitle\":[1,\"share-title\"],\"text\":[1],\"url\":[1],\"source\":[1],\"recipient\":[1],\"iconColor\":[1,\"icon-color\"],\"iconHoverColor\":[1,\"icon-hover-color\"],\"isHover\":[32]}]]],[\"max-width-container.cjs\",[[1,\"max-width-container\",{\"maxWidth\":[2,\"max-width\"],\"breakpoint\":[2]}]]],[\"my-component.cjs\",[[1,\"my-component\",{\"first\":[1],\"middle\":[1],\"last\":[1]}]]],[\"ptc-accordion.cjs\",[[1,\"ptc-accordion\",{\"multiple\":[4]},[[0,\"opened\",\"openHandler\"]]]]],[\"ptc-accordion-item.cjs\",[[1,\"ptc-accordion-item\",{\"heading\":[1],\"headingTag\":[1,\"heading-tag\"],\"autoHeight\":[4,\"auto-height\"],\"active\":[1540],\"hasHeadingSlot\":[32],\"hasArrowSlot\":[32],\"toggle\":[64],\"close\":[64],\"open\":[64]}]]],[\"ptc-background-video.cjs\",[[1,\"ptc-background-video\",{\"videoSrc\":[1,\"video-src\"],\"posterSrc\":[1,\"poster-src\"],\"overlay\":[4],\"type\":[1]}]]],[\"ptc-container.cjs\",[[1,\"ptc-container\",{\"backgroundColor\":[1,\"background-color\"],\"elevation\":[1],\"containerType\":[1,\"container-type\"],\"spacing\":[1]}]]],[\"ptc-hero-footer-cta.cjs\",[[6,\"ptc-hero-footer-cta\",{\"ctaTitle\":[1,\"cta-title\"],\"description\":[1],\"backgroundImage\":[1,\"background-image\"]}]]],[\"ptc-icon-list.cjs\",[[1,\"ptc-icon-list\",{\"listType\":[1,\"list-type\"],\"valueWithUnit\":[1,\"value-with-unit\"],\"valueText\":[1,\"value-text\"],\"listContent\":[1,\"list-content\"],\"isLastItem\":[4,\"is-last-item\"]}]]],[\"ptc-minimized-footer.cjs\",[[1,\"ptc-minimized-footer\"]]],[\"ptc-minimized-header.cjs\",[[1,\"ptc-minimized-header\",{\"linkUrl\":[513,\"link-url\"],\"imgSrc\":[513,\"img-src\"],\"imgAlt\":[513,\"img-alt\"]}]]],[\"ptc-modal.cjs\",[[1,\"ptc-modal\",{\"iframeUrl\":[1025,\"iframe-url\"],\"size\":[1025],\"show\":[1028],\"overlay\":[1028],\"fixed\":[1028],\"closeOnBlur\":[1028,\"close-on-blur\"],\"rounded\":[1028],\"showHeaderFooter\":[1028,\"show-header-footer\"],\"overlayHeight\":[32],\"bodyOverflowSetting\":[32]}]]],[\"ptc-responsive-wrapper.cjs\",[[1,\"ptc-responsive-wrapper\"]]],[\"ptc-shopping-cart.cjs\",[[1,\"ptc-shopping-cart\",{\"cartCount\":[1,\"cart-count\"],\"color\":[1]}]]],[\"ptc-span.cjs\",[[1,\"ptc-span\",{\"spanStyle\":[1,\"span-style\"],\"display\":[1],\"styles\":[1]}]]],[\"ptc-sticky-icons.cjs\",[[1,\"ptc-sticky-icons\",null,[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-tab.cjs\",[[1,\"ptc-tab\",{\"optionClicked\":[1540,\"option-clicked\"],\"label\":[1],\"price\":[1],\"active\":[4],\"disabled\":[516]}]]],[\"ptc-tabs.cjs\",[[1,\"ptc-tabs\",{\"tabs\":[32],\"openTab\":[64]}]]],[\"ptc-text-copy-with-background.cjs\",[[1,\"ptc-text-copy-with-background\",{\"type\":[1],\"backgroundImage\":[1,\"background-image\"],\"ImageAltText\":[1,\"image-alt-text\"],\"topSlitBackgroundColor\":[1,\"top-slit-background-color\"],\"slitPosition\":[1,\"slit-position\"],\"isBackgroundBlur\":[4,\"is-background-blur\"],\"overlay\":[4]}]]],[\"ptc-two-column-media.cjs\",[[1,\"ptc-two-column-media\",{\"componentType\":[1,\"component-type\"]}]]],[\"tab-content.cjs\",[[4,\"tab-content\",{\"name\":[1],\"isSelected\":[32],\"getChild\":[64]}]]],[\"tab-header.cjs\",[[4,\"tab-header\",{\"name\":[1],\"tooltip\":[1],\"isSelected\":[32],\"getChild\":[64]}]]],[\"ptc-ellipsis-dropdown.cjs\",[[1,\"ptc-ellipsis-dropdown\",{\"dataItems\":[16],\"selectedTab\":[1,\"selected-tab\"],\"isDropdownOpen\":[32]},[[4,\"click\",\"offClick\"]]]]],[\"lottie-player.cjs\",[[1,\"lottie-player\",{\"mode\":[1],\"autoplay\":[4],\"background\":[513],\"controls\":[4],\"count\":[2],\"direction\":[2],\"hover\":[4],\"loop\":[516],\"renderer\":[1],\"speed\":[2],\"src\":[1],\"currentState\":[1,\"current-state\"],\"seeker\":[8],\"intermission\":[2],\"play\":[64],\"pause\":[64],\"stop\":[64],\"seek\":[64],\"getLottie\":[64],\"setSpeed\":[64],\"setDirection\":[64],\"setLooping\":[64],\"togglePlay\":[64],\"toggleLooping\":[64]}]]],[\"ptc-button.cjs\",[[1,\"ptc-button\",{\"disabled\":[516],\"active\":[516],\"type\":[1],\"color\":[1],\"iconAnimation\":[1,\"icon-animation\"],\"iconPosition\":[1,\"icon-position\"],\"linkHref\":[1,\"link-href\"],\"linkTitle\":[1,\"link-title\"],\"target\":[1],\"rel\":[1],\"tabNav\":[2,\"tab-nav\"],\"styles\":[1]}]]],[\"ptc-pricing-block.cjs\",[[1,\"ptc-pricing-block\",{\"active\":[4],\"optionClicked\":[1540,\"option-clicked\"]}]]],[\"ptc-readmore.cjs\",[[1,\"ptc-readmore\",{\"moreText\":[1025,\"more-text\"],\"lessText\":[1025,\"less-text\"],\"readMorePosition\":[1,\"read-more-position\"],\"display\":[1],\"visibleLines\":[1,\"visible-lines\"],\"visibleLinesCustom\":[2,\"visible-lines-custom\"],\"zIndex\":[1,\"z-index\"],\"checked\":[1028],\"size\":[1],\"isIcon\":[4,\"is-icon\"],\"color\":[1]},[[9,\"resize\",\"addBtnTruncated\"]]]]],[\"ptc-svg-btn.cjs\",[[1,\"ptc-svg-btn\",{\"svgName\":[1,\"svg-name\"],\"display\":[1]}]]],[\"dropdown-item.cjs\",[[4,\"dropdown-item\",{\"linkHref\":[1,\"link-href\"],\"linkTarget\":[1,\"link-target\"]}]]],[\"ptc-card-content.cjs\",[[1,\"ptc-card-content\",{\"cardType\":[1,\"card-type\"],\"outlineColor\":[1,\"outline-color\"],\"styles\":[1],\"isLoading\":[4,\"is-loading\"],\"setHeight\":[64],\"removeInlineHeight\":[64]}]]],[\"ptc-title.cjs\",[[6,\"ptc-title\",{\"isPlmHub\":[4,\"is-plm-hub\"],\"type\":[1],\"textAlign\":[1,\"text-align\"],\"upperline\":[1],\"titleShadow\":[1,\"title-shadow\"],\"titleColor\":[1,\"title-color\"],\"titleMargin\":[1,\"title-margin\"],\"titleWeight\":[1,\"title-weight\"],\"titleSize\":[1,\"title-size\"],\"titleHeight\":[1,\"title-height\"],\"styles\":[1],\"ellipsisLineCutoff\":[2,\"ellipsis-line-cutoff\"],\"titleDisplay\":[1,\"title-display\"]}]]],[\"ptc-tooltip.cjs\",[[1,\"ptc-tooltip\",{\"textDisplay\":[1,\"text-display\"],\"maxLength\":[2,\"max-length\"],\"textLines\":[2,\"text-lines\"],\"description\":[1],\"zIndex\":[1,\"z-index\"],\"position\":[1],\"styles\":[1],\"mode\":[1],\"theme\":[1]},[[9,\"resize\",\"addTruncatedClass\"]]]]],[\"ptc-card-bottom_3.cjs\",[[1,\"ptc-card-bottom\",{\"cardType\":[1,\"card-type\"],\"styles\":[1]}],[1,\"ptc-card-wrapper\",{\"cardType\":[1,\"card-type\"],\"cardLink\":[1,\"card-link\"],\"linkTitle\":[1,\"link-title\"],\"linkTarget\":[1,\"link-target\"],\"isLoading\":[4,\"is-loading\"]},[[9,\"resize\",\"handleResize\"]]],[1,\"ptc-skeleton\",{\"isLoading\":[4,\"is-loading\"],\"animated\":[4],\"width\":[1],\"borderRadius\":[1,\"border-radius\"],\"topMargin\":[1,\"top-margin\"],\"btmMargin\":[1,\"btm-margin\"]}]]],[\"list-item.cjs\",[[1,\"list-item\",{\"listType\":[1,\"list-type\"],\"linkHref\":[1,\"link-href\"],\"flushBefore\":[4,\"flush-before\"],\"linkTarget\":[1,\"link-target\"]}]]],[\"ptc-overlay.cjs\",[[1,\"ptc-overlay\",{\"filterColor\":[1,\"filter-color\"],\"borderRadius\":[1,\"border-radius\"],\"overlayZIndex\":[1,\"overlay-z-index\"],\"styles\":[1],\"setOverlay\":[64]}]]],[\"icon-asset.cjs\",[[2,\"icon-asset\",{\"name\":[1],\"size\":[1],\"type\":[1],\"spin\":[1],\"pulse\":[1],\"color\":[1],\"isMobileSelect\":[4,\"is-mobile-select\"],\"injectedStyle\":[1,\"injected-style\"]}]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/ptc-checkbox/ptc-checkbox.css

@@ -12,7 +12,7 @@
   padding-left: var(--spacing-lg);
   font-weight: var(--ptc-font-weight-regular);
   font-size: var(--ptc-font-size-x-small);
-  height: 1.375rem;
+  line-height: 1.375rem;
 }
 :host .ptc-checkbox input {
   position: absolute;
@@ -53,4 +53,21 @@
 }
 :host .ptc-checkbox:hover input:checked ~ .check {
   background-color: var(--color-gray-12);
+}
+:host .ptc-checkbox.disabled {
+  cursor: not-allowed;
+  color: var(--color-gray-04);
+}
+:host .ptc-checkbox.disabled .mark {
+  opacity: 0;
+}
+:host .ptc-checkbox.disabled .check {
+  background-color: var(--color-white);
+  border: 1px dashed var(--color-gray-04);
+}
+:host .ptc-checkbox.disabled:hover input ~ .check {
+  background-color: var(--color-white);
+}
+:host .ptc-checkbox.disabled:hover input:checked ~ .check {
+  background-color: var(--color-white);
 }

package/dist/collection/components/ptc-checkbox/ptc-checkbox.js

@@ -2,23 +2,34 @@ import { h, Host } from '@stencil/core';
 export class PtcCheckbox {
   constructor() {
     this.handleClick = (e) => {
-      let input = this.host.shadowRoot.querySelector('input');
-      if (this.checked == 'unchecked') {
-        this.checked = 'checked';
+      if (this.disabled) {
+        e.preventDefault();
+      }
+    };
+    this.handleChange = (e) => {
+      if (this.disabled) {
+        e.preventDefault();
       }
       else {
-        this.checked = 'unchecked';
+        let input = this.host.shadowRoot.querySelector('input');
+        if (this.checked == 'unchecked') {
+          this.checked = 'checked';
+        }
+        else {
+          this.checked = 'unchecked';
+        }
+        let parameter = {
+          event: e,
+          sender: input,
+          value: this.value,
+          checked: this.checked
+        };
+        this.checkedChanged.emit(parameter);
       }
-      let parameter = {
-        event: e,
-        sender: input,
-        value: this.value,
-        checked: this.checked
-      };
-      this.checkedChanged.emit(parameter);
     };
     this.checked = 'unchecked';
     this.value = undefined;
+    this.disabled = undefined;
     this.inputName = undefined;
   }
   componentDidLoad() {
@@ -26,7 +37,13 @@ export class PtcCheckbox {
     input.checked = this.checked == 'checked';
   }
   render() {
-    return (h(Host, null, h("label", { class: "ptc-checkbox" }, h("slot", null), h("input", { type: "checkbox", checked: this.checked == "checked", name: this.inputName, value: this.value, onChange: (e) => this.handleClick(e) }), h("span", { class: "check" }, h("span", { class: "mark" }, h("icon-asset", { type: "ptc", color: "white", size: "xx-small", name: "checkmark" }))))));
+    return (h(Host, null, h("label", { class: this.getCssClassMap() }, h("slot", null), h("input", { type: "checkbox", onClick: (e) => this.handleClick(e), checked: this.checked == "checked", name: this.inputName, value: this.value, onChange: (e) => this.handleChange(e) }), h("span", { class: "check" }, h("span", { class: "mark" }, h("icon-asset", { type: "ptc", color: "white", size: "xx-small", name: "checkmark" }))))));
+  }
+  getCssClassMap() {
+    return {
+      ['ptc-checkbox']: true,
+      ['disabled']: this.disabled
+    };
   }
   static get is() { return "ptc-checkbox"; }
   static get encapsulation() { return "shadow"; }
@@ -77,6 +94,23 @@ export class PtcCheckbox {
         "attribute": "value",
         "reflect": false
       },
+      "disabled": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disabled",
+        "reflect": false
+      },
       "inputName": {
         "type": "string",
         "mutable": false,

package/dist/collection/components/ptc-dropdown/ptc-dropdown.css

@@ -83,7 +83,7 @@
 }
 .ptc-dropdown.support .dropdown__header {
   transition: background-color var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium);
-  background-color: var(--color-white);
+  background-color: transparent;
   border: none;
   font-size: var(--ptc-font-size-xx-small);
   font-weight: var(--ptc-font-weight-semibold);

package/dist/collection/components/ptc-pagenation/ptc-pagenation.css

@@ -18,6 +18,92 @@
   vertical-align: middle;
 }
 
+.standard-filter {
+  text-align: center;
+}
+.standard-filter .standard-filter-item {
+  height: 2.5rem;
+  width: 2.5rem;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 0.5rem;
+  transition: background-color var(--ptc-ease-out) var(--ptc-transition-medium);
+  background-color: transparent;
+  border-radius: var(--ptc-border-radius-standard);
+  color: var(--color-gray-12);
+  text-decoration: none;
+}
+.standard-filter .standard-filter-item:hover {
+  background-color: var(--color-gray-04);
+  text-decoration: none;
+}
+.standard-filter .standard-filter-item:focus {
+  text-decoration: none;
+  outline: 3px solid var(--color-blue-07);
+  outline-offset: 2px;
+}
+.standard-filter .standard-filter-item:active {
+  background-color: var(--color-gray-05);
+  text-decoration: none;
+}
+.standard-filter .standard-filter-item.active {
+  background-color: var(--color-gray-12);
+  color: var(--color-white);
+}
+.standard-filter .standard-filter-item.active:hover {
+  background-color: var(--color-gray-12);
+  cursor: default;
+}
+.standard-filter .next-button, .standard-filter .previous-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.125rem;
+  height: 1.125rem;
+  border: 1px solid var(--color-gray-10);
+  border-radius: calc(var(--ptc-border-radius-standard) / 2);
+  transition: background-color var(--ptc-ease-out) var(--ptc-transition-medium), fill var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium);
+}
+.standard-filter .next-button:hover, .standard-filter .previous-button:hover {
+  background-color: var(--color-gray-04);
+  text-decoration: none;
+}
+.standard-filter .next-button:active, .standard-filter .previous-button:active {
+  background-color: var(--color-gray-05);
+  text-decoration: none;
+}
+.standard-filter .next-button:focus, .standard-filter .previous-button:focus {
+  text-decoration: none;
+  outline: 3px solid var(--color-blue-07);
+  outline-offset: 2px;
+}
+.standard-filter .next-button.disabled, .standard-filter .previous-button.disabled {
+  cursor: default;
+  border-color: var(--color-gray-04);
+  color: var(--color-gray-04);
+  fill: var(--color-gray-04);
+}
+.standard-filter .next-button.disabled:hover, .standard-filter .next-button.disabled:active, .standard-filter .previous-button.disabled:hover, .standard-filter .previous-button.disabled:active {
+  background-color: transparent;
+}
+.standard-filter .previous-button {
+  margin-right: 0.5rem;
+}
+.standard-filter .previous-button icon-asset {
+  transform: rotate(90deg);
+  position: relative;
+  right: 2px;
+}
+.standard-filter .next-button icon-asset {
+  transform: rotate(-90deg);
+  position: relative;
+  left: 1px;
+}
+.standard-filter .standard-filter-dots {
+  margin: 1.125rem;
+}
+
 .show-page {
   display: inline;
 }

package/dist/collection/components/ptc-pagenation/ptc-pagenation.js

@@ -1,13 +1,17 @@
 import { h } from '@stencil/core';
 export class PtcPagenation {
   constructor() {
-    this.handleClick = () => {
+    this.handleClick = (e) => {
+      if (e) {
+        e.preventDefault();
+      }
+      let pageLength = this.getPageLength(); //this.theme == "events" ? 3 : 2;
       if (this.clickedPageNumber < this.getPageCount()) {
         if (this.clickedPageNumber + 1 <= this.maxPageNumber) {
-          this.handleClickPage(this.clickedPageNumber + 1);
+          this.handleClickPage(e, this.clickedPageNumber + 1);
         }
         else {
-          this.minPageNumber = this.minPageNumber + 4;
+          this.minPageNumber = this.minPageNumber + pageLength;
           this.clickedPageNumber = this.clickedPageNumber + 1;
           this.appendArray = true;
           this.pageNumbers = [...this.pageNumbers];
@@ -15,13 +19,20 @@ export class PtcPagenation {
         }
       }
     };
-    this.handleClickPrev = () => {
+    this.handleClickPrev = (e) => {
+      if (e) {
+        e.preventDefault();
+      }
+      let pageLength = this.getPageLength(); // this.theme == "events" ? 3 : 2;
       if (this.clickedPageNumber > 1) {
         if (this.clickedPageNumber - 1 >= this.minPageNumber) {
-          this.handleClickPage(this.clickedPageNumber - 1);
+          this.handleClickPage(e, this.clickedPageNumber - 1);
         }
         else {
-          this.minPageNumber = this.minPageNumber - 4;
+          this.minPageNumber = this.minPageNumber - pageLength;
+          if (this.minPageNumber < 1) {
+            this.minPageNumber = 1;
+          }
           this.clickedPageNumber = this.clickedPageNumber - 1;
           this.appendArray = true;
           this.pageNumbers = [...this.pageNumbers];
@@ -41,13 +52,42 @@ export class PtcPagenation {
       }
       return Math.floor(pageCount);
     };
-    this.getIndex = (appendarr) => {
+    this.getIndex = () => {
       //var games : string[] = [];
       //let games : HTMLElement[] = [];
       //let items: pageItem[] = [];
-      if (appendarr) {
+      let pageLength = this.getPageLength(); //this.theme == "events" ? 3 : 2;
+      if (this.appendArray) {
         let pageCountVal = this.getPageCount();
-        this.maxPageNumber = pageCountVal >= this.minPageNumber + 3 ? this.minPageNumber + 3 : pageCountVal;
+        if (this.theme == "standard") {
+          if (this.getPageCount() <= 6) {
+            this.minPageNumber = 1;
+            this.maxPageNumber = this.getPageCount();
+          }
+          else {
+            if (pageLength == 2) {
+              this.minPageNumber = this.clickedPageNumber - 1;
+              this.maxPageNumber = this.clickedPageNumber + 1;
+            }
+            else {
+              if (this.clickedPageNumber < pageLength) {
+                this.minPageNumber = 1;
+              }
+              if (this.clickedPageNumber < pageCountVal - 2) {
+                this.maxPageNumber = this.minPageNumber + 4;
+                if (this.maxPageNumber > pageCountVal) {
+                  this.maxPageNumber = pageCountVal;
+                }
+              }
+              else {
+                this.maxPageNumber = pageCountVal;
+              }
+            }
+          }
+        }
+        else {
+          this.maxPageNumber = pageCountVal >= this.minPageNumber + pageLength ? this.minPageNumber + pageLength : pageCountVal;
+        }
         this.pageNumbers = [];
         for (let i = this.minPageNumber; i <= this.maxPageNumber; i++) {
           let id = i + "Id";
@@ -81,15 +121,67 @@ export class PtcPagenation {
     this.appendArray = true;
     this.prevArrowImg = "/dist/ptc/images/sidescroll-left-curved.svg";
     this.nextArrowImg = "/dist/ptc/images/sidescroll-right-curved.svg";
+    this.theme = 'events';
+  }
+  componentWillLoad() {
+    if (this.clickedPageNumber < 1) {
+      this.clickedPageNumber == 1;
+    }
+    if (this.clickedPageNumber > 1) {
+      if (this.clickedPageNumber > this.getPageCount()) {
+        this.clickedPageNumber = this.getPageCount();
+        this.maxPageNumber = this.getPageCount();
+        this.minPageNumber = this.clickedPageNumber - 2;
+      }
+      else {
+        this.maxPageNumber = this.clickedPageNumber + 1;
+        this.minPageNumber = this.clickedPageNumber - 1;
+      }
+    }
   }
   render() {
     let pageCountValue = this.getPageCount();
-    this.pageNumbers = [...this.getIndex(this.appendArray)];
-    return (h("div", { class: "events-filter" }, h("span", { class: this.clickedPageNumber == 1 ? "events-filter-item disabled prev-text" : "events-filter-item prev-text" }, this.previousValue), h("img", { src: this.prevArrowImg, onClick: this.handleClickPrev, class: this.clickedPageNumber == 1 ? "pagenation-arrow prev-page events-disable-arrows" : "pagenation-arrow prev-page" }), this.pageNumbers.map(anchoritem => {
-      return (h("a", { href: "#", "data-url": anchoritem.id, "data-page": anchoritem.dataPage, class: anchoritem.isActive ? "events-filter-item active" : "events-filter-item", onClick: () => this.handleClickPage(anchoritem.dataPage) }, anchoritem.dataPage));
-    }), pageCountValue > this.maxPageNumber ? (h("span", { class: "events-filter-dots" }, ". . .")) : null, h("img", { src: this.nextArrowImg, onClick: this.handleClick, class: this.clickedPageNumber == pageCountValue ? "pagenation-arrow last-page events-disable-arrows" : "pagenation-arrow last-page" }), h("span", { class: this.clickedPageNumber == pageCountValue ? "events-filter-item disabled last-text" : "events-filter-item last-text" }, this.lastValue)));
+    let pageLength = this.getPageLength();
+    this.pageNumbers = [...this.getIndex()];
+    switch (this.theme) {
+      case "standard":
+        let allowSkip = pageCountValue > 6;
+        return (h("div", { class: "standard-filter" }, h("a", { href: "#", class: this.clickedPageNumber == 1 ? "previous-button disabled" : "previous-button", onClick: this.handleClickPrev }, h("icon-asset", { type: "ptc", name: "chevron-down", size: "xxx-small" })), allowSkip && this.clickedPageNumber > pageLength ? [
+          h("a", { href: "#", "data-url": "first", "data-page": 1, class: "standard-filter-item", onClick: (e) => this.handlePageSkip(e, 1) }, 1),
+          h("span", { class: "standard-filter-dots" }, "...")
+        ] : null, this.pageNumbers.map(anchoritem => {
+          return (h("a", { href: "#", "data-url": anchoritem.id, "data-page": anchoritem.dataPage, class: anchoritem.isActive ? "standard-filter-item active" : "standard-filter-item", onClick: (e) => this.handleClickPage(e, anchoritem.dataPage) }, anchoritem.dataPage));
+        }), allowSkip && pageCountValue > this.maxPageNumber ? [
+          h("span", { class: "standard-filter-dots" }, "..."),
+          h("a", { href: "#", "data-url": "last", "data-page": pageCountValue, class: "standard-filter-item", onClick: (e) => this.handlePageSkip(e, pageCountValue) }, pageCountValue)
+        ] : null, h("a", { href: "#", class: this.clickedPageNumber == pageCountValue ? "next-button disabled" : "next-button", onClick: this.handleClick }, h("icon-asset", { type: "ptc", name: "chevron-down", size: "xxx-small" }))));
+      case "events":
+      default:
+        return (h("div", { class: "events-filter" }, h("span", { class: this.clickedPageNumber == 1 ? "events-filter-item disabled prev-text" : "events-filter-item prev-text" }, this.previousValue), h("img", { src: this.prevArrowImg, onClick: this.handleClickPrev, class: this.clickedPageNumber == 1 ? "pagenation-arrow prev-page events-disable-arrows" : "pagenation-arrow prev-page" }), this.pageNumbers.map(anchoritem => {
+          return (h("a", { href: "#", "data-url": anchoritem.id, "data-page": anchoritem.dataPage, class: anchoritem.isActive ? "events-filter-item active" : "events-filter-item", onClick: (e) => this.handleClickPage(e, anchoritem.dataPage) }, anchoritem.dataPage));
+        }), pageCountValue > this.maxPageNumber ? (h("span", { class: "events-filter-dots" }, ". . .")) : null, h("img", { src: this.nextArrowImg, onClick: this.handleClick, class: this.clickedPageNumber == pageCountValue ? "pagenation-arrow last-page events-disable-arrows" : "pagenation-arrow last-page" }), h("span", { class: this.clickedPageNumber == pageCountValue ? "events-filter-item disabled last-text" : "events-filter-item last-text" }, this.lastValue)));
+    }
+  }
+  handlePageSkip(e, clickedPage) {
+    if (e) {
+      e.preventDefault();
+    }
+    if (clickedPage == 1) {
+      this.minPageNumber = 1;
+      this.maxPageNumber = this.maxPageNumber + 4;
+    }
+    else {
+      this.maxPageNumber = clickedPage;
+      this.minPageNumber = this.maxPageNumber - 4;
+    }
+    this.clickedPageNumber = clickedPage;
+    this.appendArray = true;
+    this.pageClicked.emit(clickedPage);
   }
-  handleClickPage(clickedPage) {
+  handleClickPage(e, clickedPage) {
+    if (e) {
+      e.preventDefault();
+    }
     this.clickedPageNumber = clickedPage;
     let newArray = [];
     this.appendArray = false;
@@ -101,6 +193,21 @@ export class PtcPagenation {
     this.pageNumbers = [...newArray];
     this.pageClicked.emit(clickedPage);
   }
+  getPageLength() {
+    if (this.theme == "standard") {
+      this.appendArray = true;
+      if (this.clickedPageNumber > 3 &&
+        this.clickedPageNumber < this.getPageCount() - 2) {
+        return 2;
+      }
+      else {
+        return 4;
+      }
+    }
+    else {
+      return 3;
+    }
+  }
   static get is() { return "ptc-pagenation"; }
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() {
@@ -293,6 +400,24 @@ export class PtcPagenation {
         "attribute": "next-arrow-img",
         "reflect": false,
         "defaultValue": "\"/dist/ptc/images/sidescroll-right-curved.svg\""
+      },
+      "theme": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'events' | 'standard'",
+          "resolved": "\"events\" | \"standard\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "theme",
+        "reflect": false,
+        "defaultValue": "'events'"
       }
     };
   }

package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.css

@@ -772,4 +772,15 @@ ptc-pricing-block {
 }
 ptc-pricing-block.is-active {
   cursor: inherit;
+}
+
+.tabs {
+  position: relative;
+}
+
+.attached {
+  position: absolute;
+  top: 0.25rem;
+  right: 0;
+  z-index: 150;
 }