@ptcwebops/ptcw-design 0.7.0 → 0.7.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/dropdown-item.cjs.entry.js +21 -0
- package/dist/cjs/icon-asset.cjs.entry.js +65 -0
- package/dist/cjs/list-item.cjs.entry.js +30 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ptc-button.cjs.entry.js +76 -0
- package/dist/cjs/{ptc-card.cjs.entry.js → ptc-card_6.cjs.entry.js} +492 -0
- package/dist/cjs/ptc-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/ptc-container.cjs.entry.js +46 -0
- package/dist/cjs/ptc-ellipsis-dropdown.cjs.entry.js +48 -0
- package/dist/cjs/ptc-filter-tag.cjs.entry.js +1 -1
- package/dist/cjs/ptc-hero.cjs.entry.js +29 -0
- package/dist/cjs/ptc-link.cjs.entry.js +1 -1
- package/dist/cjs/ptc-modal.cjs.entry.js +6 -2
- package/dist/cjs/ptc-overlay.cjs.entry.js +31 -0
- package/dist/cjs/ptc-previous-url.cjs.entry.js +19 -0
- package/dist/cjs/ptc-pricing-block.cjs.entry.js +26 -0
- package/dist/cjs/ptc-shopping-cart.cjs.entry.js +64 -0
- package/dist/cjs/ptc-svg-btn.cjs.entry.js +94 -0
- package/dist/cjs/ptc-tab-list.cjs.entry.js +133 -0
- package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +35 -0
- package/dist/cjs/ptc-title.cjs.entry.js +84 -0
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/cjs/tab-content.cjs.entry.js +37 -0
- package/dist/cjs/tab-header.cjs.entry.js +54 -0
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/dropdown-item/dropdown-item.css +2 -7
- package/dist/collection/components/ptc-checkbox/ptc-checkbox.css +6 -5
- package/dist/collection/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.css +11 -16
- package/dist/collection/components/ptc-filter-tag/ptc-filter-tag.css +1 -1
- package/dist/collection/components/ptc-link/ptc-link.css +0 -1
- package/dist/collection/components/ptc-modal/ptc-modal.css +4 -1
- package/dist/collection/components/ptc-modal/ptc-modal.js +23 -1
- package/dist/collection/components/ptc-para/ptc-para.css +7 -0
- package/dist/collection/components/ptc-para/ptc-para.js +30 -2
- package/dist/collection/components/ptc-pricing-block/ptc-pricing-block.css +17 -18
- package/dist/collection/components/ptc-tab-list/ptc-tab-list.css +11 -7
- package/dist/collection/components/ptc-tab-list/ptc-tab-list.js +14 -10
- package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.css +96 -0
- package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.js +129 -0
- package/dist/collection/components/ptc-title/ptc-title.css +34 -3
- package/dist/collection/components/ptc-title/ptc-title.js +54 -2
- package/dist/collection/components/tab-content/tab-content.css +10 -5
- package/dist/collection/components/tab-header/tab-header.css +18 -4
- package/dist/custom-elements/index.d.ts +6 -0
- package/dist/custom-elements/index.js +96 -29
- package/dist/esm/dropdown-item.entry.js +17 -0
- package/dist/esm/icon-asset.entry.js +61 -0
- package/dist/esm/{index-a91c2367.js → index-5ff11327.js} +1 -1
- package/dist/esm/list-item.entry.js +26 -0
- package/dist/esm/loader.js +2 -2
- package/dist/esm/lottie-player.entry.js +1 -1
- package/dist/esm/my-component.entry.js +1 -1
- package/dist/esm/ptc-accordion-item.entry.js +1 -1
- package/dist/esm/ptc-accordion.entry.js +1 -1
- package/dist/esm/ptc-announcement.entry.js +1 -1
- package/dist/esm/ptc-breadcrumb.entry.js +1 -1
- package/dist/esm/ptc-button.entry.js +72 -0
- package/dist/esm/ptc-card-bottom.entry.js +1 -1
- package/dist/esm/ptc-card-content.entry.js +1 -1
- package/dist/esm/ptc-card-plm.entry.js +1 -1
- package/dist/esm/{ptc-card.entry.js → ptc-card_6.entry.js} +489 -2
- package/dist/esm/ptc-checkbox.entry.js +2 -2
- package/dist/esm/ptc-collapse-list.entry.js +1 -1
- package/dist/esm/ptc-container.entry.js +42 -0
- package/dist/esm/ptc-dropdown.entry.js +1 -1
- package/dist/esm/ptc-dynamic-card.entry.js +1 -1
- package/dist/esm/ptc-ellipsis-dropdown.entry.js +44 -0
- package/dist/esm/ptc-filter-tag.entry.js +2 -2
- package/dist/esm/ptc-hero-footer-cta.entry.js +1 -1
- package/dist/esm/ptc-hero.entry.js +25 -0
- package/dist/esm/ptc-icon-list.entry.js +1 -1
- package/dist/esm/ptc-icon-minimize.entry.js +1 -1
- package/dist/esm/ptc-link.entry.js +2 -2
- package/dist/esm/ptc-list.entry.js +1 -1
- package/dist/esm/ptc-lottie.entry.js +1 -1
- package/dist/esm/ptc-minimized-footer.entry.js +1 -1
- package/dist/esm/ptc-minimized-header.entry.js +1 -1
- package/dist/esm/ptc-mobile-select.entry.js +1 -1
- package/dist/esm/ptc-modal.entry.js +7 -3
- package/dist/esm/ptc-nav-item.entry.js +1 -1
- package/dist/esm/ptc-nav.entry.js +1 -1
- package/dist/esm/ptc-overlay.entry.js +27 -0
- package/dist/esm/ptc-pagenation.entry.js +1 -1
- package/dist/esm/ptc-previous-url.entry.js +15 -0
- package/dist/esm/ptc-pricing-block.entry.js +22 -0
- package/dist/esm/ptc-quote.entry.js +1 -1
- package/dist/esm/ptc-responsive-wrapper.entry.js +1 -1
- package/dist/esm/ptc-shopping-cart.entry.js +60 -0
- package/dist/esm/ptc-social-share.entry.js +1 -1
- package/dist/esm/ptc-span.entry.js +1 -1
- package/dist/esm/ptc-svg-btn.entry.js +90 -0
- package/dist/esm/ptc-tab-list.entry.js +129 -0
- package/dist/esm/ptc-text-copy-with-background.entry.js +31 -0
- package/dist/esm/ptc-title.entry.js +80 -0
- package/dist/esm/ptc-two-column-media.entry.js +1 -1
- package/dist/esm/ptcw-design.js +2 -2
- package/dist/esm/tab-content.entry.js +33 -0
- package/dist/esm/tab-header.entry.js +50 -0
- package/dist/ptcw-design/p-09351f78.entry.js +1 -0
- package/dist/ptcw-design/{p-401e8ad1.entry.js → p-10385027.entry.js} +1 -1
- package/dist/ptcw-design/{p-7274d38e.entry.js → p-10f6d8ae.entry.js} +1 -1
- package/dist/ptcw-design/p-15ec8469.entry.js +1 -0
- package/dist/ptcw-design/{p-b614e18a.entry.js → p-1a77a824.entry.js} +1 -1
- package/dist/ptcw-design/p-1ec512ea.entry.js +1 -0
- package/dist/ptcw-design/{p-0507d8de.entry.js → p-39b8d25b.entry.js} +1 -1
- package/dist/ptcw-design/p-3a4bb2b1.entry.js +1 -0
- package/dist/ptcw-design/{p-22a11703.js → p-4355ed7c.js} +1 -1
- package/dist/ptcw-design/{p-a6a938d2.entry.js → p-446423fc.entry.js} +1 -1
- package/dist/ptcw-design/{p-a3e99867.entry.js → p-4ab335ac.entry.js} +1 -1
- package/dist/ptcw-design/p-4da25d67.entry.js +1 -0
- package/dist/ptcw-design/p-53790fb4.entry.js +1 -0
- package/dist/ptcw-design/{p-870406ab.entry.js → p-5bf5932c.entry.js} +1 -1
- package/dist/ptcw-design/p-5c02f876.entry.js +1 -0
- package/dist/ptcw-design/{p-e3b5792a.entry.js → p-5c5c8f25.entry.js} +1 -1
- package/dist/ptcw-design/{p-82d428ea.entry.js → p-5e845a15.entry.js} +1 -1
- package/dist/ptcw-design/p-5fd37a0e.entry.js +1 -0
- package/dist/ptcw-design/p-5fd60b15.entry.js +1 -0
- package/dist/ptcw-design/{p-92d95119.entry.js → p-64f85e40.entry.js} +1 -1
- package/dist/ptcw-design/{p-80be8fe1.entry.js → p-6ab5aee9.entry.js} +1 -1
- package/dist/ptcw-design/{p-b6a9d66f.entry.js → p-70d2c46d.entry.js} +1 -1
- package/dist/ptcw-design/{p-735fb369.entry.js → p-74a31734.entry.js} +1 -1
- package/dist/ptcw-design/{p-03648d85.entry.js → p-7599491c.entry.js} +1 -1
- package/dist/ptcw-design/p-7a37d762.entry.js +1 -0
- package/dist/ptcw-design/{p-f4148769.entry.js → p-83a9720c.entry.js} +1 -1
- package/dist/ptcw-design/{p-77327ab7.entry.js → p-85e7bbc3.entry.js} +1 -1
- package/dist/ptcw-design/p-8ba6cef7.entry.js +1 -0
- package/dist/ptcw-design/{p-0004abbb.entry.js → p-8c0ba2d5.entry.js} +1 -1
- package/dist/ptcw-design/p-8c594b35.entry.js +1 -0
- package/dist/ptcw-design/p-8d46a06e.entry.js +1 -0
- package/dist/ptcw-design/p-96bfb95b.entry.js +1 -0
- package/dist/ptcw-design/p-a06bc9a8.entry.js +1 -0
- package/dist/ptcw-design/{p-3f2c3e47.entry.js → p-b1bfc20f.entry.js} +1 -1
- package/dist/ptcw-design/{p-13d45895.entry.js → p-baa7d351.entry.js} +1 -1
- package/dist/ptcw-design/{p-e7e07b91.entry.js → p-bb4485e3.entry.js} +1 -1
- package/dist/ptcw-design/{p-30f33198.entry.js → p-bcfd05dc.entry.js} +1 -1
- package/dist/ptcw-design/p-be32e928.entry.js +1 -0
- package/dist/ptcw-design/{p-3f0d3485.entry.js → p-c05f0c98.entry.js} +1 -1
- package/dist/ptcw-design/{p-273ff521.entry.js → p-c267b720.entry.js} +1 -1
- package/dist/ptcw-design/{p-ca54a4bc.entry.js → p-c26e343e.entry.js} +1 -1
- package/dist/ptcw-design/{p-c9ba3915.entry.js → p-c460a62d.entry.js} +1 -1
- package/dist/ptcw-design/{p-75a36c38.entry.js → p-c91a875b.entry.js} +1 -1
- package/dist/ptcw-design/p-cd2404f0.entry.js +1 -0
- package/dist/ptcw-design/p-ce5ee58d.entry.js +1 -0
- package/dist/ptcw-design/p-d39668ca.entry.js +1 -0
- package/dist/ptcw-design/{p-07e08a42.entry.js → p-e955c833.entry.js} +1 -1
- package/dist/ptcw-design/p-f0cd0fb4.entry.js +1 -0
- package/dist/ptcw-design/p-f5ba2d0e.entry.js +1 -0
- package/dist/ptcw-design/p-f7d18b93.entry.js +1 -0
- package/dist/ptcw-design/p-fce72f70.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.css +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-modal/ptc-modal.d.ts +4 -0
- package/dist/types/components/ptc-para/ptc-para.d.ts +5 -0
- package/dist/types/components/ptc-text-copy-with-background/ptc-text-copy-with-background.d.ts +25 -0
- package/dist/types/components/ptc-title/ptc-title.d.ts +9 -0
- package/dist/types/components.d.ts +85 -0
- package/dist/types/utils/interfaces.d.ts +4 -1
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/cjs/dropdown-item_19.cjs.entry.js +0 -993
- package/dist/cjs/interfaces-0ecd8027.js +0 -15
- package/dist/cjs/ptc-date.cjs.entry.js +0 -59
- package/dist/cjs/ptc-picture.cjs.entry.js +0 -179
- package/dist/esm/dropdown-item_19.entry.js +0 -971
- package/dist/esm/interfaces-3cb94654.js +0 -12
- package/dist/esm/ptc-date.entry.js +0 -55
- package/dist/esm/ptc-picture.entry.js +0 -175
- package/dist/ptcw-design/p-08b4804a.entry.js +0 -1
- package/dist/ptcw-design/p-240733ce.js +0 -1
- package/dist/ptcw-design/p-3ef2b02f.entry.js +0 -1
- package/dist/ptcw-design/p-43e3f76e.entry.js +0 -1
- package/dist/ptcw-design/p-62e7565c.entry.js +0 -1
- package/dist/ptcw-design/p-6c034edd.entry.js +0 -1
- package/dist/ptcw-design/p-704bf1cd.entry.js +0 -1
- package/dist/ptcw-design/p-a2ca6ff1.entry.js +0 -1
- package/dist/ptcw-design/p-b985e510.entry.js +0 -1
- package/dist/ptcw-design/p-c7e63622.entry.js +0 -1
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
import { r as registerInstance, h, H as Host, g as getElement } from './index-5ff11327.js';
|
|
2
|
+
|
|
3
|
+
const ptcTabListCss = "ptc-tab-list{display:block;position:relative}.tabs-header-container{width:100%;border-bottom:2px solid var(--color-gray-02);position:relative}.tabs-header{display:flex;padding-left:1.5rem;padding-right:1.5rem;transition:opacity ease-out 250ms;opacity:0;width:100%}.tabs-header.active{opacity:1}.tabs-content{padding:40px 28px 28px}.ellipsis-btn{position:absolute;top:var(--ptc-element-spacing-01);right:1rem;display:none}.ellipsis-btn.active{display:block}tab-header{margin-right:48px}";
|
|
4
|
+
|
|
5
|
+
let PtcTabList = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
}
|
|
9
|
+
componentDidLoad() {
|
|
10
|
+
this.createGroup();
|
|
11
|
+
this.calculateHeaderTabsRendering();
|
|
12
|
+
/*const [group] = this.tabGroup;
|
|
13
|
+
this.selectGroup(group);*/
|
|
14
|
+
}
|
|
15
|
+
onSelectedTab(event) {
|
|
16
|
+
let self = this;
|
|
17
|
+
this.tabGroup.forEach(group => {
|
|
18
|
+
event.detail.then(res => {
|
|
19
|
+
if (group.header.name === res.name) {
|
|
20
|
+
self.selectGroup(group);
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
calculateHeaderTabsRendering() {
|
|
26
|
+
let header = this.host.querySelector('.tabs-header');
|
|
27
|
+
let dropdown = this.host.querySelector('.ellipsis-btn');
|
|
28
|
+
let tabs = header.children;
|
|
29
|
+
let activateDropDown = false;
|
|
30
|
+
let hiddenTabs = [];
|
|
31
|
+
header.classList.remove('active');
|
|
32
|
+
for (let index = 0; index < tabs.length; index++) {
|
|
33
|
+
tabs[index].style.removeProperty('display');
|
|
34
|
+
}
|
|
35
|
+
for (let index = tabs.length - 1; index >= 0; index--) {
|
|
36
|
+
let tab = tabs[index];
|
|
37
|
+
if (header.scrollWidth > header.clientWidth) {
|
|
38
|
+
let isSelectedTab = tab.getAttribute('name') === this.selectedValue;
|
|
39
|
+
if (!isSelectedTab) {
|
|
40
|
+
tab.style.display = 'none';
|
|
41
|
+
activateDropDown = true;
|
|
42
|
+
hiddenTabs.push({
|
|
43
|
+
value: tab.getAttribute('name'),
|
|
44
|
+
text: tab.textContent,
|
|
45
|
+
isSelected: isSelectedTab
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
header.classList.add('active');
|
|
51
|
+
if (activateDropDown) {
|
|
52
|
+
dropdown.classList.add('active');
|
|
53
|
+
dropdown.dataItems = hiddenTabs.reverse();
|
|
54
|
+
}
|
|
55
|
+
else {
|
|
56
|
+
dropdown.classList.remove('active');
|
|
57
|
+
dropdown.dataItems = [];
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
createGroup() {
|
|
61
|
+
let self = this;
|
|
62
|
+
let headerComplete = false;
|
|
63
|
+
let contentComplete = false;
|
|
64
|
+
let headerCount = 0;
|
|
65
|
+
let contentCount = 0;
|
|
66
|
+
let headerData = [];
|
|
67
|
+
let contentData = [];
|
|
68
|
+
const tabsHeaderEl = Array.from(this.host.querySelectorAll('tab-header'));
|
|
69
|
+
this.tabsHeader = tabsHeaderEl.map(el => el.getChild().then(res => {
|
|
70
|
+
headerCount++;
|
|
71
|
+
if (headerCount === tabsHeaderEl.length) {
|
|
72
|
+
headerComplete = true;
|
|
73
|
+
}
|
|
74
|
+
headerData.push(res);
|
|
75
|
+
}));
|
|
76
|
+
this.tabsHeader = headerData;
|
|
77
|
+
const tabsContentEl = Array.from(this.host.querySelectorAll('tab-content'));
|
|
78
|
+
this.tabsContent = tabsContentEl.map(el => el.getChild().then(res => {
|
|
79
|
+
contentCount++;
|
|
80
|
+
if (contentCount === tabsContentEl.length) {
|
|
81
|
+
contentComplete = true;
|
|
82
|
+
}
|
|
83
|
+
contentData.push(res);
|
|
84
|
+
}));
|
|
85
|
+
this.tabsContent = contentData;
|
|
86
|
+
let myInterval = setInterval(() => {
|
|
87
|
+
if (headerComplete && contentComplete) {
|
|
88
|
+
clearInterval(myInterval);
|
|
89
|
+
self.tabGroup = self.tabsHeader.map(header => {
|
|
90
|
+
const content = self.tabsContent.find(content => content.name === header.name);
|
|
91
|
+
return {
|
|
92
|
+
header: header,
|
|
93
|
+
content: content
|
|
94
|
+
};
|
|
95
|
+
});
|
|
96
|
+
const group = self.tabGroup[0];
|
|
97
|
+
self.selectGroup(group);
|
|
98
|
+
}
|
|
99
|
+
}, 100);
|
|
100
|
+
}
|
|
101
|
+
selectGroup(group) {
|
|
102
|
+
let self = this;
|
|
103
|
+
self.tabGroup.forEach(_ => {
|
|
104
|
+
_.header.unselect();
|
|
105
|
+
_.content.unselect();
|
|
106
|
+
});
|
|
107
|
+
group.header.select();
|
|
108
|
+
group.content.select();
|
|
109
|
+
self.selectedValue = group.header.name;
|
|
110
|
+
this.calculateHeaderTabsRendering();
|
|
111
|
+
}
|
|
112
|
+
onDropdownItemSelected(selectedItem) {
|
|
113
|
+
if (selectedItem) {
|
|
114
|
+
let selectedTabGroub = this.tabGroup.find((group) => {
|
|
115
|
+
return group.header.name == selectedItem.value;
|
|
116
|
+
});
|
|
117
|
+
if (selectedTabGroub) {
|
|
118
|
+
this.selectGroup(selectedTabGroub);
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
render() {
|
|
123
|
+
return (h(Host, null, h("div", { class: "tabs-header-container" }, h("div", { class: "tabs-header" }, h("slot", { name: "header" })), h("ptc-ellipsis-dropdown", { class: "ellipsis-btn", onItemSelected: (e) => { this.onDropdownItemSelected(e.detail); } })), h("div", { class: "tabs-content" }, h("slot", { name: "content" }))));
|
|
124
|
+
}
|
|
125
|
+
get host() { return getElement(this); }
|
|
126
|
+
};
|
|
127
|
+
PtcTabList.style = ptcTabListCss;
|
|
128
|
+
|
|
129
|
+
export { PtcTabList as ptc_tab_list };
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { r as registerInstance, h, H as Host } from './index-5ff11327.js';
|
|
2
|
+
|
|
3
|
+
const ptcTextCopyWithBackgroundCss = ":host{display:block;position:relative;padding:var(--ptc-layout-spacing-05) var(--ptc-layout-spacing-01);color:var(--color-white)}@media only screen and (min-width: 768px){:host{padding:var(--ptc-layout-spacing-05) var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 992px){:host{padding:var(--ptc-layout-spacing-06) 0}}@media only screen and (min-width: 1200px){:host{padding:var(--ptc-layout-spacing-06) var(--ptc-layout-spacing-03)}}:host .content-wrap{position:relative}:host .tcb-top-slit{fill:#f3f3f3;-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scale(1.5, -1);position:absolute;top:-1px;right:80px;z-index:99;display:none}@media only screen and (min-width: 992px){:host .tcb-top-slit{display:block}}:host .bg-img-filter{-webkit-filter:url(#blur);filter:url(#blur);-webkit-mask:-webkit-gradient(linear, left top, right top, color-stop(30%, var(--color-black)), to(rgba(0, 0, 0, 0)));-webkit-mask:linear-gradient(90deg, var(--color-black) 30%, rgba(0, 0, 0, 0));-webkit-filter:blur(7px)}:host .copy-bg-image{top:0;left:0;height:100%;width:100%;position:absolute;-o-object-fit:cover;object-fit:cover}@media only screen and (min-width: 992px){:host .copy-bg-image{display:block}}:host .copy-bg-overlay-layer{position:absolute;top:0;left:0;height:100%;width:100%;background:var(--color-black);opacity:0.55}@media only screen and (min-width: 1200px){:host(.hero-footer-cta){padding:calc(var(--ptc-layout-spacing-06) + var(--ptc-layout-spacing-03)) var(--ptc-layout-spacing-03)}}:host(.tab-cta-with-background){min-height:400px;padding:var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-02)}@media only screen and (min-width: 1200px){:host(.tab-cta-with-background){padding:calc(var(--ptc-layout-spacing-06) + var(--ptc-layout-spacing-03)) var(--ptc-layout-spacing-05)}}:host(.tab-cta-with-background) .copy-bg-overlay-layer{background:initial;opacity:1;background-image:linear-gradient(180deg, #fff 30%, rgba(255, 255, 255, 0.9) 63%, rgba(176, 188, 194, 0) 95%)}@media only screen and (min-width: 992px){:host(.tab-cta-with-background) .copy-bg-overlay-layer{background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.95) 43%, rgba(176, 188, 194, 0) 95%)}}";
|
|
4
|
+
|
|
5
|
+
let PtcTextCopyWithBackground = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
/**
|
|
9
|
+
* Type
|
|
10
|
+
* Specify Type, default is text-copy-with-background
|
|
11
|
+
*/
|
|
12
|
+
this.type = 'text-copy-with-background';
|
|
13
|
+
/**
|
|
14
|
+
* (optional) isBackgroundBlur: If true,it will add background blur image effect
|
|
15
|
+
*/
|
|
16
|
+
this.isBackgroundBlur = false;
|
|
17
|
+
}
|
|
18
|
+
render() {
|
|
19
|
+
const classMap = this.getCssClassMap();
|
|
20
|
+
return (h(Host, { class: classMap }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "tcb-top-slit", width: "320.963", height: "28.179", viewBox: "0 0 320.963 28.179", style: { fill: this.topSlitBackgroundColor } }, h("path", { id: "Path_8770", d: "M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z", class: "tcb-top-slit-cls-1", "data-name": "Path 8770", transform: "translate(-416.057 -463.856)" })), h("div", { class: "" }, h("img", { class: "copy-bg-image", alt: this.ImageAltText, src: this.backgroundImage }), this.isBackgroundBlur &&
|
|
21
|
+
h("img", { class: "copy-bg-image bg-img-filter", alt: this.ImageAltText, src: this.backgroundImage })), h("div", { class: "copy-bg-overlay-layer" }), h("div", { class: "content-wrap" }, h("slot", null))));
|
|
22
|
+
}
|
|
23
|
+
getCssClassMap() {
|
|
24
|
+
return {
|
|
25
|
+
[this.type]: true
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
PtcTextCopyWithBackground.style = ptcTextCopyWithBackgroundCss;
|
|
30
|
+
|
|
31
|
+
export { PtcTextCopyWithBackground as ptc_text_copy_with_background };
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { r as registerInstance, h, H as Host } from './index-5ff11327.js';
|
|
2
|
+
|
|
3
|
+
const ptcTitleCss = "div.center.sc-ptc-title{text-align:center}div.center.dotted.sc-ptc-title h1.sc-ptc-title::before,div.center.dotted.sc-ptc-title h2.sc-ptc-title::before,div.center.dotted.sc-ptc-title h3.sc-ptc-title::before,div.center.dotted.sc-ptc-title h4.sc-ptc-title::before,div.center.dotted.sc-ptc-title h5.sc-ptc-title::before,div.center.dotted.sc-ptc-title h6.sc-ptc-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-title{text-align:left}div.left.dotted.sc-ptc-title h1.sc-ptc-title::before,div.left.dotted.sc-ptc-title h2.sc-ptc-title::before,div.left.dotted.sc-ptc-title h3.sc-ptc-title::before,div.left.dotted.sc-ptc-title h4.sc-ptc-title::before,div.left.dotted.sc-ptc-title h5.sc-ptc-title::before,div.left.dotted.sc-ptc-title h6.sc-ptc-title::before{left:0%}div.right.sc-ptc-title{text-align:right}div.right.dotted.sc-ptc-title h1.sc-ptc-title::before,div.right.dotted.sc-ptc-title h2.sc-ptc-title::before,div.right.dotted.sc-ptc-title h3.sc-ptc-title::before,div.right.dotted.sc-ptc-title h4.sc-ptc-title::before,div.right.dotted.sc-ptc-title h5.sc-ptc-title::before,div.right.dotted.sc-ptc-title h6.sc-ptc-title::before{right:0%}div.inherit.sc-ptc-title{text-align:inherit}div.dotted.sc-ptc-title h1.sc-ptc-title::before,div.dotted.sc-ptc-title h2.sc-ptc-title::before,div.dotted.sc-ptc-title h3.sc-ptc-title::before,div.dotted.sc-ptc-title h4.sc-ptc-title::before,div.dotted.sc-ptc-title h5.sc-ptc-title::before,div.dotted.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed var(--color-green-07)}div.solid.sc-ptc-title h1.sc-ptc-title::before,div.solid.sc-ptc-title h2.sc-ptc-title::before,div.solid.sc-ptc-title h3.sc-ptc-title::before,div.solid.sc-ptc-title h4.sc-ptc-title::before,div.solid.sc-ptc-title h5.sc-ptc-title::before,div.solid.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;width:100%;height:0.7px;background-color:var(--color-gray-07);opacity:0.9;left:0px}div.solid.sc-ptc-title h1.sc-ptc-title::after,div.solid.sc-ptc-title h2.sc-ptc-title::after,div.solid.sc-ptc-title h3.sc-ptc-title::after,div.solid.sc-ptc-title h4.sc-ptc-title::after,div.solid.sc-ptc-title h5.sc-ptc-title::after,div.solid.sc-ptc-title h6.sc-ptc-title::after{content:\"\";position:absolute;width:20%;height:2px;background-color:var(--color-green-07);top:-2px;left:0px}div.is-standard.sc-ptc-title h1.sc-ptc-title,div.is-standard.sc-ptc-title h2.sc-ptc-title,div.is-standard.sc-ptc-title h3.sc-ptc-title,div.is-standard.sc-ptc-title h4.sc-ptc-title,div.is-standard.sc-ptc-title h5.sc-ptc-title,div.is-standard.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative}div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);letter-spacing:0px;color:var(--color-gray-10)}div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);color:var(--color-gray-10)}div.is-plm-hub.sc-ptc-title h1.sc-ptc-title,div.is-plm-hub.sc-ptc-title h2.sc-ptc-title,div.is-plm-hub.sc-ptc-title h3.sc-ptc-title,div.is-plm-hub.sc-ptc-title h4.sc-ptc-title,div.is-plm-hub.sc-ptc-title h5.sc-ptc-title,div.is-plm-hub.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;color:var(--color-white)}div.margin-flush.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-flush.sc-ptc-title h1.sc-ptc-title,div.margin-flush.sc-ptc-title h2.sc-ptc-title,div.margin-flush.sc-ptc-title h3.sc-ptc-title,div.margin-flush.sc-ptc-title h4.sc-ptc-title,div.margin-flush.sc-ptc-title h5.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-top-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}div.margin-top-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}div.margin-top-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}div.margin-top-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}div.margin-top-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}div.margin-bottom-2.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}div.margin-bottom-3.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}div.margin-bottom-4.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}div.margin-bottom-5.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}div.margin-bottom-6.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}div.margin-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}div.margin-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}div.margin-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}div.margin-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}div.margin-5.sc-ptc-title h4.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}div.green.sc-ptc-title h1.sc-ptc-title,div.green.sc-ptc-title h2.sc-ptc-title,div.green.sc-ptc-title h3.sc-ptc-title,div.green.sc-ptc-title h4.sc-ptc-title,div.green.sc-ptc-title h5.sc-ptc-title,div.green.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-green-07)}div.blue.sc-ptc-title h1.sc-ptc-title,div.blue.sc-ptc-title h2.sc-ptc-title,div.blue.sc-ptc-title h3.sc-ptc-title,div.blue.sc-ptc-title h4.sc-ptc-title,div.blue.sc-ptc-title h5.sc-ptc-title,div.blue.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-blue-07)}div.red.sc-ptc-title h1.sc-ptc-title,div.red.sc-ptc-title h2.sc-ptc-title,div.red.sc-ptc-title h3.sc-ptc-title,div.red.sc-ptc-title h4.sc-ptc-title,div.red.sc-ptc-title h5.sc-ptc-title,div.red.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-red-07)}div.orange.sc-ptc-title h1.sc-ptc-title,div.orange.sc-ptc-title h2.sc-ptc-title,div.orange.sc-ptc-title h3.sc-ptc-title,div.orange.sc-ptc-title h4.sc-ptc-title,div.orange.sc-ptc-title h5.sc-ptc-title,div.orange.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-orange-07)}div.slate-grey.sc-ptc-title h1.sc-ptc-title,div.slate-grey.sc-ptc-title h2.sc-ptc-title,div.slate-grey.sc-ptc-title h3.sc-ptc-title,div.slate-grey.sc-ptc-title h4.sc-ptc-title,div.slate-grey.sc-ptc-title h5.sc-ptc-title,div.slate-grey.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-grey-07)}div.w-3.sc-ptc-title h1.sc-ptc-title,div.w-3.sc-ptc-title h2.sc-ptc-title,div.w-3.sc-ptc-title h3.sc-ptc-title,div.w-3.sc-ptc-title h4.sc-ptc-title,div.w-3.sc-ptc-title h5.sc-ptc-title,div.w-3.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-thin)}div.w-4.sc-ptc-title h1.sc-ptc-title,div.w-4.sc-ptc-title h2.sc-ptc-title,div.w-4.sc-ptc-title h3.sc-ptc-title,div.w-4.sc-ptc-title h4.sc-ptc-title,div.w-4.sc-ptc-title h5.sc-ptc-title,div.w-4.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-regular)}div.w-5.sc-ptc-title h1.sc-ptc-title,div.w-5.sc-ptc-title h2.sc-ptc-title,div.w-5.sc-ptc-title h3.sc-ptc-title,div.w-5.sc-ptc-title h4.sc-ptc-title,div.w-5.sc-ptc-title h5.sc-ptc-title,div.w-5.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-medium)}div.w-6.sc-ptc-title h1.sc-ptc-title,div.w-6.sc-ptc-title h2.sc-ptc-title,div.w-6.sc-ptc-title h3.sc-ptc-title,div.w-6.sc-ptc-title h4.sc-ptc-title,div.w-6.sc-ptc-title h5.sc-ptc-title,div.w-6.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-semibold)}div.w-7.sc-ptc-title h1.sc-ptc-title,div.w-7.sc-ptc-title h2.sc-ptc-title,div.w-7.sc-ptc-title h3.sc-ptc-title,div.w-7.sc-ptc-title h4.sc-ptc-title,div.w-7.sc-ptc-title h5.sc-ptc-title,div.w-7.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-bold)}div.w-8.sc-ptc-title h1.sc-ptc-title,div.w-8.sc-ptc-title h2.sc-ptc-title,div.w-8.sc-ptc-title h3.sc-ptc-title,div.w-8.sc-ptc-title h4.sc-ptc-title,div.w-8.sc-ptc-title h5.sc-ptc-title,div.w-8.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-extrabold)}div.w-9.sc-ptc-title h1.sc-ptc-title,div.w-9.sc-ptc-title h2.sc-ptc-title,div.w-9.sc-ptc-title h3.sc-ptc-title,div.w-9.sc-ptc-title h4.sc-ptc-title,div.w-9.sc-ptc-title h5.sc-ptc-title,div.w-9.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-black)}div.xx-small.sc-ptc-title h1.sc-ptc-title,div.xx-small.sc-ptc-title h2.sc-ptc-title,div.xx-small.sc-ptc-title h3.sc-ptc-title,div.xx-small.sc-ptc-title h4.sc-ptc-title,div.xx-small.sc-ptc-title h5.sc-ptc-title,div.xx-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-small)}div.x-small.sc-ptc-title h1.sc-ptc-title,div.x-small.sc-ptc-title h2.sc-ptc-title,div.x-small.sc-ptc-title h3.sc-ptc-title,div.x-small.sc-ptc-title h4.sc-ptc-title,div.x-small.sc-ptc-title h5.sc-ptc-title,div.x-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-small)}div.small.sc-ptc-title h1.sc-ptc-title,div.small.sc-ptc-title h2.sc-ptc-title,div.small.sc-ptc-title h3.sc-ptc-title,div.small.sc-ptc-title h4.sc-ptc-title,div.small.sc-ptc-title h5.sc-ptc-title,div.small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-small)}div.medium.sc-ptc-title h1.sc-ptc-title,div.medium.sc-ptc-title h2.sc-ptc-title,div.medium.sc-ptc-title h3.sc-ptc-title,div.medium.sc-ptc-title h4.sc-ptc-title,div.medium.sc-ptc-title h5.sc-ptc-title,div.medium.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-medium)}div.large.sc-ptc-title h1.sc-ptc-title,div.large.sc-ptc-title h2.sc-ptc-title,div.large.sc-ptc-title h3.sc-ptc-title,div.large.sc-ptc-title h4.sc-ptc-title,div.large.sc-ptc-title h5.sc-ptc-title,div.large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-large)}div.x-large.sc-ptc-title h1.sc-ptc-title,div.x-large.sc-ptc-title h2.sc-ptc-title,div.x-large.sc-ptc-title h3.sc-ptc-title,div.x-large.sc-ptc-title h4.sc-ptc-title,div.x-large.sc-ptc-title h5.sc-ptc-title,div.x-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}@media only screen and (min-width: 768px){div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}@media only screen and (min-width: 768px){div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}}div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 768px){div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.densest.sc-ptc-title h1.sc-ptc-title,div.densest.sc-ptc-title h2.sc-ptc-title,div.densest.sc-ptc-title h3.sc-ptc-title,div.densest.sc-ptc-title h4.sc-ptc-title,div.densest.sc-ptc-title h5.sc-ptc-title,div.densest.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-densest)}div.denser.sc-ptc-title h1.sc-ptc-title,div.denser.sc-ptc-title h2.sc-ptc-title,div.denser.sc-ptc-title h3.sc-ptc-title,div.denser.sc-ptc-title h4.sc-ptc-title,div.denser.sc-ptc-title h5.sc-ptc-title,div.denser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-denser)}div.dense.sc-ptc-title h1.sc-ptc-title,div.dense.sc-ptc-title h2.sc-ptc-title,div.dense.sc-ptc-title h3.sc-ptc-title,div.dense.sc-ptc-title h4.sc-ptc-title,div.dense.sc-ptc-title h5.sc-ptc-title,div.dense.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-dense)}div.normal.sc-ptc-title h1.sc-ptc-title,div.normal.sc-ptc-title h2.sc-ptc-title,div.normal.sc-ptc-title h3.sc-ptc-title,div.normal.sc-ptc-title h4.sc-ptc-title,div.normal.sc-ptc-title h5.sc-ptc-title,div.normal.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-normal)}div.loose.sc-ptc-title h1.sc-ptc-title,div.loose.sc-ptc-title h2.sc-ptc-title,div.loose.sc-ptc-title h3.sc-ptc-title,div.loose.sc-ptc-title h4.sc-ptc-title,div.loose.sc-ptc-title h5.sc-ptc-title,div.loose.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-loose)}div.looser.sc-ptc-title h1.sc-ptc-title,div.looser.sc-ptc-title h2.sc-ptc-title,div.looser.sc-ptc-title h3.sc-ptc-title,div.looser.sc-ptc-title h4.sc-ptc-title,div.looser.sc-ptc-title h5.sc-ptc-title,div.looser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-looser)}div.paragraph.sc-ptc-title h1.sc-ptc-title,div.paragraph.sc-ptc-title h2.sc-ptc-title,div.paragraph.sc-ptc-title h3.sc-ptc-title,div.paragraph.sc-ptc-title h4.sc-ptc-title,div.paragraph.sc-ptc-title h5.sc-ptc-title,div.paragraph.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-paragraph)}div.black.sc-ptc-title h1.sc-ptc-title,div.black.sc-ptc-title h2.sc-ptc-title,div.black.sc-ptc-title h3.sc-ptc-title,div.black.sc-ptc-title h4.sc-ptc-title,div.black.sc-ptc-title h5.sc-ptc-title,div.black.sc-ptc-title h6.sc-ptc-title{color:var(--color-black)}div.white.sc-ptc-title h1.sc-ptc-title,div.white.sc-ptc-title h2.sc-ptc-title,div.white.sc-ptc-title h3.sc-ptc-title,div.white.sc-ptc-title h4.sc-ptc-title,div.white.sc-ptc-title h5.sc-ptc-title,div.white.sc-ptc-title h6.sc-ptc-title{color:var(--color-white)}div.gray.sc-ptc-title h1.sc-ptc-title,div.gray.sc-ptc-title h2.sc-ptc-title,div.gray.sc-ptc-title h3.sc-ptc-title,div.gray.sc-ptc-title h4.sc-ptc-title,div.gray.sc-ptc-title h5.sc-ptc-title,div.gray.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-10)}div.ellipsis-boxing.sc-ptc-title h1.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h2.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h3.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h4.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h5.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h6.sc-ptc-title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}";
|
|
4
|
+
|
|
5
|
+
let PtcTitle = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
/**
|
|
9
|
+
* Is this title using on the PLM Hub page
|
|
10
|
+
*/
|
|
11
|
+
this.isPlmHub = false;
|
|
12
|
+
/**
|
|
13
|
+
* Title Tag Type
|
|
14
|
+
*/
|
|
15
|
+
this.type = 'h2';
|
|
16
|
+
/**
|
|
17
|
+
* Upperline Style
|
|
18
|
+
*/
|
|
19
|
+
this.upperline = 'dotted';
|
|
20
|
+
/**
|
|
21
|
+
* Title color
|
|
22
|
+
*/
|
|
23
|
+
this.titleColor = 'gray';
|
|
24
|
+
/**
|
|
25
|
+
* Title line height
|
|
26
|
+
*/
|
|
27
|
+
this.titleHeight = 'paragraph';
|
|
28
|
+
}
|
|
29
|
+
render() {
|
|
30
|
+
const classMap = this.getCssClassMap();
|
|
31
|
+
const cutOff = this.getLineCuttoff();
|
|
32
|
+
let TagType;
|
|
33
|
+
switch (this.type) {
|
|
34
|
+
case 'h1':
|
|
35
|
+
TagType = 'h1';
|
|
36
|
+
break;
|
|
37
|
+
case 'h3':
|
|
38
|
+
TagType = 'h3';
|
|
39
|
+
break;
|
|
40
|
+
case 'h4':
|
|
41
|
+
TagType = 'h4';
|
|
42
|
+
break;
|
|
43
|
+
case 'h5':
|
|
44
|
+
TagType = 'h5';
|
|
45
|
+
break;
|
|
46
|
+
case 'h6':
|
|
47
|
+
TagType = 'h6';
|
|
48
|
+
break;
|
|
49
|
+
default:
|
|
50
|
+
TagType = 'h2';
|
|
51
|
+
}
|
|
52
|
+
return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { class: classMap }, h(TagType, { style: cutOff }, h("slot", null)))));
|
|
53
|
+
}
|
|
54
|
+
getCssClassMap() {
|
|
55
|
+
return {
|
|
56
|
+
[this.textAlign]: !!this.textAlign ? true : false,
|
|
57
|
+
[this.upperline]: true,
|
|
58
|
+
[this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
|
|
59
|
+
[this.titleMargin]: !!this.titleMargin ? true : false,
|
|
60
|
+
[this.titleShadow]: !!this.titleShadow ? true : false,
|
|
61
|
+
[this.titleWeight]: !!this.titleWeight ? true : false,
|
|
62
|
+
[this.titleSize]: !!this.titleSize ? true : false,
|
|
63
|
+
[this.titleHeight]: !!this.titleHeight ? true : false,
|
|
64
|
+
[this.titleColor]: !!this.titleColor ? true : false,
|
|
65
|
+
['ellipsis-boxing']: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0
|
|
66
|
+
};
|
|
67
|
+
}
|
|
68
|
+
getLineCuttoff() {
|
|
69
|
+
let result;
|
|
70
|
+
if (this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0) {
|
|
71
|
+
result = {
|
|
72
|
+
['-webkit-line-clamp']: `${this.ellipsisLineCutoff}`
|
|
73
|
+
};
|
|
74
|
+
}
|
|
75
|
+
return result;
|
|
76
|
+
}
|
|
77
|
+
};
|
|
78
|
+
PtcTitle.style = ptcTitleCss;
|
|
79
|
+
|
|
80
|
+
export { PtcTitle as ptc_title };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-
|
|
1
|
+
import { r as registerInstance, h, H as Host } from './index-5ff11327.js';
|
|
2
2
|
|
|
3
3
|
const ptcTwoColumnMediaCss = ":host{display:block;padding:var(--ptc-layout-spacing-02) 0}@media only screen and (min-width: 992px){:host{padding:var(--ptc-layout-spacing-04) 0}}";
|
|
4
4
|
|
package/dist/esm/ptcw-design.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { p as promiseResolve, b as bootstrapLazy } from './index-
|
|
1
|
+
import { p as promiseResolve, b as bootstrapLazy } from './index-5ff11327.js';
|
|
2
2
|
|
|
3
3
|
/*
|
|
4
4
|
Stencil Client Patch Browser v2.13.0 | MIT Licensed | https://stenciljs.com
|
|
@@ -13,5 +13,5 @@ const patchBrowser = () => {
|
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
patchBrowser().then(options => {
|
|
16
|
-
return bootstrapLazy([["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"],"cardStatus":[32]},[[2,"click","handleClick"],[9,"resize","handleResize"]]]]],["ptc-
|
|
16
|
+
return bootstrapLazy([["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"],"cardStatus":[32]},[[2,"click","handleClick"],[9,"resize","handleResize"]]]]],["ptc-tab-list",[[4,"ptc-tab-list",{"selectedValue":[32]},[[0,"tabClicked","onSelectedTab"],[9,"resize","calculateHeaderTabsRendering"]]]]],["ptc-breadcrumb",[[1,"ptc-breadcrumb"]]],["ptc-collapse-list",[[1,"ptc-collapse-list",{"listItems":[1040],"placeholderText":[1025,"placeholder-text"],"debounceUpdateDelay":[1026,"debounce-update-delay"],"data":[32],"searchText":[32],"header":[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"]}]]],["ptc-previous-url",[[1,"ptc-previous-url",{"href":[1],"text":[1]}]]],["ptc-announcement",[[1,"ptc-announcement",{"barTitle":[1,"bar-title"],"Description":[1,"description"],"linkText":[513,"link-text"],"linkTitle":[513,"link-title"],"visible":[1540],"linkUrl":[513,"link-url"],"tempContainer":[4,"temp-container"],"target":[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"]}]]],["ptc-list",[[1,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["ptc-lottie",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["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"],"linkUrl":[1025,"link-url"]}]]],["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-social-share",[[1,"ptc-social-share",{"display":[1],"shareType":[1,"share-type"],"shareTitle":[1,"share-title"],"text":[1],"url":[1],"source":[1],"recipient":[1],"isHover":[32]}]]],["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-card-bottom",[[1,"ptc-card-bottom",{"cardType":[1,"card-type"],"styles":[1]}]]],["ptc-card-plm",[[1,"ptc-card-plm",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"]}]]],["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-nav",[[1,"ptc-nav"]]],["ptc-nav-item",[[1,"ptc-nav-item",{"url":[1025],"label":[1025],"ariaExpanded":[1028,"aria-expanded"],"depth":[1538],"hasChildren":[1028,"has-children"],"parentExpanded":[1540,"parent-expanded"],"navType":[1,"nav-type"]},[[0,"handleClick","handleClick"],[9,"resize","handleResize"]]]]],["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-pricing-block",[[1,"ptc-pricing-block",{"active":[1]}]]],["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-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"],"isBackgroundBlur":[4,"is-background-blur"]}]]],["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],"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-button",[[1,"ptc-button",{"disabled":[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"],"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"]}]]],["dropdown-item",[[4,"dropdown-item",{"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]]],["ptc-overlay",[[1,"ptc-overlay",{"filterColor":[1,"filter-color"],"borderRadius":[1,"border-radius"],"overlayZIndex":[1,"overlay-z-index"],"styles":[1]}]]],["ptc-svg-btn",[[1,"ptc-svg-btn",{"svgName":[1,"svg-name"],"display":[1]}]]],["list-item",[[1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"],"linkTarget":[1,"link-target"]}]]],["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"]}],[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"],"ellipsisLineCutoff":[2,"ellipsis-line-cutoff"]}],[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-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
17
|
});
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { r as registerInstance, h } from './index-5ff11327.js';
|
|
2
|
+
|
|
3
|
+
const tabContentCss = ".tab-content{display:none}.tab-content p,.tab-content ul,.tab-content ol,.tab-content span{max-width:720px;font-weight:var(--ptc-font-weight-normal)}.tab-content-selected{display:block}.tab-content h3{font-size:24px;font-weight:700}.tab-content :first-child{margin-top:0px}.tab-content :last-child{margin-bottom:0px}";
|
|
4
|
+
|
|
5
|
+
let TabContent = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
this.isSelected = false;
|
|
9
|
+
}
|
|
10
|
+
async getChild() {
|
|
11
|
+
return {
|
|
12
|
+
select: this.select.bind(this),
|
|
13
|
+
unselect: this.unselect.bind(this),
|
|
14
|
+
name: this.name
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
unselect() {
|
|
18
|
+
this.isSelected = false;
|
|
19
|
+
}
|
|
20
|
+
select() {
|
|
21
|
+
this.isSelected = true;
|
|
22
|
+
}
|
|
23
|
+
render() {
|
|
24
|
+
const classes = {
|
|
25
|
+
'tab-content': true,
|
|
26
|
+
'tab-content-selected': this.isSelected
|
|
27
|
+
};
|
|
28
|
+
return (h("div", { class: classes }, h("slot", null)));
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
TabContent.style = tabContentCss;
|
|
32
|
+
|
|
33
|
+
export { TabContent as tab_content };
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { r as registerInstance, c as createEvent, h } from './index-5ff11327.js';
|
|
2
|
+
|
|
3
|
+
const tabHeaderCss = ".tab-header{min-height:40px;min-width:40px;padding:5px;margin:0;cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center;border-bottom:2px solid transparent;font-family:\"Raleway\";font-style:normal;font-weight:700;font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p);white-space:nowrap;text-align:center;color:var(--color-gray-07);position:relative}.tab-header::after{content:\"\";width:100%;height:2px;background-color:var(--color-gray-02);position:absolute;display:block;left:0;right:0;bottom:-4px}@media (max-width: 599px){.tab-header{min-width:100px}}.tab-header-selected{color:var(--color-gray-10);font-weight:var(--ptc-font-weight-bold)}.tab-header-selected::after{background-color:var(--color-green-07)}";
|
|
4
|
+
|
|
5
|
+
let TabHeader = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
this.tabClicked = createEvent(this, "tabClicked", 7);
|
|
9
|
+
this.id = this.generateId();
|
|
10
|
+
this.isSelected = false;
|
|
11
|
+
}
|
|
12
|
+
async getChild() {
|
|
13
|
+
let self = this;
|
|
14
|
+
let myPromise = new Promise(function (resolve) {
|
|
15
|
+
let data = {
|
|
16
|
+
select: self.select.bind(self),
|
|
17
|
+
unselect: self.unselect.bind(self),
|
|
18
|
+
name: self.name,
|
|
19
|
+
id: self.id
|
|
20
|
+
};
|
|
21
|
+
resolve(data);
|
|
22
|
+
});
|
|
23
|
+
let result = await myPromise;
|
|
24
|
+
return result;
|
|
25
|
+
}
|
|
26
|
+
unselect() {
|
|
27
|
+
this.isSelected = false;
|
|
28
|
+
}
|
|
29
|
+
select() {
|
|
30
|
+
this.isSelected = true;
|
|
31
|
+
}
|
|
32
|
+
onClick() {
|
|
33
|
+
this.tabClicked.emit(this.getChild());
|
|
34
|
+
}
|
|
35
|
+
generateId() {
|
|
36
|
+
return Math.random().toString(36).substring(2, 10);
|
|
37
|
+
}
|
|
38
|
+
render() {
|
|
39
|
+
const classes = {
|
|
40
|
+
'tab-header': true,
|
|
41
|
+
'tab-header-selected': this.isSelected
|
|
42
|
+
};
|
|
43
|
+
return [
|
|
44
|
+
h("h2", { class: classes, onClick: this.onClick.bind(this) }, h("slot", null)),
|
|
45
|
+
];
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
TabHeader.style = tabHeaderCss;
|
|
49
|
+
|
|
50
|
+
export { TabHeader as tab_header };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as s,a as t,h as i,H as e}from"./p-4355ed7c.js";let a=class{constructor(i){s(this,i),this.size="xx-small",this.type="regular",this.spin="",this.pulse="",this.color="default",this.regularSprite=t("./media/regular.svg"),this.solidSprite=t("./media/solid.svg"),this.brandSprite=t("./media/brands.svg"),this.ptcSprite=t("./media/designer.svg")}render(){const s=this.getCssClassMap();return i(e,null,this.injectedStyle&&i("style",null,this.injectedStyle),i("svg",{class:s},i("use","brands"==this.type?{href:`${this.brandSprite}#${this.name}`}:"solid"==this.type?{href:`${this.solidSprite}#${this.name}`}:"ptc"==this.type?{href:`${this.ptcSprite}#${this.name}`}:{href:`${this.regularSprite}#${this.name}`})))}getCssClassMap(){return{[this.size]:!0,[this.spin]:!0,[this.pulse]:!0,[this.color]:!0,ismobileselect:!!this.isMobileSelect}}static get assetsDirs(){return["media"]}};a.style='.svg-inline--fa.sc-icon-asset,svg.sc-icon-asset:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa.sc-icon-asset{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg.sc-icon-asset{vertical-align:-.225em}.svg-inline--fa.fa-w-1.sc-icon-asset{width:.0625em}.svg-inline--fa.fa-w-2.sc-icon-asset{width:.125em}.svg-inline--fa.fa-w-3.sc-icon-asset{width:.1875em}.svg-inline--fa.fa-w-4.sc-icon-asset{width:.25em}.svg-inline--fa.fa-w-5.sc-icon-asset{width:.3125em}.svg-inline--fa.fa-w-6.sc-icon-asset{width:.375em}.svg-inline--fa.fa-w-7.sc-icon-asset{width:.4375em}.svg-inline--fa.fa-w-8.sc-icon-asset{width:.5em}.svg-inline--fa.fa-w-9.sc-icon-asset{width:.5625em}.svg-inline--fa.fa-w-10.sc-icon-asset{width:.625em}.svg-inline--fa.fa-w-11.sc-icon-asset{width:.6875em}.svg-inline--fa.fa-w-12.sc-icon-asset{width:.75em}.svg-inline--fa.fa-w-13.sc-icon-asset{width:.8125em}.svg-inline--fa.fa-w-14.sc-icon-asset{width:.875em}.svg-inline--fa.fa-w-15.sc-icon-asset{width:.9375em}.svg-inline--fa.fa-w-16.sc-icon-asset{width:1em}.svg-inline--fa.fa-w-17.sc-icon-asset{width:1.0625em}.svg-inline--fa.fa-w-18.sc-icon-asset{width:1.125em}.svg-inline--fa.fa-w-19.sc-icon-asset{width:1.1875em}.svg-inline--fa.fa-w-20.sc-icon-asset{width:1.25em}.svg-inline--fa.fa-pull-left.sc-icon-asset{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right.sc-icon-asset{margin-left:.3em;width:auto}.svg-inline--fa.fa-border.sc-icon-asset{height:1.5em}.svg-inline--fa.fa-li.sc-icon-asset{width:2em}.svg-inline--fa.fa-fw.sc-icon-asset{width:1.25em}.fa-layers.sc-icon-asset svg.svg-inline--fa.sc-icon-asset{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers.sc-icon-asset{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers.sc-icon-asset svg.svg-inline--fa.sc-icon-asset{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter.sc-icon-asset,.fa-layers-text.sc-icon-asset{display:inline-block;position:absolute;text-align:center}.fa-layers-text.sc-icon-asset{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter.sc-icon-asset{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right.sc-icon-asset{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left.sc-icon-asset{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right.sc-icon-asset{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left.sc-icon-asset{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg.sc-icon-asset{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs.sc-icon-asset{font-size:.75em}.fa-sm.sc-icon-asset{font-size:.875em}.fa-1x.sc-icon-asset{font-size:1em}.fa-2x.sc-icon-asset{font-size:2em}.fa-3x.sc-icon-asset{font-size:3em}.fa-4x.sc-icon-asset{font-size:4em}.fa-5x.sc-icon-asset{font-size:5em}.fa-6x.sc-icon-asset{font-size:6em}.fa-7x.sc-icon-asset{font-size:7em}.fa-8x.sc-icon-asset{font-size:8em}.fa-9x.sc-icon-asset{font-size:9em}.fa-10x.sc-icon-asset{font-size:10em}.fa-fw.sc-icon-asset{text-align:center;width:1.25em}.fa-ul.sc-icon-asset{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul.sc-icon-asset>li.sc-icon-asset{position:relative}.fa-li.sc-icon-asset{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border.sc-icon-asset{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left.sc-icon-asset{float:left}.fa-pull-right.sc-icon-asset{float:right}.fa.fa-pull-left.sc-icon-asset,.fab.fa-pull-left.sc-icon-asset,.fal.fa-pull-left.sc-icon-asset,.far.fa-pull-left.sc-icon-asset,.fas.fa-pull-left.sc-icon-asset{margin-right:.3em}.fa.fa-pull-right.sc-icon-asset,.fab.fa-pull-right.sc-icon-asset,.fal.fa-pull-right.sc-icon-asset,.far.fa-pull-right.sc-icon-asset,.fas.fa-pull-right.sc-icon-asset{margin-left:.3em}.fa-spin.sc-icon-asset{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse.sc-icon-asset{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90.sc-icon-asset{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180.sc-icon-asset{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270.sc-icon-asset{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal.sc-icon-asset{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical.sc-icon-asset{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both.sc-icon-asset,.fa-flip-horizontal.fa-flip-vertical.sc-icon-asset,.fa-flip-vertical.sc-icon-asset{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both.sc-icon-asset,.fa-flip-horizontal.fa-flip-vertical.sc-icon-asset{-webkit-transform:scale(-1);transform:scale(-1)}.sc-icon-asset:root .fa-flip-both.sc-icon-asset,.sc-icon-asset:root .fa-flip-horizontal.sc-icon-asset,.sc-icon-asset:root .fa-flip-vertical.sc-icon-asset,.sc-icon-asset:root .fa-rotate-90.sc-icon-asset,.sc-icon-asset:root .fa-rotate-180.sc-icon-asset,.sc-icon-asset:root .fa-rotate-270.sc-icon-asset{-webkit-filter:none;filter:none}.fa-stack.sc-icon-asset{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x.sc-icon-asset,.fa-stack-2x.sc-icon-asset{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x.sc-icon-asset{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x.sc-icon-asset{height:2em;width:2.5em}.fa-inverse.sc-icon-asset{color:#fff}.sr-only.sc-icon-asset{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable.sc-icon-asset:active,.sr-only-focusable.sc-icon-asset:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa.sc-icon-asset .fa-primary.sc-icon-asset{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa.sc-icon-asset .fa-secondary.sc-icon-asset{fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa.sc-icon-asset .fa-secondary.sc-icon-asset,.svg-inline--fa.fa-swap-opacity.sc-icon-asset .fa-primary.sc-icon-asset{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity.sc-icon-asset .fa-secondary.sc-icon-asset{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa.sc-icon-asset mask.sc-icon-asset .fa-primary.sc-icon-asset,.svg-inline--fa.sc-icon-asset mask.sc-icon-asset .fa-secondary.sc-icon-asset{fill:#000}.fad.fa-inverse.sc-icon-asset{color:#fff}icon-asset.sc-icon-asset{vertical-align:middle}svg.sc-icon-asset{transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}svg.micro.sc-icon-asset{width:calc(var(--ptc-font-size-x-small)/2);height:calc(var(--ptc-font-size-x-small)/2)}svg.xxx-small.sc-icon-asset{width:var(--ptc-font-size-xxx-small);height:var(--ptc-font-size-xxx-small)}svg.xx-small.sc-icon-asset{width:var(--ptc-font-size-xx-small);height:var(--ptc-font-size-xx-small)}svg.x-small.sc-icon-asset{width:var(--ptc-font-size-x-small);height:var(--ptc-font-size-x-small)}svg.small.sc-icon-asset{width:var(--ptc-font-size-small);height:var(--ptc-font-size-small)}svg.medium.sc-icon-asset{width:var(--ptc-font-size-medium);height:var(--ptc-font-size-medium)}svg.large.sc-icon-asset{width:var(--ptc-font-size-large);height:var(--ptc-font-size-large)}svg.x-large.sc-icon-asset{width:var(--ptc-font-size-x-large);height:var(--ptc-font-size-x-large)}svg.xx-large.sc-icon-asset{width:var(--ptc-font-size-xx-large);height:var(--ptc-font-size-xx-large)}svg.xxx-large.sc-icon-asset{width:var(--ptc-font-size-xxx-large);height:var(--ptc-font-size-xxx-large)}svg.xxxx-large.sc-icon-asset{width:var(--ptc-font-size-xxxx-large);height:var(--ptc-font-size-xxxx-large)}svg.white.sc-icon-asset{fill:var(--color-white)}svg.white.sc-icon-asset use[href$="#minus"].sc-icon-asset,svg.white.sc-icon-asset use[href$="#plus"].sc-icon-asset,svg.white.sc-icon-asset use[href$="#checkmark"].sc-icon-asset{stroke:var(--color-white)}svg.black.sc-icon-asset{fill:var(--color-black)}svg.black.sc-icon-asset use[href$="#minus"].sc-icon-asset,svg.black.sc-icon-asset use[href$="#plus"].sc-icon-asset,svg.black.sc-icon-asset use[href$="#checkmark"].sc-icon-asset{stroke:var(--color-black)}svg.ptc-green.sc-icon-asset{fill:var(--color-green-07)}svg.ptc-green.sc-icon-asset use[href$="#minus"].sc-icon-asset,svg.ptc-green.sc-icon-asset use[href$="#plus"].sc-icon-asset,svg.ptc-green.sc-icon-asset use[href$="#checkmark"].sc-icon-asset{stroke:var(--color-green-07)}svg.gray.sc-icon-asset{fill:var(--color-gray-06)}svg.gray.sc-icon-asset use[href$="#minus"].sc-icon-asset,svg.gray.sc-icon-asset use[href$="#plus"].sc-icon-asset,svg.gray.sc-icon-asset use[href$="#checkmark"].sc-icon-asset{stroke:var(--color-gray-06)}svg.light-gray.sc-icon-asset{fill:var(--color-gray-05)}svg.light-gray.sc-icon-asset use[href$="#minus"].sc-icon-asset,svg.light-gray.sc-icon-asset use[href$="#plus"].sc-icon-asset,svg.light-gray.sc-icon-asset use[href$="#checkmark"].sc-icon-asset{stroke:var(--color-gray-05)}svg.inherit.sc-icon-asset{fill:inherit}svg.inherit.sc-icon-asset use[href$="#minus"].sc-icon-asset,svg.inherit.sc-icon-asset use[href$="#plus"].sc-icon-asset,svg.inherit.sc-icon-asset use[href$="#checkmark"].sc-icon-asset{stroke:inherit}';export{a as icon_asset}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as s,h as t,H as a}from"./p-
|
|
1
|
+
import{r as s,h as t,H as a}from"./p-4355ed7c.js";let n=class{constructor(t){s(this,t)}render(){const s=this.getCssClassMap();return t(a,{class:s},t("slot",null))}getCssClassMap(){return{[this.componentType]:!!this.componentType}}};n.style=":host{display:block;padding:var(--ptc-layout-spacing-02) 0}@media only screen and (min-width: 992px){:host{padding:var(--ptc-layout-spacing-04) 0}}";export{n as ptc_two_column_media}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as i,H as l,
|
|
1
|
+
import{r as e,c as t,h as i,H as l,g as s}from"./p-4355ed7c.js";import{d as a,M as o,g as r}from"./p-5e98555a.js";class n{}let h=class{constructor(i){e(this,i),this.itemSelected=t(this,"itemSelected",7),this.itemExpanded=t(this,"itemExpanded",7),this.textChanged=t(this,"textChanged",7),this.inputUpdated=t(this,"inputUpdated",7),this.ready=t(this,"ready",7),this.viewUpdated=t(this,"viewUpdated",7),this.changed=t(this,"changed",7)}componentWillLoad(){this.loadListItems(),this.selectedItems=[]}componentDidLoad(){this.ready.emit({sender:this.el,tree:this.data,search:this.searchText}),this.debouncedUpdatedEvent=a((()=>{this.changed.emit({sender:this.el,selectedValue:this.selectedValue,selectedItems:this.selectedItems,search:this.searchText})}),this.debounceUpdateDelay,this)}componentDidUpdate(){this.viewUpdated.emit({sender:this.el,tree:this.data,search:this.searchText})}onItemSelectedHandler(e){this.itemSelected.emit({event:e,sender:e?e.target:this.el,selectedValue:this.selectedValue,selectedItems:this.selectedItems,tree:this.data}),this.fireChangedEvent()}onInputUpdated(e){let t=e.target;this.searchText=t.value,this.inputUpdated.emit({event:e,sender:t,selectedValue:this.selectedValue,selectedItems:this.selectedItems,tree:this.data,search:this.searchText}),this.fireChangedEvent()}onItemExpandedHandler(e){this.itemExpanded.emit({event:e,sender:e?e.target:this.el,selectedValue:this.selectedValue,selectedItems:this.selectedItems,tree:this.data})}fireChangedEvent(){this.debouncedUpdatedEvent()}loadListItems(){if(this.hashMap={},!this.data){let e=o(this.el);if(e.collapseListItem){this.data=new Array;let t=(e,i)=>{e.map((e=>{var l=new n;l.isExternalLink=!!e.linkHref,e.linkHref?(l.href=e.linkHref,l.target=e.linkTarget,l.title=e.linkTitle):(l.id=r(),l.text=e.facetDisplay,l.name=e.facetName,l.value=e.facetValue,l.category=e.category,l.allowMultiSelect="false"!=e.allowMultiSelect,this.setUpCategory(l.category,l.allowMultiSelect)),e.collapseListItem&&(l.children=new Array,t(e.collapseListItem,l.children)),this.hashMap[l.id]=l,i.push(l)}))};this.setUpCategory("default",!0),t(e.collapseListItem,this.data)}}}setUpCategory(e,t){this.selectedValue||(this.selectedValue={}),e&&!this.selectedValue[e]&&(this.selectedValue[e]={name:e,items:new Array,allowMultiSelect:t})}collapseAllFirstLevelItems(e){this.el.shadowRoot.querySelectorAll(".level-1").forEach((t=>{t.classList.contains("expanded")&&t!=e&&t.classList.remove("expanded")}))}updateExpandedItems(){const e=t=>{this.refreshBuffer||(this.refreshBuffer=t);const i=t-this.refreshBuffer;this.el.shadowRoot.querySelectorAll("li").forEach((e=>{let t=e.querySelector(":scope > ul");t&&(e.classList.contains("expanded")?t.style.maxHeight=t.scrollHeight+"px":t.style.removeProperty("max-height"))})),i<2500?window.requestAnimationFrame(e):this.refreshBuffer=void 0};this.refreshBuffer?this.refreshBuffer=void 0:window.requestAnimationFrame(e)}updateSelectedItemStatus(e){var t;let i=this.hashMap[e];if(i&&i.value){let e=null!==(t=i.category)&&void 0!==t?t:"default";this.selectedValue[e]||this.setUpCategory(e,1==i.allowMultiSelect);let l=this.selectedValue[e].items;l.indexOf(i.value)<0?(this.selectedValue[e].allowMultiSelect?l.push(i.value):(this.selectedItems=this.selectedItems.filter((e=>e.value!=l[0])),l=[i.value]),this.selectedItems.push(i)):(l=l.filter((e=>e!=i.value)),this.selectedItems=this.selectedItems.filter((e=>e.value!=i.value))),this.selectedValue[e].items=l}}unSelectItem(e){var t;let i=this.hashMap[e];if(i&&i.value){let e=null!==(t=i.category)&&void 0!==t?t:"default";this.selectedValue[e]||this.setUpCategory(e,1==i.allowMultiSelect);let l=this.selectedValue[e].items;l.indexOf(i.value)>-1&&(l=l.filter((e=>e!=i.value)),this.selectedItems=this.selectedItems.filter((e=>e.value!=i.value))),this.selectedValue[e].items=l}}selectItem(e){var t;let i=this.hashMap[e];if(i&&i.value){let e=null!==(t=i.category)&&void 0!==t?t:"default";this.selectedValue[e]||this.setUpCategory(e,1==i.allowMultiSelect);let l=this.selectedValue[e].items;l.indexOf(i.value)<0&&(this.selectedValue[e].allowMultiSelect?l.push(i.value):l=[i.value],this.selectedItems.push(i)),this.selectedValue[e].items=l}}getItemByValue(e){let t;if(this.hashMap)for(const[i,l]of Object.entries(this.hashMap)){let i=l;if(i.value==e){t=i;break}}return t}onItemLinkClick(e,t){e&&e.preventDefault(),this.updateSelectedItemStatus(t),this.onItemSelectedHandler(e)}onExpandClick(e,t){if(e){e.preventDefault();let i=e.currentTarget,l=i.closest(".level-1"),s=i.closest("li");if(t&&this.collapseAllFirstLevelItems(l),s&&s.classList.toggle("expanded"),i.classList.contains("expander-icon")){let e=s.classList.contains("expanded")?"minus":"plus";i.querySelector("icon-asset").setAttribute("name",e)}this.updateExpandedItems()}this.onItemExpandedHandler(e)}render(){let e=(l,s)=>{let a=`level-${s}`;return i("ul",null,l.map((l=>{let o,r=!1,n=!1;return 1==s?l.children?(r=!0,n=!1,o=i("icon-asset",{type:"ptc",name:"chevron-down",color:"ptc-green",size:"medium"})):(r=!1,n=!0,o=i("icon-asset",{type:"ptc",name:"plus",color:"ptc-green",size:"medium"})):s>1&&(n=!0,l.children?(r=!0,o=i("icon-asset",{type:"ptc",name:"plus",color:"gray",size:"xxx-small"})):r=!1),i("li",{class:a},t(l,o,s,r,n),l.children?e(l.children,s+1):"")})))},t=(e,t,l,s,a)=>e.isExternalLink?i("a",{href:e.href,target:e.target,title:e.title},t,e.text):!s&&a||s&&!a?i("a",{href:"#",title:e.text,onClick:t=>{s?this.onExpandClick(t,1==l):this.onItemLinkClick(t,e.id)}},t,e.text):[i("a",{class:"expander-icon",href:"#",onClick:e=>{this.onExpandClick(e,!1)}},t),i("a",{href:"#",title:e.text,onClick:t=>{this.onItemLinkClick(t,e.id)}},e.text)];return i(l,null,i("div",{class:"container"},i("ptc-title",{type:"h2","title-size":"medium","title-weight":"w-6","text-align":"left",upperline:"no-upperline"},this.header),i("div",{class:"search-box"},i("input",{type:"text",placeholder:this.placeholderText,onKeyUp:e=>{this.onInputUpdated(e)}})),e(this.data,1)))}async removeSelectedItem(e){let t=this.getItemByValue(e);this.unSelectItem(t.id),this.fireChangedEvent()}async addSelectedItem(e){let t=this.getItemByValue(e);this.selectItem(t.id)}get el(){return s(this)}};h.style=':host{display:block;height:100%}.container{border-right:1px solid rgba(112, 112, 112, 0.25);position:relative;height:100%}.container>ul{overflow:visible}a{transition:color ease-out 250ms}ul{transition:max-height ease-out 250ms, padding ease-out 250ms;overflow:hidden;list-style:none;padding:0;margin:0}li{cursor:pointer}.level-1>ul{max-height:0}.level-1>ul>li{margin:12px 0}.level-1>ul>li:first-child{margin-top:20px}.level-1>ul>li:last-child{margin-bottom:10px}.level-2>ul,.level-3>ul,.level-4>ul,.level-5>ul{max-height:0}.level-2>ul>li,.level-3>ul>li,.level-4>ul>li,.level-5>ul>li{margin:8px 0}.level-2>ul{padding-left:2.25rem}.level-3>ul{padding-left:3rem}.level-4>ul{padding-left:3.75rem}.level-5>ul{padding-left:4.5rem}.level-1{position:relative}.level-1>a{position:relative;padding:16px 20px 17.5px 0;display:block;font-size:18px;letter-spacing:0.45px;font-weight:800;color:var(--color-gray-08);text-decoration:none;border-bottom:1px solid rgba(112, 112, 112, 0.25)}.level-1>a:hover,.level-1>a:active,.level-1>a:focus{text-decoration:none}.level-1>a>icon-asset{transition:transform var(--ptc-ease-out) var(--ptc-transition-medium), padding var(--ptc-ease-out) var(--ptc-transition-medium);position:absolute;right:20px;padding-top:2px}.level-1>a:after{content:"";display:block;position:absolute;bottom:-2px;left:0;height:3px;width:40px;background-color:var(--color-green-07);transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium)}.level-1.expanded a>icon-asset{transform:rotate(-180deg);padding-top:0}.level-1.expanded a>ul{padding-top:14px}.level-1.expanded a:after{background-color:var(--color-gray-11)}.level-1>ul{padding-top:0}.level-1:first-child>a{padding-top:20px}.level-2,.level-3,.level-4,.level-5{position:relative}.level-2>a,.level-3>a,.level-4>a,.level-5>a{font-size:15px;font-weight:500;letter-spacing:0.4px;color:var(--color-gray-10);text-decoration:none;display:inline-block;margin-left:20px}.level-2>a:hover,.level-2>a:active,.level-3>a:hover,.level-3>a:active,.level-4>a:hover,.level-4>a:active,.level-5>a:hover,.level-5>a:active{font-weight:800;color:var(--color-green-07);text-decoration:none}.level-2 .expander-icon,.level-3 .expander-icon,.level-4 .expander-icon,.level-5 .expander-icon{position:absolute;left:-18px;top:2px}.level-3:before,.level-4:before,.level-5:before{position:absolute;content:"";width:2rem;height:1px;display:block;left:0;top:9px;background-color:var(--color-gray-02)}.level-3:before{width:2rem;left:-2.25rem}.level-4:before{width:2.75rem;left:-3rem}.level-5:before{width:3.5rem;left:-3.75rem}.search-box{display:flex;width:100%}.search-box input[type=text]{font-family:var(--ptc-font-latin);padding:8px 45px 8px 18px;font-size:1rem;font-weight:400;color:var(--color-gray-12);box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-06);transition:border var(--ptc-transition-medium) var(--ptc-ease-out), box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);background-color:var(--color-white);width:100%;margin-right:2rem}.search-box input[type=text]::-ms-clear{display:none}.search-box input[type=text]:focus{outline:none;box-shadow:var(--ptc-shadow-small);border:solid 1px var(--color-gray-12)}.search-box input[type=text]::placeholder{color:var(--color-gray-07)}';export{h as ptc_collapse_list}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as i}from"./p-4355ed7c.js";let r=class{constructor(i){t(this,i),this.tabClicked=e(this,"tabClicked",7),this.id=this.generateId(),this.isSelected=!1}async getChild(){let t=this,e=new Promise((function(e){e({select:t.select.bind(t),unselect:t.unselect.bind(t),name:t.name,id:t.id})}));return await e}unselect(){this.isSelected=!1}select(){this.isSelected=!0}onClick(){this.tabClicked.emit(this.getChild())}generateId(){return Math.random().toString(36).substring(2,10)}render(){return[i("h2",{class:{"tab-header":!0,"tab-header-selected":this.isSelected},onClick:this.onClick.bind(this)},i("slot",null))]}};r.style='.tab-header{min-height:40px;min-width:40px;padding:5px;margin:0;cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center;border-bottom:2px solid transparent;font-family:"Raleway";font-style:normal;font-weight:700;font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p);white-space:nowrap;text-align:center;color:var(--color-gray-07);position:relative}.tab-header::after{content:"";width:100%;height:2px;background-color:var(--color-gray-02);position:absolute;display:block;left:0;right:0;bottom:-4px}@media (max-width: 599px){.tab-header{min-width:100px}}.tab-header-selected{color:var(--color-gray-10);font-weight:var(--ptc-font-weight-bold)}.tab-header-selected::after{background-color:var(--color-green-07)}';export{r as tab_header}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as i,H as a}from"./p-
|
|
1
|
+
import{r as e,h as i,H as a}from"./p-4355ed7c.js";let n=class{constructor(i){e(this,i),this.linkUrl="#",this.imgSrc="",this.imgAlt="PTC"}render(){return i(a,null,i("div",{class:"minimized-header"},i("div",{class:"header"},i("div",{class:"temp-container"},i("a",{class:"mini-navbar-logo",href:this.linkUrl},i("img",{src:this.imgSrc,alt:this.imgAlt}))))))}};n.style=":host{display:block}.minimized-header .header{overflow:hidden;height:48px;background-color:var(--color-gray-10);display:flex;align-items:center;justify-content:center}.minimized-header .header a{float:left;color:var(--color-black);text-align:center;padding:0px 0;text-decoration:none;font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p);border-radius:var(--ptc-border-radius-standard)}.minimized-header .header a.mini-navbar-logo{font-size:var(--ptc-font-size-large);font-weight:var(--ptc-font-weight-bold)}.minimized-header .header a.mini-navbar-logo img{width:65px;vertical-align:middle;border:0;height:auto}.mini-navbar-logo{outline:3px solid transparent}.mini-navbar-logo:focus{outline:3px solid var(--color-blue-07);outline-offset:2px;border-radius:var(--ptc-border-radius-standard);text-decoration:none;border-color:transparent !important}@media only screen and (min-width: 768px){.temp-container{width:750px}}@media only screen and (min-width: 992px){.temp-container{width:970px}}@media only screen and (min-width: 1200px){.temp-container{width:1170px}}@media only screen and (min-width: 1440px){.temp-container{width:1400px}}@media only screen and (min-width: 1600px){.temp-container{width:1560px}}@media screen-xs{.minimized-header .header a{float:none;display:block;text-align:left}}";export{n as ptc_minimized_header}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as e,H as o}from"./p-4355ed7c.js";let r=class{constructor(e){t(this,e)}render(){return e(o,null,e("list-item",{listType:"breadcrumb",flushBefore:!0,"link-href":this.href},e("ptc-svg-btn",{class:"backarrow","svg-name":"back-arrow",display:"inline-block"}),e("a",{class:"back-to-videos"},this.text)),e("slot",null))}};r.style=":host{display:block;margin-top:var(--ptc-element-spacing-03)}.back-to-videos{display:inline-block;font-family:var(--ptc-font-latin);font-style:normal;font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-dense)}.back-to-videos:hover{text-decoration:underline;text-decoration-color:var(--color-green-07);outline:none}::slotted(*){transform:translate(-2px, -2px)}.backarrow:hover+.back-to-videos{text-decoration:underline;text-decoration-color:var(--color-green-07);outline:none}";export{r as ptc_previous_url}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as s,H as e}from"./p-
|
|
1
|
+
import{r as t,h as s,H as e}from"./p-4355ed7c.js";let i=class{constructor(s){t(this,s),this.listType="simple-icon-list",this.valueWithUnit="",this.valueText="",this.listContent="",this.isLastItem=!1}render(){const t=this.getCssClassMap();return s(e,{class:t},"stat-icon-list"==this.listType?s("div",{class:"ptc-icon-list"},s("slot",{name:"icon"}),s("div",{class:"ptc-numbered-values"},s("span",{class:"value-text"},this.valueText," "),s("span",{class:"ptc-numbered-subtitle"},this.valueWithUnit)),s("p",{class:"ptc-content"},"- ",this.listContent)):s("div",{class:"ptc-icon-list"},s("slot",{name:"icon"}),s("p",{class:"ptc-content-simple"},this.listContent," ")))}getCssClassMap(){return{[this.listType]:!!this.listType,"last-item":!!this.isLastItem}}};i.style=":host{display:block;padding-bottom:var(--ptc-element-spacing-03)}:host .ptc-icon-list{display:flex;align-items:center}:host .ptc-icon-list .value-text{font-size:var(--ptc-font-size-small);white-space:nowrap}:host .ptc-icon-list .ptc-numbered-values{margin-left:var(--ptc-element-spacing-03);font-family:var(--ptc-font-secondary-latin);white-space:nowrap}:host .ptc-icon-list .ptc-numbered-subtitle{margin:0;font-size:var(--ptc-font-size-medium);font-family:var(--ptc-font-secondary-latin)}@media only screen and (min-width: 992px){:host .ptc-icon-list .ptc-numbered-subtitle{font-size:var(--ptc-font-size-large)}}:host .ptc-icon-list .ptc-content{font-family:var(--ptc-font-secondary-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);font-stretch:normal;font-style:normal;line-height:var(--ptc-line-height-dense);letter-spacing:normal;text-align:left;color:var(--color-gray-10);margin:0 0 0 var(--ptc-element-spacing-03);line-height:var(--ptc-line-height-densest)}:host .ptc-icon-list .ptc-content-simple{margin:0 0 0 var(--ptc-element-spacing-03);font-size:var(--ptc-font-size-small);font-stretch:normal;font-style:normal;line-height:var(--ptc-line-height-dense);letter-spacing:normal;text-align:left;color:var(--color-gray-10);line-height:var(--ptc-line-height-densest)}:host ::slotted(icon-asset){display:flex;align-self:center}:host(.icon-top-align-list) ::slotted(icon-asset){display:flex;align-self:flex-start;transform:translateY(40%)}:host(.last-item){margin-bottom:var(--ptc-layout-spacing-03)}";export{i as ptc_icon_list}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as r,H as o}from"./p-4355ed7c.js";let e=class{constructor(r){t(this,r),this.bgUrl=void 0}render(){const t=this.getCssClassMap();return r(o,{class:t},r("div",{class:"ptc-hero-wrapper"},r("ptc-img",Object.assign({"image-type":"smart-bg"},this.bgUrl?{imgUrl:this.bgUrl}:{},{"size-xs":"600x450","size-sm":"1108x658","size-md":"1920x1080","size-lg":"2700x1500"}),"jumbotron"==this.heroType?[r("ptc-overlay",{"filter-color":"black-1"}),r("ptc-overlay",{"filter-color":"black-2"})]:"footer-cta"==this.heroType?r("ptc-overlay",{"filter-color":"black-3"}):null,r("slot",null))))}getCssClassMap(){return{[this.heroType]:!!this.heroType}}};e.style=":host{display:block;position:relative}:host(.jumbotron) .ptc-hero-wrapper,:host(.footer-cta) .ptc-hero-wrapper{position:relative}:host(.footer-cta) .ptc-hero-wrapper div>*{text-align:center}";export{e as ptc_hero}
|