@ptcwebops/ptcw-design 3.3.2 → 3.3.4
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/list-item.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ptc-background-video.cjs.entry.js +1 -1
- package/dist/cjs/ptc-dynamic-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-quote.cjs.entry.js +1 -1
- package/dist/cjs/ptc-value-led-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-value-led-content-highlight.cjs.entry.js +1 -1
- package/dist/cjs/ptc-value-led-content.cjs.entry.js +1 -1
- package/dist/cjs/ptc-value-led-intro.cjs.entry.js +1 -1
- package/dist/cjs/ptc-value-led-layout.cjs.entry.js +47 -3
- package/dist/cjs/ptc-value-led-speed-bump.cjs.entry.js +2 -2
- package/dist/cjs/ptc-white-paper.cjs.entry.js +5 -225
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/collection/components/list-item/list-item.js +1 -1
- package/dist/collection/components/ptc-background-video/ptc-background-video.js +1 -1
- package/dist/collection/components/ptc-dynamic-card/ptc-dynamic-card.css +2 -0
- package/dist/collection/components/ptc-quote/ptc-quote.css +14 -4
- package/dist/collection/components/ptc-value-led-card/ptc-value-led-card.css +7 -7
- package/dist/collection/components/ptc-value-led-content/ptc-value-led-content.css +7 -7
- package/dist/collection/components/ptc-value-led-content-highlight/ptc-value-led-content-highlight.css +9 -9
- package/dist/collection/components/ptc-value-led-intro/ptc-value-led-intro.css +9 -3
- package/dist/collection/components/ptc-value-led-layout/ptc-value-led-layout.css +76 -26
- package/dist/collection/components/ptc-value-led-layout/ptc-value-led-layout.js +54 -4
- package/dist/collection/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.css +18 -6
- package/dist/collection/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.js +1 -1
- package/dist/collection/components/ptc-white-paper/ptc-white-paper.js +10 -229
- package/dist/custom-elements/index.js +64 -240
- package/dist/esm/list-item.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ptc-background-video.entry.js +1 -1
- package/dist/esm/ptc-dynamic-card.entry.js +1 -1
- package/dist/esm/ptc-quote.entry.js +1 -1
- package/dist/esm/ptc-value-led-card.entry.js +1 -1
- package/dist/esm/ptc-value-led-content-highlight.entry.js +1 -1
- package/dist/esm/ptc-value-led-content.entry.js +1 -1
- package/dist/esm/ptc-value-led-intro.entry.js +1 -1
- package/dist/esm/ptc-value-led-layout.entry.js +47 -3
- package/dist/esm/ptc-value-led-speed-bump.entry.js +2 -2
- package/dist/esm/ptc-white-paper.entry.js +5 -225
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/ptcw-design/p-0f44c924.entry.js +1 -0
- package/dist/ptcw-design/p-37ba88b9.entry.js +1 -0
- package/dist/ptcw-design/p-3eee7c0b.entry.js +1 -0
- package/dist/ptcw-design/p-4b1bb2ca.entry.js +1 -0
- package/dist/ptcw-design/p-63d80a6a.entry.js +1 -0
- package/dist/ptcw-design/p-88cb7080.entry.js +1 -0
- package/dist/ptcw-design/p-98726195.entry.js +1 -0
- package/dist/ptcw-design/{p-7c079ff8.entry.js → p-a665cc11.entry.js} +1 -1
- package/dist/ptcw-design/{p-236073e1.entry.js → p-d6adaf89.entry.js} +1 -1
- package/dist/ptcw-design/{p-579fc018.entry.js → p-f8e41992.entry.js} +1 -1
- package/dist/ptcw-design/p-fa0bac17.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-value-led-layout/ptc-value-led-layout.d.ts +3 -1
- package/dist/types/components/ptc-white-paper/ptc-white-paper.d.ts +2 -2
- package/dist/types/components.d.ts +2 -2
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/ptcw-design/p-036234e7.entry.js +0 -1
- package/dist/ptcw-design/p-0fb9aa7d.entry.js +0 -1
- package/dist/ptcw-design/p-137ddeeb.entry.js +0 -1
- package/dist/ptcw-design/p-1c99d17d.entry.js +0 -1
- package/dist/ptcw-design/p-1cd21bb3.entry.js +0 -1
- package/dist/ptcw-design/p-523f57c3.entry.js +0 -1
- package/dist/ptcw-design/p-ab3c80b0.entry.js +0 -1
- package/dist/ptcw-design/p-ae99e19e.entry.js +0 -1
|
@@ -796,7 +796,7 @@ const ListItem$2 = class extends HTMLElement$1 {
|
|
|
796
796
|
}
|
|
797
797
|
render() {
|
|
798
798
|
const classMap = this.getCssClassMap();
|
|
799
|
-
return (h$1(Host, { class: classMap }, this.styles && h$1("style", null, this.styles), h$1("li", null, this.linkHref ? (h$1("a", Object.assign({ class: "item-link", target: this.linkTarget }, (this.linkHref ? { href: this.linkHref } : {}), (this.ariaLabel !== '' ? {
|
|
799
|
+
return (h$1(Host, { class: classMap }, this.styles && h$1("style", null, this.styles), h$1("li", null, this.linkHref ? (h$1("a", Object.assign({ class: "item-link", target: this.linkTarget }, (this.linkHref ? { href: this.linkHref } : {}), (this.ariaLabel !== '' ? { 'aria-label': this.ariaLabel } : {})), h$1("slot", null))) : (h$1("slot", null)))));
|
|
800
800
|
}
|
|
801
801
|
getCssClassMap() {
|
|
802
802
|
return {
|
|
@@ -1305,7 +1305,7 @@ const PtcBackgroundVideo$1 = class extends HTMLElement$1 {
|
|
|
1305
1305
|
}
|
|
1306
1306
|
render() {
|
|
1307
1307
|
const videoContent = this.isIframe ? (h$1("div", { class: "iframe-wrapper" }, h$1("iframe", { id: "jumbotron-iframe", src: this.videoSrc, frameborder: 0, allow: "autoplay", allowFullScreen: true, class: "background-video-embed" }))) : (h$1("video", { src: this.videoSrc, poster: this.posterSrc, autoplay: true, loop: true, muted: true, playsinline: true }));
|
|
1308
|
-
return (h$1(Host, { class: this.type }, videoContent, !!this.videoSrc && this.playButtonTitle && (h$1("div", { class: "play-button" }, this.paused && (h$1("ptc-tooltip", { class: "play-btn", mode: "wrapper", description: this.playButtonTitle, position: "bottom-right", styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important;}" }, h$1("ptc-button", { type: "button", color: "icon-toggle", onClick: e => this.toggleVideoPlay(e), styles: "button.icon-toggle { padding :0px 8px; }" }, h$1("icon-asset", { name: "play", size: "small", type: "ptc", color: "black" })))), !this.paused && !!this.pauseButtonTitle && (h$1("ptc-tooltip", { class: "pause-btn", mode: "wrapper", description: this.pauseButtonTitle, position: "bottom-right", styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important;}" }, h$1("ptc-button", { type: "button", color: "icon-toggle", onClick: e => this.toggleVideoPlay(e) }, h$1("icon-asset", { name: "pause", size: "small", type: "ptc", color: "black" })))))), this.overlay ? h$1("div", { class: "video-overlay" }) : '', this.type == 'default' ? h$1("slot", null) : ''));
|
|
1308
|
+
return (h$1(Host, { class: this.type }, videoContent, !!this.videoSrc && this.playButtonTitle && (h$1("div", { class: "play-button" }, this.paused && (h$1("ptc-tooltip", { class: "play-btn", mode: "wrapper", description: this.playButtonTitle, position: "bottom-right", styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important;}" }, h$1("ptc-button", { type: "button", color: "icon-toggle", onClick: e => this.toggleVideoPlay(e), styles: "button.icon-toggle { padding :0px 8px; }", "aria-label": "Video Play / Pause button" }, h$1("icon-asset", { name: "play", size: "small", type: "ptc", color: "black" })))), !this.paused && !!this.pauseButtonTitle && (h$1("ptc-tooltip", { class: "pause-btn", mode: "wrapper", description: this.pauseButtonTitle, position: "bottom-right", styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important;}" }, h$1("ptc-button", { type: "button", color: "icon-toggle", onClick: e => this.toggleVideoPlay(e) }, h$1("icon-asset", { name: "pause", size: "small", type: "ptc", color: "black" })))))), this.overlay ? h$1("div", { class: "video-overlay" }) : '', this.type == 'default' ? h$1("slot", null) : ''));
|
|
1309
1309
|
}
|
|
1310
1310
|
toggleVideoPlay(e) {
|
|
1311
1311
|
e.preventDefault();
|
|
@@ -8743,7 +8743,7 @@ const PtcDropdown$1 = class extends HTMLElement$1 {
|
|
|
8743
8743
|
static get style() { return ptcDropdownCss; }
|
|
8744
8744
|
};
|
|
8745
8745
|
|
|
8746
|
-
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:flex-start;align-items:center;padding:var(--ptc-element-spacing-06)}@media only screen and (min-width: 1200px){:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{height:unset;flex:0 0 310px}}:host(.sequential) .card-mobile ptc-picture,:host(.sequential) .card-dt-open ptc-picture{flex:1 1 auto}: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-medium);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)}@media only screen and (min-width: 768px){:host(.sequential) .card-mobile .card-title h3,:host(.sequential) .card-dt-open .card-title h3{font-size:var(--ptc-font-size-large)}}: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:320px;min-width:226px;position:relative}@media only screen and (min-width: 480px){:host(.sequential) .card-mobile{max-width:350px}}: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-mobile ptc-card-content{align-items:flex-start}: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;max-width:790px;height:480px;transition:width var(--ptc-transition-x-fast) var(--ptc-ease-out)}@media only screen and (min-width: 1440px){:host(.sequential) .card-dt-open{max-width:825px}}:host(.sequential):host(.active) .card-mobile::before{background-color:var(--color-green-05)}";
|
|
8746
|
+
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:flex-start;align-items:center;padding:var(--ptc-element-spacing-06)}@media only screen and (min-width: 1200px){:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{height:unset;flex:0 0 310px}}:host(.sequential) .card-mobile ptc-picture,:host(.sequential) .card-dt-open ptc-picture{flex:1 1 auto}: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-medium);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)}@media only screen and (min-width: 768px){:host(.sequential) .card-mobile .card-title h3,:host(.sequential) .card-dt-open .card-title h3{font-size:var(--ptc-font-size-large)}}: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:320px;min-width:226px;position:relative}@media only screen and (min-width: 480px){:host(.sequential) .card-mobile{max-width:350px}}: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-mobile ptc-card-content{align-items:flex-start}: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);word-break:break-word;hyphens:auto}@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;max-width:790px;height:480px;transition:width var(--ptc-transition-x-fast) var(--ptc-ease-out)}@media only screen and (min-width: 1440px){:host(.sequential) .card-dt-open{max-width:825px}}:host(.sequential):host(.active) .card-mobile::before{background-color:var(--color-green-05)}";
|
|
8747
8747
|
|
|
8748
8748
|
const PtcDynamicCard$1 = class extends HTMLElement$1 {
|
|
8749
8749
|
constructor() {
|
|
@@ -14657,7 +14657,7 @@ const PtcProgressBar$1 = class extends HTMLElement$1 {
|
|
|
14657
14657
|
|
|
14658
14658
|
const QuotationMark = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48.12 32.76"><defs><style>.cls-1{isolation:isolate;}.cls-2{fill:#cac8c8;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g class="cls-1"><g class="cls-1"><path class="cls-2" d="M24,0,18,15.12h5.4L19.68,32.76H0l3.72-18L11.4,0ZM48.12,0l-6,15.12h5.4L43.8,32.76H24.12l3.72-18L35.52,0Z"/></g></g></g></g></svg>`;
|
|
14659
14659
|
|
|
14660
|
-
const ptcQuoteCss = ":host{display:flex;width:100%;position:relative;overflow:hidden;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:flex-start}:host(.image-quote) .quote-media{position:relative;flex-basis:auto}:host(.image-quote) .quote-media img{width:100%}:host(.image-quote) .quote-media .our-leadership{width:89%;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-04) var(--ptc-element-spacing-02) var(--ptc-element-spacing-04);top:0px;margin:0px auto;display:flex;position:relative;box-shadow:var(--ptc-shadow-large);background-color:var(--color-white);transform:translateY(-50%)}:host(.image-quote) .quote-media .our-leadership p{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-black);color:var(--color-gray-10);line-height:var(--ptc-line-height-p);letter-spacing:var(--ptc-letter-spacing-loose);margin-block-end:0;margin-block-start:0}:host(.image-quote) .quote-media .our-leadership .line{height:2px;width:82%;position:absolute;top:20%}:host(.image-quote) .quote-media .our-leadership .line .green-line{width:30%;height:2px;background-color:var(--color-green-05);display:inline-block;position:absolute}:host(.image-quote) .quote-media .our-leadership .line .grey-line{width:70%;height:1px;background-color:var(--color-gray-03);display:inline-block;position:absolute;left:30%}:host(.image-quote) .quote-content{flex-basis:auto;display:flex;flex-flow:column nowrap}:host(.image-quote) .quote-content .quotemarks{flex-basis:7%;width:15%;margin-bottom:var(--ptc-element-spacing-03);max-width:2.5rem}:host(.image-quote) .quote-content blockquote{flex-basis:93%;margin-block-start:calc(-1 * var(--ptc-element-spacing-04));margin-inline-start:0;margin-inline-end:0}:host(.image-quote) .quote-content blockquote p{font-weight:var(--ptc-font-weight-medium);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-p);font-style:var(--ptc-font-style-italic);color:var(--color-gray-10);letter-spacing:var(--ptc-letter-spacing-loose);margin:var(--ptc-element-spacing-04) 0}:host(.image-quote) .quote-content .quote-name{display:block;margin-bottom:var(--ptc-element-spacing-07);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium)}@media only screen and (min-width: 768px){:host(.image-quote) .quote-media .our-leadership{width:65%;padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) var(--ptc-element-spacing-03) var(--ptc-element-spacing-06);transform:translateY(-25%)}:host(.image-quote) .quote-media .our-leadership p{font-size:var(--ptc-font-size-large)}:host(.image-quote) .quote-content .quotemarks{width:10%}:host(.image-quote) .quote-content blockquote p{font-size:var(--ptc-font-size-medium);letter-spacing:var(--ptc-letter-spacing-normal)}:host(.image-quote) .quote-content .quote-name{font-size:var(--ptc-font-size-medium);letter-spacing:var(--ptc-letter-spacing-normal)}}@media only screen and (min-width: 992px){:host(.image-quote) .quote-content{margin-right:5%;margin-left:5%}:host(.image-quote) .quote-content blockquote p{font-size:var(--ptc-font-size-large)}:host(.image-quote) .quote-content .quote-name{font-size:var(--ptc-font-size-large)}}@media only screen and (min-width: 1200px){:host(.image-quote){flex-direction:row}:host(.image-quote) .quote-media{flex-basis:40%;padding:unset;margin:var(--ptc-layout-spacing-05) 0px 0px calc(var(--ptc-layout-spacing-06) * 2);padding-right:var(--ptc-element-spacing-08)}:host(.image-quote) .quote-media .our-leadership{width:78%;transform:translateY(-50%)}:host(.image-quote) .quote-media .our-leadership .line{top:18%}:host(.image-quote) .quote-content{flex-basis:58%;flex-flow:row nowrap;margin-left:unset;margin-right:unset}:host(.image-quote) .quote-content .quotemarks{flex-basis:8%;margin-right:var(--ptc-element-spacing-03)}}:host(.plain-quote) blockquote{margin:0 auto;padding:0 0 var(--ptc-element-spacing-04) var(--ptc-element-spacing-04);border-left:5px solid var(--color-green-05)}:host(.plain-quote) blockquote p{font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-p);font-style:var(--ptc-font-style-italic);color:var(--color-gray-10);margin:var(--ptc-element-spacing-04) 0}:host(.plain-quote) .quote-content{flex-basis:auto}:host(.plain-quote) .quote-content .quote-name{display:block;margin-bottom:var(--ptc-element-spacing-07);font-size:var(--ptc-font-size-x-small)}:host(.value-led-quote){margin-bottom:48px}:host(.value-led-quote) blockquote{margin:0;border-left:7px solid var(--color-green-07);padding-left:32px}@media only screen and (min-width: 480px){:host(.value-led-quote) blockquote{margin:
|
|
14660
|
+
const ptcQuoteCss = ":host{display:flex;width:100%;position:relative;overflow:hidden;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:flex-start}:host(.image-quote) .quote-media{position:relative;flex-basis:auto}:host(.image-quote) .quote-media img{width:100%}:host(.image-quote) .quote-media .our-leadership{width:89%;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-04) var(--ptc-element-spacing-02) var(--ptc-element-spacing-04);top:0px;margin:0px auto;display:flex;position:relative;box-shadow:var(--ptc-shadow-large);background-color:var(--color-white);transform:translateY(-50%)}:host(.image-quote) .quote-media .our-leadership p{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-black);color:var(--color-gray-10);line-height:var(--ptc-line-height-p);letter-spacing:var(--ptc-letter-spacing-loose);margin-block-end:0;margin-block-start:0}:host(.image-quote) .quote-media .our-leadership .line{height:2px;width:82%;position:absolute;top:20%}:host(.image-quote) .quote-media .our-leadership .line .green-line{width:30%;height:2px;background-color:var(--color-green-05);display:inline-block;position:absolute}:host(.image-quote) .quote-media .our-leadership .line .grey-line{width:70%;height:1px;background-color:var(--color-gray-03);display:inline-block;position:absolute;left:30%}:host(.image-quote) .quote-content{flex-basis:auto;display:flex;flex-flow:column nowrap}:host(.image-quote) .quote-content .quotemarks{flex-basis:7%;width:15%;margin-bottom:var(--ptc-element-spacing-03);max-width:2.5rem}:host(.image-quote) .quote-content blockquote{flex-basis:93%;margin-block-start:calc(-1 * var(--ptc-element-spacing-04));margin-inline-start:0;margin-inline-end:0}:host(.image-quote) .quote-content blockquote p{font-weight:var(--ptc-font-weight-medium);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-p);font-style:var(--ptc-font-style-italic);color:var(--color-gray-10);letter-spacing:var(--ptc-letter-spacing-loose);margin:var(--ptc-element-spacing-04) 0}:host(.image-quote) .quote-content .quote-name{display:block;margin-bottom:var(--ptc-element-spacing-07);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium)}@media only screen and (min-width: 768px){:host(.image-quote) .quote-media .our-leadership{width:65%;padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) var(--ptc-element-spacing-03) var(--ptc-element-spacing-06);transform:translateY(-25%)}:host(.image-quote) .quote-media .our-leadership p{font-size:var(--ptc-font-size-large)}:host(.image-quote) .quote-content .quotemarks{width:10%}:host(.image-quote) .quote-content blockquote p{font-size:var(--ptc-font-size-medium);letter-spacing:var(--ptc-letter-spacing-normal)}:host(.image-quote) .quote-content .quote-name{font-size:var(--ptc-font-size-medium);letter-spacing:var(--ptc-letter-spacing-normal)}}@media only screen and (min-width: 992px){:host(.image-quote) .quote-content{margin-right:5%;margin-left:5%}:host(.image-quote) .quote-content blockquote p{font-size:var(--ptc-font-size-large)}:host(.image-quote) .quote-content .quote-name{font-size:var(--ptc-font-size-large)}}@media only screen and (min-width: 1200px){:host(.image-quote){flex-direction:row}:host(.image-quote) .quote-media{flex-basis:40%;padding:unset;margin:var(--ptc-layout-spacing-05) 0px 0px calc(var(--ptc-layout-spacing-06) * 2);padding-right:var(--ptc-element-spacing-08)}:host(.image-quote) .quote-media .our-leadership{width:78%;transform:translateY(-50%)}:host(.image-quote) .quote-media .our-leadership .line{top:18%}:host(.image-quote) .quote-content{flex-basis:58%;flex-flow:row nowrap;margin-left:unset;margin-right:unset}:host(.image-quote) .quote-content .quotemarks{flex-basis:8%;margin-right:var(--ptc-element-spacing-03)}}:host(.plain-quote) blockquote{margin:0 auto;padding:0 0 var(--ptc-element-spacing-04) var(--ptc-element-spacing-04);border-left:5px solid var(--color-green-05)}:host(.plain-quote) blockquote p{font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-p);font-style:var(--ptc-font-style-italic);color:var(--color-gray-10);margin:var(--ptc-element-spacing-04) 0}:host(.plain-quote) .quote-content{flex-basis:auto}:host(.plain-quote) .quote-content .quote-name{display:block;margin-bottom:var(--ptc-element-spacing-07);font-size:var(--ptc-font-size-x-small)}:host(.value-led-quote){margin-bottom:32px}@media only screen and (min-width: 480px){:host(.value-led-quote){margin-bottom:48px}}:host(.value-led-quote) blockquote{margin:8px 0 8px 0;border-left:7px solid var(--color-green-07);padding-left:32px}@media only screen and (min-width: 480px){:host(.value-led-quote) blockquote{margin:16px 40px 0 40px}}@media only screen and (min-width: 992px){:host(.value-led-quote) blockquote{margin:24px 48px 8px 48px}}@media only screen and (min-width: 1440px){:host(.value-led-quote) blockquote{margin:8px 48px 8px 48px}}:host(.value-led-quote) blockquote p,:host(.value-led-quote) blockquote span{color:var(--color-gray-10);font-size:18px;font-weight:600;line-height:1.5}:host(.value-led-quote) blockquote .quote-name{font-weight:500}";
|
|
14661
14661
|
|
|
14662
14662
|
const PtcQuote$1 = class extends HTMLElement$1 {
|
|
14663
14663
|
constructor() {
|
|
@@ -25570,7 +25570,7 @@ const PtcTwoColumnMedia$1 = class extends HTMLElement$1 {
|
|
|
25570
25570
|
static get style() { return ptcTwoColumnMediaCss; }
|
|
25571
25571
|
};
|
|
25572
25572
|
|
|
25573
|
-
const ptcValueLedCardCss = ":host{display:block;padding:32px;border-radius:var(--ptc-border-radius-standard);border:1px solid var(--color-gray-02);margin-bottom:
|
|
25573
|
+
const ptcValueLedCardCss = ":host{display:block;padding:32px;border-radius:var(--ptc-border-radius-standard);border:1px solid var(--color-gray-02);margin-bottom:var(--ptc-element-spacing-04)}@media only screen and (min-width: 768px){:host{display:inline-flex;align-items:flex-start;gap:var(--ptc-layout-spacing-03)}}:host ptc-picture{max-width:200px;min-width:150px;margin-bottom:var(--ptc-element-spacing-06)}@media only screen and (min-width: 480px){:host ptc-picture{min-width:200px}}@media only screen and (min-width: 768px){:host ptc-picture{margin-bottom:0}}:host .card-content .tag{display:block;margin-bottom:var(--ptc-element-spacing-02);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-p)}";
|
|
25574
25574
|
|
|
25575
25575
|
const PtcValueLedCard$1 = class extends HTMLElement$1 {
|
|
25576
25576
|
constructor() {
|
|
@@ -25586,7 +25586,7 @@ const PtcValueLedCard$1 = class extends HTMLElement$1 {
|
|
|
25586
25586
|
static get style() { return ptcValueLedCardCss; }
|
|
25587
25587
|
};
|
|
25588
25588
|
|
|
25589
|
-
const ptcValueLedContentCss = ":host{display:block;
|
|
25589
|
+
const ptcValueLedContentCss = ":host{display:block;margin-bottom:var(--ptc-element-spacing-07)}@media only screen and (min-width: 1440px){:host{margin-bottom:var(--ptc-element-spacing-09)}}:host .vl-content-title{margin-bottom:var(--ptc-element-spacing-04)}";
|
|
25590
25590
|
|
|
25591
25591
|
const PtcValueLedContent$1 = class extends HTMLElement$1 {
|
|
25592
25592
|
constructor() {
|
|
@@ -25600,7 +25600,7 @@ const PtcValueLedContent$1 = class extends HTMLElement$1 {
|
|
|
25600
25600
|
static get style() { return ptcValueLedContentCss; }
|
|
25601
25601
|
};
|
|
25602
25602
|
|
|
25603
|
-
const ptcValueLedContentHighlightCss = ".sc-ptc-value-led-content-highlight-h{display:block;border-left:7px solid var(--color-green-07);padding-left:32px;margin:
|
|
25603
|
+
const ptcValueLedContentHighlightCss = ".sc-ptc-value-led-content-highlight-h{display:block;border-left:7px solid var(--color-green-07);padding-left:32px;margin:40px 0 40px 0}@media only screen and (min-width: 480px){.sc-ptc-value-led-content-highlight-h{margin:48px 40px 48px 40px}}@media only screen and (min-width: 992px){.sc-ptc-value-led-content-highlight-h{margin:56px 48px 56px 48px}}.sc-ptc-value-led-content-highlight-h.sc-ptc-value-led-content-highlight-s>p{color:var(--color-gray-10);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-p)}.sc-ptc-value-led-content-highlight-h.sc-ptc-value-led-content-highlight-s>ul li{color:var(--color-gray-10);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-p)}.sc-ptc-value-led-content-highlight-h.sc-ptc-value-led-content-highlight-s>ul{padding-left:12px}";
|
|
25604
25604
|
|
|
25605
25605
|
const PtcValueLedContentHighlight$1 = class extends HTMLElement$1 {
|
|
25606
25606
|
constructor() {
|
|
@@ -25613,7 +25613,7 @@ const PtcValueLedContentHighlight$1 = class extends HTMLElement$1 {
|
|
|
25613
25613
|
static get style() { return ptcValueLedContentHighlightCss; }
|
|
25614
25614
|
};
|
|
25615
25615
|
|
|
25616
|
-
const ptcValueLedIntroCss = ":host{display:block;padding-bottom:
|
|
25616
|
+
const ptcValueLedIntroCss = ":host{display:block;padding-bottom:var(--ptc-element-spacing-07);padding-top:var(--ptc-element-spacing-07)}@media only screen and (min-width: 768px){:host{padding-top:0}}@media only screen and (min-width: 1440px){:host{padding-bottom:var(--ptc-element-spacing-09)}}:host .content-tag{font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-p);font-weight:var(--ptc-font-weight-medium);margin-bottom:var(--ptc-element-spacing-01);color:var(--color-gray-10)}";
|
|
25617
25617
|
|
|
25618
25618
|
const PtcValueLedIntro$1 = class extends HTMLElement$1 {
|
|
25619
25619
|
constructor() {
|
|
@@ -25628,7 +25628,7 @@ const PtcValueLedIntro$1 = class extends HTMLElement$1 {
|
|
|
25628
25628
|
static get style() { return ptcValueLedIntroCss; }
|
|
25629
25629
|
};
|
|
25630
25630
|
|
|
25631
|
-
const ptcValueLedLayoutCss = ".ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){.ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){.ptc-container{padding-left:0;padding-right:0;max-width:1200px}}.ptc-container-lg{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 480px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-03);padding-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 768px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-04);padding-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 992px){.ptc-container-lg{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 1980px){.ptc-container-lg{padding-left:0;padding-right:0;max-width:1900px}}.ptc-container-fluid{width:100%}:host{display:block;position:relative}:host *{box-sizing:border-box}:host .top-image{background-color:rgba(0, 0, 0, 0.
|
|
25631
|
+
const ptcValueLedLayoutCss = ".ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){.ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){.ptc-container{padding-left:0;padding-right:0;max-width:1200px}}.ptc-container-lg{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 480px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-03);padding-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 768px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-04);padding-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 992px){.ptc-container-lg{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 1980px){.ptc-container-lg{padding-left:0;padding-right:0;max-width:1900px}}.ptc-container-fluid{width:100%}:host{display:block;position:relative}:host *{box-sizing:border-box}:host .top-image{background-color:rgba(0, 0, 0, 0.6);background-blend-mode:multiply;position:absolute;z-index:-1;width:100%;height:500px;background-size:cover;background-position:center}:host .pdf-slot-wrapper{padding:var(--ptc-element-spacing-04) 0;width:100%;text-align:right}:host .vl-layout-wrap{margin-top:var(--ptc-element-spacing-04);width:100%;position:relative}@media only screen and (min-width: 992px){:host .vl-layout-wrap{display:flex;margin-top:40px}}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-sidebar{width:22%;margin-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 1200px){:host .vl-layout-wrap .vl-sidebar{margin-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 1440px){:host .vl-layout-wrap .vl-sidebar{margin-right:40px}}:host .vl-layout-wrap .vl-list-wrap{width:100%;padding:8px 0;box-shadow:var(--ptc-shadow-x-large);max-height:calc(100vh - 64px);background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard)}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-list-wrap{z-index:105;margin:auto;position:sticky;top:32px;right:0;float:right;overflow-y:auto;overflow-x:hidden;padding:var(--ptc-layout-spacing-03) 0}}@media only screen and (min-width: 1200px){:host .vl-layout-wrap .vl-list-wrap{padding:var(--ptc-layout-spacing-04) 0}}:host .vl-layout-wrap .vl-list-wrap ul{margin:0;padding:0;list-style:none}:host .vl-layout-wrap .vl-list-wrap ul li{display:none}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-list-wrap ul li{display:block;margin:0 16px 4px 16px}}@media only screen and (min-width: 1200px){:host .vl-layout-wrap .vl-list-wrap ul li{margin:0 16px 8px 16px}}:host .vl-layout-wrap .vl-list-wrap ul li a{display:block;padding:8px 16px;font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);text-decoration:none;color:var(--color-gray-10);position:relative;background-color:transparent;border-radius:var(--ptc-border-radius-standard)}@media only screen and (min-width: 1200px){:host .vl-layout-wrap .vl-list-wrap ul li a{font-size:var(--ptc-font-size-small)}}:host .vl-layout-wrap .vl-list-wrap ul li a::before{content:\"\";display:block;width:2px;height:calc(100% - 16px);background-color:transparent;position:absolute;left:4px}:host .vl-layout-wrap .vl-list-wrap ul li a:hover{background-color:var(--color-gray-02)}:host .vl-layout-wrap .vl-list-wrap ul li.active{display:block}:host .vl-layout-wrap .vl-list-wrap ul li.active a{font-weight:var(--ptc-font-weight-bold)}:host .vl-layout-wrap .vl-list-wrap ul li.active a::before{background-color:var(--color-green-07)}:host .vl-layout-wrap .vl-list-wrap::-webkit-scrollbar{width:8px}:host .vl-layout-wrap .vl-list-wrap::-webkit-scrollbar-track{background:transparent}:host .vl-layout-wrap .vl-list-wrap::-webkit-scrollbar-thumb{background:var(--color-gray-02);border-radius:var(--ptc-border-radius-pill)}:host .vl-layout-wrap .vl-list-wrap select{z-index:105;background-color:var(--color-white)}:host .vl-layout-wrap .vl-content-wrap{width:100%;padding:0 20px 20px 20px;background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-large)}@media only screen and (min-width: 480px){:host .vl-layout-wrap .vl-content-wrap{padding:0 32px 32px 32px}}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-content-wrap{width:78%;padding:48px}}:host .vl-layout-wrap .vl-content-wrap .mobile-select{position:sticky;top:-1px;z-index:1056;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:var(--color-white);width:calc(100% + 40px);margin-left:-20px;border-top-left-radius:4px;border-top-right-radius:4px}@media only screen and (min-width: 480px){:host .vl-layout-wrap .vl-content-wrap .mobile-select{width:calc(100% + 64px);margin-left:-32px}}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select{display:block}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select{display:none}}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-button{width:100%;background-color:transparent;border-radius:0.25rem;cursor:pointer;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p);font-size:var(--ptc-font-size-small);display:flex;justify-content:space-between;align-items:center;border-radius:4px 4px 0px 0px;box-shadow:var(--ptc-shadow-x-large);padding:var(--ptc-element-spacing-06);border:none;color:var(--color-gray-10);position:relative}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-button::after{content:\"\";width:100%;height:0;background-color:transparent;display:block;position:absolute;bottom:0;box-shadow:0 16px 16px rgba(0, 0, 0, 0.2);left:0;right:0;z-index:105666}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-button .selected-value{text-align:left;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p);font-size:var(--ptc-font-size-small);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-button .arrow{min-width:14px;width:14px;height:10px;background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"10\" viewBox=\"0 0 14 10\" fill=\"none\"><path d=\"M2 2.30469L6.94975 7.60799L11.8995 2.30469\" stroke=\"%2300890B\" stroke-width=\"3\" stroke-linecap=\"round\"/></svg>');background-repeat:no-repeat;transition:transform ease-in-out 0.3s;margin-left:15px}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown{position:absolute;list-style:none;width:100%;border-radius:0 0 4px 4px;background:var(--color-white);margin:0;padding:16px 0;max-height:70vh;overflow-y:auto;transition:0.5s ease;z-index:30000;box-shadow:0px 16px 16px rgba(0, 0, 0, 0.24);border-top:1px solid var(--color-gray-02);opacity:0;visibility:hidden}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown:focus-within{box-shadow:0 10px 25px rgba(94, 108, 233, 0.6)}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown li{position:relative;cursor:pointer}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown li label{display:block;width:100%;box-sizing:border-box;padding:16px 32px;cursor:pointer;font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-regular);color:var(--color-gray-10)}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown li label::before{content:\"\";display:block;width:2px;height:calc(100% - 32px);background-color:transparent;position:absolute;left:16px}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown li.active label{font-weight:700}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown li.active label::before{background-color:var(--color-green-07)}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown input[type=radio]{position:absolute;left:0;opacity:0}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown input[type=radio]:checked~label{font-weight:700}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown::-webkit-scrollbar{width:7px}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown::-webkit-scrollbar-track{background:var(--color-white);border-radius:25px}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown::-webkit-scrollbar-thumb{background:var(--color-gray-02);border-radius:25px}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select.active .arrow{transform:rotate(180deg)}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select.active .select-dropdown{opacity:1;visibility:visible}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select.scroll-top.active .select-button::after{height:16px}:host .vl-layout-wrap .vl-content-wrap .mobile-select:focus-visible{outline:none}:host .vl-layout-wrap .vl-content-wrap .vl-content-slot-wrap{padding:0}@media only screen and (min-width: 768px){:host .vl-layout-wrap .vl-content-wrap .vl-content-slot-wrap{padding-top:var(--ptc-element-spacing-07)}}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-content-wrap .vl-content-slot-wrap{padding:0}}:host .select-dropdown input:focus~label{background-color:#dfdfdf}";
|
|
25632
25632
|
|
|
25633
25633
|
const PtcValueLedLayout$1 = class extends HTMLElement$1 {
|
|
25634
25634
|
constructor() {
|
|
@@ -25672,15 +25672,59 @@ const PtcValueLedLayout$1 = class extends HTMLElement$1 {
|
|
|
25672
25672
|
this.optionsList = this.hostElement.shadowRoot.querySelectorAll(".select-dropdown li");
|
|
25673
25673
|
this.selectBtn.addEventListener('click', this.handleSelectButtonClick.bind(this));
|
|
25674
25674
|
this.customSelectDropdown();
|
|
25675
|
+
document.querySelectorAll('.video-embad-container-value-led-class').forEach(item => {
|
|
25676
|
+
const ptcContainer = item.querySelector('.ptc-container');
|
|
25677
|
+
if (ptcContainer) {
|
|
25678
|
+
ptcContainer.classList.remove('ptc-container');
|
|
25679
|
+
item.classList.add('u-paddingTop-flush');
|
|
25680
|
+
}
|
|
25681
|
+
});
|
|
25675
25682
|
}
|
|
25676
|
-
|
|
25683
|
+
// @Listen('scroll', { target: 'window' })
|
|
25684
|
+
// handleScroll() {
|
|
25685
|
+
// this.setActiveItem();
|
|
25686
|
+
// }
|
|
25687
|
+
handleWheel(event) {
|
|
25688
|
+
console.log(event);
|
|
25677
25689
|
this.setActiveItem();
|
|
25678
25690
|
}
|
|
25691
|
+
handleKeyDown(event) {
|
|
25692
|
+
if (event.key === 'ArrowUp' ||
|
|
25693
|
+
event.key === 'ArrowDown' ||
|
|
25694
|
+
event.key === 'PageUp' ||
|
|
25695
|
+
event.key === 'PageDown') {
|
|
25696
|
+
this.setActiveItem();
|
|
25697
|
+
}
|
|
25698
|
+
}
|
|
25679
25699
|
handleResize() {
|
|
25680
25700
|
this.isMobile = window.innerWidth < 992;
|
|
25681
25701
|
this.setActiveItem();
|
|
25682
25702
|
this.customSelectDropdown();
|
|
25683
25703
|
}
|
|
25704
|
+
handleDropdownScroll() {
|
|
25705
|
+
let dropdownWrap = this.hostElement.shadowRoot.querySelector('.custom-select');
|
|
25706
|
+
if (dropdownWrap) {
|
|
25707
|
+
let body = dropdownWrap.querySelector('.select-dropdown');
|
|
25708
|
+
var height = body.clientHeight;
|
|
25709
|
+
var scrollHeight = body.scrollHeight;
|
|
25710
|
+
var scrollTop = body.scrollTop;
|
|
25711
|
+
var offset = body.offsetHeight;
|
|
25712
|
+
if (height < scrollHeight) { //has scrollbar
|
|
25713
|
+
if (scrollTop > 0) { //can scroll up
|
|
25714
|
+
dropdownWrap.classList.add('scroll-top');
|
|
25715
|
+
}
|
|
25716
|
+
else {
|
|
25717
|
+
dropdownWrap.classList.remove('scroll-top');
|
|
25718
|
+
}
|
|
25719
|
+
if (offset + scrollTop < scrollHeight) { //can scroll down
|
|
25720
|
+
dropdownWrap.classList.add('scroll-bottom');
|
|
25721
|
+
}
|
|
25722
|
+
else {
|
|
25723
|
+
dropdownWrap.classList.remove('scroll-bottom');
|
|
25724
|
+
}
|
|
25725
|
+
}
|
|
25726
|
+
}
|
|
25727
|
+
}
|
|
25684
25728
|
handleSelectButtonClick() {
|
|
25685
25729
|
this.customSelect.classList.toggle("active");
|
|
25686
25730
|
this.selectBtn.setAttribute("aria-expanded", this.selectBtn.getAttribute("aria-expanded") === "true" ? "false" : "true");
|
|
@@ -25778,13 +25822,13 @@ const PtcValueLedLayout$1 = class extends HTMLElement$1 {
|
|
|
25778
25822
|
}
|
|
25779
25823
|
}
|
|
25780
25824
|
render() {
|
|
25781
|
-
return (h$1(Host, null, h$1("div", { class: 'top-image', style: { backgroundImage: `url(${this.topBackgroundImage})` } }), h$1("div", { class: 'ptc-container' }, h$1("div", { class: "pdf-slot-wrapper" }, h$1("slot", { name: 'pdf-slot' })), h$1("div", { class: "vl-layout-wrap" }, (this.sidebarData.length > 0 && !this.isMobile) && (h$1("div", { class: 'vl-sidebar' }, h$1("div", { class: 'vl-list-wrap' }, h$1("ul", null, this.sidebarData.map((item) => (h$1("li", null, h$1("a", { href: "#" + item.ref }, h$1("ptc-tooltip", { "max-length": "70", description: item.title, "no-overflow": "true" }))))))))), h$1("span", { style: { display: 'none !important' } }), h$1("div", { class: 'vl-content-wrap' }, h$1("div", { class: "custom-select mobile-select" }, h$1("button", { class: "select-button", role: "combobox", "aria-labelledby": "select button", "aria-haspopup": "listbox", "aria-expanded": "false", "aria-controls": "select-dropdown" }, h$1("span", { class: "selected-value" }, "Select option"), h$1("span", { class: "arrow" })), h$1("ul", { class: "select-dropdown", role: "listbox", id: "select-dropdown" }, this.sidebarData.map((item, index) => (h$1("li", { role: "option", id: index }, h$1("input", { type: "radio", id: item.title, name: "vl-drop-list" }), h$1("label", { htmlFor: item.title }, h$1("i", { class: "bx bxl-github" }), item.title)))))), h$1("div", { class: 'vl-content-slot-wrap' }, h$1("slot", null)))))));
|
|
25825
|
+
return (h$1(Host, null, h$1("div", { class: 'top-image', style: { backgroundImage: `url(${this.topBackgroundImage})` } }), h$1("div", { class: 'ptc-container' }, h$1("div", { class: "pdf-slot-wrapper" }, h$1("slot", { name: 'pdf-slot' })), h$1("div", { class: "vl-layout-wrap" }, (this.sidebarData.length > 0 && !this.isMobile) && (h$1("div", { class: 'vl-sidebar' }, h$1("div", { class: 'vl-list-wrap' }, h$1("ul", null, this.sidebarData.map((item, index) => (h$1("li", null, h$1("a", { href: "#" + item.ref, onClick: () => { this.updateActiveItem(index); } }, h$1("ptc-tooltip", { "max-length": "70", description: item.title, "no-overflow": "true" }))))))))), h$1("span", { style: { display: 'none !important' } }), h$1("div", { class: 'vl-content-wrap' }, h$1("div", { class: "custom-select mobile-select" }, h$1("button", { class: "select-button", role: "combobox", "aria-labelledby": "select button", "aria-haspopup": "listbox", "aria-expanded": "false", "aria-controls": "select-dropdown" }, h$1("span", { class: "selected-value" }, "Select option"), h$1("span", { class: "arrow" })), h$1("ul", { class: "select-dropdown", role: "listbox", id: "select-dropdown", onScroll: () => this.handleDropdownScroll() }, this.sidebarData.map((item, index) => (h$1("li", { role: "option", id: index }, h$1("input", { type: "radio", id: item.title, name: "vl-drop-list" }), h$1("label", { htmlFor: item.title }, h$1("i", { class: "bx bxl-github" }), item.title)))))), h$1("div", { class: 'vl-content-slot-wrap' }, h$1("slot", null)))))));
|
|
25782
25826
|
}
|
|
25783
25827
|
get hostElement() { return this; }
|
|
25784
25828
|
static get style() { return ptcValueLedLayoutCss; }
|
|
25785
25829
|
};
|
|
25786
25830
|
|
|
25787
|
-
const ptcValueLedSpeedBumpCss = ":host{display:block;margin-bottom:
|
|
25831
|
+
const ptcValueLedSpeedBumpCss = ":host{display:block;margin-bottom:var(--ptc-element-spacing-07)}@media only screen and (min-width: 1440px){:host{margin-bottom:var(--ptc-element-spacing-09)}}:host .sb-card{display:block;border-radius:var(--ptc-border-radius-standard);background:var(--color-white);box-shadow:var(--ptc-shadow-x-small);text-decoration:none}@media only screen and (min-width: 480px){:host .sb-card{display:flex}}:host .sb-card .img-wrap{width:100%;max-height:120px;overflow:hidden;border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard)}@media only screen and (min-width: 480px){:host .sb-card .img-wrap{max-width:120px;max-height:initial;border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:0px;border-bottom-left-radius:var(--ptc-border-radius-standard)}}:host .sb-card .img-wrap ptc-picture{height:100%;min-height:95px}:host .sb-card .card-content-wrap{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--ptc-element-spacing-04);box-sizing:border-box}@media only screen and (min-width: 768px){:host .sb-card .card-content-wrap .card-content{padding-right:var(--ptc-element-spacing-06)}}:host .sb-card .card-content-wrap h4,:host .sb-card .card-content-wrap p{color:var(--color-gray-10);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p);margin:0 0 4px 0;text-decoration:none}:host .sb-card .card-content-wrap p{margin:0;font-weight:var(--ptc-font-weight-medium)}:host .sb-card .card-content-wrap .cta-slot{display:none}@media only screen and (min-width: 768px){:host .sb-card .card-content-wrap .cta-slot{display:block;min-width:140px;text-align:right}}";
|
|
25788
25832
|
|
|
25789
25833
|
const PtcValueLedSpeedBump$1 = class extends HTMLElement$1 {
|
|
25790
25834
|
constructor() {
|
|
@@ -25806,7 +25850,7 @@ const PtcValueLedSpeedBump$1 = class extends HTMLElement$1 {
|
|
|
25806
25850
|
render() {
|
|
25807
25851
|
const Tag = !!this.isMobile ? 'a' : 'div';
|
|
25808
25852
|
return (h$1(Host, null, h$1(Tag, { class: "sb-card", href: this.ctaLink, target: this.ctaTarget }, this.cardImage &&
|
|
25809
|
-
h$1("div", { class: 'img-wrap' }, h$1("ptc-picture", { alt: "image", "
|
|
25853
|
+
h$1("div", { class: 'img-wrap' }, h$1("ptc-picture", { alt: "image", "display-image": "block", "image-position": "relative", "is-full-height": "true", "is-full-width": "true", "object-fit": "cover", src: this.cardImage, styles: "img{ min-height: 95px}" })), h$1("div", { class: 'card-content-wrap' }, h$1("div", { class: 'card-content' }, h$1("h4", null, this.cardTitle), h$1("p", null, h$1("slot", null))), h$1("div", { class: 'cta-slot' }, h$1("slot", { name: 'cta-slot' }))))));
|
|
25810
25854
|
}
|
|
25811
25855
|
static get style() { return ptcValueLedSpeedBumpCss; }
|
|
25812
25856
|
};
|
|
@@ -25837,227 +25881,7 @@ const PtcWhitePaper$1 = class extends HTMLElement$1 {
|
|
|
25837
25881
|
super();
|
|
25838
25882
|
this.__registerHost();
|
|
25839
25883
|
this.__attachShadow();
|
|
25840
|
-
this.items =
|
|
25841
|
-
{
|
|
25842
|
-
component1: {
|
|
25843
|
-
type: 'two-column-with-text-media',
|
|
25844
|
-
heading: 'Why Now Is the Time to Use Advanced Technologies to Remotely Connect Your Medical Devices',
|
|
25845
|
-
subHeading: 'Subheading text',
|
|
25846
|
-
leftColumnContent: `There is growing interest in using the Internet of
|
|
25847
|
-
Things (IoT) in medical devices. The data gathered
|
|
25848
|
-
with IoT-enabled medical devices—the so-called
|
|
25849
|
-
Internet of Medical Things (IoMT) devices—can be
|
|
25850
|
-
used to remotely monitor and fix devices. The use
|
|
25851
|
-
of IoT brings numerous benefits. Medical device
|
|
25852
|
-
manufacturers can incorporate data collected from
|
|
25853
|
-
their fleet of products in the field into product
|
|
25854
|
-
design considerations. They can also leverage the
|
|
25855
|
-
data to offer innovative services that differentiate
|
|
25856
|
-
them from the competition.<br />
|
|
25857
|
-
<br />
|
|
25858
|
-
To get a better understanding of how advanced
|
|
25859
|
-
technologies like IoT are being used to connect
|
|
25860
|
-
medical devices remotely, we recently sat
|
|
25861
|
-
down with Rene Zoelfl, Business Development
|
|
25862
|
-
Director, PTC.<br />
|
|
25863
|
-
<br />
|
|
25864
|
-
We explored the role of IoT in medical devices
|
|
25865
|
-
for remote management, how the technology is
|
|
25866
|
-
being used, how the technology can support
|
|
25867
|
-
new business models, and then covered some
|
|
25868
|
-
real-world examples of the IoMT in action.<br />
|
|
25869
|
-
<br />
|
|
25870
|
-
<img alt="zoelfl1" src="https://www.ptc.com/-/media/99F1C78BD774420AB51AA313C2D560D9.ashx" /><br />
|
|
25871
|
-
<strong>RTInsights:</strong> How can manufacturers, healthcare
|
|
25872
|
-
facilities, and patients best benefit from remote
|
|
25873
|
-
monitoring?<br />
|
|
25874
|
-
<br />
|
|
25875
|
-
<strong>Zoelfl:</strong> I would say remote monitoring gives two
|
|
25876
|
-
main benefits. One is remote monitoring lets
|
|
25877
|
-
device manufacturers optimize their processes,
|
|
25878
|
-
and the other benefit is that they can optimize the
|
|
25879
|
-
relationship with their customers, clients, and
|
|
25880
|
-
patients. These things can help transform the way
|
|
25881
|
-
they are doing business.<br />
|
|
25882
|
-
<br />`,
|
|
25883
|
-
rightColumnContent: `What are the key advanced technologies that are
|
|
25884
|
-
enabling innovations in the design and use of
|
|
25885
|
-
remote devices? On one hand, we have IoT technologies
|
|
25886
|
-
that enable connectivity, advanced
|
|
25887
|
-
analytics or artificial intelligence, and the ability to
|
|
25888
|
-
automate decisions and processes to a higher level.
|
|
25889
|
-
The other key element, the other key technology,
|
|
25890
|
-
I'd like to highlight is augmented reality, which
|
|
25891
|
-
gives us a different way, a different capability, to
|
|
25892
|
-
interact with equipment in the context of its use
|
|
25893
|
-
and in the context of the location where it is used.<br />
|
|
25894
|
-
<br />
|
|
25895
|
-
<img alt="zoelfl1b" src="https://www.ptc.com/-/media/2161D33FD40E43D8BD453C4BC6C1CFC5.ashx" /><br />
|
|
25896
|
-
<strong>RTInsights:</strong> How can companies use these technologies
|
|
25897
|
-
in the product life cycle?<br />
|
|
25898
|
-
<br />
|
|
25899
|
-
<strong>Zoelfl:</strong> There are multiple ways. Where to begin?
|
|
25900
|
-
A manufacturer can use IoT technologies internally.
|
|
25901
|
-
They can make sure that when teams are working
|
|
25902
|
-
together on the design of new products, they can
|
|
25903
|
-
more easily communicate and get access to the
|
|
25904
|
-
generated data. Then they also could have the
|
|
25905
|
-
same capabilities or the same technologies to use
|
|
25906
|
-
when it comes to handing over that information
|
|
25907
|
-
into manufacturing.<br />
|
|
25908
|
-
<br />
|
|
25909
|
-
For instance, when a manufacturer thinks about
|
|
25910
|
-
non-conformances that might occur in the manufacturing
|
|
25911
|
-
process, because of maybe some difficult
|
|
25912
|
-
designs, or maybe some materials that they have
|
|
25913
|
-
selected, they can feed that information back into
|
|
25914
|
-
the development and engineering organizations.
|
|
25915
|
-
They can react much faster before the product
|
|
25916
|
-
might have left the company and not when it is at
|
|
25917
|
-
the patient or the caregiving facility.`,
|
|
25918
|
-
},
|
|
25919
|
-
},
|
|
25920
|
-
{
|
|
25921
|
-
component2: {
|
|
25922
|
-
type: 'fullspan-media',
|
|
25923
|
-
heading: '',
|
|
25924
|
-
subHeading: `<h3>Case Study: Digital Transformation for Service Optimization</h3>
|
|
25925
|
-
<p>A major manufacturer of power equipment fueled its service
|
|
25926
|
-
network by streamlining dealership networks and the end
|
|
25927
|
-
users they service.</p>
|
|
25928
|
-
<ul>
|
|
25929
|
-
<li>The OEM embedded Industrial Internet of Things (IIoT)
|
|
25930
|
-
technologies into its products to gain visibility, which derivatively
|
|
25931
|
-
impacted critical service and operational KPIs for its dealership
|
|
25932
|
-
and end user. This also offloaded service-related costs (warranty,
|
|
25933
|
-
total cost of ownership, truck rolls etc.) from its outstanding
|
|
25934
|
-
liabilities.</li>
|
|
25935
|
-
<li>The dealership improved the customer relationship by increasing
|
|
25936
|
-
asset uptime and optimizing service delivery costs through
|
|
25937
|
-
equipping technicians with critical repair insights for severity,
|
|
25938
|
-
proximity, skillset, and remediating actions required.</li>
|
|
25939
|
-
<li>The end user operating a mine in a sub-zero environment
|
|
25940
|
-
improved the reliability, availability, and uptime of mission-critical
|
|
25941
|
-
assets.</li>
|
|
25942
|
-
</ul>
|
|
25943
|
-
<p>While the service network can take many different complex
|
|
25944
|
-
forms, this example illustrates the mutually beneficial impact
|
|
25945
|
-
and largely untapped potential of gaining visibility across the
|
|
25946
|
-
service lifecycle.</p>`,
|
|
25947
|
-
mainImage: 'https://ptc-p-001.sitecorecontenthub.cloud/api/public/content/c01e7beaaccc4ff9a33bd1b07c04a50a',
|
|
25948
|
-
mainImageAlt: 'reducing-service-costs-1',
|
|
25949
|
-
mainImageDescription: 'Some image description',
|
|
25950
|
-
},
|
|
25951
|
-
},
|
|
25952
|
-
{
|
|
25953
|
-
component3: {
|
|
25954
|
-
type: 'fullspan-text',
|
|
25955
|
-
heading: '',
|
|
25956
|
-
subHeading: '',
|
|
25957
|
-
mainContent: `<h3>Choose a Partner</h3>
|
|
25958
|
-
<p>Finally, a critical step in preparing for predictive maintenance implementation is choosing the right IoT partner to have by your side throughout the process. Once you’ve cultivated executive support for predictive maintenance across the organization, identified the machine condition for prediction, and secured enterprise-wide buy-in, partner with experts that have a background in implementing IoT for predictive maintenance. </p>
|
|
25959
|
-
<p>Service organizations should look for IoT partners that can provide the support structure needed for predictive maintenance implementation, offering experience with: </p>
|
|
25960
|
-
<ul>
|
|
25961
|
-
<li>Data selection</li>
|
|
25962
|
-
<li>Model building</li>
|
|
25963
|
-
<li>Analytics</li>
|
|
25964
|
-
<li>Data collection and management strategy</li>
|
|
25965
|
-
<li>Data architecture, design, and governance</li>
|
|
25966
|
-
<li>Simulation expertise</li>
|
|
25967
|
-
<li>Ecosystem availability</li>
|
|
25968
|
-
</ul>
|
|
25969
|
-
<h3>Build a Predictive Model</h3>
|
|
25970
|
-
<p>Your partners in predictive maintenance can help you find the right technology to build a predictive model and get valuable insights to speed service and reduce downtime.</p>
|
|
25971
|
-
<p><strong>Establish Industrial Connectivity</strong><br />
|
|
25972
|
-
As a critical first step in building a predictive model, industrial connectivity enables enterprise-wide visibility and data comparison. One way to establish industrial connectivity is through PTC’s <a href="~/link.aspx?_id=931E5AE1D6D34267BE309685D12FA527&_z=z">ThingWorx Kepware Server</a>, which provides secure, standardized data connectivity across disparate equipment (both new and legacy), establishing a foundation on which to scale with IoT<sup>2</sup>.</p>
|
|
25973
|
-
<p><strong>Get Actionable Insights from IoT Analytics</strong><br />
|
|
25974
|
-
PTC’s <a href="~/link.aspx?_id=C8B5851AA3564A55899937AE7D929360&_z=z">ThingWorx IoT platform</a> automates analytics and AI so organizations can access actionable IoT insights quickly and easily. These insights are delivered through ThingWorx capabilities including machine learning, which enables your team to predict based on what they learn from IoT data—without involving complex math or data scientists<sup>3</sup>.</p>
|
|
25975
|
-
<br class="t-last-br" />
|
|
25976
|
-
<sup>2</sup><a href="~/link.aspx?_id=931E5AE1D6D34267BE309685D12FA527&_z=z">ThingWorx Kepware Server</a>
|
|
25977
|
-
<sup>3</sup><a href="~/link.aspx?_id=C8B5851AA3564A55899937AE7D929360&_z=z">ThingWorx IoT platform</a><br class="t-last-br" />`,
|
|
25978
|
-
mainContentMultiLine: 'mainContent MultiLine to predict and resolve equipment issues before they result in costly downtime—but the perceived mystery behind data science and AI can be daunting enough to deter service organizations from pursuing a pr',
|
|
25979
|
-
mainContentChart: 'eee',
|
|
25980
|
-
mainContentChartHeight: 'sfsf',
|
|
25981
|
-
isCenterText: false,
|
|
25982
|
-
isStyledHeading: false,
|
|
25983
|
-
},
|
|
25984
|
-
},
|
|
25985
|
-
{
|
|
25986
|
-
component32: {
|
|
25987
|
-
type: 'fullspan-text',
|
|
25988
|
-
heading: '',
|
|
25989
|
-
subHeading: '',
|
|
25990
|
-
mainContent: `<p><strong>Predictive Maintenance in Action at Howden</strong></p>
|
|
25991
|
-
<p>For Howden, a global engineering leader, predictive maintenance helps reduce costly unplanned downtime, optimize performance and energy efficiency, and deliver valuable domain knowledge about machines to its customers.</p>
|
|
25992
|
-
<p>Howden partnered with PTC and selected the ThingWorx platform for predictive analytics. The partnership powers Howden’s Data Driven Advantage (DDA) program, which offers its customers actionable data insights to “avoid costly outages by detecting early warning signs,” improving uptime<sup>4</sup>. </p>
|
|
25993
|
-
<p><a href="~/link.aspx?_id=333F47DC33954CB7B05001C6709432EC&_z=z">Watch Howden’s Full Predictive Maintenance Story</a></p>
|
|
25994
|
-
<p><strong>Predictive Maintenance in Action at Parata</strong></p>
|
|
25995
|
-
<p>For Parata Systems, a leading pharmacy automation company, ThingWorx replaced an IoT platform that lacked capabilities in visibility, reporting, and analytics. With goals to improve its customer experience in a scalable way, Parata started with remote condition monitoring and later built a service optimization solution. Now, ThingWorx enables proactive alerts and machine learning for improvements across service efficiency, resource utilization, parts consumption, and service profitability<sup>5</sup>.</p>
|
|
25996
|
-
<p><a href="~/link.aspx?_id=13B6392FAD9146DCA33C34948C228EA9&_z=z">Watch Parata’s Full Predictive Maintenance Story</a></p>
|
|
25997
|
-
<h3>Scale Your Predictive Maintenance Strategy</h3>
|
|
25998
|
-
<p>With a dedicated IoT partnership and a predictive model in place, you can focus on expanding your predictive maintenance strategy at scale by: </p>
|
|
25999
|
-
<ol>
|
|
26000
|
-
<li>Monitoring the efficacy of your predictive model over time</li>
|
|
26001
|
-
<li>Gathering data and updating your predictive model</li>
|
|
26002
|
-
</ol>
|
|
26003
|
-
<br class="t-last-br" />
|
|
26004
|
-
<p>
|
|
26005
|
-
<sup>4</sup> <a href="~/link.aspx?_id=333F47DC33954CB7B05001C6709432EC&_z=z">Predictive Analytics Delivering Real Value—a Practitioner’s Perspective</a> webcast replay<br />
|
|
26006
|
-
<sup>5 </sup><a href="~/link.aspx?_id=13B6392FAD9146DCA33C34948C228EA9&_z=z">Proving the Value of Industrial IoT</a> webcast replay </p>
|
|
26007
|
-
<br class="t-last-br" />`,
|
|
26008
|
-
mainContentMultiLine: '',
|
|
26009
|
-
mainContentChart: '',
|
|
26010
|
-
mainContentChartHeight: '',
|
|
26011
|
-
isCenterText: false,
|
|
26012
|
-
isStyledHeading: false,
|
|
26013
|
-
},
|
|
26014
|
-
},
|
|
26015
|
-
{
|
|
26016
|
-
component32: {
|
|
26017
|
-
type: 'fullspan-text',
|
|
26018
|
-
heading: 'Remote Condition Monitoring: Solving Problems Before They Happen',
|
|
26019
|
-
subHeading: '',
|
|
26020
|
-
mainContent: `<h3>What It Looks Like</h3>
|
|
26021
|
-
<p>Machines that seamlessly send real-time performance data allow service
|
|
26022
|
-
professionals to assess, analyze, and act on issues before they become
|
|
26023
|
-
problems. With a centralized remote condition monitoring platform, service
|
|
26024
|
-
teams can easily leverage the sensor data and diagnostics they need to
|
|
26025
|
-
become more proactive and less reactive. Data insights from remote condition
|
|
26026
|
-
monitoring better enable technicians to understand and monitor usage,
|
|
26027
|
-
performance, target parameters, productivity, and more. These patterns
|
|
26028
|
-
enable technicians to detect faults and prevent downtime before it occurs—
|
|
26029
|
-
and often before the customer is aware of any issue.</p>
|
|
26030
|
-
<h3>Real-World Results</h3>
|
|
26031
|
-
<p>With IoT remote data monitoring through ThingWorx, <a href="~/link.aspx?_id=70971B9D25B14D02BFD1A75F24F63292&_z=z">Flowserve </a>avoided a
|
|
26032
|
-
costly cavitation problem in a customer’s running pump ($1.6 million or more
|
|
26033
|
-
if not solved within 30 minutes; $16 million or more if not solved within 45-
|
|
26034
|
-
60 minutes). Now, with their IoT solution in place, Flowserve decreases costs,
|
|
26035
|
-
limits emergency work orders, improves profit, and enhances safety. Most
|
|
26036
|
-
importantly, they exceed customer expectations with improved equipment
|
|
26037
|
-
availability and efficiency.</p>
|
|
26038
|
-
<p>IoT monitoring helped Flowserve prevent a $16 million
|
|
26039
|
-
cavitation problem—before it impacted the customer.</p>`,
|
|
26040
|
-
mainContentMultiLine: '',
|
|
26041
|
-
mainContentChart: '',
|
|
26042
|
-
mainContentChartHeight: '',
|
|
26043
|
-
isCenterText: false,
|
|
26044
|
-
isStyledHeading: false,
|
|
26045
|
-
},
|
|
26046
|
-
component1: {
|
|
26047
|
-
type: 'two-column-with-text-media',
|
|
26048
|
-
heading: '',
|
|
26049
|
-
subHeading: '',
|
|
26050
|
-
leftColumnContent: `<h3 class="wp-h3">
|
|
26051
|
-
<img alt="Flowserve" src="https://www.ptc.com/-/media/CDD4A14F36164A0B8285B3B95EE52996.ashx" /></h3>
|
|
26052
|
-
<br />`,
|
|
26053
|
-
rightColumnContent: `<p><strong>“In Flowserve, we truly had an a-ha moment when we saw
|
|
26054
|
-
some of the first information come back from the field in the
|
|
26055
|
-
IoT platform...That was the moment where we thought, ‘Oh my
|
|
26056
|
-
gosh. We’ve got something incredible here.'"</strong></p>
|
|
26057
|
-
– Aric Zurek, Vice President, Marketing and Sales, Flowserve`,
|
|
26058
|
-
},
|
|
26059
|
-
},
|
|
26060
|
-
];
|
|
25884
|
+
this.items = undefined;
|
|
26061
25885
|
this.topBackgroundImage = undefined;
|
|
26062
25886
|
this.topBackgroundImageAlt = undefined;
|
|
26063
25887
|
this.itemsPerPage = 5;
|
|
@@ -26076,8 +25900,8 @@ const PtcWhitePaper$1 = class extends HTMLElement$1 {
|
|
|
26076
25900
|
this.calculateTotalPages();
|
|
26077
25901
|
}
|
|
26078
25902
|
calculateTotalPages() {
|
|
26079
|
-
console.log(this.items.length);
|
|
26080
|
-
this.totalPages = Math.ceil(this.items.length / this.itemsPerPage);
|
|
25903
|
+
console.log(JSON.parse(this.items).length);
|
|
25904
|
+
this.totalPages = Math.ceil(JSON.parse(this.items).length / this.itemsPerPage);
|
|
26081
25905
|
}
|
|
26082
25906
|
handlePageChange(newPage) {
|
|
26083
25907
|
if (newPage > 0 && newPage <= this.totalPages) {
|
|
@@ -26130,7 +25954,7 @@ const PtcWhitePaper$1 = class extends HTMLElement$1 {
|
|
|
26130
25954
|
}
|
|
26131
25955
|
renderContent(item, index) {
|
|
26132
25956
|
const components = Object.values(item);
|
|
26133
|
-
return (h$1("div", { class: "content-wrapper", key: index }, components.map((comp, i) => (h$1("div", { key: i }, (comp.heading && comp.heading.trim() !== '') ? (h$1("ptc-title", { type: "h1", upperline: comp.isStyledHeading ? 'dotted' : 'no-upperline', "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-3" }, comp.heading, h$1("ptc-spacer", { size: "large" }))) : "", (comp.subHeading && comp.subHeading.trim() !== '') ? (h$1("div", { class: "sub-heading rich-content-text-editor", innerHTML: comp.subHeading })) : '', comp.
|
|
25957
|
+
return (h$1("div", { class: "content-wrapper", key: index }, components.map((comp, i) => (h$1("div", { key: i }, (comp.heading && comp.heading.trim() !== '') ? (h$1("ptc-title", { type: "h1", upperline: comp.isStyledHeading ? 'dotted' : 'no-upperline', "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-3" }, comp.heading, h$1("ptc-spacer", { size: "large" }))) : "", (comp.subHeading && comp.subHeading.trim() !== '') ? (h$1("div", { class: "sub-heading rich-content-text-editor", innerHTML: comp.subHeading })) : '', comp.componentType === 'two-column-with-text-media' && this.renderTwoColumnText(comp, i), comp.componentType === 'fullspan-media' && this.renderfullspanMedia(comp, i), comp.componentType === 'fullspan-text' && this.renderFullspanText(comp, i))))));
|
|
26134
25958
|
}
|
|
26135
25959
|
renderTwoColumnText(comp, index) {
|
|
26136
25960
|
return (h$1("div", null, comp.leftColumnContent && (h$1("div", { class: "is-grid has-col-gap-xl has-row-gap-sm wp-component", key: index }, h$1("div", { class: "is-col-6-md" }, h$1("div", { class: "left-content", innerHTML: comp.leftColumnContent })), h$1("div", { class: "is-col-6-md" }, h$1("div", { class: "right-content", innerHTML: comp.rightColumnContent }))))));
|
|
@@ -26149,7 +25973,7 @@ const PtcWhitePaper$1 = class extends HTMLElement$1 {
|
|
|
26149
25973
|
render() {
|
|
26150
25974
|
const startIndex = (this.currentPage - 1) * this.itemsPerPage;
|
|
26151
25975
|
const endIndex = startIndex + this.itemsPerPage;
|
|
26152
|
-
const currentItems = this.items.slice(startIndex, endIndex);
|
|
25976
|
+
const currentItems = JSON.parse(this.items).slice(startIndex, endIndex);
|
|
26153
25977
|
return (h$1(Host, null, h$1("div", { class: "hero-image" }, h$1("ptc-img", { "image-type": "smart-bg", "img-url": this.topBackgroundImage, "load-mode": "lazy-bg", styles: "" })), h$1("div", { class: "ptc-container " }, h$1("div", { class: "content-container" }, h$1("div", { class: "pagination-wrap" }, h$1("div", { class: "pagination" }, h$1("button", { onClick: () => this.handlePrevPage(), disabled: this.currentPage === 1 }, h$1("svg", { preserveAspectRatio: "xMidYMid meet", focusable: "false", viewBox: "0 0 18 18" }, h$1("g", { id: "icon_chevron_left_mini", viewBox: "0 0 18 18" }, h$1("g", { class: "icon_chevron_left_mini" }, h$1("path", { d: "M12 12.833L8.304 9 12 5.167 10.821 4 6 9l4.821 5L12 12.833z", class: "icon_chevron_left" }))))), this.renderPaginationButtons(), h$1("button", { onClick: () => this.handleNextPage(), disabled: this.currentPage === this.totalPages }, h$1("svg", { preserveAspectRatio: "xMidYMid meet", focusable: "false", viewBox: "0 0 18 18" }, h$1("g", { id: "icon_chevron_right_mini", viewBox: "0 0 18 18" }, h$1("g", { class: "icon_chevron_right_mini" }, h$1("path", { d: "M6 5.167L9.696 9 6 12.833 7.179 14 12 9 7.179 4 6 5.167z", class: "icon_chevron_right" })))))), h$1("a", { class: "dl-btn" }, h$1("span", { class: "dl-text" }, "Download"), h$1("img", { src: "https://www.ptc.com/dist/ptc/images/download-arrow.svg", alt: "Down Arrow" }))), h$1("div", null, currentItems.map((item, index) => this.renderContent(item, index)))))));
|
|
26154
25978
|
}
|
|
26155
25979
|
static get watchers() { return {
|
|
@@ -26588,10 +26412,10 @@ const PtcValueLedCard = /*@__PURE__*/proxyCustomElement(PtcValueLedCard$1, [1,"p
|
|
|
26588
26412
|
const PtcValueLedContent = /*@__PURE__*/proxyCustomElement(PtcValueLedContent$1, [1,"ptc-value-led-content"]);
|
|
26589
26413
|
const PtcValueLedContentHighlight = /*@__PURE__*/proxyCustomElement(PtcValueLedContentHighlight$1, [6,"ptc-value-led-content-highlight"]);
|
|
26590
26414
|
const PtcValueLedIntro = /*@__PURE__*/proxyCustomElement(PtcValueLedIntro$1, [1,"ptc-value-led-intro",{"contentTag":[1,"content-tag"]}]);
|
|
26591
|
-
const PtcValueLedLayout = /*@__PURE__*/proxyCustomElement(PtcValueLedLayout$1, [1,"ptc-value-led-layout",{"topBackgroundImage":[1,"top-background-image"],"selectedValue":[1032,"selected-value"],"isMobile":[32]},[[9,"
|
|
26415
|
+
const PtcValueLedLayout = /*@__PURE__*/proxyCustomElement(PtcValueLedLayout$1, [1,"ptc-value-led-layout",{"topBackgroundImage":[1,"top-background-image"],"selectedValue":[1032,"selected-value"],"isMobile":[32]},[[9,"wheel","handleWheel"],[8,"keydown","handleKeyDown"],[9,"resize","handleResize"]]]);
|
|
26592
26416
|
const PtcValueLedSpeedBump = /*@__PURE__*/proxyCustomElement(PtcValueLedSpeedBump$1, [1,"ptc-value-led-speed-bump",{"cardTitle":[1,"card-title"],"cardImage":[1,"card-image"],"isMobile":[1028,"is-mobile"]},[[9,"resize","handleResize"]]]);
|
|
26593
26417
|
const PtcValuePropCard = /*@__PURE__*/proxyCustomElement(PtcValuePropCard$1, [1,"ptc-value-prop-card",{"cardHref":[1,"card-href"],"target":[1],"rel":[1],"cardTitle":[1,"card-title"],"backgroundImage":[1,"background-image"]}]);
|
|
26594
|
-
const PtcWhitePaper = /*@__PURE__*/proxyCustomElement(PtcWhitePaper$1, [1,"ptc-white-paper",{"items":[
|
|
26418
|
+
const PtcWhitePaper = /*@__PURE__*/proxyCustomElement(PtcWhitePaper$1, [1,"ptc-white-paper",{"items":[1],"topBackgroundImage":[1,"top-background-image"],"topBackgroundImageAlt":[1,"top-background-image-alt"],"itemsPerPage":[2,"items-per-page"],"currentPage":[32],"totalPages":[32],"isMobile":[32]},[[9,"resize","handleResize"]]]);
|
|
26595
26419
|
const SequentialBundle = /*@__PURE__*/proxyCustomElement(SequentialBundle$1, [1,"sequential-bundle",{"isMobile":[32]},[[9,"resize","handleResize"]]]);
|
|
26596
26420
|
const SequentialBundleExample = /*@__PURE__*/proxyCustomElement(SequentialBundleExample$1, [1,"sequential-bundle-example",{"isInteralCardsExpanded":[1040],"isMobile":[32],"expandedCardIndex":[32]},[[9,"resize","handleResize"]]]);
|
|
26597
26421
|
const TabContent = /*@__PURE__*/proxyCustomElement(TabContent$1, [4,"tab-content",{"name":[1],"isSelected":[32]}]);
|
|
@@ -16,7 +16,7 @@ const ListItem = class {
|
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
18
|
const classMap = this.getCssClassMap();
|
|
19
|
-
return (h(Host, { class: classMap }, this.styles && h("style", null, this.styles), h("li", null, this.linkHref ? (h("a", Object.assign({ class: "item-link", target: this.linkTarget }, (this.linkHref ? { href: this.linkHref } : {}), (this.ariaLabel !== '' ? {
|
|
19
|
+
return (h(Host, { class: classMap }, this.styles && h("style", null, this.styles), h("li", null, this.linkHref ? (h("a", Object.assign({ class: "item-link", target: this.linkTarget }, (this.linkHref ? { href: this.linkHref } : {}), (this.ariaLabel !== '' ? { 'aria-label': this.ariaLabel } : {})), h("slot", null))) : (h("slot", null)))));
|
|
20
20
|
}
|
|
21
21
|
getCssClassMap() {
|
|
22
22
|
return {
|