@ptcwebops/ptcw-design 6.1.34 → 6.1.36

package/dist/ptcw-design/{p-38a56ed6.entry.js → p-c05e326f.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,H as a,g as n}from"./p-ac75c7ad.js";const s=class{constructor(i){t(this,i),this.tabChange=e(this,"tabChange",7),this.escClicked=e(this,"escClicked",7),this.type=void 0,this.isMobile=void 0,this.isMobileTabWithBanner=void 0,this.selectedValue=void 0,this.dropdownItemsCount=0}closeDropdown(){this.escClicked.emit()}componentWillLoad(){this.isMobile=window.innerWidth<768,this.isMobileTabWithBanner=window.innerWidth<992||screen.width<992}componentDidLoad(){this.createGroup(),this.calculateHeaderTabsRendering(),this.ellipsisDropdown=this.host.querySelector("ptc-ellipsis-dropdown"),this.ellipsisDropdown.addEventListener("keydown",this.onKeydown.bind(this));const t=Array.from(this.host.querySelectorAll("tab-header"));t.forEach(((e,i)=>{t.length-this.dropdownItemsCount==i+1&&(this.lastVisibleTab=e)}))}onSelectedTab(t){let e=this;this.tabGroup.forEach((i=>{t.detail.then((t=>{i.header.name===t.name?(e.selectGroup(i),i.header.el.setAttribute("tabindex","0"),i.header.el.focus()):i.header.el.setAttribute("tabindex","-1")}))}))}calculateHeaderTabsRendering(){let t=this.host.querySelector(".tabs-header"),e=this.host.querySelector(".ellipsis-btn"),i=t.children,a=!1,n=[];this.isMobile=window.innerWidth<768,this.isMobileTabWithBanner=window.innerWidth<992||screen.width<992,t.classList.remove("active");for(let t=0;t<i.length;t++)i[t].style.removeProperty("display");for(let e=i.length-1;e>=0;e--){let s=i[e],h=s.getAttribute("name")===this.selectedValue;if(this.isMobile&&"tab-with-banner"!=this.type||this.isMobileTabWithBanner&&"tab-with-banner"===this.type){let e=s.querySelector(".text-cont").textContent;t.style.display="none",a=!0,n.push({value:s.getAttribute("name"),text:e,isSelected:h})}else if(t.style.display="flex",t.scrollWidth>t.clientWidth){s.style.display="none";let t=s.querySelector(".text-cont").textContent;a=!0,n.push({value:s.getAttribute("name"),text:t,isSelected:h})}}t.classList.add("active"),a?(e.classList.add("active"),e.dataItems=n.reverse(),this.dropdownItemsCount=e.dataItems.length):(e.classList.remove("active"),e.dataItems=[])}createGroup(){let t=this,e=!1,i=!1,a=0,n=0,s=[],h=[];const o=Array.from(this.host.querySelectorAll("tab-header"));this.tabsHeader=o.map((t=>t.getChild().then((i=>{a++,a===o.length&&(e=!0),s.push(Object.assign(Object.assign({},i),{el:t}))})))),this.tabsHeader=s;const l=Array.from(this.host.querySelectorAll("tab-content"));this.tabsContent=l.map((t=>t.getChild().then((t=>{n++,n===l.length&&(i=!0),h.push(t)})))),this.tabsContent=h;let r=setInterval((()=>{e&&i&&(clearInterval(r),t.tabGroup=t.tabsHeader.map((e=>{const i=t.tabsContent.find((t=>t.name===e.name));return{header:e,content:i}})),t.selectGroup(t.tabGroup[0]))}),3100);o.forEach(((t,e)=>{t.setAttribute("id","tab-"+(e+1)),t.setAttribute("role","tab"),t.setAttribute("aria-selected",0===e?"true":"false"),t.setAttribute("tabindex",0===e?"0":"-1"),t.setAttribute("aria-controls","tab-panel-"+(e+1)),t.addEventListener("keydown",this.onKeydown.bind(this)),this.firstTab||(this.firstTab=t),this.lastTab=t})),l.forEach(((t,e)=>{t.setAttribute("id","tabpanel-"+(e+1)),t.setAttribute("role","tabpanel"),t.setAttribute("aria-labelledby","tab-"+(e+1))}))}moveFocusToTab(t){t.focus()}moveFocusToPreviousTab(t){if(t===this.firstTab||t==this.ellipsisDropdown)this.ellipsisDropdown.setAttribute("tabindex","-1"),0==this.dropdownItemsCount?this.moveFocusToTab(this.lastTab):t==this.ellipsisDropdown?this.moveFocusToTab(this.lastVisibleTab):(this.ellipsisDropdown.setAttribute("tabindex","0"),this.ellipsisDropdown.focus());else{const e=this.tabsHeader.findIndex((e=>e.el===t));this.moveFocusToTab(this.tabsHeader[e-1].el)}}moveFocusToNextTab(t){if(this.ellipsisDropdown.setAttribute("tabindex","-1"),t===this.lastTab||t===this.lastVisibleTab)0==this.dropdownItemsCount?this.moveFocusToTab(this.firstTab):(this.ellipsisDropdown.setAttribute("tabindex","0"),this.ellipsisDropdown.focus());else{const e=this.tabsHeader.findIndex((e=>e.el===t));this.moveFocusToTab(this.tabsHeader[e+1].el)}}onKeydown(t){const e=t.currentTarget;let i=!1;switch(t.key){case"ArrowLeft":this.moveFocusToPreviousTab(e),i=!0;break;case"ArrowRight":this.moveFocusToNextTab(e),i=!0;break;case"Escape":this.closeDropdown(),i=!0}i&&(t.stopPropagation(),t.preventDefault())}async toggleTabGroup(t){let e=this;this.tabGroup.forEach((i=>{i.header.name===t&&e.selectGroup(i)}))}selectGroup(t){this.tabGroup.forEach((t=>{t.header.unselect(),t.content.unselect()})),t.header.select(),t.content.select(),this.selectedValue=t.header.name,this.calculateHeaderTabsRendering(),this.tabChange.emit({value:t.header.text,sender:t.header})}onDropdownItemSelected(t){if(t){let e=this.tabGroup.find((e=>e.header.name==t.value));e&&this.selectGroup(e)}}render(){return i(a,{class:this.type},i("div",{class:"tabs-header-container"},i("div",{class:"tabs-header"},i("slot",{name:"header"})),i("ptc-ellipsis-dropdown",{"dropdown-type":this.type,class:"tab-with-banner"==this.type?"ellipsis-btn tab-with-banner":"ellipsis-btn default",onItemSelected:t=>{this.onDropdownItemSelected(t.detail)}})),i("div",{class:"tabs-content"},i("slot",{name:"content"})))}get host(){return n(this)}};s.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}ptc-tab-list{display:block;position:relative;color:var(--color-gray-12)}ptc-tab-list.tab-with-banner{background-color:var(--color-white);padding:24px 16px 16px 16px;border-radius:4px}@media only screen and (min-width: 992px){ptc-tab-list.tab-with-banner{padding:24px}}ptc-tab-list.tab-with-banner .tabs-content{padding:16px 0 0 0}ptc-tab-list.tab-with-banner .tabs-content p:not(video-js p),ptc-tab-list.tab-with-banner .tabs-content span:not(video-js span),ptc-tab-list.tab-with-banner .tabs-content h1:not(video-js h1),ptc-tab-list.tab-with-banner .tabs-content h2:not(video-js h2),ptc-tab-list.tab-with-banner .tabs-content h3:not(video-js h3),ptc-tab-list.tab-with-banner .tabs-content h4:not(video-js h4),ptc-tab-list.tab-with-banner .tabs-content h5:not(video-js h5),ptc-tab-list.tab-with-banner .tabs-content h6:not(video-js h6),ptc-tab-list.tab-with-banner .tabs-content ul:not(video-js ul),ptc-tab-list.tab-with-banner .tabs-content li:not(video-js li),ptc-tab-list.tab-with-banner .tabs-content table:not(video-js table){color:var(--color-gray-12)}@media only screen and (min-width: 992px){ptc-tab-list.tab-with-banner .tabs-content{padding:24px 0 0 0}}@media only screen and (min-width: 992px){ptc-tab-list.tab-with-banner .tabs-header{align-items:stretch;padding-left:0rem;width:calc(100% - 44px);display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding-right:0}ptc-tab-list.tab-with-banner tab-header{padding:0 16px;display:flex;align-items:center;flex:1 0 0;align-self:stretch;text-align:center;flex-direction:column;align-items:center}}ptc-tab-list.tab-with-banner .tab-header{padding:0 0 1rem 0}@media only screen and (min-width: 992px){ptc-tab-list.tab-with-banner .tab-header{min-width:200px;white-space:normal;height:100%;align-content:center;transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-webkit-transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-o-transition:var(--ptc-transition-medium) var(--ptc-ease-inout)}ptc-tab-list.tab-with-banner .tab-header:hover{color:var(--color-gray-10)}}@media (min-width: 1080px){ptc-tab-list.tab-with-banner .tab-header{min-width:230px}}@media only screen and (min-width: 1200px){ptc-tab-list.tab-with-banner .tab-header{min-width:200px}}@media only screen and (min-width: 1440px){ptc-tab-list.tab-with-banner .tab-header{min-width:175px}}ptc-tab-list.tab-with-banner .tabs-header-container{display:flex}.tabs-header-container{width:100%;border-bottom:2px solid var(--color-gray-02);position:relative}.tabs-header{display:flex;padding-left:1.5rem;padding-right:1.5rem;transition:opacity ease-out 250ms;opacity:0;width:90%}.tabs-header.active{opacity:1}.tabs-content{padding:40px 28px 28px;min-height:300px}.ellipsis-btn{display:none}@media only screen and (min-width: 768px){.ellipsis-btn.default{position:absolute;top:auto;right:0;bottom:9px}}@media only screen and (min-width: 1440px){.ellipsis-btn.default{bottom:15px}}@media only screen and (min-width: 1440px){.ellipsis-btn{bottom:15px}}.ellipsis-btn.active{display:inline-block}.ellipsis-btn:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}tab-header{padding-right:48px}";export{s as ptc_tab_list}
+import{r as t,c as e,h as i,H as a,a as n}from"./p-944c5be8.js";const s=class{constructor(i){t(this,i),this.tabChange=e(this,"tabChange",7),this.escClicked=e(this,"escClicked",7),this.type=void 0,this.isMobile=void 0,this.isMobileTabWithBanner=void 0,this.selectedValue=void 0,this.dropdownItemsCount=0}closeDropdown(){this.escClicked.emit()}componentWillLoad(){this.isMobile=window.innerWidth<768,this.isMobileTabWithBanner=window.innerWidth<992||screen.width<992}componentDidLoad(){this.createGroup(),this.calculateHeaderTabsRendering(),this.ellipsisDropdown=this.host.querySelector("ptc-ellipsis-dropdown"),this.ellipsisDropdown.addEventListener("keydown",this.onKeydown.bind(this));const t=Array.from(this.host.querySelectorAll("tab-header"));t.forEach(((e,i)=>{t.length-this.dropdownItemsCount==i+1&&(this.lastVisibleTab=e)}))}onSelectedTab(t){let e=this;this.tabGroup.forEach((i=>{t.detail.then((t=>{i.header.name===t.name?(e.selectGroup(i),i.header.el.setAttribute("tabindex","0"),i.header.el.focus()):i.header.el.setAttribute("tabindex","-1")}))}))}calculateHeaderTabsRendering(){let t=this.host.querySelector(".tabs-header"),e=this.host.querySelector(".ellipsis-btn"),i=t.children,a=!1,n=[];this.isMobile=window.innerWidth<768,this.isMobileTabWithBanner=window.innerWidth<992||screen.width<992,t.classList.remove("active");for(let t=0;t<i.length;t++)i[t].style.removeProperty("display");for(let e=i.length-1;e>=0;e--){let s=i[e],h=s.getAttribute("name")===this.selectedValue;if(this.isMobile&&"tab-with-banner"!=this.type||this.isMobileTabWithBanner&&"tab-with-banner"===this.type){let e=s.querySelector(".text-cont").textContent;t.style.display="none",a=!0,n.push({value:s.getAttribute("name"),text:e,isSelected:h})}else if(t.style.display="flex",t.scrollWidth>t.clientWidth){s.style.display="none";let t=s.querySelector(".text-cont").textContent;a=!0,n.push({value:s.getAttribute("name"),text:t,isSelected:h})}}t.classList.add("active"),a?(e.classList.add("active"),e.dataItems=n.reverse(),this.dropdownItemsCount=e.dataItems.length):(e.classList.remove("active"),e.dataItems=[])}createGroup(){let t=this,e=!1,i=!1,a=0,n=0,s=[],h=[];const o=Array.from(this.host.querySelectorAll("tab-header"));this.tabsHeader=o.map((t=>t.getChild().then((i=>{a++,a===o.length&&(e=!0),s.push(Object.assign(Object.assign({},i),{el:t}))})))),this.tabsHeader=s;const l=Array.from(this.host.querySelectorAll("tab-content"));this.tabsContent=l.map((t=>t.getChild().then((t=>{n++,n===l.length&&(i=!0),h.push(t)})))),this.tabsContent=h;let r=setInterval((()=>{e&&i&&(clearInterval(r),t.tabGroup=t.tabsHeader.map((e=>{const i=t.tabsContent.find((t=>t.name===e.name));return{header:e,content:i}})),t.selectGroup(t.tabGroup[0]))}),3100);o.forEach(((t,e)=>{t.setAttribute("id","tab-"+(e+1)),t.setAttribute("role","tab"),t.setAttribute("aria-selected",0===e?"true":"false"),t.setAttribute("tabindex",0===e?"0":"-1"),t.setAttribute("aria-controls","tab-panel-"+(e+1)),t.addEventListener("keydown",this.onKeydown.bind(this)),this.firstTab||(this.firstTab=t),this.lastTab=t})),l.forEach(((t,e)=>{t.setAttribute("id","tabpanel-"+(e+1)),t.setAttribute("role","tabpanel"),t.setAttribute("aria-labelledby","tab-"+(e+1))}))}moveFocusToTab(t){t.focus()}moveFocusToPreviousTab(t){if(t===this.firstTab||t==this.ellipsisDropdown)this.ellipsisDropdown.setAttribute("tabindex","-1"),0==this.dropdownItemsCount?this.moveFocusToTab(this.lastTab):t==this.ellipsisDropdown?this.moveFocusToTab(this.lastVisibleTab):(this.ellipsisDropdown.setAttribute("tabindex","0"),this.ellipsisDropdown.focus());else{const e=this.tabsHeader.findIndex((e=>e.el===t));this.moveFocusToTab(this.tabsHeader[e-1].el)}}moveFocusToNextTab(t){if(this.ellipsisDropdown.setAttribute("tabindex","-1"),t===this.lastTab||t===this.lastVisibleTab)0==this.dropdownItemsCount?this.moveFocusToTab(this.firstTab):(this.ellipsisDropdown.setAttribute("tabindex","0"),this.ellipsisDropdown.focus());else{const e=this.tabsHeader.findIndex((e=>e.el===t));this.moveFocusToTab(this.tabsHeader[e+1].el)}}onKeydown(t){const e=t.currentTarget;let i=!1;switch(t.key){case"ArrowLeft":this.moveFocusToPreviousTab(e),i=!0;break;case"ArrowRight":this.moveFocusToNextTab(e),i=!0;break;case"Escape":this.closeDropdown(),i=!0}i&&(t.stopPropagation(),t.preventDefault())}async toggleTabGroup(t){let e=this;this.tabGroup.forEach((i=>{i.header.name===t&&e.selectGroup(i)}))}selectGroup(t){this.tabGroup.forEach((t=>{t.header.unselect(),t.content.unselect()})),t.header.select(),t.content.select(),this.selectedValue=t.header.name,this.calculateHeaderTabsRendering(),this.tabChange.emit({value:t.header.text,sender:t.header})}onDropdownItemSelected(t){if(t){let e=this.tabGroup.find((e=>e.header.name==t.value));e&&this.selectGroup(e)}}render(){return i(a,{class:this.type},i("div",{class:"tabs-header-container"},i("div",{class:"tabs-header"},i("slot",{name:"header"})),i("ptc-ellipsis-dropdown",{"dropdown-type":this.type,class:"tab-with-banner"==this.type?"ellipsis-btn tab-with-banner":"ellipsis-btn default",onItemSelected:t=>{this.onDropdownItemSelected(t.detail)}})),i("div",{class:"tabs-content"},i("slot",{name:"content"})))}get host(){return n(this)}};s.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}ptc-tab-list{display:block;position:relative;color:var(--color-gray-12)}ptc-tab-list.tab-with-banner{background-color:var(--color-white);padding:24px 16px 16px 16px;border-radius:4px}@media only screen and (min-width: 992px){ptc-tab-list.tab-with-banner{padding:24px}}ptc-tab-list.tab-with-banner .tabs-content{padding:16px 0 0 0}ptc-tab-list.tab-with-banner .tabs-content p:not(video-js p),ptc-tab-list.tab-with-banner .tabs-content span:not(video-js span),ptc-tab-list.tab-with-banner .tabs-content h1:not(video-js h1),ptc-tab-list.tab-with-banner .tabs-content h2:not(video-js h2),ptc-tab-list.tab-with-banner .tabs-content h3:not(video-js h3),ptc-tab-list.tab-with-banner .tabs-content h4:not(video-js h4),ptc-tab-list.tab-with-banner .tabs-content h5:not(video-js h5),ptc-tab-list.tab-with-banner .tabs-content h6:not(video-js h6),ptc-tab-list.tab-with-banner .tabs-content ul:not(video-js ul),ptc-tab-list.tab-with-banner .tabs-content li:not(video-js li),ptc-tab-list.tab-with-banner .tabs-content table:not(video-js table){color:var(--color-gray-12)}@media only screen and (min-width: 992px){ptc-tab-list.tab-with-banner .tabs-content{padding:24px 0 0 0}}@media only screen and (min-width: 992px){ptc-tab-list.tab-with-banner .tabs-header{align-items:stretch;padding-left:0rem;width:calc(100% - 44px);display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding-right:0}ptc-tab-list.tab-with-banner tab-header{padding:0 16px;display:flex;align-items:center;flex:1 0 0;align-self:stretch;text-align:center;flex-direction:column;align-items:center}}ptc-tab-list.tab-with-banner .tab-header{padding:0 0 1rem 0}@media only screen and (min-width: 992px){ptc-tab-list.tab-with-banner .tab-header{min-width:200px;white-space:normal;height:100%;align-content:center;transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-webkit-transition:var(--ptc-transition-medium) var(--ptc-ease-inout);-o-transition:var(--ptc-transition-medium) var(--ptc-ease-inout)}ptc-tab-list.tab-with-banner .tab-header:hover{color:var(--color-gray-10)}}@media (min-width: 1080px){ptc-tab-list.tab-with-banner .tab-header{min-width:230px}}@media only screen and (min-width: 1200px){ptc-tab-list.tab-with-banner .tab-header{min-width:200px}}@media only screen and (min-width: 1440px){ptc-tab-list.tab-with-banner .tab-header{min-width:175px}}ptc-tab-list.tab-with-banner .tabs-header-container{display:flex}.tabs-header-container{width:100%;border-bottom:2px solid var(--color-gray-02);position:relative}.tabs-header{display:flex;padding-left:1.5rem;padding-right:1.5rem;transition:opacity ease-out 250ms;opacity:0;width:90%}.tabs-header.active{opacity:1}.tabs-content{padding:40px 28px 28px;min-height:300px}.ellipsis-btn{display:none}@media only screen and (min-width: 768px){.ellipsis-btn.default{position:absolute;top:auto;right:0;bottom:9px}}@media only screen and (min-width: 1440px){.ellipsis-btn.default{bottom:15px}}@media only screen and (min-width: 1440px){.ellipsis-btn{bottom:15px}}.ellipsis-btn.active{display:inline-block}.ellipsis-btn:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}tab-header{padding-right:48px}";export{s as ptc_tab_list}

package/dist/ptcw-design/p-c184413d.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as i,H as n}from"./p-944c5be8.js";const a=class{constructor(i){t(this,i),this.close=e(this,"close",7),this.handleKeyClick=t=>{t instanceof KeyboardEvent&&"Enter"===t.key&&this.closeClick()},this.closeClick=()=>{this.visible=!1,this.close.emit()},this.getIconSize=()=>"mobile"===this.windowSize?"xxx-large":"small",this.isMaxWidthTitle=()=>this.description?"":" max-title",this.barTitle="",this.description="",this.linkText=void 0,this.linkTitle=void 0,this.visible=void 0,this.linkUrl="#",this.insideContainer=void 0,this.target="_self",this.customMaxLines=4,this.windowSize="mobile",this.moreText=void 0}handleResize(){this.windowSize=window.innerWidth<992?"mobile":"desktop"}componentWillLoad(){this.handleResize()}render(){var t,e;const a=this.getCssClassMap();return i(n,null,i("div",{class:a,part:"part-announcement"},i("div",{class:"content-wrapper ptc-container"},i("div",{class:"left-content",part:"part-left-content"},i("slot",{name:"seo-content"}),this.barTitle?i("div",{class:`title${this.isMaxWidthTitle()}`},"mobile"===this.windowSize?this.barTitle:i("ptc-tooltip-v2",{"max-length":"60","z-index":"2"},this.barTitle)):null,"mobile"===this.windowSize?Object.assign({},this.description||this.linkUrl?i("ptc-readmore",{"visible-lines-custom":this.customMaxLines,"z-index":"z-3","more-text":this.moreText},i("div",{style:{display:"inline"}},this.description?this.description+" ":null,this.linkText?i("a",{class:"cta-link",href:this.linkUrl,title:null!==(t=this.linkTitle)&&void 0!==t?t:this.linkText,target:this.target},this.linkText):null)):null):i("div",{class:"description"},this.description?i("ptc-tooltip-v2",{"element-display":"inline","max-length":"165","z-index":"3",class:"after-space"},this.description+" "):null,this.linkText?i("a",{class:"cta-link mf-listen",href:this.linkUrl,title:null!==(e=this.linkTitle)&&void 0!==e?e:this.linkText,target:this.target,tabIndex:0,id:"announcement-bar-cta"},i("ptc-tooltip-v2",{"element-display":"inline-block","max-length":"25","z-index":"2",position:"bottom",styles:".tooltip-content.bottom{transform:translate(-20%, 12px)}.tooltip-text{text-decoration:underline;}"},this.linkText)):null)),i("icon-asset",{color:"inherit",name:"close-button-flat",type:"ptc",size:this.getIconSize(),onClick:this.closeClick,class:"bar-close",focusOn:!0,trackerId:"announcement-bar-close",onKeyDown:this.handleKeyClick}))))}getCssClassMap(){return{announcement:!0,[this.visible?"visible":""]:!0}}};a.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){.ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){.ptc-container{padding-left:0;padding-right:0;max-width:1200px}}.ptc-container-lg{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 480px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-03);padding-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 768px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-04);padding-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 992px){.ptc-container-lg{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 1980px){.ptc-container-lg{padding-left:0;padding-right:0;max-width:1900px}}.ptc-container-fluid{width:100%}:host{display:block}.announcement{width:100%;position:relative;background-color:var(--color-gray-02);z-index:860;background-size:cover;background-repeat:repeat-x;border-top:3px solid var(--color-green-07);box-shadow:var(--ptc-shadow-medium);z-index:999;display:none}.visible{display:block}::slotted([slot=seo-content]){display:none}.content-wrapper{display:flex;padding-top:var(--ptc-element-spacing-03);padding-bottom:var(--ptc-element-spacing-03);margin:0 auto;align-items:center;justify-content:space-between}@media only screen and (min-width: 768px){.content-wrapper{padding-top:var(--ptc-element-spacing-03);padding-bottom:var(--ptc-element-spacing-03)}}@media only screen and (min-width: 1200px){.content-wrapper{padding-top:var(--ptc-element-spacing-03);padding-bottom:var(--ptc-element-spacing-03);box-sizing:border-box}}@media screen and (min-width: 1400px){.content-wrapper{padding-top:var(--ptc-element-spacing-03);padding-bottom:var(--ptc-element-spacing-03)}}.left-content{max-width:calc(100% - 76px);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative;word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){.left-content{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.title{font-family:Raleway;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);letter-spacing:var(--ptc-letter-spacing-dense);text-align:left;color:var(--color-gray-10);margin-bottom:var(--ptc-element-spacing-02);max-width:100%}.description{font-family:Raleway;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-regular);line-height:normal;letter-spacing:var(--ptc-letter-spacing-normal);text-align:left;color:var(--color-gray-10);max-width:100%}.cta-link{color:var(--color-hyperlink);font-size:var(--ptc-font-size-x-small);-webkit-transition:color var(--ptc-transition-slow) var(--ptc-ease-inout);-o-transition:color var(--ptc-transition-slow) var(--ptc-ease-inout);transition:color var(--ptc-transition-slow) var(--ptc-ease-inout);font-weight:var(--ptc-font-weight-bold);text-decoration:underline;display:inline-block;vertical-align:middle;cursor:pointer}.cta-link::before{content:"";position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1}.cta-link:link{color:var(--color-hyperlink)}.cta-link:hover{color:var(--color-blue-08)}.cta-link:active{transition:none;color:var(--color-gray-09)}.cta-link:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.bar-close{max-width:36px;cursor:pointer;margin-left:var(--ptc-element-spacing-08);position:relative}.bar-close::before{content:"";position:absolute;width:44px;height:44px;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1}ptc-tooltip-v2.after-space::after{content:" "}@media only screen and (min-width: 992px){.left-content{flex-direction:row;max-width:calc(100% - 58px);flex:1 1 1032px}.bar-close{max-width:18px}.bar-close::before{width:34px;height:34px}.title{margin-right:var(--ptc-element-spacing-04);margin-bottom:0;flex:0 1 auto;max-width:248px}.title.max-title{max-width:unset !important;flex:2 1 560px}.description{flex:1 1 768px}}';export{a as ptc_announcement}

package/dist/ptcw-design/p-c2182386.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i,H as e,a}from"./p-944c5be8.js";const n=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.pngImgStyles="",this.gifSrc=void 0,this.bgVideoSrc=void 0,this.bgVideoPosterSrc=void 0,this.bgSrc=void 0,this.isIframe=!1,this.isHomepage=!1,this.playButtonTitle=void 0,this.pauseButtonTitle=void 0,this.buttonLocation=void 0,this.buttonTabIndex=0,this.contentBackground=void 0,this.contentColor=void 0,this.textAlign="left",this.isMobile=void 0,this.isTransitioning=void 0,this.blogAuthorImage="",this.blogAuthorImageAlt="",this.blogAuthorName="",this.blogAuthorQueryHref="",this.blogAuthorQueryTarget="",this.styles=void 0,this.defer=void 0,this.hasCtaSlot=void 0}componentWillLoad(){this.hasCtaSlot=!!this.el.querySelector('[slot="j-cta"]')}handleResize(){this.getContentBackground()}connectedCallback(){this.getContentBackground()}componentDidLoad(){}render(){const t=this.getCssClassMap();let a;switch(this.jumbotronType){case"png":a=i("div",{class:"mobile-media-image"},i("div",{class:"media-image-wrapper"},i("ptc-picture",{src:this.pngSrc}),this.hasPopupVideo&&this.isMobile?i("slot",{name:"video"}):null));break;case"blog":a=i("div",{class:"mobile-media-image"},i("div",{class:"media-image-wrapper"},i("ptc-picture",{"is-full-width":!0,src:this.pngSrc,styles:"img {height: 100%;}"})));break;case"gif":a=i("div",{class:"mobile-media-image gif-bg"},i("img",{src:this.gifSrc}));break;case"dark-video":case"light-video":a=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,"button-location":this.buttonLocation,"button-tab-index":this.buttonTabIndex,defer:this.defer,posterSrc:this.bgVideoPosterSrc}," ",this.hasPopupVideo&&this.isMobile?i("div",{class:"mobile-modal-play-btn"}," ",i("slot",{name:"video"})):null);break;case"dark":case"light":a=i("div",{class:"dl-img-wrap"},i("ptc-img",{"img-url":this.bgSrc,styles:".smart-bg{background-position:right !important;}"}),this.hasPopupVideo&&this.isMobile?i("div",{class:"mobile-modal-play-btn"}," ",i("slot",{name:"video"})):null);break;default:a=i("ptc-img",{"img-url":this.bgSrc,styles:".smart-bg{background-position:right !important;}"})}return i(e,{class:t},this.styles&&i("style",null,this.styles),i("div",{class:{parent:!0,"light-links":"dark"===this.jumbotronType||"dark-video"===this.jumbotronType,"hp-adjustments":this.isHomepage,transitioning:this.isTransitioning}},i("div",{class:"div1 image-container "+("text"===this.jumbotronType?"hidden":"")},a),i("div",{class:"div2 content-container"},i("div",{class:"bg-overlay",style:{background:this.contentBackground}}),i("div",{class:{"ptc-container":!0,"content-layout":!0,"hp-container":this.isHomepage,"blog-container":"blog"===this.jumbotronType}},i("max-width-container",{"max-width-p":"60",breakpoint:992,"content-align":"text"===this.jumbotronType?"center":this.textAlign,styles:":host{z-index: 999}"},i("slot",{name:"breadcrumb"}),i("span",{class:"main-content-items"},i("ptc-spacer",{breakpoint:"small",size:"small"}),i("ptc-spacer",{breakpoint:"x-small",size:"medium"}),i("slot",{name:"main-title"}),i("slot",{name:"hp-sub-title"}),("text"!==this.jumbotronType||"text"===this.jumbotronType&&this.subTitle)&&!this.isHomepage&&i("div",null,i("ptc-spacer",{breakpoint:"small",size:"small"}),i("ptc-spacer",{breakpoint:"x-small",size:"medium"})),!this.isHomepage&&i("ptc-para",{styles:`p{color: ${this.contentColor}!important;}`,"font-size":"text"===this.jumbotronType&&this.isMobile?"x-small":"small","font-weight":"w-4","para-margin":"text"===this.jumbotronType||"blog"===this.jumbotronType?"margin-flush":"margin-bottom-6","para-color":"white","para-line-h":"line-height-p","para-align":"text"===this.jumbotronType?"center":"left","seo-compatibility-mode":!0},i("p",{innerHTML:this.subTitle,style:{margin:"0"}}),i("p",{style:{margin:"0"}},i("slot",{name:"blog-date"})),"blog"===this.jumbotronType&&i("div",null,i("ptc-spacer",{breakpoint:"x-small",size:"medium"}),i("ptc-spacer",{breakpoint:"small",size:"small"}),i("div",{id:"header-blog-author",slot:"blog-author"},i("div",{class:"image"},i("img",{alt:this.blogAuthorImageAlt,src:this.blogAuthorImage})),i("ptc-para",{"font-size":"small","font-weight":"w-4","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},i("a",{class:"blog-author-name mf-listen",tabindex:"0",href:this.blogAuthorQueryHref,target:this.blogAuthorQueryTarget,"aria-label":"Other blogs by author"},this.blogAuthorName))))),this.hasCtaSlot&&i("div",{class:"u-flex u-flex-wrap gap-adjustment"+("text"===this.jumbotronType?" text-adjustment":"")},i("slot",{name:"j-cta"})))),this.hasPopupVideo&&"png"!==this.jumbotronType?i("slot",{name:"video"}):null,"png"===this.jumbotronType?i("div",{class:"desktop-media-image"},i("div",{class:"media-image-wrapper"},i("ptc-picture",{"is-full-width":!0,src:this.pngSrc,styles:`img {${this.pngImgStyles}}`}),this.hasPopupVideo?i("slot",{name:"video"}):null)):null,"gif"===this.jumbotronType?i("div",{class:"desktop-media-image desk-gif-adjustment"},i("img",{src:this.gifSrc})):null,"blog"===this.jumbotronType?i("div",{class:"desktop-media-image"},i("div",{class:"media-image-wrapper"},i("ptc-picture",{"is-full-width":!0,src:this.pngSrc,styles:"img {height: 100%;}"}))):null))))}getCssClassMap(){return{"text-jumbotron":"text"===this.jumbotronType,"png-jumbotron":"png"===this.jumbotronType,"blog-jumbotron":"blog"===this.jumbotronType,"gif-jumbotron":"gif"===this.jumbotronType,"dark-video-jumbotron light-links":"dark-video"===this.jumbotronType,"light-video-jumbotron":"light-video"===this.jumbotronType,"dark-jumbotron light-links":"dark"===this.jumbotronType,"light-jumbotron":"light"===this.jumbotronType}}getContentBackground(){if(window.innerWidth<992){switch(this.jumbotronType){case"light":case"light-video":case"png":this.contentBackground="var(--color-white)",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;case"blog":this.contentBackground="white",this.contentColor="var(--color-gray-10)";break;default:this.contentBackground="transparent",this.contentColor="var(--color-gray-10)"}this.isMobile=!0}else{switch(this.jumbotronType){case"light":case"light-video":case"png":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;case"blog":this.contentBackground="white",this.contentColor="var(--color-gray-10)";break;default:this.contentBackground="transparent",this.contentColor="var(--color-gray-10)"}this.isMobile=!1}}get el(){return a(this)}};n.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.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-medium{font-weight:var(--ptc-font-weight-medium)}.u-text-semibold{font-weight:var(--ptc-font-weight-semibold)}.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)}.u-border-none{border:none}.u-shadow-x-small{box-shadow:var(--ptc-shadow-x-small)}.u-shadow-small{box-shadow:var(--ptc-shadow-small)}.u-shadow-medium{box-shadow:var(--ptc-shadow-medium)}.u-shadow-large{box-shadow:var(--ptc-shadow-large)}.u-shadow-x-large{box-shadow:var(--ptc-shadow-x-large)}@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}.h-100{height:100%}.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:3rem;padding-bottom:3rem}.ptc-section-standard{padding-top:3rem;padding-bottom:3rem}.ptc-section-half{padding-top:1.5rem;padding-bottom:1.5rem}.ptc-section-large{padding-top:2.25rem;padding-bottom:2.25rem}@media only screen and (min-width: 992px){.ptc-section-large{padding-top:3.5rem;padding-bottom:3.5rem}}.ptc-section-hp{padding-bottom:calc(2.25rem - 32px)}@media only screen and (min-width: 992px){.ptc-section-hp{padding-bottom:calc(3.5rem - 32px)}}.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}.u-flex-justify-flexend{justify-content:flex-end}.u-section-heading-wrapper{max-width:768px;margin-left:auto;margin-right:auto}.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}@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%}}.u-justify-space-between{justify-content:space-between}.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}}.all-product-gradient{background:linear-gradient(180deg, #f3f3f3 2.6%, rgba(225, 241, 226, 0.2) 40.63%, #f3f3f3 82.29%), linear-gradient(0deg, #f3f3f3, #f3f3f3)}.menu-right ptc-nav-submenu{position:relative}.media-thumb-feature{display:block}@media only screen and (min-width: 992px){.media-thumb-feature{display:flex;justify-content:space-between}}.media-thumb-feature .media-thumb{width:100%;margin-bottom:2rem}@media only screen and (min-width: 992px){.media-thumb-feature .media-thumb{width:340px;flex:0 0 340px}}.media-thumb-feature .media-thumb>ptc-picture:not(:last-of-type),.media-thumb-feature .media-thumb>img:not(:last-of-type){margin-bottom:1.5rem}.media-thumb-feature .media-feature{width:100%;margin-bottom:2rem}@media only screen and (min-width: 992px){.media-thumb-feature .media-feature{width:auto;flex:1 1 auto}}.partner-card-desc h5.description{font-family:var(--ptc-font-latin);color:var(--color-gray-10);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-medium);margin:0 0 10px 0}.partner-card-desc .tags{margin-bottom:0.75rem}.partner-card-desc .tags .tag:not(:first-child){border-left:2px solid var(--color-green-07);padding:0 8px}.partner-card-desc .tags .tag:first-child{padding:0 8px 0 0}.partner-card-desc .tags .tag{color:var(--color-gray-10);display:inline;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);letter-spacing:var(--ptc-letter-spacing-loose);margin:0 0 10px 0;padding:0 8px}.u-3-col-grid{width:100%;display:flex;flex-wrap:wrap;grid-row-gap:1rem;grid-column-gap:1rem}.u-3-col-grid .u-3-col{width:100%}@media only screen and (min-width: 768px){.u-3-col-grid .u-3-col{width:calc(50% - 10.66666666px)}}@media only screen and (min-width: 992px){.u-3-col-grid .u-3-col{width:calc(33.3333333333% - 10.66666666px)}}.u-3-col-grid.u-col-space-lg{grid-row-gap:2rem;grid-column-gap:2rem}.u-3-col-grid.u-col-space-lg .u-3-col{width:100%}@media only screen and (min-width: 768px){.u-3-col-grid.u-col-space-lg .u-3-col{width:calc(50% - 21.3333333px)}}@media only screen and (min-width: 992px){.u-3-col-grid.u-col-space-lg .u-3-col{width:calc(33.3333333333% - 21.3333333px)}}.u-display-none{display:none}ptc-preloader-section.min-height{min-height:150vh}@media only screen and (min-width: 1200px){.ms-mobile-select{display:none}}.ms-mobile-select.ms-show{position:fixed}.light-font{color:var(--color-white)}.light-font *{color:var(--color-white)}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a),.background-plm-grey a.light-link{color:var(--color-blue-04)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.ptc-link{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)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);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)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}:host{display:block}@media only screen and (min-width: 992px){:host(:not(.png-jumbotron):not(.text-jumbotron):not(.gif-jumbotron):not(.blog-jumbotron)) .content-container{padding-top:20px;padding-bottom:16px}}.parent{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-column-gap:0px;grid-row-gap:0px;position:relative;z-index:1}.hp-adjustments{background-color:var(--color-black);height:auto;min-height:640px !important;max-height:-webkit-fill-available}@media (min-height: 640px){.hp-adjustments{min-height:72vh !important}}.hp-adjustments .div1{grid-area:1/1/3/2;min-height:300px}.hp-adjustments .div1.hidden{display:none}.hp-adjustments .div2{display:flex}.hp-adjustments .bg-overlay{background:linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%) !important}@media only screen and (min-width: 992px){.hp-adjustments .div1{grid-area:1/1/2/2;min-height:unset}.hp-adjustments .bg-overlay{background:linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), linear-gradient(90deg, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0) 100%) !important}}.hp-adjustments .div1,.hp-adjustments .main-content-items{transition:opacity ease-out 250ms;opacity:1}.hp-adjustments.transitioning .div1,.hp-adjustments.transitioning .main-content-items{opacity:0}.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:100%}.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}}.content-layout.hp-container{width:100%;margin-top:120px;margin-bottom:120px}@media screen and (min-width: 768px) and (max-width: 992px){.content-layout.hp-container{max-width:720px;margin-left:unset;margin-top:160px;margin-bottom:160px}}@media only screen and (min-width: 1200px){.content-layout.hp-container{width:1136px}}@media only screen and (min-width: 1440px){.content-layout.hp-container{width:1200px}}.content-layout.hp-container .gap-adjustment{margin-bottom:unset}.content-layout.blog-container{padding-bottom:48px}@media only screen and (min-width: 768px){.content-layout.blog-container{padding-bottom:100px}}@media only screen and (min-width: 992px){.content-layout.blog-container{gap:43px;padding-top:75px}.content-layout.blog-container max-width-container{width:50%}.content-layout.blog-container div.desktop-media-image{width:50%}}.content-layout.blog-container .gap-adjustment{gap:var(--ptc-element-spacing-07);margin-bottom:unset}.gap-adjustment{gap:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-07)}@media only screen and (min-width: 992px){.gap-adjustment{gap:var(--ptc-element-spacing-07)}}.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}}:host(.text-jumbotron) .parent{min-height:120px;padding:48px 0 24px 0}:host(.text-jumbotron) .parent .text-adjustment{margin-bottom:0;margin-top:20px}:host(.png-jumbotron) .desktop-media-image,:host(.png-jumbotron) .mobile-media-image{position:relative}:host(.png-jumbotron) .desktop-media-image .media-image-wrapper,:host(.png-jumbotron) .mobile-media-image .media-image-wrapper{height:100%;width:100%;display:flex;align-items:center;justify-content:center}:host(.png-jumbotron) ::slotted(ptc-svg-btn){position:absolute;left:50% !important;top:50% !important;transform:translate(-50%, -50%) !important}@media only screen and (min-width: 992px){:host(.png-jumbotron) max-width-container{box-sizing:border-box;padding-right:2rem}}:host(.blog-jumbotron) #header-blog-author{display:flex;align-items:center;gap:12px;margin-bottom:var(--ptc-layout-spacing-04)}:host(.blog-jumbotron) #header-blog-author .image{width:48px;height:48px;border-radius:var(--ptc-border-radius-circle)}:host(.blog-jumbotron) #header-blog-author .image img{width:100%;height:100%;border-radius:var(--ptc-border-radius-circle);object-fit:cover;object-position:center}:host(.blog-jumbotron) .blog-author-name{color:inherit;text-decoration:none;font-size:inherit;font-weight:inherit;position:relative}:host(.blog-jumbotron) .blog-author-name:before{content:"";position:absolute;display:inline-block;width:100%;height:100%;padding:16px;margin:-16px}:host(.blog-jumbotron) .blog-author-name:hover{color:inherit;cursor:pointer;text-decoration-line:underline;text-decoration-style:solid;text-decoration-color:var(--color-green-07);text-decoration-thickness:2px;text-underline-offset:4px}:host(.blog-jumbotron) .blog-author-name:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}:host(.blog-jumbotron) .image-container{background:white}@media only screen and (min-width: 992px){:host(.blog-jumbotron) .image-container{display:none}}:host(.blog-jumbotron) .desktop-media-image,:host(.blog-jumbotron) .mobile-media-image{position:relative}:host(.blog-jumbotron) .desktop-media-image .media-image-wrapper,:host(.blog-jumbotron) .mobile-media-image .media-image-wrapper{height:100%;max-height:360px;width:100%;display:flex;align-items:center;justify-content:center}:host(.blog-jumbotron) .desktop-media-image .media-image-wrapper ptc-picture,:host(.blog-jumbotron) .mobile-media-image .media-image-wrapper ptc-picture{width:100%;border-radius:var(--ptc-border-radius-standard)}:host(.blog-jumbotron) .desktop-media-image{display:none}:host(.blog-jumbotron) .desktop-media-image ptc-picture{height:100%;max-height:360px}@media only screen and (min-width: 992px){:host(.blog-jumbotron) .desktop-media-image{display:flex;align-items:center}}:host(.blog-jumbotron) .mobile-media-image{margin:75px 24px 32px 24px;display:flex}:host(.blog-jumbotron) .mobile-media-image ptc-picture{height:360px}@media only screen and (min-width: 992px){:host(.blog-jumbotron) .mobile-media-image{display:none}}.dl-img-wrap{position:relative;width:100%;height:100%}:host(.dark-video-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn),:host(.light-video-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn),:host(.light-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn),:host(.dark-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn){left:50% !important;top:50% !important;transform:translate(-50%, -50%) !important}ptc-info-tile:focus-visible{outline:3px solid var(--color-blue-07);outline-offset:2px}';export{n as ptc_jumbotron}

package/dist/ptcw-design/{p-ffb0ff97.entry.js → p-c415ab42.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,H as a,g as i}from"./p-ac75c7ad.js";const l=class{constructor(e){t(this,e),this.formData={email:"",firstName:"",lastName:"",company:"",country:"",phone:"",inquiryReason:"",howhearselfreport:"",policyChecked:!1}}componentDidLoad(){this.formButton=this.el.querySelector(".form-submit"),this.formButton.addEventListener("click",this.handleSubmit.bind(this)),this.emailEle=this.el.querySelector('ptc-textfield[field-id="contact-email"]'),this.firstNameEle=this.el.querySelector('ptc-textfield[field-id="contact-firstname"]'),this.lastNameEle=this.el.querySelector('ptc-textfield[field-id="contact-lastname"]'),this.companyEle=this.el.querySelector('ptc-textfield[field-id="company"]'),this.phoneEle=this.el.querySelector('ptc-textfield[field-id="contact-phone"]')}handleInputChange(t,e){this.formData=Object.assign(Object.assign({},this.formData),{[t]:e})}handleSubmit(t){if(t.preventDefault(),this.formData.email=this.emailEle.inputValue,this.formData.firstName=this.firstNameEle.inputValue,this.formData.lastName=this.lastNameEle.inputValue,this.formData.company=this.companyEle.inputValue,this.formData.phone=this.phoneEle.inputValue,this.isValid()){const t=new CustomEvent("formSubmit",{detail:this.formData,bubbles:!0});this.el.dispatchEvent(t),console.log("Form Submitted: "+this.formData)}else console.log("Form validation failed"),console.log("Form Submitted: "+this.formData.email,this.formData.firstName,this.formData.lastName,this.formData.company,this.formData.phone)}isValid(){const{email:t,firstName:e,lastName:a,company:i,country:l,phone:s,inquiryReason:c,howhearselfreport:n,policyChecked:o}=this.formData,m=document.querySelectorAll(".invalid-field").length;return""!==t&&""!==s&&""!==e&&""!==a&&""!==i&&""!==l&&""!==c&&""!=n&&o&&0===m}render(){return e(a,null,e("div",{class:"ptc-container ptc-section-standard u-flex u-flex-justify-center"},e("div",{class:"form-wrapper"},e("max-width-container",{"max-width":"277",breakpoint:480},e("ptc-title",{type:"h2","text-align":"center","title-size":"x-small","title-color":"gray",upperline:"no-upperline","title-display":"inline-block","title-height":"densest","title-margin":"margin-flush","title-weight":"w-6","is-plm-hub":"false"},"Please fill out the form and a PTC sales representative will be in touch."),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"small",size:"small"})),e("form",{onSubmit:t=>this.handleSubmit(t)},e("ptc-label",{class:"ptc-label"},"Your Information"),e("ptc-textfield",{"field-id":"contact-firstname","label-text":"First Name*",type:"text","ptc-data-eloqua-name":"C_FirstName","field-name":"firstname"}),e("ptc-textfield",{"field-id":"contact-lastname","label-text":"Last Name*",type:"text","ptc-data-eloqua-name":"C_LastName","field-name":"lastname"}),e("ptc-textfield",{"field-id":"contact-email","label-text":"Email*",type:"email","alert-text":"Minimum Age Required","alert-text-content":"If you are under the age of 14 years old, you must use your parent/guardian email address.","ptc-data-eloqua-name":"C_EmailAddress","field-name":"email"}),e("ptc-textfield",{"field-id":"confirm-email","label-text":"Confirm your Email*",type:"email","ptc-data-eloqua-name":"emailconfirmation","field-name":"confirm-email","custom-validation":"Email addresses must match."}),e("ptc-textfield",{"field-id":"contact-phone","label-text":"Phone*",type:"tel","ptc-data-eloqua-name":"C_BusPhone","field-name":"phone"}),e("ptc-textfield",{"field-id":"contact-city","label-text":"City*",type:"text","ptc-data-eloqua-name":"C_City","field-name":"contact-city"}),e("ptc-textfield",{"field-id":"contact-zipcode","label-text":"Zip Code*",type:"text","ptc-data-eloqua-name":"C_Zip_Postal","field-name":"zipcode-field"}),e("ptc-select",{"field-id":"contact-country",label:"Country*","ptc-data-eloqua-name":"C_Country","field-name":"country"},e("ul",{class:"mdc-list"},e("li",{class:"mdc-list-item","data-value":""},e("span",{class:"mdc-list-item__ripple"})),e("li",{class:"mdc-list-item","data-value":"USA"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"USA")),e("li",{class:"mdc-list-item","data-value":"Canada"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Canada")),e("li",{class:"mdc-list-item","data-value":"China"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"China")))),e("ptc-label",{class:"ptc-label"},"School Information"),e("ptc-textfield",{"field-id":"institution","label-text":"School/Institution Name*",type:"text","ptc-data-eloqua-name":"C_Company","field-name":"institution"}),e("ptc-textfield",{"field-id":"contact-email","label-text":"School Level*",type:"email","ptc-data-eloqua-name":"C_EmailAddress","field-name":"email"}),e("ptc-textfield",{"field-id":"contact-email","label-text":"Student Level*",type:"email","ptc-data-eloqua-name":"gradeLevel1","field-name":"email"}),e("ptc-select",{"field-id":"academic-description",label:"Role of User*","ptc-data-eloqua-name":"description1","field-name":"academic-description"},e("ul",{class:"mdc-list"},e("li",{class:"mdc-list-item","data-value":""},e("span",{class:"mdc-list-item__ripple"})),e("li",{class:"mdc-list-item","data-value":"USA"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"K-12 educator")),e("li",{class:"mdc-list-item","data-value":"Canada"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Professor")),e("li",{class:"mdc-list-item","data-value":"China"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"K-12 student")))),e("ptc-textfield",{"field-id":"contact-city","label-text":"Purpose of use*",type:"text","ptc-data-eloqua-name":"C_City","field-name":"contact-city"}),e("ptc-textfield",{"field-id":"academic-ofComputers","label-text":"How many computers are you planning to install this software on?*",type:"text","ptc-data-eloqua-name":"ofComputers1","field-name":"academic-ofComputers"}),e("ptc-form-checkbox",{label:"I acknowledge that my personal details will be processed in accordance with PTC’s privacy policy and that they may be shared with PTC Inc’s subsidiaries for\r\n               the promotion of PTC’s products and associated services. ","checkbox-id":"test"}),e("ptc-button",{class:"form-submit",color:"ptc-quaternary",type:"submit",styles:":host{align-self:flex-end; margin-top: 48px; display:block; float: right; width: fit-content;}"},"Submit")))))}get el(){return i(this)}};l.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}.form-wrapper{width:433px;display:flex;border-radius:3px;background:#FFF;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.16);flex-direction:column;align-items:center;padding:24px 0px}.form-wrapper>form{max-width:277px}.form-wrapper>ptc-button{align-items:center}.form-wrapper .ptc-label{display:block;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:normal;margin-bottom:var(--ptc-element-spacing-04);position:relative;z-index:1;color:var(--color-gray-13)}";export{l as academic_form_test}
+import{r as t,h as e,H as a,a as i}from"./p-944c5be8.js";const l=class{constructor(e){t(this,e),this.formData={email:"",firstName:"",lastName:"",company:"",country:"",phone:"",inquiryReason:"",howhearselfreport:"",policyChecked:!1}}componentDidLoad(){this.formButton=this.el.querySelector(".form-submit"),this.formButton.addEventListener("click",this.handleSubmit.bind(this)),this.emailEle=this.el.querySelector('ptc-textfield[field-id="contact-email"]'),this.firstNameEle=this.el.querySelector('ptc-textfield[field-id="contact-firstname"]'),this.lastNameEle=this.el.querySelector('ptc-textfield[field-id="contact-lastname"]'),this.companyEle=this.el.querySelector('ptc-textfield[field-id="company"]'),this.phoneEle=this.el.querySelector('ptc-textfield[field-id="contact-phone"]')}handleInputChange(t,e){this.formData=Object.assign(Object.assign({},this.formData),{[t]:e})}handleSubmit(t){if(t.preventDefault(),this.formData.email=this.emailEle.inputValue,this.formData.firstName=this.firstNameEle.inputValue,this.formData.lastName=this.lastNameEle.inputValue,this.formData.company=this.companyEle.inputValue,this.formData.phone=this.phoneEle.inputValue,this.isValid()){const t=new CustomEvent("formSubmit",{detail:this.formData,bubbles:!0});this.el.dispatchEvent(t),console.log("Form Submitted: "+this.formData)}else console.log("Form validation failed"),console.log("Form Submitted: "+this.formData.email,this.formData.firstName,this.formData.lastName,this.formData.company,this.formData.phone)}isValid(){const{email:t,firstName:e,lastName:a,company:i,country:l,phone:s,inquiryReason:c,howhearselfreport:n,policyChecked:o}=this.formData,m=document.querySelectorAll(".invalid-field").length;return""!==t&&""!==s&&""!==e&&""!==a&&""!==i&&""!==l&&""!==c&&""!=n&&o&&0===m}render(){return e(a,null,e("div",{class:"ptc-container ptc-section-standard u-flex u-flex-justify-center"},e("div",{class:"form-wrapper"},e("max-width-container",{"max-width":"277",breakpoint:480},e("ptc-title",{type:"h2","text-align":"center","title-size":"x-small","title-color":"gray",upperline:"no-upperline","title-display":"inline-block","title-height":"densest","title-margin":"margin-flush","title-weight":"w-6","is-plm-hub":"false"},"Please fill out the form and a PTC sales representative will be in touch."),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"small",size:"small"})),e("form",{onSubmit:t=>this.handleSubmit(t)},e("ptc-label",{class:"ptc-label"},"Your Information"),e("ptc-textfield",{"field-id":"contact-firstname","label-text":"First Name*",type:"text","ptc-data-eloqua-name":"C_FirstName","field-name":"firstname"}),e("ptc-textfield",{"field-id":"contact-lastname","label-text":"Last Name*",type:"text","ptc-data-eloqua-name":"C_LastName","field-name":"lastname"}),e("ptc-textfield",{"field-id":"contact-email","label-text":"Email*",type:"email","alert-text":"Minimum Age Required","alert-text-content":"If you are under the age of 14 years old, you must use your parent/guardian email address.","ptc-data-eloqua-name":"C_EmailAddress","field-name":"email"}),e("ptc-textfield",{"field-id":"confirm-email","label-text":"Confirm your Email*",type:"email","ptc-data-eloqua-name":"emailconfirmation","field-name":"confirm-email","custom-validation":"Email addresses must match."}),e("ptc-textfield",{"field-id":"contact-phone","label-text":"Phone*",type:"tel","ptc-data-eloqua-name":"C_BusPhone","field-name":"phone"}),e("ptc-textfield",{"field-id":"contact-city","label-text":"City*",type:"text","ptc-data-eloqua-name":"C_City","field-name":"contact-city"}),e("ptc-textfield",{"field-id":"contact-zipcode","label-text":"Zip Code*",type:"text","ptc-data-eloqua-name":"C_Zip_Postal","field-name":"zipcode-field"}),e("ptc-select",{"field-id":"contact-country",label:"Country*","ptc-data-eloqua-name":"C_Country","field-name":"country"},e("ul",{class:"mdc-list"},e("li",{class:"mdc-list-item","data-value":""},e("span",{class:"mdc-list-item__ripple"})),e("li",{class:"mdc-list-item","data-value":"USA"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"USA")),e("li",{class:"mdc-list-item","data-value":"Canada"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Canada")),e("li",{class:"mdc-list-item","data-value":"China"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"China")))),e("ptc-label",{class:"ptc-label"},"School Information"),e("ptc-textfield",{"field-id":"institution","label-text":"School/Institution Name*",type:"text","ptc-data-eloqua-name":"C_Company","field-name":"institution"}),e("ptc-textfield",{"field-id":"contact-email","label-text":"School Level*",type:"email","ptc-data-eloqua-name":"C_EmailAddress","field-name":"email"}),e("ptc-textfield",{"field-id":"contact-email","label-text":"Student Level*",type:"email","ptc-data-eloqua-name":"gradeLevel1","field-name":"email"}),e("ptc-select",{"field-id":"academic-description",label:"Role of User*","ptc-data-eloqua-name":"description1","field-name":"academic-description"},e("ul",{class:"mdc-list"},e("li",{class:"mdc-list-item","data-value":""},e("span",{class:"mdc-list-item__ripple"})),e("li",{class:"mdc-list-item","data-value":"USA"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"K-12 educator")),e("li",{class:"mdc-list-item","data-value":"Canada"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"Professor")),e("li",{class:"mdc-list-item","data-value":"China"},e("span",{class:"mdc-list-item__ripple"}),e("span",{class:"mdc-list-item__text"},"K-12 student")))),e("ptc-textfield",{"field-id":"contact-city","label-text":"Purpose of use*",type:"text","ptc-data-eloqua-name":"C_City","field-name":"contact-city"}),e("ptc-textfield",{"field-id":"academic-ofComputers","label-text":"How many computers are you planning to install this software on?*",type:"text","ptc-data-eloqua-name":"ofComputers1","field-name":"academic-ofComputers"}),e("ptc-form-checkbox",{label:"I acknowledge that my personal details will be processed in accordance with PTC’s privacy policy and that they may be shared with PTC Inc’s subsidiaries for\r\n               the promotion of PTC’s products and associated services. ","checkbox-id":"test"}),e("ptc-button",{class:"form-submit",color:"ptc-quaternary",type:"submit",styles:":host{align-self:flex-end; margin-top: 48px; display:block; float: right; width: fit-content;}"},"Submit")))))}get el(){return i(this)}};l.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}.form-wrapper{width:433px;display:flex;border-radius:3px;background:#FFF;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.16);flex-direction:column;align-items:center;padding:24px 0px}.form-wrapper>form{max-width:277px}.form-wrapper>ptc-button{align-items:center}.form-wrapper .ptc-label{display:block;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:normal;margin-bottom:var(--ptc-element-spacing-04);position:relative;z-index:1;color:var(--color-gray-13)}";export{l as academic_form_test}