@ptcwebops/ptcw-design 6.3.28 → 6.3.29-beta

package/dist/ptcw-design/p-5245be70.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i,H as e,g as n}from"./p-ac75c7ad.js";import{c as a}from"./p-0b33279e.js";const o=class{constructor(i){t(this,i),this.setScreenBasedProps=()=>{let t=window.innerWidth,i={contentContainerMargin:void 0,contentCards:void 0,parahFontSize:void 0};t>=2600||t>=1980?(i.contentCards=3,i.parahFontSize="xx-small"):t>=1440||t>=1200||t>=992?(i.contentCards=2,i.parahFontSize="xx-small"):t>=768?(i.contentCards=2,i.parahFontSize="xxx-small"):(i.contentCards=1,i.parahFontSize="xxx-small"),this.screenBasedProps=Object.assign({},i)},this.handlePrevClick=()=>{var t,i;let e=null===(t=this.el)||void 0===t?void 0:t.shadowRoot.querySelector(".content-container"),n=window.getComputedStyle(e).marginLeft,a=Number(n.substring(0,n.length-2)),o=null===(i=this.el)||void 0===i?void 0:i.shadowRoot.querySelectorAll(".content");this.cardInView>0&&(this.cardInView-=1,e.scrollTo({left:o[this.cardInView].offsetLeft-a,behavior:"smooth"}))},this.handleNextClick=()=>{var t,i;let e=null===(t=this.el)||void 0===t?void 0:t.shadowRoot.querySelector(".content-container"),n=window.getComputedStyle(e).marginLeft,a=Number(n.substring(0,n.length-2)),o=null===(i=this.el)||void 0===i?void 0:i.shadowRoot.querySelectorAll(".content");this.cardInView<o.length-this.screenBasedProps.contentCards&&(this.cardInView+=1,e.scrollTo({left:o[this.cardInView].offsetLeft-a,behavior:"smooth"}))},this.handleOnScrollBehaviour=()=>{if(this.closed)this.focusTrap&&(this.focusTrap.deactivate(),this.focusTrap=void 0);else{let t=window.innerHeight||(document.documentElement||document.body).clientHeight,i=Math.max(document.body.scrollHeight,document.documentElement.scrollHeight,document.body.offsetHeight,document.documentElement.offsetHeight,document.body.clientHeight,document.documentElement.clientHeight),e=window.scrollY||(document.documentElement||document.body).scrollTop;Math.floor(e/(i-t)*100)>=50?(this.el.style.display="block",this.focusTrap||(this.focusTrap=a(this.el,{escapeDeactivates:!0,returnFocusOnDeactivate:!0,setReturnFocus:"#last-focus",onActivate:()=>{this.openedByKeyboard||this.focusTrap.pause()},onDeactivate:()=>{console.log("Hello~~~ onDeactivate"),setTimeout((()=>{this.closed=!0}),0)},tabbableOptions:{getShadowRoot:!0}}),this.openedByKeyboard&&!1===this.closed&&this.focusTrap.activate())):(this.focusTrap&&!0===this.closed&&(this.focusTrap.deactivate(),this.focusTrap=void 0),this.el.style.display="none");let n=this.el.shadowRoot.querySelector(".card-rail-container"),o=document.querySelector(this.footerQuerySelector);if(o){let t=o.getBoundingClientRect().top,i=window.innerHeight;t<=i&&(n.style.bottom=i-t+132+"px")}}},this.handleOnResizeBehaviour=()=>{var t,i;this.setScreenBasedProps();let e=null===(t=this.el)||void 0===t?void 0:t.shadowRoot.querySelector(".content-container"),n=window.getComputedStyle(e).marginLeft,a=Number(n.substring(0,n.length-2)),o=null===(i=this.el)||void 0===i?void 0:i.shadowRoot.querySelectorAll(".content");e.scrollTo({left:o[0].offsetLeft-a}),this.cardInView=0},this.handleKeyPress=t=>{"Enter"!==t.key&&" "!==t.key&&"Tab"!==t.key||(this.openedByKeyboard=!0,this.focusTrap&&!0===this.closed&&(this.focusTrap.deactivate(),this.focusTrap=void 0,console.log("flag")))},this.handleMouseDown=()=>{this.openedByKeyboard=!1},this.footerQuerySelector=void 0,this.railTitle="Read More Case Studies",this.closed=!1,this.cardInView=0,this.data=[],this.screenBasedProps={contentContainerMargin:void 0,contentCards:void 0,parahFontSize:void 0},this.openedByKeyboard=!1}handleKeyClose(t){"Enter"!==t.key&&"Esc"!==t.key||(t.preventDefault(),this.focusTrap?this.focusTrap.deactivate():this.closed=!0)}connectedCallback(){document.addEventListener("keydown",this.handleKeyPress,!0),document.addEventListener("mousedown",this.handleMouseDown,!0)}componentWillLoad(){const t=this.el.querySelectorAll('[slot^="related-card-"]');for(let i in t){let e=t[i];if("DIV"===e.tagName){let t={image:void 0,text:void 0,href:void 0,altText:void 0},i=e.querySelector("img"),n=e.querySelector("a");t.image=i.getAttribute("src"),t.altText=i.getAttribute("alt"),t.text=n.innerText,t.href=n.getAttribute("href"),this.data.push(t),e.remove()}}this.handleOnScrollBehaviour()}componentDidLoad(){this.setScreenBasedProps(),window.addEventListener("scroll",this.handleOnScrollBehaviour),window.addEventListener("resize",this.handleOnResizeBehaviour)}disconnectedCallback(){document.removeEventListener("keydown",this.handleKeyPress,!0),document.removeEventListener("mousedown",this.handleMouseDown,!0),this.focusTrap&&(this.focusTrap.deactivate(),this.focusTrap=void 0)}render(){return this.closed?null:i(e,null,i("div",{class:"card-rail-container",id:"card-rail-reveal-tag"},i("div",{class:"card-rail-header"},i("div",{class:"card-rail-heading"},i("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"x-small","font-weight":"w-7","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-normal","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},this.railTitle)),i("div",{ref:t=>this.targetElement=t,id:"card-rail-close",class:"card-rail-close mf-listen",onKeyDown:t=>this.handleKeyClose(t),onClick:()=>{this.focusTrap?this.focusTrap.deactivate():this.closed=!0},tabindex:"0"},i("icon-asset",{type:"ptc",size:"xx-small",name:"times",color:"gray"}))),i("div",{class:"card-rail-content"},i("icon-asset",{id:"left-arrow",class:"mf-listen",type:"ptc",size:"small",name:"previous_button_arrow",color:"gray",onClick:this.handlePrevClick}),i("icon-asset",{id:"right-arrow",class:"mf-listen",type:"ptc",size:"small",name:"next_button_arrow",color:"gray",onClick:this.handleNextClick}),i("div",{class:"content-container"},this.data.map(((t,e)=>i("div",{class:"content mf-listen",id:`card-rail-content-${e}`,onKeyDown:i=>{"Enter"===i.key&&window.open(t.href)},onClick:()=>{window.open(t.href)},tabindex:"0"},i("div",{class:"content-image"},i("img",{alt:t.altText,src:t.image})),i("div",{class:"content-text"},i("ptc-para",{"ellipsis-line-cutoff":"3","font-size":this.screenBasedProps.parahFontSize,"font-weight":"w-6","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},t.text)))))))))}get el(){return n(this)}};o.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;}:host .card-rail-container{position:fixed;bottom:132px;left:24px;width:calc(100vw - 48px);background:white;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-small);box-sizing:border-box;z-index:50}:host .card-rail-header{display:flex;justify-content:space-between;border-bottom:var(--color-gray-02) solid 1px}:host .card-rail-heading{margin:12px 0 12px 16px}:host .card-rail-close{padding:15px;cursor:pointer}:host .card-rail-close:focus-visible{outline:5px solid var(--keyboard-nav-outline) !important;border-radius:var(--ptc-border-radius-standard) !important}:host .card-rail-content{display:flex;align-items:center}:host .card-rail-content icon-asset{position:absolute;z-index:55px;padding:13px;}:host .card-rail-content icon-asset#left-arrow{left:3px;cursor:pointer}:host .card-rail-content icon-asset#right-arrow{right:3px;cursor:pointer}:host .card-rail-content .content-container{margin:24px 50px 24px 50px;display:flex;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;}:host .card-rail-content .content-container::-webkit-scrollbar{display:none}:host .card-rail-content .content-container .content{flex:1 0 calc(100% - 10px);display:flex;padding:5px}:host .card-rail-content .content-container .content:hover{cursor:pointer}:host .card-rail-content .content-container .content:focus-visible{outline:5px solid var(--keyboard-nav-outline) !important;border-radius:var(--ptc-border-radius-standard) !important;outline-offset:-5px}:host .card-rail-content .content-container .content .content-image{width:130px;height:73px;text-align:center}:host .card-rail-content .content-container .content .content-image img{width:100%;height:100%;object-fit:cover}:host .card-rail-content .content-container .content .content-text{flex:1;padding-left:12px}@media only screen and (min-width: 768px){:host .card-rail-container .card-rail-content icon-asset#left-arrow{left:11px}:host .card-rail-container .card-rail-content icon-asset#right-arrow{right:11px}:host .card-rail-container .card-rail-content .content-container{margin:24px 66px 24px 66px;}:host .card-rail-container .card-rail-content .content-container .content{flex:1 0 50%}:host .card-rail-container .card-rail-content .content-container .content .content-text{padding-right:16px}}@media only screen and (min-width: 992px){:host .card-rail-container .card-rail-content icon-asset#left-arrow{left:19px;}:host .card-rail-container .card-rail-content icon-asset#right-arrow{right:19px}:host .card-rail-container .card-rail-content .content-container{margin:24px 82px 24px 82px;}}@media only screen and (min-width: 1200px){:host .card-rail-container{left:134px;width:calc(100vw - 268px)}}@media only screen and (min-width: 1440px){:host .card-rail-container{left:32px;width:932px}}@media only screen and (min-width: 1600px){:host .card-rail-container{left:32px;width:1328px}:host .card-rail-container .card-rail-content .content-container .content{flex:1 0 33.33%}}";export{o as ptc_related_card_rail}

package/dist/ptcw-design/p-5311c6e1.entry.js

@@ -0,0 +1 @@
+import{r as o,c as a,h as t,H as i,g as e}from"./p-ac75c7ad.js";const r=class{constructor(t){o(this,t),this.readMoreTrigger=a(this,"readMoreTrigger",7),this.displayText=a(this,"displayText",7),this.maxCharacters=100,this.readMoreText="Read More",this.readLessText="Read Less",this.maxLines=void 0,this.contentStyles=void 0,this.trackerId="",this.expanded=!1,this.fullText="",this.truncated=!1}componentWillLoad(){requestAnimationFrame((()=>{let o=this.el.shadowRoot.querySelector("slot");this.processText(o)}))}slotChangeHandler(o){this.processText(o.target)}parseStyles(o){return o.split(";").reduce(((o,a)=>{const[t,i]=a.split(":").map((o=>o.trim()));return t&&i&&(o[t]=i),o}),{})}processText(o){if(o){const a=o.assignedNodes({flatten:!0});this.fullText=a.map((o=>o.textContent)).join("").trim(),this.maxLines?this.truncateByLines():this.fullText.length>this.maxCharacters&&(this.truncated=!0)}this.displayText.emit(this.truncated)}truncateByLines(){const o=document.createElement("p");o.style.visibility="hidden",o.style.position="fixed",o.innerText=this.fullText,document.body.appendChild(o);const a=parseFloat(window.getComputedStyle(o).lineHeight)*this.maxLines;o.style.maxHeight=`${a}px`,o.style.overflow="hidden",o.scrollHeight>a&&(this.truncated=!0),document.body.removeChild(o)}getContent(){if(this.expanded)return this.fullText;if(this.maxLines){const o=document.createElement("p");o.style.visibility="hidden",o.style.position="fixed",o.innerText=this.fullText,document.body.appendChild(o);const a=parseFloat(window.getComputedStyle(o).lineHeight)*this.maxLines;o.style.maxHeight=`${a}px`,o.style.overflow="hidden";let t="";for(let i=0;i<this.fullText.length;i++)if(o.innerText=this.fullText.slice(0,i)+"...",o.scrollHeight>a){t=this.fullText.slice(0,i-1)+"...";break}return document.body.removeChild(o),t}return this.fullText.substring(0,this.maxCharacters)+"..."}getLabel(){return this.expanded?this.readLessText:this.readMoreText}toggleExpand(){this.expanded=!this.expanded,this.readMoreTrigger.emit(this.expanded)}handleKeyDown(o){"Enter"===o.key&&this.toggleExpand()}render(){return t(i,null,this.contentStyles&&t("style",null,this.contentStyles),t("p",{class:"description"},this.truncated?this.getContent():t("slot",null)),this.truncated?t("label",{class:"label mf-listen",onClick:()=>this.toggleExpand(),id:this.trackerId,tabindex:"0",onKeyDown:o=>this.handleKeyDown(o)},this.getLabel()):null)}get el(){return e(this)}};r.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}}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,.podcast-cta-section a,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links 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,.podcast-cta-section a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links 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,.podcast-cta-section a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links 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,.podcast-cta-section a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links 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,.podcast-cta-section a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links 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,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links 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,.podcast-cta-section a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links 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,.podcast-cta-section a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.podcast-cta-section a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.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)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block}:host .description{display:inline}:host .label{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .label::before{content:"";padding-left:8px}:host .label:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}';export{r as ptc_readmore_v3}

package/dist/ptcw-design/p-58e91cb8.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as e,H as o,g as l}from"./p-ac75c7ad.js";const a=class{constructor(e){t(this,e),this.tileClick=i(this,"tileClick",7),this.link=void 0,this.variant=void 0,this.styles=void 0,this.trackerId=void 0,this.accessibilityIndex=0}handleClick(){this.tileClick.emit()}handleKeyPress(t){if("Enter"===t.key)if(this.link){const t=this.el.shadowRoot.querySelector("a.link-press");t&&t.click()}else this.handleClick()}componentDidLoad(){this.el.addEventListener("keydown",this.handleKeyPress.bind(this))}disconnectedCallback(){this.el.removeEventListener("keydown",this.handleKeyPress.bind(this))}render(){const t=e("div",{class:"tile-content"},e("span",{class:"tile-title-span"},e("slot",{name:"tile-title"})),e("div",{class:"tile-title-desc"},e("slot",{name:"tile-description"})));return e(o,null,this.styles&&e("style",null,this.styles),e("div",{id:this.trackerId,class:`tile ${this.variant}`,onClick:()=>this.handleClick(),tabindex:this.accessibilityIndex},"image"===this.variant&&e("div",{class:"tile-image"},e("slot",{name:"tile-image"})),t,this.link&&e("a",{href:this.link,class:"link-overlay link-press",tabindex:"-1"})))}get el(){return l(this)}};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}}:host{display:block}@media screen and (min-width: 992px){:host{flex:1}}.tile{position:relative;background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard);overflow:hidden;cursor:pointer;transition:border 0.3s;max-width:360px;height:116px}.tile.image{width:299px;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:stretch;margin:0 auto;box-shadow:var(--ptc-shadow-x-large);max-width:unset;height:100%;min-height:140px}@media screen and (min-width: 992px){.tile.image{width:unset;min-width:299px}}@media screen and (min-width: 1440px){.tile.image{min-height:116px}}.tile.image .tile-image{flex:0 0 120px;display:flex;align-items:center;overflow:hidden}.tile.image .tile-content{border-top:2px solid var(--color-white);border-bottom:2px solid var(--color-white);background:#FFF;text-align:left;flex:1;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;transition:border var(--ptc-transition-medium) var(--ptc-ease-in)}.tile.image:hover .tile-content{border-bottom:2px solid var(--color-blue-06);background:var(--color-white)}.tile.image:focus .tile-content,.tile.image:active .tile-content{border-bottom:2px solid var(--color-blue-06);background:var(--color-gray-01)}.tile.text{background-color:var(--color-white);border:1px solid var(--color-gray-03);width:268px}.tile.text:hover{border:1px solid var(--color-gray-07)}.tile.text:active{background-color:var(--color-gray-01);border:1px solid var(--color-gray-07)}.tile.text:focus-visible{outline-offset:1px}@media only screen and (min-width: 992px){.tile.text{width:auto;height:auto}}.tile.text .tile-content{padding:20px}.tile .tile-title-span{margin:0}.tile .tile-title-desc{margin:4px 0 0}.tile .link-overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1}.tile .tile-content{padding:var(--ptc-element-spacing-06)}.tile .tile-content .tile-title-span{color:var(--color-blue-07);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-medium)}.tile .tile-content p{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p)}.tile:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}::slotted(img[slot=tile-image]){width:120px !important;height:100% !important;object-fit:cover;display:block;max-height:100%;position:absolute}::slotted(span[slot=tile-title]),::slotted(p[slot=tile-title]){color:var(--color-blue-07) !important;font-family:var(--ptc-font-latin) !important;font-size:var(--ptc-font-size-xx-small) !important;font-weight:var(--ptc-font-weight-medium) !important;text-align:left !important;margin:0px !important}::slotted(p[slot=tile-description]),::slotted(h2[slot=tile-description]),::slotted(h3[slot=tile-description]){color:var(--color-gray-10) !important;font-family:var(--ptc-font-latin) !important;font-size:var(--ptc-font-size-x-small) !important;font-weight:var(--ptc-font-weight-bold) !important;line-height:var(--ptc-line-height-p) !important;text-align:left !important;margin-bottom:0px !important}::slotted(h2[slot=tile-description]),::slotted(h3[slot=tile-description]){margin-top:0px !important}::slotted(p[slot=tile-title]){margin-bottom:0px !important}";export{a as ptc_info_tile}

package/dist/ptcw-design/p-5db7f70b.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as i,g as n}from"./p-ac75c7ad.js";const o=class{constructor(i){t(this,i),this.itemSelected=e(this,"itemSelected",7),this.isClickable=!0,this.isOpen=!1,this.activeItem=0}toggleMenu(){this.isOpen=!this.isOpen}selectItem(t){this.isClickable&&(this.isClickable=!1,this.activeItem=t,this.isOpen=!1,this.itemSelected.emit(t),setTimeout((()=>{this.isClickable=!0}),500))}render(){const t=i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"11",viewBox:"0 0 15 11",fill:"none"},i("path",{d:"M13 8.5L7.34315 2.71178L1.68629 8.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"})),e=i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"11",viewBox:"0 0 15 11",fill:"none"},i("path",{d:"M13 2.5L7.34315 8.28822L1.68629 2.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"})),n=Array.from(this.el.querySelectorAll('[slot^="menu-item"]'));return i("nav",{class:"menu"},i("div",{class:"mobile-menu-icon",onClick:()=>this.toggleMenu(),onKeyPress:()=>this.toggleMenu(),tabindex:"0"},i("span",{class:"mobile-menu-text"},n[this.activeItem].textContent),i("span",null,this.isOpen?t:e)),i("ul",{class:"menu-list "+(this.isOpen?"open":"")},n.map(((t,e)=>i("li",{key:e,id:`hp-tab-${e}`,class:this.activeItem===e?"active":""},i("button",{onClick:()=>this.selectItem(e)},t.textContent))))))}get el(){return n(this)}};o.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}}.menu{display:block;background-color:transparent;color:black;position:relative}.menu-list{list-style:none;margin:0;padding:var(--ptc-element-spacing-03) 0;display:none;flex-direction:column;background-color:white;width:250px;position:absolute;top:40px;left:0;margin-top:var(--ptc-element-spacing-04);box-shadow:var(--ptc-shadow-x-small);border-radius:var(--ptc-border-radius-standard)}.menu-list.open{display:flex}.menu-list li{margin:0}.menu-list .active button{font-weight:var(--ptc-font-weight-bold)}.menu-list .active button::after{opacity:1}.menu-list button{color:var(--color-gray-10);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);text-decoration:none;border:2px solid transparent;background:none;cursor:pointer;line-height:var(--ptc-line-height-p);position:relative;text-align:left;width:100%;padding:var(--ptc-element-spacing-03) var(--ptc-element-spacing-06);font-family:var(--ptc-font-latin)}.menu-list button::after{content:"";display:block;width:2px;height:calc(100% - 24px);background:var(--color-green-07);transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout);opacity:0;position:absolute;top:12px;left:10px}.menu-list button:hover::after,.menu-list button:focus::after{opacity:1}.menu-list button:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.menu-list button:focus-visible::after{opacity:0}.mobile-menu-icon{display:flex;align-items:center;cursor:pointer;font-size:var(--ptc-font-size-x-small);text-align:left;padding:8px 0px;background-color:var(--color-white);border-bottom:2px solid var(--color-white);justify-content:flex-end;width:fit-content;background-color:transparent}.mobile-menu-icon:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.mobile-menu-text{color:var(--color-white);text-align:left;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);margin-right:var(--ptc-element-spacing-03)}@media (min-width: 992px){.menu{display:flex;justify-content:center;align-items:center;background-color:transparent;padding:0px;color:white;position:relative;font-family:var(--ptc-font-latin);left:0;top:0px}.menu-list{display:flex;flex-direction:row;justify-content:center;gap:32px;background-color:transparent;width:auto;position:relative;top:auto;right:auto;box-shadow:none;border-radius:0;margin-top:0px;padding-top:0px;padding-bottom:0px}.menu-list button{text-align:center;width:auto;padding:0px;font-size:16px;color:white;font-family:var(--ptc-font-latin)}.menu-list button::after{position:relative;width:100%;height:1px;transform-origin:bottom;bottom:auto;top:calc(100% + 8px);background:var(--color-white);left:0;transform:scaleY(0);transition:all var(--ptc-transition-medium) var(--ptc-ease-in)}.menu-list button:hover::after,.menu-list button:active::after{transform:scaleY(1);font-weight:var(--ptc-font-weight-bold)}.menu-list button:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.menu-list li.active button::after{height:2px;transform:scaleY(1);font-weight:var(--ptc-font-weight-bold)}.mobile-menu-icon{display:none}}';export{o as jumbotron_sub_menu}