@ptcwebops/ptcw-design 0.9.0 → 0.9.2
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-example.cjs.entry.js +26 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ptc-accordion-item.cjs.entry.js +1 -1
- package/dist/cjs/ptc-card-bottom_3.cjs.entry.js +151 -0
- package/dist/cjs/ptc-card-content.cjs.entry.js +2 -1
- package/dist/cjs/ptc-card_6.cjs.entry.js +1 -1
- package/dist/cjs/ptc-search-field.cjs.entry.js +29 -5
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/bundle-example/bundle-example.css +6 -0
- package/dist/collection/components/bundle-example/bundle-example.js +32 -0
- package/dist/collection/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.css +2 -5
- package/dist/collection/components/ptc-card/ptc-card.css +20 -20
- package/dist/collection/components/ptc-card-content/ptc-card-content.js +2 -1
- package/dist/collection/components/ptc-card-wrapper/ptc-card-wrapper.js +11 -7
- package/dist/collection/components/ptc-search-field/ptc-search-field.css +17 -0
- package/dist/collection/components/ptc-search-field/ptc-search-field.js +53 -20
- package/dist/collection/components/ptc-skeleton/ptc-skeleton.css +34 -0
- package/dist/collection/components/ptc-skeleton/ptc-skeleton.js +146 -0
- package/dist/collection/components/ptc-tooltip/ptc-tooltip.js +2 -2
- package/dist/custom-elements/index.d.ts +12 -0
- package/dist/custom-elements/index.js +102 -19
- package/dist/esm/bundle-example.entry.js +22 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ptc-accordion-item.entry.js +1 -1
- package/dist/esm/ptc-card-bottom_3.entry.js +145 -0
- package/dist/esm/ptc-card-content.entry.js +2 -1
- package/dist/esm/ptc-card_6.entry.js +1 -1
- package/dist/esm/ptc-search-field.entry.js +30 -6
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/ptcw-design/p-294df3ac.entry.js +1 -0
- package/dist/ptcw-design/{p-163fcfc1.entry.js → p-4882c5fc.entry.js} +1 -1
- package/dist/ptcw-design/p-631238df.entry.js +1 -0
- package/dist/ptcw-design/p-9962aa65.entry.js +1 -0
- package/dist/ptcw-design/{p-049964f4.entry.js → p-bbeb95bd.entry.js} +1 -1
- package/dist/ptcw-design/p-c177667e.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/bundle-example/bundle-example.d.ts +5 -0
- package/dist/types/components/ptc-search-field/ptc-search-field.d.ts +6 -2
- package/dist/types/components/ptc-skeleton/ptc-skeleton.d.ts +10 -0
- package/dist/types/components/ptc-tooltip/ptc-tooltip.d.ts +1 -1
- package/dist/types/components.d.ts +44 -4
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/cjs/ptc-card-bottom.cjs.entry.js +0 -46
- package/dist/cjs/ptc-card-wrapper.cjs.entry.js +0 -79
- package/dist/esm/ptc-card-bottom.entry.js +0 -42
- package/dist/esm/ptc-card-wrapper.entry.js +0 -75
- package/dist/ptcw-design/p-573574f7.entry.js +0 -1
- package/dist/ptcw-design/p-a5f20c41.entry.js +0 -1
- package/dist/ptcw-design/p-a7f07147.entry.js +0 -1
- package/dist/ptcw-design/p-c2275f57.entry.js +0 -1
|
@@ -1,24 +1,48 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h } from './index-40bc29fc.js';
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-40bc29fc.js';
|
|
2
2
|
|
|
3
|
-
const ptcSearchFieldCss = ":host .search-div{display:flex;align-items:center;justify-content:space-between;height:51px;box-shadow:var(--ptc-shadow-small);border-radius:var(--ptc-border-radius-standard)}:host .search-div input{height:-webkit-fill-available;border:0px solid var(--color-gray-12);border-radius:var(--ptc-border-radius-standard) 0px 0px var(--ptc-border-radius-standard);flex-grow:2;padding-left:var(--ptc-element-spacing-04);line-height:var(--ptc-line-height-loose)}:host .search-div input:focus-visible{border-radius:var(--ptc-border-radius-standard) 0px 0px var(--ptc-border-radius-standard);outline:none}:host .search-div input::placeholder{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-small);position:relative;top:1px;color:var(--color-gray-10)}:host .search-div .search-btn{cursor:pointer;height:51px;width:51px;border-radius:0px var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px;background-color:var(--color-gray-12);border:0px solid var(--color-gray-12);transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium)}:host .search-div .search-btn:active{background-color:var(--color-black)}:host .search-div .search-btn:hover{background-color:var(--color-gray-10)}:host .search-div .search-btn:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}";
|
|
3
|
+
const ptcSearchFieldCss = ":host .search-div{display:flex;align-items:center;justify-content:space-between;height:51px;box-shadow:var(--ptc-shadow-small);border-radius:var(--ptc-border-radius-standard)}:host .search-div input{height:-webkit-fill-available;border:0px solid var(--color-gray-12);border-radius:var(--ptc-border-radius-standard) 0px 0px var(--ptc-border-radius-standard);flex-grow:2;padding-left:var(--ptc-element-spacing-04);line-height:var(--ptc-line-height-loose)}:host .search-div input:focus-visible{border-radius:var(--ptc-border-radius-standard) 0px 0px var(--ptc-border-radius-standard);outline:none}:host .search-div input::placeholder{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-small);position:relative;top:1px;color:var(--color-gray-10)}:host .search-div .search-btn{cursor:pointer;height:51px;width:51px;border-radius:0px var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px;background-color:var(--color-gray-12);border:0px solid var(--color-gray-12);transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium)}:host .search-div .search-btn:active{background-color:var(--color-black)}:host .search-div .search-btn:hover{background-color:var(--color-gray-10)}:host .search-div .search-btn:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}:host(.dark){z-index:999;position:relative;margin-top:20px}:host(.dark) .search-div{height:43px}:host(.dark) .search-div input{background-color:#4E5D66;color:var(--color-white)}:host(.dark) .search-div .search-btn{height:43px;width:43px}";
|
|
4
4
|
|
|
5
5
|
const PtcSearchField = class {
|
|
6
6
|
constructor(hostRef) {
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
8
|
this.valueChanged = createEvent(this, "valueChanged", 7);
|
|
9
|
-
this.
|
|
9
|
+
this.clicked = createEvent(this, "clicked", 7);
|
|
10
10
|
this.textValue = undefined;
|
|
11
11
|
this.placeholderLabel = undefined;
|
|
12
|
+
this.darkTheme = undefined;
|
|
12
13
|
}
|
|
13
14
|
textChangedHandler(event) {
|
|
14
|
-
this.valueChanged.emit(
|
|
15
|
+
this.valueChanged.emit({
|
|
16
|
+
'sender': this,
|
|
17
|
+
'event': event,
|
|
18
|
+
'searchTerm': this.getSearchValue()
|
|
19
|
+
});
|
|
15
20
|
}
|
|
16
21
|
buttonClickHandler(event) {
|
|
17
|
-
this.
|
|
22
|
+
this.clicked.emit({
|
|
23
|
+
'sender': this,
|
|
24
|
+
'event': event,
|
|
25
|
+
'searchTerm': this.getSearchValue()
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
getSearchValue() {
|
|
29
|
+
let result = '';
|
|
30
|
+
let input = this.el.shadowRoot.querySelector('input');
|
|
31
|
+
if (input) {
|
|
32
|
+
result = input.value;
|
|
33
|
+
}
|
|
34
|
+
return result;
|
|
18
35
|
}
|
|
19
36
|
render() {
|
|
20
|
-
|
|
37
|
+
const classMap = this.getCssClassMap();
|
|
38
|
+
return (h(Host, { class: classMap }, h("div", { class: "search-div" }, h("input", { type: "text", value: this.textValue, placeholder: this.placeholderLabel, onChange: (e) => { this.textChangedHandler(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" })))));
|
|
39
|
+
}
|
|
40
|
+
getCssClassMap() {
|
|
41
|
+
return {
|
|
42
|
+
['dark']: this.darkTheme ? true : false,
|
|
43
|
+
};
|
|
21
44
|
}
|
|
45
|
+
get el() { return getElement(this); }
|
|
22
46
|
};
|
|
23
47
|
PtcSearchField.style = ptcSearchFieldCss;
|
|
24
48
|
|
package/dist/esm/ptcw-design.js
CHANGED
|
@@ -14,5 +14,5 @@ const patchBrowser = () => {
|
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
patchBrowser().then(options => {
|
|
17
|
-
return bootstrapLazy(JSON.parse("[[\"ptc-pricing-options-component\",[[1,\"ptc-pricing-options-component\",{\"showOptions\":[32]}]]],[\"ptc-announcement\",[[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\",[[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-tab-list\",[[4,\"ptc-tab-list\",{\"type\":[1],\"selectedValue\":[32]},[[0,\"tabClicked\",\"onSelectedTab\"],[9,\"resize\",\"calculateHeaderTabsRendering\"]]]]],[\"ptc-breadcrumb\",[[1,\"ptc-breadcrumb\"]]],[\"ptc-collapse-list\",[[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\",[[1,\"ptc-hero\",{\"heroType\":[1,\"hero-type\"],\"bgUrl\":[1,\"bg-url\"],\"contentAlignment\":[1,\"content-alignment\"]}]]],[\"ptc-previous-url\",[[1,\"ptc-previous-url\",{\"href\":[1],\"text\":[1]}]]],[\"ptc-checkbox\",[[1,\"ptc-checkbox\",{\"checked\":[1025],\"value\":[1025],\"inputName\":[1,\"input-name\"]}]]],[\"ptc-dropdown\",[[1,\"ptc-dropdown\",{\"theme\":[1],\"label\":[1],\"listItems\":[16],\"toggle\":[32],\"selectedItem\":[32]},[[4,\"click\",\"offClick\"]]]]],[\"ptc-filter-tag\",[[1,\"ptc-filter-tag\",{\"theme\":[1],\"iconColorMap\":[32]}]]],[\"ptc-icon-minimize\",[[1,\"ptc-icon-minimize\",{\"heading\":[1025],\"opened\":[1028]}]]],[\"ptc-link\",[[1,\"ptc-link\",{\"disabled\":[516],\"external\":[516],\"href\":[1],\"target\":[1],\"linkTitle\":[1,\"link-title\"],\"theme\":[1],\"uppercase\":[4],\"fontSize\":[1,\"font-size\"],\"linkArea\":[1,\"link-area\"]}]]],[\"ptc-list\",[[1,\"ptc-list\",{\"listType\":[1,\"list-type\"],\"listItems\":[16]}]]],[\"ptc-lottie\",[[1,\"ptc-lottie\",{\"jsonSrc\":[1025,\"json-src\"],\"speed\":[1026]}]]],[\"ptc-media-card\",[[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\",[[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-quote\",[[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\",[[1,\"ptc-search-field\",{\"textValue\":[1,\"text-value\"],\"placeholderLabel\":[1,\"placeholder-label\"]}]]],[\"ptc-social-share\",[[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\",[[1,\"max-width-container\",{\"maxWidth\":[2,\"max-width\"],\"breakpoint\":[2]}]]],[\"my-component\",[[1,\"my-component\",{\"first\":[1],\"middle\":[1],\"last\":[1]}]]],[\"ptc-accordion\",[[1,\"ptc-accordion\",{\"multiple\":[4]},[[0,\"opened\",\"openHandler\"]]]]],[\"ptc-accordion-item\",[[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\",[[1,\"ptc-background-video\",{\"videoSrc\":[1,\"video-src\"],\"posterSrc\":[1,\"poster-src\"],\"overlay\":[4],\"type\":[1]}]]],[\"ptc-card-bottom\",[[1,\"ptc-card-bottom\",{\"cardType\":[1,\"card-type\"],\"styles\":[1]}]]],[\"ptc-card-wrapper\",[[1,\"ptc-card-wrapper\",{\"cardType\":[1,\"card-type\"],\"cardLink\":[1,\"card-link\"],\"linkTitle\":[1,\"link-title\"],\"linkTarget\":[1,\"link-target\"]},[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-container\",[[1,\"ptc-container\",{\"backgroundColor\":[1,\"background-color\"],\"elevation\":[1],\"containerType\":[1,\"container-type\"],\"spacing\":[1]}]]],[\"ptc-hero-footer-cta\",[[6,\"ptc-hero-footer-cta\",{\"ctaTitle\":[1,\"cta-title\"],\"description\":[1],\"backgroundImage\":[1,\"background-image\"]}]]],[\"ptc-icon-list\",[[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\",[[1,\"ptc-minimized-footer\"]]],[\"ptc-minimized-header\",[[1,\"ptc-minimized-header\",{\"linkUrl\":[513,\"link-url\"],\"imgSrc\":[513,\"img-src\"],\"imgAlt\":[513,\"img-alt\"]}]]],[\"ptc-modal\",[[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\",[[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\",[[1,\"ptc-responsive-wrapper\"]]],[\"ptc-shopping-cart\",[[1,\"ptc-shopping-cart\",{\"cartCount\":[1,\"cart-count\"],\"color\":[1]}]]],[\"ptc-span\",[[1,\"ptc-span\",{\"spanStyle\":[1,\"span-style\"],\"display\":[1],\"styles\":[1]}]]],[\"ptc-sticky-icons\",[[1,\"ptc-sticky-icons\",null,[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-tab\",[[1,\"ptc-tab\",{\"optionClicked\":[1540,\"option-clicked\"],\"label\":[1],\"price\":[1],\"active\":[4],\"disabled\":[516]}]]],[\"ptc-tabs\",[[1,\"ptc-tabs\",{\"tabs\":[32],\"openTab\":[64]}]]],[\"ptc-text-copy-with-background\",[[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\",[[1,\"ptc-two-column-media\",{\"componentType\":[1,\"component-type\"]}]]],[\"tab-content\",[[4,\"tab-content\",{\"name\":[1],\"isSelected\":[32],\"getChild\":[64]}]]],[\"tab-header\",[[4,\"tab-header\",{\"name\":[1],\"tooltip\":[1],\"isSelected\":[32],\"getChild\":[64]}]]],[\"ptc-ellipsis-dropdown\",[[1,\"ptc-ellipsis-dropdown\",{\"dataItems\":[16],\"selectedTab\":[1,\"selected-tab\"],\"isDropdownOpen\":[32]},[[4,\"click\",\"offClick\"]]]]],[\"lottie-player\",[[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-card-content\",[[1,\"ptc-card-content\",{\"cardType\":[1,\"card-type\"],\"outlineColor\":[1,\"outline-color\"],\"styles\":[1],\"setHeight\":[64],\"removeInlineHeight\":[64]}]]],[\"ptc-pricing-block\",[[1,\"ptc-pricing-block\",{\"active\":[1],\"optionClicked\":[1540,\"option-clicked\"]}]]],[\"ptc-svg-btn\",[[1,\"ptc-svg-btn\",{\"svgName\":[1,\"svg-name\"],\"display\":[1]}]]],[\"ptc-readmore_2\",[[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\"]]],[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\"]]]]],[\"dropdown-item\",[[4,\"dropdown-item\",{\"linkHref\":[1,\"link-href\"],\"linkTarget\":[1,\"link-target\"]}]]],[\"ptc-button\",[[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-title\",[[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\"]}]]],[\"list-item\",[[1,\"list-item\",{\"listType\":[1,\"list-type\"],\"linkHref\":[1,\"link-href\"],\"flushBefore\":[4,\"flush-before\"],\"linkTarget\":[1,\"link-target\"]}]]],[\"ptc-overlay\",[[1,\"ptc-overlay\",{\"filterColor\":[1,\"filter-color\"],\"borderRadius\":[1,\"border-radius\"],\"overlayZIndex\":[1,\"overlay-z-index\"],\"styles\":[1],\"setOverlay\":[64]}]]],[\"ptc-card_6\",[[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\"]]]]],[\"icon-asset\",[[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);
|
|
17
|
+
return bootstrapLazy(JSON.parse("[[\"ptc-card_6\",[[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\",[[1,\"bundle-example\",{\"isLoading\":[32]}]]],[\"ptc-pricing-options-component\",[[1,\"ptc-pricing-options-component\",{\"showOptions\":[32]}]]],[\"ptc-announcement\",[[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\",[[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-tab-list\",[[4,\"ptc-tab-list\",{\"type\":[1],\"selectedValue\":[32]},[[0,\"tabClicked\",\"onSelectedTab\"],[9,\"resize\",\"calculateHeaderTabsRendering\"]]]]],[\"ptc-breadcrumb\",[[1,\"ptc-breadcrumb\"]]],[\"ptc-collapse-list\",[[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\",[[1,\"ptc-hero\",{\"heroType\":[1,\"hero-type\"],\"bgUrl\":[1,\"bg-url\"],\"contentAlignment\":[1,\"content-alignment\"]}]]],[\"ptc-previous-url\",[[1,\"ptc-previous-url\",{\"href\":[1],\"text\":[1]}]]],[\"ptc-checkbox\",[[1,\"ptc-checkbox\",{\"checked\":[1025],\"value\":[1025],\"inputName\":[1,\"input-name\"]}]]],[\"ptc-dropdown\",[[1,\"ptc-dropdown\",{\"theme\":[1],\"label\":[1],\"listItems\":[16],\"toggle\":[32],\"selectedItem\":[32]},[[4,\"click\",\"offClick\"]]]]],[\"ptc-filter-tag\",[[1,\"ptc-filter-tag\",{\"theme\":[1],\"iconColorMap\":[32]}]]],[\"ptc-icon-minimize\",[[1,\"ptc-icon-minimize\",{\"heading\":[1025],\"opened\":[1028]}]]],[\"ptc-link\",[[1,\"ptc-link\",{\"disabled\":[516],\"external\":[516],\"href\":[1],\"target\":[1],\"linkTitle\":[1,\"link-title\"],\"theme\":[1],\"uppercase\":[4],\"fontSize\":[1,\"font-size\"],\"linkArea\":[1,\"link-area\"]}]]],[\"ptc-list\",[[1,\"ptc-list\",{\"listType\":[1,\"list-type\"],\"listItems\":[16]}]]],[\"ptc-lottie\",[[1,\"ptc-lottie\",{\"jsonSrc\":[1025,\"json-src\"],\"speed\":[1026]}]]],[\"ptc-media-card\",[[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\",[[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-quote\",[[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\",[[1,\"ptc-search-field\",{\"textValue\":[1,\"text-value\"],\"placeholderLabel\":[1,\"placeholder-label\"],\"darkTheme\":[4,\"dark-theme\"]}]]],[\"ptc-social-share\",[[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\",[[1,\"max-width-container\",{\"maxWidth\":[2,\"max-width\"],\"breakpoint\":[2]}]]],[\"my-component\",[[1,\"my-component\",{\"first\":[1],\"middle\":[1],\"last\":[1]}]]],[\"ptc-accordion\",[[1,\"ptc-accordion\",{\"multiple\":[4]},[[0,\"opened\",\"openHandler\"]]]]],[\"ptc-accordion-item\",[[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\",[[1,\"ptc-background-video\",{\"videoSrc\":[1,\"video-src\"],\"posterSrc\":[1,\"poster-src\"],\"overlay\":[4],\"type\":[1]}]]],[\"ptc-container\",[[1,\"ptc-container\",{\"backgroundColor\":[1,\"background-color\"],\"elevation\":[1],\"containerType\":[1,\"container-type\"],\"spacing\":[1]}]]],[\"ptc-hero-footer-cta\",[[6,\"ptc-hero-footer-cta\",{\"ctaTitle\":[1,\"cta-title\"],\"description\":[1],\"backgroundImage\":[1,\"background-image\"]}]]],[\"ptc-icon-list\",[[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\",[[1,\"ptc-minimized-footer\"]]],[\"ptc-minimized-header\",[[1,\"ptc-minimized-header\",{\"linkUrl\":[513,\"link-url\"],\"imgSrc\":[513,\"img-src\"],\"imgAlt\":[513,\"img-alt\"]}]]],[\"ptc-modal\",[[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\",[[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\",[[1,\"ptc-responsive-wrapper\"]]],[\"ptc-shopping-cart\",[[1,\"ptc-shopping-cart\",{\"cartCount\":[1,\"cart-count\"],\"color\":[1]}]]],[\"ptc-span\",[[1,\"ptc-span\",{\"spanStyle\":[1,\"span-style\"],\"display\":[1],\"styles\":[1]}]]],[\"ptc-sticky-icons\",[[1,\"ptc-sticky-icons\",null,[[9,\"resize\",\"handleResize\"]]]]],[\"ptc-tab\",[[1,\"ptc-tab\",{\"optionClicked\":[1540,\"option-clicked\"],\"label\":[1],\"price\":[1],\"active\":[4],\"disabled\":[516]}]]],[\"ptc-tabs\",[[1,\"ptc-tabs\",{\"tabs\":[32],\"openTab\":[64]}]]],[\"ptc-text-copy-with-background\",[[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\",[[1,\"ptc-two-column-media\",{\"componentType\":[1,\"component-type\"]}]]],[\"tab-content\",[[4,\"tab-content\",{\"name\":[1],\"isSelected\":[32],\"getChild\":[64]}]]],[\"tab-header\",[[4,\"tab-header\",{\"name\":[1],\"tooltip\":[1],\"isSelected\":[32],\"getChild\":[64]}]]],[\"dropdown-item\",[[4,\"dropdown-item\",{\"linkHref\":[1,\"link-href\"],\"linkTarget\":[1,\"link-target\"]}]]],[\"ptc-ellipsis-dropdown\",[[1,\"ptc-ellipsis-dropdown\",{\"dataItems\":[16],\"selectedTab\":[1,\"selected-tab\"],\"isDropdownOpen\":[32]},[[4,\"click\",\"offClick\"]]]]],[\"lottie-player\",[[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-pricing-block\",[[1,\"ptc-pricing-block\",{\"active\":[1],\"optionClicked\":[1540,\"option-clicked\"]}]]],[\"ptc-svg-btn\",[[1,\"ptc-svg-btn\",{\"svgName\":[1,\"svg-name\"],\"display\":[1]}]]],[\"ptc-readmore_2\",[[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\"]]],[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-button\",[[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-card-content\",[[1,\"ptc-card-content\",{\"cardType\":[1,\"card-type\"],\"outlineColor\":[1,\"outline-color\"],\"styles\":[1],\"setHeight\":[64],\"removeInlineHeight\":[64]}]]],[\"ptc-title\",[[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-card-bottom_3\",[[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\"]},[[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\",[[1,\"list-item\",{\"listType\":[1,\"list-type\"],\"linkHref\":[1,\"link-href\"],\"flushBefore\":[4,\"flush-before\"],\"linkTarget\":[1,\"link-target\"]}]]],[\"ptc-overlay\",[[1,\"ptc-overlay\",{\"filterColor\":[1,\"filter-color\"],\"borderRadius\":[1,\"border-radius\"],\"overlayZIndex\":[1,\"overlay-z-index\"],\"styles\":[1],\"setOverlay\":[64]}]]],[\"icon-asset\",[[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);
|
|
18
18
|
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as a,h as e,H as o,g as i}from"./p-9fb2ab8c.js";const s=class{constructor(e){t(this,e),this.hoverEvent=a(this,"hoverEvent",7),this.leaveEvent=a(this,"leaveEvent",7),this.cardType=void 0,this.styles=void 0}hoverEventHandler(){this.hoverEvent.emit(),this.el.classList.contains("card-video")||this.el.classList.contains("card-playlist")||this.el.classList.contains("extra-tall")||(this.el.previousElementSibling.classList.add("mouse-hover"),this.el.classList.add("mouse-hover-card-bottom"))}leaveEventHandler(){this.hoverEvent.emit(),this.el.classList.contains("card-video")||this.el.classList.contains("card-playlist")||this.el.classList.contains("extra-tall")||(this.el.previousElementSibling.classList.remove("mouse-hover"),this.el.classList.remove("mouse-hover-card-bottom"))}render(){const t=this.getCssClassMap();return e(o,{part:"card-bottom",class:t,onMouseEnter:this.hoverEventHandler.bind(this),onMouseLeave:this.leaveEventHandler.bind(this)},this.styles&&e("style",null,this.styles),e("div",{class:"ptc-card-bottom-wrapper"},e("slot",null)))}getCssClassMap(){return{[this.cardType]:!!this.cardType}}get el(){return i(this)}};s.style=":host{display:block}:host(.card-tall) .ptc-card-bottom-wrapper,:host(.card-wide) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0 var(--ptc-element-spacing-07) var(--ptc-element-spacing-07) var(--ptc-element-spacing-06);z-index:2}:host(.card-2up) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0px 24px 24px 16px}:host(.card-playlist){flex:72% 2 1;align-self:center}:host(.mouse-hover-card-bottom) .ptc-card-bottom-wrapper{z-index:5;cursor:pointer}:host(.extra-tall){position:absolute;top:0;left:0}:host(.extra-tall) .ptc-card-bottom-wrapper{position:relative;top:0px;left:0px;bottom:0px;right:0px;display:flex;flex-direction:column;align-items:center;width:calc(100% - 64px);padding:var(--ptc-layout-spacing-05) var(--ptc-element-spacing-07);padding-bottom:calc(var(--ptc-layout-spacing-03) + var(--ptc-layout-spacing-05));z-index:2}@media only screen and (min-width: 768px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-bottom:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 992px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 1200px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:calc(var(--ptc-layout-spacing-04) + var(--ptc-layout-spacing-05))}}@media only screen and (min-width: 1440px){:host(.extra-tall) .ptc-card-bottom-wrapper{padding-top:calc(var(--ptc-layout-spacing-05) * 2)}}:host(.color-outlined) .ptc-card-bottom-wrapper{position:absolute;top:50%;transform:translateY(-50%);display:flex;justify-content:center;flex-direction:column;align-items:center;width:calc(100% - 80px);height:100%;padding:0px var(--ptc-element-spacing-08)}@media only screen and (min-width: 768px){:host(.card-2up) .ptc-card-bottom-wrapper{padding:0 32px 32px 24px}}@media only screen and (min-width: 1200px){:host(.card-video-intro){flex:20% 2 1;justify-content:flex-end}:host(.card-video-intro) .ptc-card-bottom-wrapper{display:flex;justify-content:flex-end}}@media only screen and (min-width: 1440px){:host(.card-2up) .ptc-card-bottom-wrapper{width:70%}}@media only screen and (min-width: 1980px){:host(.card-2up) .ptc-card-bottom-wrapper{width:60%}}";const r=class{constructor(e){t(this,e),this.hoverEvent=a(this,"hoverEvent",7),this.leaveEvent=a(this,"leaveEvent",7),this.cardType=void 0,this.cardLink=void 0,this.linkTitle=void 0,this.linkTarget="_self"}handleResize(){this.checkScreenSize()}hoverEventHandler(){this.el.classList.contains("extra-tall")&&(this.hoverEvent.emit(),this.el.classList.add("extraT-overlay")),this.el.classList.contains("color-outlined")&&(this.hoverEvent.emit(),this.el.querySelector("ptc-overlay").setOverlay("black-5"))}leaveEventHandler(){this.el.classList.contains("extra-tall")&&(this.hoverEvent.emit(),this.el.classList.remove("extraT-overlay")),this.el.classList.contains("color-outlined")&&(this.hoverEvent.emit(),this.el.querySelector("ptc-overlay").setOverlay("black-4"))}componentDidLoad(){this.checkScreenSize()}render(){const t=this.getCssClassMap(),a=this.cardLink?"a":"div";return e(o,{class:t,onMouseEnter:this.hoverEventHandler.bind(this),onMouseLeave:this.leaveEventHandler.bind(this)},e(a,Object.assign({},this.cardLink?{href:this.cardLink}:{},this.linkTarget&&this.cardLink?{target:this.linkTarget}:{},this.cardLink?{title:this.linkTitle?this.linkTitle:this.cardLink}:{}),e("slot",null)))}getCssClassMap(){return{[this.cardType]:!!this.cardType}}getBtmContentHeight(){return this.el.querySelector("ptc-card-bottom").offsetHeight}checkScreenSize(){if("extra-tall"===this.cardType)if(window.innerWidth<768){const t=this.el.querySelector("ptc-card-content");t&&t.setHeight(this.getBtmContentHeight())}else{const t=this.el.querySelector("ptc-card-content");t&&t.removeInlineHeight()}}get el(){return i(this)}};r.style=':host{display:block}:host(.card-tall),:host(.card-wide),:host(.card-video),:host(.card-playlist),:host(.card-2up){position:relative}:host(.card-tall) a,:host(.card-wide) a,:host(.card-video) a,:host(.card-playlist) a,:host(.card-2up) a{text-decoration:none !important}:host(.card-tall) a:hover,:host(.card-wide) a:hover,:host(.card-video) a:hover,:host(.card-playlist) a:hover,:host(.card-2up) a:hover{text-decoration:none}:host(.card-tall) a:focus,:host(.card-wide) a:focus,:host(.card-video) a:focus,:host(.card-playlist) a:focus,:host(.card-2up) a:focus{outline:none;text-decoration:none}:host(.card-tall) a:focus-visible,:host(.card-wide) a:focus-visible,:host(.card-video) a:focus-visible,:host(.card-playlist) a:focus-visible,:host(.card-2up) a:focus-visible{outline:none;text-decoration:none}:host(.card-playlist) div,:host(.card-playlist) a{display:flex;text-decoration:none;outline:none}:host(.card-playlist) div:hover,:host(.card-playlist) a:hover{text-decoration:none;outline:none}:host(.card-video-intro){border-bottom-left-radius:var(--ptc-border-radius-large);border-bottom-right-radius:var(--ptc-border-radius-large)}:host(.card-video-intro) div{display:block}:host(.card-video-shadow){box-shadow:var(--ptc-shadow-x-small)}:host(.extra-tall){position:relative}:host(.extra-tall) a{position:relative;display:block;width:100%;height:100%;inset:0px}:host(.color-outlined){position:relative;border-radius:var(--ptc-border-radius-large)}:host(.card-video-p){padding:var(--ptc-element-spacing-05);padding-bottom:var(--ptc-element-spacing-06)}:host(.card-m-right){margin-right:var(--ptc-element-spacing-02)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-02)}:host(.extraT-overlay) a::after{content:"";position:absolute;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);bottom:0;left:0;border-radius:var(--ptc-border-radius-large)}@media only screen and (min-width: 768px){:host(.card-m-right){margin-right:var(--ptc-element-spacing-03)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-03)}}@media only screen and (min-width: 992px){:host(.card-m-right){margin-right:var(--ptc-element-spacing-04)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-04)}}@media only screen and (min-width: 1200px){:host(.card-video-intro) div{display:flex}}';const n=class{constructor(a){t(this,a),this.isLoading=!0,this.animated=!1,this.width="100%",this.borderRadius=void 0,this.topMargin="0px",this.btmMargin="0px"}render(){const t=this.borderRadius||getComputedStyle(document.documentElement).getPropertyValue("--ptc-border-radius-large");return e("div",{class:"content "+(this.animated&&this.isLoading?"animated":""),style:{width:this.width,marginTop:this.topMargin,marginBottom:this.btmMargin}},this.isLoading?e("div",{class:"placeholder",style:{borderRadius:t}}):e("slot",null))}get el(){return i(this)}};n.style=".content{display:flex;align-items:center;justify-content:center;height:100%;}.placeholder{width:100%;height:100%;min-height:1em;background:linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.06) 50%, rgba(255, 255, 255, 0.08) 100%);background-size:400% 100%}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.animated .placeholder{animation:loading 2.5s ease-in-out infinite}";export{s as ptc_card_bottom,r as ptc_card_wrapper,n as ptc_skeleton}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,H as e,g as a}from"./p-9fb2ab8c.js";const r=class{constructor(i){t(this,i),this.cardType="custom-card",this.cardHref=void 0,this.target="_self",this.rel=void 0,this.hasImage=!1,this.hasVideo=!1,this.hasLottie=!1,this.heading=void 0,this.headingTransform="none",this.cardDate=void 0,this.styles=void 0,this.ribbonText=void 0,this.eventType=void 0,this.cardLogo=void 0,this.titleLineCutOff=void 0}render(){const t=this.cardHref?"a":"div",a=this.getCssClassMap(),r=this.getLineCuttoff();let o="";return this.titleLineCutOff&&this.titleLineCutOff>0&&(o=" clamp-title"),i(e,Object.assign({},this.cardType?{class:this.cardType}:{}),this.styles&&i("style",null,this.styles),i("div",{class:"card-border",part:"border-wrapper"},i(t,Object.assign({class:a,part:"card-layout"},this.cardHref?{href:this.cardHref}:{},this.target&&this.cardHref?{target:this.target}:{},this.rel&&this.cardHref?{rel:this.rel}:{},this.ribbonText?{rel:this.ribbonText}:{}),this.hasImage||this.hasLottie||this.hasVideo?i("div",{class:"card-media",part:"media-wrapper"},this.getMediaSlot?i("slot",{name:this.getMediaSlot()}):null):null,this.ribbonText&&"resource-center-card"==this.cardType?i("div",{class:"ribbon-text"},`${this.ribbonText}`):null,i("div",{class:"card-body",part:"body-wrapper"},!this.cardDate||"listing-card"!==this.cardType&&"listing-card-horizontal"!==this.cardType?null:i("div",{class:"card-date-text"},this.eventType?i("span",{class:"small"},`${this.cardDate}`," | ",`${this.eventType}`):i("span",{class:"small"},`${this.cardDate}`)),"case-studies-card"===this.cardType?Object.assign({},this.cardLogo?i("div",{class:"card-logo-container"},i("ptc-picture",{alt:"","object-fit":"contain",src:this.cardLogo,height:"40"})):i("div",{class:"card-logo-none"})):null,i("slot",{name:"slot-before-heading"}),this.heading?[i("h3",{class:`ptc-h3 ${this.headingTransform}${o}`,style:r,part:"card-heading"},this.heading),i("slot",{name:"slot-after-heading"})]:null,i("slot",{name:"slot-description"}),this.cardDate&&"listing-card"!==this.cardType&&"listing-card-horizontal"!==this.cardType&&"hightlight-card"!==this.cardType?i("ptc-date",{"date-string":`${this.cardDate}`,"date-styles":"span{color:#40434a;font-size:var(--ptc-font-size-x-small);margin-top:var(--ptc-element-spacing-06);display:inline-block;}"}):null))))}getCssClassMap(){return{"card-layout":!0,"link-wrapper":!!this.cardType}}getMediaSlot(){return this.hasLottie?"slot-lottie":this.hasVideo?"slot-video":this.hasImage?"slot-image":null}getLineCuttoff(){let t;return this.titleLineCutOff&&this.titleLineCutOff>0&&(t={"-webkit-line-clamp":`${this.titleLineCutOff}`}),t}};r.style=':host{display:block}:host(.lottie-card) .card-border{box-shadow:var(--ptc-shadow-small);border:1px solid var(--color-gray-03);border-radius:10px;position:relative;overflow:hidden}:host(.lottie-card) .card-border::after{content:"";height:40%;width:4px;position:absolute;top:30%;right:-2px;background-color:var(--color-green-06);z-index:2;display:block}:host(.lottie-card) .card-border:hover{box-shadow:var(--ptc-shadow-x-large)}:host(.lottie-card) .card-border:hover .card-body h3{border-bottom:2px solid var(--color-green-07)}:host(.lottie-card) .card-layout{display:block}@media only screen and (min-width: 768px){:host(.lottie-card) .card-layout{display:flex;flex-flow:nowrap row;justify-content:center}}:host(.lottie-card) .link-wrapper{outline:none;text-decoration:none}:host(.lottie-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.lottie-card) .card-media{flex-basis:40%;border-right:1px solid var(--color-gray-03);display:flex}:host(.lottie-card) .card-body{flex-basis:60%;align-self:center;padding:0 30px 10px}:host(.lottie-card) .card-body h3{display:inline-block;line-height:var(--ptc-line-height-densest);color:var(--color-gray-10);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);border-bottom:2px solid transparent;margin-bottom:var(--ptc-element-spacing-02)}:host(.simple-card) .card-layout{display:block}:host(.simple-card) .link-wrapper{outline:none;text-decoration:none}:host(.simple-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.simple-card) .link-wrapper:hover .card-body h3::before{width:100%}:host(.simple-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-04)}:host(.simple-card) .card-body h3{color:var(--color-gray-10);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-black);line-height:var(--ptc-line-height-dense);position:relative;margin-bottom:var(--ptc-element-spacing-02);display:inline-block}:host(.simple-card) .card-body h3::before{display:block;position:absolute;content:"";width:var(--ptc-element-spacing-07);border-bottom:2px solid var(--color-green-06);bottom:1px;transition:width var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.simple-card) ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-01);transition:margin-left var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) .card-border{overflow:hidden;filter:drop-shadow(rgba(0, 0, 0, 0.32) 0px 3px 6px);width:100%}:host(.clip-edge-card) .card-border:hover{filter:drop-shadow(rgba(0, 0, 0, 0.32) 0px 6px 12px)}:host(.clip-edge-card) .card-layout{display:block}:host(.clip-edge-card) .link-wrapper{outline:none;text-decoration:none}:host(.clip-edge-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.clip-edge-card) .card-media{position:relative;width:100%;height:124px;overflow:hidden;border-radius:var(--ptc-border-radius-standard)}:host(.clip-edge-card) .card-body{transform:translateY(calc(-1 * var(--ptc-element-spacing-04)));overflow:hidden;width:calc(95% - var(--ptc-element-spacing-04) - var(--ptc-element-spacing-04));font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10);clip-path:var(--ptc-clip-path-bottom-right);background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard);padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-03) var(--ptc-element-spacing-04)}:host(.clip-edge-card) .card-body h3{display:inline-block;margin:0px;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10);text-decoration:none;border-bottom:2px solid transparent;transition:border-bottom var(--ptc-transition-medium) var(--ptc-ease-inout), margin var(--ptc-transition-medium) var(--ptc-ease-inout);margin:var(--ptc-element-spacing-03) 0 var(--ptc-element-spacing-03) 0}:host(.clip-edge-card) ::slotted([slot=slot-description]){height:0;opacity:0;transition:height var(--ptc-transition-medium) var(--ptc-ease-inout), opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) ::slotted([slot=slot-image]){display:block;width:100%;height:100%;transform:scale(1);transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);transform-origin:top center}:host(.clip-edge-card) ::slotted([slot=slot-after-heading]){position:absolute;top:var(--ptc-element-spacing-03);left:var(--ptc-element-spacing-04);opacity:1;transform:scale(1);height:44px;transform-origin:bottom center;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) ::slotted([slot=slot-before-heading]){display:block;opacity:0;height:24px;transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) .link-wrapper:hover .card-body h3{border-bottom:2px solid var(--color-green-06)}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:60px;opacity:1}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-image]){transform:scale(1.1)}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]){opacity:0;transform:scale(0);height:0}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-before-heading]){opacity:1}:host(.hightlight-card) .card-border{width:100%;border-radius:var(--ptc-border-radius-standard);overflow:hidden}:host(.hightlight-card) .card-border:hover .card-media{transform:scale(1.1)}:host(.hightlight-card) .card-layout{display:block;position:relative}:host(.hightlight-card) .link-wrapper{outline:none;text-decoration:none}:host(.hightlight-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:96px;opacity:1}@media only screen and (min-width: 768px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 992px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-06)}}@media only screen and (min-width: 1440px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-05)}}:host(.hightlight-card) .card-media{width:100%;height:auto;min-height:450px;position:relative;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);transition-delay:var(--ptc-delay-5)}:host(.hightlight-card) .card-body{position:absolute;bottom:0;top:auto;left:0;right:auto;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-07);background-color:var(--color-white);box-sizing:border-box}:host(.hightlight-card) .card-body h3{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-bold);color:var(--color-gray-10);margin:var(--ptc-element-spacing-04) 0}:host(.hightlight-card) ::slotted([slot=slot-description]){height:0;opacity:0;transition:height var(--ptc-transition-medium) var(--ptc-ease-inout), opacity var(--ptc-transition-fast) var(--ptc-ease-inout);transition-delay:var(--ptc-delay-5)}:host(.horizontal-card){margin-bottom:var(--ptc-layout-spacing-02)}:host(.horizontal-card) .card-layout{position:relative}@media only screen and (min-width: 768px){:host(.horizontal-card) .card-layout{display:grid;grid-template-columns:42% 58%;direction:ltr;grid-auto-rows:1fr}}:host(.horizontal-card) .link-wrapper{outline:none;text-decoration:none;transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) .link-wrapper:hover{box-shadow:var(--ptc-shadow-large);transition:var(--ptc-transition-slow) linear;background-color:var(--color-white)}:host(.horizontal-card) .link-wrapper:hover h3{border-color:var(--color-green-06);transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) .card-media{display:flex;align-self:center}:host(.horizontal-card) .card-body{padding:var(--ptc-element-spacing-05) var(--ptc-element-spacing-04)}@media only screen and (min-width: 768px){:host(.horizontal-card) .card-body{padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-07)}}:host(.horizontal-card) .card-body h3{margin-top:0;font-size:var(--ptc-font-size-x-small);color:var(--color-gray-10);border-bottom:1px solid transparent;padding-bottom:var(--ptc-element-spacing-01);margin-bottom:var(--ptc-element-spacing-02);transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) ::slotted([slot=slot-image]){box-shadow:var(--ptc-shadow-medium);width:100%}:host(.listing-card) .card-border{width:325px;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;height:487px;display:flex;flex-direction:row;margin-bottom:0.5rem}:host(.listing-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.listing-card) .card-border:hover .card-media{background:var(--color-white)}:host(.listing-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}@media (min-width: 480px){:host(.listing-card) .card-border{width:432px;height:487px}}@media (min-width: 768px){:host(.listing-card) .card-border{width:348px;height:456px}}@media (min-width: 992px){:host(.listing-card) .card-border{margin-left:4px;margin-right:4px;width:288px;height:440px}}@media (min-width: 1200px){:host(.listing-card) .card-border{width:260px;height:420px}}@media (min-width: 1440px){:host(.listing-card) .card-border{width:260px;height:420px}}:host(.listing-card) .card-layout{display:block;position:relative;width:100%;height:100%}:host(.listing-card) .link-wrapper{outline:none;text-decoration:none}:host(.listing-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.listing-card) .card-media{width:100%;height:288px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.listing-card) .card-media .smart-img{height:288px}@media (min-width: 768px){:host(.listing-card) .card-media .smart-img{height:232px}}@media (min-width: 992px){:host(.listing-card) .card-media .smart-img{height:192px}}@media (min-width: 1200px){:host(.listing-card) .card-media .smart-img{height:170px}}@media (min-width: 768px){:host(.listing-card) .card-media{height:232px}}@media (min-width: 992px){:host(.listing-card) .card-media{height:192px}}@media (min-width: 1200px){:host(.listing-card) .card-media{height:170px}}:host(.listing-card) .card-body{padding:16px 20px 0px 20px}:host(.listing-card) .card-body .card-date-text{display:flex;flex-direction:row}:host(.listing-card) .card-body .card-date-text p{font-size:var(--ptc-font-size-xx-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block;margin-top:0rem}:host(.listing-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block}:host(.listing-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:14px;margin-top:0rem}:host(.listing-card) ::slotted([slot=slot-date]){font-weight:400;font-size:16px;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block}:host(.listing-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:39px}:host(.listing-card-horizontal) .card-border{width:325px;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;height:220px}@media (min-width: 992px){:host(.listing-card-horizontal) .card-border{margin-bottom:0.5rem}}:host(.listing-card-horizontal) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.listing-card-horizontal) .card-border:hover .card-media{background:var(--color-white)}:host(.listing-card-horizontal) .card-border:hover .card-media .smart-img{background:var(--color-white)}@media (min-width: 480px){:host(.listing-card-horizontal) .card-border{width:432px;height:178px}}@media (min-width: 768px){:host(.listing-card-horizontal) .card-border{width:704px;height:184px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-border{width:688px;height:166px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-border{width:779px;height:170px}}:host(.listing-card-horizontal) .card-layout{display:flex;flex-direction:row;width:325px;height:220px}@media (min-width: 480px){:host(.listing-card-horizontal) .card-layout{width:432px;height:178px}}@media (min-width: 768px){:host(.listing-card-horizontal) .card-layout{width:704px;height:184px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-layout{width:688px;height:166px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-layout{width:779px;height:170px}}:host(.listing-card-horizontal) .link-wrapper{outline:none;text-decoration:none}:host(.listing-card-horizontal) .link-wrapper:hover{outline:none;text-decoration:none}:host(.listing-card-horizontal) .card-media{width:325px;height:224px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium);display:none}:host(.listing-card-horizontal) .card-media .smart-img{height:224px;width:325px}@media (min-width: 768px){:host(.listing-card-horizontal) .card-media .smart-img{width:275px;height:184px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-media .smart-img{width:224px;height:166px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-media .smart-img{width:260px;height:170px}}@media (min-width: 768px){:host(.listing-card-horizontal) .card-media{display:block;width:275px;height:184px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-media{width:224px;height:166px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-media{width:260px;height:170px}}:host(.listing-card-horizontal) .card-body{padding:16px 24px 0px 24px}@media (min-width: 768px){:host(.listing-card-horizontal) .card-body{padding:24px 32px 0px 32px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body{padding:8px 16px 0px 16px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body{padding:14px 32px 0px 32px}}@media only screen and (min-width: 768px){:host(.listing-card-horizontal) .card-body{width:505px}}@media only screen and (min-width: 1440px){:host(.listing-card-horizontal) .card-body{padding:24px 38px 0px 31px}}:host(.listing-card-horizontal) .card-body .card-date-text{display:flex;flex-direction:row}:host(.listing-card-horizontal) .card-body .card-date-text p{font-size:var(--ptc-font-size-xx-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:12px;display:inline-block;margin-top:0rem;margin-block-start:0rem}@media only screen and (min-width: 1200px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:20px}}@media only screen and (min-width: 1440px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:24px}}@media only screen and (min-width: 1600px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:32px}}:host(.listing-card-horizontal) .card-body .small{font-weight:400;font-size:16px;line-height:19px;color:#282F35;margin-bottom:12px;display:inline-block}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body .small{margin-bottom:4px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body .small{margin-bottom:8px}}:host(.listing-card-horizontal) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:19px;color:var(--color-gray-11);margin-bottom:8px;margin-top:0rem}@media (min-width: 768px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:16px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:12px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:16px}}@media only screen and (min-width: 768px){:host(.listing-card-horizontal) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:8px;margin-top:0rem}}:host(.listing-card-horizontal) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:19px;margin-top:0rem;margin-block-start:0rem}:host(.listing-card-horizontal) ::slotted([slot=slot-description]) p{margin-block-start:0rem}@media (max-width: 767px){:host(.listing-card-horizontal) ::slotted([slot=slot-description]){font-weight:400;font-size:14px;line-height:16px}}:host(.resource-center-card) .card-border{width:325px;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;height:442px;display:flex;flex-direction:row;margin-bottom:0.5rem}:host(.resource-center-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.resource-center-card) .card-border:hover .card-media{background:var(--color-white)}:host(.resource-center-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}@media (min-width: 480px){:host(.resource-center-card) .card-border{width:433px;height:442px}}@media (min-width: 768px){:host(.resource-center-card) .card-border{width:336px;height:396px}}@media (min-width: 992px){:host(.resource-center-card) .card-border{width:287px;height:396px}}@media (min-width: 1200px){:host(.resource-center-card) .card-border{width:260px;height:396px}}@media (min-width: 1440px){:host(.resource-center-card) .card-border{width:260px;height:396px}}@media only screen and (min-width: 768px){:host(.resource-center-card) .card-border{margin-left:4px;margin-right:4px}}:host(.resource-center-card) .card-layout{display:block;position:relative}:host(.resource-center-card) .card-layout .ribbon-text{position:absolute;top:0;left:0;margin-top:24px;background-color:var(--color-white);padding:4px 24px;font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);color:var(--color-gray-11);border-radius:0px 3px 3px 0px;box-shadow:var(--ptc-shadow-small);max-width:70%;max-height:20px;overflow:hidden}:host(.resource-center-card) .link-wrapper{outline:none;text-decoration:none}:host(.resource-center-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.resource-center-card) .card-media{width:100%;height:250px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.resource-center-card) .card-media .smart-img{height:250px}@media (min-width: 480px){:host(.resource-center-card) .card-media .smart-img{height:285px}}@media (min-width: 768px){:host(.resource-center-card) .card-media .smart-img{height:221px}}@media (min-width: 992px){:host(.resource-center-card) .card-media .smart-img{height:189px}}@media (min-width: 1200px){:host(.resource-center-card) .card-media .smart-img{height:173px}}@media (min-width: 1440px){:host(.resource-center-card) .card-media .smart-img{height:173px}}@media (min-width: 480px){:host(.resource-center-card) .card-media{height:285px}}@media (min-width: 768px){:host(.resource-center-card) .card-media{height:221px}}@media (min-width: 992px){:host(.resource-center-card) .card-media{height:189px}}@media (min-width: 1200px){:host(.resource-center-card) .card-media{height:173px}}@media (min-width: 1440px){:host(.resource-center-card) .card-media{height:173px}}:host(.resource-center-card) .card-body{padding:16px 24px 0px 24px}@media (min-width: 768px){:host(.resource-center-card) .card-body{padding:14px 24px 0px 24px}}@media (min-width: 1200px){:host(.resource-center-card) .card-body{padding:14px 20px 0px 21px}}:host(.resource-center-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:24px;display:inline-block}:host(.resource-center-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:12px;margin-top:0rem}:host(.resource-center-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:39px}:host(.resource-center-card) ::slotted([slot=slot-description]) p{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:39px}:host(.resource-center-card) ::slotted([slot=slot-description]) span{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:39px}:host(.case-studies-card) .card-border{width:320px;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;height:447px;display:flex;flex-direction:row;margin-bottom:0.5rem}:host(.case-studies-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.case-studies-card) .card-border:hover .card-media{background:var(--color-white)}:host(.case-studies-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}@media (min-width: 480px){:host(.case-studies-card) .card-border{width:431px;height:536px}}@media (min-width: 768px){:host(.case-studies-card) .card-border{width:335px;height:452px}}@media (min-width: 992px){:host(.case-studies-card) .card-border{width:288px;height:452px}}@media (min-width: 1200px){:host(.case-studies-card) .card-border{width:260px;height:452px}}@media (min-width: 1440px){:host(.case-studies-card) .card-border{width:260px;height:452px}}@media only screen and (min-width: 768px){:host(.case-studies-card) .card-border{margin-left:4px;margin-right:4px}}:host(.case-studies-card) .card-layout{display:block;position:relative}:host(.case-studies-card) .link-wrapper{outline:none;text-decoration:none}:host(.case-studies-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.case-studies-card) .card-media{width:100%;height:200px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.case-studies-card) .card-media .smart-img{width:100%;height:200px}@media (min-width: 480px){:host(.case-studies-card) .card-media .smart-img{height:286px}}@media (min-width: 768px){:host(.case-studies-card) .card-media .smart-img{height:224px}}@media (min-width: 992px){:host(.case-studies-card) .card-media .smart-img{height:192px}}@media (min-width: 1200px){:host(.case-studies-card) .card-media .smart-img{height:173px}}@media (min-width: 1440px){:host(.case-studies-card) .card-media .smart-img{height:170px}}@media (min-width: 480px){:host(.case-studies-card) .card-media{height:286px}}@media (min-width: 768px){:host(.case-studies-card) .card-media{height:224px}}@media (min-width: 992px){:host(.case-studies-card) .card-media{height:192px}}@media (min-width: 1200px){:host(.case-studies-card) .card-media{height:173px}}@media (min-width: 1440px){:host(.case-studies-card) .card-media{height:170px}}:host(.case-studies-card) .card-body .card-logo-container{padding:8px 20px;border-bottom:1px solid #E4E7E9}:host(.case-studies-card) .card-body .card-logo-none{padding-top:16px}:host(.case-studies-card) .card-body .card-logo{max-width:280px;width:auto;height:40px;object-fit:cover;border:1px solid #E4E7E9;margin-bottom:8px}:host(.case-studies-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:24px;display:inline-block}:host(.case-studies-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin:8px 20px 12px 20px}:host(.case-studies-card) ::slotted([slot=slot-date]){font-weight:400;font-size:16px;line-height:19px;color:#282F35;margin-bottom:24px;display:inline-block}:host(.case-studies-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin:0px 20px 39px 20px}.ptc-h3.uppercase{text-transform:uppercase}.ptc-h3.capitalize{text-transform:capitalize}.ptc-h3.lowercase{text-transform:lowercase}.ptc-h3.none{text-transform:none}';const o=class{constructor(i){t(this,i),this.year=1900,this.month=0,this.day=1,this.country="en-US",this.dateString=void 0,this.dateColor=void 0,this.dateStyles=void 0,this.dataSize="small"}render(){const t=this.getCssClassMap();return i(e,{class:t},this.dateStyles&&i("style",null,this.dateStyles),i("span",{part:"part-ptc-date"},this.getDate().toLocaleDateString(this.country,{year:"numeric",month:"short",day:"numeric"})))}getCssClassMap(){return{[this.dateColor]:!!this.dateColor,[this.dataSize]:!!this.dataSize}}getDate(){return this.dateString?new Date(this.dateString.replace(/-/g,"/")):new Date(this.year,this.month-1,this.day)}};o.style=":host{display:block}:host(.small) span{font-size:var(--ptc-font-size-xx-small)}:host(.medium) span{font-size:var(--ptc-font-size-x-small)}:host(.primary-grey){color:var(--color-primary-gray-new)}:host(.white) span{color:var(--color-white)}:host(.date-m-top){margin-top:var(--ptc-element-spacing-01)}";let s={envs:["xs","sm","md","lg"],selector:".ptc-img",interval:250},n={envs:["xs","sm","md","lg"],selector:".ptc-picture",interval:250};const d=class{constructor(i){t(this,i),this.sizeXs="510x340",this.sizeSm="1240x496",this.sizeMd="1366x500",this.sizeLg="1920x1080",this.imgUrl=void 0,this.imageType="smart-bg",this.borderRadius="",this.loadMode="lazy-bg"}WindowResize(){this.setResponsiveBg()}render(){const t=this.getCssClassMap();return i(e,null,i("div",{class:t,"data-xs":`${this.imgUrl}:${this.sizeXs}`,"data-sm":`${this.imgUrl}:${this.sizeSm}`,"data-md":`${this.imgUrl}:${this.sizeMd}`,"data-lg":`${this.imgUrl}:${this.sizeLg}`},"smart-bg"==this.imageType?i("slot",null):null))}componentDidLoad(){this.addIntersectionObserver(),this.setResponsiveBg()}componentWillUpdate(){this.addIntersectionObserver(),this.setResponsiveBg()}setResponsiveBg(){let t,i,e=(this.el||document).querySelectorAll(s.selector),a=this.getCurrentBreakPoints();for(var r=0,o=e.length;r<o;r++)t=e[r],i=t.getAttribute("data-"+a),null!==i?t.style.backgroundImage="url('"+i+"')":"object"==typeof console&&console.warn("Data attribute: data-"+a+" not found on element:\n\n"+t.outerHTML+"\n\n\n")}addIntersectionObserver(){if(this.imgUrl){if("IntersectionObserver"in window){let t=(this.el||document).querySelectorAll(".lazy-bg"),i=new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting){const e=t.target;e.classList.remove("lazy-bg"),i.unobserve(e)}}))}));t.forEach((t=>{i.observe(t)}))}}else console.log("no image!")}getCssClassMap(){return{[this.imageType]:!0,"ptc-img":!0,[this.borderRadius]:!0,[this.loadMode]:!0}}getCurrentBreakPoints(){let t,i=window.document,e=i.createElement("div");i.body.appendChild(e);for(let a=s.envs.length-1;a>=0;a--)if(t=s.envs[a],e.className="hidden-"+t,null===e.offsetParent)return i.body.removeChild(e),t;return i.body.removeChild(e),this.getFallbackBreakpoint()}getFallbackBreakpoint(){return window.matchMedia("(min-width: 992px)").matches?"lg":window.matchMedia("(min-width: 768px)").matches?"md":window.matchMedia("(min-width: 576px)").matches?"sm":"xs"}get el(){return a(this)}};d.style=".smart-bg{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.smart-img{position:absolute;display:block;width:100%;height:100%;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.lazy-bg{background-image:none !important;background-color:var(--color-gray-03)}@media only screen and (min-width: 768px){.hidden-xs{display:none !important}}@media (min-width: 768px) and (max-width: 991px){.hidden-sm{display:none !important}}@media (min-width: 992px) and (max-width: 1199px){.hidden-md{display:none !important}}@media only screen and (min-width: 768px){.hidden-lg{display:none !important}}";const h=class{constructor(i){t(this,i),this.fontSize="x-small",this.fontWeight="w-4",this.paraStyle="default",this.paraColor="primary-grey",this.paraLineH="line-height-normal",this.paraMargin=void 0,this.paraAlign=void 0,this.ellipsisLineCutoff=void 0,this.paraZIndex=void 0}render(){const t=this.getCssClassMap(),a=this.addWhiteClass(),r=this.getLineCuttoff();return i(e,{class:`${a} ${this.paraZIndex}`},i("p",{class:t,part:"part-para",style:r},i("slot",null)))}getCssClassMap(){return{[this.fontSize]:!0,[this.fontWeight]:!0,[this.paraStyle]:!0,[this.paraMargin]:!!this.paraMargin,[this.paraColor]:!0,[this.paraLineH]:!0,[this.paraAlign]:!!this.paraAlign,"ellipsis-boxing":this.ellipsisLineCutoff&&this.ellipsisLineCutoff>0}}addWhiteClass(){if("white"==this.paraColor)return{[this.paraColor]:!0}}getLineCuttoff(){let t;return this.ellipsisLineCutoff&&this.ellipsisLineCutoff>0&&(t={"-webkit-line-clamp":`${this.ellipsisLineCutoff}`}),t}get el(){return a(this)}};h.style=":host{position:relative;z-index:1}:host(.white){color:var(--color-white)}:host(.z-1){z-index:1}:host(.z-2){z-index:2}:host(.z-3){z-index:3}:host(.z-99){z-index:99}:host(.z-999){z-index:999}:host(.z-auto){z-index:auto}p.default{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}p.main{text-shadow:0 3px 6px var(--color-white);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10)}p.primary-grey{color:var(--color-gray-10)}p.white{color:var(--color-white)}p.xxx-small{font-size:var(--ptc-font-size-xxx-small)}p.xx-small{font-size:var(--ptc-font-size-xx-small)}p.x-small{font-size:var(--ptc-font-size-x-small)}p.small{font-size:var(--ptc-font-size-small)}p.medium{font-size:var(--ptc-font-size-medium)}p.large{font-size:var(--ptc-font-size-large)}p.x-large{font-size:var(--ptc-font-size-x-large)}p.xx-large{font-size:var(--ptc-font-size-xx-large)}p.xxx-large{font-size:var(--ptc-font-size-xxx-large)}p.xxxx-large{font-size:var(--ptc-font-size-xxxx-large)}p.w-3{font-weight:var(--ptc-font-weight-thin)}p.w-4{font-weight:var(--ptc-font-weight-regular)}p.w-5{font-weight:var(--ptc-font-weight-medium)}p.w-6{font-weight:var(--ptc-font-weight-semibold)}p.w-7{font-weight:var(--ptc-font-weight-bold)}p.w-8{font-weight:var(--ptc-font-weight-extrabold)}p.w-9{font-weight:var(--ptc-font-weight-black)}p.margin-flush{margin-top:0;margin-bottom:0}p.margin-top-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:0}p.margin-top-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}p.margin-top-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}p.margin-top-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}p.margin-top-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}p.margin-top-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}p.margin-bottom-1{margin-bottom:var(--ptc-element-spacing-01);margin-top:0}p.margin-bottom-2{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}p.margin-bottom-3{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}p.margin-bottom-4{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}p.margin-bottom-5{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}p.margin-bottom-6{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}p.margin-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:var(--ptc-element-spacing-01)}p.margin-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}p.margin-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}p.margin-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}p.margin-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}p.margin-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}p.line-height-densest{line-height:var(--ptc-line-height-densest)}p.line-height-denser{line-height:var(--ptc-line-height-denser)}p.line-height-p{line-height:var(--ptc-line-height-p)}p.line-height-dense{line-height:var(--ptc-line-height-dense)}p.line-height-normal{line-height:var(--ptc-line-height-normal)}p.line-height-loose{line-height:var(--ptc-line-height-loose)}p.line-height-looser{line-height:var(--ptc-line-height-looser)}p.left{text-align:left}p.right{text-align:right}p.center{text-align:center}p.justify{text-align:justify}p.announcement{text-transform:uppercase;font-size:var(--ptc-font-size-small);color:var(--color-gray-07);line-height:var(--ptc-line-height-looser);letter-spacing:var(--ptc-letter-spacing-loose)}p.ellipsis-boxing{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word}";const c=class{constructor(i){t(this,i),this.src=void 0,this.alt="image",this.sizeXs="510x340",this.sizeSm="1240x496",this.sizeMd="1366x500",this.sizeLg="1920x1080",this.oldSrc=void 0,this.imagePosition="static",this.borderRadius=void 0,this.height=void 0,this.width=void 0,this.objectFit="cover",this.isFullHeight=!1,this.isFullWidth=!1,this.styles=void 0,this.imageAlignment="left",this.maxWidth=void 0}WindowResize(){this.addIntersectionObserver()}componentDidLoad(){this.addIntersectionObserver()}componentWillUpdate(){this.src!==this.oldSrc&&this.addIntersectionObserver(),this.oldSrc=this.src}addIntersectionObserver(){if(this.src)if("IntersectionObserver"in window){let t=new IntersectionObserver((i=>{i.forEach((i=>{if(i.isIntersecting){const i=this.el.shadowRoot.querySelector("img");i.src=this.setResponsiveBg(),t.unobserve(i)}}))}));t.observe(this.el.shadowRoot.querySelector("img"))}else setTimeout((()=>{const t=this.el.shadowRoot.querySelector("img");t.src=this.setResponsiveBg(),t.onload=()=>{t.removeAttribute("data-src"),console.log("loaded fallback")}}),5e3)}setResponsiveBg(){let t,i,e=(this.el.shadowRoot||document).querySelectorAll("img"),a=this.getCurrentBreakPoints();for(var r=0,o=e.length;r<o;r++){if(t=e[r],i=t.getAttribute("data-"+a),null!==i)return i;"object"==typeof console&&console.warn("Data attribute: data-"+a+" not found on element:\n\n"+t.outerHTML+"\n\n\n")}}render(){const t=this.getCssClassMap(),a=this.getCssClassMapHost();return i(e,{class:a},this.styles&&i("style",null,this.styles),i("img",Object.assign({class:t,"data-xs":this.sizeXs?`${this.src}:${this.sizeXs}`:`${this.src}`,"data-sm":this.sizeSm?`${this.src}:${this.sizeSm}`:`${this.src}`,"data-md":this.sizeMd?`${this.src}:${this.sizeMd}`:`${this.src}`,"data-lg":this.sizeLg?`${this.src}:${this.sizeLg}`:`${this.src}`},this.width?{width:this.width}:{},this.height?{height:this.height}:{},{alt:this.alt,style:Object.assign({},this.maxWidth?{maxWidth:this.maxWidth+"px"}:{})})),i("slot",null))}getCurrentBreakPoints(){let t,i=window.document,e=i.createElement("div");i.body.appendChild(e);for(let a=n.envs.length-1;a>=0;a--)if(t=n.envs[a],e.className="hidden-"+t,null===e.offsetParent)return i.body.removeChild(e),t;return i.body.removeChild(e),this.getFallbackBreakpoint()}getFallbackBreakpoint(){return window.matchMedia("(min-width: 992px)").matches?"lg":window.matchMedia("(min-width: 768px)").matches?"md":window.matchMedia("(min-width: 576px)").matches?"sm":"xs"}getCssClassMap(){return{[this.borderRadius]:!!this.borderRadius,[this.objectFit]:!0,[this.isFullHeight?"is-full-height":"is-normal-height"]:!0,[this.isFullWidth?"is-full-width":"is-normal-width"]:!0}}getCssClassMapHost(){return{[this.imagePosition]:!0,[this.imageAlignment]:!0}}get el(){return a(this)}};c.style=":host{display:block;overflow:hidden}:host img{display:block}:host(.relative){position:relative}:host(.static){position:static}:host(.absoltue){position:absolute}img{max-width:100%}.cover{object-fit:cover}.fill{object-fit:fill}.contain{object-fit:contain}.scale-down{object-fit:scale-down}.none{object-fit:none}.initial{object-fit:initial}.inherit{object-fit:inherit}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.is-full-height{height:100%}.is-full-width{width:100%}:host(.left){text-align:left}:host(.right){text-align:right}:host(.center){text-align:center}";const l=class{constructor(i){t(this,i),this.breakpoint="",this.size="medium",this.direction="vertical"}render(){const t=this.getCssClassMap();return i(e,{class:t})}getCssClassMap(){return{[this.size]:!0,"ptc-spacer-horizontal":"horizontal"===this.direction,"ptc-spacer-vertical":"vertical"===this.direction,"ptc-spacer-xx-small":"xx-small"===this.breakpoint,"ptc-spacer-x-small":"x-small"===this.breakpoint,"ptc-spacer-small":"small"===this.breakpoint,"ptc-spacer-medium":"medium"===this.breakpoint,"ptc-spacer-large":"large"===this.breakpoint,"ptc-spacer-x-large":"x-large"===this.breakpoint,"ptc-spacer-xx-large":"xx-large"===this.breakpoint,"ptc-spacer-xxx-large":"xxx-large"===this.breakpoint}}};l.style=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.ptc-spacer-horizontal){display:inline-block;height:100% !important}:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.ptc-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.ptc-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.small){width:12px;min-width:12px}}:host(.ptc-spacer-horizontal.medium){height:100%}:host(.ptc-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.large){width:20px;min-width:20px}}:host(.ptc-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.ptc-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.ptc-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.ptc-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.ptc-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.ptc-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.ptc-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.ptc-spacer-vertical.small){height:12px;min-height:12px}}:host(.ptc-spacer-vertical.medium){width:100%}:host(.ptc-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.ptc-spacer-vertical.large){height:20px;min-height:20px}}:host(.ptc-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.ptc-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.ptc-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.ptc-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.ptc-spacer-vertical.space-144){width:100%;height:144px;min-height:144px}:host(.ptc-spacer-vertical.space-120){width:100%;height:120px;min-height:120px}:host(.ptc-spacer-vertical.space-128){width:100%;height:128px;min-height:128px}:host(.ptc-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.ptc-spacer-xx-small){display:block}}:host(.ptc-spacer-x-small){display:none}@media (max-width: 35.99em){:host(.ptc-spacer-x-small){display:block}}:host(.ptc-spacer-small){display:none}@media (min-width: 36em){:host(.ptc-spacer-small){display:block}}:host(.ptc-spacer-medium){display:none}@media (min-width: 48em){:host(.ptc-spacer-medium){display:block}}:host(.ptc-spacer-large){display:none}@media (min-width: 62em){:host(.ptc-spacer-large){display:block}}:host(.ptc-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.ptc-spacer-x-large){display:block}}:host(.ptc-spacer-xx-large){display:none}@media (min-width: 75em){:host(.ptc-spacer-xx-large){display:block}}:host(.ptc-spacer-xxx-large){display:none}@media (min-width: 90em){:host(.ptc-spacer-xxx-large){display:block}}";export{r as ptc_card,o as ptc_date,d as ptc_img,h as ptc_para,c as ptc_picture,l as ptc_spacer}
|
|
1
|
+
import{r as t,h as i,H as e,g as a}from"./p-9fb2ab8c.js";const r=class{constructor(i){t(this,i),this.cardType="custom-card",this.cardHref=void 0,this.target="_self",this.rel=void 0,this.hasImage=!1,this.hasVideo=!1,this.hasLottie=!1,this.heading=void 0,this.headingTransform="none",this.cardDate=void 0,this.styles=void 0,this.ribbonText=void 0,this.eventType=void 0,this.cardLogo=void 0,this.titleLineCutOff=void 0}render(){const t=this.cardHref?"a":"div",a=this.getCssClassMap(),r=this.getLineCuttoff();let o="";return this.titleLineCutOff&&this.titleLineCutOff>0&&(o=" clamp-title"),i(e,Object.assign({},this.cardType?{class:this.cardType}:{}),this.styles&&i("style",null,this.styles),i("div",{class:"card-border",part:"border-wrapper"},i(t,Object.assign({class:a,part:"card-layout"},this.cardHref?{href:this.cardHref}:{},this.target&&this.cardHref?{target:this.target}:{},this.rel&&this.cardHref?{rel:this.rel}:{},this.ribbonText?{rel:this.ribbonText}:{}),this.hasImage||this.hasLottie||this.hasVideo?i("div",{class:"card-media",part:"media-wrapper"},this.getMediaSlot?i("slot",{name:this.getMediaSlot()}):null):null,this.ribbonText&&"resource-center-card"==this.cardType?i("div",{class:"ribbon-text"},`${this.ribbonText}`):null,i("div",{class:"card-body",part:"body-wrapper"},!this.cardDate||"listing-card"!==this.cardType&&"listing-card-horizontal"!==this.cardType?null:i("div",{class:"card-date-text"},this.eventType?i("span",{class:"small"},`${this.cardDate}`," | ",`${this.eventType}`):i("span",{class:"small"},`${this.cardDate}`)),"case-studies-card"===this.cardType?Object.assign({},this.cardLogo?i("div",{class:"card-logo-container"},i("ptc-picture",{alt:"","object-fit":"contain",src:this.cardLogo,height:"40"})):i("div",{class:"card-logo-none"})):null,i("slot",{name:"slot-before-heading"}),this.heading?[i("h3",{class:`ptc-h3 ${this.headingTransform}${o}`,style:r,part:"card-heading"},this.heading),i("slot",{name:"slot-after-heading"})]:null,i("slot",{name:"slot-description"}),this.cardDate&&"listing-card"!==this.cardType&&"listing-card-horizontal"!==this.cardType&&"hightlight-card"!==this.cardType?i("ptc-date",{"date-string":`${this.cardDate}`,"date-styles":"span{color:#40434a;font-size:var(--ptc-font-size-x-small);margin-top:var(--ptc-element-spacing-06);display:inline-block;}"}):null))))}getCssClassMap(){return{"card-layout":!0,"link-wrapper":!!this.cardType}}getMediaSlot(){return this.hasLottie?"slot-lottie":this.hasVideo?"slot-video":this.hasImage?"slot-image":null}getLineCuttoff(){let t;return this.titleLineCutOff&&this.titleLineCutOff>0&&(t={"-webkit-line-clamp":`${this.titleLineCutOff}`}),t}};r.style=':host{display:block}:host(.lottie-card) .card-border{box-shadow:var(--ptc-shadow-small);border:1px solid var(--color-gray-03);border-radius:10px;position:relative;overflow:hidden}:host(.lottie-card) .card-border::after{content:"";height:40%;width:4px;position:absolute;top:30%;right:-2px;background-color:var(--color-green-06);z-index:2;display:block}:host(.lottie-card) .card-border:hover{box-shadow:var(--ptc-shadow-x-large)}:host(.lottie-card) .card-border:hover .card-body h3{border-bottom:2px solid var(--color-green-07)}:host(.lottie-card) .card-layout{display:block}@media only screen and (min-width: 768px){:host(.lottie-card) .card-layout{display:flex;flex-flow:nowrap row;justify-content:center}}:host(.lottie-card) .link-wrapper{outline:none;text-decoration:none}:host(.lottie-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.lottie-card) .card-media{flex-basis:40%;border-right:1px solid var(--color-gray-03);display:flex}:host(.lottie-card) .card-body{flex-basis:60%;align-self:center;padding:0 30px 10px}:host(.lottie-card) .card-body h3{display:inline-block;line-height:var(--ptc-line-height-densest);color:var(--color-gray-10);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);border-bottom:2px solid transparent;margin-bottom:var(--ptc-element-spacing-02)}:host(.simple-card) .card-layout{display:block}:host(.simple-card) .link-wrapper{outline:none;text-decoration:none}:host(.simple-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.simple-card) .link-wrapper:hover .card-body h3::before{width:100%}:host(.simple-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-04)}:host(.simple-card) .card-body h3{color:var(--color-gray-10);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-black);line-height:var(--ptc-line-height-dense);position:relative;margin-bottom:var(--ptc-element-spacing-02);display:inline-block}:host(.simple-card) .card-body h3::before{display:block;position:absolute;content:"";width:var(--ptc-element-spacing-07);border-bottom:2px solid var(--color-green-06);bottom:1px;transition:width var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.simple-card) ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-01);transition:margin-left var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) .card-border{overflow:hidden;filter:drop-shadow(rgba(0, 0, 0, 0.32) 0px 3px 6px);width:100%}:host(.clip-edge-card) .card-border:hover{filter:drop-shadow(rgba(0, 0, 0, 0.32) 0px 6px 12px)}:host(.clip-edge-card) .card-layout{display:block}:host(.clip-edge-card) .link-wrapper{outline:none;text-decoration:none}:host(.clip-edge-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.clip-edge-card) .card-media{position:relative;width:100%;height:124px;overflow:hidden;border-radius:var(--ptc-border-radius-standard)}:host(.clip-edge-card) .card-body{transform:translateY(calc(-1 * var(--ptc-element-spacing-04)));overflow:hidden;width:calc(95% - var(--ptc-element-spacing-04) - var(--ptc-element-spacing-04));font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10);clip-path:var(--ptc-clip-path-bottom-right);background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard);padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-03) var(--ptc-element-spacing-04)}:host(.clip-edge-card) .card-body h3{display:inline-block;margin:0px;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10);text-decoration:none;border-bottom:2px solid transparent;transition:border-bottom var(--ptc-transition-medium) var(--ptc-ease-inout), margin var(--ptc-transition-medium) var(--ptc-ease-inout);margin:var(--ptc-element-spacing-03) 0 var(--ptc-element-spacing-03) 0}:host(.clip-edge-card) ::slotted([slot=slot-description]){height:0;opacity:0;transition:height var(--ptc-transition-medium) var(--ptc-ease-inout), opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) ::slotted([slot=slot-image]){display:block;width:100%;height:100%;transform:scale(1);transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);transform-origin:top center}:host(.clip-edge-card) ::slotted([slot=slot-after-heading]){position:absolute;top:var(--ptc-element-spacing-03);left:var(--ptc-element-spacing-04);opacity:1;transform:scale(1);height:44px;transform-origin:bottom center;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) ::slotted([slot=slot-before-heading]){display:block;opacity:0;height:24px;transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) .link-wrapper:hover .card-body h3{border-bottom:2px solid var(--color-green-06)}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:60px;opacity:1}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-image]){transform:scale(1.1)}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]){opacity:0;transform:scale(0);height:0}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-before-heading]){opacity:1}:host(.hightlight-card) .card-border{width:100%;border-radius:var(--ptc-border-radius-standard);overflow:hidden}:host(.hightlight-card) .card-border:hover .card-media{transform:scale(1.1)}:host(.hightlight-card) .card-layout{display:block;position:relative}:host(.hightlight-card) .link-wrapper{outline:none;text-decoration:none}:host(.hightlight-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:96px;opacity:1}@media only screen and (min-width: 768px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 992px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-06)}}@media only screen and (min-width: 1440px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-05)}}:host(.hightlight-card) .card-media{width:100%;height:auto;min-height:450px;position:relative;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);transition-delay:var(--ptc-delay-5)}:host(.hightlight-card) .card-body{position:absolute;bottom:0;top:auto;left:0;right:auto;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-07);background-color:var(--color-white);box-sizing:border-box}:host(.hightlight-card) .card-body h3{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-bold);color:var(--color-gray-10);margin:var(--ptc-element-spacing-04) 0}:host(.hightlight-card) ::slotted([slot=slot-description]){height:0;opacity:0;transition:height var(--ptc-transition-medium) var(--ptc-ease-inout), opacity var(--ptc-transition-fast) var(--ptc-ease-inout);transition-delay:var(--ptc-delay-5)}:host(.horizontal-card){margin-bottom:var(--ptc-layout-spacing-02)}:host(.horizontal-card) .card-layout{position:relative}@media only screen and (min-width: 768px){:host(.horizontal-card) .card-layout{display:grid;grid-template-columns:42% 58%;direction:ltr;grid-auto-rows:1fr}}:host(.horizontal-card) .link-wrapper{outline:none;text-decoration:none;transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) .link-wrapper:hover{box-shadow:var(--ptc-shadow-large);transition:var(--ptc-transition-slow) linear;background-color:var(--color-white)}:host(.horizontal-card) .link-wrapper:hover h3{border-color:var(--color-green-06);transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) .card-media{display:flex;align-self:center}:host(.horizontal-card) .card-body{padding:var(--ptc-element-spacing-05) var(--ptc-element-spacing-04)}@media only screen and (min-width: 768px){:host(.horizontal-card) .card-body{padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-07)}}:host(.horizontal-card) .card-body h3{margin-top:0;font-size:var(--ptc-font-size-x-small);color:var(--color-gray-10);border-bottom:1px solid transparent;padding-bottom:var(--ptc-element-spacing-01);margin-bottom:var(--ptc-element-spacing-02);transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) ::slotted([slot=slot-image]){box-shadow:var(--ptc-shadow-medium);width:100%}:host(.listing-card) .card-border{width:325px;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;height:487px;display:flex;flex-direction:row;margin-bottom:0.5rem}:host(.listing-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.listing-card) .card-border:hover .card-media{background:var(--color-white)}:host(.listing-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}@media (min-width: 480px){:host(.listing-card) .card-border{width:432px;height:487px}}@media (min-width: 768px){:host(.listing-card) .card-border{width:348px;height:456px}}@media (min-width: 992px){:host(.listing-card) .card-border{margin-left:4px;margin-right:4px;width:288px;height:440px}}@media (min-width: 1200px){:host(.listing-card) .card-border{width:260px;height:420px}}@media (min-width: 1440px){:host(.listing-card) .card-border{width:260px;height:420px}}:host(.listing-card) .card-layout{display:block;position:relative;width:100%;height:100%}:host(.listing-card) .link-wrapper{outline:none;text-decoration:none}:host(.listing-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.listing-card) .card-media{width:100%;height:288px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.listing-card) .card-media .smart-img{height:288px}@media (min-width: 768px){:host(.listing-card) .card-media .smart-img{height:232px}}@media (min-width: 992px){:host(.listing-card) .card-media .smart-img{height:192px}}@media (min-width: 1200px){:host(.listing-card) .card-media .smart-img{height:170px}}@media (min-width: 768px){:host(.listing-card) .card-media{height:232px}}@media (min-width: 992px){:host(.listing-card) .card-media{height:192px}}@media (min-width: 1200px){:host(.listing-card) .card-media{height:170px}}:host(.listing-card) .card-body{padding:16px 20px 0px 20px}:host(.listing-card) .card-body .card-date-text{display:flex;flex-direction:row}:host(.listing-card) .card-body .card-date-text p{font-size:var(--ptc-font-size-xx-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block;margin-top:0rem}:host(.listing-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block}:host(.listing-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:14px;margin-top:0rem}:host(.listing-card) ::slotted([slot=slot-date]){font-weight:400;font-size:16px;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block}:host(.listing-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:39px}:host(.listing-card-horizontal) .card-border{width:325px;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;height:220px}@media (min-width: 992px){:host(.listing-card-horizontal) .card-border{margin-bottom:0.5rem}}@media (min-width: 1200px) and (max-width: 1439){:host(.listing-card-horizontal) .card-border{margin-left:16px}}:host(.listing-card-horizontal) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.listing-card-horizontal) .card-border:hover .card-media{background:var(--color-white)}:host(.listing-card-horizontal) .card-border:hover .card-media .smart-img{background:var(--color-white)}@media (min-width: 480px){:host(.listing-card-horizontal) .card-border{width:432px;height:178px}}@media (min-width: 768px){:host(.listing-card-horizontal) .card-border{width:704px;height:210px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-border{width:688px;height:200px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-border{width:779px;height:200px}}:host(.listing-card-horizontal) .card-layout{display:flex;flex-direction:row;width:325px;height:220px}@media (min-width: 480px){:host(.listing-card-horizontal) .card-layout{width:432px;height:178px}}@media (min-width: 768px){:host(.listing-card-horizontal) .card-layout{width:704px;height:210px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-layout{width:688px;height:200px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-layout{width:779px;height:200px}}:host(.listing-card-horizontal) .link-wrapper{outline:none;text-decoration:none}:host(.listing-card-horizontal) .link-wrapper:hover{outline:none;text-decoration:none}:host(.listing-card-horizontal) .card-media{width:325px;height:224px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium);display:none}:host(.listing-card-horizontal) .card-media .smart-img{height:224px;width:325px}@media (min-width: 768px){:host(.listing-card-horizontal) .card-media .smart-img{width:275px;height:210px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-media .smart-img{width:224px;height:200px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-media .smart-img{width:260px;height:200px}}@media (min-width: 768px){:host(.listing-card-horizontal) .card-media{display:block;width:275px;height:210px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-media{width:224px;height:200px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-media{width:260px;height:200px}}:host(.listing-card-horizontal) .card-body{padding:16px 24px 0px 24px}@media (min-width: 768px){:host(.listing-card-horizontal) .card-body{padding:24px 32px 0px 32px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body{padding:8px 16px 0px 16px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body{padding:14px 32px 0px 32px}}@media only screen and (min-width: 768px){:host(.listing-card-horizontal) .card-body{width:505px}}:host(.listing-card-horizontal) .card-body .card-date-text{display:flex;flex-direction:row}:host(.listing-card-horizontal) .card-body .card-date-text p{font-size:var(--ptc-font-size-xx-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:12px;display:inline-block;margin-top:0rem;margin-block-start:0rem}@media only screen and (min-width: 1200px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:20px}}@media only screen and (min-width: 1440px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:24px}}@media only screen and (min-width: 1600px){:host(.listing-card-horizontal) .card-body .card-date-text p{margin-bottom:32px}}:host(.listing-card-horizontal) .card-body .small{font-weight:400;font-size:16px;line-height:19px;color:#282F35;margin-bottom:16px;display:inline-block}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body .small{margin-bottom:12px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body .small{margin-bottom:16px}}:host(.listing-card-horizontal) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:19px;color:var(--color-gray-11);margin-bottom:8px;margin-top:0rem}@media (min-width: 768px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:16px}}@media (min-width: 992px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:12px}}@media (min-width: 1200px){:host(.listing-card-horizontal) .card-body h3{margin-bottom:16px}}@media only screen and (min-width: 768px){:host(.listing-card-horizontal) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:8px;margin-top:0rem}}:host(.listing-card-horizontal) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:19px;margin-top:0rem;margin-block-start:0rem}:host(.listing-card-horizontal) ::slotted([slot=slot-description]) p{margin-block-start:0rem}@media (max-width: 767px){:host(.listing-card-horizontal) ::slotted([slot=slot-description]){font-weight:400;font-size:14px;line-height:16px}}:host(.resource-center-card) .card-border{width:325px;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;height:442px;display:flex;flex-direction:row;margin-bottom:0.5rem}:host(.resource-center-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.resource-center-card) .card-border:hover .card-media{background:var(--color-white)}:host(.resource-center-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}@media (min-width: 480px){:host(.resource-center-card) .card-border{width:433px;height:442px}}@media (min-width: 768px){:host(.resource-center-card) .card-border{width:336px;height:396px}}@media (min-width: 992px){:host(.resource-center-card) .card-border{width:287px;height:396px}}@media (min-width: 1200px){:host(.resource-center-card) .card-border{width:260px;height:396px}}@media (min-width: 1440px){:host(.resource-center-card) .card-border{width:260px;height:396px}}@media only screen and (min-width: 768px){:host(.resource-center-card) .card-border{margin-left:4px;margin-right:4px}}:host(.resource-center-card) .card-layout{display:block;position:relative}:host(.resource-center-card) .card-layout .ribbon-text{position:absolute;top:0;left:0;margin-top:24px;background-color:var(--color-white);padding:4px 24px;font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);color:var(--color-gray-11);border-radius:0px 3px 3px 0px;box-shadow:var(--ptc-shadow-small);max-width:70%;max-height:20px;overflow:hidden}:host(.resource-center-card) .link-wrapper{outline:none;text-decoration:none}:host(.resource-center-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.resource-center-card) .card-media{width:100%;height:250px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.resource-center-card) .card-media .smart-img{height:250px}@media (min-width: 480px){:host(.resource-center-card) .card-media .smart-img{height:285px}}@media (min-width: 768px){:host(.resource-center-card) .card-media .smart-img{height:221px}}@media (min-width: 992px){:host(.resource-center-card) .card-media .smart-img{height:189px}}@media (min-width: 1200px){:host(.resource-center-card) .card-media .smart-img{height:173px}}@media (min-width: 1440px){:host(.resource-center-card) .card-media .smart-img{height:173px}}@media (min-width: 480px){:host(.resource-center-card) .card-media{height:285px}}@media (min-width: 768px){:host(.resource-center-card) .card-media{height:221px}}@media (min-width: 992px){:host(.resource-center-card) .card-media{height:189px}}@media (min-width: 1200px){:host(.resource-center-card) .card-media{height:173px}}@media (min-width: 1440px){:host(.resource-center-card) .card-media{height:173px}}:host(.resource-center-card) .card-body{padding:16px 24px 0px 24px}@media (min-width: 768px){:host(.resource-center-card) .card-body{padding:14px 24px 0px 24px}}@media (min-width: 1200px){:host(.resource-center-card) .card-body{padding:14px 20px 0px 21px}}:host(.resource-center-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:24px;display:inline-block}:host(.resource-center-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:12px;margin-top:0rem}:host(.resource-center-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:39px}:host(.resource-center-card) ::slotted([slot=slot-description]) p{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:39px}:host(.resource-center-card) ::slotted([slot=slot-description]) span{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:39px}:host(.case-studies-card) .card-border{width:320px;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;height:447px;display:flex;flex-direction:row;margin-bottom:0.5rem}:host(.case-studies-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.case-studies-card) .card-border:hover .card-media{background:var(--color-white)}:host(.case-studies-card) .card-border:hover .card-media .smart-img{background:var(--color-white)}@media (min-width: 480px){:host(.case-studies-card) .card-border{width:431px;height:536px}}@media (min-width: 768px){:host(.case-studies-card) .card-border{width:335px;height:452px}}@media (min-width: 992px){:host(.case-studies-card) .card-border{width:288px;height:452px}}@media (min-width: 1200px){:host(.case-studies-card) .card-border{width:260px;height:452px}}@media (min-width: 1440px){:host(.case-studies-card) .card-border{width:260px;height:452px}}@media only screen and (min-width: 768px){:host(.case-studies-card) .card-border{margin-left:4px;margin-right:4px}}:host(.case-studies-card) .card-layout{display:block;position:relative}:host(.case-studies-card) .link-wrapper{outline:none;text-decoration:none}:host(.case-studies-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.case-studies-card) .card-media{width:100%;height:200px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.case-studies-card) .card-media .smart-img{width:100%;height:200px}@media (min-width: 480px){:host(.case-studies-card) .card-media .smart-img{height:286px}}@media (min-width: 768px){:host(.case-studies-card) .card-media .smart-img{height:224px}}@media (min-width: 992px){:host(.case-studies-card) .card-media .smart-img{height:192px}}@media (min-width: 1200px){:host(.case-studies-card) .card-media .smart-img{height:173px}}@media (min-width: 1440px){:host(.case-studies-card) .card-media .smart-img{height:170px}}@media (min-width: 480px){:host(.case-studies-card) .card-media{height:286px}}@media (min-width: 768px){:host(.case-studies-card) .card-media{height:224px}}@media (min-width: 992px){:host(.case-studies-card) .card-media{height:192px}}@media (min-width: 1200px){:host(.case-studies-card) .card-media{height:173px}}@media (min-width: 1440px){:host(.case-studies-card) .card-media{height:170px}}:host(.case-studies-card) .card-body .card-logo-container{padding:8px 20px;border-bottom:1px solid #E4E7E9}:host(.case-studies-card) .card-body .card-logo-none{padding-top:16px}:host(.case-studies-card) .card-body .card-logo{max-width:280px;width:auto;height:40px;object-fit:cover;border:1px solid #E4E7E9;margin-bottom:8px}:host(.case-studies-card) .card-body .small{font-size:var(--ptc-font-size-x-small);font-weight:400;line-height:19px;color:#282F35;margin-bottom:24px;display:inline-block}:host(.case-studies-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin:8px 20px 12px 20px}:host(.case-studies-card) ::slotted([slot=slot-date]){font-weight:400;font-size:16px;line-height:19px;color:#282F35;margin-bottom:24px;display:inline-block}:host(.case-studies-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin:0px 20px 39px 20px}.ptc-h3.uppercase{text-transform:uppercase}.ptc-h3.capitalize{text-transform:capitalize}.ptc-h3.lowercase{text-transform:lowercase}.ptc-h3.none{text-transform:none}';const o=class{constructor(i){t(this,i),this.year=1900,this.month=0,this.day=1,this.country="en-US",this.dateString=void 0,this.dateColor=void 0,this.dateStyles=void 0,this.dataSize="small"}render(){const t=this.getCssClassMap();return i(e,{class:t},this.dateStyles&&i("style",null,this.dateStyles),i("span",{part:"part-ptc-date"},this.getDate().toLocaleDateString(this.country,{year:"numeric",month:"short",day:"numeric"})))}getCssClassMap(){return{[this.dateColor]:!!this.dateColor,[this.dataSize]:!!this.dataSize}}getDate(){return this.dateString?new Date(this.dateString.replace(/-/g,"/")):new Date(this.year,this.month-1,this.day)}};o.style=":host{display:block}:host(.small) span{font-size:var(--ptc-font-size-xx-small)}:host(.medium) span{font-size:var(--ptc-font-size-x-small)}:host(.primary-grey){color:var(--color-primary-gray-new)}:host(.white) span{color:var(--color-white)}:host(.date-m-top){margin-top:var(--ptc-element-spacing-01)}";let s={envs:["xs","sm","md","lg"],selector:".ptc-img",interval:250},n={envs:["xs","sm","md","lg"],selector:".ptc-picture",interval:250};const d=class{constructor(i){t(this,i),this.sizeXs="510x340",this.sizeSm="1240x496",this.sizeMd="1366x500",this.sizeLg="1920x1080",this.imgUrl=void 0,this.imageType="smart-bg",this.borderRadius="",this.loadMode="lazy-bg"}WindowResize(){this.setResponsiveBg()}render(){const t=this.getCssClassMap();return i(e,null,i("div",{class:t,"data-xs":`${this.imgUrl}:${this.sizeXs}`,"data-sm":`${this.imgUrl}:${this.sizeSm}`,"data-md":`${this.imgUrl}:${this.sizeMd}`,"data-lg":`${this.imgUrl}:${this.sizeLg}`},"smart-bg"==this.imageType?i("slot",null):null))}componentDidLoad(){this.addIntersectionObserver(),this.setResponsiveBg()}componentWillUpdate(){this.addIntersectionObserver(),this.setResponsiveBg()}setResponsiveBg(){let t,i,e=(this.el||document).querySelectorAll(s.selector),a=this.getCurrentBreakPoints();for(var r=0,o=e.length;r<o;r++)t=e[r],i=t.getAttribute("data-"+a),null!==i?t.style.backgroundImage="url('"+i+"')":"object"==typeof console&&console.warn("Data attribute: data-"+a+" not found on element:\n\n"+t.outerHTML+"\n\n\n")}addIntersectionObserver(){if(this.imgUrl){if("IntersectionObserver"in window){let t=(this.el||document).querySelectorAll(".lazy-bg"),i=new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting){const e=t.target;e.classList.remove("lazy-bg"),i.unobserve(e)}}))}));t.forEach((t=>{i.observe(t)}))}}else console.log("no image!")}getCssClassMap(){return{[this.imageType]:!0,"ptc-img":!0,[this.borderRadius]:!0,[this.loadMode]:!0}}getCurrentBreakPoints(){let t,i=window.document,e=i.createElement("div");i.body.appendChild(e);for(let a=s.envs.length-1;a>=0;a--)if(t=s.envs[a],e.className="hidden-"+t,null===e.offsetParent)return i.body.removeChild(e),t;return i.body.removeChild(e),this.getFallbackBreakpoint()}getFallbackBreakpoint(){return window.matchMedia("(min-width: 992px)").matches?"lg":window.matchMedia("(min-width: 768px)").matches?"md":window.matchMedia("(min-width: 576px)").matches?"sm":"xs"}get el(){return a(this)}};d.style=".smart-bg{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.smart-img{position:absolute;display:block;width:100%;height:100%;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.lazy-bg{background-image:none !important;background-color:var(--color-gray-03)}@media only screen and (min-width: 768px){.hidden-xs{display:none !important}}@media (min-width: 768px) and (max-width: 991px){.hidden-sm{display:none !important}}@media (min-width: 992px) and (max-width: 1199px){.hidden-md{display:none !important}}@media only screen and (min-width: 768px){.hidden-lg{display:none !important}}";const h=class{constructor(i){t(this,i),this.fontSize="x-small",this.fontWeight="w-4",this.paraStyle="default",this.paraColor="primary-grey",this.paraLineH="line-height-normal",this.paraMargin=void 0,this.paraAlign=void 0,this.ellipsisLineCutoff=void 0,this.paraZIndex=void 0}render(){const t=this.getCssClassMap(),a=this.addWhiteClass(),r=this.getLineCuttoff();return i(e,{class:`${a} ${this.paraZIndex}`},i("p",{class:t,part:"part-para",style:r},i("slot",null)))}getCssClassMap(){return{[this.fontSize]:!0,[this.fontWeight]:!0,[this.paraStyle]:!0,[this.paraMargin]:!!this.paraMargin,[this.paraColor]:!0,[this.paraLineH]:!0,[this.paraAlign]:!!this.paraAlign,"ellipsis-boxing":this.ellipsisLineCutoff&&this.ellipsisLineCutoff>0}}addWhiteClass(){if("white"==this.paraColor)return{[this.paraColor]:!0}}getLineCuttoff(){let t;return this.ellipsisLineCutoff&&this.ellipsisLineCutoff>0&&(t={"-webkit-line-clamp":`${this.ellipsisLineCutoff}`}),t}get el(){return a(this)}};h.style=":host{position:relative;z-index:1}:host(.white){color:var(--color-white)}:host(.z-1){z-index:1}:host(.z-2){z-index:2}:host(.z-3){z-index:3}:host(.z-99){z-index:99}:host(.z-999){z-index:999}:host(.z-auto){z-index:auto}p.default{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}p.main{text-shadow:0 3px 6px var(--color-white);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10)}p.primary-grey{color:var(--color-gray-10)}p.white{color:var(--color-white)}p.xxx-small{font-size:var(--ptc-font-size-xxx-small)}p.xx-small{font-size:var(--ptc-font-size-xx-small)}p.x-small{font-size:var(--ptc-font-size-x-small)}p.small{font-size:var(--ptc-font-size-small)}p.medium{font-size:var(--ptc-font-size-medium)}p.large{font-size:var(--ptc-font-size-large)}p.x-large{font-size:var(--ptc-font-size-x-large)}p.xx-large{font-size:var(--ptc-font-size-xx-large)}p.xxx-large{font-size:var(--ptc-font-size-xxx-large)}p.xxxx-large{font-size:var(--ptc-font-size-xxxx-large)}p.w-3{font-weight:var(--ptc-font-weight-thin)}p.w-4{font-weight:var(--ptc-font-weight-regular)}p.w-5{font-weight:var(--ptc-font-weight-medium)}p.w-6{font-weight:var(--ptc-font-weight-semibold)}p.w-7{font-weight:var(--ptc-font-weight-bold)}p.w-8{font-weight:var(--ptc-font-weight-extrabold)}p.w-9{font-weight:var(--ptc-font-weight-black)}p.margin-flush{margin-top:0;margin-bottom:0}p.margin-top-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:0}p.margin-top-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}p.margin-top-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}p.margin-top-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}p.margin-top-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}p.margin-top-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}p.margin-bottom-1{margin-bottom:var(--ptc-element-spacing-01);margin-top:0}p.margin-bottom-2{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}p.margin-bottom-3{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}p.margin-bottom-4{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}p.margin-bottom-5{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}p.margin-bottom-6{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}p.margin-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:var(--ptc-element-spacing-01)}p.margin-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}p.margin-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}p.margin-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}p.margin-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}p.margin-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}p.line-height-densest{line-height:var(--ptc-line-height-densest)}p.line-height-denser{line-height:var(--ptc-line-height-denser)}p.line-height-p{line-height:var(--ptc-line-height-p)}p.line-height-dense{line-height:var(--ptc-line-height-dense)}p.line-height-normal{line-height:var(--ptc-line-height-normal)}p.line-height-loose{line-height:var(--ptc-line-height-loose)}p.line-height-looser{line-height:var(--ptc-line-height-looser)}p.left{text-align:left}p.right{text-align:right}p.center{text-align:center}p.justify{text-align:justify}p.announcement{text-transform:uppercase;font-size:var(--ptc-font-size-small);color:var(--color-gray-07);line-height:var(--ptc-line-height-looser);letter-spacing:var(--ptc-letter-spacing-loose)}p.ellipsis-boxing{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word}";const c=class{constructor(i){t(this,i),this.src=void 0,this.alt="image",this.sizeXs="510x340",this.sizeSm="1240x496",this.sizeMd="1366x500",this.sizeLg="1920x1080",this.oldSrc=void 0,this.imagePosition="static",this.borderRadius=void 0,this.height=void 0,this.width=void 0,this.objectFit="cover",this.isFullHeight=!1,this.isFullWidth=!1,this.styles=void 0,this.imageAlignment="left",this.maxWidth=void 0}WindowResize(){this.addIntersectionObserver()}componentDidLoad(){this.addIntersectionObserver()}componentWillUpdate(){this.src!==this.oldSrc&&this.addIntersectionObserver(),this.oldSrc=this.src}addIntersectionObserver(){if(this.src)if("IntersectionObserver"in window){let t=new IntersectionObserver((i=>{i.forEach((i=>{if(i.isIntersecting){const i=this.el.shadowRoot.querySelector("img");i.src=this.setResponsiveBg(),t.unobserve(i)}}))}));t.observe(this.el.shadowRoot.querySelector("img"))}else setTimeout((()=>{const t=this.el.shadowRoot.querySelector("img");t.src=this.setResponsiveBg(),t.onload=()=>{t.removeAttribute("data-src"),console.log("loaded fallback")}}),5e3)}setResponsiveBg(){let t,i,e=(this.el.shadowRoot||document).querySelectorAll("img"),a=this.getCurrentBreakPoints();for(var r=0,o=e.length;r<o;r++){if(t=e[r],i=t.getAttribute("data-"+a),null!==i)return i;"object"==typeof console&&console.warn("Data attribute: data-"+a+" not found on element:\n\n"+t.outerHTML+"\n\n\n")}}render(){const t=this.getCssClassMap(),a=this.getCssClassMapHost();return i(e,{class:a},this.styles&&i("style",null,this.styles),i("img",Object.assign({class:t,"data-xs":this.sizeXs?`${this.src}:${this.sizeXs}`:`${this.src}`,"data-sm":this.sizeSm?`${this.src}:${this.sizeSm}`:`${this.src}`,"data-md":this.sizeMd?`${this.src}:${this.sizeMd}`:`${this.src}`,"data-lg":this.sizeLg?`${this.src}:${this.sizeLg}`:`${this.src}`},this.width?{width:this.width}:{},this.height?{height:this.height}:{},{alt:this.alt,style:Object.assign({},this.maxWidth?{maxWidth:this.maxWidth+"px"}:{})})),i("slot",null))}getCurrentBreakPoints(){let t,i=window.document,e=i.createElement("div");i.body.appendChild(e);for(let a=n.envs.length-1;a>=0;a--)if(t=n.envs[a],e.className="hidden-"+t,null===e.offsetParent)return i.body.removeChild(e),t;return i.body.removeChild(e),this.getFallbackBreakpoint()}getFallbackBreakpoint(){return window.matchMedia("(min-width: 992px)").matches?"lg":window.matchMedia("(min-width: 768px)").matches?"md":window.matchMedia("(min-width: 576px)").matches?"sm":"xs"}getCssClassMap(){return{[this.borderRadius]:!!this.borderRadius,[this.objectFit]:!0,[this.isFullHeight?"is-full-height":"is-normal-height"]:!0,[this.isFullWidth?"is-full-width":"is-normal-width"]:!0}}getCssClassMapHost(){return{[this.imagePosition]:!0,[this.imageAlignment]:!0}}get el(){return a(this)}};c.style=":host{display:block;overflow:hidden}:host img{display:block}:host(.relative){position:relative}:host(.static){position:static}:host(.absoltue){position:absolute}img{max-width:100%}.cover{object-fit:cover}.fill{object-fit:fill}.contain{object-fit:contain}.scale-down{object-fit:scale-down}.none{object-fit:none}.initial{object-fit:initial}.inherit{object-fit:inherit}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.is-full-height{height:100%}.is-full-width{width:100%}:host(.left){text-align:left}:host(.right){text-align:right}:host(.center){text-align:center}";const l=class{constructor(i){t(this,i),this.breakpoint="",this.size="medium",this.direction="vertical"}render(){const t=this.getCssClassMap();return i(e,{class:t})}getCssClassMap(){return{[this.size]:!0,"ptc-spacer-horizontal":"horizontal"===this.direction,"ptc-spacer-vertical":"vertical"===this.direction,"ptc-spacer-xx-small":"xx-small"===this.breakpoint,"ptc-spacer-x-small":"x-small"===this.breakpoint,"ptc-spacer-small":"small"===this.breakpoint,"ptc-spacer-medium":"medium"===this.breakpoint,"ptc-spacer-large":"large"===this.breakpoint,"ptc-spacer-x-large":"x-large"===this.breakpoint,"ptc-spacer-xx-large":"xx-large"===this.breakpoint,"ptc-spacer-xxx-large":"xxx-large"===this.breakpoint}}};l.style=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.ptc-spacer-horizontal){display:inline-block;height:100% !important}:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.ptc-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.ptc-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.small){width:12px;min-width:12px}}:host(.ptc-spacer-horizontal.medium){height:100%}:host(.ptc-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.large){width:20px;min-width:20px}}:host(.ptc-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.ptc-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.ptc-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.ptc-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.ptc-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.ptc-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.ptc-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.ptc-spacer-vertical.small){height:12px;min-height:12px}}:host(.ptc-spacer-vertical.medium){width:100%}:host(.ptc-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.ptc-spacer-vertical.large){height:20px;min-height:20px}}:host(.ptc-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.ptc-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.ptc-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.ptc-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.ptc-spacer-vertical.space-144){width:100%;height:144px;min-height:144px}:host(.ptc-spacer-vertical.space-120){width:100%;height:120px;min-height:120px}:host(.ptc-spacer-vertical.space-128){width:100%;height:128px;min-height:128px}:host(.ptc-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.ptc-spacer-xx-small){display:block}}:host(.ptc-spacer-x-small){display:none}@media (max-width: 35.99em){:host(.ptc-spacer-x-small){display:block}}:host(.ptc-spacer-small){display:none}@media (min-width: 36em){:host(.ptc-spacer-small){display:block}}:host(.ptc-spacer-medium){display:none}@media (min-width: 48em){:host(.ptc-spacer-medium){display:block}}:host(.ptc-spacer-large){display:none}@media (min-width: 62em){:host(.ptc-spacer-large){display:block}}:host(.ptc-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.ptc-spacer-x-large){display:block}}:host(.ptc-spacer-xx-large){display:none}@media (min-width: 75em){:host(.ptc-spacer-xx-large){display:block}}:host(.ptc-spacer-xxx-large){display:none}@media (min-width: 90em){:host(.ptc-spacer-xxx-large){display:block}}";export{r as ptc_card,o as ptc_date,d as ptc_img,h as ptc_para,c as ptc_picture,l as ptc_spacer}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,c as t,h as a,H as e,g as s}from"./p-9fb2ab8c.js";const o=class{constructor(a){r(this,a),this.valueChanged=t(this,"valueChanged",7),this.clicked=t(this,"clicked",7),this.textValue=void 0,this.placeholderLabel=void 0,this.darkTheme=void 0}textChangedHandler(r){this.valueChanged.emit({sender:this,event:r,searchTerm:this.getSearchValue()})}buttonClickHandler(r){this.clicked.emit({sender:this,event:r,searchTerm:this.getSearchValue()})}getSearchValue(){let r="",t=this.el.shadowRoot.querySelector("input");return t&&(r=t.value),r}render(){const r=this.getCssClassMap();return a(e,{class:r},a("div",{class:"search-div"},a("input",{type:"text",value:this.textValue,placeholder:this.placeholderLabel,onChange:r=>{this.textChangedHandler(r)}}),a("button",{type:"button",color:"blackgrey",class:"search-btn",onClick:r=>{this.buttonClickHandler(r)}},a("icon-asset",{type:"ptc",size:"medium",name:"new-search",color:"white"}))))}getCssClassMap(){return{dark:!!this.darkTheme}}get el(){return s(this)}};o.style=":host .search-div{display:flex;align-items:center;justify-content:space-between;height:51px;box-shadow:var(--ptc-shadow-small);border-radius:var(--ptc-border-radius-standard)}:host .search-div input{height:-webkit-fill-available;border:0px solid var(--color-gray-12);border-radius:var(--ptc-border-radius-standard) 0px 0px var(--ptc-border-radius-standard);flex-grow:2;padding-left:var(--ptc-element-spacing-04);line-height:var(--ptc-line-height-loose)}:host .search-div input:focus-visible{border-radius:var(--ptc-border-radius-standard) 0px 0px var(--ptc-border-radius-standard);outline:none}:host .search-div input::placeholder{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-small);position:relative;top:1px;color:var(--color-gray-10)}:host .search-div .search-btn{cursor:pointer;height:51px;width:51px;border-radius:0px var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px;background-color:var(--color-gray-12);border:0px solid var(--color-gray-12);transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium)}:host .search-div .search-btn:active{background-color:var(--color-black)}:host .search-div .search-btn:hover{background-color:var(--color-gray-10)}:host .search-div .search-btn:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}:host(.dark){z-index:999;position:relative;margin-top:20px}:host(.dark) .search-div{height:43px}:host(.dark) .search-div input{background-color:#4E5D66;color:var(--color-white)}:host(.dark) .search-div .search-btn{height:43px;width:43px}";export{o as ptc_search_field}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as r,H as a,g as o}from"./p-9fb2ab8c.js";const p=class{constructor(r){t(this,r),this.hoverEvent=e(this,"hoverEvent",7),this.leaveEvent=e(this,"leaveEvent",7),this.cardType=void 0,this.outlineColor=void 0,this.styles=void 0}hoverEventHandler(){this.el.classList.contains("speed-bump")||this.el.classList.contains("card-video-intro")||this.el.classList.contains("card-dynamic")||this.el.classList.contains("extra-tall")||(this.hoverEvent.emit(),this.el.classList.add("mouse-hover"),this.el.classList.contains("card-video")||this.el.classList.contains("card-playlist")||!this.el.nextElementSibling||this.el.nextElementSibling.classList.add("mouse-hover-card-bottom"))}leaveEventHandler(){this.el.classList.contains("speed-bump")||this.el.classList.contains("card-video-intro")||this.el.classList.contains("card-dynamic")||this.el.classList.contains("extra-tall")||(this.hoverEvent.emit(),this.el.classList.remove("mouse-hover"),this.el.classList.contains("card-video")||this.el.classList.contains("card-playlist")||!this.el.nextElementSibling||this.el.nextElementSibling.classList.remove("mouse-hover-card-bottom"))}async setHeight(t){this.el.style.height=t+"px",this.el.querySelector("ptc-picture").style.height=t+"px"}async removeInlineHeight(){this.el.style.removeProperty("height");const t=this.el.querySelector("ptc-picture");t&&t.style.removeProperty("height")}render(){const t=this.getCssClassMap();return r(a,{part:"card-content",class:t,onMouseEnter:this.hoverEventHandler.bind(this),onMouseLeave:this.leaveEventHandler.bind(this)},this.styles&&r("style",null,this.styles),r("div",{class:"ptc-card-content-wrapper"},r("slot",null)))}getCssClassMap(){return{[this.cardType]:!!this.cardType,[this.outlineColor]:!!this.outlineColor}}get el(){return o(this)}};p.style=":host{display:block;height:100%}:host(.speed-bump){border:1px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-large);padding:var(--ptc-element-spacing-06) 28px var(--ptc-element-spacing-06) 28px;text-align:center}:host(.speed-bump-2){border:1px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-large);padding:var(--ptc-element-spacing-07) var(--ptc-element-spacing-05);text-align:center}@media only screen and (min-width: 768px){:host(.speed-bump){text-align:left}}@media only screen and (min-width: 768px){:host(.speed-bump-2){text-align:left}}:host(.card-tall) .ptc-card-content-wrapper,:host(.card-video) .ptc-card-content-wrapper,:host(.card-wide) .ptc-card-content-wrapper,:host(.card-playlist) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-video) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-playlist) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-large);top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-tall) .ptc-card-content-wrapper::after,:host(.card-video) .ptc-card-content-wrapper::after,:host(.card-wide) .ptc-card-content-wrapper::after,:host(.card-playlist) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");position:absolute;opacity:0;top:52.5%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.extra-tall) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.12)}:host(.card-2up) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative}:host(.card-2up) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-large);top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-2up) .ptc-card-content-wrapper::after{content:\"\";position:absolute;opacity:0;top:52.5%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-playlist) .ptc-card-content-wrapper{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='46' height='48' viewBox='0 0 46 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10337)'%3E%3Cpath d='M34 16L12 28V4L34 16Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10337' x='0' y='0' width='46' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10337'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10337' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");width:40px;height:30px;top:50%}:host(.card-video) .ptc-card-content-wrapper::after{top:59.5%}:host(.mouse-hover) .ptc-card-content-wrapper::before{background:rgba(0, 0, 0, 0.6)}:host(.mouse-hover) .ptc-card-content-wrapper::after{opacity:1}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-2up) .ptc-card-content-wrapper::before{height:100%}:host(.card-playlist){flex:1 2 0%;margin-right:var(--ptc-element-spacing-04)}@media only screen and (min-width: 768px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-03)}}@media only screen and (min-width: 992px){:host(.card-playlist) .ptc-card-content-wrapper{width:88px;height:88px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:88px;height:88px}}@media only screen and (min-width: 768px){:host(.card-playlist) .ptc-card-content-wrapper{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:112px;height:112px}}@media screen and (min-width: 1981px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-04)}}@media only screen and (min-width: 1200px){:host(.card-video-intro){flex:80% 8 1}}:host(.card-video) .ptc-card-content-wrapper{padding-bottom:56.25%}:host(.card-video) .ptc-card-content-wrapper ::slotted(*){position:absolute;width:100%;height:100%;top:0;left:0}:host(.card-tall) .ptc-card-content-wrapper{height:322px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:322px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:322px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:322px}:host(.extra-tall) .ptc-card-content-wrapper{height:auto}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:auto}:host(.color-outlined){border-radius:var(--ptc-border-radius-large);box-shadow:0px 4px 4px rgba(0, 0, 0, 0.12)}:host(.color-outlined) .ptc-card-content-wrapper{height:235px}:host(.color-outlined) .ptc-card-content-wrapper ::slotted(*){height:235px}@media only screen and (min-width: 480px){:host(.extra-tall) .ptc-card-content-wrapper{height:435px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:435px}}@media only screen and (min-width: 768px){:host(.card-tall) .ptc-card-content-wrapper{height:325px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:325px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:268px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.extra-tall) .ptc-card-content-wrapper{height:507px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:507px}}@media only screen and (min-width: 992px){:host(.card-tall) .ptc-card-content-wrapper{height:380px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:380px}}@media only screen and (min-width: 1200px){:host(.extra-tall) .ptc-card-content-wrapper{height:663px}:host(.extra-tall) .ptc-card-content-wrapper ::slotted(*){height:663px}}@media only screen and (min-width: 1980px){:host(.card-tall) .ptc-card-content-wrapper{height:546px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:546px}:host(.card-wide) .ptc-card-content-wrapper{height:376px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:376px}:host(.card-2up) .ptc-card-content-wrapper{height:376px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:376px}}:host(.o-red){border:2px solid var(--color-red-07)}:host(.o-green){border:2px solid var(--color-green-07)}:host(.o-slate-grey){border:2px solid var(--color-gray-07)}:host(.o-orange){border:2px solid var(--color-orange-07)}:host(.o-blue){border:2px solid var(--color-blue-07)}";export{p as ptc_card_content}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as o,H as s,g as a}from"./p-9fb2ab8c.js";const
|
|
1
|
+
import{r as t,c as i,h as o,H as s,g as a}from"./p-9fb2ab8c.js";const n=(t,i)=>!!t.querySelector(':scope > [slot="'+i+'"'),r=class{constructor(o){t(this,o),this.opened=i(this,"opened",7),this.opening=i(this,"opening",7),this.closed=i(this,"closed",7),this.closing=i(this,"closing",7),this.heading=null,this.headingTag="h3",this.autoHeight=!1,this.active=!1,this.hasHeadingSlot=!0,this.hasArrowSlot=!0}componentWillLoad(){this.hasHeadingSlot=n(this.el,"heading"),this.hasArrowSlot=n(this.el,"arrow")}componentDidLoad(){this.autoHeight&&this.bodyEl.style.setProperty("--ptc-accordion-item-body-max-height",this.bodyEl.scrollHeight+2+"px"),this.onTransitionEnd(),this.bodyEl.addEventListener("transitionstart",(()=>{this.onTransitionStart()})),this.bodyEl.addEventListener("transitionend",(()=>{this.onTransitionEnd()})),this.hasHeadingSlot=n(this.el,"heading"),this.hasArrowSlot=n(this.el,"arrow")}onTransitionEnd(){this.active?(this.bodyEl.style.overflow="auto",this.opened.emit()):(this.bodyEl.style.overflow="hidden",this.bodyEl.style.visibility="hidden",this.closed.emit())}onTransitionStart(){this.active?(this.bodyEl.style.visibility="visible",this.opening.emit()):this.closing.emit()}async toggle(){this.active?this.close():this.open()}async close(){this.active=!1}async open(){this.active=!0}render(){const{active:t,autoHeight:i,headingTag:a}=this;return o(s,{class:{active:t,autoHeight:i}},o("button",{class:"heading",role:"button",onClick:()=>this.toggle()},o("span",{class:"arrow"},this.hasArrowSlot?o("slot",{name:"arrow"}):o("svg",{focusable:"false",viewBox:"0 0 24 24","aria-hidden":"true"},o("path",{d:"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"}))),this.hasHeadingSlot?o("slot",{name:"heading"}):o(a,{class:"heading-text"},this.heading)),o("div",{class:"body-container",ref:t=>this.bodyEl=t},o("div",{class:"body"},o("slot",null))))}get el(){return a(this)}};r.style=":host{border-bottom:1px solid var(--color-gray-03);display:block}:host .heading{display:flex;align-items:center;justify-content:initial;width:100%;border:none;text-align:left;padding:var(--ptc-element-spacing-06);padding-left:0;cursor:pointer;transition:border-radius var(--ptc-transition-fast) ease var(--ptc-transition-fast);background-color:transparent}:host .heading .heading-text{color:var(--color-gray-10);margin:0;font-weight:var(--ptc-font-weight-bold);flex:1;font-size:var(--ptc-font-size-large);font-family:var(--ptc-font-latin)}:host .heading .arrow{color:var(--color-green-06);margin-right:var(--ptc-element-spacing-05);transition:transform var(--ptc-transition-fast) ease-in-out}:host .heading .arrow svg{width:34px;height:34px}:host .heading .arrow svg path{fill:currentColor}:host .body-container{overflow:hidden;max-height:0;transition:max-height var(--ptc-transition-fast) ease-in-out;scrollbar-width:none;}:host .body-container::-webkit-scrollbar{display:none;}:host .body-container .body{border-top-left-radius:0;border-top-right-radius:0;overflow:hidden;padding:var(--ptc-layout-spacing-02);padding-top:0}:host(.autoHeight) .body-container{overflow:hidden}:host(.active) .heading{border-bottom-left-radius:0;border-bottom-right-radius:0;transition:border-radius 0s ease}:host(.active) .heading .arrow{transform:rotate(180deg)}:host(.active) .body-container{max-height:var(--ptc-accordion-item-body-max-height)}";export{r as ptc_accordion_item}
|