@ptcwebops/ptcw-design 1.5.8 → 1.5.9
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/{icon-asset_16.cjs.entry.js → bundle-jumbotron-example_14.cjs.entry.js} +401 -407
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ptc-back-to-top.cjs.entry.js +46 -0
- package/dist/cjs/ptc-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-link.cjs.entry.js +1 -1
- package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +1 -1
- package/dist/cjs/ptc-product-card.cjs.entry.js +33 -0
- package/dist/cjs/ptc-product-category.cjs.entry.js +21 -0
- package/dist/cjs/ptc-product-dropdown.cjs.entry.js +80 -0
- package/dist/cjs/ptc-product-highlight-card.cjs.entry.js +23 -0
- package/dist/cjs/ptc-product-list.cjs.entry.js +128 -0
- package/dist/cjs/ptc-product-sidebar.cjs.entry.js +130 -0
- package/dist/cjs/{ptc-social-share.cjs.entry.js → ptc-progress-bar_2.cjs.entry.js} +26 -5
- package/dist/cjs/ptc-slit-card.cjs.entry.js +36 -0
- package/dist/cjs/ptc-span.cjs.entry.js +3 -1
- package/dist/cjs/ptc-sticky-title.cjs.entry.js +34 -0
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +3 -0
- package/dist/collection/components/icon-asset/media/designer.svg +36 -0
- package/dist/collection/components/ptc-card/ptc-card.css +4 -4
- package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +48 -0
- package/dist/collection/components/ptc-link/ptc-link.css +23 -1
- package/dist/collection/components/ptc-link/ptc-link.js +2 -2
- package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.css +48 -0
- package/dist/collection/components/ptc-progress-bar/ptc-progress-bar.css +13 -0
- package/dist/collection/components/ptc-progress-bar/ptc-progress-bar.js +42 -0
- package/dist/collection/components/ptc-slit-card/ptc-slit-card.css +64 -0
- package/dist/collection/components/ptc-slit-card/ptc-slit-card.js +181 -0
- package/dist/collection/components/ptc-social-share/ptc-social-share.js +7 -7
- package/dist/collection/components/ptc-span/ptc-span.css +34 -0
- package/dist/collection/components/ptc-span/ptc-span.js +22 -2
- package/dist/collection/components/ptc-sticky-title/media/logo.png +0 -0
- package/dist/collection/components/ptc-sticky-title/ptc-sticky-title.css +115 -0
- package/dist/collection/components/ptc-sticky-title/ptc-sticky-title.js +89 -0
- package/dist/custom-elements/index.d.ts +18 -0
- package/dist/custom-elements/index.js +102 -12
- package/dist/esm/{icon-asset_16.entry.js → bundle-jumbotron-example_14.entry.js} +396 -400
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ptc-back-to-top.entry.js +42 -0
- package/dist/esm/ptc-card.entry.js +1 -1
- package/dist/esm/ptc-link.entry.js +1 -1
- package/dist/esm/ptc-pricing-tabs.entry.js +1 -1
- package/dist/esm/ptc-product-card.entry.js +29 -0
- package/dist/esm/ptc-product-category.entry.js +17 -0
- package/dist/esm/ptc-product-dropdown.entry.js +76 -0
- package/dist/esm/ptc-product-highlight-card.entry.js +19 -0
- package/dist/esm/ptc-product-list.entry.js +124 -0
- package/dist/esm/ptc-product-sidebar.entry.js +126 -0
- package/dist/esm/{ptc-social-share.entry.js → ptc-progress-bar_2.entry.js} +26 -6
- package/dist/esm/ptc-slit-card.entry.js +32 -0
- package/dist/esm/ptc-span.entry.js +3 -1
- package/dist/esm/ptc-sticky-title.entry.js +30 -0
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/ptcw-design/media/designer.svg +36 -0
- package/dist/ptcw-design/media/logo.png +0 -0
- package/dist/ptcw-design/{p-9703a463.entry.js → p-046b0224.entry.js} +1 -1
- package/dist/ptcw-design/p-19ec063d.entry.js +1 -0
- package/dist/ptcw-design/{p-078e0f3d.entry.js → p-2404b2db.entry.js} +1 -1
- package/dist/ptcw-design/p-43e72cf0.entry.js +1 -0
- package/dist/ptcw-design/p-49dc9b68.entry.js +1 -0
- package/dist/ptcw-design/p-65513c45.entry.js +1 -0
- package/dist/ptcw-design/p-6c08595d.entry.js +1 -0
- package/dist/ptcw-design/p-798c2328.entry.js +1 -0
- package/dist/ptcw-design/p-8148b960.entry.js +1 -0
- package/dist/ptcw-design/p-ac5dfbd0.entry.js +1 -0
- package/dist/ptcw-design/p-af3a4142.entry.js +1 -0
- package/dist/ptcw-design/p-c26920ef.entry.js +1 -0
- package/dist/ptcw-design/{p-325b2d5c.entry.js → p-c2c85e61.entry.js} +1 -1
- package/dist/ptcw-design/p-cd44eedb.entry.js +1 -0
- package/dist/ptcw-design/p-e341cb46.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.css +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-link/ptc-link.d.ts +1 -1
- package/dist/types/components/ptc-progress-bar/ptc-progress-bar.d.ts +5 -0
- package/dist/types/components/ptc-slit-card/ptc-slit-card.d.ts +36 -0
- package/dist/types/components/ptc-social-share/ptc-social-share.d.ts +1 -1
- package/dist/types/components/ptc-span/ptc-span.d.ts +5 -1
- package/dist/types/components/ptc-sticky-title/ptc-sticky-title.d.ts +8 -0
- package/dist/types/components.d.ts +127 -6
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/cjs/bundle-jumbotron-example.cjs.entry.js +0 -50
- package/dist/cjs/interfaces-574e6df7.js +0 -15
- package/dist/cjs/max-width-container_3.cjs.entry.js +0 -237
- package/dist/cjs/ptc-jumbotron.cjs.entry.js +0 -135
- package/dist/esm/bundle-jumbotron-example.entry.js +0 -46
- package/dist/esm/interfaces-7c0243be.js +0 -12
- package/dist/esm/max-width-container_3.entry.js +0 -231
- package/dist/esm/ptc-jumbotron.entry.js +0 -131
- package/dist/ptcw-design/p-0f8784e9.entry.js +0 -1
- package/dist/ptcw-design/p-609d4967.entry.js +0 -1
- package/dist/ptcw-design/p-6e8222ce.entry.js +0 -1
- package/dist/ptcw-design/p-73ea7065.entry.js +0 -1
- package/dist/ptcw-design/p-7db9319d.entry.js +0 -1
- package/dist/ptcw-design/p-e8c46d2e.entry.js +0 -1
- package/dist/ptcw-design/p-ee1183b2.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as i,H as s,a as r}from"./p-63c06667.js";const a=class{constructor(i){t(this,i),this.selectedResult=e(this,"selectedResult",7),this.clearsearch=e(this,"clearsearch",7),this.inputChanged=e(this,"inputChanged",7),this.emptyResult=e(this,"emptyResult",7),this.searchTerm="",this.suggestions=[],this.suggestionList=[]}componentWillLoad(){this.getDomData()}componentDidLoad(){this.productListWrap=this.hostElement.shadowRoot.querySelector(".product-list-wrap"),this.clearBtn=this.hostElement.shadowRoot.querySelector(".clear-cta")}getDomData(){document.querySelectorAll("ptc-product-category").forEach((t=>{let e={categoryName:t.getAttribute("category-title"),products:[]};this.suggestionList.push(e),t.querySelectorAll("ptc-product-card").forEach((t=>{let i=t.getAttribute("card-title");e.products.push(i)}))}))}handleInputChange(t){this.searchTerm=t.target.value.toLocaleLowerCase(),this.productListWrap.classList.add("hide"),this.clearBtn.classList.add("show"),this.getSuggestions(),this.inputChanged.emit({sender:this,event:t})}getSuggestions(){const t=this.searchTerm.toLowerCase(),e=this.suggestionList.reduce(((e,i)=>{i.categoryName.toLowerCase().includes(t)&&e.push(i.categoryName);const s=i.products.filter((e=>e.toLowerCase().includes(t)));return s.length>0&&e.push(...s),e}),[]);this.suggestions=e}handleSelectSuggestion(t,e){this.searchTerm=t,this.selectedResult.emit({sender:this,event:e,searchTerm:this.searchTerm})}handleKeyUp(t){this.searchTerm=t.target.value.toLocaleLowerCase(),13===t.keyCode&&0==this.suggestions.length&&(console.log("Enter key pressed"),this.emptyResult.emit({sender:this,event:t}))}clearSearch(t){let e=this.hostElement.shadowRoot.querySelector("input");this.productListWrap.classList.remove("hide"),this.clearBtn.classList.remove("show"),e&&(e.value=""),this.suggestions=[],this.clearsearch.emit({sender:this,event:t,searchTerm:e.value})}handleDropdownTouched(t){const{sender:e,isOpen:i}=t.detail;if(e&&(this.productListWrap.classList.add("hide"),this.clearBtn.classList.add("show"),i)){let t=this.hostElement.shadowRoot.querySelector("input");t&&(t.value="")}}handleClick(){this.suggestions=[]}handleclearCtaClicked(t){const{sender:e,event:i}=t.detail;e&&this.clearSearch(i)}render(){return i(s,{class:"search-box"},i("div",{class:"filter-result-wrap white-box"},i("div",{class:"result-header"},i("ptc-title",{type:"h3","title-margin":"margin-flush",upperline:"no-upperline","title-size":"medium"},"Filter Result"),i("span",{class:"clear-cta",onClick:t=>this.clearSearch(t)},"Clear")),i("div",{class:"sort-wrap"},i("div",{class:"typeahead-input"},i("label",{htmlFor:"searchBox"},"Filter"),i("div",{class:"input-wrap"},i("svg",{width:"19",height:"18",viewBox:"0 0 19 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"M0.208984 0V1.2375L6.95898 7.65V14.2875L11.5715 17.8875V7.65L18.209 1.35V0H0.208984Z",fill:"#323B42"})),i("input",{type:"text",value:this.searchTerm,onInput:t=>this.handleInputChange(t),onKeyUp:t=>this.handleKeyUp(t),id:"searchBox"})),this.suggestions.length>0&&i("div",{class:"suggestion-wrap"},i("ul",{class:"suggestions"},this.suggestions.map((t=>i("li",{onClick:e=>this.handleSelectSuggestion(t,e)},t)))))),i("div",{class:"dropdwon-filter"},i("label",{htmlFor:"tech-dropdown"},"Technology"),i("ptc-product-dropdown",{placeholder:"Select a technology",id:"tech-dropdown"},this.suggestionList.map((t=>i("span",null,t.categoryName))))))),i("ptc-spacer",{size:"large"}),i("div",{class:"product-list-wrap white-box"},i("ptc-title",{type:"h3","title-margin":"margin-flush",upperline:"no-upperline","title-size":"medium"},"Jump to Product"),this.suggestionList.map((t=>i("div",{class:"category-list"},i("ptc-para",{"font-size":"x-small","font-weight":"w-7","para-line-h":"line-height-densest","para-margin":"margin-flush"},i("list-item",{"list-type":"list-underline","link-href":"#"+t.categoryName},t.categoryName)),i("div",{class:"product-list"},i("ul",null,t.products.map((t=>i("list-item",{"list-type":"list-underline","link-href":"#"+t},t))))))))))}get hostElement(){return r(this)}};a.style=":host{display:block;position:relative}:host .hide{display:none !important}:host .white-box{padding:12px;background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard)}:host .sort-wrap{display:block}@media only screen and (min-width: 480px){:host .sort-wrap{display:flex;justify-content:space-between}}@media only screen and (min-width: 992px){:host .sort-wrap{display:block}}:host .filter-result-wrap label{font-size:var(--ptc-font-size-x-small);font-weight:600}:host .filter-result-wrap .result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}@media only screen and (min-width: 992px){:host .filter-result-wrap .result-header{margin-bottom:26px}}:host .filter-result-wrap .result-header .clear-cta{cursor:pointer;display:none;color:var(--color-gray-07);font-size:var(--ptc-font-size-x-small);text-decoration:underline}:host .filter-result-wrap .result-header .clear-cta.show{display:block}:host .filter-result-wrap .typeahead-input{box-sizing:border-box;margin-bottom:14px;width:100%;margin-right:0}@media only screen and (min-width: 480px){:host .filter-result-wrap .typeahead-input{margin-right:40px}}@media only screen and (min-width: 992px){:host .filter-result-wrap .typeahead-input{margin-right:0}}:host .filter-result-wrap .typeahead-input .input-wrap{position:relative}:host .filter-result-wrap .typeahead-input .input-wrap svg{position:absolute;left:8px;top:8px}:host .filter-result-wrap .typeahead-input .input-wrap input{margin-top:4px;padding:8px 8px 8px 34px;display:block;width:100%;box-sizing:border-box;border:1px solid var(--color-gray-03);font-size:14px}:host .filter-result-wrap .typeahead-input .suggestion-wrap{position:relative;width:100%}:host .filter-result-wrap .typeahead-input .suggestion-wrap .suggestions{border:1px solid var(--color-gray-03);box-shadow:0px 2px 4px rgba(35, 43, 45, 0.3);background-color:var(--color-white);position:absolute;z-index:105;top:0;margin:0;width:100%;box-sizing:border-box;padding:0;max-height:400px;overflow-y:auto}:host .filter-result-wrap .typeahead-input .suggestion-wrap .suggestions::-webkit-scrollbar{width:5px}:host .filter-result-wrap .typeahead-input .suggestion-wrap .suggestions::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3)}:host .filter-result-wrap .typeahead-input .suggestion-wrap .suggestions::-webkit-scrollbar-thumb{background-color:var(--color-gray-05);outline:1px solid var(--color-gray-05)}:host .filter-result-wrap .typeahead-input .suggestion-wrap .suggestions li{list-style:none;padding:10px 16px;cursor:pointer;display:block;font-size:14px}:host .filter-result-wrap .typeahead-input .suggestion-wrap .suggestions li:first-child{padding-top:20px}:host .filter-result-wrap .typeahead-input .suggestion-wrap .suggestions li:last-child{padding-bottom:20px}:host .filter-result-wrap .dropdwon-filter{margin-bottom:10px;width:100%}:host .product-list-wrap{display:none}@media only screen and (min-width: 992px){:host .product-list-wrap{display:block}}:host .product-list-wrap .category-list{display:block;padding:12px 4px;font-size:var(--ptc-font-size-x-small)}:host .product-list-wrap .category-list ptc-para{padding-bottom:4px;display:block}:host .product-list-wrap .category-list ul{padding-left:20px;margin:0}";export{a as ptc_product_sidebar}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,h as t,H as i}from"./p-63c06667.js";const s=class{constructor(t){o(this,t),this.handleScroll=()=>{const o=window.pageYOffset||document.documentElement.scrollTop;this.showButton=o>1*window.innerHeight},this.showButton=!1}componentDidLoad(){window.addEventListener("scroll",this.handleScroll)}disconnectedCallback(){window.removeEventListener("scroll",this.handleScroll)}handleClick(){this.scrollToTop()}scrollToTop(){"scrollBehavior"in document.documentElement.style?window.scrollTo({top:0,behavior:"smooth"}):window.scrollTo(0,0)}render(){return t(i,null,this.showButton&&t("button",{class:"back-to-top-button",title:"Back to Top"},t("span",{class:"arrow"},t("svg",{width:"18",height:"12",viewBox:"0 0 18 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M15.5248 11.625L8.9998 5.1L2.4748 11.625L0.112305 9.2625L8.9998 0.375L17.8873 9.2625L15.5248 11.625Z",fill:"#323B42"}))),t("span",{class:"text"},"Back to Top")))}};s.style=":host{display:block}:host .back-to-top-button{position:fixed;bottom:140px;right:24px;width:64px;height:58px;border:1px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);background-color:var(--color-white);color:var(--color-gray-10);font-size:12px;font-weight:var(--ptc-font-weight-semibold);outline:none;cursor:pointer;transition:opacity 0.3s ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--ptc-shadow-small)}:host .back-to-top-button:hover{opacity:1}:host .arrow{margin-bottom:5px}";export{s as ptc_back_to_top}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as i,H as e}from"./p-63c06667.js";const l=class{constructor(i){t(this,i),this.categoryTitle=void 0,this.categoryDescription=void 0}render(){return i(e,null,i("ptc-title",{type:"h2",upperline:"no-upperline","title-margin":"margin-flush","title-size":"xx-large"},i("ptc-tooltip",{"text-display":"inline","text-lines":"4","z-index":"z-999",description:this.categoryTitle,position:"bottom",width:"full-width"})),i("ptc-spacer",{size:"x-small"}),i("ptc-spacer",{size:"x-small",breakpoint:"x-small"}),i("ptc-para",{"para-margin":"margin-flush","font-size":"small","para-line-h":"line-height-p","font-weight":"w-5","para-z-index":"z-auto"},i("ptc-tooltip",{"text-display":"block","text-lines":"9","z-index":"z-999",description:this.categoryDescription,position:"bottom",width:"full-width"})),i("ptc-spacer",{size:"large"}),i("slot",null))}};l.style=":host{display:block;padding-bottom:var(--ptc-layout-spacing-03)}";export{l as ptc_product_category}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as i,H as e,g as s,a,c as o}from"./p-63c06667.js";const r=class{constructor(i){t(this,i),this.jumbotron="light",this.isIframe=!1}render(){let t,s,a,o;return"light"===this.jumbotron||"dark"===this.jumbotron?o="https://images.unsplash.com/photo-1675285972028-45dc2add07be?crop=entropy&cs=tinysrgb&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2Nzc3ODk2NTE&ixlib=rb-4.0.3&q=80":"dark-video"===this.jumbotron||"light-video"===this.jumbotron?a="https://player.vimeo.com/video/749261406?h=5e6a60ffc5&muted=1&autoplay=1&loop=1&transparent=0&background=1&app_id=122963%22&controls=0":"png"===this.jumbotron?t="https://images.unsplash.com/photo-1676883343977-5f8ecc36856c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2NzgyMjcxNDU&ixlib=rb-4.0.3&q=80&w=400":"gif"===this.jumbotron&&(s="https://media.giphy.com/media/TDQkojbHj3wTS/giphy.gif"),i(e,null,i("ptc-jumbotron",Object.assign({"jumbotron-type":this.jumbotron},!!t&&{pngSrc:t},!!s&&{gifSrc:s},!!a&&{bgVideoSrc:a},!!o&&{bgSrc:o},!1,{"sub-title":"totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.","is-iframe":this.isIframe}),i("ptc-breadcrumb",Object.assign({slot:"breadcrumb"},"dark"===this.jumbotron||"dark-video"==this.jumbotron?{color:"white"}:{color:"primary-gray"},"text"===this.jumbotron?{position:"center"}:{}),i("list-item",Object.assign({"list-type":"breadcrumb","link-href":"https://www.ptc.com/contact-us"},"dark"===this.jumbotron||"dark-video"==this.jumbotron?{color:"light-gray"}:{color:"primary-gray"}),"PLM Video Hub"),i("list-item",Object.assign({"list-type":"breadcrumb"},"dark"===this.jumbotron||"dark-video"==this.jumbotron?{color:"light-gray"}:{color:"primary-gray"}),"Current Page")),i("ptc-title",{slot:"main-title",type:"h1",upperline:"no-upperline","title-size":"xxxx-large","title-height":"densest","title-weight":"w-8","title-margin":"margin-flush","text-align":"left","title-color":"gray"},i("ptc-tooltip",{"text-lines":"3",description:"Sed ut perspiciatis unde omnis iste natus",position:"right"})),i("ptc-button",{slot:"j-cta",type:"link",color:"ptc-primary","link-href":"https://www.ptc.com",target:"_blank"},"Lorem ipsum dolor sit amet"),i("ptc-button",{slot:"j-cta",type:"link",color:"ptc-secondary","link-href":"https://www.ptc.com",target:"_blank"},"Lorem ipsum")))}};r.style=":host{display:block}";const c=class{constructor(i){t(this,i),this.regularSprite=s("./media/regular.svg"),this.solidSprite=s("./media/solid.svg"),this.brandSprite=s("./media/brands.svg"),this.ptcSprite=s("./media/designer.svg"),this.name=void 0,this.size="xx-small",this.type="regular",this.spin="",this.pulse="",this.color="default",this.isMobileSelect=void 0,this.injectedStyle=void 0}render(){const t=this.getCssClassMap();return i(e,null,this.injectedStyle&&i("style",null,this.injectedStyle),i("svg",{class:t},i("use","brands"==this.type?{href:`${this.brandSprite}#${this.name}`}:"solid"==this.type?{href:`${this.solidSprite}#${this.name}`}:"ptc"==this.type?{href:`${this.ptcSprite}#${this.name}`}:{href:`${this.regularSprite}#${this.name}`})))}getCssClassMap(){return{[this.size]:!0,[this.spin]:!0,[this.pulse]:!0,[this.color]:!0,ismobileselect:!!this.isMobileSelect}}static get assetsDirs(){return["media"]}};c.style='.svg-inline--fa.sc-icon-asset,svg.sc-icon-asset:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa.sc-icon-asset{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg.sc-icon-asset{vertical-align:-.225em}.svg-inline--fa.fa-w-1.sc-icon-asset{width:.0625em}.svg-inline--fa.fa-w-2.sc-icon-asset{width:.125em}.svg-inline--fa.fa-w-3.sc-icon-asset{width:.1875em}.svg-inline--fa.fa-w-4.sc-icon-asset{width:.25em}.svg-inline--fa.fa-w-5.sc-icon-asset{width:.3125em}.svg-inline--fa.fa-w-6.sc-icon-asset{width:.375em}.svg-inline--fa.fa-w-7.sc-icon-asset{width:.4375em}.svg-inline--fa.fa-w-8.sc-icon-asset{width:.5em}.svg-inline--fa.fa-w-9.sc-icon-asset{width:.5625em}.svg-inline--fa.fa-w-10.sc-icon-asset{width:.625em}.svg-inline--fa.fa-w-11.sc-icon-asset{width:.6875em}.svg-inline--fa.fa-w-12.sc-icon-asset{width:.75em}.svg-inline--fa.fa-w-13.sc-icon-asset{width:.8125em}.svg-inline--fa.fa-w-14.sc-icon-asset{width:.875em}.svg-inline--fa.fa-w-15.sc-icon-asset{width:.9375em}.svg-inline--fa.fa-w-16.sc-icon-asset{width:1em}.svg-inline--fa.fa-w-17.sc-icon-asset{width:1.0625em}.svg-inline--fa.fa-w-18.sc-icon-asset{width:1.125em}.svg-inline--fa.fa-w-19.sc-icon-asset{width:1.1875em}.svg-inline--fa.fa-w-20.sc-icon-asset{width:1.25em}.svg-inline--fa.fa-pull-left.sc-icon-asset{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right.sc-icon-asset{margin-left:.3em;width:auto}.svg-inline--fa.fa-border.sc-icon-asset{height:1.5em}.svg-inline--fa.fa-li.sc-icon-asset{width:2em}.svg-inline--fa.fa-fw.sc-icon-asset{width:1.25em}.fa-layers.sc-icon-asset svg.svg-inline--fa.sc-icon-asset{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers.sc-icon-asset{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers.sc-icon-asset svg.svg-inline--fa.sc-icon-asset{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter.sc-icon-asset,.fa-layers-text.sc-icon-asset{display:inline-block;position:absolute;text-align:center}.fa-layers-text.sc-icon-asset{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter.sc-icon-asset{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right.sc-icon-asset{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left.sc-icon-asset{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right.sc-icon-asset{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left.sc-icon-asset{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg.sc-icon-asset{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs.sc-icon-asset{font-size:.75em}.fa-sm.sc-icon-asset{font-size:.875em}.fa-1x.sc-icon-asset{font-size:1em}.fa-2x.sc-icon-asset{font-size:2em}.fa-3x.sc-icon-asset{font-size:3em}.fa-4x.sc-icon-asset{font-size:4em}.fa-5x.sc-icon-asset{font-size:5em}.fa-6x.sc-icon-asset{font-size:6em}.fa-7x.sc-icon-asset{font-size:7em}.fa-8x.sc-icon-asset{font-size:8em}.fa-9x.sc-icon-asset{font-size:9em}.fa-10x.sc-icon-asset{font-size:10em}.fa-fw.sc-icon-asset{text-align:center;width:1.25em}.fa-ul.sc-icon-asset{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul.sc-icon-asset>li.sc-icon-asset{position:relative}.fa-li.sc-icon-asset{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border.sc-icon-asset{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left.sc-icon-asset{float:left}.fa-pull-right.sc-icon-asset{float:right}.fa.fa-pull-left.sc-icon-asset,.fab.fa-pull-left.sc-icon-asset,.fal.fa-pull-left.sc-icon-asset,.far.fa-pull-left.sc-icon-asset,.fas.fa-pull-left.sc-icon-asset{margin-right:.3em}.fa.fa-pull-right.sc-icon-asset,.fab.fa-pull-right.sc-icon-asset,.fal.fa-pull-right.sc-icon-asset,.far.fa-pull-right.sc-icon-asset,.fas.fa-pull-right.sc-icon-asset{margin-left:.3em}.fa-spin.sc-icon-asset{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse.sc-icon-asset{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90.sc-icon-asset{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180.sc-icon-asset{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270.sc-icon-asset{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal.sc-icon-asset{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical.sc-icon-asset{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both.sc-icon-asset,.fa-flip-horizontal.fa-flip-vertical.sc-icon-asset,.fa-flip-vertical.sc-icon-asset{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both.sc-icon-asset,.fa-flip-horizontal.fa-flip-vertical.sc-icon-asset{-webkit-transform:scale(-1);transform:scale(-1)}.sc-icon-asset:root .fa-flip-both.sc-icon-asset,.sc-icon-asset:root .fa-flip-horizontal.sc-icon-asset,.sc-icon-asset:root .fa-flip-vertical.sc-icon-asset,.sc-icon-asset:root .fa-rotate-90.sc-icon-asset,.sc-icon-asset:root .fa-rotate-180.sc-icon-asset,.sc-icon-asset:root .fa-rotate-270.sc-icon-asset{-webkit-filter:none;filter:none}.fa-stack.sc-icon-asset{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x.sc-icon-asset,.fa-stack-2x.sc-icon-asset{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x.sc-icon-asset{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x.sc-icon-asset{height:2em;width:2.5em}.fa-inverse.sc-icon-asset{color:#fff}.sr-only.sc-icon-asset{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable.sc-icon-asset:active,.sr-only-focusable.sc-icon-asset:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa.sc-icon-asset .fa-primary.sc-icon-asset{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa.sc-icon-asset .fa-secondary.sc-icon-asset{fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa.sc-icon-asset .fa-secondary.sc-icon-asset,.svg-inline--fa.fa-swap-opacity.sc-icon-asset .fa-primary.sc-icon-asset{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity.sc-icon-asset .fa-secondary.sc-icon-asset{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa.sc-icon-asset mask.sc-icon-asset .fa-primary.sc-icon-asset,.svg-inline--fa.sc-icon-asset mask.sc-icon-asset .fa-secondary.sc-icon-asset{fill:#000}.fad.fa-inverse.sc-icon-asset{color:#fff}icon-asset.sc-icon-asset{vertical-align:middle}svg.sc-icon-asset{transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}svg.micro.sc-icon-asset{width:calc(var(--ptc-font-size-x-small) / 2);height:calc(var(--ptc-font-size-x-small) / 2)}svg.xxx-small.sc-icon-asset{width:var(--ptc-font-size-xxx-small);height:var(--ptc-font-size-xxx-small)}svg.xx-small.sc-icon-asset{width:var(--ptc-font-size-xx-small);height:var(--ptc-font-size-xx-small)}svg.x-small.sc-icon-asset{width:var(--ptc-font-size-x-small);height:var(--ptc-font-size-x-small)}svg.small.sc-icon-asset{width:var(--ptc-font-size-small);height:var(--ptc-font-size-small)}svg.medium.sc-icon-asset{width:var(--ptc-font-size-medium);height:var(--ptc-font-size-medium)}svg.large.sc-icon-asset{width:var(--ptc-font-size-large);height:var(--ptc-font-size-large)}svg.x-large.sc-icon-asset{width:var(--ptc-font-size-x-large);height:var(--ptc-font-size-x-large)}svg.xx-large.sc-icon-asset{width:var(--ptc-font-size-xx-large);height:var(--ptc-font-size-xx-large)}svg.xxx-large.sc-icon-asset{width:var(--ptc-font-size-xxx-large);height:var(--ptc-font-size-xxx-large)}svg.xxxx-large.sc-icon-asset{width:var(--ptc-font-size-xxxx-large);height:var(--ptc-font-size-xxxx-large)}svg.white.sc-icon-asset{fill:var(--color-white)}svg.white.sc-icon-asset use[href$="#minus"].sc-icon-asset,svg.white.sc-icon-asset use[href$="#plus"].sc-icon-asset,svg.white.sc-icon-asset use[href$="#checkmark"].sc-icon-asset{stroke:var(--color-white)}svg.black.sc-icon-asset{fill:var(--color-black)}svg.black.sc-icon-asset use[href$="#minus"].sc-icon-asset,svg.black.sc-icon-asset use[href$="#plus"].sc-icon-asset,svg.black.sc-icon-asset use[href$="#checkmark"].sc-icon-asset{stroke:var(--color-black)}svg.ptc-green.sc-icon-asset{fill:var(--color-green-07)}svg.ptc-green.sc-icon-asset use[href$="#minus"].sc-icon-asset,svg.ptc-green.sc-icon-asset use[href$="#plus"].sc-icon-asset,svg.ptc-green.sc-icon-asset use[href$="#checkmark"].sc-icon-asset{stroke:var(--color-green-07)}svg.gray.sc-icon-asset{fill:var(--color-gray-06)}svg.gray.sc-icon-asset use[href$="#minus"].sc-icon-asset,svg.gray.sc-icon-asset use[href$="#plus"].sc-icon-asset,svg.gray.sc-icon-asset use[href$="#checkmark"].sc-icon-asset{stroke:var(--color-gray-06)}svg.light-gray.sc-icon-asset{fill:var(--color-gray-05)}svg.light-gray.sc-icon-asset use[href$="#minus"].sc-icon-asset,svg.light-gray.sc-icon-asset use[href$="#plus"].sc-icon-asset,svg.light-gray.sc-icon-asset use[href$="#checkmark"].sc-icon-asset{stroke:var(--color-gray-05)}svg.primary-gray.sc-icon-asset{fill:var(--color-gray-10)}svg.inherit.sc-icon-asset{fill:inherit}svg.inherit.sc-icon-asset use[href$="#minus"].sc-icon-asset,svg.inherit.sc-icon-asset use[href$="#plus"].sc-icon-asset,svg.inherit.sc-icon-asset use[href$="#checkmark"].sc-icon-asset{stroke:inherit}';const l=class{constructor(i){t(this,i),this.listType="list-primary",this.linkHref=void 0,this.flushBefore=!1,this.linkTarget="_self",this.color=void 0,this.styles=void 0}render(){const t=this.getCssClassMap();return i(e,{class:t},this.styles&&i("style",null,this.styles),i("li",null,this.linkHref?i("a",Object.assign({class:"item-link",target:this.linkTarget},this.linkHref?{href:this.linkHref}:{}),i("slot",null)):i("slot",null)))}getCssClassMap(){return{[this.listType]:!0,"flush-before":!!this.flushBefore,[this.color]:!!this.color}}};l.style=':host(.list-primary){display:block}:host(.flush-before) li::before{content:"" !important}:host(.breadcrumb){display:inline-block}:host(.breadcrumb) li{position:relative;display:inline-block;color:var(--color-white);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-xxx-small);line-height:var(--ptc-line-height-densest)}:host(.breadcrumb) li::before{content:"/";top:0;left:0}:host(.breadcrumb) li a.item-link{color:var(--color-white);font-weight:var(--ptc-font-weight-bold) !important;font-size:var(--ptc-font-size-xxx-small) !important;line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;text-decoration-thickness:1px;outline:none;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.breadcrumb) li a.item-link:hover{text-decoration:underline;text-decoration-color:var(--color-green-07);outline:none}:host(.list-green){display:block;margin-bottom:16px}:host(.list-green) li a{font-size:var(--ptc-font-size-xx-small);color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:1.5px;text-decoration-color:var(--color-green-04);font-weight:var(--ptc-font-weight-bold);transition:color var(--ptc-transition-medium) var(--ptc-ease-inout);line-height:var(--ptc-line-height-p);text-underline-offset:4px}:host(.list-green) li a:hover{color:var(--color-green-04)}:host(:not(.flush-before)) li::before{margin-right:2px}:host(.list-footer) li{display:inline-block;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-regular);font-style:normal;font-stretch:normal;line-height:var(--ptc-line-height-denser);letter-spacing:normal;color:var(--color-white);margin:0 0.5rem}:host(.list-footer) li a{color:var(--color-white-grey);border-bottom:1px solid transparent;display:inline-block;text-decoration:none}:host(.list-footer) li a:hover,:host(.list-footer) li a:focus,:host(.list-footer) li a:active{text-decoration:none;border-bottom:1px solid var(--color-green-06);color:var(--color-white-grey);transition:border var(--ptc-ease-inout) var(--ptc-transition-medium)}:host(.list-footer) li a:focus{outline:3px solid var(--color-blue-07);outline-offset:2px;border-radius:var(--ptc-border-radius-standard);text-decoration:none;border-color:transparent !important}:host(.white) li{color:var(--color-white)}:host(.white) li a.item-link{color:var(--color-white)}:host(.light-gray) li{color:var(--color-gray-01)}:host(.light-gray) li a.item-link{color:var(--color-gray-01)}:host(.primary-gray) li{color:var(--color-gray-10)}:host(.primary-gray) li a.item-link{color:var(--color-gray-10)}:host(.list-underline) li{color:var(--color-gray-10);list-style:none;text-decoration:underline 1px solid;text-underline-offset:2px;line-height:var(--ptc-line-height-p)}:host(.list-underline) li a{display:inline-block;padding:4px 0}:host(.list-underline) li a.item-link{color:var(--color-gray-10)}';const n=class{constructor(i){t(this,i),this.maxWidth=void 0,this.breakpoint=768,this.contentAlign="center",this.styles=void 0}componentDidLoad(){this.handleResize(),window.addEventListener("resize",this.handleResize.bind(this))}disconnectedCallback(){window.removeEventListener("resize",this.handleResize)}render(){const t=this.getCssClassMap();return i(e,{class:t},this.styles&&i("style",null,this.styles),i("slot",null))}getCssClassMap(){return{[this.contentAlign]:!0}}handleResize(){this.el&&(this.el.style.maxWidth=window.innerWidth>=this.breakpoint?`${this.maxWidth}px`:"initial")}get el(){return a(this)}};n.style=":host{display:block}:host(.left){margin:auto auto auto 0}:host(.right){margin:auto 0 auto auto}:host(.center){margin:0 auto}";const p=class{constructor(i){t(this,i),this.videoSrc=void 0,this.posterSrc=void 0,this.overlay=!0,this.playButtonTitle=void 0,this.pauseButtonTitle=void 0,this.paused=void 0,this.type="default",this.isIframe=!1}componentWillLoad(){this.paused=!1}render(){const t=this.isIframe?i("div",{class:"iframe-wrapper"},i("iframe",{id:"jumbotron-iframe",src:this.videoSrc,frameborder:0,allow:"autoplay",allowFullScreen:!0,class:"background-video-embed"})):i("video",{src:this.videoSrc,poster:this.posterSrc,autoplay:!0,loop:!0,muted:!0,playsinline:!0});return i(e,{class:this.type},t,!!this.videoSrc&&this.playButtonTitle&&i("div",{class:"play-button"},this.paused&&i("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;}"},i("ptc-button",{type:"button",color:"icon-toggle",onClick:t=>this.toggleVideoPlay(t),styles:"button.icon-toggle { padding :0px 8px; }"},i("icon-asset",{name:"play",size:"small",type:"ptc",color:"black"}))),!this.paused&&!!this.pauseButtonTitle&&i("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;}"},i("ptc-button",{type:"button",color:"icon-toggle",onClick:t=>this.toggleVideoPlay(t)},i("icon-asset",{name:"pause",size:"small",type:"ptc",color:"black"})))),this.overlay?i("div",{class:"video-overlay"}):"","default"==this.type?i("slot",null):"")}toggleVideoPlay(t){t.preventDefault(),this.paused=!this.paused;let i=this.el.shadowRoot.querySelector("video");i&&(this.paused?i.pause():i.play().catch((t=>console.error(t))))}get el(){return a(this)}};p.style=":host{display:block;position:relative}:host video{position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100;object-fit:cover}:host .video-overlay{z-index:1;display:block;position:absolute;width:100%;height:100%;top:0;left:0;opacity:0.8;background-image:linear-gradient(270deg, rgba(30, 38, 38, 0) 26%, #1e2626)}:host(.legacy){display:block;position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100}:host(.legacy) video{object-fit:cover;position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden}:host .iframe-wrapper{position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100}:host .iframe-wrapper .background-video-embed{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%}:host .iframe-wrapper .player .vp-video-wrapper .vp-telecine-cover video{object-fit:cover}:host .play-button{position:absolute;top:1.5rem;right:1.5rem;width:34px;height:34px;z-index:99}@media (min-width: 768px){:host .play-button{top:unset;bottom:3.75rem;right:2rem}}";const d=class{constructor(i){t(this,i),this.position=void 0,this.removeTopMargin=!1,this.color="white",this.styles=void 0}render(){const t=this.getCssClassMap();return i(e,{class:t},this.styles&&i("style",null,this.styles),i("list-item",{listType:"breadcrumb",flushBefore:!0,"link-href":"https://www.ptc.com"},i("icon-asset",{type:"ptc",size:"medium",name:"icon-home",color:this.color})),i("slot",null))}getCssClassMap(){return{[this.position]:!(!this.position||void 0===this.position),"remove-top-margin":!!this.removeTopMargin}}};d.style=":host{display:block;margin-top:var(--ptc-element-spacing-05)}::slotted(*){transform:translate(-2px, -2px)}:host(.left){display:flex;justify-content:flex-start;align-items:flex-end}:host(.center){display:flex;justify-content:center}:host(.right){display:flex;justify-content:flex-end}:host(.remove-top-margin){margin-top:0px !important}";const h=class{constructor(i){t(this,i),this.clickEvent=o(this,"clickEvent",7),this.disabled=!1,this.active=!1,this.type="button",this.color="ptc-primary",this.iconAnimation="",this.iconPosition="icon-right",this.linkHref=void 0,this.linkTitle=void 0,this.target="_self",this.rel=void 0,this.tabNav=0,this.styles=void 0}clickEventHandler(){this.clickEvent.emit()}render(){const t=this.getCssClassMap(),s=this.linkHref?"a":"button";return i(e,null,this.styles&&i("style",null,this.styles),i(s,Object.assign({class:t,onClick:this.clickEventHandler.bind(this)},this.linkHref?{href:this.linkHref}:{},this.linkHref?{}:{type:this.type},this.target&&this.linkHref?{target:this.target}:{},this.rel&&this.linkHref?{rel:this.rel}:{},this.linkHref?{title:this.linkTitle?this.linkTitle:this.linkHref}:{},this.tabNav?{tabindex:-1}:{tabindex:0}),i("span",null,i("slot",{name:"slot-before-text"}),i("slot",null),i("slot",{name:"slot-after-text"}))))}getCssClassMap(){return{[this.color]:!0,[this.iconAnimation]:!0,[this.iconPosition]:!0,disabled:!!this.disabled,active:!!this.active}}};h.style='button.disabled{pointer-events:none;opacity:0.6}button{background-color:var(--color-gray-10);display:inline-block;border-style:solid;border-width:1px;white-space:normal;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:pointer;padding:9.4px 17.5px;border-radius:var(--ptc-border-radius-standard)}button.animation-right ::slotted([slot=slot-after-text]),button.animation-right ::slotted([slot=slot-before-text]),button.animation-down ::slotted([slot=slot-after-text]),button.animation-down ::slotted([slot=slot-before-text]){transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);position:relative;display:inline-block}button:hover.animation-right ::slotted([slot=slot-after-text]),button:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}button:hover.animation-down ::slotted([slot=slot-after-text]),button:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}button span{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:bold;line-height:var(--ptc-line-height-densest)}.icon-left ::slotted([slot=slot-before-text]){margin-right:var(--ptc-element-spacing-01)}.icon-right ::slotted([slot=slot-after-text]){margin-left:var(--ptc-element-spacing-01)}.blackgrey{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-10);background-image:linear-gradient(285deg, var(--color-gray-10) 155%, var(--color-gray-07) 62%)}.blackgrey:hover{box-shadow:var(--ptc-shadow-x-large)}.blackgrey span{color:var(--color-white)}.turtlegreen{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-green-07);background-image:linear-gradient(285deg, var(--color-green-07) 155%, var(--color-green-07) 62%)}.turtlegreen:hover{box-shadow:var(--ptc-shadow-x-large)}.turtlegreen span{color:var(--color-white)}.offwhite{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-10);background-image:linear-gradient(to right, var(--color-white), var(--color-gray-02), var(--color-gray-01))}.offwhite:hover{box-shadow:var(--ptc-shadow-x-large)}.offwhite span{color:var(--color-gray-10)}.legacy-green{margin-left:10px;padding:10px 20px;margin-bottom:var(--ptc-element-spacing-01);margin-top:var(--ptc-element-spacing-01);box-shadow:var(--ptc-shadow-large);border:solid 2.5px var(--color-green-08);background-image:linear-gradient(to right, var(--color-green-06), var(--color-green-08))}.legacy-green:after{position:absolute;content:"";top:-1px;left:0;bottom:0;right:0;width:100%;height:103%;background-image:linear-gradient(to right, var(--color-green-08), var(--color-green-06));opacity:0;transition:opacity var(--ptc-transition-x-slow) var(--ptc-ease-inout);border-radius:2px}.legacy-green:hover{box-shadow:var(--ptc-shadow-x-large)}.legacy-green:hover span{color:var(--color-white)}.legacy-green:hover:after{opacity:1}.legacy-green span{font-family:var(--ptc-font-secondary-latin);color:var(--color-white);z-index:100;position:relative;text-transform:uppercase;font-weight:var(--ptc-font-weight-bold);letter-spacing:var(--ptc-letter-spacing-normal);font-size:var(--ptc-font-size-x-small)}@media only screen and (min-width: 768px){.legacy-green span{font-size:var(--ptc-font-size-small);letter-spacing:var(--ptc-letter-spacing-loose)}}.legacy-green icon-asset{display:inline}a{border-style:solid;border-width:1px;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding:9.4px 17.5px;border-radius:var(--ptc-border-radius-standard);display:inline-block;position:relative}a.animation-right ::slotted([slot=slot-after-text]),a.animation-right ::slotted([slot=slot-before-text]),a.animation-down ::slotted([slot=slot-after-text]),a.animation-down ::slotted([slot=slot-before-text]){transition:all var(--ptc-ease-inout) var(--ptc-transition-medium);position:relative;display:inline-block;margin-left:5px}a:hover.animation-right ::slotted([slot=slot-after-text]),a:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}a:hover.animation-down ::slotted([slot=slot-after-text]),a:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}.nav{font-family:var(--ptc-font-latin);background-color:var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);border:1px solid var(--color-white);border-bottom-style:solid;border-bottom-width:1px;box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:var(--ptc-font-size-xx-small);font-stretch:100%;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-loose);list-style:none;padding:3px var(--ptc-element-spacing-04);position:relative;text-align:center;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.nav:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}.nav:hover{background-color:var(--color-gray-12)}.ptc-primary,.ptc-quaternary,.ptc-secondary,.ptc-tertiary,.icon-toggle{padding:var(--ptc-font-size-xx-small) var(--ptc-font-size-medium);transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium);line-height:20px}.ptc-primary.disabled,.ptc-quaternary.disabled,.ptc-secondary.disabled,.ptc-tertiary.disabled,.icon-toggle.disabled{pointer-events:none;border-color:var(--color-gray-03);background:var(--color-gray-02)}.ptc-primary.disabled span,.ptc-quaternary.disabled span,.ptc-secondary.disabled span,.ptc-tertiary.disabled span,.icon-toggle.disabled span{color:var(--color-gray-03)}.ptc-primary.disabled ::slotted([slot=slot-after-text]),.ptc-quaternary.disabled ::slotted([slot=slot-after-text]),.ptc-secondary.disabled ::slotted([slot=slot-after-text]),.ptc-tertiary.disabled ::slotted([slot=slot-after-text]),.icon-toggle.disabled ::slotted([slot=slot-after-text]){fill:var(--color-gray-03) !important}.ptc-primary:focus,.ptc-quaternary:focus,.ptc-secondary:focus,.ptc-tertiary:focus,.icon-toggle:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}.ptc-primary span,.ptc-quaternary span,.ptc-secondary span,.ptc-tertiary span,.icon-toggle span{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);letter-spacing:normal}.ptc-primary{background:var(--color-gray-12);border:2px solid var(--color-green-07);border-radius:var(--ptc-border-radius-standard)}.ptc-primary:hover{background-color:var(--color-gray-10)}.ptc-primary:active{background-color:var(--color-black)}.ptc-primary span{color:var(--color-white)}.ptc-primary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-secondary{background:var(--color-gray-12);border:2px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-standard)}.ptc-secondary:hover{background-color:var(--color-gray-10)}.ptc-secondary:active{background-color:var(--color-black)}.ptc-secondary span{color:var(--color-white)}.ptc-secondary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-tertiary{background:var(--color-white);border:2px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard)}.ptc-tertiary:hover{background-color:var(--color-gray-02)}.ptc-tertiary:active{background-color:var(--color-gray-03)}.ptc-tertiary span{color:var(--color-gray-10)}.ptc-tertiary ::slotted([slot=slot-after-text]){fill:var(--color-gray-10) !important}.ptc-quaternary{background:var(--color-green-07);border:2px solid var(--color-green-07);border-radius:var(--ptc-border-radius-standard)}.ptc-quaternary:hover{background-color:var(--color-green-08)}.ptc-quaternary:active{background-color:var(--color-green-09)}.ptc-quaternary span{color:var(--color-white)}.ptc-quaternary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.icon-toggle{background:var(--color-white);border:1px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);padding:0;height:2.125rem;width:2.125rem;box-shadow:var(--ptc-shadow-medium)}.icon-toggle:hover{background-color:var(--color-gray-02)}.icon-toggle:active{background-color:var(--color-gray-03)}.icon-toggle.active{background-color:var(--color-gray-04)}.icon-toggle.active:hover{background-color:var(--color-gray-05)}.icon-toggle.active:active{background-color:var(--color-gray-03)}.icon-toggle:focus{outline:2px solid var(--color-blue-07);outline-offset:1px}.icon-toggle span{color:var(--color-gray-10);padding:0}.icon-toggle ::slotted([slot=slot-after-text]){fill:var(--color-gray-10) !important}.icon-toggle ::slotted(icon-asset){display:block;margin:auto;height:18px;width:18px}.clear-search{border:none;padding:0px;line-height:var(----ptc-line-height-densest);background-color:transparent}.clear-search:hover{text-decoration:underline;text-decoration-color:var(--color-white)}.clear-search span{color:var(--color-white);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}';let g={envs:["xs","sm","md","lg"],selector:".ptc-img",interval:250},m={envs:["xs","sm","md","lg"],selector:".ptc-picture",interval:250};const v=class{constructor(i){t(this,i),this.sizeXs="510x340",this.sizeSm="1240x496",this.sizeMd="1366x500",this.sizeLg="1920x1080",this.imgUrl=void 0,this.imageType="smart-bg",this.borderRadius="",this.loadMode="lazy-bg",this.styles=void 0}WindowResize(){this.setResponsiveBg()}render(){const t=this.getCssClassMap();return i(e,null,this.styles&&i("style",null,this.styles),i("div",{class:t,"data-xs":`${this.imgUrl}:${this.sizeXs}`,"data-sm":`${this.imgUrl}:${this.sizeSm}`,"data-md":`${this.imgUrl}:${this.sizeMd}`,"data-lg":`${this.imgUrl}:${this.sizeLg}`},"smart-bg"==this.imageType?i("slot",null):null))}componentDidLoad(){this.addIntersectionObserver(),this.setResponsiveBg()}componentWillUpdate(){this.addIntersectionObserver(),this.setResponsiveBg()}setResponsiveBg(){let t,i,e=(this.el||document).querySelectorAll(g.selector),s=this.getCurrentBreakPoints();for(var a=0,o=e.length;a<o;a++)t=e[a],i=t.getAttribute("data-"+s),null!==i?t.style.backgroundImage="url('"+i+"')":"object"==typeof console&&console.warn("Data attribute: data-"+s+" not found on element:\n\n"+t.outerHTML+"\n\n\n")}addIntersectionObserver(){if(this.imgUrl){if("IntersectionObserver"in window){let t=(this.el||document).querySelectorAll(".lazy-bg"),i=new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting){const e=t.target;e.classList.remove("lazy-bg"),i.unobserve(e)}}))}));t.forEach((t=>{i.observe(t)}))}}else console.log("no image!")}getCssClassMap(){return{[this.imageType]:!0,"ptc-img":!0,[this.borderRadius]:!0,[this.loadMode]:!0}}getCurrentBreakPoints(){let t,i=window.document,e=i.createElement("div");i.body.appendChild(e);for(let s=g.envs.length-1;s>=0;s--)if(t=g.envs[s],e.className="hidden-"+t,null===e.offsetParent)return i.body.removeChild(e),t;return i.body.removeChild(e),this.getFallbackBreakpoint()}getFallbackBreakpoint(){return window.matchMedia("(min-width: 992px)").matches?"lg":window.matchMedia("(min-width: 768px)").matches?"md":window.matchMedia("(min-width: 576px)").matches?"sm":"xs"}get el(){return a(this)}};v.style=".smart-bg{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.smart-img{position:absolute;display:block;width:100%;height:100%;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-standard-top{border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.radius-large-top{border-top-left-radius:var(--ptc-border-radius-large);border-top-right-radius:var(--ptc-border-radius-large)}.lazy-bg{background-image:none !important;background-color:var(--color-gray-03)}@media only screen and (min-width: 768px){.hidden-xs{display:none !important}}@media (min-width: 768px) and (max-width: 991px){.hidden-sm{display:none !important}}@media (min-width: 992px) and (max-width: 1199px){.hidden-md{display:none !important}}@media only screen and (min-width: 768px){.hidden-lg{display:none !important}}";const x=class{constructor(i){t(this,i),this.jumbotronType="light",this.hasPopupVideo=!1,this.mainTitle="Lorem Ipsum Dolor Sit Amet Consectetur",this.subTitle="Lorem Ipsum Dolor Sit Amet Consectetur Adipiscing Lorem Ipsum Dolor Sit Amet Consectetur Adipisci Lorem Ipsum Dolor Sit Amet",this.pngSrc=void 0,this.gifSrc=void 0,this.bgVideoSrc=void 0,this.bgSrc=void 0,this.isIframe=!1,this.playButtonTitle=void 0,this.pauseButtonTitle=void 0,this.contentBackground=void 0,this.contentColor=void 0,this.textAlign="left",this.isMobile=void 0}handleResize(){this.getContentBackground(),this.adjustJumbotronHeight()}connectedCallback(){this.getContentBackground()}componentDidLoad(){this.adjustJumbotronHeight()}render(){console.log("render");const t=this.getCssClassMap();let s;switch(this.jumbotronType){case"png":s=i("div",{class:"mobile-media-image"},i("ptc-picture",{src:this.pngSrc}));break;case"gif":s=i("div",{class:"mobile-media-image gif-bg"},i("img",{src:this.gifSrc}));break;case"dark-video":case"light-video":s=i("ptc-background-video",{class:"video-ratio",overlay:!1,"video-src":this.bgVideoSrc,isIframe:this.isIframe,"play-button-title":this.playButtonTitle,"pause-button-title":this.pauseButtonTitle});break;default:s=i("ptc-img",{"img-url":this.bgSrc,styles:".smart-bg{background-position:right !important;}"})}return i(e,{class:t},i("div",{class:"parent"},i("div",{class:"div1 image-container "+("text"===this.jumbotronType?"hidden":"")},s),i("div",{class:"div2 content-container"},i("div",{class:"bg-overlay",style:{background:this.contentBackground}}),i("div",{class:"ptc-container content-layout"},i("max-width-container",{"max-width":"578",breakpoint:992,"content-align":"text"===this.jumbotronType?"center":this.textAlign,styles:":host{z-index: 9999}"},i("slot",{name:"breadcrumb"}),i("ptc-spacer",{breakpoint:"small",size:"small"}),i("ptc-spacer",{breakpoint:"x-small",size:"medium"}),i("slot",{name:"main-title"}),i("ptc-spacer",{breakpoint:"small",size:"small"}),i("ptc-spacer",{breakpoint:"x-small",size:"medium"}),i("ptc-para",{"font-size":"text"===this.jumbotronType&&this.isMobile?"x-small":"small","font-weight":"text"===this.jumbotronType&&this.isMobile?"w-7":"w-4","para-margin":"margin-bottom-6","para-color":"white","para-line-h":"line-height-p","para-align":"text"===this.jumbotronType?"center":"left"},i("ptc-tooltip",{"text-lines":"8",description:this.subTitle,position:"right",styles:`.ellipsis-by-line-boxing{color: ${this.contentColor};}`})),i("div",{class:"u-flex u-flex-wrap gap-adjustment"+("text"===this.jumbotronType?" text-adjustment":"")},i("slot",{name:"j-cta"}))),this.hasPopupVideo?i("slot",{name:"video"}):null,"png"===this.jumbotronType?i("div",{class:"desktop-media-image"},i("ptc-picture",{"is-full-width":!0,src:this.pngSrc})):null,"gif"===this.jumbotronType?i("div",{class:"desktop-media-image desk-gif-adjustment"},i("img",{src:this.gifSrc})):null))))}getCssClassMap(){return{}}getContentBackground(){if(window.innerWidth<992){switch(this.jumbotronType){case"light":case"light-video":this.contentBackground="#F3F3F3",this.contentColor="var(--color-gray-10)";break;case"dark":case"dark-video":this.contentBackground="var(--color-gray-09)",this.contentColor="var(--color-gray-01)";break;default:this.contentBackground="transparent",this.contentColor="var(--color-gray-10)"}this.isMobile=!0}else{switch(this.jumbotronType){case"light":case"light-video":this.contentBackground="linear-gradient(90.19deg, rgba(255, 255, 255, 0.9) 62.55%, rgba(228, 231, 233, 0) 99.86%)",this.contentColor="var(--color-gray-10)";break;case"dark":case"dark-video":this.contentBackground="linear-gradient(90deg, rgba(0, 0, 0, 0.63) 52.42%, rgba(40, 47, 53, 0) 100%)",this.contentColor="var(--color-gray-01)";break;case"gif":this.contentBackground="#F3F3F3",this.contentColor="var(--color-gray-10)";break;default:this.contentBackground="transparent",this.contentColor="var(--color-gray-10)"}this.isMobile=!1}}adjustJumbotronHeight(){const t=this.el.shadowRoot.querySelector(".content-container").clientHeight,i=this.el.shadowRoot.querySelector(".video-ratio")?this.el.shadowRoot.querySelector(".video-ratio"):null;t<500&&i&&!this.isMobile?i.style.paddingBottom="500px":i&&(i.style.paddingBottom="")}get el(){return a(this)}};x.style=".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%}.u-para-sm{font-size:var(--ptc-font-size-small) !important}.u-para-md{font-size:var(--ptc-font-size-medium) !important}.u-para-lg{font-size:var(--ptc-font-size-large) !important}.u-para-xl{font-size:var(--ptc-font-size-x-large) !important}.u-para-xxl{font-size:var(--ptc-font-size-xx-large) !important}.u-para-xxxl{font-size:var(--ptc-font-size-xxx-large) !important}@media only screen and (min-width: 768px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.05vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.05vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.05vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.05vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.05vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.05vw) !important}}@media only screen and (min-width: 992px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.1vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.1vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.1vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.1vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.1vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.1vw) !important}}@media only screen and (min-width: 1200px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.15vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.15vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.15vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.15vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.15vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.15vw) !important}}@media only screen and (min-width: 1440px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.2vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.2vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.2vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.2vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.2vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.2vw) !important}}@media only screen and (min-width: 1600px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.25vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.25vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.25vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.25vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.25vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.25vw) !important}}@media only screen and (min-width: 1980px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.3vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.3vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.3vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.3vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.3vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.3vw) !important}}@media only screen and (min-width: 2600px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.35vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.35vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.35vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.35vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.35vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.35vw) !important}}.u-para-body{font-size:var(--ptc-font-size-medium) !important}.u-color-white{color:var(--color-white) !important}.u-uppercase{text-transform:uppercase !important}.u-margin-flush{margin:0 !important}.u-marginTop-flush{margin-top:0 !important}.u-marginLeft-flush{margin-left:0 !important}.u-marginRight-flush{margin-right:0 !important}.u-marginBottom-flush{margin-bottom:0 !important}.u-padding-flush{padding:0 !important}.u-paddingTop-flush{padding-top:0 !important}.u-paddingLeft-flush{padding-left:0 !important}.u-paddingRight-flush{padding-right:0 !important}.u-paddingBottom-flush{padding-bottom:0 !important}.u-margin-xs{margin:var(--ptc-element-spacing-01) !important}.u-marginTop-xs{margin-top:var(--ptc-element-spacing-01) !important}.u-marginLeft-xs{margin-left:var(--ptc-element-spacing-01) !important}.u-marginRight-xs{margin-right:var(--ptc-element-spacing-01) !important}.u-marginBottom-xs{margin-bottom:var(--ptc-element-spacing-01) !important}.u-margin-sm{margin:var(--ptc-element-spacing-02) !important}.u-marginTop-sm{margin-top:var(--ptc-element-spacing-02) !important}.u-marginLeft-sm{margin-left:var(--ptc-element-spacing-02) !important}.u-marginRight-sm{margin-right:var(--ptc-element-spacing-02) !important}.u-marginBottom-sm{margin-bottom:var(--ptc-element-spacing-02) !important}.u-margin-md{margin:var(--ptc-element-spacing-03) !important}.u-marginTop-md{margin-top:var(--ptc-element-spacing-03) !important}.u-marginLeft-md{margin-left:var(--ptc-element-spacing-03) !important}.u-marginRight-md{margin-right:var(--ptc-element-spacing-03) !important}.u-marginBottom-md{margin-bottom:var(--ptc-element-spacing-03) !important}.u-margin-lg{margin:var(--ptc-element-spacing-04) !important}.u-marginTop-lg{margin-top:var(--ptc-element-spacing-04) !important}.u-marginLeft-lg{margin-left:var(--ptc-element-spacing-04) !important}.u-marginRight-lg{margin-right:var(--ptc-element-spacing-04) !important}.u-marginBottom-lg{margin-bottom:var(--ptc-element-spacing-04) !important}.u-margin-xl{margin:var(--ptc-element-spacing-05) !important}.u-marginTop-xl{margin-top:var(--ptc-element-spacing-05) !important}.u-marginLeft-xl{margin-left:var(--ptc-element-spacing-05) !important}.u-marginRight-xl{margin-right:var(--ptc-element-spacing-05) !important}.u-marginBottom-xl{margin-bottom:var(--ptc-element-spacing-05) !important}.u-margin-xxl{margin:var(--ptc-element-spacing-06) !important}.u-marginTop-xxl{margin-top:var(--ptc-element-spacing-06) !important}.u-marginLeft-xxl{margin-left:var(--ptc-element-spacing-06) !important}.u-marginRight-xxl{margin-right:var(--ptc-element-spacing-06) !important}.u-marginBottom-xxl{margin-bottom:var(--ptc-element-spacing-06) !important}.u-margin-xxxl{margin:var(--ptc-element-spacing-07) !important}.u-marginTop-xxxl{margin-top:var(--ptc-element-spacing-07) !important}.u-marginLeft-xxxl{margin-left:var(--ptc-element-spacing-07) !important}.u-marginRight-xxxl{margin-right:var(--ptc-element-spacing-07) !important}.u-marginBottom-xxxl{margin-bottom:var(--ptc-element-spacing-07) !important}.u-margin-4xl{margin:var(--ptc-element-spacing-08) !important}.u-marginTop-4xl{margin-top:var(--ptc-element-spacing-08) !important}.u-marginLeft-4xl{margin-left:var(--ptc-element-spacing-08) !important}.u-marginRight-4xl{margin-right:var(--ptc-element-spacing-08) !important}.u-marginBottom-4xl{margin-bottom:var(--ptc-element-spacing-08) !important}.u-textAlign-ctr{text-align:center !important}.u-textAlign-right{text-align:right !important}.u-textAlign-left{text-align:left !important}.u-textWhite{color:var(--color-white) !important}.u-textGreen1{color:var(--color-green-07) !important}.u-textGreen2{color:var(--color-green-06) !important}.u-text-nowrap{white-space:nowrap}.u-text-bold{font-weight:var(--ptc-font-weight-bold)}.u-text-thin{font-weight:var(--ptc-font-weight-thin)}.u-textStyle-normal{font-style:normal !important}.u-no-scroll{overflow:hidden}.u-background-white{background-color:var(--color-white)}.u-background-reset{background-color:transparent !important}.u-white-overylay{background:rgba(242, 242, 242, 0.9)}.u-cursor-pointer{cursor:pointer}.u-clear{clear:both}.u-border-radius-standard{border-radius:var(--ptc-border-radius-standard)}.u-border-radius-large{border-radius:var(--ptc-border-radius-large)}.u-border-radius-pill{border-radius:var(--ptc-border-radius-pill)}.u-border-radius-circle{border-radius:var(--ptc-border-radius-circle)}@media only screen and (min-width: 768px){.u-hero-width{width:525px}.u-margin-center{margin:0 auto}.u-justify-self-end{justify-self:flex-end}}.u-hero-pushup{transform:translateY(-120px)}@media only screen and (min-width: 768px){.u-hero-pushup{transform:translateY(-144px)}}@media only screen and (min-width: 768px){.grid-order-1-md{order:1}.grid-order-2-md{order:2}.grid-order-3-md{order:3}}@media only screen and (min-width: 992px){.grid-order-1-lg{order:1}.grid-order-2-lg{order:2}.grid-order-3-lg{order:3}}.standard-list{list-style:none;margin-left:0;margin-bottom:20px;padding:0}.is-spaced-between{justify-content:space-between}.grid-large-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-large-col-gap-md{column-gap:3rem}}.grid-large-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-large-col-gap-sm{column-gap:3rem}}.grid-x-large-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-x-large-col-gap-md{column-gap:4rem}}.grid-x-large-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-x-large-col-gap-sm{column-gap:4rem}}.grid-medium-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-medium-col-gap-md{column-gap:2rem}}.grid-medium-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-medium-col-gap-sm{column-gap:2rem}}.is-float-left{float:left}.is-float-right{float:right}.is-mobile{display:block}.is-desktop{display:none}@media only screen and (min-width: 992px){.is-mobile{display:none}.is-desktop{display:block}}.ptc-section{padding-top:2rem;padding-bottom:2rem}@media only screen and (min-width: 992px){.ptc-section{padding-top:3rem;padding-bottom:3rem}}.ptc-section-standard{padding-top:3rem;padding-bottom:3rem}.ptc-section-half{padding-top:1.5rem;padding-bottom:1.5rem}.u-flex{display:flex}@media only screen and (min-width: 480px){.u-flex-xs{display:flex}}@media only screen and (min-width: 768px){.u-flex-sm{display:flex}}@media only screen and (min-width: 992px){.u-flex-md{display:flex}}@media only screen and (min-width: 1200px){.u-flex-lg{display:flex}}@media only screen and (min-width: 1440px){.u-flex-xl{display:flex}}@media only screen and (min-width: 1600px){.u-flex-xxl{display:flex}}@media only screen and (min-width: 1980px){.u-flex-2k{display:flex}}@media only screen and (min-width: 2600px){.u-flex-4k{display:flex}}.u-align-center{margin:auto;align-self:center}.u-align-left{margin-right:auto;align-self:center}.u-align-right{margin-left:auto;align-self:center}.u-align-x-center{margin-right:auto;margin-left:auto}.u-align-x-left{margin-right:auto}.u-align-x-right{margin-left:auto}.u-align-y-center{align-self:center}.u-align-y-top{align-self:flex-start}.u-align-y-bottom{align-self:flex-end}.is-flex-column{flex-direction:column}.flex-align-items{align-items:flex-end}.flex-align-items-center{align-items:center}.u-flex-nowrap{flex-wrap:nowrap}.u-flex-wrap{flex-wrap:wrap}.u-align-self-start{align-self:start}.u-align-self-center{align-self:center}.u-align-self-stretch{align-self:stretch}.u-justify-self-start{justify-self:start}.u-justify-self-center{justify-self:center}.u-justify-self-stretch{justify-self:stretch}.u-flex-justify-center{justify-content:center}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.fef-two-column-two-media .has-col-gap-lg{grid-column-gap:var(--spacing-md)}@media only screen and (min-width: 992px){.fef-two-column-two-media .has-col-gap-lg{grid-column-gap:var(--spacing-lg)}}.fef-two-column-two-media .is-col-6-md{padding-bottom:3rem}.fef-two-column-two-media .is-col-6-md:last-child{padding-bottom:0rem}@media only screen and (min-width: 768px){.fef-two-column-two-media .is-col-6-md{padding-bottom:0rem}}@media only screen and (min-width: 768px){.is-grid.grid-large-col-gap-xs-0{row-gap:0}}.max-content{max-width:90%;margin:auto}@media only screen and (min-width: 480px){.max-content{max-width:80%}}.product-tab ptc-title h3{font-size:20px !important;font-weight:900}@media only screen and (min-width: 1200px){.product-tab ptc-title h3{font-size:15px !important;font-weight:800}}.product-tab .is-grid{grid-column-gap:20px;grid-row-gap:12px}ptc-bio-card .bio-modal-open-content{color:var(--color-gray-10);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-denser)}ptc-bio-card .bio-modal-open-content h3{letter-spacing:0.08rem;margin-bottom:2px;font-size:var(--ptc-font-size-small)}ptc-bio-card .bio-modal-open-content ul{margin-top:0}ptc-bio-card .bio-modal-open-content ul li{line-height:var(--ptc-line-height-p)}ptc-bio-card .bio-modal-open-content ul li a{text-decoration:none;color:var(--color-green-06);transition:color 0.3s ease}ptc-bio-card .bio-modal-open-content ul li a:hover{color:var(--color-gray-10);transition:color 0.3s ease}ptc-bio-card .bio-modal-open-content .btn-blackgrey{background-color:var(--color-gray-10);display:inline-block;border-style:solid;border-width:1px;white-space:normal;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:pointer;padding:14px 20px;border:2px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-standard);color:var(--color-white);font-weight:700}ptc-bio-card .bio-modal-open-content .btn-blackgrey:hover{background-color:var(--color-gray-09);border-color:var(--color-gray-08)}ptc-bio-card .bio-modal-open-content .btn-blackgrey svg{display:none}ptc-bio-card .bio-modal-open-content hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.u-justify-space-between{justify-content:space-between}ptc-nav-submenu .dropdown-content{display:none}ptc-nav-submenu .dropdown-content.open{padding-top:5px;padding-bottom:5px;display:block}ptc-nav-submenu.short-dropdown .dropdown-content.open{padding:var(--ptc-layout-spacing-04)}@media only screen and (min-width: 1200px){ptc-nav-submenu.short-dropdown .dropdown-content.open{padding:var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-04)}}.all-product-banner{padding:50px 0 44px 0px}@media only screen and (min-width: 992px){.all-product-banner{padding:50px 0 72px 0px;display:flex;min-height:300px;justify-content:center;align-items:center}}:host{display:block}.parent{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-column-gap:0px;grid-row-gap:0px;position:unset;z-index:999}.div1{grid-area:1/1/2/2;min-height:300px}.div1.hidden{display:none}.mobile-media-image{display:flex;justify-content:center;align-items:center}@media only screen and (min-width: 992px){.mobile-media-image{display:none}}.gif-bg{background-color:#F3F3F3}.gif-bg img{width:100%;height:auto}@media only screen and (min-width: 768px){.gif-bg img{width:auto}}.video-ratio{position:relative;overflow:hidden;height:0;padding-bottom:100%}@media screen and (min-width: 550px){.video-ratio{padding-bottom:56.25%}}@media only screen and (min-width: 768px){.video-ratio{padding-bottom:56.25%}}@media only screen and (min-width: 992px){.video-ratio{padding-bottom:59.37%;max-height:500px}}@media only screen and (min-width: 1200px){.video-ratio{padding-bottom:min(578px, 46.67%)}}@media only screen and (min-width: 1440px){.video-ratio{padding-bottom:min(578px, 39.67%)}}.div2{grid-area:2/1/3/2;position:relative}.bg-overlay{position:absolute;width:100%;height:100%;top:0;left:0}.content-layout{display:flex;flex-direction:column}@media only screen and (min-width: 992px){.content-layout{flex-direction:row}}.gap-adjustment{gap:var(--ptc-element-spacing-07);margin-bottom:var(--ptc-element-spacing-07)}.text-adjustment{justify-content:flex-start}@media only screen and (min-width: 992px){.text-adjustment{justify-content:center}}.desktop-media-image{width:40%;display:none}@media only screen and (min-width: 992px){.desktop-media-image{display:block}}.desk-gif-adjustment{z-index:3;display:none;justify-content:center;align-items:center}@media only screen and (min-width: 992px){.desk-gif-adjustment{display:flex}}.desk-gif-adjustment img{width:100%}@media only screen and (min-width: 992px){.parent{grid-template-columns:1fr;grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;min-height:500px;position:relative}.div1{grid-area:1/1/2/2;min-height:unset}.div2{grid-area:1/1/2/2;align-self:center;position:unset}}";const f=class{constructor(i){t(this,i),this.fontSize="x-small",this.fontWeight="w-4",this.paraStyle="default",this.paraColor="primary-grey",this.paraLineH="line-height-normal",this.paraMargin=void 0,this.paraAlign=void 0,this.ellipsisLineCutoff=void 0,this.paraZIndex=void 0,this.styles=void 0}render(){const t=this.getCssClassMap(),s=this.addWhiteClass(),a=this.getLineCuttoff();return i(e,{class:`${s} ${this.paraZIndex}`},this.styles&&i("style",null,this.styles),i("p",{class:t,part:"part-para",style:a},i("slot",null)))}getCssClassMap(){return{[this.fontSize]:!0,[this.fontWeight]:!0,[this.paraStyle]:!0,[this.paraMargin]:!!this.paraMargin,[this.paraColor]:!0,[this.paraLineH]:!0,[this.paraAlign]:!!this.paraAlign,"ellipsis-boxing":this.ellipsisLineCutoff&&this.ellipsisLineCutoff>0}}addWhiteClass(){if("white"==this.paraColor)return{[this.paraColor]:!0}}getLineCuttoff(){let t;return this.ellipsisLineCutoff&&this.ellipsisLineCutoff>0&&(t={"-webkit-line-clamp":`${this.ellipsisLineCutoff}`}),t}get el(){return a(this)}};f.style=":host{position:relative;z-index:1}:host(.white){color:var(--color-white)}:host(.z-1){z-index:1}:host(.z-2){z-index:2}:host(.z-3){z-index:3}:host(.z-99){z-index:99}:host(.z-999){z-index:999}:host(.z-auto){z-index:auto}p.default{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}p.main{text-shadow:0 3px 6px var(--color-white);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10)}p.primary-grey{color:var(--color-gray-10)}p.gray-darker{color:var(--color-gray-11)}p.white{color:var(--color-white)}p.xxx-small{font-size:var(--ptc-font-size-xxx-small)}p.xx-small{font-size:var(--ptc-font-size-xx-small)}p.x-small{font-size:var(--ptc-font-size-x-small)}p.small{font-size:var(--ptc-font-size-small)}p.medium{font-size:var(--ptc-font-size-medium)}p.large{font-size:var(--ptc-font-size-large)}p.x-large{font-size:var(--ptc-font-size-x-large)}p.xx-large{font-size:var(--ptc-font-size-xx-large)}p.xxx-large{font-size:var(--ptc-font-size-xxx-large)}p.xxxx-large{font-size:var(--ptc-font-size-xxxx-large)}p.w-3{font-weight:var(--ptc-font-weight-thin)}p.w-4{font-weight:var(--ptc-font-weight-regular)}p.w-5{font-weight:var(--ptc-font-weight-medium)}p.w-6{font-weight:var(--ptc-font-weight-semibold)}p.w-7{font-weight:var(--ptc-font-weight-bold)}p.w-8{font-weight:var(--ptc-font-weight-extrabold)}p.w-9{font-weight:var(--ptc-font-weight-black)}p.margin-flush{margin-top:0;margin-bottom:0}p.margin-top-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:0}p.margin-top-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}p.margin-top-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}p.margin-top-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}p.margin-top-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}p.margin-top-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}p.margin-bottom-1{margin-bottom:var(--ptc-element-spacing-01);margin-top:0}p.margin-bottom-2{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}p.margin-bottom-3{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}p.margin-bottom-4{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}p.margin-bottom-5{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}p.margin-bottom-6{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}p.margin-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:var(--ptc-element-spacing-01)}p.margin-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}p.margin-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}p.margin-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}p.margin-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}p.margin-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}p.line-height-densest{line-height:var(--ptc-line-height-densest)}p.line-height-denser{line-height:var(--ptc-line-height-denser)}p.line-height-p{line-height:var(--ptc-line-height-p)}p.line-height-dense{line-height:var(--ptc-line-height-dense)}p.line-height-normal{line-height:var(--ptc-line-height-normal)}p.line-height-loose{line-height:var(--ptc-line-height-loose)}p.line-height-looser{line-height:var(--ptc-line-height-looser)}p.left{text-align:left}p.right{text-align:right}p.center{text-align:center}p.justify{text-align:justify}p.announcement{text-transform:uppercase;font-size:var(--ptc-font-size-small);color:var(--color-gray-07);line-height:var(--ptc-line-height-looser);letter-spacing:var(--ptc-letter-spacing-loose)}p.ellipsis-boxing{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word}";const u=class{constructor(i){t(this,i),this.src=void 0,this.alt="image",this.sizeXs="510x340",this.sizeSm="1240x496",this.sizeMd="1366x500",this.sizeLg="1920x1080",this.oldSrc=void 0,this.imagePosition="static",this.borderRadius=void 0,this.height=void 0,this.width=void 0,this.objectFit="cover",this.isFullHeight=!1,this.isFullWidth=!1,this.styles=void 0,this.imageAlignment="left",this.maxWidth=void 0,this.displayImage="block"}WindowResize(){this.addIntersectionObserver()}componentDidLoad(){this.addIntersectionObserver()}componentWillUpdate(){this.src!==this.oldSrc&&this.addIntersectionObserver(),this.oldSrc=this.src}addIntersectionObserver(){if(this.src)if("IntersectionObserver"in window){let t=new IntersectionObserver((i=>{i.forEach((i=>{if(i.isIntersecting){const i=this.el.shadowRoot.querySelector("img");i.src=this.setResponsiveBg(),t.unobserve(i)}}))})),i=this.el.shadowRoot.querySelector("img");i&&t.observe(i)}else setTimeout((()=>{const t=this.el.shadowRoot.querySelector("img");t.src=this.setResponsiveBg(),t.onload=()=>{t.removeAttribute("data-src"),console.log("loaded fallback")}}),5e3)}setResponsiveBg(){let t,i,e=(this.el.shadowRoot||document).querySelectorAll("img"),s=this.getCurrentBreakPoints();for(var a=0,o=e.length;a<o;a++){if(t=e[a],i=t.getAttribute("data-"+s),null!==i)return i;"object"==typeof console&&console.warn("Data attribute: data-"+s+" not found on element:\n\n"+t.outerHTML+"\n\n\n")}}render(){const t=this.getCssClassMap(),s=this.getCssClassMapHost();return i(e,{class:s},this.styles&&i("style",null,this.styles),i("img",Object.assign({class:t,"data-xs":this.sizeXs?`${this.src}:${this.sizeXs}`:`${this.src}`,"data-sm":this.sizeSm?`${this.src}:${this.sizeSm}`:`${this.src}`,"data-md":this.sizeMd?`${this.src}:${this.sizeMd}`:`${this.src}`,"data-lg":this.sizeLg?`${this.src}:${this.sizeLg}`:`${this.src}`},this.width?{width:this.width}:{},this.height?{height:this.height}:{},{alt:this.alt,style:Object.assign({},this.maxWidth?{maxWidth:this.maxWidth+"px"}:{})})),i("slot",null))}getCurrentBreakPoints(){let t,i=window.document,e=i.createElement("div");i.body.appendChild(e);for(let s=m.envs.length-1;s>=0;s--)if(t=m.envs[s],e.className="hidden-"+t,null===e.offsetParent)return i.body.removeChild(e),t;return i.body.removeChild(e),this.getFallbackBreakpoint()}getFallbackBreakpoint(){return window.matchMedia("(min-width: 992px)").matches?"lg":window.matchMedia("(min-width: 768px)").matches?"md":window.matchMedia("(min-width: 576px)").matches?"sm":"xs"}getCssClassMap(){return{[this.borderRadius]:!!this.borderRadius,[this.objectFit]:!0,[this.isFullHeight?"is-full-height":"is-normal-height"]:!0,[this.isFullWidth?"is-full-width":"is-normal-width"]:!0,[this.displayImage]:!0}}getCssClassMapHost(){return{[this.imagePosition]:!0,[this.imageAlignment]:!0}}get el(){return a(this)}};u.style=":host{display:block;overflow:hidden}:host .inline{display:inline}:host .inline-block{display:inline-block}:host .block{display:block}:host(.relative){position:relative}:host(.static){position:static}:host(.absoltue){position:absolute}img{max-width:100%}.cover{object-fit:cover}.fill{object-fit:fill}.contain{object-fit:contain}.scale-down{object-fit:scale-down}.none{object-fit:none}.initial{object-fit:initial}.inherit{object-fit:inherit}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.is-full-height{height:100%}.is-full-width{width:100%}:host(.left){text-align:left}:host(.right){text-align:right}:host(.center){text-align:center}";const b=class{constructor(i){t(this,i),this.breakpoint="",this.size="medium",this.direction="vertical"}render(){const t=this.getCssClassMap();return i(e,{class:t})}getCssClassMap(){return{[this.size]:!0,"ptc-spacer-horizontal":"horizontal"===this.direction,"ptc-spacer-vertical":"vertical"===this.direction,"ptc-spacer-xx-small":"xx-small"===this.breakpoint,"ptc-spacer-x-small":"x-small"===this.breakpoint,"ptc-spacer-small":"small"===this.breakpoint,"ptc-spacer-medium":"medium"===this.breakpoint,"ptc-spacer-large":"large"===this.breakpoint,"ptc-spacer-x-large":"x-large"===this.breakpoint,"ptc-spacer-xx-large":"xx-large"===this.breakpoint,"ptc-spacer-xxx-large":"xxx-large"===this.breakpoint}}};b.style=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.ptc-spacer-horizontal){display:inline-block;height:100% !important}:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.ptc-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.ptc-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.small){width:12px;min-width:12px}}:host(.ptc-spacer-horizontal.medium){height:100%}:host(.ptc-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.large){width:20px;min-width:20px}}:host(.ptc-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.ptc-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.ptc-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.ptc-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.ptc-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.ptc-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.ptc-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.ptc-spacer-vertical.small){height:12px;min-height:12px}}:host(.ptc-spacer-vertical.medium){width:100%}:host(.ptc-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.ptc-spacer-vertical.large){height:20px;min-height:20px}}:host(.ptc-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.ptc-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.ptc-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.ptc-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.ptc-spacer-vertical.space-144){width:100%;height:144px;min-height:144px}:host(.ptc-spacer-vertical.space-120){width:100%;height:120px;min-height:120px}:host(.ptc-spacer-vertical.space-128){width:100%;height:128px;min-height:128px}:host(.ptc-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.ptc-spacer-xx-small){display:block}}:host(.ptc-spacer-x-small){display:none}@media (max-width: 35.99em){:host(.ptc-spacer-x-small){display:block}}:host(.ptc-spacer-small){display:none}@media (min-width: 36em){:host(.ptc-spacer-small){display:block}}:host(.ptc-spacer-medium){display:none}@media (min-width: 48em){:host(.ptc-spacer-medium){display:block}}:host(.ptc-spacer-large){display:none}@media (min-width: 62em){:host(.ptc-spacer-large){display:block}}:host(.ptc-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.ptc-spacer-x-large){display:block}}:host(.ptc-spacer-xx-large){display:none}@media (min-width: 75em){:host(.ptc-spacer-xx-large){display:block}}:host(.ptc-spacer-xxx-large){display:none}@media (min-width: 90em){:host(.ptc-spacer-xxx-large){display:block}}";const w=class{constructor(i){t(this,i),this.isPlmHub=!1,this.type="h2",this.textAlign=void 0,this.upperline="dotted",this.titleShadow=void 0,this.titleColor="gray",this.titleMargin=void 0,this.titleWeight=void 0,this.titleSize=void 0,this.titleHeight="paragraph",this.styles=void 0,this.ellipsisLineCutoff=void 0,this.titleDisplay="inline-block"}render(){const t=this.getCssClassMap(),s=this.getLineCuttoff();let a;switch(this.type){case"h1":a="h1";break;case"h3":a="h3";break;case"h4":a="h4";break;case"h5":a="h5";break;case"h6":a="h6";break;default:a="h2"}return i(e,null,this.styles&&i("style",null,this.styles),i("div",{class:t},i(a,{style:s},i("slot",null))))}getCssClassMap(){return{[this.textAlign]:!!this.textAlign,[this.upperline]:!0,[this.isPlmHub?"is-plm-hub":"is-standard"]:!0,[this.titleMargin]:!!this.titleMargin,[this.titleShadow]:!!this.titleShadow,[this.titleWeight]:!!this.titleWeight,[this.titleSize]:!!this.titleSize,[this.titleHeight]:!!this.titleHeight,[this.titleColor]:!!this.titleColor,"ellipsis-boxing":this.ellipsisLineCutoff&&this.ellipsisLineCutoff>0,[this.titleDisplay]:!!this.titleDisplay}}getLineCuttoff(){let t;return this.ellipsisLineCutoff&&this.ellipsisLineCutoff>0&&(t={"-webkit-line-clamp":`${this.ellipsisLineCutoff}`}),t}};w.style='div.center.sc-ptc-title{text-align:center}div.center.dotted.sc-ptc-title h1.sc-ptc-title::before,div.center.dotted.sc-ptc-title h2.sc-ptc-title::before,div.center.dotted.sc-ptc-title h3.sc-ptc-title::before,div.center.dotted.sc-ptc-title h4.sc-ptc-title::before,div.center.dotted.sc-ptc-title h5.sc-ptc-title::before,div.center.dotted.sc-ptc-title h6.sc-ptc-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-title{text-align:left}div.left.dotted.sc-ptc-title h1.sc-ptc-title::before,div.left.dotted.sc-ptc-title h2.sc-ptc-title::before,div.left.dotted.sc-ptc-title h3.sc-ptc-title::before,div.left.dotted.sc-ptc-title h4.sc-ptc-title::before,div.left.dotted.sc-ptc-title h5.sc-ptc-title::before,div.left.dotted.sc-ptc-title h6.sc-ptc-title::before{left:0%}div.right.sc-ptc-title{text-align:right}div.right.dotted.sc-ptc-title h1.sc-ptc-title::before,div.right.dotted.sc-ptc-title h2.sc-ptc-title::before,div.right.dotted.sc-ptc-title h3.sc-ptc-title::before,div.right.dotted.sc-ptc-title h4.sc-ptc-title::before,div.right.dotted.sc-ptc-title h5.sc-ptc-title::before,div.right.dotted.sc-ptc-title h6.sc-ptc-title::before{right:0%}div.inherit.sc-ptc-title{text-align:inherit}div.dotted.sc-ptc-title h1.sc-ptc-title::before,div.dotted.sc-ptc-title h2.sc-ptc-title::before,div.dotted.sc-ptc-title h3.sc-ptc-title::before,div.dotted.sc-ptc-title h4.sc-ptc-title::before,div.dotted.sc-ptc-title h5.sc-ptc-title::before,div.dotted.sc-ptc-title h6.sc-ptc-title::before{content:"";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed var(--color-green-07)}div.solid.sc-ptc-title h1.sc-ptc-title,div.solid.sc-ptc-title h2.sc-ptc-title,div.solid.sc-ptc-title h3.sc-ptc-title,div.solid.sc-ptc-title h4.sc-ptc-title,div.solid.sc-ptc-title h5.sc-ptc-title,div.solid.sc-ptc-title h6.sc-ptc-title{padding-top:4px}div.solid.sc-ptc-title h1.sc-ptc-title::before,div.solid.sc-ptc-title h2.sc-ptc-title::before,div.solid.sc-ptc-title h3.sc-ptc-title::before,div.solid.sc-ptc-title h4.sc-ptc-title::before,div.solid.sc-ptc-title h5.sc-ptc-title::before,div.solid.sc-ptc-title h6.sc-ptc-title::before{content:"";position:absolute;width:100%;height:0.7px;background-color:var(--color-gray-03);opacity:0.9;left:0px}div.solid.sc-ptc-title h1.sc-ptc-title::after,div.solid.sc-ptc-title h2.sc-ptc-title::after,div.solid.sc-ptc-title h3.sc-ptc-title::after,div.solid.sc-ptc-title h4.sc-ptc-title::after,div.solid.sc-ptc-title h5.sc-ptc-title::after,div.solid.sc-ptc-title h6.sc-ptc-title::after{content:"";position:absolute;width:56px;height:2px;background-color:var(--color-green-07);top:2px;left:0px}div.is-standard.sc-ptc-title h1.sc-ptc-title,div.is-standard.sc-ptc-title h2.sc-ptc-title,div.is-standard.sc-ptc-title h3.sc-ptc-title,div.is-standard.sc-ptc-title h4.sc-ptc-title,div.is-standard.sc-ptc-title h5.sc-ptc-title,div.is-standard.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative}div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);letter-spacing:0px;color:var(--color-gray-10)}div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);color:var(--color-gray-10)}div.is-plm-hub.sc-ptc-title h1.sc-ptc-title,div.is-plm-hub.sc-ptc-title h2.sc-ptc-title,div.is-plm-hub.sc-ptc-title h3.sc-ptc-title,div.is-plm-hub.sc-ptc-title h4.sc-ptc-title,div.is-plm-hub.sc-ptc-title h5.sc-ptc-title,div.is-plm-hub.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;color:var(--color-white) !important}div.margin-flush.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-flush.sc-ptc-title h1.sc-ptc-title,div.margin-flush.sc-ptc-title h2.sc-ptc-title,div.margin-flush.sc-ptc-title h3.sc-ptc-title,div.margin-flush.sc-ptc-title h4.sc-ptc-title,div.margin-flush.sc-ptc-title h5.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-top-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}div.margin-top-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}div.margin-top-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}div.margin-top-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}div.margin-top-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}div.margin-bottom-2.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}div.margin-bottom-3.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}div.margin-bottom-4.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}div.margin-bottom-5.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}div.margin-bottom-6.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}div.margin-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}div.margin-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}div.margin-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}div.margin-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}div.margin-5.sc-ptc-title h4.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}div.green.sc-ptc-title h1.sc-ptc-title,div.green.sc-ptc-title h2.sc-ptc-title,div.green.sc-ptc-title h3.sc-ptc-title,div.green.sc-ptc-title h4.sc-ptc-title,div.green.sc-ptc-title h5.sc-ptc-title,div.green.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-green-07)}div.blue.sc-ptc-title h1.sc-ptc-title,div.blue.sc-ptc-title h2.sc-ptc-title,div.blue.sc-ptc-title h3.sc-ptc-title,div.blue.sc-ptc-title h4.sc-ptc-title,div.blue.sc-ptc-title h5.sc-ptc-title,div.blue.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-blue-07)}div.red.sc-ptc-title h1.sc-ptc-title,div.red.sc-ptc-title h2.sc-ptc-title,div.red.sc-ptc-title h3.sc-ptc-title,div.red.sc-ptc-title h4.sc-ptc-title,div.red.sc-ptc-title h5.sc-ptc-title,div.red.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-red-07)}div.orange.sc-ptc-title h1.sc-ptc-title,div.orange.sc-ptc-title h2.sc-ptc-title,div.orange.sc-ptc-title h3.sc-ptc-title,div.orange.sc-ptc-title h4.sc-ptc-title,div.orange.sc-ptc-title h5.sc-ptc-title,div.orange.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-orange-07)}div.slate-grey.sc-ptc-title h1.sc-ptc-title,div.slate-grey.sc-ptc-title h2.sc-ptc-title,div.slate-grey.sc-ptc-title h3.sc-ptc-title,div.slate-grey.sc-ptc-title h4.sc-ptc-title,div.slate-grey.sc-ptc-title h5.sc-ptc-title,div.slate-grey.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-gray-07)}div.w-3.sc-ptc-title h1.sc-ptc-title,div.w-3.sc-ptc-title h2.sc-ptc-title,div.w-3.sc-ptc-title h3.sc-ptc-title,div.w-3.sc-ptc-title h4.sc-ptc-title,div.w-3.sc-ptc-title h5.sc-ptc-title,div.w-3.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-thin)}div.w-4.sc-ptc-title h1.sc-ptc-title,div.w-4.sc-ptc-title h2.sc-ptc-title,div.w-4.sc-ptc-title h3.sc-ptc-title,div.w-4.sc-ptc-title h4.sc-ptc-title,div.w-4.sc-ptc-title h5.sc-ptc-title,div.w-4.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-regular)}div.w-5.sc-ptc-title h1.sc-ptc-title,div.w-5.sc-ptc-title h2.sc-ptc-title,div.w-5.sc-ptc-title h3.sc-ptc-title,div.w-5.sc-ptc-title h4.sc-ptc-title,div.w-5.sc-ptc-title h5.sc-ptc-title,div.w-5.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-medium)}div.w-6.sc-ptc-title h1.sc-ptc-title,div.w-6.sc-ptc-title h2.sc-ptc-title,div.w-6.sc-ptc-title h3.sc-ptc-title,div.w-6.sc-ptc-title h4.sc-ptc-title,div.w-6.sc-ptc-title h5.sc-ptc-title,div.w-6.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-semibold)}div.w-7.sc-ptc-title h1.sc-ptc-title,div.w-7.sc-ptc-title h2.sc-ptc-title,div.w-7.sc-ptc-title h3.sc-ptc-title,div.w-7.sc-ptc-title h4.sc-ptc-title,div.w-7.sc-ptc-title h5.sc-ptc-title,div.w-7.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-bold)}div.w-8.sc-ptc-title h1.sc-ptc-title,div.w-8.sc-ptc-title h2.sc-ptc-title,div.w-8.sc-ptc-title h3.sc-ptc-title,div.w-8.sc-ptc-title h4.sc-ptc-title,div.w-8.sc-ptc-title h5.sc-ptc-title,div.w-8.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-extrabold)}div.w-9.sc-ptc-title h1.sc-ptc-title,div.w-9.sc-ptc-title h2.sc-ptc-title,div.w-9.sc-ptc-title h3.sc-ptc-title,div.w-9.sc-ptc-title h4.sc-ptc-title,div.w-9.sc-ptc-title h5.sc-ptc-title,div.w-9.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-black)}div.xx-small.sc-ptc-title h1.sc-ptc-title,div.xx-small.sc-ptc-title h2.sc-ptc-title,div.xx-small.sc-ptc-title h3.sc-ptc-title,div.xx-small.sc-ptc-title h4.sc-ptc-title,div.xx-small.sc-ptc-title h5.sc-ptc-title,div.xx-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-small)}div.x-small.sc-ptc-title h1.sc-ptc-title,div.x-small.sc-ptc-title h2.sc-ptc-title,div.x-small.sc-ptc-title h3.sc-ptc-title,div.x-small.sc-ptc-title h4.sc-ptc-title,div.x-small.sc-ptc-title h5.sc-ptc-title,div.x-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-small)}div.small.sc-ptc-title h1.sc-ptc-title,div.small.sc-ptc-title h2.sc-ptc-title,div.small.sc-ptc-title h3.sc-ptc-title,div.small.sc-ptc-title h4.sc-ptc-title,div.small.sc-ptc-title h5.sc-ptc-title,div.small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-small)}div.medium.sc-ptc-title h1.sc-ptc-title,div.medium.sc-ptc-title h2.sc-ptc-title,div.medium.sc-ptc-title h3.sc-ptc-title,div.medium.sc-ptc-title h4.sc-ptc-title,div.medium.sc-ptc-title h5.sc-ptc-title,div.medium.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-medium)}div.large.sc-ptc-title h1.sc-ptc-title,div.large.sc-ptc-title h2.sc-ptc-title,div.large.sc-ptc-title h3.sc-ptc-title,div.large.sc-ptc-title h4.sc-ptc-title,div.large.sc-ptc-title h5.sc-ptc-title,div.large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-large)}div.x-large.sc-ptc-title h1.sc-ptc-title,div.x-large.sc-ptc-title h2.sc-ptc-title,div.x-large.sc-ptc-title h3.sc-ptc-title,div.x-large.sc-ptc-title h4.sc-ptc-title,div.x-large.sc-ptc-title h5.sc-ptc-title,div.x-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}@media only screen and (min-width: 768px){div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}@media only screen and (min-width: 768px){div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}}div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media screen and (min-width: 769px){div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}div.xxxx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.densest.sc-ptc-title h1.sc-ptc-title,div.densest.sc-ptc-title h2.sc-ptc-title,div.densest.sc-ptc-title h3.sc-ptc-title,div.densest.sc-ptc-title h4.sc-ptc-title,div.densest.sc-ptc-title h5.sc-ptc-title,div.densest.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-densest)}div.denser.sc-ptc-title h1.sc-ptc-title,div.denser.sc-ptc-title h2.sc-ptc-title,div.denser.sc-ptc-title h3.sc-ptc-title,div.denser.sc-ptc-title h4.sc-ptc-title,div.denser.sc-ptc-title h5.sc-ptc-title,div.denser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-denser)}div.dense.sc-ptc-title h1.sc-ptc-title,div.dense.sc-ptc-title h2.sc-ptc-title,div.dense.sc-ptc-title h3.sc-ptc-title,div.dense.sc-ptc-title h4.sc-ptc-title,div.dense.sc-ptc-title h5.sc-ptc-title,div.dense.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-dense)}div.normal.sc-ptc-title h1.sc-ptc-title,div.normal.sc-ptc-title h2.sc-ptc-title,div.normal.sc-ptc-title h3.sc-ptc-title,div.normal.sc-ptc-title h4.sc-ptc-title,div.normal.sc-ptc-title h5.sc-ptc-title,div.normal.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-normal)}div.loose.sc-ptc-title h1.sc-ptc-title,div.loose.sc-ptc-title h2.sc-ptc-title,div.loose.sc-ptc-title h3.sc-ptc-title,div.loose.sc-ptc-title h4.sc-ptc-title,div.loose.sc-ptc-title h5.sc-ptc-title,div.loose.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-loose)}div.looser.sc-ptc-title h1.sc-ptc-title,div.looser.sc-ptc-title h2.sc-ptc-title,div.looser.sc-ptc-title h3.sc-ptc-title,div.looser.sc-ptc-title h4.sc-ptc-title,div.looser.sc-ptc-title h5.sc-ptc-title,div.looser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-looser)}div.paragraph.sc-ptc-title h1.sc-ptc-title,div.paragraph.sc-ptc-title h2.sc-ptc-title,div.paragraph.sc-ptc-title h3.sc-ptc-title,div.paragraph.sc-ptc-title h4.sc-ptc-title,div.paragraph.sc-ptc-title h5.sc-ptc-title,div.paragraph.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-paragraph)}div.black.sc-ptc-title h1.sc-ptc-title,div.black.sc-ptc-title h2.sc-ptc-title,div.black.sc-ptc-title h3.sc-ptc-title,div.black.sc-ptc-title h4.sc-ptc-title,div.black.sc-ptc-title h5.sc-ptc-title,div.black.sc-ptc-title h6.sc-ptc-title{color:var(--color-black)}div.white.sc-ptc-title h1.sc-ptc-title,div.white.sc-ptc-title h2.sc-ptc-title,div.white.sc-ptc-title h3.sc-ptc-title,div.white.sc-ptc-title h4.sc-ptc-title,div.white.sc-ptc-title h5.sc-ptc-title,div.white.sc-ptc-title h6.sc-ptc-title{color:var(--color-white)}div.gray-1.sc-ptc-title h1.sc-ptc-title,div.gray-1.sc-ptc-title h2.sc-ptc-title,div.gray-1.sc-ptc-title h3.sc-ptc-title,div.gray-1.sc-ptc-title h4.sc-ptc-title,div.gray-1.sc-ptc-title h5.sc-ptc-title,div.gray-1.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-01)}div.gray.sc-ptc-title h1.sc-ptc-title,div.gray.sc-ptc-title h2.sc-ptc-title,div.gray.sc-ptc-title h3.sc-ptc-title,div.gray.sc-ptc-title h4.sc-ptc-title,div.gray.sc-ptc-title h5.sc-ptc-title,div.gray.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-10)}div.gray-darker.sc-ptc-title h1.sc-ptc-title,div.gray-darker.sc-ptc-title h2.sc-ptc-title,div.gray-darker.sc-ptc-title h3.sc-ptc-title,div.gray-darker.sc-ptc-title h4.sc-ptc-title,div.gray-darker.sc-ptc-title h5.sc-ptc-title,div.gray-darker.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-11)}div.ellipsis-boxing.sc-ptc-title h1.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h2.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h3.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h4.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h5.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h6.sc-ptc-title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}div.block.sc-ptc-title h1.sc-ptc-title,div.block.sc-ptc-title h2.sc-ptc-title,div.block.sc-ptc-title h3.sc-ptc-title,div.block.sc-ptc-title h4.sc-ptc-title,div.block.sc-ptc-title h5.sc-ptc-title,div.block.sc-ptc-title h6.sc-ptc-title{display:block}';const y=class{constructor(i){t(this,i),this.textDisplay="inline",this.maxLength=45,this.textLines=void 0,this.description="This is a tooltip text placeholder",this.zIndex="z-auto",this.position="bottom",this.styles=void 0,this.mode="text-only",this.theme="standard",this.width="default",this.hideOnMobile=!1,this.isSmallScreen=void 0}addTruncatedClass(){this.el.querySelectorAll(".ellipsis-by-line-boxing").forEach((t=>{t.classList[t.scrollHeight>t.clientHeight?"add":"remove"]("truncated")}))}windowResize(){this.verifiyScreenSize()}verifiyScreenSize(){this.isSmallScreen=window.innerWidth<768}enableAddTruncatedClass(t){const i=document.querySelectorAll(t);for(const t of Array.from(i))t&&t.addEventListener("click",(()=>{setTimeout((()=>{this.addTruncatedClass()}),100)}))}componentWillLoad(){this.verifiyScreenSize()}componentDidLoad(){setTimeout((()=>{this.addTruncatedClass()}),1e3),this.enableAddTruncatedClass("tab-header"),this.enableAddTruncatedClass("ptc-ellipsis-dropdown"),this.enableAddTruncatedClass("ptc-product-card"),document.addEventListener("readystatechange",(()=>{"complete"===document.readyState&&this.addTruncatedClass()}))}render(){if("wrapper"==this.mode)return i(e,{class:this.textDisplay},this.styles&&i("style",null,this.styles),i("div",{class:"wrapper-content"},i("div",{class:"slot-content"},i("slot",null)),i("div",{class:`tooltip ${this.position} ${this.theme}`},i("slot",{name:"description"}),this.description)));{const t=this.getCssClassMap(),s=this.getLineCuttoff();let a=this.description.substring(0,this.maxLength);if(this.description.length>this.maxLength){const t=a.lastIndexOf(" ");a=a.substring(0,t),a+="... "}return i(e,{class:this.textDisplay+" "+this.width},this.styles&&i("style",null,this.styles),this.hideOnMobile&&this.isSmallScreen?i("div",null,this.description):i("div",null,this.textLines>0&&this.textLines?i("div",{class:"ellipsis-by-line-boxing",style:s},this.description):i("div",{class:t},a),i("div",{class:`tooltip ${this.position} ${this.theme}`},this.description)))}}getCssClassMap(){return{"text-ellipsis":!0,[this.zIndex]:this.description.length>this.maxLength,truncated:this.description.length>this.maxLength&&!this.textLines}}getLineCuttoff(){let t;return this.textLines&&this.textLines>0&&(t={"-webkit-line-clamp":`${this.textLines}`}),t}get el(){return a(this)}};y.style='.sc-ptc-tooltip-h{position:relative}.inline.sc-ptc-tooltip-h{display:inline}.block.sc-ptc-tooltip-h{display:block}.text-ellipsis.sc-ptc-tooltip{position:relative;display:inline}.text-ellipsis.sc-ptc-tooltip:not(.truncated){z-index:auto !important}.z-auto.sc-ptc-tooltip{z-index:auto}.z-1.sc-ptc-tooltip{z-index:1}.z-2.sc-ptc-tooltip{z-index:2}.z-3.sc-ptc-tooltip{z-index:3}.z-999.sc-ptc-tooltip{z-index:999}.tooltip.sc-ptc-tooltip{position:absolute;padding:8px;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);background:var(--color-gray-09);box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3);border:none;border-radius:2px;width:auto;height:auto;visibility:hidden;text-align:left;text-shadow:none;white-space:normal}@media only screen and (min-width: 480px){.tooltip.sc-ptc-tooltip{width:273px}}.tooltip.danger.sc-ptc-tooltip{color:var(--color-red-07);font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-p);border:2px solid var(--color-red-07);border-radius:var(--ptc-border-radius-standard);background-color:var(--color-white);padding:var(--ptc-element-spacing-06)}.tooltip.danger.sc-ptc-tooltip a.sc-ptc-tooltip{color:var(--color-blue-07)}.tooltip.bottom.sc-ptc-tooltip{bottom:-12px;transform:translateY(100%)}.tooltip.bottom.sc-ptc-tooltip::after{top:1px;left:50%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.left.sc-ptc-tooltip{bottom:-12px;transform:translate(-80%, 100%)}.tooltip.left.sc-ptc-tooltip::after{top:1px;right:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.right.sc-ptc-tooltip{bottom:-12px;transform:translateY(100%);right:0px}@-moz-document url-prefix(){.tooltip.right{right:unset !important;bottom:unset !important;transform:translate(60%, 8px) !important}@media screen and (min-width: 992px){.tooltip.right{transform:translate(100%, 8px) !important}}}.tooltip.right.sc-ptc-tooltip::after{top:1px;left:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.top.sc-ptc-tooltip{top:-8px;transform:translateY(-100%)}.tooltip.top.sc-ptc-tooltip::after{left:50%;bottom:1px;transform:translate(-50%, 100%);border:8px solid transparent;border-top:8px solid var(--color-gray-09)}.tooltip.bottom-right.sc-ptc-tooltip{bottom:-12px;transform:translate(-60%, 100%)}.tooltip.bottom-right.sc-ptc-tooltip::after{top:1px;left:75%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.danger.sc-ptc-tooltip::after{top:0;border-bottom:8px solid var(--color-red-07)}.truncated.sc-ptc-tooltip{cursor:help}.truncated.sc-ptc-tooltip:hover+.tooltip.sc-ptc-tooltip{visibility:visible;z-index:9999}.wrapper-content.sc-ptc-tooltip{display:inline-block;position:relative}.wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{width:auto;min-width:72px;max-width:273px}.wrapper-content.sc-ptc-tooltip .slot-content.sc-ptc-tooltip:hover+.tooltip.sc-ptc-tooltip{visibility:visible;z-index:9999}.tooltip.sc-ptc-tooltip::after{content:"";position:absolute}.ellipsis-by-line-boxing.sc-ptc-tooltip{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}.full-width.sc-ptc-tooltip-h .tooltip.sc-ptc-tooltip{width:100%}@media only screen and (min-width: 480px){.full-width.sc-ptc-tooltip-h .tooltip.sc-ptc-tooltip{width:100%}}';export{r as bundle_jumbotron_example,c as icon_asset,l as list_item,n as max_width_container,p as ptc_background_video,d as ptc_breadcrumb,h as ptc_button,v as ptc_img,x as ptc_jumbotron,f as ptc_para,u as ptc_picture,b as ptc_spacer,w as ptc_title,y as ptc_tooltip}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as o,c as t,h as s,H as e,a as i}from"./p-63c06667.js";const r=class{constructor(s){o(this,s),this.selectedValues=t(this,"selectedValues",7),this.dropdownTouched=t(this,"dropdownTouched",7),this.internalOptions=void 0,this.newOptions=void 0,this.selectedOptions=[],this.placeholder=void 0,this.isOpen=!1}parseOptions(){let o=Array.from(this.hostElement.querySelectorAll("span"));o&&(this.internalOptions=o.map((o=>o.textContent)))}toggleDropdown(){this.isOpen=!this.isOpen,this.dropdownTouched.emit({sender:this,isOpen:this.isOpen})}handleSearchResult(o){const{sender:t,searchTerm:s}=o.detail;t&&""===s&&(this.selectedOptions=[],this.isOpen=!1)}handleinputChanged(o){const{sender:t}=o.detail;t&&(this.selectedOptions=[],this.isOpen=!1)}handleCheckboxChange(o){const t=this.selectedOptions.indexOf(o);t>-1?(this.selectedOptions.splice(t,1),this.selectedValues.emit({sender:this,selectedOptions:this.selectedOptions})):(this.selectedOptions.push(o),this.selectedValues.emit({sender:this,selectedOptions:this.selectedOptions}))}componentWillLoad(){this.parseOptions()}render(){return s(e,null,s("div",{class:"dropdown"},s("div",{class:"dropdown-toggle",onClick:()=>this.toggleDropdown()},s("span",{class:"dropdown-placeholder"},this.placeholder),s("span",{class:"caret"})),this.isOpen&&s("div",{class:"dropdown-menu"},this.internalOptions.map((o=>s("label",{class:"checkbox-label"},s("input",{type:"checkbox",checked:this.selectedOptions.includes(o),onChange:()=>this.handleCheckboxChange(o)}),o))))),s("div",{class:"hidden"},s("slot",null)))}get hostElement(){return i(this)}};r.style=":host{display:block;margin-top:4px;background-color:var(--color-white)}:host .hidden{display:none}:host .dropdown{position:relative;display:inline-block;width:100%;font-size:16px}:host .dropdown .dropdown-toggle{padding:0.5rem;border:1px solid var(--color-gray-03);background-color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:space-between}:host .dropdown .dropdown-toggle .dropdown-placeholder{font-size:14px;color:var(--color-gray-07)}:host .caret{display:inline-block;margin-left:0.25rem;width:0;height:0;border-top:0.4rem solid;border-right:0.4rem solid transparent;border-left:0.4rem solid transparent;vertical-align:middle}:host .dropdown-menu{position:absolute;top:100%;left:0;min-width:10rem;border:1px solid var(--color-gray-03);background-color:var(--color-white);box-shadow:0px 2px 4px rgba(35, 43, 45, 0.3);z-index:105;max-height:400px;overflow-y:auto}:host .dropdown-menu::-webkit-scrollbar{width:5px}:host .dropdown-menu::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3)}:host .dropdown-menu::-webkit-scrollbar-thumb{background-color:var(--color-gray-05);outline:1px solid var(--color-gray-05)}:host .checkbox-label{display:flex;align-items:flex-start;padding:6px 16px;cursor:pointer;font-size:14px}:host .checkbox-label:first-child{padding-top:20px}:host .checkbox-label:last-child{padding-bottom:20px}:host .checkbox-label input[type=checkbox]{min-width:20px;margin-right:8px;width:20px;height:20px;margin-top:0}";export{r as ptc_product_dropdown}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,h as t,H as a}from"./p-63c06667.js";const s=class{constructor(t){i(this,t),this.cardType="sim-card",this.cardHref=void 0,this.target="_self",this.rel=void 0,this.heading=void 0,this.content=void 0,this.styles=void 0,this.cardImage=void 0}render(){const i=this.cardHref?"a":"div";return t(a,Object.assign({},this.cardType?{class:this.cardType}:{}),t(i,Object.assign({},this.cardHref?{href:this.cardHref}:{},this.target&&this.cardHref?{target:this.target}:{},this.rel&&this.cardHref?{rel:this.rel}:{},this.cardImage?{dataImage:this.cardImage}:{},{class:"card-link"}),t("slot",{name:"slot-before-heading"}),this.heading?[t("div",{class:"card-heading"},t("h3",{class:"ptc-h3"},this.heading),t("slot",{name:"slot-after-heading"}))]:null,this.content?[t("div",{class:"card-body"},t("ptc-para",{"font-size":"xxx-small","font-weight":"w-6","para-margin":"margin-flush","para-style":"main","para-line-h":"line-height-dense"},this.content))]:null))}};s.style=':host{display:block}:host(.sim-card){display:block}:host(.sim-card) .card-link{display:flex;flex-direction:column;outline:none;text-decoration:none}:host(.sim-card) .card-link .card-heading{display:block;background-color:#3b4550;clip-path:polygon(0% 0%, calc(100% - 35px) 0%, 100% 45%, 100% 100%, 0% 100%)}:host(.sim-card) .card-link .card-heading h3{color:#fff;font-family:Rajdhani, sans-serif;font-size:13px;font-weight:900;line-height:2.17;margin:15px 0px 15px 15px;position:relative;display:inline-block}:host(.sim-card) .card-link .card-heading h3::before{display:block;position:absolute;content:"";width:30px;border-bottom:2px solid var(--color-green-14);bottom:1px;transition:width var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.sim-card) .card-link .card-body{background:#fff;box-shadow:0 3px 25px 0 rgba(0, 0, 0, 0.16);padding:20px 15px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}:host(.sim-card) .card-link:hover{outline:none;text-decoration:none}:host(.sim-card) .card-link:hover .card-heading{display:block}:host(.sim-card) .card-link:hover .card-heading h3::before{width:100%}:host(.sim-card) .card-link:hover .card-body{box-shadow:0 10px 30px 0 rgba(0, 0, 0, 0.3)}:host(.sim-card) .card-link:hover ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-04)}:host(.sim-card) ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-01);transition:margin-left var(--ptc-transition-medium) var(--ptc-ease-inout)}';export{s as ptc_slit_card}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as s,H as o,a as r}from"./p-63c06667.js";const l=class{constructor(s){t(this,s),this.clearCtaClicked=e(this,"clearCtaClicked",7)}handleSearchResult(t){const{sender:e,searchTerm:s}=t.detail;e&&this.sortCards(s)}handleMultipleSearchResult(t){const{sender:e,selectedOptions:s}=t.detail;e&&this.sortMultipleCards(s)}handleEmptyResult(t){const{sender:e,searchTerm:s}=t.detail;e&&(this.noresultSection.classList.add("show"),this.sortCards(s))}sortMultipleCards(t){Array.from(this.hostElement.querySelectorAll("ptc-product-category")).forEach((e=>{const s=e.getAttribute("category-title"),o=Array.from(e.querySelectorAll("ptc-product-card"));if(t.length>0){const r=t.some((t=>s&&s.includes(t)));e.style.display=r?"block":"none",o.forEach(r?t=>{t.style.display="block"}:e=>{const s=e.getAttribute("card-title"),o=t.some((t=>s&&s.includes(t)));e.style.display=o?"block":"none"})}else e.style.display="block",o.forEach((t=>{t.style.display="block"}))}))}sortCards(t){this.hostElement.querySelectorAll("ptc-product-category").forEach((e=>{const s=e.getAttribute("category-title"),o=e.querySelectorAll("ptc-product-card");if(e.style.display="none",""===t)e.style.display="block",o.forEach((t=>{t.style.display="block"})),this.noresultSection.classList.remove("show");else{const r=t;r===s?(e.style.display="block",o.forEach((t=>{t.style.display="block"}))):o.forEach((t=>{const s=t.getAttribute("card-title");t.style.display="none",r===s&&(t.style.display="block",e.style.display="block")}))}}))}componentDidLoad(){this.addIds(),this.noresultSection=this.hostElement.shadowRoot.querySelector(".no-result-wrap"),this.productList=this.hostElement.shadowRoot.querySelector(".product-list")}handleClick(t){this.clearCtaClicked.emit({sender:this,event:t})}addIds(){this.hostElement.querySelectorAll("ptc-product-category").forEach((t=>{const e=t.getAttribute("category-title");t.setAttribute("id",e),t.querySelectorAll("ptc-product-card").forEach((t=>{const e=t.getAttribute("card-title");t.setAttribute("id",e)}))}))}render(){return s(o,null,s("div",{class:"product-list"},s("slot",null)),s("div",{class:"no-result-wrap"},s("div",{class:"no-result"},s("div",null,s("ptc-title",{type:"h3","title-margin":"margin-flush",upperline:"no-upperline","title-size":"large"},"No Results Found"),s("ptc-para",{"font-size":"x-small"},"Try changing or removing some of your filters"),s("ptc-button",{type:"link",color:"ptc-quaternary",target:"_blank",onClick:t=>{this.handleClick(t)}},"Clear Filters")))))}get hostElement(){return r(this)}};l.style=":host{display:block;padding-bottom:52px}@media only screen and (min-width: 992px){:host{padding-bottom:102px}}:host .no-result-wrap{display:none}:host .no-result-wrap.show{display:block}:host .no-result-wrap .no-result{display:flex;justify-content:center;align-items:center;min-height:160px;padding:20px;text-align:center}";export{l as ptc_product_list}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as o,H as e}from"./p-63c06667.js";const s=class{constructor(o){t(this,o),this.spanStyle="tag-style",this.display="inline",this.fontWeight="w-4",this.styles=void 0}render(){const t=this.getCssClassMap();return o(e,{class:t},this.styles&&o("style",null,this.styles),o("span",{part:"part-ptc-span"},o("slot",null)))}getCssClassMap(){return{[this.spanStyle]:!0,[this.fontWeight]:!0,[this.display]:!0}}};s.style=":host{z-index:1}:host span{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}:host(.link-style) span{color:var(--color-gray-10);font-weight:var(--ptc-font-weight-black);position:relative;line-height:var(--ptc-line-height-normal)}:host(.nav-style) span{display:block;color:var(--color-gray-03);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);text-transform:capitalize;padding-left:var(--ptc-element-spacing-06);font-size:var(--ptc-font-size-small);padding-bottom:var(--ptc-element-spacing-03)}:host(.tag-style) span{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-dense);font-weight:var(--ptc-font-weight-regular);color:var(--color-gray-10)}:host(.plm-hub-style) span{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-medium);color:var(--color-white)}:host(.plm-hub-style-smaller) span{font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-semibold);color:var(--color-white)}:host(.blog-tag) span{font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);color:var(--color-gray-10)}:host(.inline) span{display:inline}:host(.block) span{display:block}:host(.inline-block) span{display:inline-block}:host(.white) span{color:var(--color-white)}:host(.primary-grey) span{color:var(--color-gray-10)}:host(.w-3) span{font-weight:var(--ptc-font-weight-thin)}:host(.w-4) span{font-weight:var(--ptc-font-weight-regular)}:host(.w-5) span{font-weight:var(--ptc-font-weight-medium)}:host(.w-6) span{font-weight:var(--ptc-font-weight-semibold)}:host(.w-7) span{font-weight:var(--ptc-font-weight-bold)}:host(.w-8) span{font-weight:var(--ptc-font-weight-extrabold)}:host(.w-9) span{font-weight:var(--ptc-font-weight-black)}";export{s as ptc_span}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as s,H as i,a as e}from"./p-63c06667.js";const o=class{constructor(s){t(this,s),this.scrollPercentage=0}handleScroll(){const t=document.documentElement.scrollTop,s=document.documentElement.scrollHeight-document.documentElement.clientHeight;console.log("scrollTop: "+t+"; scorllHeight: "+s),this.scrollPercentage=t/s*100}render(){return s(i,null,s("div",{class:"progress-bar-container"},s("div",{class:"progress-bar",style:{width:`${this.scrollPercentage}%`}})))}};o.style=":host{display:block}:host .progress-bar-container{height:5px;background-color:linear-gradient(272deg, #3b4550, #1a1a1a);width:100%}:host .progress-bar{height:100%;background-image:linear-gradient(270deg, #4795cd, #33a13c);transition:width 0.3s ease-in-out}";const l=class{constructor(s){t(this,s),this.display="inline-block",this.shareType="twitter",this.shareTitle=void 0,this.text=void 0,this.url=void 0,this.source="",this.recipient="",this.iconColor="white",this.iconHoverColor="gray",this.isHover=!1}render(){const t=this.getCssClassMap();return s(i,{class:t},s("div",{onClick:()=>this.share(),onMouseEnter:()=>this.hoverToggle(),onMouseLeave:()=>this.hoverToggle()},"mail"==this.shareType?s("icon-asset",Object.assign({type:"ptc",size:"large",name:"plm-mail"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"linkedin"==this.shareType?s("icon-asset",Object.assign({type:"ptc",size:"large",name:"plm-linkedin"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"twitter"==this.shareType?s("icon-asset",Object.assign({type:"ptc",size:"large",name:"plm-twitter"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"facebook"==this.shareType?s("icon-asset",Object.assign({type:"ptc",size:"large",name:"plm-fb"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-mail"==this.shareType?s("icon-asset",Object.assign({type:"ptc",size:"large",name:"mail-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-linkedin"==this.shareType?s("icon-asset",Object.assign({type:"ptc",size:"large",name:"linkedin-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-twitter"==this.shareType?s("icon-asset",Object.assign({type:"ptc",size:"large",name:"twitter-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-facebook"==this.shareType?s("icon-asset",Object.assign({type:"ptc",size:"large",name:"facebook-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"share-api"==this.shareType?s("icon-asset",Object.assign({type:"solid",size:"large",name:"share-square"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null))}getCssClassMap(){return{"ptc-social-share":!0,[this.display]:!0}}hoverToggle(){this.isHover=!this.isHover}share(){"twitter"!=this.shareType&&"blog-twitter"!=this.shareType||window.open(`https://twitter.com/share?text=${this.text}&url=${this.url}`),"facebook"!=this.shareType&&"blog-facebook"!=this.shareType||window.open(`https://www.facebook.com/sharer/sharer.php?u=${this.url}`),"linkedin"!=this.shareType&&"blog-linkedin"!=this.shareType||window.open(`https://www.linkedin.com/shareArticle?mini=true&url=${this.url}&title=${this.shareTitle}&summary=${this.text}&source=${this.source}`),"mail"!=this.shareType&&"blog-mail"!=this.shareType||window.open(`mailto:${this.recipient}?subject=${this.text}&body=${this.url}`),"share-api"==this.shareType&&(navigator.share?navigator.share({title:this.shareTitle,text:this.text,url:this.url}).then((()=>console.log("Successful share"))).catch((t=>console.log("Error sharing",t))):window.open(`http://twitter.com/share?text=${this.text}&url=${this.url}`))}get el(){return e(this)}};l.style=":host(.inline-block){display:inline-block}:host(.block){display:block}:host(.inline){display:inline}:host(.flex){display:flex}:host(.ptc-social-share){cursor:pointer}@media only screen and (min-width: 1200px){:host(.ptc-social-m-left){margin-left:var(--ptc-element-spacing-04)}}";export{o as ptc_progress_bar,l as ptc_social_share}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as o,H as e}from"./p-63c06667.js";const r=class{constructor(o){t(this,o),this.disabled=!1,this.external=!1,this.href=void 0,this.target="_self",this.linkTitle=void 0,this.theme="simple",this.fontSize="medium",this.fontWeight=void 0,this.linkArea=void 0}render(){const t=this.getCssClassMap();return o(e,null,o("a",{class:t,href:this.href,target:this.external?"_blank":this.target,title:this.linkTitle},o("slot",null)))}getCssClassMap(){let t=this.theme;return["simple","underline","nav-title","primary-nav-link","nav-title-link","nav-card-link","secondary-nav-link","footer-nav-link","copyright-link","product-link","d-green-underline","d-white-underline","global"].indexOf(t)<0&&(t="simple"),{"ptc-link":!0,[t]:!0,disabled:this.disabled,[this.fontSize]:!0,[this.linkArea]:!!this.linkArea,[this.fontWeight]:!!this.fontWeight}}};r.style=':host{display:block}.disabled{pointer-events:none;cursor:default;text-decoration:none}.ptc-link{display:inline-block;color:var(--color-gray-10);font-weight:var(--ptc-font-weight-black);position:relative;line-height:var(--ptc-line-height-normal);outline:none;text-decoration:none;transition:color var(--ptc-transition-fast) var(--ptc-ease-inout)}.simple::after{content:"";position:absolute;width:100%;left:0px;bottom:2px;transition:opacity var(--ptc-transition-fast) var(--ptc-ease-inout);border-bottom:2px solid var(--color-green-06)}.simple:hover{color:var(--color-green-06)}.global{font-style:var(--ptc-letter-spacing-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);text-decoration-line:underline;color:var(--color-blue-07);transition:color var(--ptc-transition-medium) var(--ptc-ease-out)}.global:visited{color:var(--color-blue-10)}.global:active,.global:visited:active{color:var(--color-blue-09)}.global:hover,.global:visited:hover{color:var(--color-blue-08)}.global.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.product-link{font-weight:var(--ptc-font-weight-extrabold)}.product-link::after{content:"";position:absolute;width:100%;left:0px;bottom:2px;transition:opacity var(--ptc-transition-fast) var(--ptc-ease-inout);border-bottom:2px solid var(--color-green-06);opacity:1;color:var(--color-green-06)}.product-link:hover.product-link{color:var(--color-green-06)}.product-link:hover.product-link::after{opacity:1}.underline{border-bottom:2px solid var(--color-green-06)}.underline:hover{color:#00890B;border-bottom:2px solid #00890B}.small{font-size:var(--ptc-font-size-xx-small)}.medium{font-size:var(--ptc-font-size-x-small)}.medium-large{font-size:var(--ptc-font-size-small)}.large{font-size:var(--ptc-font-size-medium)}.nav-title:focus,.nav-title-link:focus,.nav-card-link:focus,.primary-nav-link:focus,.secondary-nav-link:focus,.footer-nav-link:focus,.copyright-link:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}.nav-title{box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:var(--ptc-font-size-x-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-dense);list-style:none;margin-bottom:var(--ptc-element-spacing-02);text-align:left}.primary-nav-link{background-color:transparent;box-sizing:border-box;color:var(--color-gray-01);display:inline-block;font-size:var(--ptc-font-size-x-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-dense);list-style:none;margin:var(--ptc-element-spacing-01) var(--ptc-element-spacing-03);padding:var(--ptc-element-spacing-02) var(--ptc-element-spacing-06);position:relative;text-decoration:none;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.primary-nav-link:hover{border-radius:var(--ptc-border-radius-standard);background-color:var(--color-gray-12);text-decoration:none;outline:none}.nav-title-link{background-color:transparent;box-sizing:border-box;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);list-style:none;text-align:left;text-decoration-color:var(--color-white);text-decoration:none;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1.5px solid transparent;display:inline-block}.nav-title-link:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-green-06)}.nav-card-link{background-color:transparent;box-sizing:border-box;color:var(--color-white);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);list-style:none;text-align:left;text-decoration:none;text-decoration-color:var(--color-white);transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);display:inline-block;font-size:var(--ptc-font-size-small)}@media only screen and (min-width: 1200px){.nav-card-link{font-size:var(--ptc-font-size-xxx-small)}}.nav-card-link:hover{color:var(--color-white);text-decoration:underline var(--color-green-06) solid 1px;text-underline-offset:2px}.secondary-nav-link{display:inline-block;background-color:transparent;box-sizing:border-box;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-stretch:100%;font-style:normal;font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-densest);list-style:none;margin-bottom:var(--ptc-element-spacing-03);text-align:left;text-decoration:none;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1.5px solid transparent;white-space:nowrap}.secondary-nav-link:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-green-06);border-radius:0;text-decoration:none}.footer-nav-link{color:var(--color-white);transition:border var(--ptc-transition-medium) var(--ptc-ease-inout), color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1px solid transparent;outline:none;text-decoration:none;font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-densest);text-align:left;font-size:var(--ptc-font-size-x-small)}.footer-nav-link:hover{outline:none;text-decoration:none;border-bottom:0.1rem solid var(--color-green-06);color:var(--color-green-06)}.copyright-link{color:var(--color-white);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-normal);line-height:var(--ptc-line-height-loose);display:inline-block}.d-green-underline{color:var(--color-white);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.d-green-underline:hover{color:var(--color-green-06)}.d-white-underline{color:var(--color-white);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-white);text-underline-offset:5px}.link-area-cover-parent{position:static}.link-area-cover-parent::after{content:"";position:absolute;width:100%;height:100%;inset:0;z-index:2}.w-thin{font-weight:var(--ptc-font-weight-thin)}.w-regular{font-weight:var(--ptc-font-weight-regular)}.w-medium{font-weight:var(--ptc-font-weight-medium)}.w-semibold{font-weight:var(--ptc-font-weight-semibold)}.w-bold{font-weight:var(--ptc-font-weight-bold)}.w-extrabold{font-weight:var(--ptc-font-weight-extrabold)}.w-black{font-weight:var(--ptc-font-weight-black)}';export{r as ptc_link}
|
|
1
|
+
import{r as t,h as o,H as e}from"./p-63c06667.js";const r=class{constructor(o){t(this,o),this.disabled=!1,this.external=!1,this.href=void 0,this.target="_self",this.linkTitle=void 0,this.theme="simple",this.fontSize="medium",this.fontWeight=void 0,this.linkArea=void 0}render(){const t=this.getCssClassMap();return o(e,null,o("a",{class:t,href:this.href,target:this.external?"_blank":this.target,title:this.linkTitle},o("slot",null)))}getCssClassMap(){let t=this.theme;return["simple","underline","nav-title","primary-nav-link","nav-title-link","nav-card-link","secondary-nav-link","footer-nav-link","copyright-link","product-link","d-green-underline","d-white-underline","global"].indexOf(t)<0&&(t="simple"),{"ptc-link":!0,[t]:!0,disabled:this.disabled,[this.fontSize]:!0,[this.linkArea]:!!this.linkArea,[this.fontWeight]:!!this.fontWeight}}};r.style=':host{display:block}.disabled{pointer-events:none;cursor:default;text-decoration:none}.ptc-link{display:inline-block;color:var(--color-gray-10);font-weight:var(--ptc-font-weight-black);position:relative;line-height:var(--ptc-line-height-normal);outline:none;text-decoration:none;transition:color var(--ptc-transition-fast) var(--ptc-ease-inout)}.simple::after{content:"";position:absolute;width:100%;left:0px;bottom:2px;transition:opacity var(--ptc-transition-fast) var(--ptc-ease-inout);border-bottom:2px solid var(--color-green-06)}.simple:hover{color:var(--color-green-06)}.global{font-style:var(--ptc-letter-spacing-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);text-decoration-line:underline;color:var(--color-blue-07);transition:color var(--ptc-transition-medium) var(--ptc-ease-out)}.global:visited{color:var(--color-blue-10)}.global:active,.global:visited:active{color:var(--color-blue-09)}.global:hover,.global:visited:hover{color:var(--color-blue-08)}.global.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.product-link{font-weight:var(--ptc-font-weight-extrabold)}.product-link::after{content:"";position:absolute;width:100%;left:0px;bottom:2px;transition:opacity var(--ptc-transition-fast) var(--ptc-ease-inout);border-bottom:2px solid var(--color-green-06);opacity:1;color:var(--color-green-06)}.product-link:hover.product-link{color:var(--color-green-06)}.product-link:hover.product-link::after{opacity:1}.underline{border-bottom:2px solid var(--color-green-06)}.underline:hover{color:#00890B;border-bottom:2px solid #00890B}.small{font-size:var(--ptc-font-size-xx-small)}.medium{font-size:var(--ptc-font-size-x-small)}.medium-large{font-size:var(--ptc-font-size-small)}.large{font-size:var(--ptc-font-size-medium)}.nav-title:focus,.nav-title-link:focus,.nav-card-link:focus,.primary-nav-link:focus,.secondary-nav-link:focus,.footer-nav-link:focus,.copyright-link:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}.nav-title{box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:var(--ptc-font-size-x-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-dense);list-style:none;margin-bottom:var(--ptc-element-spacing-02);text-align:left}.primary-nav-link{background-color:transparent;box-sizing:border-box;color:var(--color-gray-01);display:inline-block;font-size:var(--ptc-font-size-x-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-dense);list-style:none;margin:var(--ptc-element-spacing-01) var(--ptc-element-spacing-03);padding:var(--ptc-element-spacing-02) var(--ptc-element-spacing-06);position:relative;text-decoration:none;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.primary-nav-link:hover{border-radius:var(--ptc-border-radius-standard);background-color:var(--color-gray-12);text-decoration:none;outline:none}.nav-title-link{background-color:transparent;box-sizing:border-box;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);list-style:none;text-align:left;text-decoration-color:var(--color-white);text-decoration:none;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1.5px solid transparent;display:inline-block}.nav-title-link:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-green-06)}.nav-card-link{background-color:transparent;box-sizing:border-box;color:var(--color-white);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);list-style:none;text-align:left;text-decoration:none;text-decoration-color:var(--color-white);transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);display:inline-block;font-size:var(--ptc-font-size-small)}@media only screen and (min-width: 1200px){.nav-card-link{font-size:var(--ptc-font-size-xxx-small)}}.nav-card-link:hover{color:var(--color-white);text-decoration:underline var(--color-green-06) solid 1px;text-underline-offset:2px}.secondary-nav-link{display:inline-block;background-color:transparent;box-sizing:border-box;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-stretch:100%;font-style:normal;font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-densest);list-style:none;margin-bottom:var(--ptc-element-spacing-03);text-align:left;text-decoration:none;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1.5px solid transparent;white-space:nowrap}.secondary-nav-link:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-green-06);border-radius:0;text-decoration:none}.footer-nav-link{color:var(--color-white);transition:border var(--ptc-transition-medium) var(--ptc-ease-inout), color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1px solid transparent;outline:none;text-decoration:none;font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-densest);text-align:left;font-size:var(--ptc-font-size-x-small)}.footer-nav-link:hover{outline:none;text-decoration:none;border-bottom:0.1rem solid var(--color-green-06);color:var(--color-green-06)}.copyright-link{color:var(--color-white);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-normal);line-height:var(--ptc-line-height-loose);display:inline-block}.d-green-underline{color:var(--color-white);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.d-green-underline:hover{color:var(--color-green-06)}.d-white-underline{color:var(--color-white);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-white);text-underline-offset:5px}.link-area-cover-parent{position:static}.link-area-cover-parent::after{content:"";position:absolute;width:100%;height:100%;inset:0;z-index:2}.standard-link,.blog-link{font-weight:800;line-height:1;display:flex;align-items:center;color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.standard-link:hover,.blog-link:hover{color:var(--color-green-06)}.w-thin{font-weight:var(--ptc-font-weight-thin)}.w-regular{font-weight:var(--ptc-font-weight-regular)}.w-medium{font-weight:var(--ptc-font-weight-medium)}.w-semibold{font-weight:var(--ptc-font-weight-semibold)}.w-bold{font-weight:var(--ptc-font-weight-bold)}.w-extrabold{font-weight:var(--ptc-font-weight-extrabold)}.w-black{font-weight:var(--ptc-font-weight-black)}';export{r as ptc_link}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as i,g as t,h as e,H as s}from"./p-63c06667.js";const a=class{constructor(t){i(this,t),this.barTitle="Bar Title",this.isSticky=!1,this.logo="logo.png"}handleScroll(){const i=document.documentElement.scrollTop;this.isSticky=i>260}render(){const i=t(`./media/${this.logo}`);return e(s,null,e("div",{class:"sticky-header-container "+(this.isSticky?"sticky":"")},e("div",{class:"sticky-header-title"},e("div",{class:"logo-image "+(this.isSticky?"is-visible":"")},e("img",{src:i})),e("h1",null,this.barTitle),e("div",{class:"share-icons is-flex "+(this.isSticky?"is-visible":"")},e("ptc-social-share",{class:"icon",display:"inline-block","share-type":"blog-facebook",text:"summary",url:"https://www.ptc.com","share-title":"title goes here",source:"linkedin source",recipient:"yqiantest@ptc.com"}),e("ptc-social-share",{class:"icon",display:"inline-block","share-type":"blog-twitter",text:"summary",url:"https://www.ptc.com","share-title":"title goes here",source:"linkedin source",recipient:"yqiantest@ptc.com"}),e("ptc-social-share",{class:"icon",display:"inline-block","share-type":"blog-linkedin",text:"summary",url:"https://www.ptc.com","share-title":"title goes here",source:"linkedin source",recipient:"yqiantest@ptc.com"}),e("ptc-social-share",{class:"icon",display:"inline-block","share-type":"blog-mail",text:"summary",url:"https://www.ptc.com","share-title":"title goes here",source:"linkedin source",recipient:"yqiantest@ptc.com"}))),e("ptc-progress-bar",null)))}static get assetsDirs(){return["media"]}};a.style=":host{display:block;position:relative;z-index:3}.sticky-header-container{position:absolute;top:0;left:0;width:100%;height:0;padding:0 24px;background-color:transparent;transition:height 0.3s ease-in-out;display:flex;align-items:flex-end;box-sizing:border-box}@media only screen and (min-width: 768px){.sticky-header-container{align-items:center}}.sticky-header-container.sticky{position:fixed;height:74px;background-image:linear-gradient(272deg, #3b4550, #1a1a1a);z-index:1}.sticky-header-title{width:100%;display:flex;justify-content:flex-start;align-items:center;position:relative}@media only screen and (min-width: 768px){.sticky-header-title{justify-content:center}}.sticky-header-title .logo-image{position:absolute;left:0px;visibility:hidden;transform:translateY(-25px)}@media only screen and (min-width: 768px){.sticky-header-title .logo-image{transform:translateY(0px)}}.sticky-header-title .logo-image.is-visible{visibility:visible}.sticky-header-title .logo-image img{max-height:24px;width:auto}@media only screen and (min-width: 768px){.sticky-header-title .logo-image img{max-height:100%;width:60px}}@media only screen and (min-width: 992px){.sticky-header-title .logo-image img{width:90px}}.sticky-header-title .share-icons{position:absolute;right:0px;visibility:visible;transform:translateY(-25px);transition:visibility 0.3s ease-in-out}@media only screen and (min-width: 768px){.sticky-header-title .share-icons{visibility:hidden}}.sticky-header-title .share-icons ptc-social-share{margin-left:var(--ptc-element-spacing-03)}.sticky-header-title h1{color:#ffffff;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}@media only screen and (min-width: 768px){.sticky-header-title h1{margin-top:0.67em;margin-bottom:0.67em;font-size:var(--ptc-font-size-large)}}ptc-progress-bar{display:none;width:100%}.sticky ptc-progress-bar{position:absolute;bottom:0;left:0;width:100%;display:block}";export{a as ptc_sticky_title}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as a,H as e,a as n}from"./p-63c06667.js";const l=class{constructor(a){t(this,a),this.isOpenProductHighlight=i(this,"isOpenProductHighlight",7),this.cardTitle=void 0,this.cardImage=void 0,this.cardImageAltText=void 0,this.cardDescription=void 0,this.cardCtaText=void 0,this.toggleCtaTitle=void 0,this.isOpen=!1,this.isSlotEmpty=void 0}togglePanel(){this.isOpen=!this.isOpen}render(){return a(e,null,a("div",{class:"card-wrap"},a("ptc-picture",{alt:"image-test",src:this.cardImage,"display-image":"inline-block",width:"38"}),a("div",{class:"content"},a("div",null,a("ptc-title",{type:"h3",upperline:"no-upperline","title-size":"medium","title-weight":"w-8","title-height":"densest","title-margin":"margin-flush"},a("ptc-tooltip",{"text-display":"block","text-lines":"3","z-index":"z-999",description:this.cardTitle,position:"bottom",width:"full-width"})),a("ptc-para",{"font-size":"x-small","para-margin":"margin-flush","para-line-h":"line-height-densest","para-z-index":"z-auto"},a("ptc-tooltip",{"text-display":"block","text-lines":"16","z-index":"z-999",description:this.cardDescription,position:"bottom",width:"full-width"}))),a("div",{class:"cta-wrap"},a("slot",{name:"cta"})))),this.toggleCtaTitle&&a("ptc-para",{class:"toggle-btn","font-size":"small","para-margin":"margin-flush","para-line-h":"line-height-p","para-z-index":"z-auto",onClick:()=>this.togglePanel()},a("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("rect",{width:"18",height:"18",rx:"4",fill:"#00890B"}),this.isOpen?a("g",{"clip-path":"url(#clip0_187_1609)"},a("path",{d:"M4.86365 7.98779V10.0128H14.3824V7.98779H4.86365Z",fill:"white"})):a("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.953 4.23535H8.04712V8.04712H4.23535V9.953H8.04712V13.7648H9.953V9.953H13.7648V8.04712H9.953V4.23535Z",fill:"white"}),a("defs",null,a("clipPath",{id:"clip0_187_1609"},a("rect",{width:"9.51872",height:"9.52941",fill:"white",transform:"translate(4.86365 4.23535)"})))),a("span",null,this.toggleCtaTitle)),this.isOpen&&a("div",{class:"product-highlights-container"},a("slot",null)))}get hostElement(){return n(this)}};l.style=":host{display:block;background-color:var(--color-white);padding-top:var(--ptc-layout-spacing-03);border-radius:var(--ptc-border-radius-standard);margin-bottom:var(--ptc-layout-spacing-03)}:host .card-wrap{display:flex;align-items:center}:host .card-wrap ptc-picture{display:none}@media only screen and (min-width: 768px){:host .card-wrap ptc-picture{display:block;margin-left:var(--ptc-element-spacing-06);min-width:38px;max-width:38px}}:host .card-wrap .content{padding:0 38px 24px 38px}@media only screen and (min-width: 768px){:host .card-wrap .content{padding:0 44px 24px 44px}}@media only screen and (min-width: 1200px){:host .card-wrap .content{display:flex;align-items:center}}:host .card-wrap .content .cta-wrap{margin-left:0;margin-top:24px}@media only screen and (min-width: 1200px){:host .card-wrap .content .cta-wrap{margin-top:0px;margin-left:44px}}:host .toggle-btn{padding:16px;text-align:center;border-top:1px solid var(--color-gray-04);display:block;cursor:pointer}:host .toggle-btn svg{margin-right:var(--ptc-element-spacing-03);vertical-align:middle;margin-top:-2px}:host .product-highlights-container{padding:0px 20px 16px 20px}";export{l as ptc_product_card}
|