@ptcwebops/ptcw-design 1.3.9 → 1.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/bundle-jumbotron-example_16.cjs.entry.js +8 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ptc-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-link.cjs.entry.js +1 -1
- package/dist/cjs/ptc-nav-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-pricing-block.cjs.entry.js +1 -1
- package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +3 -3
- package/dist/cjs/ptc-search-field.cjs.entry.js +11 -5
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/collection/components/ptc-card/ptc-card.css +6 -36
- package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +2 -2
- package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.js +6 -0
- package/dist/collection/components/ptc-link/ptc-link.css +3 -3
- package/dist/collection/components/ptc-nav-card/ptc-nav-card.css +12 -1
- package/dist/collection/components/ptc-para/ptc-para.css +3 -0
- package/dist/collection/components/ptc-para/ptc-para.js +2 -2
- package/dist/collection/components/ptc-pricing-block/ptc-pricing-block.css +7 -0
- package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.css +2 -1
- package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.js +2 -2
- package/dist/collection/components/ptc-search-field/ptc-search-field.css +17 -1
- package/dist/collection/components/ptc-search-field/ptc-search-field.js +15 -7
- package/dist/custom-elements/index.js +27 -15
- package/dist/esm/bundle-jumbotron-example_16.entry.js +8 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ptc-card.entry.js +1 -1
- package/dist/esm/ptc-link.entry.js +1 -1
- package/dist/esm/ptc-nav-card.entry.js +1 -1
- package/dist/esm/ptc-pricing-block.entry.js +1 -1
- package/dist/esm/ptc-pricing-tabs.entry.js +3 -3
- package/dist/esm/ptc-search-field.entry.js +11 -5
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/ptcw-design/p-33f864ef.entry.js +1 -0
- package/dist/ptcw-design/p-52fd0277.entry.js +1 -0
- package/dist/ptcw-design/p-62680bc6.entry.js +1 -0
- package/dist/ptcw-design/p-a6d831ba.entry.js +1 -0
- package/dist/ptcw-design/p-d1523db9.entry.js +1 -0
- package/dist/ptcw-design/{p-190a7c24.entry.js → p-d7232d12.entry.js} +1 -1
- package/dist/ptcw-design/{p-ea19d8f6.entry.js → p-f58c2ac1.entry.js} +1 -1
- package/dist/ptcw-design/ptcw-design.css +2 -2
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-para/ptc-para.d.ts +1 -1
- package/dist/types/components/ptc-search-field/ptc-search-field.d.ts +2 -1
- package/dist/types/components.d.ts +4 -4
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/ptcw-design/p-3093f583.entry.js +0 -1
- package/dist/ptcw-design/p-67830ad8.entry.js +0 -1
- package/dist/ptcw-design/p-ac872890.entry.js +0 -1
- package/dist/ptcw-design/p-b63abbc8.entry.js +0 -1
- package/dist/ptcw-design/p-de90a288.entry.js +0 -1
|
@@ -17,7 +17,7 @@ const patchBrowser = () => {
|
|
|
17
17
|
};
|
|
18
18
|
|
|
19
19
|
patchBrowser().then(options => {
|
|
20
|
-
return index.bootstrapLazy(JSON.parse("[[\"bundle-jumbotron-example_16.cjs\",[[1,\"bundle-jumbotron-example\",{\"jumbotron\":[1],\"isIframe\":[4,\"is-iframe\"]}],[1,\"ptc-jumbotron\",{\"jumbotronType\":[1,\"jumbotron-type\"],\"popupVideo\":[1,\"popup-video\"],\"mainTitle\":[1,\"main-title\"],\"subTitle\":[1,\"sub-title\"],\"pngSrc\":[1,\"png-src\"],\"gifSrc\":[1,\"gif-src\"],\"bgVideoSrc\":[1,\"bg-video-src\"],\"bgSrc\":[1,\"bg-src\"],\"isIframe\":[4,\"is-iframe\"],\"contentBackground\":[32],\"contentColor\":[32],\"textAlign\":[32],\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"]]],[1,\"ptc-breadcrumb\",{\"position\":[1],\"removeTopMargin\":[4,\"remove-top-margin\"],\"color\":[1],\"styles\":[1]}],[1,\"max-width-container\",{\"maxWidth\":[2,\"max-width\"],\"breakpoint\":[2],\"contentAlign\":[1,\"content-align\"]}],[1,\"ptc-background-video\",{\"videoSrc\":[1,\"video-src\"],\"posterSrc\":[1,\"poster-src\"],\"overlay\":[4],\"type\":[1],\"isIframe\":[4,\"is-iframe\"]}],[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-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\"],\"borderRadius\":[1025,\"border-radius\"],\"isBioModal\":[1028,\"is-bio-modal\"],\"overlayHeight\":[32],\"bodyOverflowSetting\":[32]}],[1,\"ptc-svg-btn\",{\"svgName\":[1,\"svg-name\"],\"display\":[1],\"zIndex\":[1,\"z-index\"],\"styles\":[2]}],[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\"]}],[1,\"list-item\",{\"listType\":[1,\"list-type\"],\"linkHref\":[1,\"link-href\"],\"flushBefore\":[4,\"flush-before\"],\"linkTarget\":[1,\"link-target\"],\"color\":[1],\"styles\":[1]}],[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]}],[1,\"ptc-spacer\",{\"breakpoint\":[1],\"size\":[1],\"direction\":[1]}],[6,\"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\"]]],[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\"],\"styles\":[1]}],[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\"]]],[2,\"icon-asset\",{\"name\":[1],\"size\":[1],\"type\":[1],\"spin\":[1],\"pulse\":[1],\"color\":[1],\"isMobileSelect\":[4,\"is-mobile-select\"],\"injectedStyle\":[1,\"injected-style\"]}]]],[\"sequential-bundle.cjs\",[[1,\"sequential-bundle\",{\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"sequential-bundle-example.cjs\",[[1,\"sequential-bundle-example\",{\"isInteralCardsExpanded\":[1040],\"isMobile\":[32],\"expandedCardIndex\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"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-tab-list.cjs\",[[4,\"ptc-tab-list\",{\"type\":[1],\"selectedValue\":[32]},[[0,\"tabClicked\",\"onSelectedTab\"],[9,\"resize\",\"calculateHeaderTabsRendering\"]]]]],[\"ptc-card.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\"],\"country\":[1],\"styles\":[1],\"ribbonText\":[1,\"ribbon-text\"],\"eventType\":[1,\"event-type\"],\"cardLogo\":[1,\"card-logo\"],\"titleLineCutOff\":[2,\"title-line-cut-off\"]}]]],[\"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],\"styles\":[1]}]]],[\"ptc-pricing-tabs.cjs\",[[1,\"ptc-pricing-tabs\",{\"productTag\":[1,\"product-tag\"],\"header\":[1],\"tabLabel\":[1,\"tab-label\"],\"filterTag\":[1,\"filter-tag\"],\"styles\":[1],\"tabItems\":[32],\"isMobileViewPort\":[32],\"isDesktopViewPort\":[32]},[[9,\"resize\",\"setIsMobileViewPort\"]]]]],[\"ptc-bio-card.cjs\",[[1,\"ptc-bio-card\",{\"name\":[1],\"jobTitle\":[1,\"job-title\"],\"image\":[1],\"linkedin\":[1],\"twitter\":[1],\"showModal\":[32]}]]],[\"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],\"timeStamp\":[32],\"Refresh\":[64]}]]],[\"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\":[32]}]]],[\"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-submenu.cjs\",[[1,\"ptc-nav-submenu\",{\"label\":[1],\"iconAssetName\":[1025,\"icon-asset-name\"]}]]],[\"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],\"styles\":[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\"],\"elevation\":[1],\"enableMobileClear\":[4,\"enable-mobile-clear\"],\"styles\":[1],\"clearSearchValue\":[64]}]]],[\"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]}]]],[\"ptc-subnav-card.cjs\",[[1,\"ptc-subnav-card\",{\"cardTitle\":[1,\"card-title\"],\"cardHref\":[1,\"card-href\"],\"cardImageSrc\":[1,\"card-image-src\"],\"cardImageAlt\":[1,\"card-image-alt\"],\"ctaText\":[1,\"cta-text\"],\"ctaIconAssetName\":[1,\"cta-icon-asset-name\"]}]]],[\"tab-header.cjs\",[[0,\"tab-header\",{\"name\":[1],\"tooltip\":[1],\"tabHeaderText\":[1,\"tab-header-text\"],\"isSelected\":[32],\"maxLength\":[32],\"getChild\":[64]},[[9,\"resize\",\"handleWindowResize\"]]]]],[\"dynamic-box-bundle.cjs\",[[1,\"dynamic-box-bundle\",{\"topImgSrc\":[1,\"top-img-src\"],\"topImgAlt\":[1,\"top-img-alt\"],\"boxHeight\":[2,\"box-height\"],\"isHovering\":[32]},[[1,\"mouseover\",\"handleMouseOver\"],[1,\"mouseout\",\"handleMouseOut\"]]]]],[\"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-container.cjs\",[[1,\"ptc-container\",{\"backgroundColor\":[1,\"background-color\"],\"elevation\":[1],\"containerType\":[1,\"container-type\"],\"spacing\":[1],\"styles\":[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-nav-card.cjs\",[[1,\"ptc-nav-card\",{\"cardType\":[1025,\"card-type\"],\"cardHref\":[1025,\"card-href\"],\"logoAlt\":[1025,\"logo-alt\"],\"target\":[1025],\"rel\":[1025],\"linkTitle\":[1025,\"link-title\"],\"cardLogo\":[1025,\"card-logo\"],\"heading\":[1025],\"description\":[1025],\"windowSize\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-nav-link.cjs\",[[1,\"ptc-nav-link\",{\"href\":[1025],\"isOutsideLink\":[1028,\"is-outside-link\"],\"titleText\":[1025,\"title-text\"]},[[2,\"click\",\"handleClick\"]]]]],[\"ptc-nav-slider.cjs\",[[1,\"ptc-nav-slider\",{\"sliderId\":[1,\"slider-id\"]},[[0,\"dropdownClickEvent\",\"handledropdownClickEvent\"]]]]],[\"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-sticky-section.cjs\",[[1,\"ptc-sticky-section\",null,[[9,\"scroll\",\"handleScroll\"]]]]],[\"ptc-subnav.cjs\",[[1,\"ptc-subnav\",{\"navOpen\":[32]},[[9,\"scroll\",\"handleScroll\"]]]]],[\"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]}]]],[\"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-date.cjs\",[[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\"],\"formatOptions\":[1,\"format-options\"]}]]],[\"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-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-overlay.cjs\",[[1,\"ptc-overlay\",{\"filterColor\":[1,\"filter-color\"],\"borderRadius\":[1,\"border-radius\"],\"overlayZIndex\":[1,\"overlay-z-index\"],\"styles\":[1],\"setOverlay\":[64]}]]],[\"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\"],\"cardScreen\":[1,\"card-screen\"],\"isExpanded\":[4,\"is-expanded\"],\"overlayExists\":[32]}]]],[\"dropdown-item.cjs\",[[4,\"dropdown-item\",{\"linkHref\":[1,\"link-href\"],\"linkTarget\":[1,\"link-target\"]}]]],[\"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\"]}]]]]"), options);
|
|
20
|
+
return index.bootstrapLazy(JSON.parse("[[\"bundle-jumbotron-example_16.cjs\",[[1,\"bundle-jumbotron-example\",{\"jumbotron\":[1],\"isIframe\":[4,\"is-iframe\"]}],[1,\"ptc-jumbotron\",{\"jumbotronType\":[1,\"jumbotron-type\"],\"popupVideo\":[1,\"popup-video\"],\"mainTitle\":[1,\"main-title\"],\"subTitle\":[1,\"sub-title\"],\"pngSrc\":[1,\"png-src\"],\"gifSrc\":[1,\"gif-src\"],\"bgVideoSrc\":[1,\"bg-video-src\"],\"bgSrc\":[1,\"bg-src\"],\"isIframe\":[4,\"is-iframe\"],\"contentBackground\":[32],\"contentColor\":[32],\"textAlign\":[32],\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"]]],[1,\"ptc-breadcrumb\",{\"position\":[1],\"removeTopMargin\":[4,\"remove-top-margin\"],\"color\":[1],\"styles\":[1]}],[1,\"max-width-container\",{\"maxWidth\":[2,\"max-width\"],\"breakpoint\":[2],\"contentAlign\":[1,\"content-align\"]}],[1,\"ptc-background-video\",{\"videoSrc\":[1,\"video-src\"],\"posterSrc\":[1,\"poster-src\"],\"overlay\":[4],\"type\":[1],\"isIframe\":[4,\"is-iframe\"]}],[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-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\"],\"borderRadius\":[1025,\"border-radius\"],\"isBioModal\":[1028,\"is-bio-modal\"],\"overlayHeight\":[32],\"bodyOverflowSetting\":[32]}],[1,\"ptc-svg-btn\",{\"svgName\":[1,\"svg-name\"],\"display\":[1],\"zIndex\":[1,\"z-index\"],\"styles\":[2]}],[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\"]}],[1,\"list-item\",{\"listType\":[1,\"list-type\"],\"linkHref\":[1,\"link-href\"],\"flushBefore\":[4,\"flush-before\"],\"linkTarget\":[1,\"link-target\"],\"color\":[1],\"styles\":[1]}],[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]}],[1,\"ptc-spacer\",{\"breakpoint\":[1],\"size\":[1],\"direction\":[1]}],[6,\"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\"]]],[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\"],\"styles\":[1]}],[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\"]]],[2,\"icon-asset\",{\"name\":[1],\"size\":[1],\"type\":[1],\"spin\":[1],\"pulse\":[1],\"color\":[1],\"isMobileSelect\":[4,\"is-mobile-select\"],\"injectedStyle\":[1,\"injected-style\"]}]]],[\"sequential-bundle.cjs\",[[1,\"sequential-bundle\",{\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"sequential-bundle-example.cjs\",[[1,\"sequential-bundle-example\",{\"isInteralCardsExpanded\":[1040],\"isMobile\":[32],\"expandedCardIndex\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"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-tab-list.cjs\",[[4,\"ptc-tab-list\",{\"type\":[1],\"selectedValue\":[32]},[[0,\"tabClicked\",\"onSelectedTab\"],[9,\"resize\",\"calculateHeaderTabsRendering\"]]]]],[\"ptc-card.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\"],\"country\":[1],\"styles\":[1],\"ribbonText\":[1,\"ribbon-text\"],\"eventType\":[1,\"event-type\"],\"cardLogo\":[1,\"card-logo\"],\"titleLineCutOff\":[2,\"title-line-cut-off\"]}]]],[\"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],\"styles\":[1]}]]],[\"ptc-pricing-tabs.cjs\",[[1,\"ptc-pricing-tabs\",{\"productTag\":[1,\"product-tag\"],\"header\":[1],\"tabLabel\":[1,\"tab-label\"],\"filterTag\":[1,\"filter-tag\"],\"styles\":[1],\"tabItems\":[32],\"isMobileViewPort\":[32],\"isDesktopViewPort\":[32]},[[9,\"resize\",\"setIsMobileViewPort\"]]]]],[\"ptc-bio-card.cjs\",[[1,\"ptc-bio-card\",{\"name\":[1],\"jobTitle\":[1,\"job-title\"],\"image\":[1],\"linkedin\":[1],\"twitter\":[1],\"showModal\":[32]}]]],[\"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],\"timeStamp\":[32],\"Refresh\":[64]}]]],[\"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\":[32]}]]],[\"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-submenu.cjs\",[[1,\"ptc-nav-submenu\",{\"label\":[1],\"iconAssetName\":[1025,\"icon-asset-name\"]}]]],[\"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],\"styles\":[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\"],\"elevation\":[1],\"enableClear\":[4,\"enable-clear\"],\"styles\":[1],\"clearSearchValue\":[64]}]]],[\"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]}]]],[\"ptc-subnav-card.cjs\",[[1,\"ptc-subnav-card\",{\"cardTitle\":[1,\"card-title\"],\"cardHref\":[1,\"card-href\"],\"cardImageSrc\":[1,\"card-image-src\"],\"cardImageAlt\":[1,\"card-image-alt\"],\"ctaText\":[1,\"cta-text\"],\"ctaIconAssetName\":[1,\"cta-icon-asset-name\"]}]]],[\"tab-header.cjs\",[[0,\"tab-header\",{\"name\":[1],\"tooltip\":[1],\"tabHeaderText\":[1,\"tab-header-text\"],\"isSelected\":[32],\"maxLength\":[32],\"getChild\":[64]},[[9,\"resize\",\"handleWindowResize\"]]]]],[\"dynamic-box-bundle.cjs\",[[1,\"dynamic-box-bundle\",{\"topImgSrc\":[1,\"top-img-src\"],\"topImgAlt\":[1,\"top-img-alt\"],\"boxHeight\":[2,\"box-height\"],\"isHovering\":[32]},[[1,\"mouseover\",\"handleMouseOver\"],[1,\"mouseout\",\"handleMouseOut\"]]]]],[\"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-container.cjs\",[[1,\"ptc-container\",{\"backgroundColor\":[1,\"background-color\"],\"elevation\":[1],\"containerType\":[1,\"container-type\"],\"spacing\":[1],\"styles\":[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-nav-card.cjs\",[[1,\"ptc-nav-card\",{\"cardType\":[1025,\"card-type\"],\"cardHref\":[1025,\"card-href\"],\"logoAlt\":[1025,\"logo-alt\"],\"target\":[1025],\"rel\":[1025],\"linkTitle\":[1025,\"link-title\"],\"cardLogo\":[1025,\"card-logo\"],\"heading\":[1025],\"description\":[1025],\"windowSize\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-nav-link.cjs\",[[1,\"ptc-nav-link\",{\"href\":[1025],\"isOutsideLink\":[1028,\"is-outside-link\"],\"titleText\":[1025,\"title-text\"]},[[2,\"click\",\"handleClick\"]]]]],[\"ptc-nav-slider.cjs\",[[1,\"ptc-nav-slider\",{\"sliderId\":[1,\"slider-id\"]},[[0,\"dropdownClickEvent\",\"handledropdownClickEvent\"]]]]],[\"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-sticky-section.cjs\",[[1,\"ptc-sticky-section\",null,[[9,\"scroll\",\"handleScroll\"]]]]],[\"ptc-subnav.cjs\",[[1,\"ptc-subnav\",{\"navOpen\":[32]},[[9,\"scroll\",\"handleScroll\"]]]]],[\"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]}]]],[\"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-date.cjs\",[[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\"],\"formatOptions\":[1,\"format-options\"]}]]],[\"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-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-overlay.cjs\",[[1,\"ptc-overlay\",{\"filterColor\":[1,\"filter-color\"],\"borderRadius\":[1,\"border-radius\"],\"overlayZIndex\":[1,\"overlay-z-index\"],\"styles\":[1],\"setOverlay\":[64]}]]],[\"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\"],\"cardScreen\":[1,\"card-screen\"],\"isExpanded\":[4,\"is-expanded\"],\"overlayExists\":[32]}]]],[\"dropdown-item.cjs\",[[4,\"dropdown-item\",{\"linkHref\":[1,\"link-href\"],\"linkTarget\":[1,\"link-target\"]}]]],[\"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\"]}]]]]"), options);
|
|
21
21
|
});
|
|
22
22
|
|
|
23
23
|
exports.setNonce = index.setNonce;
|
|
@@ -331,7 +331,7 @@
|
|
|
331
331
|
}
|
|
332
332
|
|
|
333
333
|
:host(.listing-card) .card-border {
|
|
334
|
-
width:
|
|
334
|
+
width: 100%;
|
|
335
335
|
overflow: hidden;
|
|
336
336
|
background: var(--color-white);
|
|
337
337
|
box-shadow: var(--ptc-shadow-small);
|
|
@@ -353,13 +353,11 @@
|
|
|
353
353
|
}
|
|
354
354
|
@media (min-width: 480px) {
|
|
355
355
|
:host(.listing-card) .card-border {
|
|
356
|
-
width: 432px;
|
|
357
356
|
height: 487px;
|
|
358
357
|
}
|
|
359
358
|
}
|
|
360
359
|
@media (min-width: 768px) {
|
|
361
360
|
:host(.listing-card) .card-border {
|
|
362
|
-
width: 348px;
|
|
363
361
|
height: 456px;
|
|
364
362
|
}
|
|
365
363
|
}
|
|
@@ -367,19 +365,16 @@
|
|
|
367
365
|
:host(.listing-card) .card-border {
|
|
368
366
|
margin-left: 4px;
|
|
369
367
|
margin-right: 4px;
|
|
370
|
-
width: 288px;
|
|
371
368
|
height: 440px;
|
|
372
369
|
}
|
|
373
370
|
}
|
|
374
371
|
@media (min-width: 1200px) {
|
|
375
372
|
:host(.listing-card) .card-border {
|
|
376
|
-
width: 260px;
|
|
377
373
|
height: 420px;
|
|
378
374
|
}
|
|
379
375
|
}
|
|
380
376
|
@media (min-width: 1440px) {
|
|
381
377
|
:host(.listing-card) .card-border {
|
|
382
|
-
width: 260px;
|
|
383
378
|
height: 420px;
|
|
384
379
|
}
|
|
385
380
|
}
|
|
@@ -492,12 +487,12 @@
|
|
|
492
487
|
}
|
|
493
488
|
|
|
494
489
|
:host(.listing-card-horizontal) .card-border {
|
|
495
|
-
width: 325px;
|
|
496
490
|
overflow: hidden;
|
|
497
491
|
background: var(--color-white);
|
|
498
492
|
box-shadow: var(--ptc-shadow-small);
|
|
499
493
|
border-radius: 3px;
|
|
500
494
|
height: 220px;
|
|
495
|
+
width: 100%;
|
|
501
496
|
}
|
|
502
497
|
@media (min-width: 1200px) {
|
|
503
498
|
:host(.listing-card-horizontal) .card-border {
|
|
@@ -521,55 +516,47 @@
|
|
|
521
516
|
}
|
|
522
517
|
@media (min-width: 480px) {
|
|
523
518
|
:host(.listing-card-horizontal) .card-border {
|
|
524
|
-
width: 432px;
|
|
525
519
|
height: 178px;
|
|
526
520
|
}
|
|
527
521
|
}
|
|
528
522
|
@media (min-width: 768px) {
|
|
529
523
|
:host(.listing-card-horizontal) .card-border {
|
|
530
|
-
width: 704px;
|
|
531
524
|
height: 210px;
|
|
532
525
|
}
|
|
533
526
|
}
|
|
534
527
|
@media (min-width: 992px) {
|
|
535
528
|
:host(.listing-card-horizontal) .card-border {
|
|
536
|
-
width: 688px;
|
|
537
529
|
height: 200px;
|
|
538
530
|
}
|
|
539
531
|
}
|
|
540
532
|
@media (min-width: 1200px) {
|
|
541
533
|
:host(.listing-card-horizontal) .card-border {
|
|
542
|
-
width: 779px;
|
|
543
534
|
height: 200px;
|
|
544
535
|
}
|
|
545
536
|
}
|
|
546
537
|
:host(.listing-card-horizontal) .card-layout {
|
|
547
538
|
display: flex;
|
|
548
539
|
flex-direction: row;
|
|
549
|
-
width:
|
|
540
|
+
width: 100%;
|
|
550
541
|
height: 220px;
|
|
551
542
|
}
|
|
552
543
|
@media (min-width: 480px) {
|
|
553
544
|
:host(.listing-card-horizontal) .card-layout {
|
|
554
|
-
width: 432px;
|
|
555
545
|
height: 178px;
|
|
556
546
|
}
|
|
557
547
|
}
|
|
558
548
|
@media (min-width: 768px) {
|
|
559
549
|
:host(.listing-card-horizontal) .card-layout {
|
|
560
|
-
width: 704px;
|
|
561
550
|
height: 210px;
|
|
562
551
|
}
|
|
563
552
|
}
|
|
564
553
|
@media (min-width: 992px) {
|
|
565
554
|
:host(.listing-card-horizontal) .card-layout {
|
|
566
|
-
width: 688px;
|
|
567
555
|
height: 200px;
|
|
568
556
|
}
|
|
569
557
|
}
|
|
570
558
|
@media (min-width: 1200px) {
|
|
571
559
|
:host(.listing-card-horizontal) .card-layout {
|
|
572
|
-
width: 779px;
|
|
573
560
|
height: 200px;
|
|
574
561
|
}
|
|
575
562
|
}
|
|
@@ -582,7 +569,7 @@
|
|
|
582
569
|
text-decoration: none;
|
|
583
570
|
}
|
|
584
571
|
:host(.listing-card-horizontal) .card-media {
|
|
585
|
-
width:
|
|
572
|
+
width: 100%;
|
|
586
573
|
height: 224px;
|
|
587
574
|
transform: scale(1);
|
|
588
575
|
transform-origin: center bottom;
|
|
@@ -592,42 +579,35 @@
|
|
|
592
579
|
}
|
|
593
580
|
:host(.listing-card-horizontal) .card-media .smart-img {
|
|
594
581
|
height: 224px;
|
|
595
|
-
width: 325px;
|
|
596
582
|
}
|
|
597
583
|
@media (min-width: 768px) {
|
|
598
584
|
:host(.listing-card-horizontal) .card-media .smart-img {
|
|
599
|
-
width: 275px;
|
|
600
585
|
height: 210px;
|
|
601
586
|
}
|
|
602
587
|
}
|
|
603
588
|
@media (min-width: 992px) {
|
|
604
589
|
:host(.listing-card-horizontal) .card-media .smart-img {
|
|
605
|
-
width: 224px;
|
|
606
590
|
height: 200px;
|
|
607
591
|
}
|
|
608
592
|
}
|
|
609
593
|
@media (min-width: 1200px) {
|
|
610
594
|
:host(.listing-card-horizontal) .card-media .smart-img {
|
|
611
|
-
width: 260px;
|
|
612
595
|
height: 200px;
|
|
613
596
|
}
|
|
614
597
|
}
|
|
615
598
|
@media (min-width: 768px) {
|
|
616
599
|
:host(.listing-card-horizontal) .card-media {
|
|
617
600
|
display: block;
|
|
618
|
-
width: 275px;
|
|
619
601
|
height: 210px;
|
|
620
602
|
}
|
|
621
603
|
}
|
|
622
604
|
@media (min-width: 992px) {
|
|
623
605
|
:host(.listing-card-horizontal) .card-media {
|
|
624
|
-
width: 224px;
|
|
625
606
|
height: 200px;
|
|
626
607
|
}
|
|
627
608
|
}
|
|
628
609
|
@media (min-width: 1200px) {
|
|
629
610
|
:host(.listing-card-horizontal) .card-media {
|
|
630
|
-
width: 260px;
|
|
631
611
|
height: 200px;
|
|
632
612
|
}
|
|
633
613
|
}
|
|
@@ -762,7 +742,7 @@
|
|
|
762
742
|
}
|
|
763
743
|
|
|
764
744
|
:host(.resource-center-card) .card-border {
|
|
765
|
-
width:
|
|
745
|
+
width: 100%;
|
|
766
746
|
overflow: hidden;
|
|
767
747
|
background: var(--color-white);
|
|
768
748
|
box-shadow: var(--ptc-shadow-small);
|
|
@@ -784,31 +764,26 @@
|
|
|
784
764
|
}
|
|
785
765
|
@media (min-width: 480px) {
|
|
786
766
|
:host(.resource-center-card) .card-border {
|
|
787
|
-
width: 433px;
|
|
788
767
|
height: 442px;
|
|
789
768
|
}
|
|
790
769
|
}
|
|
791
770
|
@media (min-width: 768px) {
|
|
792
771
|
:host(.resource-center-card) .card-border {
|
|
793
|
-
width: 336px;
|
|
794
772
|
height: 396px;
|
|
795
773
|
}
|
|
796
774
|
}
|
|
797
775
|
@media (min-width: 992px) {
|
|
798
776
|
:host(.resource-center-card) .card-border {
|
|
799
|
-
width: 287px;
|
|
800
777
|
height: 396px;
|
|
801
778
|
}
|
|
802
779
|
}
|
|
803
780
|
@media (min-width: 1200px) {
|
|
804
781
|
:host(.resource-center-card) .card-border {
|
|
805
|
-
width: 260px;
|
|
806
782
|
height: 396px;
|
|
807
783
|
}
|
|
808
784
|
}
|
|
809
785
|
@media (min-width: 1440px) {
|
|
810
786
|
:host(.resource-center-card) .card-border {
|
|
811
|
-
width: 260px;
|
|
812
787
|
height: 396px;
|
|
813
788
|
}
|
|
814
789
|
}
|
|
@@ -973,7 +948,7 @@
|
|
|
973
948
|
}
|
|
974
949
|
|
|
975
950
|
:host(.case-studies-card) .card-border {
|
|
976
|
-
width:
|
|
951
|
+
width: 100%;
|
|
977
952
|
overflow: hidden;
|
|
978
953
|
background: var(--color-white);
|
|
979
954
|
box-shadow: var(--ptc-shadow-small);
|
|
@@ -995,31 +970,26 @@
|
|
|
995
970
|
}
|
|
996
971
|
@media (min-width: 480px) {
|
|
997
972
|
:host(.case-studies-card) .card-border {
|
|
998
|
-
width: 431px;
|
|
999
973
|
height: 536px;
|
|
1000
974
|
}
|
|
1001
975
|
}
|
|
1002
976
|
@media (min-width: 768px) {
|
|
1003
977
|
:host(.case-studies-card) .card-border {
|
|
1004
|
-
width: 335px;
|
|
1005
978
|
height: 452px;
|
|
1006
979
|
}
|
|
1007
980
|
}
|
|
1008
981
|
@media (min-width: 992px) {
|
|
1009
982
|
:host(.case-studies-card) .card-border {
|
|
1010
|
-
width: 288px;
|
|
1011
983
|
height: 452px;
|
|
1012
984
|
}
|
|
1013
985
|
}
|
|
1014
986
|
@media (min-width: 1200px) {
|
|
1015
987
|
:host(.case-studies-card) .card-border {
|
|
1016
|
-
width: 260px;
|
|
1017
988
|
height: 452px;
|
|
1018
989
|
}
|
|
1019
990
|
}
|
|
1020
991
|
@media (min-width: 1440px) {
|
|
1021
992
|
:host(.case-studies-card) .card-border {
|
|
1022
|
-
width: 260px;
|
|
1023
993
|
height: 452px;
|
|
1024
994
|
}
|
|
1025
995
|
}
|
|
@@ -956,12 +956,12 @@ ptc-nav-submenu.short-dropdown .dropdown-content.open {
|
|
|
956
956
|
}
|
|
957
957
|
@media only screen and (min-width: 1200px) {
|
|
958
958
|
.video-ratio {
|
|
959
|
-
padding-bottom:
|
|
959
|
+
padding-bottom: min(578px, 46.67%);
|
|
960
960
|
}
|
|
961
961
|
}
|
|
962
962
|
@media only screen and (min-width: 1440px) {
|
|
963
963
|
.video-ratio {
|
|
964
|
-
padding-bottom:
|
|
964
|
+
padding-bottom: min(578px, 39.67%);
|
|
965
965
|
}
|
|
966
966
|
}
|
|
967
967
|
|
|
@@ -30,6 +30,12 @@ export class PtcJumbotron {
|
|
|
30
30
|
PtcModal.show = true;
|
|
31
31
|
});
|
|
32
32
|
}
|
|
33
|
+
const contentContainerH = this.el.shadowRoot.querySelector(".content-container").clientHeight;
|
|
34
|
+
const videoEle = !!this.el.shadowRoot.querySelector(".video-ratio") ? this.el.shadowRoot.querySelector(".video-ratio") : null;
|
|
35
|
+
if (contentContainerH < 500 && videoEle) {
|
|
36
|
+
videoEle.style.paddingBottom = "500px";
|
|
37
|
+
}
|
|
38
|
+
//console.log('content-container: ' + this.el.shadowRoot.querySelector(".content-container").clientHeight);
|
|
33
39
|
}
|
|
34
40
|
render() {
|
|
35
41
|
console.log('render');
|
|
@@ -192,10 +192,9 @@
|
|
|
192
192
|
line-height: var(--ptc-line-height-densest);
|
|
193
193
|
list-style: none;
|
|
194
194
|
text-align: left;
|
|
195
|
-
text-decoration-color: var(--color-white);
|
|
196
195
|
text-decoration: none;
|
|
196
|
+
text-decoration-color: var(--color-white);
|
|
197
197
|
transition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);
|
|
198
|
-
border-bottom: 1.5px solid transparent;
|
|
199
198
|
display: inline-block;
|
|
200
199
|
font-size: var(--ptc-font-size-small);
|
|
201
200
|
}
|
|
@@ -206,7 +205,8 @@
|
|
|
206
205
|
}
|
|
207
206
|
.nav-card-link:hover {
|
|
208
207
|
color: var(--color-white);
|
|
209
|
-
|
|
208
|
+
text-decoration: underline var(--color-green-06) solid 1px;
|
|
209
|
+
text-underline-offset: 2px;
|
|
210
210
|
}
|
|
211
211
|
|
|
212
212
|
.secondary-nav-link {
|
|
@@ -82,15 +82,26 @@
|
|
|
82
82
|
}
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
+
:host(.media-card) .nav-card-wrap {
|
|
86
|
+
min-height: 99px;
|
|
87
|
+
box-sizing: border-box;
|
|
88
|
+
}
|
|
89
|
+
@media only screen and (min-width: 1200px) {
|
|
90
|
+
:host(.media-card) .nav-card-wrap {
|
|
91
|
+
min-height: 80px;
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
|
|
85
95
|
:host(.cta-card) .nav-card-wrap {
|
|
86
96
|
border: 1px solid var(--color-gray-10);
|
|
87
97
|
border-radius: var(--ptc-border-radius-standard);
|
|
88
98
|
background-color: var(--color-gray-09);
|
|
89
99
|
min-height: 99px;
|
|
100
|
+
box-sizing: border-box;
|
|
90
101
|
}
|
|
91
102
|
@media only screen and (min-width: 1200px) {
|
|
92
103
|
:host(.cta-card) .nav-card-wrap {
|
|
93
|
-
min-height:
|
|
104
|
+
min-height: 80px;
|
|
94
105
|
background-color: transparent;
|
|
95
106
|
}
|
|
96
107
|
}
|
|
@@ -119,8 +119,8 @@ export class PtcPara {
|
|
|
119
119
|
"type": "string",
|
|
120
120
|
"mutable": false,
|
|
121
121
|
"complexType": {
|
|
122
|
-
"original": "'primary-grey' | 'white'",
|
|
123
|
-
"resolved": "\"primary-grey\" | \"white\"",
|
|
122
|
+
"original": "'primary-grey' | 'white' | 'gray-darker'",
|
|
123
|
+
"resolved": "\"gray-darker\" | \"primary-grey\" | \"white\"",
|
|
124
124
|
"references": {}
|
|
125
125
|
},
|
|
126
126
|
"required": false,
|
|
@@ -23,6 +23,13 @@
|
|
|
23
23
|
:host .ptc-pricing-block:hover:not(.active) {
|
|
24
24
|
border-color: var(--color-gray-12);
|
|
25
25
|
}
|
|
26
|
+
@media (min-width: 400px) {
|
|
27
|
+
:host .ptc-pricing-block {
|
|
28
|
+
display: flex;
|
|
29
|
+
justify-content: space-between;
|
|
30
|
+
align-items: center;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
26
33
|
:host .right-text {
|
|
27
34
|
font-family: var(--ptc-font-latin);
|
|
28
35
|
font-size: var(--ptc-font-size-small);
|
|
@@ -112,11 +112,11 @@ export class PtcPricingTabs {
|
|
|
112
112
|
}
|
|
113
113
|
renderTabs() {
|
|
114
114
|
let tabs = this.getCurrentTabs();
|
|
115
|
-
return (h("div", { class: "tabs" }, h("ptc-para", { styles: "p.primary-grey { margin: 1.5rem 0 .75rem 0; color: var(--color-gray-12); }", "font-size":
|
|
115
|
+
return (h("div", { class: "tabs" }, h("ptc-para", { styles: "p.primary-grey { margin: 1.5rem 0 .75rem 0; color: var(--color-gray-12); }", "font-size": 'small', "font-weight": "w-4" }, this.tabLabel, h("div", { class: "attached" }, h("slot", { name: "attached" }))), tabs && tabs.map((tab, index) => h("ptc-pricing-block", { "data-id": tab.id, active: tab.active, onClick: () => this.handleTabClick(tab, index) }, h("span", { slot: "left-text", innerHTML: tab.header }), h("span", { slot: "right-text", innerHTML: tab.label })))));
|
|
116
116
|
}
|
|
117
117
|
render() {
|
|
118
118
|
let tabs = this.getCurrentTabs();
|
|
119
|
-
return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { id: "tab-container", class: "is-grid has-col-12 grid-large-col-gap-sm grid-large-col-gap-xs-0 p-8" }, h("div", { class: "is-col-6-md is-col-12" }, h("span", { class: "tag" }, this.productTag), h("span", { class: "product-name" }, h("slot", { name: "header" })), !this.isMobileViewPort && this.renderTabs()), h("div", { class: "is-col-6-md is-col-12 content-section" }, tabs && tabs.map((tab) => h("div", { "data-id": tab.id, class: this.getTabContentClassList(tab), innerHTML: tab.content }))), this.isMobileViewPort && (h("div", { class: "is-col-12" }, this.renderTabs())))));
|
|
119
|
+
return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { id: "tab-container", class: "is-grid has-col-12 grid-large-col-gap-sm grid-large-col-gap-xs-0 p-8" }, h("div", { class: "is-col-6-md is-col-12 u-flex is-flex-column u-justify-space-between" }, h("div", { class: 'title-wrap' }, h("span", { class: "tag" }, this.productTag), h("span", { class: "product-name" }, h("slot", { name: "header" }))), !this.isMobileViewPort && this.renderTabs()), h("div", { class: "is-col-6-md is-col-12 content-section" }, tabs && tabs.map((tab) => h("div", { "data-id": tab.id, class: this.getTabContentClassList(tab), innerHTML: tab.content }))), this.isMobileViewPort && (h("div", { class: "is-col-12" }, this.renderTabs())))));
|
|
120
120
|
}
|
|
121
121
|
static get is() { return "ptc-pricing-tabs"; }
|
|
122
122
|
static get encapsulation() { return "shadow"; }
|
|
@@ -5,6 +5,11 @@
|
|
|
5
5
|
height: 51px;
|
|
6
6
|
border-radius: var(--ptc-border-radius-standard);
|
|
7
7
|
}
|
|
8
|
+
:host .search-div .input-wrap {
|
|
9
|
+
position: relative;
|
|
10
|
+
width: 100%;
|
|
11
|
+
box-sizing: border-box;
|
|
12
|
+
}
|
|
8
13
|
:host .search-div input {
|
|
9
14
|
background-color: var(--color-white);
|
|
10
15
|
height: -webkit-fill-available;
|
|
@@ -13,6 +18,9 @@
|
|
|
13
18
|
flex-grow: 2;
|
|
14
19
|
padding-left: var(--ptc-element-spacing-04);
|
|
15
20
|
line-height: var(--ptc-line-height-loose);
|
|
21
|
+
padding-right: 54px;
|
|
22
|
+
width: 100%;
|
|
23
|
+
box-sizing: border-box;
|
|
16
24
|
margin-right: 0px;
|
|
17
25
|
}
|
|
18
26
|
:host .search-div input:focus-visible {
|
|
@@ -68,7 +76,7 @@
|
|
|
68
76
|
color: var(--color-white);
|
|
69
77
|
padding-left: unset;
|
|
70
78
|
text-indent: var(--ptc-element-spacing-04);
|
|
71
|
-
padding-right:
|
|
79
|
+
padding-right: 2px;
|
|
72
80
|
}
|
|
73
81
|
:host(.dark) .search-div input::placeholder {
|
|
74
82
|
color: var(--color-white);
|
|
@@ -113,6 +121,11 @@
|
|
|
113
121
|
.icon-wrapper {
|
|
114
122
|
padding: 16px 20px 0;
|
|
115
123
|
background-color: var(--color-white);
|
|
124
|
+
position: absolute;
|
|
125
|
+
right: 0;
|
|
126
|
+
top: 0;
|
|
127
|
+
height: 100%;
|
|
128
|
+
box-sizing: border-box;
|
|
116
129
|
}
|
|
117
130
|
.icon-wrapper .cls {
|
|
118
131
|
cursor: pointer;
|
|
@@ -124,6 +137,9 @@
|
|
|
124
137
|
background-color: var(--color-gray-12);
|
|
125
138
|
border: 1px solid var(--color-gray-08);
|
|
126
139
|
border-left-width: 0;
|
|
140
|
+
position: initial;
|
|
141
|
+
right: auto;
|
|
142
|
+
top: auto;
|
|
127
143
|
}
|
|
128
144
|
:host(.dark):host(.enable-clear) input {
|
|
129
145
|
border-right-width: 0;
|
|
@@ -5,7 +5,7 @@ export class PtcSearchField {
|
|
|
5
5
|
this.placeholderLabel = undefined;
|
|
6
6
|
this.darkTheme = undefined;
|
|
7
7
|
this.elevation = 'small';
|
|
8
|
-
this.
|
|
8
|
+
this.enableClear = false;
|
|
9
9
|
this.styles = undefined;
|
|
10
10
|
}
|
|
11
11
|
textChangedHandler(event) {
|
|
@@ -30,7 +30,12 @@ export class PtcSearchField {
|
|
|
30
30
|
'searchTerm': this.getSearchValue()
|
|
31
31
|
});
|
|
32
32
|
}
|
|
33
|
-
if (this.getSearchValue() && this.
|
|
33
|
+
if (this.getSearchValue() && this.enableClear) {
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
keyUpHandler() {
|
|
37
|
+
if (!this.darkTheme) {
|
|
38
|
+
this.enableClear = !(this.getSearchValue() == "");
|
|
34
39
|
}
|
|
35
40
|
}
|
|
36
41
|
getSearchValue() {
|
|
@@ -44,20 +49,22 @@ export class PtcSearchField {
|
|
|
44
49
|
async clearSearchValue() {
|
|
45
50
|
this.textValue = "";
|
|
46
51
|
let input = this.el.shadowRoot.querySelector('input');
|
|
52
|
+
;
|
|
47
53
|
if (input) {
|
|
48
54
|
input.value = "";
|
|
55
|
+
this.enableClear = false;
|
|
49
56
|
}
|
|
50
57
|
}
|
|
51
58
|
render() {
|
|
52
59
|
const classMap = this.getCssClassMap();
|
|
53
60
|
const clearIconColor = this.darkTheme ? "white" : "black";
|
|
54
|
-
return (h(Host, { class: classMap }, this.styles && h("style", null, this.styles), h("div", { class: "search-div" }, h("input", { type: "text", value: this.textValue, placeholder: this.placeholderLabel, onKeyDown: (e) => { this.keyDownHandler(e); }, onChange: (e) => { this.textChangedHandler(e); } }), this.
|
|
61
|
+
return (h(Host, { class: classMap }, this.styles && h("style", null, this.styles), h("div", { class: "search-div" }, h("div", { class: 'input-wrap' }, h("input", { type: "text", value: this.textValue, placeholder: this.placeholderLabel, onKeyDown: (e) => { this.keyDownHandler(e); }, onKeyUp: () => { this.keyUpHandler(); }, onChange: (e) => { this.textChangedHandler(e); } }), this.enableClear && h("div", { class: "icon-wrapper" }, h("icon-asset", { class: "cls", type: "ptc", color: clearIconColor, name: "times", size: "xxx-small", onClick: (e) => { this.clearSearchValue(); this.buttonClickHandler(e); } }))), h("button", { type: "button", color: "blackgrey", class: "search-btn", onClick: (e) => { this.buttonClickHandler(e); } }, h("icon-asset", { type: "ptc", size: "medium", name: "new-search", color: "white" })))));
|
|
55
62
|
}
|
|
56
63
|
getCssClassMap() {
|
|
57
64
|
return {
|
|
58
65
|
['dark']: this.darkTheme ? true : false,
|
|
59
66
|
[this.elevation]: true,
|
|
60
|
-
['enable-clear']: this.
|
|
67
|
+
['enable-clear']: this.enableClear
|
|
61
68
|
};
|
|
62
69
|
}
|
|
63
70
|
static get is() { return "ptc-search-field"; }
|
|
@@ -143,7 +150,7 @@ export class PtcSearchField {
|
|
|
143
150
|
"reflect": false,
|
|
144
151
|
"defaultValue": "'small'"
|
|
145
152
|
},
|
|
146
|
-
"
|
|
153
|
+
"enableClear": {
|
|
147
154
|
"type": "boolean",
|
|
148
155
|
"mutable": false,
|
|
149
156
|
"complexType": {
|
|
@@ -157,8 +164,9 @@ export class PtcSearchField {
|
|
|
157
164
|
"tags": [],
|
|
158
165
|
"text": ""
|
|
159
166
|
},
|
|
160
|
-
"attribute": "enable-
|
|
161
|
-
"reflect": false
|
|
167
|
+
"attribute": "enable-clear",
|
|
168
|
+
"reflect": false,
|
|
169
|
+
"defaultValue": "false"
|
|
162
170
|
},
|
|
163
171
|
"styles": {
|
|
164
172
|
"type": "string",
|