@ptcwebops/ptcw-design 2.1.0 → 2.1.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/ptc-dynamic-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-nav-slider.cjs.entry.js +11 -4
- package/dist/cjs/ptc-nav-submenu.cjs.entry.js +17 -1
- package/dist/cjs/ptc-subnav.cjs.entry.js +1 -1
- package/dist/collection/components/ptc-dynamic-card/ptc-dynamic-card.css +1 -1
- package/dist/collection/components/subnav/ptc-nav-slider/ptc-nav-slider.js +11 -4
- package/dist/collection/components/subnav/ptc-nav-submenu/ptc-nav-submenu.css +19 -4
- package/dist/collection/components/subnav/ptc-nav-submenu/ptc-nav-submenu.js +16 -0
- package/dist/collection/components/subnav/ptc-subnav/ptc-subnav.css +5 -0
- package/dist/custom-elements/index.js +30 -7
- package/dist/esm/ptc-dynamic-card.entry.js +1 -1
- package/dist/esm/ptc-nav-slider.entry.js +11 -4
- package/dist/esm/ptc-nav-submenu.entry.js +17 -1
- package/dist/esm/ptc-subnav.entry.js +1 -1
- package/dist/ptcw-design/p-0fec8647.entry.js +1 -0
- package/dist/ptcw-design/p-2d138e91.entry.js +1 -0
- package/dist/ptcw-design/{p-743dae02.entry.js → p-c6f0e262.entry.js} +1 -1
- package/dist/ptcw-design/p-f67dc72c.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/subnav/ptc-nav-slider/ptc-nav-slider.d.ts +1 -1
- package/dist/types/components/subnav/ptc-nav-submenu/ptc-nav-submenu.d.ts +1 -0
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/ptcw-design/p-046d0d0c.entry.js +0 -1
- package/dist/ptcw-design/p-4947eb0a.entry.js +0 -1
- package/dist/ptcw-design/p-a6014d9a.entry.js +0 -1
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-88135a6b.js');
|
|
6
6
|
|
|
7
|
-
const ptcDynamicCardCss = ":host{display:block}:host(.sequential) .card-wrapper{position:relative;cursor:pointer}:host(.sequential) .card{background-color:var(--color-gray-12);overflow:hidden}:host(.sequential) .card-mobile,:host(.sequential) .card-dt-open{display:block}:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{display:flex;flex-basis:38%;justify-content:center;align-items:center;padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) var(--ptc-element-spacing-07) var(--ptc-element-spacing-06)}@media only screen and (min-width: 1440px){:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}:host(.sequential) .card-mobile ptc-picture,:host(.sequential) .card-dt-open ptc-picture{flex-basis:62%}:host(.sequential) .card-mobile .card-title h3,:host(.sequential) .card-dt-open .card-title h3{color:var(--color-white);font-size:var(--ptc-font-size-large);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:0rem;margin-block-start:0rem;letter-spacing:var(--ptc-letter-spacing-normal)}:host(.sequential) .card-mobile .card-content,:host(.sequential) .card-dt-open .card-content{margin-top:var(--ptc-element-spacing-03)}:host(.sequential) .card-mobile{width:350px;min-width:226px;position:relative}:host(.sequential) .card-mobile::before{content:\"\";display:block;position:absolute;top:0;left:0;width:100%;height:5px;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-out);background-color:transparent}:host(.sequential) .card-dt-closed{width:135px;height:424px;position:relative}:host(.sequential) .card-dt-closed .closed-content{position:absolute;width:100%;height:100%;top:0;display:flex;align-items:center;justify-content:center}:host(.sequential) .card-dt-closed .card-title{text-align:center}:host(.sequential) .card-dt-closed .card-title h2{color:var(--color-white);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:0rem;margin-block-start:0rem;letter-spacing:var(--ptc-letter-spacing-normal);padding-left:var(--ptc-element-spacing-03);padding-right:var(--ptc-element-spacing-03)}@media only screen and (min-width: 1440px){:host(.sequential) .card-dt-closed .card-title h2{font-size:var(--ptc-font-size-small)}}:host(.sequential) .card-dt-open{border-top:5px solid var(--color-green-05);display:flex;width:45vw;height:480px;transition:width var(--ptc-transition-x-fast) var(--ptc-ease-out)}:host(.sequential):host(.active) .card-mobile::before{background-color:var(--color-green-05)}";
|
|
7
|
+
const ptcDynamicCardCss = ":host{display:block}:host(.sequential) .card-wrapper{position:relative;cursor:pointer}:host(.sequential) .card{background-color:var(--color-gray-12);overflow:hidden}:host(.sequential) .card-mobile,:host(.sequential) .card-dt-open{display:block}:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{display:flex;flex-basis:38%;justify-content:center;align-items:center;padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) var(--ptc-element-spacing-07) var(--ptc-element-spacing-06)}@media only screen and (min-width: 1440px){:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}:host(.sequential) .card-mobile ptc-picture,:host(.sequential) .card-dt-open ptc-picture{flex-basis:62%}:host(.sequential) .card-mobile .card-title h3,:host(.sequential) .card-dt-open .card-title h3{color:var(--color-white);font-size:var(--ptc-font-size-large);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:0rem;margin-block-start:0rem;letter-spacing:var(--ptc-letter-spacing-normal)}:host(.sequential) .card-mobile .card-content,:host(.sequential) .card-dt-open .card-content{margin-top:var(--ptc-element-spacing-03)}:host(.sequential) .card-mobile{max-width:350px;min-width:226px;position:relative}:host(.sequential) .card-mobile::before{content:\"\";display:block;position:absolute;top:0;left:0;width:100%;height:5px;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-out);background-color:transparent}:host(.sequential) .card-dt-closed{width:135px;height:424px;position:relative}:host(.sequential) .card-dt-closed .closed-content{position:absolute;width:100%;height:100%;top:0;display:flex;align-items:center;justify-content:center}:host(.sequential) .card-dt-closed .card-title{text-align:center}:host(.sequential) .card-dt-closed .card-title h2{color:var(--color-white);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:0rem;margin-block-start:0rem;letter-spacing:var(--ptc-letter-spacing-normal);padding-left:var(--ptc-element-spacing-03);padding-right:var(--ptc-element-spacing-03)}@media only screen and (min-width: 1440px){:host(.sequential) .card-dt-closed .card-title h2{font-size:var(--ptc-font-size-small)}}:host(.sequential) .card-dt-open{border-top:5px solid var(--color-green-05);display:flex;width:45vw;height:480px;transition:width var(--ptc-transition-x-fast) var(--ptc-ease-out)}:host(.sequential):host(.active) .card-mobile::before{background-color:var(--color-green-05)}";
|
|
8
8
|
|
|
9
9
|
const PtcDynamicCard = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -23,9 +23,11 @@ const PtcNavSlider = class {
|
|
|
23
23
|
const boxWrap = element.target.querySelector('.nav-slider').shadowRoot.querySelector('.box-wrap');
|
|
24
24
|
const prevBtn = document.querySelector(`#${sliderId}`).shadowRoot.querySelector('#prevBtn');
|
|
25
25
|
const nextBtn = document.querySelector(`#${sliderId}`).shadowRoot.querySelector('#nextBtn');
|
|
26
|
-
|
|
26
|
+
let notDropdown = element.target.tagName.toLowerCase() != 'ptc-nav-submenu';
|
|
27
|
+
console.log(element.target.tagName);
|
|
28
|
+
this.updateArrows(boxWrap, prevBtn, nextBtn, notDropdown);
|
|
27
29
|
}
|
|
28
|
-
updateArrows(boxWrap, prevBtn, nextBtn) {
|
|
30
|
+
updateArrows(boxWrap, prevBtn, nextBtn, isNotDropdown) {
|
|
29
31
|
// let offsetWidth = boxWrap.offsetWidth;
|
|
30
32
|
// let scrollWidth = boxWrap.scrollWidth;
|
|
31
33
|
// let scrollLeft = boxWrap.scrollLeft;
|
|
@@ -37,8 +39,12 @@ const PtcNavSlider = class {
|
|
|
37
39
|
if ((boxWrap.offsetWidth) == boxWrap.scrollWidth) {
|
|
38
40
|
prevBtn.style.visibility = "hidden";
|
|
39
41
|
nextBtn.style.visibility = "hidden";
|
|
42
|
+
if (isNotDropdown)
|
|
43
|
+
prevBtn.closest('.btn-wrap-left').style.display = 'none';
|
|
40
44
|
}
|
|
41
45
|
else if ((boxWrap.scrollLeft + boxWrap.offsetWidth) <= boxWrap.scrollWidth) {
|
|
46
|
+
if (isNotDropdown)
|
|
47
|
+
prevBtn.closest('.btn-wrap-left').style.display = '';
|
|
42
48
|
if (boxWrap.scrollLeft > 0) {
|
|
43
49
|
if ((boxWrap.scrollLeft + boxWrap.offsetWidth) == boxWrap.scrollWidth) {
|
|
44
50
|
nextBtn.style.visibility = "hidden";
|
|
@@ -64,10 +70,11 @@ const PtcNavSlider = class {
|
|
|
64
70
|
const prevBtn = document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector('#prevBtn');
|
|
65
71
|
const nextBtn = document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector('#nextBtn');
|
|
66
72
|
if (event !== undefined) {
|
|
67
|
-
|
|
73
|
+
let notDropdown = !event.target.closest('.dropdown-content');
|
|
74
|
+
this.updateArrows(event.target, prevBtn, nextBtn, notDropdown);
|
|
68
75
|
}
|
|
69
76
|
else {
|
|
70
|
-
this.updateArrows(boxWrap, prevBtn, nextBtn);
|
|
77
|
+
this.updateArrows(boxWrap, prevBtn, nextBtn, false);
|
|
71
78
|
}
|
|
72
79
|
}
|
|
73
80
|
leftScroll(ele) {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-88135a6b.js');
|
|
6
6
|
|
|
7
|
-
const ptcNavSubmenuCss = ":host{display:block;padding:var(--ptc-element-spacing-03);position:relative}:host .back-btn{display:none;position:absolute;left:30px;color:var(--color-white);font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .back-btn svg{margin-right:4px;vertical-align:middle}@media only screen and (min-width: 1200px){:host{display:inline-block;position:initial}}:host::before,:host::after{content:\" \";width:800px;height:1px;background-color:var(--color-gray-08);position:absolute;right:0;bottom:0}@media only screen and (min-width: 1200px){:host::before,:host::after{display:none}}:host::after{left:0;right:auto}:host .submenu-toggle{display:inline-block;cursor:pointer;color:var(--color-gray-03);font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold);white-space:nowrap;border-bottom:2px solid transparent;margin-left:34%}@media only screen and (min-width: 480px){:host .submenu-toggle{margin-left:38%}}@media only screen and (min-width: 768px){:host .submenu-toggle{margin-left:42%}}@media only screen and (min-width: 1200px){:host .submenu-toggle{margin-left:0;display:flex;align-items:center}}:host .submenu-toggle svg{margin-left:5px;margin-top:2px;vertical-align:middle}:host .submenu-toggle svg path{fill:var(--color-gray-04)}:host .submenu-toggle:hover{color:var(--color-white);border-color:var(--color-white)}:host .submenu-toggle:hover svg path{fill:var(--color-white)}:host .submenu-toggle icon-asset{margin-right:8px}:host .submenu-toggle icon-asset svg{margin:0}:host .submenu-container{background-color:var(--color-gray-12)}@media only screen and (min-width: 1200px){:host .submenu-container{position:absolute;width:100%;right:0;left:0;top:64px}}:host .submenu-container .submenu-container-lg{padding:0 32px;width:100%;margin:auto}@media only screen and (min-width: 992px){:host .submenu-container .submenu-container-lg{padding:0 32px}}@media only screen and (min-width: 1200px){:host .submenu-container .submenu-container-lg{padding:0;width:
|
|
7
|
+
const ptcNavSubmenuCss = ":host{display:block;padding:var(--ptc-element-spacing-03);position:relative}:host .back-btn{display:none;position:absolute;left:30px;color:var(--color-white);font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .back-btn svg{margin-right:4px;vertical-align:middle}@media only screen and (min-width: 1200px){:host{display:inline-block;position:initial}}:host::before,:host::after{content:\" \";width:800px;height:1px;background-color:var(--color-gray-08);position:absolute;right:0;bottom:0}@media only screen and (min-width: 1200px){:host::before,:host::after{display:none}}:host::after{left:0;right:auto}:host .submenu-toggle{display:inline-block;cursor:pointer;color:var(--color-gray-03);font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold);white-space:nowrap;border-bottom:2px solid transparent;margin-left:34%}@media only screen and (min-width: 480px){:host .submenu-toggle{margin-left:38%}}@media only screen and (min-width: 768px){:host .submenu-toggle{margin-left:42%}}@media only screen and (min-width: 1200px){:host .submenu-toggle{margin-left:0;display:flex;align-items:center}}:host .submenu-toggle svg{margin-left:5px;margin-top:2px;vertical-align:middle}:host .submenu-toggle svg path{fill:var(--color-gray-04)}:host .submenu-toggle:hover{color:var(--color-white);border-color:var(--color-white)}:host .submenu-toggle:hover svg path{fill:var(--color-white)}:host .submenu-toggle icon-asset{margin-right:8px}:host .submenu-toggle icon-asset svg{margin:0}:host .submenu-container{background-color:var(--color-gray-12)}@media only screen and (min-width: 1200px){:host .submenu-container{position:absolute;width:100%;right:0;left:0;top:64px}}:host .submenu-container .submenu-container-lg{padding:0 32px;width:100%;margin:auto}@media only screen and (min-width: 992px){:host .submenu-container .submenu-container-lg{padding:0 32px}}@media only screen and (min-width: 1200px){:host .submenu-container .submenu-container-lg{padding:0;width:1106px}}@media only screen and (min-width: 1256px){:host .submenu-container .submenu-container-lg{width:1164px}}@media only screen and (min-width: 1280px){:host .submenu-container .submenu-container-lg{width:1180px}}@media only screen and (min-width: 1300px){:host .submenu-container .submenu-container-lg{width:1200px}}@media only screen and (min-width: 1440px){:host .submenu-container .submenu-container-lg{width:83.5rem}}@media only screen and (min-width: 1600px){:host .submenu-container .submenu-container-lg{width:93.5rem}}@media only screen and (min-width: 1980px){:host .submenu-container .submenu-container-lg{width:113.5rem}}:host ::slotted(ptc-nav-link:last-child)::before,:host ::slotted(ptc-nav-link:last-child)::after{display:none}:host(.short-dropdown) .submenu-container{text-align:center}@media only screen and (min-width: 1200px){:host(.short-dropdown) .submenu-container{width:initial;right:3%;left:initial;top:56px;z-index:1000}}:host(.short-dropdown) .submenu-container .submenu-container-lg{padding:0;width:auto;min-width:348px;display:flex;justify-content:space-evenly}:host(.active){padding-bottom:0}:host(.active) .submenu-toggle{color:var(--color-white);border-color:var(--color-white)}:host(.active) .submenu-toggle svg path{fill:var(--color-white)}:host(.active)::before,:host(.active)::after{display:none}@media only screen and (min-width: 1200px){:host(.active){padding-bottom:var(--ptc-element-spacing-03)}}:host(.active.short-dropdown) .back-btn{display:inline-block}@media only screen and (min-width: 1200px){:host(.active.short-dropdown) .back-btn{display:none}}.custom-icon{object-fit:cover;width:1.5rem;height:1.5rem}.custom-icon:hover{filter:brightness(0) invert(1)}.menu-right *{color:transparent !important}";
|
|
8
8
|
|
|
9
9
|
const PtcNavSubmenu = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -14,7 +14,23 @@ const PtcNavSubmenu = class {
|
|
|
14
14
|
this.iconAssetName = undefined;
|
|
15
15
|
this.iconSrc = undefined;
|
|
16
16
|
}
|
|
17
|
+
calculateOffset() {
|
|
18
|
+
var dropdown = this.el.shadowRoot.querySelector('.submenu-container');
|
|
19
|
+
var container = this.el.closest('ptc-subnav');
|
|
20
|
+
if (dropdown && container) {
|
|
21
|
+
if (window.innerWidth >= 1200) {
|
|
22
|
+
let height = container.clientHeight - 10;
|
|
23
|
+
if (height > 0) {
|
|
24
|
+
dropdown.style.top = `${height}px`;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
else {
|
|
28
|
+
dropdown.style.top = '';
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
17
32
|
handleClick(event) {
|
|
33
|
+
this.calculateOffset();
|
|
18
34
|
setTimeout(() => {
|
|
19
35
|
this.dropdownClickEvent.emit(event);
|
|
20
36
|
}, 100);
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-88135a6b.js');
|
|
6
6
|
|
|
7
|
-
const ptcSubnavCss = ":host{display:block;width:100%;background-color:var(--color-gray-10);position:relative}:host .navbar .navbar-inner{width:100%;margin:auto;padding:0px;display:none}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner{width:1170px}}@media only screen and (min-width: 1440px){:host .navbar .navbar-inner{width:87.5rem}}@media only screen and (min-width: 1600px){:host .navbar .navbar-inner{width:97.5rem}}@media only screen and (min-width: 1980px){:host .navbar .navbar-inner{width:117.5rem}}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner{padding:10px 16px;height:auto;display:block}}:host .navbar .navbar-inner .nav-wrapper{width:auto;margin:auto 32px;min-width:163px}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner .nav-wrapper{width:auto;display:flex;justify-content:space-between}}:host .navbar.navOpen .navbar-inner{background-color:var(--color-gray-12);display:block}:host .navbar .navbar-toggle{display:block;width:100%;text-align:center;color:var(--color-white);background-color:var(--color-gray-10);border:none;padding:16px;font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .navbar .navbar-toggle svg{vertical-align:middle;margin-left:4px}@media only screen and (min-width: 1200px){:host .navbar .navbar-toggle{display:none}}";
|
|
7
|
+
const ptcSubnavCss = ":host{display:block;width:100%;background-color:var(--color-gray-10);position:relative}:host .navbar .navbar-inner{width:100%;margin:auto;padding:0px;display:none}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner{width:1170px}}@media only screen and (min-width: 1256px){:host .navbar .navbar-inner{width:1256px}}@media only screen and (min-width: 1440px){:host .navbar .navbar-inner{width:87.5rem}}@media only screen and (min-width: 1600px){:host .navbar .navbar-inner{width:97.5rem}}@media only screen and (min-width: 1980px){:host .navbar .navbar-inner{width:117.5rem}}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner{padding:10px 16px;height:auto;display:block}}:host .navbar .navbar-inner .nav-wrapper{width:auto;margin:auto 32px;min-width:163px}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner .nav-wrapper{width:auto;display:flex;justify-content:space-between}}:host .navbar.navOpen .navbar-inner{background-color:var(--color-gray-12);display:block}:host .navbar .navbar-toggle{display:block;width:100%;text-align:center;color:var(--color-white);background-color:var(--color-gray-10);border:none;padding:16px;font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .navbar .navbar-toggle svg{vertical-align:middle;margin-left:4px}@media only screen and (min-width: 1200px){:host .navbar .navbar-toggle{display:none}}";
|
|
8
8
|
|
|
9
9
|
const PtcSubnav = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -15,9 +15,11 @@ export class PtcNavSlider {
|
|
|
15
15
|
const boxWrap = element.target.querySelector('.nav-slider').shadowRoot.querySelector('.box-wrap');
|
|
16
16
|
const prevBtn = document.querySelector(`#${sliderId}`).shadowRoot.querySelector('#prevBtn');
|
|
17
17
|
const nextBtn = document.querySelector(`#${sliderId}`).shadowRoot.querySelector('#nextBtn');
|
|
18
|
-
|
|
18
|
+
let notDropdown = element.target.tagName.toLowerCase() != 'ptc-nav-submenu';
|
|
19
|
+
console.log(element.target.tagName);
|
|
20
|
+
this.updateArrows(boxWrap, prevBtn, nextBtn, notDropdown);
|
|
19
21
|
}
|
|
20
|
-
updateArrows(boxWrap, prevBtn, nextBtn) {
|
|
22
|
+
updateArrows(boxWrap, prevBtn, nextBtn, isNotDropdown) {
|
|
21
23
|
// let offsetWidth = boxWrap.offsetWidth;
|
|
22
24
|
// let scrollWidth = boxWrap.scrollWidth;
|
|
23
25
|
// let scrollLeft = boxWrap.scrollLeft;
|
|
@@ -29,8 +31,12 @@ export class PtcNavSlider {
|
|
|
29
31
|
if ((boxWrap.offsetWidth) == boxWrap.scrollWidth) {
|
|
30
32
|
prevBtn.style.visibility = "hidden";
|
|
31
33
|
nextBtn.style.visibility = "hidden";
|
|
34
|
+
if (isNotDropdown)
|
|
35
|
+
prevBtn.closest('.btn-wrap-left').style.display = 'none';
|
|
32
36
|
}
|
|
33
37
|
else if ((boxWrap.scrollLeft + boxWrap.offsetWidth) <= boxWrap.scrollWidth) {
|
|
38
|
+
if (isNotDropdown)
|
|
39
|
+
prevBtn.closest('.btn-wrap-left').style.display = '';
|
|
34
40
|
if (boxWrap.scrollLeft > 0) {
|
|
35
41
|
if ((boxWrap.scrollLeft + boxWrap.offsetWidth) == boxWrap.scrollWidth) {
|
|
36
42
|
nextBtn.style.visibility = "hidden";
|
|
@@ -56,10 +62,11 @@ export class PtcNavSlider {
|
|
|
56
62
|
const prevBtn = document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector('#prevBtn');
|
|
57
63
|
const nextBtn = document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector('#nextBtn');
|
|
58
64
|
if (event !== undefined) {
|
|
59
|
-
|
|
65
|
+
let notDropdown = !event.target.closest('.dropdown-content');
|
|
66
|
+
this.updateArrows(event.target, prevBtn, nextBtn, notDropdown);
|
|
60
67
|
}
|
|
61
68
|
else {
|
|
62
|
-
this.updateArrows(boxWrap, prevBtn, nextBtn);
|
|
69
|
+
this.updateArrows(boxWrap, prevBtn, nextBtn, false);
|
|
63
70
|
}
|
|
64
71
|
}
|
|
65
72
|
leftScroll(ele) {
|
|
@@ -114,22 +114,37 @@
|
|
|
114
114
|
@media only screen and (min-width: 1200px) {
|
|
115
115
|
:host .submenu-container .submenu-container-lg {
|
|
116
116
|
padding: 0;
|
|
117
|
-
width:
|
|
117
|
+
width: 1106px;
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
@media only screen and (min-width: 1256px) {
|
|
121
|
+
:host .submenu-container .submenu-container-lg {
|
|
122
|
+
width: 1164px;
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
@media only screen and (min-width: 1280px) {
|
|
126
|
+
:host .submenu-container .submenu-container-lg {
|
|
127
|
+
width: 1180px;
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
@media only screen and (min-width: 1300px) {
|
|
131
|
+
:host .submenu-container .submenu-container-lg {
|
|
132
|
+
width: 1200px;
|
|
118
133
|
}
|
|
119
134
|
}
|
|
120
135
|
@media only screen and (min-width: 1440px) {
|
|
121
136
|
:host .submenu-container .submenu-container-lg {
|
|
122
|
-
width:
|
|
137
|
+
width: 83.5rem;
|
|
123
138
|
}
|
|
124
139
|
}
|
|
125
140
|
@media only screen and (min-width: 1600px) {
|
|
126
141
|
:host .submenu-container .submenu-container-lg {
|
|
127
|
-
width:
|
|
142
|
+
width: 93.5rem;
|
|
128
143
|
}
|
|
129
144
|
}
|
|
130
145
|
@media only screen and (min-width: 1980px) {
|
|
131
146
|
:host .submenu-container .submenu-container-lg {
|
|
132
|
-
width:
|
|
147
|
+
width: 113.5rem;
|
|
133
148
|
}
|
|
134
149
|
}
|
|
135
150
|
:host ::slotted(ptc-nav-link:last-child)::before, :host ::slotted(ptc-nav-link:last-child)::after {
|
|
@@ -5,7 +5,23 @@ export class PtcNavSubmenu {
|
|
|
5
5
|
this.iconAssetName = undefined;
|
|
6
6
|
this.iconSrc = undefined;
|
|
7
7
|
}
|
|
8
|
+
calculateOffset() {
|
|
9
|
+
var dropdown = this.el.shadowRoot.querySelector('.submenu-container');
|
|
10
|
+
var container = this.el.closest('ptc-subnav');
|
|
11
|
+
if (dropdown && container) {
|
|
12
|
+
if (window.innerWidth >= 1200) {
|
|
13
|
+
let height = container.clientHeight - 10;
|
|
14
|
+
if (height > 0) {
|
|
15
|
+
dropdown.style.top = `${height}px`;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
else {
|
|
19
|
+
dropdown.style.top = '';
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}
|
|
8
23
|
handleClick(event) {
|
|
24
|
+
this.calculateOffset();
|
|
9
25
|
setTimeout(() => {
|
|
10
26
|
this.dropdownClickEvent.emit(event);
|
|
11
27
|
}, 100);
|
|
@@ -24429,7 +24429,7 @@ const PtcDropdown$1 = class extends HTMLElement$1 {
|
|
|
24429
24429
|
static get style() { return ptcDropdownCss; }
|
|
24430
24430
|
};
|
|
24431
24431
|
|
|
24432
|
-
const ptcDynamicCardCss = ":host{display:block}:host(.sequential) .card-wrapper{position:relative;cursor:pointer}:host(.sequential) .card{background-color:var(--color-gray-12);overflow:hidden}:host(.sequential) .card-mobile,:host(.sequential) .card-dt-open{display:block}:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{display:flex;flex-basis:38%;justify-content:center;align-items:center;padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) var(--ptc-element-spacing-07) var(--ptc-element-spacing-06)}@media only screen and (min-width: 1440px){:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}:host(.sequential) .card-mobile ptc-picture,:host(.sequential) .card-dt-open ptc-picture{flex-basis:62%}:host(.sequential) .card-mobile .card-title h3,:host(.sequential) .card-dt-open .card-title h3{color:var(--color-white);font-size:var(--ptc-font-size-large);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:0rem;margin-block-start:0rem;letter-spacing:var(--ptc-letter-spacing-normal)}:host(.sequential) .card-mobile .card-content,:host(.sequential) .card-dt-open .card-content{margin-top:var(--ptc-element-spacing-03)}:host(.sequential) .card-mobile{width:350px;min-width:226px;position:relative}:host(.sequential) .card-mobile::before{content:\"\";display:block;position:absolute;top:0;left:0;width:100%;height:5px;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-out);background-color:transparent}:host(.sequential) .card-dt-closed{width:135px;height:424px;position:relative}:host(.sequential) .card-dt-closed .closed-content{position:absolute;width:100%;height:100%;top:0;display:flex;align-items:center;justify-content:center}:host(.sequential) .card-dt-closed .card-title{text-align:center}:host(.sequential) .card-dt-closed .card-title h2{color:var(--color-white);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:0rem;margin-block-start:0rem;letter-spacing:var(--ptc-letter-spacing-normal);padding-left:var(--ptc-element-spacing-03);padding-right:var(--ptc-element-spacing-03)}@media only screen and (min-width: 1440px){:host(.sequential) .card-dt-closed .card-title h2{font-size:var(--ptc-font-size-small)}}:host(.sequential) .card-dt-open{border-top:5px solid var(--color-green-05);display:flex;width:45vw;height:480px;transition:width var(--ptc-transition-x-fast) var(--ptc-ease-out)}:host(.sequential):host(.active) .card-mobile::before{background-color:var(--color-green-05)}";
|
|
24432
|
+
const ptcDynamicCardCss = ":host{display:block}:host(.sequential) .card-wrapper{position:relative;cursor:pointer}:host(.sequential) .card{background-color:var(--color-gray-12);overflow:hidden}:host(.sequential) .card-mobile,:host(.sequential) .card-dt-open{display:block}:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{display:flex;flex-basis:38%;justify-content:center;align-items:center;padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) var(--ptc-element-spacing-07) var(--ptc-element-spacing-06)}@media only screen and (min-width: 1440px){:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}:host(.sequential) .card-mobile ptc-picture,:host(.sequential) .card-dt-open ptc-picture{flex-basis:62%}:host(.sequential) .card-mobile .card-title h3,:host(.sequential) .card-dt-open .card-title h3{color:var(--color-white);font-size:var(--ptc-font-size-large);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:0rem;margin-block-start:0rem;letter-spacing:var(--ptc-letter-spacing-normal)}:host(.sequential) .card-mobile .card-content,:host(.sequential) .card-dt-open .card-content{margin-top:var(--ptc-element-spacing-03)}:host(.sequential) .card-mobile{max-width:350px;min-width:226px;position:relative}:host(.sequential) .card-mobile::before{content:\"\";display:block;position:absolute;top:0;left:0;width:100%;height:5px;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-out);background-color:transparent}:host(.sequential) .card-dt-closed{width:135px;height:424px;position:relative}:host(.sequential) .card-dt-closed .closed-content{position:absolute;width:100%;height:100%;top:0;display:flex;align-items:center;justify-content:center}:host(.sequential) .card-dt-closed .card-title{text-align:center}:host(.sequential) .card-dt-closed .card-title h2{color:var(--color-white);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:0rem;margin-block-start:0rem;letter-spacing:var(--ptc-letter-spacing-normal);padding-left:var(--ptc-element-spacing-03);padding-right:var(--ptc-element-spacing-03)}@media only screen and (min-width: 1440px){:host(.sequential) .card-dt-closed .card-title h2{font-size:var(--ptc-font-size-small)}}:host(.sequential) .card-dt-open{border-top:5px solid var(--color-green-05);display:flex;width:45vw;height:480px;transition:width var(--ptc-transition-x-fast) var(--ptc-ease-out)}:host(.sequential):host(.active) .card-mobile::before{background-color:var(--color-green-05)}";
|
|
24433
24433
|
|
|
24434
24434
|
const PtcDynamicCard$1 = class extends HTMLElement$1 {
|
|
24435
24435
|
constructor() {
|
|
@@ -26079,9 +26079,11 @@ const PtcNavSlider$1 = class extends HTMLElement$1 {
|
|
|
26079
26079
|
const boxWrap = element.target.querySelector('.nav-slider').shadowRoot.querySelector('.box-wrap');
|
|
26080
26080
|
const prevBtn = document.querySelector(`#${sliderId}`).shadowRoot.querySelector('#prevBtn');
|
|
26081
26081
|
const nextBtn = document.querySelector(`#${sliderId}`).shadowRoot.querySelector('#nextBtn');
|
|
26082
|
-
|
|
26082
|
+
let notDropdown = element.target.tagName.toLowerCase() != 'ptc-nav-submenu';
|
|
26083
|
+
console.log(element.target.tagName);
|
|
26084
|
+
this.updateArrows(boxWrap, prevBtn, nextBtn, notDropdown);
|
|
26083
26085
|
}
|
|
26084
|
-
updateArrows(boxWrap, prevBtn, nextBtn) {
|
|
26086
|
+
updateArrows(boxWrap, prevBtn, nextBtn, isNotDropdown) {
|
|
26085
26087
|
// let offsetWidth = boxWrap.offsetWidth;
|
|
26086
26088
|
// let scrollWidth = boxWrap.scrollWidth;
|
|
26087
26089
|
// let scrollLeft = boxWrap.scrollLeft;
|
|
@@ -26093,8 +26095,12 @@ const PtcNavSlider$1 = class extends HTMLElement$1 {
|
|
|
26093
26095
|
if ((boxWrap.offsetWidth) == boxWrap.scrollWidth) {
|
|
26094
26096
|
prevBtn.style.visibility = "hidden";
|
|
26095
26097
|
nextBtn.style.visibility = "hidden";
|
|
26098
|
+
if (isNotDropdown)
|
|
26099
|
+
prevBtn.closest('.btn-wrap-left').style.display = 'none';
|
|
26096
26100
|
}
|
|
26097
26101
|
else if ((boxWrap.scrollLeft + boxWrap.offsetWidth) <= boxWrap.scrollWidth) {
|
|
26102
|
+
if (isNotDropdown)
|
|
26103
|
+
prevBtn.closest('.btn-wrap-left').style.display = '';
|
|
26098
26104
|
if (boxWrap.scrollLeft > 0) {
|
|
26099
26105
|
if ((boxWrap.scrollLeft + boxWrap.offsetWidth) == boxWrap.scrollWidth) {
|
|
26100
26106
|
nextBtn.style.visibility = "hidden";
|
|
@@ -26120,10 +26126,11 @@ const PtcNavSlider$1 = class extends HTMLElement$1 {
|
|
|
26120
26126
|
const prevBtn = document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector('#prevBtn');
|
|
26121
26127
|
const nextBtn = document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector('#nextBtn');
|
|
26122
26128
|
if (event !== undefined) {
|
|
26123
|
-
|
|
26129
|
+
let notDropdown = !event.target.closest('.dropdown-content');
|
|
26130
|
+
this.updateArrows(event.target, prevBtn, nextBtn, notDropdown);
|
|
26124
26131
|
}
|
|
26125
26132
|
else {
|
|
26126
|
-
this.updateArrows(boxWrap, prevBtn, nextBtn);
|
|
26133
|
+
this.updateArrows(boxWrap, prevBtn, nextBtn, false);
|
|
26127
26134
|
}
|
|
26128
26135
|
}
|
|
26129
26136
|
leftScroll(ele) {
|
|
@@ -26147,7 +26154,7 @@ const PtcNavSlider$1 = class extends HTMLElement$1 {
|
|
|
26147
26154
|
static get style() { return ptcNavSliderCss; }
|
|
26148
26155
|
};
|
|
26149
26156
|
|
|
26150
|
-
const ptcNavSubmenuCss = ":host{display:block;padding:var(--ptc-element-spacing-03);position:relative}:host .back-btn{display:none;position:absolute;left:30px;color:var(--color-white);font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .back-btn svg{margin-right:4px;vertical-align:middle}@media only screen and (min-width: 1200px){:host{display:inline-block;position:initial}}:host::before,:host::after{content:\" \";width:800px;height:1px;background-color:var(--color-gray-08);position:absolute;right:0;bottom:0}@media only screen and (min-width: 1200px){:host::before,:host::after{display:none}}:host::after{left:0;right:auto}:host .submenu-toggle{display:inline-block;cursor:pointer;color:var(--color-gray-03);font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold);white-space:nowrap;border-bottom:2px solid transparent;margin-left:34%}@media only screen and (min-width: 480px){:host .submenu-toggle{margin-left:38%}}@media only screen and (min-width: 768px){:host .submenu-toggle{margin-left:42%}}@media only screen and (min-width: 1200px){:host .submenu-toggle{margin-left:0;display:flex;align-items:center}}:host .submenu-toggle svg{margin-left:5px;margin-top:2px;vertical-align:middle}:host .submenu-toggle svg path{fill:var(--color-gray-04)}:host .submenu-toggle:hover{color:var(--color-white);border-color:var(--color-white)}:host .submenu-toggle:hover svg path{fill:var(--color-white)}:host .submenu-toggle icon-asset{margin-right:8px}:host .submenu-toggle icon-asset svg{margin:0}:host .submenu-container{background-color:var(--color-gray-12)}@media only screen and (min-width: 1200px){:host .submenu-container{position:absolute;width:100%;right:0;left:0;top:64px}}:host .submenu-container .submenu-container-lg{padding:0 32px;width:100%;margin:auto}@media only screen and (min-width: 992px){:host .submenu-container .submenu-container-lg{padding:0 32px}}@media only screen and (min-width: 1200px){:host .submenu-container .submenu-container-lg{padding:0;width:
|
|
26157
|
+
const ptcNavSubmenuCss = ":host{display:block;padding:var(--ptc-element-spacing-03);position:relative}:host .back-btn{display:none;position:absolute;left:30px;color:var(--color-white);font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .back-btn svg{margin-right:4px;vertical-align:middle}@media only screen and (min-width: 1200px){:host{display:inline-block;position:initial}}:host::before,:host::after{content:\" \";width:800px;height:1px;background-color:var(--color-gray-08);position:absolute;right:0;bottom:0}@media only screen and (min-width: 1200px){:host::before,:host::after{display:none}}:host::after{left:0;right:auto}:host .submenu-toggle{display:inline-block;cursor:pointer;color:var(--color-gray-03);font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold);white-space:nowrap;border-bottom:2px solid transparent;margin-left:34%}@media only screen and (min-width: 480px){:host .submenu-toggle{margin-left:38%}}@media only screen and (min-width: 768px){:host .submenu-toggle{margin-left:42%}}@media only screen and (min-width: 1200px){:host .submenu-toggle{margin-left:0;display:flex;align-items:center}}:host .submenu-toggle svg{margin-left:5px;margin-top:2px;vertical-align:middle}:host .submenu-toggle svg path{fill:var(--color-gray-04)}:host .submenu-toggle:hover{color:var(--color-white);border-color:var(--color-white)}:host .submenu-toggle:hover svg path{fill:var(--color-white)}:host .submenu-toggle icon-asset{margin-right:8px}:host .submenu-toggle icon-asset svg{margin:0}:host .submenu-container{background-color:var(--color-gray-12)}@media only screen and (min-width: 1200px){:host .submenu-container{position:absolute;width:100%;right:0;left:0;top:64px}}:host .submenu-container .submenu-container-lg{padding:0 32px;width:100%;margin:auto}@media only screen and (min-width: 992px){:host .submenu-container .submenu-container-lg{padding:0 32px}}@media only screen and (min-width: 1200px){:host .submenu-container .submenu-container-lg{padding:0;width:1106px}}@media only screen and (min-width: 1256px){:host .submenu-container .submenu-container-lg{width:1164px}}@media only screen and (min-width: 1280px){:host .submenu-container .submenu-container-lg{width:1180px}}@media only screen and (min-width: 1300px){:host .submenu-container .submenu-container-lg{width:1200px}}@media only screen and (min-width: 1440px){:host .submenu-container .submenu-container-lg{width:83.5rem}}@media only screen and (min-width: 1600px){:host .submenu-container .submenu-container-lg{width:93.5rem}}@media only screen and (min-width: 1980px){:host .submenu-container .submenu-container-lg{width:113.5rem}}:host ::slotted(ptc-nav-link:last-child)::before,:host ::slotted(ptc-nav-link:last-child)::after{display:none}:host(.short-dropdown) .submenu-container{text-align:center}@media only screen and (min-width: 1200px){:host(.short-dropdown) .submenu-container{width:initial;right:3%;left:initial;top:56px;z-index:1000}}:host(.short-dropdown) .submenu-container .submenu-container-lg{padding:0;width:auto;min-width:348px;display:flex;justify-content:space-evenly}:host(.active){padding-bottom:0}:host(.active) .submenu-toggle{color:var(--color-white);border-color:var(--color-white)}:host(.active) .submenu-toggle svg path{fill:var(--color-white)}:host(.active)::before,:host(.active)::after{display:none}@media only screen and (min-width: 1200px){:host(.active){padding-bottom:var(--ptc-element-spacing-03)}}:host(.active.short-dropdown) .back-btn{display:inline-block}@media only screen and (min-width: 1200px){:host(.active.short-dropdown) .back-btn{display:none}}.custom-icon{object-fit:cover;width:1.5rem;height:1.5rem}.custom-icon:hover{filter:brightness(0) invert(1)}.menu-right *{color:transparent !important}";
|
|
26151
26158
|
|
|
26152
26159
|
const PtcNavSubmenu$1 = class extends HTMLElement$1 {
|
|
26153
26160
|
constructor() {
|
|
@@ -26159,7 +26166,23 @@ const PtcNavSubmenu$1 = class extends HTMLElement$1 {
|
|
|
26159
26166
|
this.iconAssetName = undefined;
|
|
26160
26167
|
this.iconSrc = undefined;
|
|
26161
26168
|
}
|
|
26169
|
+
calculateOffset() {
|
|
26170
|
+
var dropdown = this.el.shadowRoot.querySelector('.submenu-container');
|
|
26171
|
+
var container = this.el.closest('ptc-subnav');
|
|
26172
|
+
if (dropdown && container) {
|
|
26173
|
+
if (window.innerWidth >= 1200) {
|
|
26174
|
+
let height = container.clientHeight - 10;
|
|
26175
|
+
if (height > 0) {
|
|
26176
|
+
dropdown.style.top = `${height}px`;
|
|
26177
|
+
}
|
|
26178
|
+
}
|
|
26179
|
+
else {
|
|
26180
|
+
dropdown.style.top = '';
|
|
26181
|
+
}
|
|
26182
|
+
}
|
|
26183
|
+
}
|
|
26162
26184
|
handleClick(event) {
|
|
26185
|
+
this.calculateOffset();
|
|
26163
26186
|
setTimeout(() => {
|
|
26164
26187
|
this.dropdownClickEvent.emit(event);
|
|
26165
26188
|
}, 100);
|
|
@@ -27994,7 +28017,7 @@ const PtcStickyTitle$1 = class extends HTMLElement$1 {
|
|
|
27994
28017
|
static get style() { return ptcStickyTitleCss; }
|
|
27995
28018
|
};
|
|
27996
28019
|
|
|
27997
|
-
const ptcSubnavCss = ":host{display:block;width:100%;background-color:var(--color-gray-10);position:relative}:host .navbar .navbar-inner{width:100%;margin:auto;padding:0px;display:none}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner{width:1170px}}@media only screen and (min-width: 1440px){:host .navbar .navbar-inner{width:87.5rem}}@media only screen and (min-width: 1600px){:host .navbar .navbar-inner{width:97.5rem}}@media only screen and (min-width: 1980px){:host .navbar .navbar-inner{width:117.5rem}}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner{padding:10px 16px;height:auto;display:block}}:host .navbar .navbar-inner .nav-wrapper{width:auto;margin:auto 32px;min-width:163px}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner .nav-wrapper{width:auto;display:flex;justify-content:space-between}}:host .navbar.navOpen .navbar-inner{background-color:var(--color-gray-12);display:block}:host .navbar .navbar-toggle{display:block;width:100%;text-align:center;color:var(--color-white);background-color:var(--color-gray-10);border:none;padding:16px;font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .navbar .navbar-toggle svg{vertical-align:middle;margin-left:4px}@media only screen and (min-width: 1200px){:host .navbar .navbar-toggle{display:none}}";
|
|
28020
|
+
const ptcSubnavCss = ":host{display:block;width:100%;background-color:var(--color-gray-10);position:relative}:host .navbar .navbar-inner{width:100%;margin:auto;padding:0px;display:none}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner{width:1170px}}@media only screen and (min-width: 1256px){:host .navbar .navbar-inner{width:1256px}}@media only screen and (min-width: 1440px){:host .navbar .navbar-inner{width:87.5rem}}@media only screen and (min-width: 1600px){:host .navbar .navbar-inner{width:97.5rem}}@media only screen and (min-width: 1980px){:host .navbar .navbar-inner{width:117.5rem}}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner{padding:10px 16px;height:auto;display:block}}:host .navbar .navbar-inner .nav-wrapper{width:auto;margin:auto 32px;min-width:163px}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner .nav-wrapper{width:auto;display:flex;justify-content:space-between}}:host .navbar.navOpen .navbar-inner{background-color:var(--color-gray-12);display:block}:host .navbar .navbar-toggle{display:block;width:100%;text-align:center;color:var(--color-white);background-color:var(--color-gray-10);border:none;padding:16px;font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .navbar .navbar-toggle svg{vertical-align:middle;margin-left:4px}@media only screen and (min-width: 1200px){:host .navbar .navbar-toggle{display:none}}";
|
|
27998
28021
|
|
|
27999
28022
|
const PtcSubnav$1 = class extends HTMLElement$1 {
|
|
28000
28023
|
constructor() {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, a as getAssetPath, h, H as Host, g as getElement } from './index-4afc9d28.js';
|
|
2
2
|
|
|
3
|
-
const ptcDynamicCardCss = ":host{display:block}:host(.sequential) .card-wrapper{position:relative;cursor:pointer}:host(.sequential) .card{background-color:var(--color-gray-12);overflow:hidden}:host(.sequential) .card-mobile,:host(.sequential) .card-dt-open{display:block}:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{display:flex;flex-basis:38%;justify-content:center;align-items:center;padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) var(--ptc-element-spacing-07) var(--ptc-element-spacing-06)}@media only screen and (min-width: 1440px){:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}:host(.sequential) .card-mobile ptc-picture,:host(.sequential) .card-dt-open ptc-picture{flex-basis:62%}:host(.sequential) .card-mobile .card-title h3,:host(.sequential) .card-dt-open .card-title h3{color:var(--color-white);font-size:var(--ptc-font-size-large);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:0rem;margin-block-start:0rem;letter-spacing:var(--ptc-letter-spacing-normal)}:host(.sequential) .card-mobile .card-content,:host(.sequential) .card-dt-open .card-content{margin-top:var(--ptc-element-spacing-03)}:host(.sequential) .card-mobile{width:350px;min-width:226px;position:relative}:host(.sequential) .card-mobile::before{content:\"\";display:block;position:absolute;top:0;left:0;width:100%;height:5px;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-out);background-color:transparent}:host(.sequential) .card-dt-closed{width:135px;height:424px;position:relative}:host(.sequential) .card-dt-closed .closed-content{position:absolute;width:100%;height:100%;top:0;display:flex;align-items:center;justify-content:center}:host(.sequential) .card-dt-closed .card-title{text-align:center}:host(.sequential) .card-dt-closed .card-title h2{color:var(--color-white);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:0rem;margin-block-start:0rem;letter-spacing:var(--ptc-letter-spacing-normal);padding-left:var(--ptc-element-spacing-03);padding-right:var(--ptc-element-spacing-03)}@media only screen and (min-width: 1440px){:host(.sequential) .card-dt-closed .card-title h2{font-size:var(--ptc-font-size-small)}}:host(.sequential) .card-dt-open{border-top:5px solid var(--color-green-05);display:flex;width:45vw;height:480px;transition:width var(--ptc-transition-x-fast) var(--ptc-ease-out)}:host(.sequential):host(.active) .card-mobile::before{background-color:var(--color-green-05)}";
|
|
3
|
+
const ptcDynamicCardCss = ":host{display:block}:host(.sequential) .card-wrapper{position:relative;cursor:pointer}:host(.sequential) .card{background-color:var(--color-gray-12);overflow:hidden}:host(.sequential) .card-mobile,:host(.sequential) .card-dt-open{display:block}:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{display:flex;flex-basis:38%;justify-content:center;align-items:center;padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) var(--ptc-element-spacing-07) var(--ptc-element-spacing-06)}@media only screen and (min-width: 1440px){:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}:host(.sequential) .card-mobile ptc-picture,:host(.sequential) .card-dt-open ptc-picture{flex-basis:62%}:host(.sequential) .card-mobile .card-title h3,:host(.sequential) .card-dt-open .card-title h3{color:var(--color-white);font-size:var(--ptc-font-size-large);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:0rem;margin-block-start:0rem;letter-spacing:var(--ptc-letter-spacing-normal)}:host(.sequential) .card-mobile .card-content,:host(.sequential) .card-dt-open .card-content{margin-top:var(--ptc-element-spacing-03)}:host(.sequential) .card-mobile{max-width:350px;min-width:226px;position:relative}:host(.sequential) .card-mobile::before{content:\"\";display:block;position:absolute;top:0;left:0;width:100%;height:5px;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-out);background-color:transparent}:host(.sequential) .card-dt-closed{width:135px;height:424px;position:relative}:host(.sequential) .card-dt-closed .closed-content{position:absolute;width:100%;height:100%;top:0;display:flex;align-items:center;justify-content:center}:host(.sequential) .card-dt-closed .card-title{text-align:center}:host(.sequential) .card-dt-closed .card-title h2{color:var(--color-white);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:0rem;margin-block-start:0rem;letter-spacing:var(--ptc-letter-spacing-normal);padding-left:var(--ptc-element-spacing-03);padding-right:var(--ptc-element-spacing-03)}@media only screen and (min-width: 1440px){:host(.sequential) .card-dt-closed .card-title h2{font-size:var(--ptc-font-size-small)}}:host(.sequential) .card-dt-open{border-top:5px solid var(--color-green-05);display:flex;width:45vw;height:480px;transition:width var(--ptc-transition-x-fast) var(--ptc-ease-out)}:host(.sequential):host(.active) .card-mobile::before{background-color:var(--color-green-05)}";
|
|
4
4
|
|
|
5
5
|
const PtcDynamicCard = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -19,9 +19,11 @@ const PtcNavSlider = class {
|
|
|
19
19
|
const boxWrap = element.target.querySelector('.nav-slider').shadowRoot.querySelector('.box-wrap');
|
|
20
20
|
const prevBtn = document.querySelector(`#${sliderId}`).shadowRoot.querySelector('#prevBtn');
|
|
21
21
|
const nextBtn = document.querySelector(`#${sliderId}`).shadowRoot.querySelector('#nextBtn');
|
|
22
|
-
|
|
22
|
+
let notDropdown = element.target.tagName.toLowerCase() != 'ptc-nav-submenu';
|
|
23
|
+
console.log(element.target.tagName);
|
|
24
|
+
this.updateArrows(boxWrap, prevBtn, nextBtn, notDropdown);
|
|
23
25
|
}
|
|
24
|
-
updateArrows(boxWrap, prevBtn, nextBtn) {
|
|
26
|
+
updateArrows(boxWrap, prevBtn, nextBtn, isNotDropdown) {
|
|
25
27
|
// let offsetWidth = boxWrap.offsetWidth;
|
|
26
28
|
// let scrollWidth = boxWrap.scrollWidth;
|
|
27
29
|
// let scrollLeft = boxWrap.scrollLeft;
|
|
@@ -33,8 +35,12 @@ const PtcNavSlider = class {
|
|
|
33
35
|
if ((boxWrap.offsetWidth) == boxWrap.scrollWidth) {
|
|
34
36
|
prevBtn.style.visibility = "hidden";
|
|
35
37
|
nextBtn.style.visibility = "hidden";
|
|
38
|
+
if (isNotDropdown)
|
|
39
|
+
prevBtn.closest('.btn-wrap-left').style.display = 'none';
|
|
36
40
|
}
|
|
37
41
|
else if ((boxWrap.scrollLeft + boxWrap.offsetWidth) <= boxWrap.scrollWidth) {
|
|
42
|
+
if (isNotDropdown)
|
|
43
|
+
prevBtn.closest('.btn-wrap-left').style.display = '';
|
|
38
44
|
if (boxWrap.scrollLeft > 0) {
|
|
39
45
|
if ((boxWrap.scrollLeft + boxWrap.offsetWidth) == boxWrap.scrollWidth) {
|
|
40
46
|
nextBtn.style.visibility = "hidden";
|
|
@@ -60,10 +66,11 @@ const PtcNavSlider = class {
|
|
|
60
66
|
const prevBtn = document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector('#prevBtn');
|
|
61
67
|
const nextBtn = document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector('#nextBtn');
|
|
62
68
|
if (event !== undefined) {
|
|
63
|
-
|
|
69
|
+
let notDropdown = !event.target.closest('.dropdown-content');
|
|
70
|
+
this.updateArrows(event.target, prevBtn, nextBtn, notDropdown);
|
|
64
71
|
}
|
|
65
72
|
else {
|
|
66
|
-
this.updateArrows(boxWrap, prevBtn, nextBtn);
|
|
73
|
+
this.updateArrows(boxWrap, prevBtn, nextBtn, false);
|
|
67
74
|
}
|
|
68
75
|
}
|
|
69
76
|
leftScroll(ele) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4afc9d28.js';
|
|
2
2
|
|
|
3
|
-
const ptcNavSubmenuCss = ":host{display:block;padding:var(--ptc-element-spacing-03);position:relative}:host .back-btn{display:none;position:absolute;left:30px;color:var(--color-white);font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .back-btn svg{margin-right:4px;vertical-align:middle}@media only screen and (min-width: 1200px){:host{display:inline-block;position:initial}}:host::before,:host::after{content:\" \";width:800px;height:1px;background-color:var(--color-gray-08);position:absolute;right:0;bottom:0}@media only screen and (min-width: 1200px){:host::before,:host::after{display:none}}:host::after{left:0;right:auto}:host .submenu-toggle{display:inline-block;cursor:pointer;color:var(--color-gray-03);font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold);white-space:nowrap;border-bottom:2px solid transparent;margin-left:34%}@media only screen and (min-width: 480px){:host .submenu-toggle{margin-left:38%}}@media only screen and (min-width: 768px){:host .submenu-toggle{margin-left:42%}}@media only screen and (min-width: 1200px){:host .submenu-toggle{margin-left:0;display:flex;align-items:center}}:host .submenu-toggle svg{margin-left:5px;margin-top:2px;vertical-align:middle}:host .submenu-toggle svg path{fill:var(--color-gray-04)}:host .submenu-toggle:hover{color:var(--color-white);border-color:var(--color-white)}:host .submenu-toggle:hover svg path{fill:var(--color-white)}:host .submenu-toggle icon-asset{margin-right:8px}:host .submenu-toggle icon-asset svg{margin:0}:host .submenu-container{background-color:var(--color-gray-12)}@media only screen and (min-width: 1200px){:host .submenu-container{position:absolute;width:100%;right:0;left:0;top:64px}}:host .submenu-container .submenu-container-lg{padding:0 32px;width:100%;margin:auto}@media only screen and (min-width: 992px){:host .submenu-container .submenu-container-lg{padding:0 32px}}@media only screen and (min-width: 1200px){:host .submenu-container .submenu-container-lg{padding:0;width:
|
|
3
|
+
const ptcNavSubmenuCss = ":host{display:block;padding:var(--ptc-element-spacing-03);position:relative}:host .back-btn{display:none;position:absolute;left:30px;color:var(--color-white);font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .back-btn svg{margin-right:4px;vertical-align:middle}@media only screen and (min-width: 1200px){:host{display:inline-block;position:initial}}:host::before,:host::after{content:\" \";width:800px;height:1px;background-color:var(--color-gray-08);position:absolute;right:0;bottom:0}@media only screen and (min-width: 1200px){:host::before,:host::after{display:none}}:host::after{left:0;right:auto}:host .submenu-toggle{display:inline-block;cursor:pointer;color:var(--color-gray-03);font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold);white-space:nowrap;border-bottom:2px solid transparent;margin-left:34%}@media only screen and (min-width: 480px){:host .submenu-toggle{margin-left:38%}}@media only screen and (min-width: 768px){:host .submenu-toggle{margin-left:42%}}@media only screen and (min-width: 1200px){:host .submenu-toggle{margin-left:0;display:flex;align-items:center}}:host .submenu-toggle svg{margin-left:5px;margin-top:2px;vertical-align:middle}:host .submenu-toggle svg path{fill:var(--color-gray-04)}:host .submenu-toggle:hover{color:var(--color-white);border-color:var(--color-white)}:host .submenu-toggle:hover svg path{fill:var(--color-white)}:host .submenu-toggle icon-asset{margin-right:8px}:host .submenu-toggle icon-asset svg{margin:0}:host .submenu-container{background-color:var(--color-gray-12)}@media only screen and (min-width: 1200px){:host .submenu-container{position:absolute;width:100%;right:0;left:0;top:64px}}:host .submenu-container .submenu-container-lg{padding:0 32px;width:100%;margin:auto}@media only screen and (min-width: 992px){:host .submenu-container .submenu-container-lg{padding:0 32px}}@media only screen and (min-width: 1200px){:host .submenu-container .submenu-container-lg{padding:0;width:1106px}}@media only screen and (min-width: 1256px){:host .submenu-container .submenu-container-lg{width:1164px}}@media only screen and (min-width: 1280px){:host .submenu-container .submenu-container-lg{width:1180px}}@media only screen and (min-width: 1300px){:host .submenu-container .submenu-container-lg{width:1200px}}@media only screen and (min-width: 1440px){:host .submenu-container .submenu-container-lg{width:83.5rem}}@media only screen and (min-width: 1600px){:host .submenu-container .submenu-container-lg{width:93.5rem}}@media only screen and (min-width: 1980px){:host .submenu-container .submenu-container-lg{width:113.5rem}}:host ::slotted(ptc-nav-link:last-child)::before,:host ::slotted(ptc-nav-link:last-child)::after{display:none}:host(.short-dropdown) .submenu-container{text-align:center}@media only screen and (min-width: 1200px){:host(.short-dropdown) .submenu-container{width:initial;right:3%;left:initial;top:56px;z-index:1000}}:host(.short-dropdown) .submenu-container .submenu-container-lg{padding:0;width:auto;min-width:348px;display:flex;justify-content:space-evenly}:host(.active){padding-bottom:0}:host(.active) .submenu-toggle{color:var(--color-white);border-color:var(--color-white)}:host(.active) .submenu-toggle svg path{fill:var(--color-white)}:host(.active)::before,:host(.active)::after{display:none}@media only screen and (min-width: 1200px){:host(.active){padding-bottom:var(--ptc-element-spacing-03)}}:host(.active.short-dropdown) .back-btn{display:inline-block}@media only screen and (min-width: 1200px){:host(.active.short-dropdown) .back-btn{display:none}}.custom-icon{object-fit:cover;width:1.5rem;height:1.5rem}.custom-icon:hover{filter:brightness(0) invert(1)}.menu-right *{color:transparent !important}";
|
|
4
4
|
|
|
5
5
|
const PtcNavSubmenu = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -10,7 +10,23 @@ const PtcNavSubmenu = class {
|
|
|
10
10
|
this.iconAssetName = undefined;
|
|
11
11
|
this.iconSrc = undefined;
|
|
12
12
|
}
|
|
13
|
+
calculateOffset() {
|
|
14
|
+
var dropdown = this.el.shadowRoot.querySelector('.submenu-container');
|
|
15
|
+
var container = this.el.closest('ptc-subnav');
|
|
16
|
+
if (dropdown && container) {
|
|
17
|
+
if (window.innerWidth >= 1200) {
|
|
18
|
+
let height = container.clientHeight - 10;
|
|
19
|
+
if (height > 0) {
|
|
20
|
+
dropdown.style.top = `${height}px`;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
else {
|
|
24
|
+
dropdown.style.top = '';
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
}
|
|
13
28
|
handleClick(event) {
|
|
29
|
+
this.calculateOffset();
|
|
14
30
|
setTimeout(() => {
|
|
15
31
|
this.dropdownClickEvent.emit(event);
|
|
16
32
|
}, 100);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-4afc9d28.js';
|
|
2
2
|
|
|
3
|
-
const ptcSubnavCss = ":host{display:block;width:100%;background-color:var(--color-gray-10);position:relative}:host .navbar .navbar-inner{width:100%;margin:auto;padding:0px;display:none}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner{width:1170px}}@media only screen and (min-width: 1440px){:host .navbar .navbar-inner{width:87.5rem}}@media only screen and (min-width: 1600px){:host .navbar .navbar-inner{width:97.5rem}}@media only screen and (min-width: 1980px){:host .navbar .navbar-inner{width:117.5rem}}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner{padding:10px 16px;height:auto;display:block}}:host .navbar .navbar-inner .nav-wrapper{width:auto;margin:auto 32px;min-width:163px}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner .nav-wrapper{width:auto;display:flex;justify-content:space-between}}:host .navbar.navOpen .navbar-inner{background-color:var(--color-gray-12);display:block}:host .navbar .navbar-toggle{display:block;width:100%;text-align:center;color:var(--color-white);background-color:var(--color-gray-10);border:none;padding:16px;font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .navbar .navbar-toggle svg{vertical-align:middle;margin-left:4px}@media only screen and (min-width: 1200px){:host .navbar .navbar-toggle{display:none}}";
|
|
3
|
+
const ptcSubnavCss = ":host{display:block;width:100%;background-color:var(--color-gray-10);position:relative}:host .navbar .navbar-inner{width:100%;margin:auto;padding:0px;display:none}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner{width:1170px}}@media only screen and (min-width: 1256px){:host .navbar .navbar-inner{width:1256px}}@media only screen and (min-width: 1440px){:host .navbar .navbar-inner{width:87.5rem}}@media only screen and (min-width: 1600px){:host .navbar .navbar-inner{width:97.5rem}}@media only screen and (min-width: 1980px){:host .navbar .navbar-inner{width:117.5rem}}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner{padding:10px 16px;height:auto;display:block}}:host .navbar .navbar-inner .nav-wrapper{width:auto;margin:auto 32px;min-width:163px}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner .nav-wrapper{width:auto;display:flex;justify-content:space-between}}:host .navbar.navOpen .navbar-inner{background-color:var(--color-gray-12);display:block}:host .navbar .navbar-toggle{display:block;width:100%;text-align:center;color:var(--color-white);background-color:var(--color-gray-10);border:none;padding:16px;font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .navbar .navbar-toggle svg{vertical-align:middle;margin-left:4px}@media only screen and (min-width: 1200px){:host .navbar .navbar-toggle{display:none}}";
|
|
4
4
|
|
|
5
5
|
const PtcSubnav = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as n,h as a,H as e,g as r}from"./p-9dd25c18.js";const i=class{constructor(a){n(this,a),this.mobileTitle="See page topics",this.navOpen=!1}toggleNav(){this.navOpen=!this.navOpen}handleScroll(){const n=this.el.shadowRoot.querySelector(".navbar");n&&n.getBoundingClientRect().top<=0&&(this.navOpen=!1)}render(){return a(e,null,a("nav",{class:"navbar "+(this.navOpen?"navOpen":"")},a("button",{class:"navbar-toggle",onClick:()=>this.toggleNav()},this.mobileTitle,a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"15",viewBox:"0 0 15 15",fill:"white",class:""},a("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.2375 2.83325L7.5 8.60203L1.7625 2.83325L-7.76305e-08 4.60923L7.5 12.1666L15 4.60923L13.2375 2.83325Z",fill:"white"}))),a("div",{class:"navbar-inner"},a("div",{class:"nav-wrapper"},a("slot",{name:"subnav-menu-left"}),a("slot",{name:"subnav-menu-right"})))))}get el(){return r(this)}};i.style=":host{display:block;width:100%;background-color:var(--color-gray-10);position:relative}:host .navbar .navbar-inner{width:100%;margin:auto;padding:0px;display:none}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner{width:1170px}}@media only screen and (min-width: 1256px){:host .navbar .navbar-inner{width:1256px}}@media only screen and (min-width: 1440px){:host .navbar .navbar-inner{width:87.5rem}}@media only screen and (min-width: 1600px){:host .navbar .navbar-inner{width:97.5rem}}@media only screen and (min-width: 1980px){:host .navbar .navbar-inner{width:117.5rem}}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner{padding:10px 16px;height:auto;display:block}}:host .navbar .navbar-inner .nav-wrapper{width:auto;margin:auto 32px;min-width:163px}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner .nav-wrapper{width:auto;display:flex;justify-content:space-between}}:host .navbar.navOpen .navbar-inner{background-color:var(--color-gray-12);display:block}:host .navbar .navbar-toggle{display:block;width:100%;text-align:center;color:var(--color-white);background-color:var(--color-gray-10);border:none;padding:16px;font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .navbar .navbar-toggle svg{vertical-align:middle;margin-left:4px}@media only screen and (min-width: 1200px){:host .navbar .navbar-toggle{display:none}}";export{i as ptc_subnav}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as n,H as e,g as o}from"./p-9dd25c18.js";const i=class{constructor(n){t(this,n),this.sliderId=`ptc-nav-slider-${Math.floor(1e6*Math.random())}`}componentDidLoad(){this.updateSlider(void 0);const{shadowRoot:t}=document.querySelector(`#${this.sliderId}`);t.querySelector(".box-wrap").addEventListener("scroll",this.updateSlider.bind(this))}handledropdownClickEvent(t){const n=t.target.querySelector(".nav-slider").id,e=t.target.querySelector(".nav-slider").shadowRoot.querySelector(".box-wrap"),o=document.querySelector(`#${n}`).shadowRoot.querySelector("#prevBtn"),i=document.querySelector(`#${n}`).shadowRoot.querySelector("#nextBtn");let r="ptc-nav-submenu"!=t.target.tagName.toLowerCase();console.log(t.target.tagName),this.updateArrows(e,o,i,r)}updateArrows(t,n,e,o){t.offsetWidth==t.scrollWidth?(n.style.visibility="hidden",e.style.visibility="hidden",o&&(n.closest(".btn-wrap-left").style.display="none")):t.scrollLeft+t.offsetWidth<=t.scrollWidth?(o&&(n.closest(".btn-wrap-left").style.display=""),t.scrollLeft>0?t.scrollLeft+t.offsetWidth==t.scrollWidth?(e.style.visibility="hidden",n.style.visibility="visible"):(n.style.visibility="visible",e.style.visibility="visible"):(n.style.visibility="hidden",e.style.visibility="visible")):(n.style.visibility="visible",e.style.visibility="hidden")}updateSlider(t){const n=document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector(".box-wrap"),e=document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector("#prevBtn"),o=document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector("#nextBtn");if(void 0!==t){let n=!t.target.closest(".dropdown-content");this.updateArrows(t.target,e,o,n)}else this.updateArrows(n,e,o,!1)}leftScroll(t){const n=document.querySelector(`#${t.sliderId}`).shadowRoot.querySelector(".box-wrap");n.scrollLeft>0&&n.scrollBy(-200,0)}rightScroll(t){const n=document.querySelector(`#${t.sliderId}`).shadowRoot.querySelector(".box-wrap");n.scrollLeft+n.offsetWidth<n.scrollWidth&&n.scrollBy(200,0)}render(){return n(e,{class:"nav-slider",id:this.sliderId},n("div",{class:"btn-wrap-left"},n("button",{id:"prevBtn",class:"navArrows",onClick:()=>this.leftScroll(this)},n("svg",{width:"11",height:"15",viewBox:"0 0 11 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.166 13.2375L4.39723 7.5L10.166 1.7625L8.39004 0L0.832683 7.5L8.39004 15L10.166 13.2375Z",fill:"white"})))),n("div",{class:"box-wrap"},n("slot",null)),n("div",{class:"btn-wrap-right"},n("button",{id:"nextBtn",class:"navArrows ",onClick:()=>this.rightScroll(this)},n("svg",{width:"11",height:"15",viewBox:"0 0 11 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0.833984 1.7625L6.60277 7.5L0.833984 13.2375L2.60996 15L10.1673 7.5L2.60996 0L0.833984 1.7625Z",fill:"white"})))))}get el(){return o(this)}};i.style="@media only screen and (min-width: 1200px){:host{max-width:746px;padding:0px 0px;display:flex;align-items:center;margin-left:-23px}:host .box-wrap{width:100%;height:auto;display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host .box-wrap::-webkit-scrollbar{display:none}}@media only screen and (min-width: 1440px){:host{margin-left:-46px}}:host .navArrows{display:inline-block}:host .navArrows svg{vertical-align:middle}:host .btn-wrap-left,:host .btn-wrap-right{display:none}@media only screen and (min-width: 1200px){:host .btn-wrap-left,:host .btn-wrap-right{display:inline-block;width:32px;height:32px;position:relative}}@media (max-width: 1199px){:host .btn-wrap-left,:host .btn-wrap-right{display:none !important}}:host button#prevBtn,:host button#nextBtn{background:transparent;border-radius:var(--ptc-border-radius-standard);border:none;width:32px;height:32px}:host button#prevBtn:hover,:host button#nextBtn:hover{background:var(--color-gray-12)}:host .btn-wrap-left{margin-right:14px}:host .btn-wrap-right{margin-left:14px}";export{i as ptc_nav_slider}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,a as e,h as i,H as a,g as s}from"./p-9dd25c18.js";const c=class{constructor(i){t(this,i),this.dotSvg=e("./media/nav-active-dotslick.svg"),this.cardType="sequential",this.cardTitle="Card Title Goes Here",this.cardImgSrc=void 0,this.cardImgAlt=void 0,this.cardScreen="desktop",this.isExpanded=void 0,this.overlayExists=!0}getDesktopCard(){return"desktop"===this.cardScreen&&this.isExpanded?[i("div",{class:"card card-dt-open"},i("ptc-card-content",{"card-type":"card-dynamic"},i("div",{class:"card-title"},i("h3",null,this.cardTitle)),i("div",{class:"card-content"},i("slot",null))),i("ptc-picture",{alt:this.cardImgAlt,src:this.cardImgSrc,"is-full-height":"true","image-alignment":"center"}))]:"desktop"!==this.cardScreen||this.isExpanded?null:[i("div",{class:"card card-dt-closed"},i("ptc-picture",{alt:this.cardImgAlt,src:this.cardImgSrc,"image-position":"relative","is-full-width":!0,height:"424"},i("ptc-overlay",this.overlayExists?{"filter-color":"black-3"}:{"filter-color":"black-2"})),i("div",{class:"closed-content","card-type":"card-dynamic"},i("div",{class:"card-title"},i("h2",null,this.cardTitle))))]}componentDidLoad(){this.el.addEventListener("mouseenter",(()=>this.overlayExists=!1)),this.el.addEventListener("mouseleave",(()=>this.overlayExists=!0))}render(){const t=this.getCssClassMap();return i(a,{class:t},i("div",{class:"card-wrapper"},"mobile"==this.cardScreen?i("div",{class:"card card-mobile"},i("ptc-picture",{height:"287","is-full-width":!0,alt:this.cardImgAlt,src:this.cardImgSrc}),i("ptc-card-content",{"card-type":"card-dynamic",styles:":host(.card-dynamic){height: 303px;}"},i("div",{class:"card-title"},i("h3",null,this.cardTitle)),i("div",{class:"card-content"},i("slot",null)))):this.getDesktopCard()),"desktop"===this.cardScreen&&i("div",{hidden:!0},i("svg",null,i("use",{href:`${this.dotSvg}`}))))}getCssClassMap(){return{[this.cardType]:!0}}static get assetsDirs(){return["media"]}get el(){return s(this)}};c.style=':host{display:block}:host(.sequential) .card-wrapper{position:relative;cursor:pointer}:host(.sequential) .card{background-color:var(--color-gray-12);overflow:hidden}:host(.sequential) .card-mobile,:host(.sequential) .card-dt-open{display:block}:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{display:flex;flex-basis:38%;justify-content:center;align-items:center;padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) var(--ptc-element-spacing-07) var(--ptc-element-spacing-06)}@media only screen and (min-width: 1440px){:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}:host(.sequential) .card-mobile ptc-picture,:host(.sequential) .card-dt-open ptc-picture{flex-basis:62%}:host(.sequential) .card-mobile .card-title h3,:host(.sequential) .card-dt-open .card-title h3{color:var(--color-white);font-size:var(--ptc-font-size-large);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:0rem;margin-block-start:0rem;letter-spacing:var(--ptc-letter-spacing-normal)}:host(.sequential) .card-mobile .card-content,:host(.sequential) .card-dt-open .card-content{margin-top:var(--ptc-element-spacing-03)}:host(.sequential) .card-mobile{width:350px;min-width:226px;position:relative}:host(.sequential) .card-mobile::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:5px;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-out);background-color:transparent}:host(.sequential) .card-dt-closed{width:135px;height:424px;position:relative}:host(.sequential) .card-dt-closed .closed-content{position:absolute;width:100%;height:100%;top:0;display:flex;align-items:center;justify-content:center}:host(.sequential) .card-dt-closed .card-title{text-align:center}:host(.sequential) .card-dt-closed .card-title h2{color:var(--color-white);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:0rem;margin-block-start:0rem;letter-spacing:var(--ptc-letter-spacing-normal);padding-left:var(--ptc-element-spacing-03);padding-right:var(--ptc-element-spacing-03)}@media only screen and (min-width: 1440px){:host(.sequential) .card-dt-closed .card-title h2{font-size:var(--ptc-font-size-small)}}:host(.sequential) .card-dt-open{border-top:5px solid var(--color-green-05);display:flex;width:45vw;height:480px;transition:width var(--ptc-transition-x-fast) var(--ptc-ease-out)}:host(.sequential):host(.active) .card-mobile::before{background-color:var(--color-green-05)}';export{c as ptc_dynamic_card}
|
|
1
|
+
import{r as t,a as e,h as i,H as a,g as s}from"./p-9dd25c18.js";const c=class{constructor(i){t(this,i),this.dotSvg=e("./media/nav-active-dotslick.svg"),this.cardType="sequential",this.cardTitle="Card Title Goes Here",this.cardImgSrc=void 0,this.cardImgAlt=void 0,this.cardScreen="desktop",this.isExpanded=void 0,this.overlayExists=!0}getDesktopCard(){return"desktop"===this.cardScreen&&this.isExpanded?[i("div",{class:"card card-dt-open"},i("ptc-card-content",{"card-type":"card-dynamic"},i("div",{class:"card-title"},i("h3",null,this.cardTitle)),i("div",{class:"card-content"},i("slot",null))),i("ptc-picture",{alt:this.cardImgAlt,src:this.cardImgSrc,"is-full-height":"true","image-alignment":"center"}))]:"desktop"!==this.cardScreen||this.isExpanded?null:[i("div",{class:"card card-dt-closed"},i("ptc-picture",{alt:this.cardImgAlt,src:this.cardImgSrc,"image-position":"relative","is-full-width":!0,height:"424"},i("ptc-overlay",this.overlayExists?{"filter-color":"black-3"}:{"filter-color":"black-2"})),i("div",{class:"closed-content","card-type":"card-dynamic"},i("div",{class:"card-title"},i("h2",null,this.cardTitle))))]}componentDidLoad(){this.el.addEventListener("mouseenter",(()=>this.overlayExists=!1)),this.el.addEventListener("mouseleave",(()=>this.overlayExists=!0))}render(){const t=this.getCssClassMap();return i(a,{class:t},i("div",{class:"card-wrapper"},"mobile"==this.cardScreen?i("div",{class:"card card-mobile"},i("ptc-picture",{height:"287","is-full-width":!0,alt:this.cardImgAlt,src:this.cardImgSrc}),i("ptc-card-content",{"card-type":"card-dynamic",styles:":host(.card-dynamic){height: 303px;}"},i("div",{class:"card-title"},i("h3",null,this.cardTitle)),i("div",{class:"card-content"},i("slot",null)))):this.getDesktopCard()),"desktop"===this.cardScreen&&i("div",{hidden:!0},i("svg",null,i("use",{href:`${this.dotSvg}`}))))}getCssClassMap(){return{[this.cardType]:!0}}static get assetsDirs(){return["media"]}get el(){return s(this)}};c.style=':host{display:block}:host(.sequential) .card-wrapper{position:relative;cursor:pointer}:host(.sequential) .card{background-color:var(--color-gray-12);overflow:hidden}:host(.sequential) .card-mobile,:host(.sequential) .card-dt-open{display:block}:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{display:flex;flex-basis:38%;justify-content:center;align-items:center;padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) var(--ptc-element-spacing-07) var(--ptc-element-spacing-06)}@media only screen and (min-width: 1440px){:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}:host(.sequential) .card-mobile ptc-picture,:host(.sequential) .card-dt-open ptc-picture{flex-basis:62%}:host(.sequential) .card-mobile .card-title h3,:host(.sequential) .card-dt-open .card-title h3{color:var(--color-white);font-size:var(--ptc-font-size-large);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:0rem;margin-block-start:0rem;letter-spacing:var(--ptc-letter-spacing-normal)}:host(.sequential) .card-mobile .card-content,:host(.sequential) .card-dt-open .card-content{margin-top:var(--ptc-element-spacing-03)}:host(.sequential) .card-mobile{max-width:350px;min-width:226px;position:relative}:host(.sequential) .card-mobile::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:5px;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-out);background-color:transparent}:host(.sequential) .card-dt-closed{width:135px;height:424px;position:relative}:host(.sequential) .card-dt-closed .closed-content{position:absolute;width:100%;height:100%;top:0;display:flex;align-items:center;justify-content:center}:host(.sequential) .card-dt-closed .card-title{text-align:center}:host(.sequential) .card-dt-closed .card-title h2{color:var(--color-white);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:0rem;margin-block-start:0rem;letter-spacing:var(--ptc-letter-spacing-normal);padding-left:var(--ptc-element-spacing-03);padding-right:var(--ptc-element-spacing-03)}@media only screen and (min-width: 1440px){:host(.sequential) .card-dt-closed .card-title h2{font-size:var(--ptc-font-size-small)}}:host(.sequential) .card-dt-open{border-top:5px solid var(--color-green-05);display:flex;width:45vw;height:480px;transition:width var(--ptc-transition-x-fast) var(--ptc-ease-out)}:host(.sequential):host(.active) .card-mobile::before{background-color:var(--color-green-05)}';export{c as ptc_dynamic_card}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as n,H as i,g as o}from"./p-9dd25c18.js";const s=class{constructor(n){t(this,n),this.dropdownClickEvent=e(this,"dropdownClickEvent",7),this.label=void 0,this.iconAssetName=void 0,this.iconSrc=void 0}calculateOffset(){var t=this.el.shadowRoot.querySelector(".submenu-container"),e=this.el.closest("ptc-subnav");if(t&&e)if(window.innerWidth>=1200){let n=e.clientHeight-10;n>0&&(t.style.top=`${n}px`)}else t.style.top=""}handleClick(t){this.calculateOffset(),setTimeout((()=>{this.dropdownClickEvent.emit(t)}),100)}render(){return n(i,{class:"dropdown"},n("span",{class:"back-btn"},n("svg",{width:"10",height:"16",viewBox:"0 0 10 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.97852 14.12L3.82515 8L9.97852 1.88L8.08414 -8.28059e-08L0.0229606 8L8.08414 16L9.97852 14.12Z",fill:"white"})),"Back"),n("span",{class:"submenu-toggle",onClick:()=>this.handleClick(this),onMouseOver:()=>this.handleClick(this)},this.iconAssetName&&n("icon-asset",{type:"ptc",size:"xx-small",name:this.iconAssetName,color:"white"}),this.label,this.iconSrc&&n("img",{src:this.iconSrc,alt:this.label,class:"custom-icon"}),!this.iconSrc&&n("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"15",viewBox:"0 0 15 15",fill:"white",class:""},n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.2375 2.83325L7.5 8.60203L1.7625 2.83325L-7.76305e-08 4.60923L7.5 12.1666L15 4.60923L13.2375 2.83325Z",fill:"white"}))),n("div",{class:"submenu-container"},n("div",{class:"submenu-container-lg"},n("slot",null))))}get el(){return o(this)}};s.style=':host{display:block;padding:var(--ptc-element-spacing-03);position:relative}:host .back-btn{display:none;position:absolute;left:30px;color:var(--color-white);font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .back-btn svg{margin-right:4px;vertical-align:middle}@media only screen and (min-width: 1200px){:host{display:inline-block;position:initial}}:host::before,:host::after{content:" ";width:800px;height:1px;background-color:var(--color-gray-08);position:absolute;right:0;bottom:0}@media only screen and (min-width: 1200px){:host::before,:host::after{display:none}}:host::after{left:0;right:auto}:host .submenu-toggle{display:inline-block;cursor:pointer;color:var(--color-gray-03);font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold);white-space:nowrap;border-bottom:2px solid transparent;margin-left:34%}@media only screen and (min-width: 480px){:host .submenu-toggle{margin-left:38%}}@media only screen and (min-width: 768px){:host .submenu-toggle{margin-left:42%}}@media only screen and (min-width: 1200px){:host .submenu-toggle{margin-left:0;display:flex;align-items:center}}:host .submenu-toggle svg{margin-left:5px;margin-top:2px;vertical-align:middle}:host .submenu-toggle svg path{fill:var(--color-gray-04)}:host .submenu-toggle:hover{color:var(--color-white);border-color:var(--color-white)}:host .submenu-toggle:hover svg path{fill:var(--color-white)}:host .submenu-toggle icon-asset{margin-right:8px}:host .submenu-toggle icon-asset svg{margin:0}:host .submenu-container{background-color:var(--color-gray-12)}@media only screen and (min-width: 1200px){:host .submenu-container{position:absolute;width:100%;right:0;left:0;top:64px}}:host .submenu-container .submenu-container-lg{padding:0 32px;width:100%;margin:auto}@media only screen and (min-width: 992px){:host .submenu-container .submenu-container-lg{padding:0 32px}}@media only screen and (min-width: 1200px){:host .submenu-container .submenu-container-lg{padding:0;width:1106px}}@media only screen and (min-width: 1256px){:host .submenu-container .submenu-container-lg{width:1164px}}@media only screen and (min-width: 1280px){:host .submenu-container .submenu-container-lg{width:1180px}}@media only screen and (min-width: 1300px){:host .submenu-container .submenu-container-lg{width:1200px}}@media only screen and (min-width: 1440px){:host .submenu-container .submenu-container-lg{width:83.5rem}}@media only screen and (min-width: 1600px){:host .submenu-container .submenu-container-lg{width:93.5rem}}@media only screen and (min-width: 1980px){:host .submenu-container .submenu-container-lg{width:113.5rem}}:host ::slotted(ptc-nav-link:last-child)::before,:host ::slotted(ptc-nav-link:last-child)::after{display:none}:host(.short-dropdown) .submenu-container{text-align:center}@media only screen and (min-width: 1200px){:host(.short-dropdown) .submenu-container{width:initial;right:3%;left:initial;top:56px;z-index:1000}}:host(.short-dropdown) .submenu-container .submenu-container-lg{padding:0;width:auto;min-width:348px;display:flex;justify-content:space-evenly}:host(.active){padding-bottom:0}:host(.active) .submenu-toggle{color:var(--color-white);border-color:var(--color-white)}:host(.active) .submenu-toggle svg path{fill:var(--color-white)}:host(.active)::before,:host(.active)::after{display:none}@media only screen and (min-width: 1200px){:host(.active){padding-bottom:var(--ptc-element-spacing-03)}}:host(.active.short-dropdown) .back-btn{display:inline-block}@media only screen and (min-width: 1200px){:host(.active.short-dropdown) .back-btn{display:none}}.custom-icon{object-fit:cover;width:1.5rem;height:1.5rem}.custom-icon:hover{filter:brightness(0) invert(1)}.menu-right *{color:transparent !important}';export{s as ptc_nav_submenu}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as t}from"./p-9dd25c18.js";export{s as setNonce}from"./p-9dd25c18.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((e=>t(JSON.parse('[["p-82295854",[[1,"ptc-featured-list",{"isMobile":[32],"selectedTabGloble":[32]},[[9,"resize","handleResize"],[4,"flTabClicked","handleflTabClicked"]]],[1,"fl-tab-content",{"nameKey":[1,"name-key"],"selected":[4]}],[1,"fl-tab-header",{"tabTitle":[1,"tab-title"],"nameKey":[1,"name-key"],"selected":[4]}],[1,"fl-tab-image",{"nameKey":[1,"name-key"],"selected":[4]}],[1,"ptc-background-video",{"videoSrc":[1,"video-src"],"posterSrc":[1,"poster-src"],"overlay":[4],"playButtonTitle":[1,"play-button-title"],"pauseButtonTitle":[1,"pause-button-title"],"type":[1],"isIframe":[4,"is-iframe"],"paused":[32]}],[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"],"styles":[1]},[[9,"resize","WindowResize"]]],[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],"textAlign":[1,"text-align"]}],[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"]}],[6,"ptc-tooltip",{"textDisplay":[1,"text-display"],"maxLength":[2,"max-length"],"textLines":[2,"text-lines"],"description":[1],"zIndex":[1,"z-index"],"position":[1],"styles":[1],"mode":[1],"theme":[1],"width":[1],"hideOnMobile":[4,"hide-on-mobile"],"isSmallScreen":[4,"is-small-screen"]},[[9,"resize","addTruncatedClass"],[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"],"styles":[1]}],[2,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1],"isMobileSelect":[4,"is-mobile-select"],"injectedStyle":[1,"injected-style"]}]]],["p-04549d19",[[1,"bundle-jumbotron-example",{"jumbotron":[1],"isIframe":[4,"is-iframe"]}]]],["p-7c49a1f7",[[1,"featured-list",{"isMobile":[32],"selectedTabGloble":[32]},[[9,"resize","handleResize"],[4,"flTabClicked","handleflTabClicked"]]]]],["p-47ee06af",[[1,"sequential-bundle",{"isMobile":[32]},[[9,"resize","handleResize"]]]]],["p-2a959ce3",[[1,"sequential-bundle-example",{"isInteralCardsExpanded":[1040],"isMobile":[32],"expandedCardIndex":[32]},[[9,"resize","handleResize"]]]]],["p-77d3b816",[[1,"bundle-example",{"isLoading":[32],"picWidth":[32],"picHeight":[32]},[[9,"resize","handleWindowResize"]]]]],["p-7e978dd7",[[1,"ptc-product-sidebar",{"suggestionList":[16],"searchTerm":[32],"suggestions":[32]},[[4,"dropdownTouched","handleDropdownTouched"],[0,"click","handleClick"],[4,"clearCtaClicked","handleclearCtaClicked"],[4,"selectedValues","handleSelectedValues"]]]]],["p-dea73da3",[[1,"ptc-product-card",{"cardTitle":[1,"card-title"],"cardImage":[1,"card-image"],"cardImageAltText":[1,"card-image-alt-text"],"cardDescription":[1,"card-description"],"cardCtaText":[1,"card-cta-text"],"toggleCtaTitle":[1,"toggle-cta-title"],"isSlotEmpty":[4,"is-slot-empty"],"isOpen":[32]}]]],["p-dc64e2d4",[[1,"ptc-news",{"newsTag":[1,"news-tag"],"newsTitle":[1,"news-title"],"newsSecondaryTitle":[1,"news-secondary-title"],"newsDate":[1,"news-date"],"newsSummary":[1,"news-summary"],"newsImage":[1,"news-image"],"newsImageAlt":[1,"news-image-alt"],"newsDownloadUrl":[1,"news-download-url"]}]]],["p-b2afe3a3",[[1,"ptc-product-category",{"categoryTitle":[1,"category-title"],"categoryDescription":[1,"category-description"]}]]],["p-f4479b50",[[1,"ptc-product-highlight-card",{"cardTitle":[1,"card-title"],"cardImage":[1,"card-image"],"cardImageAltText":[1,"card-image-alt-text"],"cardDescription":[1,"card-description"]}]]],["p-b64cd689",[[1,"innovator-toggle-container",{"sectionTitle":[1,"section-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["p-8116452c",[[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],"customMaxLines":[2,"custom-max-lines"],"moreText":[1,"more-text"],"windowSize":[32]},[[9,"resize","handleResize"]]]]],["p-1aaaefc2",[[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]}]]],["p-90143d7c",[[1,"ptc-product-list",null,[[4,"selectedResult","handleSearchResult"],[4,"clearsearch","handleSearchResult"],[4,"selectedValues","handleMultipleSearchResult"],[4,"emptyResult","handleEmptyResult"]]]]],["p-d94d1fa5",[[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"],"iconSize":[1,"icon-size"],"isHover":[32]}]]],["p-a49ba579",[[4,"ptc-tab-list",{"type":[1],"isMobile":[32],"selectedValue":[32]},[[0,"tabClicked","onSelectedTab"],[9,"resize","calculateHeaderTabsRendering"]]]]],["p-d275759d",[[1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"],"heading":[1],"headingTransform":[1,"heading-transform"],"cardDate":[1,"card-date"],"country":[1],"styles":[1],"ribbonText":[1,"ribbon-text"],"eventType":[1,"event-type"],"cardLogo":[1,"card-logo"],"titleLineCutOff":[2,"title-line-cut-off"]}]]],["p-08f40716",[[1,"ptc-hero",{"heroType":[1,"hero-type"],"bgUrl":[1,"bg-url"],"contentAlignment":[1,"content-alignment"]}]]],["p-c83efab5",[[1,"ptc-previous-url",{"href":[1],"text":[1],"styles":[1]}]]],["p-a7eb1503",[[1,"ptc-pricing-tabs",{"productTag":[1,"product-tag"],"header":[1],"tabLabel":[1,"tab-label"],"filterTag":[1,"filter-tag"],"styles":[1],"tabItems":[32],"isMobileViewPort":[32],"isDesktopViewPort":[32]},[[9,"resize","setIsMobileViewPort"]]]]],["p-68543211",[[1,"ptc-sticky-title",{"barTitle":[1,"bar-title"],"logo":[1],"isSticky":[32]},[[9,"scroll","handleScroll"]]]]],["p-0974caa3",[[1,"ptc-bio-card",{"name":[1],"jobTitle":[1,"job-title"],"image":[1],"linkedin":[1],"twitter":[1],"showModal":[32]}]]],["p-00b2c937",[[1,"ptc-checkbox",{"checked":[1025],"value":[1025],"disabled":[1028],"inputName":[1,"input-name"]}]]],["p-effa1f41",[[1,"ptc-dropdown",{"theme":[1],"label":[1],"listItems":[16],"toggle":[32],"selectedItem":[32]},[[4,"click","offClick"]]]]],["p-08f17ab6",[[1,"ptc-filter-tag",{"theme":[1],"iconColorMap":[32]}]]],["p-07059441",[[1,"ptc-icon-minimize",{"heading":[1025],"opened":[1028],"timeStamp":[32],"Refresh":[64]}]]],["p-9805a542",[[1,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["p-42424ba0",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["p-64691ccb",[[1,"ptc-media-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"activeBackgroundImage":[1025,"active-background-image"],"hoverBackgroundImage":[1025,"hover-background-image"],"heading":[1025],"headingTransform":[1025,"heading-transform"],"category":[1025],"isHovered":[32]}]]],["p-6acd380a",[[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"]}]]],["p-046d0d0c",[[1,"ptc-nav-submenu",{"label":[1],"iconAssetName":[1025,"icon-asset-name"],"iconSrc":[1,"icon-src"]}]]],["p-35b3d9a8",[[1,"ptc-pagenation",{"totalCount":[2,"total-count"],"numberOfItems":[2,"number-of-items"],"previousValue":[1,"previous-value"],"lastValue":[1,"last-value"],"minPageNumber":[2,"min-page-number"],"maxPageNumber":[2,"max-page-number"],"clickedPageNumber":[2,"clicked-page-number"],"appendArray":[4,"append-array"],"prevArrowImg":[1,"prev-arrow-img"],"nextArrowImg":[1,"next-arrow-img"],"theme":[1],"styles":[1],"pageNumbers":[32],"isSmallScreen":[32]},[[9,"resize","windowResize"]]]]],["p-c326164f",[[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"]}]]],["p-009f76ac",[[1,"ptc-search-field",{"textValue":[1,"text-value"],"placeholderLabel":[1,"placeholder-label"],"darkTheme":[4,"dark-theme"],"elevation":[1],"enableClear":[4,"enable-clear"],"styles":[1],"clearSearchValue":[64]}]]],["p-5854b9b4",[[1,"ptc-slit-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"heading":[1],"content":[1],"styles":[1],"cardImage":[1,"card-image"]}]]],["p-fbf6f66c",[[1,"ptc-subnav-card",{"cardTitle":[1,"card-title"],"cardHref":[1,"card-href"],"cardImageSrc":[1,"card-image-src"],"cardImageAlt":[1,"card-image-alt"],"ctaText":[1,"cta-text"],"ctaIconAssetName":[1,"cta-icon-asset-name"]}]]],["p-ddf7819e",[[0,"tab-header",{"name":[1],"tooltip":[1],"tabHeaderText":[1,"tab-header-text"],"isSelected":[32],"maxLength":[32],"getChild":[64]},[[9,"resize","handleWindowResize"]]]]],["p-a4c49997",[[1,"dynamic-box-bundle",{"topImgSrc":[1,"top-img-src"],"topImgAlt":[1,"top-img-alt"],"boxHeight":[2,"box-height"],"isHovering":[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseout","handleMouseOut"]]]]],["p-1a346da4",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["p-bdfd42d2",[[1,"ptc-accordion",{"multiple":[4],"theme":[1]},[[0,"opened","openHandler"]]]]],["p-da15fae5",[[1,"ptc-accordion-item",{"heading":[1],"headingTag":[1,"heading-tag"],"autoHeight":[4,"auto-height"],"active":[1540],"theme":[1537],"hasHeadingSlot":[32],"hasArrowSlot":[32],"toggle":[64],"close":[64],"open":[64]}]]],["p-f927e1f9",[[1,"ptc-back-to-top",{"showButton":[32]},[[0,"click","handleClick"]]]]],["p-908b08d5",[[1,"ptc-case-studies-slider"]]],["p-c1d75020",[[1,"ptc-container",{"backgroundColor":[1,"background-color"],"elevation":[1],"containerType":[1,"container-type"],"spacing":[1],"styles":[1]}]]],["p-372a6bb1",[[6,"ptc-hero-footer-cta",{"ctaTitle":[1,"cta-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["p-8c212875",[[1,"ptc-icon-component",{"isMobile":[32]},[[9,"resize","handleResize"]]]]],["p-1905e99d",[[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"]}]]],["p-20500bc0",[[1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"linkArea":[1,"link-area"]}]]],["p-c852499f",[[1,"ptc-minimized-nav",{"linkUrl":[513,"link-url"],"imgSrc":[513,"img-src"],"imgAlt":[513,"img-alt"],"navType":[1,"nav-type"]}]]],["p-a924d029",[[1,"ptc-nav-card",{"cardType":[1025,"card-type"],"cardHref":[1025,"card-href"],"logoAlt":[1025,"logo-alt"],"target":[1025],"rel":[1025],"linkTitle":[1025,"link-title"],"cardLogo":[1025,"card-logo"],"heading":[1025],"description":[1025],"windowSize":[32]},[[9,"resize","handleResize"]]]]],["p-d7e11aad",[[1,"ptc-nav-link",{"href":[1025],"isOutsideLink":[1028,"is-outside-link"],"titleText":[1025,"title-text"]},[[2,"click","handleClick"]]]]],["p-c9ded71b",[[1,"ptc-nav-pills"]]],["p-4947eb0a",[[1,"ptc-nav-slider",{"sliderId":[1,"slider-id"]},[[0,"dropdownClickEvent","handledropdownClickEvent"]]]]],["p-5c9d254c",[[1,"ptc-readmore-char",{"maxCharacters":[2,"max-characters"],"description":[1],"readMoreText":[1,"read-more-text"],"readLessText":[1,"read-less-text"],"expanded":[32]}]]],["p-2ac4eb02",[[1,"ptc-responsive-wrapper"]]],["p-cff0b2b0",[[1,"ptc-shopping-cart",{"cartCount":[1,"cart-count"],"color":[1]}]]],["p-87ccd549",[[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"fontWeight":[1,"font-weight"],"styles":[1]}]]],["p-09a6b0a7",[[1,"ptc-sticky-icons",null,[[9,"resize","handleResize"]]]]],["p-e8127819",[[1,"ptc-sticky-section",null,[[9,"scroll","handleScroll"]]]]],["p-a6014d9a",[[1,"ptc-subnav",{"mobileTitle":[1,"mobile-title"],"navOpen":[32]},[[9,"scroll","handleScroll"]]]]],["p-9bbfeec6",[[1,"ptc-tab",{"optionClicked":[1540,"option-clicked"],"label":[1],"price":[1],"active":[4],"disabled":[516]}]]],["p-7650e042",[[1,"ptc-tabs",{"tabs":[32],"openTab":[64]}]]],["p-a1f30323",[[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]}]]],["p-deed8ef6",[[1,"ptc-two-column-media",{"componentType":[1,"component-type"]}]]],["p-10555016",[[4,"tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["p-a532ea92",[[1,"ptc-ellipsis-dropdown",{"dataItems":[16],"selectedTab":[1,"selected-tab"],"isDropdownOpen":[32],"isMobile":[32]},[[4,"click","offClick"],[9,"resize","handleResize"]]]]],["p-e2be8313",[[1,"ptc-image-download-strip",{"downloadUrl":[1,"download-url"]}]]],["p-e282af3d",[[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]}]]],["p-b73ea53a",[[1,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1],"dateString":[1,"date-string"],"dateColor":[1,"date-color"],"dateStyles":[1,"date-styles"],"dataSize":[1,"data-size"],"formatOptions":[1,"format-options"]}]]],["p-c43f4e1a",[[1,"ptc-pricing-block",{"active":[4],"optionClicked":[1540,"option-clicked"]}]]],["p-c05218ed",[[1,"ptc-product-dropdown",{"newOptions":[16],"selectedOptions":[16],"placeholder":[1],"internalOptions":[32],"isOpen":[32]},[[4,"clearsearch","handleSearchResult"],[4,"inputChanged","handleinputChanged"]]]]],["p-7097ec55",[[1,"ptc-progress-bar",{"scrollPercentage":[32]},[[9,"scroll","handleScroll"]]]]],["p-ab2a2d1a",[[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"]]]]],["p-7698cc75",[[1,"ptc-svg-btn",{"svgName":[1,"svg-name"],"display":[1],"zIndex":[1,"z-index"],"styles":[2]}]]],["p-ad924207",[[1,"ptc-picture",{"src":[1],"alt":[1],"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"disableResize":[1028,"disable-resize"],"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"],"displayImage":[1,"display-image"],"oldSrc":[32]},[[9,"resize","WindowResize"]]]]],["p-a6ebedfd",[[1,"ptc-jumbotron",{"jumbotronType":[1,"jumbotron-type"],"hasPopupVideo":[4,"has-popup-video"],"mainTitle":[1,"main-title"],"subTitle":[1,"sub-title"],"pngSrc":[1,"png-src"],"gifSrc":[1,"gif-src"],"bgVideoSrc":[1,"bg-video-src"],"bgSrc":[1,"bg-src"],"isIframe":[4,"is-iframe"],"playButtonTitle":[1,"play-button-title"],"pauseButtonTitle":[1,"pause-button-title"],"contentBackground":[32],"contentColor":[32],"textAlign":[32],"isMobile":[32]},[[9,"resize","handleResize"]]],[1,"ptc-breadcrumb",{"position":[1],"removeTopMargin":[4,"remove-top-margin"],"color":[1],"styles":[1]}]]],["p-4f93dac7",[[1,"ptc-card-content",{"cardType":[1,"card-type"],"outlineColor":[1,"outline-color"],"styles":[1],"isLoading":[4,"is-loading"],"setHeight":[64],"removeInlineHeight":[64]}]]],["p-743dae02",[[1,"ptc-dynamic-card",{"cardType":[1,"card-type"],"cardTitle":[1,"card-title"],"cardImgSrc":[1,"card-img-src"],"cardImgAlt":[1,"card-img-alt"],"cardScreen":[1,"card-screen"],"isExpanded":[4,"is-expanded"],"overlayExists":[32]}]]],["p-6a0b0d0e",[[4,"dropdown-item",{"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]]],["p-07b6676a",[[1,"max-width-container",{"maxWidth":[2,"max-width"],"breakpoint":[2],"contentAlign":[1,"content-align"],"styles":[1]}]]],["p-c9342bd2",[[1,"ptc-card-bottom",{"cardType":[1,"card-type"],"styles":[1]}],[1,"ptc-card-wrapper",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"],"isLoading":[4,"is-loading"]},[[9,"resize","handleResize"]]],[1,"ptc-skeleton",{"isLoading":[4,"is-loading"],"animated":[4],"width":[1],"borderRadius":[1,"border-radius"],"topMargin":[1,"top-margin"],"btmMargin":[1,"btm-margin"]}]]],["p-a5e92df6",[[1,"ptc-modal",{"iframeUrl":[1025,"iframe-url"],"size":[1025],"show":[1028],"overlay":[1028],"fixed":[1028],"closeOnBlur":[1028,"close-on-blur"],"rounded":[1028],"showHeaderFooter":[1028,"show-header-footer"],"borderRadius":[1025,"border-radius"],"isBioModal":[1028,"is-bio-modal"],"styles":[1],"overlayHeight":[32],"bodyOverflowSetting":[32]}]]],["p-edc34ad7",[[1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"],"linkTarget":[1,"link-target"],"color":[1],"styles":[1]}]]],["p-e329399d",[[1,"ptc-overlay",{"filterColor":[1,"filter-color"],"borderRadius":[1,"border-radius"],"overlayZIndex":[1,"overlay-z-index"],"styles":[1],"setOverlay":[64]}]]],["p-799bbd3a",[[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}]]]]'),e)));
|
|
1
|
+
import{p as e,b as t}from"./p-9dd25c18.js";export{s as setNonce}from"./p-9dd25c18.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((e=>t(JSON.parse('[["p-82295854",[[1,"ptc-featured-list",{"isMobile":[32],"selectedTabGloble":[32]},[[9,"resize","handleResize"],[4,"flTabClicked","handleflTabClicked"]]],[1,"fl-tab-content",{"nameKey":[1,"name-key"],"selected":[4]}],[1,"fl-tab-header",{"tabTitle":[1,"tab-title"],"nameKey":[1,"name-key"],"selected":[4]}],[1,"fl-tab-image",{"nameKey":[1,"name-key"],"selected":[4]}],[1,"ptc-background-video",{"videoSrc":[1,"video-src"],"posterSrc":[1,"poster-src"],"overlay":[4],"playButtonTitle":[1,"play-button-title"],"pauseButtonTitle":[1,"pause-button-title"],"type":[1],"isIframe":[4,"is-iframe"],"paused":[32]}],[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"],"styles":[1]},[[9,"resize","WindowResize"]]],[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],"textAlign":[1,"text-align"]}],[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"]}],[6,"ptc-tooltip",{"textDisplay":[1,"text-display"],"maxLength":[2,"max-length"],"textLines":[2,"text-lines"],"description":[1],"zIndex":[1,"z-index"],"position":[1],"styles":[1],"mode":[1],"theme":[1],"width":[1],"hideOnMobile":[4,"hide-on-mobile"],"isSmallScreen":[4,"is-small-screen"]},[[9,"resize","addTruncatedClass"],[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"],"styles":[1]}],[2,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1],"isMobileSelect":[4,"is-mobile-select"],"injectedStyle":[1,"injected-style"]}]]],["p-04549d19",[[1,"bundle-jumbotron-example",{"jumbotron":[1],"isIframe":[4,"is-iframe"]}]]],["p-7c49a1f7",[[1,"featured-list",{"isMobile":[32],"selectedTabGloble":[32]},[[9,"resize","handleResize"],[4,"flTabClicked","handleflTabClicked"]]]]],["p-47ee06af",[[1,"sequential-bundle",{"isMobile":[32]},[[9,"resize","handleResize"]]]]],["p-2a959ce3",[[1,"sequential-bundle-example",{"isInteralCardsExpanded":[1040],"isMobile":[32],"expandedCardIndex":[32]},[[9,"resize","handleResize"]]]]],["p-77d3b816",[[1,"bundle-example",{"isLoading":[32],"picWidth":[32],"picHeight":[32]},[[9,"resize","handleWindowResize"]]]]],["p-7e978dd7",[[1,"ptc-product-sidebar",{"suggestionList":[16],"searchTerm":[32],"suggestions":[32]},[[4,"dropdownTouched","handleDropdownTouched"],[0,"click","handleClick"],[4,"clearCtaClicked","handleclearCtaClicked"],[4,"selectedValues","handleSelectedValues"]]]]],["p-dea73da3",[[1,"ptc-product-card",{"cardTitle":[1,"card-title"],"cardImage":[1,"card-image"],"cardImageAltText":[1,"card-image-alt-text"],"cardDescription":[1,"card-description"],"cardCtaText":[1,"card-cta-text"],"toggleCtaTitle":[1,"toggle-cta-title"],"isSlotEmpty":[4,"is-slot-empty"],"isOpen":[32]}]]],["p-dc64e2d4",[[1,"ptc-news",{"newsTag":[1,"news-tag"],"newsTitle":[1,"news-title"],"newsSecondaryTitle":[1,"news-secondary-title"],"newsDate":[1,"news-date"],"newsSummary":[1,"news-summary"],"newsImage":[1,"news-image"],"newsImageAlt":[1,"news-image-alt"],"newsDownloadUrl":[1,"news-download-url"]}]]],["p-b2afe3a3",[[1,"ptc-product-category",{"categoryTitle":[1,"category-title"],"categoryDescription":[1,"category-description"]}]]],["p-f4479b50",[[1,"ptc-product-highlight-card",{"cardTitle":[1,"card-title"],"cardImage":[1,"card-image"],"cardImageAltText":[1,"card-image-alt-text"],"cardDescription":[1,"card-description"]}]]],["p-b64cd689",[[1,"innovator-toggle-container",{"sectionTitle":[1,"section-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["p-8116452c",[[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],"customMaxLines":[2,"custom-max-lines"],"moreText":[1,"more-text"],"windowSize":[32]},[[9,"resize","handleResize"]]]]],["p-1aaaefc2",[[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]}]]],["p-90143d7c",[[1,"ptc-product-list",null,[[4,"selectedResult","handleSearchResult"],[4,"clearsearch","handleSearchResult"],[4,"selectedValues","handleMultipleSearchResult"],[4,"emptyResult","handleEmptyResult"]]]]],["p-d94d1fa5",[[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"],"iconSize":[1,"icon-size"],"isHover":[32]}]]],["p-a49ba579",[[4,"ptc-tab-list",{"type":[1],"isMobile":[32],"selectedValue":[32]},[[0,"tabClicked","onSelectedTab"],[9,"resize","calculateHeaderTabsRendering"]]]]],["p-d275759d",[[1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"],"heading":[1],"headingTransform":[1,"heading-transform"],"cardDate":[1,"card-date"],"country":[1],"styles":[1],"ribbonText":[1,"ribbon-text"],"eventType":[1,"event-type"],"cardLogo":[1,"card-logo"],"titleLineCutOff":[2,"title-line-cut-off"]}]]],["p-08f40716",[[1,"ptc-hero",{"heroType":[1,"hero-type"],"bgUrl":[1,"bg-url"],"contentAlignment":[1,"content-alignment"]}]]],["p-c83efab5",[[1,"ptc-previous-url",{"href":[1],"text":[1],"styles":[1]}]]],["p-a7eb1503",[[1,"ptc-pricing-tabs",{"productTag":[1,"product-tag"],"header":[1],"tabLabel":[1,"tab-label"],"filterTag":[1,"filter-tag"],"styles":[1],"tabItems":[32],"isMobileViewPort":[32],"isDesktopViewPort":[32]},[[9,"resize","setIsMobileViewPort"]]]]],["p-68543211",[[1,"ptc-sticky-title",{"barTitle":[1,"bar-title"],"logo":[1],"isSticky":[32]},[[9,"scroll","handleScroll"]]]]],["p-0974caa3",[[1,"ptc-bio-card",{"name":[1],"jobTitle":[1,"job-title"],"image":[1],"linkedin":[1],"twitter":[1],"showModal":[32]}]]],["p-00b2c937",[[1,"ptc-checkbox",{"checked":[1025],"value":[1025],"disabled":[1028],"inputName":[1,"input-name"]}]]],["p-effa1f41",[[1,"ptc-dropdown",{"theme":[1],"label":[1],"listItems":[16],"toggle":[32],"selectedItem":[32]},[[4,"click","offClick"]]]]],["p-08f17ab6",[[1,"ptc-filter-tag",{"theme":[1],"iconColorMap":[32]}]]],["p-07059441",[[1,"ptc-icon-minimize",{"heading":[1025],"opened":[1028],"timeStamp":[32],"Refresh":[64]}]]],["p-9805a542",[[1,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["p-42424ba0",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["p-64691ccb",[[1,"ptc-media-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"activeBackgroundImage":[1025,"active-background-image"],"hoverBackgroundImage":[1025,"hover-background-image"],"heading":[1025],"headingTransform":[1025,"heading-transform"],"category":[1025],"isHovered":[32]}]]],["p-6acd380a",[[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"]}]]],["p-f67dc72c",[[1,"ptc-nav-submenu",{"label":[1],"iconAssetName":[1025,"icon-asset-name"],"iconSrc":[1,"icon-src"]}]]],["p-35b3d9a8",[[1,"ptc-pagenation",{"totalCount":[2,"total-count"],"numberOfItems":[2,"number-of-items"],"previousValue":[1,"previous-value"],"lastValue":[1,"last-value"],"minPageNumber":[2,"min-page-number"],"maxPageNumber":[2,"max-page-number"],"clickedPageNumber":[2,"clicked-page-number"],"appendArray":[4,"append-array"],"prevArrowImg":[1,"prev-arrow-img"],"nextArrowImg":[1,"next-arrow-img"],"theme":[1],"styles":[1],"pageNumbers":[32],"isSmallScreen":[32]},[[9,"resize","windowResize"]]]]],["p-c326164f",[[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"]}]]],["p-009f76ac",[[1,"ptc-search-field",{"textValue":[1,"text-value"],"placeholderLabel":[1,"placeholder-label"],"darkTheme":[4,"dark-theme"],"elevation":[1],"enableClear":[4,"enable-clear"],"styles":[1],"clearSearchValue":[64]}]]],["p-5854b9b4",[[1,"ptc-slit-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"heading":[1],"content":[1],"styles":[1],"cardImage":[1,"card-image"]}]]],["p-fbf6f66c",[[1,"ptc-subnav-card",{"cardTitle":[1,"card-title"],"cardHref":[1,"card-href"],"cardImageSrc":[1,"card-image-src"],"cardImageAlt":[1,"card-image-alt"],"ctaText":[1,"cta-text"],"ctaIconAssetName":[1,"cta-icon-asset-name"]}]]],["p-ddf7819e",[[0,"tab-header",{"name":[1],"tooltip":[1],"tabHeaderText":[1,"tab-header-text"],"isSelected":[32],"maxLength":[32],"getChild":[64]},[[9,"resize","handleWindowResize"]]]]],["p-a4c49997",[[1,"dynamic-box-bundle",{"topImgSrc":[1,"top-img-src"],"topImgAlt":[1,"top-img-alt"],"boxHeight":[2,"box-height"],"isHovering":[32]},[[1,"mouseover","handleMouseOver"],[1,"mouseout","handleMouseOut"]]]]],["p-1a346da4",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["p-bdfd42d2",[[1,"ptc-accordion",{"multiple":[4],"theme":[1]},[[0,"opened","openHandler"]]]]],["p-da15fae5",[[1,"ptc-accordion-item",{"heading":[1],"headingTag":[1,"heading-tag"],"autoHeight":[4,"auto-height"],"active":[1540],"theme":[1537],"hasHeadingSlot":[32],"hasArrowSlot":[32],"toggle":[64],"close":[64],"open":[64]}]]],["p-f927e1f9",[[1,"ptc-back-to-top",{"showButton":[32]},[[0,"click","handleClick"]]]]],["p-908b08d5",[[1,"ptc-case-studies-slider"]]],["p-c1d75020",[[1,"ptc-container",{"backgroundColor":[1,"background-color"],"elevation":[1],"containerType":[1,"container-type"],"spacing":[1],"styles":[1]}]]],["p-372a6bb1",[[6,"ptc-hero-footer-cta",{"ctaTitle":[1,"cta-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["p-8c212875",[[1,"ptc-icon-component",{"isMobile":[32]},[[9,"resize","handleResize"]]]]],["p-1905e99d",[[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"]}]]],["p-20500bc0",[[1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"fontSize":[1,"font-size"],"fontWeight":[1,"font-weight"],"linkArea":[1,"link-area"]}]]],["p-c852499f",[[1,"ptc-minimized-nav",{"linkUrl":[513,"link-url"],"imgSrc":[513,"img-src"],"imgAlt":[513,"img-alt"],"navType":[1,"nav-type"]}]]],["p-a924d029",[[1,"ptc-nav-card",{"cardType":[1025,"card-type"],"cardHref":[1025,"card-href"],"logoAlt":[1025,"logo-alt"],"target":[1025],"rel":[1025],"linkTitle":[1025,"link-title"],"cardLogo":[1025,"card-logo"],"heading":[1025],"description":[1025],"windowSize":[32]},[[9,"resize","handleResize"]]]]],["p-d7e11aad",[[1,"ptc-nav-link",{"href":[1025],"isOutsideLink":[1028,"is-outside-link"],"titleText":[1025,"title-text"]},[[2,"click","handleClick"]]]]],["p-c9ded71b",[[1,"ptc-nav-pills"]]],["p-2d138e91",[[1,"ptc-nav-slider",{"sliderId":[1,"slider-id"]},[[0,"dropdownClickEvent","handledropdownClickEvent"]]]]],["p-5c9d254c",[[1,"ptc-readmore-char",{"maxCharacters":[2,"max-characters"],"description":[1],"readMoreText":[1,"read-more-text"],"readLessText":[1,"read-less-text"],"expanded":[32]}]]],["p-2ac4eb02",[[1,"ptc-responsive-wrapper"]]],["p-cff0b2b0",[[1,"ptc-shopping-cart",{"cartCount":[1,"cart-count"],"color":[1]}]]],["p-87ccd549",[[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"fontWeight":[1,"font-weight"],"styles":[1]}]]],["p-09a6b0a7",[[1,"ptc-sticky-icons",null,[[9,"resize","handleResize"]]]]],["p-e8127819",[[1,"ptc-sticky-section",null,[[9,"scroll","handleScroll"]]]]],["p-0fec8647",[[1,"ptc-subnav",{"mobileTitle":[1,"mobile-title"],"navOpen":[32]},[[9,"scroll","handleScroll"]]]]],["p-9bbfeec6",[[1,"ptc-tab",{"optionClicked":[1540,"option-clicked"],"label":[1],"price":[1],"active":[4],"disabled":[516]}]]],["p-7650e042",[[1,"ptc-tabs",{"tabs":[32],"openTab":[64]}]]],["p-a1f30323",[[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]}]]],["p-deed8ef6",[[1,"ptc-two-column-media",{"componentType":[1,"component-type"]}]]],["p-10555016",[[4,"tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["p-a532ea92",[[1,"ptc-ellipsis-dropdown",{"dataItems":[16],"selectedTab":[1,"selected-tab"],"isDropdownOpen":[32],"isMobile":[32]},[[4,"click","offClick"],[9,"resize","handleResize"]]]]],["p-e2be8313",[[1,"ptc-image-download-strip",{"downloadUrl":[1,"download-url"]}]]],["p-e282af3d",[[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]}]]],["p-b73ea53a",[[1,"ptc-date",{"year":[2],"month":[2],"day":[2],"country":[1],"dateString":[1,"date-string"],"dateColor":[1,"date-color"],"dateStyles":[1,"date-styles"],"dataSize":[1,"data-size"],"formatOptions":[1,"format-options"]}]]],["p-c43f4e1a",[[1,"ptc-pricing-block",{"active":[4],"optionClicked":[1540,"option-clicked"]}]]],["p-c05218ed",[[1,"ptc-product-dropdown",{"newOptions":[16],"selectedOptions":[16],"placeholder":[1],"internalOptions":[32],"isOpen":[32]},[[4,"clearsearch","handleSearchResult"],[4,"inputChanged","handleinputChanged"]]]]],["p-7097ec55",[[1,"ptc-progress-bar",{"scrollPercentage":[32]},[[9,"scroll","handleScroll"]]]]],["p-ab2a2d1a",[[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"]]]]],["p-7698cc75",[[1,"ptc-svg-btn",{"svgName":[1,"svg-name"],"display":[1],"zIndex":[1,"z-index"],"styles":[2]}]]],["p-ad924207",[[1,"ptc-picture",{"src":[1],"alt":[1],"sizeXs":[1025,"size-xs"],"sizeSm":[1025,"size-sm"],"sizeMd":[1025,"size-md"],"sizeLg":[1025,"size-lg"],"disableResize":[1028,"disable-resize"],"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"],"displayImage":[1,"display-image"],"oldSrc":[32]},[[9,"resize","WindowResize"]]]]],["p-a6ebedfd",[[1,"ptc-jumbotron",{"jumbotronType":[1,"jumbotron-type"],"hasPopupVideo":[4,"has-popup-video"],"mainTitle":[1,"main-title"],"subTitle":[1,"sub-title"],"pngSrc":[1,"png-src"],"gifSrc":[1,"gif-src"],"bgVideoSrc":[1,"bg-video-src"],"bgSrc":[1,"bg-src"],"isIframe":[4,"is-iframe"],"playButtonTitle":[1,"play-button-title"],"pauseButtonTitle":[1,"pause-button-title"],"contentBackground":[32],"contentColor":[32],"textAlign":[32],"isMobile":[32]},[[9,"resize","handleResize"]]],[1,"ptc-breadcrumb",{"position":[1],"removeTopMargin":[4,"remove-top-margin"],"color":[1],"styles":[1]}]]],["p-4f93dac7",[[1,"ptc-card-content",{"cardType":[1,"card-type"],"outlineColor":[1,"outline-color"],"styles":[1],"isLoading":[4,"is-loading"],"setHeight":[64],"removeInlineHeight":[64]}]]],["p-c6f0e262",[[1,"ptc-dynamic-card",{"cardType":[1,"card-type"],"cardTitle":[1,"card-title"],"cardImgSrc":[1,"card-img-src"],"cardImgAlt":[1,"card-img-alt"],"cardScreen":[1,"card-screen"],"isExpanded":[4,"is-expanded"],"overlayExists":[32]}]]],["p-6a0b0d0e",[[4,"dropdown-item",{"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]]],["p-07b6676a",[[1,"max-width-container",{"maxWidth":[2,"max-width"],"breakpoint":[2],"contentAlign":[1,"content-align"],"styles":[1]}]]],["p-c9342bd2",[[1,"ptc-card-bottom",{"cardType":[1,"card-type"],"styles":[1]}],[1,"ptc-card-wrapper",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"],"isLoading":[4,"is-loading"]},[[9,"resize","handleResize"]]],[1,"ptc-skeleton",{"isLoading":[4,"is-loading"],"animated":[4],"width":[1],"borderRadius":[1,"border-radius"],"topMargin":[1,"top-margin"],"btmMargin":[1,"btm-margin"]}]]],["p-a5e92df6",[[1,"ptc-modal",{"iframeUrl":[1025,"iframe-url"],"size":[1025],"show":[1028],"overlay":[1028],"fixed":[1028],"closeOnBlur":[1028,"close-on-blur"],"rounded":[1028],"showHeaderFooter":[1028,"show-header-footer"],"borderRadius":[1025,"border-radius"],"isBioModal":[1028,"is-bio-modal"],"styles":[1],"overlayHeight":[32],"bodyOverflowSetting":[32]}]]],["p-edc34ad7",[[1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"],"linkTarget":[1,"link-target"],"color":[1],"styles":[1]}]]],["p-e329399d",[[1,"ptc-overlay",{"filterColor":[1,"filter-color"],"borderRadius":[1,"border-radius"],"overlayZIndex":[1,"overlay-z-index"],"styles":[1],"setOverlay":[64]}]]],["p-799bbd3a",[[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}]]]]'),e)));
|
|
@@ -3,7 +3,7 @@ export declare class PtcNavSlider {
|
|
|
3
3
|
sliderId: string;
|
|
4
4
|
componentDidLoad(): void;
|
|
5
5
|
handledropdownClickEvent(element: any): void;
|
|
6
|
-
updateArrows(boxWrap: any, prevBtn: any, nextBtn: any): void;
|
|
6
|
+
updateArrows(boxWrap: any, prevBtn: any, nextBtn: any, isNotDropdown: any): void;
|
|
7
7
|
updateSlider(event: any): void;
|
|
8
8
|
leftScroll(ele: any): void;
|
|
9
9
|
rightScroll(ele: any): void;
|
package/package.json
CHANGED
package/readme.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
|
|
3
|
-
# PTC Design 2.1.
|
|
3
|
+
# PTC Design 2.1.2
|
|
4
4
|
The site is the place for documentation on PTC Design System
|
|
5
5
|
|
|
6
6
|
## Building the Site
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as n,H as i,g as o}from"./p-9dd25c18.js";const s=class{constructor(n){t(this,n),this.dropdownClickEvent=e(this,"dropdownClickEvent",7),this.label=void 0,this.iconAssetName=void 0,this.iconSrc=void 0}handleClick(t){setTimeout((()=>{this.dropdownClickEvent.emit(t)}),100)}render(){return n(i,{class:"dropdown"},n("span",{class:"back-btn"},n("svg",{width:"10",height:"16",viewBox:"0 0 10 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.97852 14.12L3.82515 8L9.97852 1.88L8.08414 -8.28059e-08L0.0229606 8L8.08414 16L9.97852 14.12Z",fill:"white"})),"Back"),n("span",{class:"submenu-toggle",onClick:()=>this.handleClick(this),onMouseOver:()=>this.handleClick(this)},this.iconAssetName&&n("icon-asset",{type:"ptc",size:"xx-small",name:this.iconAssetName,color:"white"}),this.label,this.iconSrc&&n("img",{src:this.iconSrc,alt:this.label,class:"custom-icon"}),!this.iconSrc&&n("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"15",viewBox:"0 0 15 15",fill:"white",class:""},n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.2375 2.83325L7.5 8.60203L1.7625 2.83325L-7.76305e-08 4.60923L7.5 12.1666L15 4.60923L13.2375 2.83325Z",fill:"white"}))),n("div",{class:"submenu-container"},n("div",{class:"submenu-container-lg"},n("slot",null))))}get el(){return o(this)}};s.style=':host{display:block;padding:var(--ptc-element-spacing-03);position:relative}:host .back-btn{display:none;position:absolute;left:30px;color:var(--color-white);font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .back-btn svg{margin-right:4px;vertical-align:middle}@media only screen and (min-width: 1200px){:host{display:inline-block;position:initial}}:host::before,:host::after{content:" ";width:800px;height:1px;background-color:var(--color-gray-08);position:absolute;right:0;bottom:0}@media only screen and (min-width: 1200px){:host::before,:host::after{display:none}}:host::after{left:0;right:auto}:host .submenu-toggle{display:inline-block;cursor:pointer;color:var(--color-gray-03);font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold);white-space:nowrap;border-bottom:2px solid transparent;margin-left:34%}@media only screen and (min-width: 480px){:host .submenu-toggle{margin-left:38%}}@media only screen and (min-width: 768px){:host .submenu-toggle{margin-left:42%}}@media only screen and (min-width: 1200px){:host .submenu-toggle{margin-left:0;display:flex;align-items:center}}:host .submenu-toggle svg{margin-left:5px;margin-top:2px;vertical-align:middle}:host .submenu-toggle svg path{fill:var(--color-gray-04)}:host .submenu-toggle:hover{color:var(--color-white);border-color:var(--color-white)}:host .submenu-toggle:hover svg path{fill:var(--color-white)}:host .submenu-toggle icon-asset{margin-right:8px}:host .submenu-toggle icon-asset svg{margin:0}:host .submenu-container{background-color:var(--color-gray-12)}@media only screen and (min-width: 1200px){:host .submenu-container{position:absolute;width:100%;right:0;left:0;top:64px}}:host .submenu-container .submenu-container-lg{padding:0 32px;width:100%;margin:auto}@media only screen and (min-width: 992px){:host .submenu-container .submenu-container-lg{padding:0 32px}}@media only screen and (min-width: 1200px){:host .submenu-container .submenu-container-lg{padding:0;width:1170px}}@media only screen and (min-width: 1440px){:host .submenu-container .submenu-container-lg{width:87.5rem}}@media only screen and (min-width: 1600px){:host .submenu-container .submenu-container-lg{width:97.5rem}}@media only screen and (min-width: 1980px){:host .submenu-container .submenu-container-lg{width:117.5rem}}:host ::slotted(ptc-nav-link:last-child)::before,:host ::slotted(ptc-nav-link:last-child)::after{display:none}:host(.short-dropdown) .submenu-container{text-align:center}@media only screen and (min-width: 1200px){:host(.short-dropdown) .submenu-container{width:initial;right:3%;left:initial;top:56px;z-index:1000}}:host(.short-dropdown) .submenu-container .submenu-container-lg{padding:0;width:auto;min-width:348px;display:flex;justify-content:space-evenly}:host(.active){padding-bottom:0}:host(.active) .submenu-toggle{color:var(--color-white);border-color:var(--color-white)}:host(.active) .submenu-toggle svg path{fill:var(--color-white)}:host(.active)::before,:host(.active)::after{display:none}@media only screen and (min-width: 1200px){:host(.active){padding-bottom:var(--ptc-element-spacing-03)}}:host(.active.short-dropdown) .back-btn{display:inline-block}@media only screen and (min-width: 1200px){:host(.active.short-dropdown) .back-btn{display:none}}.custom-icon{object-fit:cover;width:1.5rem;height:1.5rem}.custom-icon:hover{filter:brightness(0) invert(1)}.menu-right *{color:transparent !important}';export{s as ptc_nav_submenu}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as n,H as i,g as o}from"./p-9dd25c18.js";const e=class{constructor(n){t(this,n),this.sliderId=`ptc-nav-slider-${Math.floor(1e6*Math.random())}`}componentDidLoad(){this.updateSlider(void 0);const{shadowRoot:t}=document.querySelector(`#${this.sliderId}`);t.querySelector(".box-wrap").addEventListener("scroll",this.updateSlider.bind(this))}handledropdownClickEvent(t){const n=t.target.querySelector(".nav-slider").id,i=t.target.querySelector(".nav-slider").shadowRoot.querySelector(".box-wrap"),o=document.querySelector(`#${n}`).shadowRoot.querySelector("#prevBtn"),e=document.querySelector(`#${n}`).shadowRoot.querySelector("#nextBtn");this.updateArrows(i,o,e)}updateArrows(t,n,i){t.offsetWidth==t.scrollWidth?(n.style.visibility="hidden",i.style.visibility="hidden"):t.scrollLeft+t.offsetWidth<=t.scrollWidth?t.scrollLeft>0?t.scrollLeft+t.offsetWidth==t.scrollWidth?(i.style.visibility="hidden",n.style.visibility="visible"):(n.style.visibility="visible",i.style.visibility="visible"):(n.style.visibility="hidden",i.style.visibility="visible"):(n.style.visibility="visible",i.style.visibility="hidden")}updateSlider(t){const n=document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector(".box-wrap"),i=document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector("#prevBtn"),o=document.querySelector(`#${this.sliderId}`).shadowRoot.querySelector("#nextBtn");this.updateArrows(void 0!==t?t.target:n,i,o)}leftScroll(t){const n=document.querySelector(`#${t.sliderId}`).shadowRoot.querySelector(".box-wrap");n.scrollLeft>0&&n.scrollBy(-200,0)}rightScroll(t){const n=document.querySelector(`#${t.sliderId}`).shadowRoot.querySelector(".box-wrap");n.scrollLeft+n.offsetWidth<n.scrollWidth&&n.scrollBy(200,0)}render(){return n(i,{class:"nav-slider",id:this.sliderId},n("div",{class:"btn-wrap-left"},n("button",{id:"prevBtn",class:"navArrows",onClick:()=>this.leftScroll(this)},n("svg",{width:"11",height:"15",viewBox:"0 0 11 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.166 13.2375L4.39723 7.5L10.166 1.7625L8.39004 0L0.832683 7.5L8.39004 15L10.166 13.2375Z",fill:"white"})))),n("div",{class:"box-wrap"},n("slot",null)),n("div",{class:"btn-wrap-right"},n("button",{id:"nextBtn",class:"navArrows ",onClick:()=>this.rightScroll(this)},n("svg",{width:"11",height:"15",viewBox:"0 0 11 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0.833984 1.7625L6.60277 7.5L0.833984 13.2375L2.60996 15L10.1673 7.5L2.60996 0L0.833984 1.7625Z",fill:"white"})))))}get el(){return o(this)}};e.style="@media only screen and (min-width: 1200px){:host{max-width:746px;padding:0px 0px;display:flex;align-items:center;margin-left:-23px}:host .box-wrap{width:100%;height:auto;display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}:host .box-wrap::-webkit-scrollbar{display:none}}@media only screen and (min-width: 1440px){:host{margin-left:-46px}}:host .navArrows{display:inline-block}:host .navArrows svg{vertical-align:middle}:host .btn-wrap-left,:host .btn-wrap-right{display:none}@media only screen and (min-width: 1200px){:host .btn-wrap-left,:host .btn-wrap-right{display:inline-block;width:32px;height:32px;position:relative}}@media (max-width: 1199px){:host .btn-wrap-left,:host .btn-wrap-right{display:none !important}}:host button#prevBtn,:host button#nextBtn{background:transparent;border-radius:var(--ptc-border-radius-standard);border:none;width:32px;height:32px}:host button#prevBtn:hover,:host button#nextBtn:hover{background:var(--color-gray-12)}:host .btn-wrap-left{margin-right:14px}:host .btn-wrap-right{margin-left:14px}";export{e as ptc_nav_slider}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as a,h as n,H as e,g as r}from"./p-9dd25c18.js";const i=class{constructor(n){a(this,n),this.mobileTitle="See page topics",this.navOpen=!1}toggleNav(){this.navOpen=!this.navOpen}handleScroll(){const a=this.el.shadowRoot.querySelector(".navbar");a&&a.getBoundingClientRect().top<=0&&(this.navOpen=!1)}render(){return n(e,null,n("nav",{class:"navbar "+(this.navOpen?"navOpen":"")},n("button",{class:"navbar-toggle",onClick:()=>this.toggleNav()},this.mobileTitle,n("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"15",viewBox:"0 0 15 15",fill:"white",class:""},n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.2375 2.83325L7.5 8.60203L1.7625 2.83325L-7.76305e-08 4.60923L7.5 12.1666L15 4.60923L13.2375 2.83325Z",fill:"white"}))),n("div",{class:"navbar-inner"},n("div",{class:"nav-wrapper"},n("slot",{name:"subnav-menu-left"}),n("slot",{name:"subnav-menu-right"})))))}get el(){return r(this)}};i.style=":host{display:block;width:100%;background-color:var(--color-gray-10);position:relative}:host .navbar .navbar-inner{width:100%;margin:auto;padding:0px;display:none}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner{width:1170px}}@media only screen and (min-width: 1440px){:host .navbar .navbar-inner{width:87.5rem}}@media only screen and (min-width: 1600px){:host .navbar .navbar-inner{width:97.5rem}}@media only screen and (min-width: 1980px){:host .navbar .navbar-inner{width:117.5rem}}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner{padding:10px 16px;height:auto;display:block}}:host .navbar .navbar-inner .nav-wrapper{width:auto;margin:auto 32px;min-width:163px}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner .nav-wrapper{width:auto;display:flex;justify-content:space-between}}:host .navbar.navOpen .navbar-inner{background-color:var(--color-gray-12);display:block}:host .navbar .navbar-toggle{display:block;width:100%;text-align:center;color:var(--color-white);background-color:var(--color-gray-10);border:none;padding:16px;font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .navbar .navbar-toggle svg{vertical-align:middle;margin-left:4px}@media only screen and (min-width: 1200px){:host .navbar .navbar-toggle{display:none}}";export{i as ptc_subnav}
|