@ptcwebops/ptcw-design 6.5.1-upgrade → 6.5.2-upgrade

package/dist/fef-stencil-v4/{p-13123885.entry.js → p-d6251556.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as a}from"./p-DUXO4XZe.js";const r=":host{display:block}:host .vp-card{display:block;position:relative;box-shadow:var(--ptc-shadow-x-large);border-radius:var(--ptc-border-radius-large);overflow:hidden;height:200px}@media only screen and (min-width: 480px){:host .vp-card{height:250px}}@media only screen and (min-width: 768px){:host .vp-card{height:300px}}@media only screen and (min-width: 992px){:host .vp-card{height:548px}}:host .vp-card .overlay{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.33);z-index:1;opacity:0;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host .vp-card .caption{position:absolute;bottom:0;left:0;width:75%;text-align:center;padding:1rem;border-radius:var(--ptc-border-radius-large);border:1px solid var(--color-white);background-color:rgba(0, 0, 0, 0.6);backdrop-filter:blur(2px);color:var(--color-white);z-index:10;display:flex;justify-content:center;align-items:center;min-height:54px}@media only screen and (min-width: 480px){:host .vp-card .caption{width:60%}}@media only screen and (min-width: 768px){:host .vp-card .caption{width:75%}}:host .vp-card .caption ptc-para{text-decoration-color:var(--color-green-06);text-decoration-line:none;text-decoration-style:initial;text-underline-offset:5px;text-decoration-thickness:2px;transition:text-decoration-line var(--ptc-transition-medium) var(--ptc-ease-inout)}:host .vp-card:hover .overlay{opacity:1}:host .vp-card:hover .caption ptc-para{text-decoration-line:underline}";const i=class{constructor(t){e(this,t)}cardHref=undefined;target="_self";rel=undefined;cardTitle;backgroundImage;render(){return t(a,{key:"eba7373200f8933c0772fd31e9029ed357c8227c"},t("a",{key:"0ea12e42c2a33d4d138b5f0d643b52d6b13d030d",href:this.cardHref,rel:this.rel,target:this.target,class:"vp-card"},t("ptc-img",{key:"87790abe2109f4bb5dc78955fa57663a9d336dee","image-type":"smart-img","img-url":this.backgroundImage,"load-mode":"lazy-bg"},t("div",{key:"1867b405f29bb402545a1dc045beb783644f1957",class:"overlay"}),t("div",{key:"f4c60d5df556fb0ec064714675055264f258243d",class:"caption"},t("ptc-para",{key:"b77a0c1d14909e1252fc873b60333695b96e35da","font-size":"small","font-weight":"w-8","para-align":"center","para-color":"primary-white","para-line-h":"line-height-p","para-margin":"margin-flush","para-z-index":"z-auto"},this.cardTitle),t("slot",{key:"266bf552899737fd7342dacfc57c240a61dcdf2c"})))))}};i.style=r;export{i as ptc_value_prop_card};
-//# sourceMappingURL=p-13123885.entry.js.map
+import{r as a,h as e,H as t}from"./p-DUXO4XZe.js";const r=":host{display:block}:host .vp-card{display:block;position:relative;box-shadow:var(--ptc-shadow-x-large);border-radius:var(--ptc-border-radius-large);overflow:hidden;height:200px}@media only screen and (min-width: 480px){:host .vp-card{height:250px}}@media only screen and (min-width: 768px){:host .vp-card{height:300px}}@media only screen and (min-width: 992px){:host .vp-card{height:548px}}:host .vp-card .overlay{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.33);z-index:1;opacity:0;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host .vp-card .caption{position:absolute;bottom:0;left:0;width:75%;text-align:center;padding:1rem;border-radius:var(--ptc-border-radius-large);border:1px solid var(--color-white);background-color:rgba(0, 0, 0, 0.6);backdrop-filter:blur(2px);color:var(--color-white);z-index:10;display:flex;justify-content:center;align-items:center;min-height:54px}@media only screen and (min-width: 480px){:host .vp-card .caption{width:60%}}@media only screen and (min-width: 768px){:host .vp-card .caption{width:75%}}:host .vp-card .caption ptc-para{text-decoration-color:var(--color-green-06);text-decoration-line:none;text-decoration-style:initial;text-underline-offset:5px;text-decoration-thickness:2px;transition:text-decoration-line var(--ptc-transition-medium) var(--ptc-ease-inout)}:host .vp-card:hover .overlay{opacity:1}:host .vp-card:hover .caption ptc-para{text-decoration-line:underline}";const i=class{constructor(e){a(this,e)}cardHref=undefined;target="_self";rel=undefined;cardTitle;backgroundImage;render(){return e(t,{key:"9adc46f505a36c21f6c5b35bf6c364c44a6ef39a"},e("a",{key:"ec64000560a072aeb88c9f29e662e44777205c0a",href:this.cardHref,rel:this.rel,target:this.target,class:"vp-card"},e("ptc-img",{key:"c8d3031c21b3eb86000acdfc6304a7897f30151b","image-type":"smart-img","img-url":this.backgroundImage,"load-mode":"lazy-bg"},e("div",{key:"5a9b2d089d68aac10f771a55727e15d318bf1de4",class:"overlay"}),e("div",{key:"c68b28adf763136c5a7a8027d06f7940f1c4a2eb",class:"caption"},e("ptc-para",{key:"d0752d9e48481dfb46712d55d4d18542bdda9d81","font-size":"small","font-weight":"w-8","para-align":"center","para-color":"primary-white","para-line-h":"line-height-p","para-margin":"margin-flush","para-z-index":"z-auto"},this.cardTitle),e("slot",{key:"b43f9edbe83f1da557d5d0c93eb15b1213351dc7"})))))}};i.style=r;export{i as ptc_value_prop_card};
+//# sourceMappingURL=p-d6251556.entry.js.map

package/dist/fef-stencil-v4/{p-48659e3c.entry.js → p-db7d2be7.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,a as i,h as a,H as s,d as n}from"./p-DUXO4XZe.js";const d=':host{display:block}:host(.sequential) .card-wrapper{position:relative;cursor:pointer;outline:none}:host(.sequential) .card-wrapper:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline);z-index:1}:host(.sequential) .card{background-color:var(--color-gray-12);overflow:hidden}:host(.sequential) .card.hide{display:none}:host(.sequential) .card.show{display:block}:host(.sequential) .card-mobile,:host(.sequential) .card-dt-open{display:block}:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{display:flex;flex-basis:38%;justify-content:flex-start;align-items:center;padding:var(--ptc-element-spacing-06)}@media only screen and (min-width: 1200px){:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{height:unset;flex:0 0 310px}}:host(.sequential) .card-mobile ptc-picture,:host(.sequential) .card-dt-open ptc-picture{flex:1 1 auto}:host(.sequential) .card-mobile .card-title h3,:host(.sequential) .card-dt-open .card-title h3{color:var(--color-white);font-size:var(--ptc-font-size-medium);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:0rem;margin-block-start:0rem;letter-spacing:var(--ptc-letter-spacing-normal)}@media only screen and (min-width: 768px){:host(.sequential) .card-mobile .card-title h3,:host(.sequential) .card-dt-open .card-title h3{font-size:var(--ptc-font-size-large)}}:host(.sequential) .card-mobile .card-content,:host(.sequential) .card-dt-open .card-content{margin-top:var(--ptc-element-spacing-03)}:host(.sequential) .card-mobile{max-width:320px;min-width:226px;position:relative}@media only screen and (min-width: 480px){:host(.sequential) .card-mobile{max-width:350px}}:host(.sequential) .card-mobile::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:5px;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-out);background-color:transparent}:host(.sequential) .card-mobile ptc-card-content{align-items:flex-start}:host(.sequential) .card-dt-closed{width:135px;height:424px;position:relative}:host(.sequential) .card-dt-closed .closed-content{position:absolute;width:100%;height:100%;top:0;display:flex;align-items:center;justify-content:center}:host(.sequential) .card-dt-closed .card-title{text-align:center}:host(.sequential) .card-dt-closed .card-title h2{color:var(--color-white);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:0rem;margin-block-start:0rem;letter-spacing:var(--ptc-letter-spacing-normal);padding-left:var(--ptc-element-spacing-02);padding-right:var(--ptc-element-spacing-02)}@media only screen and (min-width: 1440px){:host(.sequential) .card-dt-closed .card-title h2{font-size:var(--ptc-font-size-small)}}:host(.sequential) .card-dt-open{border-top:5px solid var(--color-green-05);display:flex;max-width:790px;transition:width var(--ptc-transition-x-fast) var(--ptc-ease-out)}@media only screen and (min-width: 1440px){:host(.sequential) .card-dt-open{max-width:825px}}:host(.sequential) .card-dt-open:not([hidden]){height:480px}@media only screen and (min-width: 1200px){:host(.sequential) .card-dt-open:not([hidden]){min-width:600px}}:host(.sequential):host(.active) .card-mobile::before{background-color:var(--color-green-05)}';const r=class{constructor(i){t(this,i);this.cardOpened=e(this,"cardOpened")}get el(){return i(this)}cardType="sequential";cardTitle="Card Title Goes Here";cardImgSrc;cardImgAlt;cardScreen="desktop";isExpanded=false;overlayExists=true;styles;trackerId;cardOpened;componentDidLoad(){this.el.addEventListener("mouseenter",(()=>this.overlayExists=false));this.el.addEventListener("mouseleave",(()=>this.overlayExists=true))}openCard=()=>{if(!this.isExpanded){this.isExpanded=true;this.cardOpened.emit(this.trackerId)}};handleKeyDown=t=>{switch(t.key){case"Enter":this.openCard();break}};handleCardOpened(t){const e=t.detail;if(e!==this.trackerId&&this.isExpanded){this.isExpanded=false}}async focusCardWrapper(){const t=this.el.querySelector(".card-wrapper");if(t){t.focus()}}getCssClassMap(){return{[this.cardType]:true}}render(){const t=this.getCssClassMap();return a(s,{key:"9ec99cd89678a4fb713cf2037e3d3041112b2e6d",class:t},this.styles&&a("style",{key:"ae00ecd4083ed5050f4a2a78c9685d47d773975a"},this.styles),a("div",{key:"3bff11ee3379e6c25168a305fbb14a40bf389eca",class:"card-wrapper mf-listen",role:"button",tabindex:"0","aria-expanded":this.isExpanded,onClick:this.openCard,onKeyDown:this.handleKeyDown},this.cardScreen==="mobile"?a("div",{class:"card card-mobile mf-listen",id:this.trackerId},a("ptc-picture",{height:"287","is-full-width":true,alt:this.cardImgAlt,src:this.cardImgSrc}),a("ptc-card-content",{"card-type":"card-dynamic",styles:":host(.card-dynamic){height: auto;}"},a("div",{class:"card-title"},a("h3",null,this.cardTitle)),a("div",{class:"card-content"},a("slot",null)))):a("div",null,a("div",{...!this.isExpanded&&{hidden:"until-found"},onBeforeMatch:this.openCard.bind(this),class:`card mf-listen ${this.isExpanded&&"card-dt-open"}`,id:this.trackerId},a("ptc-card-content",{"card-type":"card-dynamic"},a("div",{class:"card-title"},a("h3",null,this.cardTitle)),a("div",{class:"card-content"},a("slot",null))),a("ptc-picture",{alt:this.cardImgAlt,src:this.cardImgSrc,"is-full-width":"true","is-full-height":"true","image-alignment":"center"})),a("div",{class:`card card-dt-closed mf-listen ${this.isExpanded?"hide":"show"}`,id:this.trackerId},a("ptc-picture",{alt:this.cardImgAlt,src:this.cardImgSrc,"image-position":"relative","is-full-width":true,height:"424"},this.overlayExists?a("ptc-overlay",{"filter-color":"solid-black-1"}):a("ptc-overlay",{"filter-color":"solid-black-2"})),a("div",{class:"closed-content","card-type":"card-dynamic"},a("div",{class:"card-title"},a("h2",null,this.cardTitle)))))),this.cardScreen==="desktop"&&a("div",{key:"37ee0254c46a178f3c58d3110d3200d6d102effd",hidden:true},a("svg",{key:"222dd13150866b3da59d5f745ee3073ba3d30caa"},a("use",{key:"1a8c5e98c115bee91ef863c63d73ab877c0cd503",href:`${this.dotSvg}`}))))}dotSvg=n("./media/nav-active-dotslick.svg");static get assetsDirs(){return["media"]}};r.style=d;export{r as ptc_dynamic_card};
-//# sourceMappingURL=p-48659e3c.entry.js.map
+import{r as t,c as e,a as i,h as a,H as s,d as n}from"./p-DUXO4XZe.js";const c=':host{display:block}:host(.sequential) .card-wrapper{position:relative;cursor:pointer;outline:none}:host(.sequential) .card-wrapper:focus-visible{transition:none;border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline);z-index:1}:host(.sequential) .card{background-color:var(--color-gray-12);overflow:hidden}:host(.sequential) .card.hide{display:none}:host(.sequential) .card.show{display:block}:host(.sequential) .card-mobile,:host(.sequential) .card-dt-open{display:block}:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{display:flex;flex-basis:38%;justify-content:flex-start;align-items:center;padding:var(--ptc-element-spacing-06)}@media only screen and (min-width: 1200px){:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{height:unset;flex:0 0 310px}}:host(.sequential) .card-mobile ptc-picture,:host(.sequential) .card-dt-open ptc-picture{flex:1 1 auto}:host(.sequential) .card-mobile .card-title h3,:host(.sequential) .card-dt-open .card-title h3{color:var(--color-white);font-size:var(--ptc-font-size-medium);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:0rem;margin-block-start:0rem;letter-spacing:var(--ptc-letter-spacing-normal)}@media only screen and (min-width: 768px){:host(.sequential) .card-mobile .card-title h3,:host(.sequential) .card-dt-open .card-title h3{font-size:var(--ptc-font-size-large)}}:host(.sequential) .card-mobile .card-content,:host(.sequential) .card-dt-open .card-content{margin-top:var(--ptc-element-spacing-03)}:host(.sequential) .card-mobile{max-width:320px;min-width:226px;position:relative}@media only screen and (min-width: 480px){:host(.sequential) .card-mobile{max-width:350px}}:host(.sequential) .card-mobile::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:5px;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-out);background-color:transparent}:host(.sequential) .card-mobile ptc-card-content{align-items:flex-start}:host(.sequential) .card-dt-closed{width:135px;height:424px;position:relative}:host(.sequential) .card-dt-closed .closed-content{position:absolute;width:100%;height:100%;top:0;display:flex;align-items:center;justify-content:center}:host(.sequential) .card-dt-closed .card-title{text-align:center}:host(.sequential) .card-dt-closed .card-title h2{color:var(--color-white);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:0rem;margin-block-start:0rem;letter-spacing:var(--ptc-letter-spacing-normal);padding-left:var(--ptc-element-spacing-02);padding-right:var(--ptc-element-spacing-02)}@media only screen and (min-width: 1440px){:host(.sequential) .card-dt-closed .card-title h2{font-size:var(--ptc-font-size-small)}}:host(.sequential) .card-dt-open{border-top:5px solid var(--color-green-05);display:flex;max-width:790px;transition:width var(--ptc-transition-x-fast) var(--ptc-ease-out)}@media only screen and (min-width: 1440px){:host(.sequential) .card-dt-open{max-width:825px}}:host(.sequential) .card-dt-open:not([hidden]){height:480px}@media only screen and (min-width: 1200px){:host(.sequential) .card-dt-open:not([hidden]){min-width:600px}}:host(.sequential):host(.active) .card-mobile::before{background-color:var(--color-green-05)}';const r=class{constructor(i){t(this,i);this.cardOpened=e(this,"cardOpened")}get el(){return i(this)}cardType="sequential";cardTitle="Card Title Goes Here";cardImgSrc;cardImgAlt;cardScreen="desktop";isExpanded=false;overlayExists=true;styles;trackerId;cardOpened;componentDidLoad(){this.el.addEventListener("mouseenter",(()=>this.overlayExists=false));this.el.addEventListener("mouseleave",(()=>this.overlayExists=true))}openCard=()=>{if(!this.isExpanded){this.isExpanded=true;this.cardOpened.emit(this.trackerId)}};handleKeyDown=t=>{switch(t.key){case"Enter":this.openCard();break}};handleCardOpened(t){const e=t.detail;if(e!==this.trackerId&&this.isExpanded){this.isExpanded=false}}async focusCardWrapper(){const t=this.el.querySelector(".card-wrapper");if(t){t.focus()}}getCssClassMap(){return{[this.cardType]:true}}render(){const t=this.getCssClassMap();return a(s,{key:"9eb860adcce087349cf5611d41fe02603057b78c",class:t},this.styles&&a("style",{key:"725097803154f030a5754c641451eff16b20ca6f"},this.styles),a("div",{key:"33971e0c2a5ff742611cde1a52be057c1d4ec1a8",class:"card-wrapper mf-listen",role:"button",tabindex:"0","aria-expanded":this.isExpanded,onClick:this.openCard,onKeyDown:this.handleKeyDown},this.cardScreen==="mobile"?a("div",{class:"card card-mobile mf-listen",id:this.trackerId},a("ptc-picture",{height:"287","is-full-width":true,alt:this.cardImgAlt,src:this.cardImgSrc}),a("ptc-card-content",{"card-type":"card-dynamic",styles:":host(.card-dynamic){height: auto;}"},a("div",{class:"card-title"},a("h3",null,this.cardTitle)),a("div",{class:"card-content"},a("slot",null)))):a("div",null,a("div",{...!this.isExpanded&&{hidden:"until-found"},onBeforeMatch:this.openCard.bind(this),class:`card mf-listen ${this.isExpanded&&"card-dt-open"}`,id:this.trackerId},a("ptc-card-content",{"card-type":"card-dynamic"},a("div",{class:"card-title"},a("h3",null,this.cardTitle)),a("div",{class:"card-content"},a("slot",null))),a("ptc-picture",{alt:this.cardImgAlt,src:this.cardImgSrc,"is-full-width":"true","is-full-height":"true","image-alignment":"center"})),a("div",{class:`card card-dt-closed mf-listen ${this.isExpanded?"hide":"show"}`,id:this.trackerId},a("ptc-picture",{alt:this.cardImgAlt,src:this.cardImgSrc,"image-position":"relative","is-full-width":true,height:"424"},this.overlayExists?a("ptc-overlay",{"filter-color":"solid-black-1"}):a("ptc-overlay",{"filter-color":"solid-black-2"})),a("div",{class:"closed-content","card-type":"card-dynamic"},a("div",{class:"card-title"},a("h2",null,this.cardTitle)))))),this.cardScreen==="desktop"&&a("div",{key:"ded12b1abc42c209c765f03aa5d60f47c2af1baf",hidden:true},a("svg",{key:"6fb7dbdb0c2717893bcc34a6f35938ae214134ae"},a("use",{key:"49058502c56a15f04638f80404fddb95b161b9f0",href:`${this.dotSvg}`}))))}dotSvg=n("./media/nav-active-dotslick.svg");static get assetsDirs(){return["media"]}};r.style=c;export{r as ptc_dynamic_card};
+//# sourceMappingURL=p-db7d2be7.entry.js.map

package/dist/fef-stencil-v4/{p-15ed1ebd.entry.js → p-e98eff76.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as o,a,h as i}from"./p-DUXO4XZe.js";const r=":host{display:block;margin-top:var(--ptc-element-spacing-03);color:var(--color-gray-12);box-sizing:border-box}:host .ptc-pricing-block{width:100%;background-color:var(--color-gray-02);border-radius:var(--ptc-border-radius-standard);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);display:block;transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium)}:host .ptc-pricing-block.active{background-color:var(--color-gray-12);color:var(--color-white)}:host .ptc-pricing-block:hover:not(.active){background-color:var(--color-gray-03)}:host .right-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-dense);text-align:right;float:right;margin:15px 20px 15px 15px;display:block}:host .left-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);text-align:left;margin:15px 15px 15px 20px;display:inline-block}.tabs-list{border-bottom:1px solid #dddddd;padding:0 5px}.tab-button{border:0;font-size:14px;padding:8px;outline:none;cursor:pointer}.tab-button:hover:not(:disabled):not(.active){border-bottom:3px solid grey}.tab-button:disabled{opacity:0.4}.tab-button.active{border-bottom:3px solid blue;font-weight:600}";const e=class{constructor(a){t(this,a);this.tabChange=o(this,"tabChange")}get el(){return a(this)}tabChange;tabs=[];componentWillLoad(){this.tabs=Array.from(this.el.querySelectorAll("ptc-tab"));if(this.tabs.length===0){throw new Error("[ptc-tabs] Must have at least one tab")}}async openTab(t){if(t>=this.tabs.length){throw new Error(`[ptc-tabs] Index ${t} is out of bounds of tabs length`)}if(!this.tabs[t].disabled){this.tabs=this.tabs.map(((o,a)=>{o.active=a===t;return o}));this.tabChange.emit({tabId:t})}}render(){const t=this.getCssClassMap();return i("div",{key:"038eaa21713988b2d1d6d66157e00aa6d5146fad",class:t},this.tabs.map(((o,a)=>{const r={"tab-button":true,active:o.active};return[i("div",{role:"tab",class:r,onClick:()=>this.openTab(a)},o.label,o.price,i("div",{class:t},i("span",{class:"left-text"},i("slot",{name:"right-text"})),i("span",{class:"right-text"},i("slot",{name:"right-text"}))))]})))}getCssClassMap(){return{"tabs-list":true}}};e.style=r;export{e as ptc_tabs};
-//# sourceMappingURL=p-15ed1ebd.entry.js.map
+import{r as t,c as o,a,h as i}from"./p-DUXO4XZe.js";const r=":host{display:block;margin-top:var(--ptc-element-spacing-03);color:var(--color-gray-12);box-sizing:border-box}:host .ptc-pricing-block{width:100%;background-color:var(--color-gray-02);border-radius:var(--ptc-border-radius-standard);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);display:block;transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium)}:host .ptc-pricing-block.active{background-color:var(--color-gray-12);color:var(--color-white)}:host .ptc-pricing-block:hover:not(.active){background-color:var(--color-gray-03)}:host .right-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-dense);text-align:right;float:right;margin:15px 20px 15px 15px;display:block}:host .left-text{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);text-align:left;margin:15px 15px 15px 20px;display:inline-block}.tabs-list{border-bottom:1px solid #dddddd;padding:0 5px}.tab-button{border:0;font-size:14px;padding:8px;outline:none;cursor:pointer}.tab-button:hover:not(:disabled):not(.active){border-bottom:3px solid grey}.tab-button:disabled{opacity:0.4}.tab-button.active{border-bottom:3px solid blue;font-weight:600}";const e=class{constructor(a){t(this,a);this.tabChange=o(this,"tabChange")}get el(){return a(this)}tabChange;tabs=[];componentWillLoad(){this.tabs=Array.from(this.el.querySelectorAll("ptc-tab"));if(this.tabs.length===0){throw new Error("[ptc-tabs] Must have at least one tab")}}async openTab(t){if(t>=this.tabs.length){throw new Error(`[ptc-tabs] Index ${t} is out of bounds of tabs length`)}if(!this.tabs[t].disabled){this.tabs=this.tabs.map(((o,a)=>{o.active=a===t;return o}));this.tabChange.emit({tabId:t})}}render(){const t=this.getCssClassMap();return i("div",{key:"9d77d53ce58791fa8cb7b50273f25a7a4b799a4e",class:t},this.tabs.map(((o,a)=>{const r={"tab-button":true,active:o.active};return[i("div",{role:"tab",class:r,onClick:()=>this.openTab(a)},o.label,o.price,i("div",{class:t},i("span",{class:"left-text"},i("slot",{name:"right-text"})),i("span",{class:"right-text"},i("slot",{name:"right-text"}))))]})))}getCssClassMap(){return{"tabs-list":true}}};e.style=r;export{e as ptc_tabs};
+//# sourceMappingURL=p-e98eff76.entry.js.map

package/dist/fef-stencil-v4/{p-aff0da1d.entry.js → p-ee53ce86.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as a}from"./p-DUXO4XZe.js";const i=":host{max-width:300px;display:block;padding:18px 10px 12px 10px;border:1px solid var(--color-gray-04);border-radius:var(--ptc-border-radius-standard);margin:auto;height:100%}:host ptc-picture{min-height:100px}:host ptc-para ptc-readmore .box input~label{margin-right:0px}:host ptc-para a{color:var(--color-hyperlink)}";const r=class{constructor(t){e(this,t)}cardTitle;cardImage;cardImageAltText;moreText="More";lessText="Less";cardDescription;browserFirefox=false;currentLanguage;render(){return t(a,{key:"a304929009d2e9932e02f558a8040d81df97704c"},t("ptc-title",{key:"fe7d5371acf572b3f6378d8ab93e7769e876a5b0",type:"h4",upperline:"no-upperline","title-margin":"margin-flush","title-size":"small","text-align":"center"},t("ptc-tooltip",{key:"fb5693983be1c26db573e73a7187ccd4ed8aea33","text-display":"block","text-lines":"2","z-index":"z-999",description:this.cardTitle,position:"bottom",width:"full-width"})),t("ptc-picture",{key:"100481d49ac68dd425373d3c108361cb7c19b155",alt:this.cardImageAltText,src:this.cardImage,"image-alignment":"center",width:"69","display-image":"inline-block",styles:"img{margin: 12px auto 18px auto}"}),t("ptc-para",{key:"c0be1819e570c0d4a557d3caa6551c4276bdd897","font-size":"x-small","para-margin":"margin-flush","para-line-h":"line-height-densest","para-align":"left","para-z-index":"z-auto"},this.browserFirefox&&this.currentLanguage.toLowerCase().includes("ja")?t("slot",null):t("ptc-readmore",{"more-text":this.moreText,"less-text":this.lessText,"visible-lines-custom":"8","read-more-position":"left"},t("slot",null))))}};r.style=i;export{r as ptc_product_highlight_card};
-//# sourceMappingURL=p-aff0da1d.entry.js.map
+import{r as e,h as t,H as a}from"./p-DUXO4XZe.js";const i=":host{max-width:300px;display:block;padding:18px 10px 12px 10px;border:1px solid var(--color-gray-04);border-radius:var(--ptc-border-radius-standard);margin:auto;height:100%}:host ptc-picture{min-height:100px}:host ptc-para ptc-readmore .box input~label{margin-right:0px}:host ptc-para a{color:var(--color-hyperlink)}";const r=class{constructor(t){e(this,t)}cardTitle;cardImage;cardImageAltText;moreText="More";lessText="Less";cardDescription;browserFirefox=false;currentLanguage;render(){return t(a,{key:"b1e281aa469d8a281edb10a74c7737230a8b8c43"},t("ptc-title",{key:"010b8ad6fa21e6d7f3f8be967e20e206aeacf506",type:"h4",upperline:"no-upperline","title-margin":"margin-flush","title-size":"small","text-align":"center"},t("ptc-tooltip",{key:"f4e559a7c19bd5f9c3df18551f46fe986fb2f606","text-display":"block","text-lines":"2","z-index":"z-999",description:this.cardTitle,position:"bottom",width:"full-width"})),t("ptc-picture",{key:"ddd7ed5a31ff60a197e52e27bb9fd243c25b7a77",alt:this.cardImageAltText,src:this.cardImage,"image-alignment":"center",width:"69","display-image":"inline-block",styles:"img{margin: 12px auto 18px auto}"}),t("ptc-para",{key:"45f6ed1488ef0270eac03f12c71e33488a9f26a4","font-size":"x-small","para-margin":"margin-flush","para-line-h":"line-height-densest","para-align":"left","para-z-index":"z-auto"},this.browserFirefox&&this.currentLanguage.toLowerCase().includes("ja")?t("slot",null):t("ptc-readmore",{"more-text":this.moreText,"less-text":this.lessText,"visible-lines-custom":"8","read-more-position":"left"},t("slot",null))))}};r.style=i;export{r as ptc_product_highlight_card};
+//# sourceMappingURL=p-ee53ce86.entry.js.map

package/dist/fef-stencil-v4/p-f529f050.entry.js

@@ -0,0 +1,2 @@
+import{r as e,a,h as t,F as r,H as d}from"./p-DUXO4XZe.js";const i=":host{display:block;height:99%}.add-on-card{padding:var(--ptc-element-spacing-06);border-top:var(--color-gray-10) solid var(--ptc-element-spacing-01);background-color:white;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-small);height:100%;box-sizing:border-box;word-break:break-word}";const c=class{constructor(a){e(this,a)}get el(){return a(this)}cardTitle;cardPricingText;cardCtaHref=null;cardCtaText=null;cardCtaTarget=null;cardDisclaimer=null;sectionId="";render(){return t(d,{key:"a586a3aaca99641b289067bf633408ee24f4a671"},t("div",{key:"8e7b8a85974ea103f3e70835f3f037058a5b0e51",class:"add-on-card"},t("ptc-title",{key:"07a70ab8d700ca17bd5bbf62234af2d363b3db84",type:"h4","text-align":"left","title-size":"medium",upperline:"no-upperline","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7"},this.cardTitle),t("ptc-para",{key:"46d95dc150a55d65d974ec8d5ec4f7a889f6ea25","font-size":"small","font-weight":"w-4","para-align":"left","para-line-h":"line-height-p","para-margin":"margin-flush"},t("slot",{key:"76b29f0f423123af353722def5aa47009340191d",name:"card-pricing"})),t("ptc-spacer",{key:"4eeabd7d2de4485e72a0c211704147acf7bc4696",breakpoint:"small",size:"medium"}),t("ptc-spacer",{key:"e73351dd8d78774dc0e430f9ffe243fe3ec58d12",breakpoint:"x-small",size:"large"}),t("ptc-para",{key:"a9d82e961921ea9f3753a854181e05da7737fe28","font-size":"x-small","font-weight":"w-4","para-align":"left","para-line-h":"line-height-p","para-margin":"margin-flush"},this.el.querySelector('[slot="card-body"]').innerHTML.toString().length<=300?t("slot",{name:"card-body"}):t("ptc-readmore",{"more-text":"More","less-text":"Less","is-content-slotted":true},t("slot",{name:"card-body"})),t("slot",{key:"d5fe5a479af8b7ec33a35a7097bdb840ff14065a",name:"card-body"})),this.cardCtaHref&&this.cardCtaText&&t(r,{key:"f64cd6a004b3f465f2118eefabe4dcd182babd4a"},t("ptc-spacer",{key:"d7a5e183b53a63c928c87f4688933afbb786ab55",breakpoint:"small",size:"x-large"}),t("ptc-spacer",{key:"ceeea01db26f5c205b52604a073ab0df8a325bee",breakpoint:"small",size:"xx-small"}),t("ptc-spacer",{key:"0ad28bdc1b4507c72dbe8b9e3533b65bf7926e92",breakpoint:"x-small",size:"xx-large"}),t("ptc-spacer",{key:"72467a7cb39a0ded9d1625143b80d968f9cdfe99",breakpoint:"x-small",size:"xx-small"}),t("ptc-button",{key:"b287488ed78e52502fd486e672de229cbdcf135e",class:"mf-listen",type:"link",color:"ptc-tertiary","link-href":this.cardCtaHref,target:this.cardCtaTarget,"tracker-id":`table-card-${this.sectionId}`},t("ptc-tooltip",{key:"a1b21d215633589eda8e823a5a70d77adc5d8851","text-display":"inline","max-length":"30","z-index":"z-2",description:this.cardCtaText,position:"bottom"}))),this.cardDisclaimer&&t(r,{key:"7ebd31ed5de01072c1baa4ea6bf94315b3a6457f"},t("ptc-spacer",{key:"a477814c177f7e6ca382e7fc3f89704678dad7e7",breakpoint:"small",size:"medium"}),t("ptc-spacer",{key:"0b565f2c3a46cc9de491ae01c0a755b2eed673a9",breakpoint:"x-small",size:"large"}),t("ptc-para",{key:"46425b14b129c5c5208ee845a694e5fb5a20a720","font-size":"xx-small","font-weight":"w-6","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},this.cardDisclaimer.length<=150?t("slot",{name:"card-disclaimer"}):t("ptc-readmore",{"more-text":"More","less-text":"Less","is-content-slotted":true},t("slot",{name:"card-disclaimer"}))))))}};c.style=i;export{c as ptc_pricing_add_on_card};
+//# sourceMappingURL=p-f529f050.entry.js.map

package/dist/fef-stencil-v4/{p-8fa3e85f.entry.js → p-f6f69e8a.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,a as r,h as a,H as i}from"./p-DUXO4XZe.js";const o='.ptc-filter-tag{display:block;cursor:pointer;position:relative;margin:0.25rem}.ptc-filter-tag:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.ptc-filter-tag.bubble{margin:0 0.25rem;display:inline-block;color:var(--color-gray-12);font-family:Raleway;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:1.125rem;text-align:left;align-items:center;transition:border-color ease-out 250ms;border:1px solid var(--color-gray-05);border-radius:999px;padding:0.375rem 1.875rem 0.375rem 0.875rem;background:var(--color-white)}.ptc-filter-tag.bubble:hover{border:1px solid var(--color-gray-12)}.ptc-filter-tag.bubble .cls{display:block;position:absolute;top:0.35rem;right:0.8rem}.ptc-filter-tag.link,.ptc-filter-tag.link-lg{display:inline-block;font-family:Raleway;color:var(--color-gray-12);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:right;border-bottom:1px solid transparent;background:var(--color-white)}.ptc-filter-tag.link:hover,.ptc-filter-tag.link-lg:hover{text-decoration:underline}.ptc-filter-tag.link .cls,.ptc-filter-tag.link-lg .cls{display:none}.ptc-filter-tag.link-lg{font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold)}.ptc-filter-tag.button{display:inline-block;background-color:var(--color-gray-12);border-radius:var(--ptc-border-radius-standard);padding:0.625rem 1rem;font-family:"Raleway";font-style:normal;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-denser);color:var(--color-white);transition:border-color ease-out 250ms}.ptc-filter-tag.button:hover{background-color:var(--color-gray-10)}.ptc-filter-tag.button:active{transition:none;background-color:var(--color-black)}.ptc-filter-tag.button .cls{display:none}.ptc-filter-tag.standard{display:inline-flex;background:var(--color-gray-12);font-family:"Raleway";font-style:normal;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-denser);color:var(--color-green-07);background-color:transparent}.ptc-filter-tag.standard .cls{display:block;margin-left:0.25rem}.ptc-filter-tag.standard:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}';const l=class{constructor(r){t(this,r);this.clicked=e(this,"clicked")}get el(){return r(this)}theme="bubble";clicked;iconColorMap;styles;trackerID;componentWillLoad(){this.iconColorMap={bubble:{hover:"black",standard:"light-gray"},standard:{hover:"ptc-green",standard:"black"}}}handleClick=()=>{this.clicked.emit(this)};handleMouseEnter(){this.updateIconColor("hover")}handleMouseLeave(){this.updateIconColor("standard")}handleKeyDown=t=>{switch(t.key){case"Enter":{this.clicked.emit(this);break}}};updateIconColor(t){let e=this.el.shadowRoot.querySelector("icon-asset");if(e){if(this.iconColorMap[this.theme]){e.setAttribute("color",this.iconColorMap[this.theme][t])}}}render(){const t=this.getCssClassMap();let e;switch(this.theme){case"bubble":e=a("icon-asset",{key:"9d08ecc7e61c04904f2cbb361b657529aa4c0223",class:"cls",type:"ptc",color:"light-gray",name:"times",size:"micro"});break;case"standard":e=a("icon-asset",{key:"b016bfbf2ddc26aae51a7c0a165dada19456084f",class:"cls",type:"ptc",color:"black",name:"times",size:"xxx-small"});break}return a(i,{key:"c632ee42f3bdb433bda71b5e834e8cb798c25f74"},this.styles&&a("style",{key:"0620fc95463562d24d1a1f7ff9d5172c9fcdda36"},this.styles),a("span",{key:"594fc01ab7fef40538fae0f3967c14d0eb9dd6c0",tabindex:"0",class:t,onClick:()=>this.handleClick(),onKeyPress:()=>this.handleClick(),onKeyDown:t=>this.handleKeyDown(t),onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave()},a("slot",{key:"a22877ee52939c8e9a98c58b3d880eb38fa752d7"}),e))}getCssClassMap(){return{["ptc-filter-tag"]:true,[this.theme]:true}}};l.style=o;export{l as ptc_filter_tag};
-//# sourceMappingURL=p-8fa3e85f.entry.js.map
+import{r as t,c as e,a as r,h as a,H as i}from"./p-DUXO4XZe.js";const o='.ptc-filter-tag{display:block;cursor:pointer;position:relative;margin:0.25rem}.ptc-filter-tag:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.ptc-filter-tag.bubble{margin:0 0.25rem;display:inline-block;color:var(--color-gray-12);font-family:Raleway;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:1.125rem;text-align:left;align-items:center;transition:border-color ease-out 250ms;border:1px solid var(--color-gray-05);border-radius:999px;padding:0.375rem 1.875rem 0.375rem 0.875rem;background:var(--color-white)}.ptc-filter-tag.bubble:hover{border:1px solid var(--color-gray-12)}.ptc-filter-tag.bubble .cls{display:block;position:absolute;top:0.35rem;right:0.8rem}.ptc-filter-tag.link,.ptc-filter-tag.link-lg{display:inline-block;font-family:Raleway;color:var(--color-gray-12);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:right;border-bottom:1px solid transparent;background:var(--color-white)}.ptc-filter-tag.link:hover,.ptc-filter-tag.link-lg:hover{text-decoration:underline}.ptc-filter-tag.link .cls,.ptc-filter-tag.link-lg .cls{display:none}.ptc-filter-tag.link-lg{font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold)}.ptc-filter-tag.button{display:inline-block;background-color:var(--color-gray-12);border-radius:var(--ptc-border-radius-standard);padding:0.625rem 1rem;font-family:"Raleway";font-style:normal;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-denser);color:var(--color-white);transition:border-color ease-out 250ms}.ptc-filter-tag.button:hover{background-color:var(--color-gray-10)}.ptc-filter-tag.button:active{transition:none;background-color:var(--color-black)}.ptc-filter-tag.button .cls{display:none}.ptc-filter-tag.standard{display:inline-flex;background:var(--color-gray-12);font-family:"Raleway";font-style:normal;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-denser);color:var(--color-green-07);background-color:transparent}.ptc-filter-tag.standard .cls{display:block;margin-left:0.25rem}.ptc-filter-tag.standard:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}';const l=class{constructor(r){t(this,r);this.clicked=e(this,"clicked")}get el(){return r(this)}theme="bubble";clicked;iconColorMap;styles;trackerID;componentWillLoad(){this.iconColorMap={bubble:{hover:"black",standard:"light-gray"},standard:{hover:"ptc-green",standard:"black"}}}handleClick=()=>{this.clicked.emit(this)};handleMouseEnter(){this.updateIconColor("hover")}handleMouseLeave(){this.updateIconColor("standard")}handleKeyDown=t=>{switch(t.key){case"Enter":{this.clicked.emit(this);break}}};updateIconColor(t){let e=this.el.shadowRoot.querySelector("icon-asset");if(e){if(this.iconColorMap[this.theme]){e.setAttribute("color",this.iconColorMap[this.theme][t])}}}render(){const t=this.getCssClassMap();let e;switch(this.theme){case"bubble":e=a("icon-asset",{key:"cffea629513ffbbe4f9eab933503a4c2a98d94e0",class:"cls",type:"ptc",color:"light-gray",name:"times",size:"micro"});break;case"standard":e=a("icon-asset",{key:"64bd5ee5c73d9b84e013a2b14accbfe95d363cd9",class:"cls",type:"ptc",color:"black",name:"times",size:"xxx-small"});break}return a(i,{key:"366fe16140b412370d6e3ce9335cb5205cac5efe"},this.styles&&a("style",{key:"88eab7db033fac57d4be0dd89a32adea5350c86a"},this.styles),a("span",{key:"dcd823a38e23500d1884bf5914ecb163118f21eb",tabindex:"0",class:t,onClick:()=>this.handleClick(),onKeyPress:()=>this.handleClick(),onKeyDown:t=>this.handleKeyDown(t),onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave()},a("slot",{key:"53ebd336170864585275f7d7ad0d3c15c3bfe909"}),e))}getCssClassMap(){return{["ptc-filter-tag"]:true,[this.theme]:true}}};l.style=o;export{l as ptc_filter_tag};
+//# sourceMappingURL=p-f6f69e8a.entry.js.map

package/dist/fef-stencil-v4/{p-91ca4059.entry.js → p-f8291842.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as e,a as t,h as o}from"./p-DUXO4XZe.js";const n='.ellipsis-icon{box-sizing:border-box;border:1px solid var(--color-gray-08);border-radius:2px;vertical-align:middle;height:18px;width:18px;text-align:center;display:flex;align-items:center;justify-content:center}.ellipsis-icon:hover{background-color:var(--color-gray-04);border-color:var(--color-gray-04)}.ellipsis-icon{transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium)}.ellipsis-icon icon-asset{display:inline-block}.ellipsis-icon icon-asset svg{margin:0 auto;display:block;width:10px !important;height:10px !important}.ellipsis-icon.active{background-color:var(--color-green-07);border-color:var(--color-green-07)}.ellipsis-icon.active::after{content:"";width:32px;height:2px;display:inline-block;background-color:var(--color-green-07);position:absolute;bottom:-11px}@media only screen and (min-width: 1440px){.ellipsis-icon.active::after{bottom:-17px}}.ptc-ellipsis-dropdown{position:relative;display:inline-block;cursor:pointer;padding:2px 0 14px 0;border-bottom:2px solid var(--color-green-07);margin:0 1rem -1px 1rem;box-sizing:border-box}@media only screen and (min-width: 768px){.ptc-ellipsis-dropdown.default{padding:0px;border-bottom:none;margin:0;height:44px;width:44px;display:flex;justify-content:center;align-content:center;flex-wrap:wrap}}.ptc-ellipsis-dropdown.tab-with-banner{padding:0px 0 16px 0;margin:0 1rem -2.5px 1rem}@media only screen and (min-width: 992px){.ptc-ellipsis-dropdown.tab-with-banner{padding:0px 0px 1rem 0px;border-bottom:none;margin:0;height:100%;width:44px;display:flex;justify-content:center;align-content:center;flex-wrap:wrap}}.ptc-ellipsis-dropdown.tab-with-banner .ellipsis-icon.active::after{bottom:-2px}.ptc-ellipsis-dropdown.tab-with-banner .dropdown-container{display:none;margin-top:16px;box-shadow:0 6px 16px rgba(0, 0, 0, 0.24);border-radius:4px;position:absolute;z-index:1010;background:var(--color-white);padding:0.8rem 0;right:auto;left:0;min-width:-moz-max-content;min-width:max-content;width:100%}@media only screen and (min-width: 992px){.ptc-ellipsis-dropdown.tab-with-banner .dropdown-container{right:0;left:auto;top:50%;margin-top:22px}}.ptc-ellipsis-dropdown.tab-with-banner.show .dropdown-container{display:inline-block}@media only screen and (min-width: 1440px){.ptc-ellipsis-dropdown{height:34px;width:34px}}.ptc-ellipsis-dropdown .mob-drop{color:var(--color-gray-10);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p);font-family:"Raleway";font-style:normal;display:flex;align-items:center}.ptc-ellipsis-dropdown .mob-drop svg{display:inline-block;vertical-align:middle;margin:4px 0px 0px 12px;min-width:12px}.dropdown-container{display:none;margin-top:16px;box-shadow:0 6px 16px rgba(0, 0, 0, 0.24);border-radius:4px;position:absolute;z-index:1010;background:var(--color-white);padding:0.8rem 0;right:auto;left:0;min-width:-moz-max-content;min-width:max-content;width:100%}@media only screen and (min-width: 768px){.dropdown-container{right:0;left:auto;margin-top:48px}}@media only screen and (min-width: 1440px){.dropdown-container{margin-top:45px}}.dropdown-container .selected-drop .dropdown-item span{position:relative;font-weight:var(--ptc-font-weight-bold)}.dropdown-container .selected-drop .dropdown-item span::before{content:"";width:2px;height:60%;background:var(--color-green-07);display:block;left:16px;position:absolute;top:20%}.show .dropdown-container{display:inline-block}dropdown-item:focus-visible{outline:none}dropdown-item:focus-visible .dropdown-item{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}';const s=class{constructor(t){i(this,t);this.itemSelected=e(this,"itemSelected")}dataItems=[];selectedTab;isDropdownOpen=false;get host(){return t(this)}itemSelected;isMobile;isIPad;dropdownType="default";menuitems;menuitemNodes=[];firstMenuitem=false;lastMenuitem=false;dropdownToggle(i){i.currentTarget.classList.toggle("show");this.isDropdownOpen=i.currentTarget.classList.contains("show")}onItemSelected(i){this.itemSelected.emit(i)}offClick(i){let e=this.host.shadowRoot.querySelector(".ptc-ellipsis-dropdown");if(i&&!this.host.contains(i.target)&&this.isDropdownOpen){e.classList.remove("show");this.isDropdownOpen=false}}handleResize(){this.isMobile=window.innerWidth<768;this.isIPad=window.innerWidth<992||screen.width<992}onEscClicked(){let i=this.host.shadowRoot?.querySelector(".ptc-ellipsis-dropdown");if(i){i.classList.remove("show");this.isDropdownOpen=false}}componentWillLoad(){this.isMobile=window.innerWidth<768||screen.width<768;this.isIPad=window.innerWidth<992||screen.width<992}onMenuitemKeydown(i){var e=i.currentTarget,t=i.key,o=false;if(i.ctrlKey||i.altKey||i.metaKey){return}if(i.shiftKey);else{switch(t){case"Up":case"ArrowUp":this.setFocusToPreviousMenuitem(e);o=true;break;case"ArrowDown":case"Down":this.setFocusToNextMenuitem(e);o=true;break;case"Home":case"PageUp":this.setFocusToFirstMenuitem();o=true;break;case"End":case"PageDown":this.setFocusToLastMenuitem();o=true;break;case"Tab":this.onEscClicked();break}}if(o){i.stopPropagation();i.preventDefault()}}setFocusToMenuitem(i){this.menuitemNodes.forEach((function(e){if(e===i){e.tabIndex=0;i.focus()}else{e.tabIndex=-1}}))}setFocusToFirstMenuitem(){this.setFocusToMenuitem(this.firstMenuitem)}setFocusToLastMenuitem(){this.setFocusToMenuitem(this.lastMenuitem)}setFocusToPreviousMenuitem(i){var e,t;if(i===this.firstMenuitem){e=this.lastMenuitem}else{t=this.menuitemNodes.indexOf(i);e=this.menuitemNodes[t-1]}this.setFocusToMenuitem(e);return e}setFocusToNextMenuitem(i){var e,t;if(i===this.lastMenuitem){e=this.firstMenuitem}else{t=this.menuitemNodes.indexOf(i);e=this.menuitemNodes[t+1]}this.setFocusToMenuitem(e);return e}componentDidLoad(){this.isMobile=window.innerWidth<768||screen.width<768;this.isIPad=window.innerWidth<992||screen.width<992;setTimeout((()=>{this.menuitems=this.host.shadowRoot.querySelectorAll("dropdown-item");for(var i=0;i<this.menuitems.length;i++){var e=this.menuitems[i];this.menuitemNodes.push(e);e.tabIndex=-1;e.addEventListener("keydown",this.onMenuitemKeydown.bind(this));if(!this.firstMenuitem){this.firstMenuitem=e}this.lastMenuitem=e}}),100);const i=this.host.shadowRoot.querySelector(".ptc-ellipsis-dropdown");this.host.addEventListener("keydown",(e=>{if(e.key==="Enter"){i.click()}if(e.key==="ArrowDown"){this.host.shadowRoot.querySelectorAll("dropdown-item")[0].focus()}}));if(this.isMobile||this.isIPad&&this.dropdownType==="tab-with-banner"){this.host.setAttribute("tabindex","0")}}render(){let i=this.dataItems.find((i=>i.isSelected==true));let e=false;if(i){e=true}return o("div",{key:"27a9f9b8d9172847f9e04f46a9eada096b7df192",class:this.dropdownType=="tab-with-banner"?"ptc-ellipsis-dropdown tab-with-banner":"ptc-ellipsis-dropdown default",onClick:i=>this.dropdownToggle(i)},this.isMobile||this.isIPad&&this.dropdownType==="tab-with-banner"?o("div",{class:"mob-drop"},o("span",{class:"opt-name"},this.dataItems.map((i=>i.isSelected?i.text:""))),o("svg",{width:"12",height:"9",viewBox:"0 0 12 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{d:"M1 1.65723L5.94975 6.60697L10.8995 1.65723",stroke:"#00890B","stroke-width":"2","stroke-linecap":"round"}))):o("div",{class:e||this.isDropdownOpen?"ellipsis-icon active":"ellipsis-icon"},o("icon-asset",{type:"ptc",size:"xxx-small",name:"ellipsis",color:e||this.isDropdownOpen?"white":"black"})),o("div",{key:"20eb9b657de32cdbb2104981c24b69a9d04c7de7",class:"dropdown-container",role:"menu","aria-labelledby":"menubutton1"},o("slot",{key:"e8dd1993fb42afb2da6f0da41ae4d68985c1b74a",name:"dropdown"}),this.dataItems.map((i=>{let e=i.value==this.selectedTab?"active":"";let t=i.isSelected?"selected-drop":"";return o("dropdown-item",{role:"menuitem",class:e+t+"mf-listen",onKeyDown:e=>{if(e.key==="Enter"){e.preventDefault();this.onItemSelected(i)}}},o("span",{onClick:e=>{e.preventDefault();this.onItemSelected(i)}},i.text))}))))}};s.style=n;export{s as ptc_ellipsis_dropdown};
-//# sourceMappingURL=p-91ca4059.entry.js.map
+import{r as i,c as e,a as t,h as o}from"./p-DUXO4XZe.js";const n='.ellipsis-icon{box-sizing:border-box;border:1px solid var(--color-gray-08);border-radius:2px;vertical-align:middle;height:18px;width:18px;text-align:center;display:flex;align-items:center;justify-content:center}.ellipsis-icon:hover{background-color:var(--color-gray-04);border-color:var(--color-gray-04)}.ellipsis-icon{transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium)}.ellipsis-icon icon-asset{display:inline-block}.ellipsis-icon icon-asset svg{margin:0 auto;display:block;width:10px !important;height:10px !important}.ellipsis-icon.active{background-color:var(--color-green-07);border-color:var(--color-green-07)}.ellipsis-icon.active::after{content:"";width:32px;height:2px;display:inline-block;background-color:var(--color-green-07);position:absolute;bottom:-11px}@media only screen and (min-width: 1440px){.ellipsis-icon.active::after{bottom:-17px}}.ptc-ellipsis-dropdown{position:relative;display:inline-block;cursor:pointer;padding:2px 0 14px 0;border-bottom:2px solid var(--color-green-07);margin:0 1rem -1px 1rem;box-sizing:border-box}@media only screen and (min-width: 768px){.ptc-ellipsis-dropdown.default{padding:0px;border-bottom:none;margin:0;height:44px;width:44px;display:flex;justify-content:center;align-content:center;flex-wrap:wrap}}.ptc-ellipsis-dropdown.tab-with-banner{padding:0px 0 16px 0;margin:0 1rem -2.5px 1rem}@media only screen and (min-width: 992px){.ptc-ellipsis-dropdown.tab-with-banner{padding:0px 0px 1rem 0px;border-bottom:none;margin:0;height:100%;width:44px;display:flex;justify-content:center;align-content:center;flex-wrap:wrap}}.ptc-ellipsis-dropdown.tab-with-banner .ellipsis-icon.active::after{bottom:-2px}.ptc-ellipsis-dropdown.tab-with-banner .dropdown-container{display:none;margin-top:16px;box-shadow:0 6px 16px rgba(0, 0, 0, 0.24);border-radius:4px;position:absolute;z-index:1010;background:var(--color-white);padding:0.8rem 0;right:auto;left:0;min-width:-moz-max-content;min-width:max-content;width:100%}@media only screen and (min-width: 992px){.ptc-ellipsis-dropdown.tab-with-banner .dropdown-container{right:0;left:auto;top:50%;margin-top:22px}}.ptc-ellipsis-dropdown.tab-with-banner.show .dropdown-container{display:inline-block}@media only screen and (min-width: 1440px){.ptc-ellipsis-dropdown{height:34px;width:34px}}.ptc-ellipsis-dropdown .mob-drop{color:var(--color-gray-10);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p);font-family:"Raleway";font-style:normal;display:flex;align-items:center}.ptc-ellipsis-dropdown .mob-drop svg{display:inline-block;vertical-align:middle;margin:4px 0px 0px 12px;min-width:12px}.dropdown-container{display:none;margin-top:16px;box-shadow:0 6px 16px rgba(0, 0, 0, 0.24);border-radius:4px;position:absolute;z-index:1010;background:var(--color-white);padding:0.8rem 0;right:auto;left:0;min-width:-moz-max-content;min-width:max-content;width:100%}@media only screen and (min-width: 768px){.dropdown-container{right:0;left:auto;margin-top:48px}}@media only screen and (min-width: 1440px){.dropdown-container{margin-top:45px}}.dropdown-container .selected-drop .dropdown-item span{position:relative;font-weight:var(--ptc-font-weight-bold)}.dropdown-container .selected-drop .dropdown-item span::before{content:"";width:2px;height:60%;background:var(--color-green-07);display:block;left:16px;position:absolute;top:20%}.show .dropdown-container{display:inline-block}dropdown-item:focus-visible{outline:none}dropdown-item:focus-visible .dropdown-item{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}';const s=class{constructor(t){i(this,t);this.itemSelected=e(this,"itemSelected")}dataItems=[];selectedTab;isDropdownOpen=false;get host(){return t(this)}itemSelected;isMobile;isIPad;dropdownType="default";menuitems;menuitemNodes=[];firstMenuitem=false;lastMenuitem=false;dropdownToggle(i){i.currentTarget.classList.toggle("show");this.isDropdownOpen=i.currentTarget.classList.contains("show")}onItemSelected(i){this.itemSelected.emit(i)}offClick(i){let e=this.host.shadowRoot.querySelector(".ptc-ellipsis-dropdown");if(i&&!this.host.contains(i.target)&&this.isDropdownOpen){e.classList.remove("show");this.isDropdownOpen=false}}handleResize(){this.isMobile=window.innerWidth<768;this.isIPad=window.innerWidth<992||screen.width<992}onEscClicked(){let i=this.host.shadowRoot?.querySelector(".ptc-ellipsis-dropdown");if(i){i.classList.remove("show");this.isDropdownOpen=false}}componentWillLoad(){this.isMobile=window.innerWidth<768||screen.width<768;this.isIPad=window.innerWidth<992||screen.width<992}onMenuitemKeydown(i){var e=i.currentTarget,t=i.key,o=false;if(i.ctrlKey||i.altKey||i.metaKey){return}if(i.shiftKey);else{switch(t){case"Up":case"ArrowUp":this.setFocusToPreviousMenuitem(e);o=true;break;case"ArrowDown":case"Down":this.setFocusToNextMenuitem(e);o=true;break;case"Home":case"PageUp":this.setFocusToFirstMenuitem();o=true;break;case"End":case"PageDown":this.setFocusToLastMenuitem();o=true;break;case"Tab":this.onEscClicked();break}}if(o){i.stopPropagation();i.preventDefault()}}setFocusToMenuitem(i){this.menuitemNodes.forEach((function(e){if(e===i){e.tabIndex=0;i.focus()}else{e.tabIndex=-1}}))}setFocusToFirstMenuitem(){this.setFocusToMenuitem(this.firstMenuitem)}setFocusToLastMenuitem(){this.setFocusToMenuitem(this.lastMenuitem)}setFocusToPreviousMenuitem(i){var e,t;if(i===this.firstMenuitem){e=this.lastMenuitem}else{t=this.menuitemNodes.indexOf(i);e=this.menuitemNodes[t-1]}this.setFocusToMenuitem(e);return e}setFocusToNextMenuitem(i){var e,t;if(i===this.lastMenuitem){e=this.firstMenuitem}else{t=this.menuitemNodes.indexOf(i);e=this.menuitemNodes[t+1]}this.setFocusToMenuitem(e);return e}componentDidLoad(){this.isMobile=window.innerWidth<768||screen.width<768;this.isIPad=window.innerWidth<992||screen.width<992;setTimeout((()=>{this.menuitems=this.host.shadowRoot.querySelectorAll("dropdown-item");for(var i=0;i<this.menuitems.length;i++){var e=this.menuitems[i];this.menuitemNodes.push(e);e.tabIndex=-1;e.addEventListener("keydown",this.onMenuitemKeydown.bind(this));if(!this.firstMenuitem){this.firstMenuitem=e}this.lastMenuitem=e}}),100);const i=this.host.shadowRoot.querySelector(".ptc-ellipsis-dropdown");this.host.addEventListener("keydown",(e=>{if(e.key==="Enter"){i.click()}if(e.key==="ArrowDown"){this.host.shadowRoot.querySelectorAll("dropdown-item")[0].focus()}}));if(this.isMobile||this.isIPad&&this.dropdownType==="tab-with-banner"){this.host.setAttribute("tabindex","0")}}render(){let i=this.dataItems.find((i=>i.isSelected==true));let e=false;if(i){e=true}return o("div",{key:"bee8945072511fb33ae968a49d8fcd7db409e46a",class:this.dropdownType=="tab-with-banner"?"ptc-ellipsis-dropdown tab-with-banner":"ptc-ellipsis-dropdown default",onClick:i=>this.dropdownToggle(i)},this.isMobile||this.isIPad&&this.dropdownType==="tab-with-banner"?o("div",{class:"mob-drop"},o("span",{class:"opt-name"},this.dataItems.map((i=>i.isSelected?i.text:""))),o("svg",{width:"12",height:"9",viewBox:"0 0 12 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{d:"M1 1.65723L5.94975 6.60697L10.8995 1.65723",stroke:"#00890B","stroke-width":"2","stroke-linecap":"round"}))):o("div",{class:e||this.isDropdownOpen?"ellipsis-icon active":"ellipsis-icon"},o("icon-asset",{type:"ptc",size:"xxx-small",name:"ellipsis",color:e||this.isDropdownOpen?"white":"black"})),o("div",{key:"f48551400cde9f15df628a60818dd433fc29ae4b",class:"dropdown-container",role:"menu","aria-labelledby":"menubutton1"},o("slot",{key:"60583de1d4759616b098aa4e05393b74c493d853",name:"dropdown"}),this.dataItems.map((i=>{let e=i.value==this.selectedTab?"active":"";let t=i.isSelected?"selected-drop":"";return o("dropdown-item",{role:"menuitem",class:e+t+"mf-listen",onKeyDown:e=>{if(e.key==="Enter"){e.preventDefault();this.onItemSelected(i)}}},o("span",{onClick:e=>{e.preventDefault();this.onItemSelected(i)}},i.text))}))))}};s.style=n;export{s as ptc_ellipsis_dropdown};
+//# sourceMappingURL=p-f8291842.entry.js.map

package/dist/fef-stencil-v4/{p-4585a597.entry.js → p-f8fea645.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as n}from"./p-DUXO4XZe.js";import{g as e}from"./p-B85MJLTf.js";var r={exports:{}};var i=r.exports;var s;function u(){if(s)return r.exports;s=1;(function(t,n){!function(n,e){t.exports=e()}(i,(function(){var t=1e3,n=6e4,e=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",c="month",h="quarter",f="year",d="date",l="Invalid Date",m=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,v=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,p={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var n=["th","st","nd","rd"],e=t%100;return"["+t+(n[(e-20)%10]||n[e]||n[0])+"]"}},x=function(t,n,e){var r=String(t);return!r||r.length>=n?t:""+Array(n+1-r.length).join(e)+t},y={s:x,z:function(t){var n=-t.utcOffset(),e=Math.abs(n),r=Math.floor(e/60),i=e%60;return(n<=0?"+":"-")+x(r,2,"0")+":"+x(i,2,"0")},m:function t(n,e){if(n.date()<e.date())return-t(e,n);var r=12*(e.year()-n.year())+(e.month()-n.month()),i=n.clone().add(r,c),s=e-i<0,u=n.clone().add(r+(s?-1:1),c);return+(-(r+(e-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return{M:c,y:f,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:h}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",T={};T[g]=p;var M="$isDayjsObject",w=function(t){return t instanceof Y||!(!t||!t[M])},D=function t(n,e,r){var i;if(!n)return g;if("string"==typeof n){var s=n.toLowerCase();T[s]&&(i=s),e&&(T[s]=e,i=s);var u=n.split("-");if(!i&&u.length>1)return t(u[0])}else{var a=n.name;T[a]=n,i=a}return!r&&i&&(g=i),i||!r&&g},b=function(t,n){if(w(t))return t.clone();var e="object"==typeof n?n:{};return e.date=t,e.args=arguments,new Y(e)},S=y;S.l=D,S.i=w,S.w=function(t,n){return b(t,{locale:n.$L,utc:n.$u,x:n.$x,$offset:n.$offset})};var Y=function(){function p(t){this.$L=D(t.locale,null,true),this.parse(t),this.$x=this.$x||t.x||{},this[M]=true}var x=p.prototype;return x.parse=function(t){this.$d=function(t){var n=t.date,e=t.utc;if(null===n)return new Date(NaN);if(S.u(n))return new Date;if(n instanceof Date)return new Date(n);if("string"==typeof n&&!/Z$/i.test(n)){var r=n.match(m);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return e?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(n)}(t),this.init()},x.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},x.$utils=function(){return S},x.isValid=function(){return!(this.$d.toString()===l)},x.isSame=function(t,n){var e=b(t);return this.startOf(n)<=e&&e<=this.endOf(n)},x.isAfter=function(t,n){return b(t)<this.startOf(n)},x.isBefore=function(t,n){return this.endOf(n)<b(t)},x.$g=function(t,n,e){return S.u(t)?this[n]:this.set(e,t)},x.unix=function(){return Math.floor(this.valueOf()/1e3)},x.valueOf=function(){return this.$d.getTime()},x.startOf=function(t,n){var e=this,r=!!S.u(n)||n,h=S.p(t),l=function(t,n){var i=S.w(e.$u?Date.UTC(e.$y,n,t):new Date(e.$y,n,t),e);return r?i:i.endOf(a)},m=function(t,n){return S.w(e.toDate()[t].apply(e.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(n)),e)},v=this.$W,p=this.$M,x=this.$D,y="set"+(this.$u?"UTC":"");switch(h){case f:return r?l(1,0):l(31,11);case c:return r?l(1,p):l(0,p+1);case o:var g=this.$locale().weekStart||0,T=(v<g?v+7:v)-g;return l(r?x-T:x+(6-T),p);case a:case d:return m(y+"Hours",0);case u:return m(y+"Minutes",1);case s:return m(y+"Seconds",2);case i:return m(y+"Milliseconds",3);default:return this.clone()}},x.endOf=function(t){return this.startOf(t,false)},x.$set=function(t,n){var e,o=S.p(t),h="set"+(this.$u?"UTC":""),l=(e={},e[a]=h+"Date",e[d]=h+"Date",e[c]=h+"Month",e[f]=h+"FullYear",e[u]=h+"Hours",e[s]=h+"Minutes",e[i]=h+"Seconds",e[r]=h+"Milliseconds",e)[o],m=o===a?this.$D+(n-this.$W):n;if(o===c||o===f){var v=this.clone().set(d,1);v.$d[l](m),v.init(),this.$d=v.set(d,Math.min(this.$D,v.daysInMonth())).$d}else l&&this.$d[l](m);return this.init(),this},x.set=function(t,n){return this.clone().$set(t,n)},x.get=function(t){return this[S.p(t)]()},x.add=function(r,h){var d,l=this;r=Number(r);var m=S.p(h),v=function(t){var n=b(l);return S.w(n.date(n.date()+Math.round(t*r)),l)};if(m===c)return this.set(c,this.$M+r);if(m===f)return this.set(f,this.$y+r);if(m===a)return v(1);if(m===o)return v(7);var p=(d={},d[s]=n,d[u]=e,d[i]=t,d)[m]||1,x=this.$d.getTime()+r*p;return S.w(x,this)},x.subtract=function(t,n){return this.add(-1*t,n)},x.format=function(t){var n=this,e=this.$locale();if(!this.isValid())return e.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=S.z(this),s=this.$H,u=this.$m,a=this.$M,o=e.weekdays,c=e.months,h=e.meridiem,f=function(t,e,i,s){return t&&(t[e]||t(n,r))||i[e].slice(0,s)},d=function(t){return S.s(s%12||12,t,"0")},m=h||function(t,n,e){var r=t<12?"AM":"PM";return e?r.toLowerCase():r};return r.replace(v,(function(t,r){return r||function(t){switch(t){case"YY":return String(n.$y).slice(-2);case"YYYY":return S.s(n.$y,4,"0");case"M":return a+1;case"MM":return S.s(a+1,2,"0");case"MMM":return f(e.monthsShort,a,c,3);case"MMMM":return f(c,a);case"D":return n.$D;case"DD":return S.s(n.$D,2,"0");case"d":return String(n.$W);case"dd":return f(e.weekdaysMin,n.$W,o,2);case"ddd":return f(e.weekdaysShort,n.$W,o,3);case"dddd":return o[n.$W];case"H":return String(s);case"HH":return S.s(s,2,"0");case"h":return d(1);case"hh":return d(2);case"a":return m(s,u,true);case"A":return m(s,u,false);case"m":return String(u);case"mm":return S.s(u,2,"0");case"s":return String(n.$s);case"ss":return S.s(n.$s,2,"0");case"SSS":return S.s(n.$ms,3,"0");case"Z":return i}return null}(t)||i.replace(":","")}))},x.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},x.diff=function(r,d,l){var m,v=this,p=S.p(d),x=b(r),y=(x.utcOffset()-this.utcOffset())*n,g=this-x,T=function(){return S.m(v,x)};switch(p){case f:m=T()/12;break;case c:m=T();break;case h:m=T()/3;break;case o:m=(g-y)/6048e5;break;case a:m=(g-y)/864e5;break;case u:m=g/e;break;case s:m=g/n;break;case i:m=g/t;break;default:m=g}return l?m:S.a(m)},x.daysInMonth=function(){return this.endOf(c).$D},x.$locale=function(){return T[this.$L]},x.locale=function(t,n){if(!t)return this.$L;var e=this.clone(),r=D(t,n,true);return r&&(e.$L=r),e},x.clone=function(){return S.w(this.$d,this)},x.toDate=function(){return new Date(this.valueOf())},x.toJSON=function(){return this.isValid()?this.toISOString():null},x.toISOString=function(){return this.$d.toISOString()},x.toString=function(){return this.$d.toUTCString()},p}(),_=Y.prototype;return b.prototype=_,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",c],["$y",f],["$D",d]].forEach((function(t){_[t[1]]=function(n){return this.$g(n,t[0],t[1])}})),b.extend=function(t,n){return t.$i||(t(n,Y,b),t.$i=true),b},b.locale=D,b.isDayjs=w,b.unix=function(t){return b(1e3*t)},b.en=T[g],b.Ls=T,b.p={},b}))})(r);return r.exports}var a=u();var o=e(a);var c={exports:{}};var h=c.exports;var f;function d(){if(f)return c.exports;f=1;(function(t,n){!function(n,e){t.exports=e()}(h,(function(){var t="minute",n=/[+-]\d\d(?::?\d\d)?/g,e=/([+-]|\d\d)/g;return function(r,i,s){var u=i.prototype;s.utc=function(t){var n={date:t,utc:true,args:arguments};return new i(n)},u.utc=function(n){var e=s(this.toDate(),{locale:this.$L,utc:true});return n?e.add(this.utcOffset(),t):e},u.local=function(){return s(this.toDate(),{locale:this.$L,utc:false})};var a=u.parse;u.parse=function(t){t.utc&&(this.$u=true),this.$utils().u(t.$offset)||(this.$offset=t.$offset),a.call(this,t)};var o=u.init;u.init=function(){if(this.$u){var t=this.$d;this.$y=t.getUTCFullYear(),this.$M=t.getUTCMonth(),this.$D=t.getUTCDate(),this.$W=t.getUTCDay(),this.$H=t.getUTCHours(),this.$m=t.getUTCMinutes(),this.$s=t.getUTCSeconds(),this.$ms=t.getUTCMilliseconds()}else o.call(this)};var c=u.utcOffset;u.utcOffset=function(r,i){var s=this.$utils().u;if(s(r))return this.$u?0:s(this.$offset)?c.call(this):this.$offset;if("string"==typeof r&&(r=function(t){void 0===t&&(t="");var r=t.match(n);if(!r)return null;var i=(""+r[0]).match(e)||["-",0,0],s=i[0],u=60*+i[1]+ +i[2];return 0===u?0:"+"===s?u:-u}(r),null===r))return this;var u=Math.abs(r)<=16?60*r:r;if(0===u)return this.utc(i);var a=this.clone();if(i)return a.$offset=u,a.$u=false,a;var o=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();return(a=this.local().add(u+o,t)).$offset=u,a.$x.$localOffset=o,a};var h=u.format;u.format=function(t){var n=t||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return h.call(this,n)},u.valueOf=function(){var t=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*t},u.isUTC=function(){return!!this.$u},u.toISOString=function(){return this.toDate().toISOString()},u.toString=function(){return this.toDate().toUTCString()};var f=u.toDate;u.toDate=function(t){return"s"===t&&this.$offset?s(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():f.call(this)};var d=u.diff;u.diff=function(t,n,e){if(t&&this.$u===t.$u)return d.call(this,t,n,e);var r=this.local(),i=s(t).local();return d.call(r,i,n,e)}}}))})(c);return c.exports}var l=d();var m=e(l);const v=':host{display:block;z-index:10;display:flex;align-items:center;justify-content:flex-start;margin-left:0px;margin-bottom:32px}@media only screen and (min-width: 992px){:host{margin-left:var(--ptc-element-spacing-05);margin-bottom:0px}}.countdown-outer{padding:16px 4px;display:block;max-width:450px;min-width:280px;border-radius:4px;box-shadow:0 12px 16px 0 rgba(0, 0, 0, 0.32);background-color:#20262a}@media only screen and (min-width: 480px){.countdown-outer{padding:16px 32px;min-width:380px}}.event-name{display:flex;justify-content:center;align-items:center;margin-bottom:24px;color:white;font-family:"Raleway", sans-serif;font-size:24px;letter-spacing:0.48px;text-align:center}.cd-event-date{display:flex;justify-content:center;align-items:center;margin-top:32px;color:white;font-family:"Raleway", sans-serif;font-size:16px;letter-spacing:0.32px}.countdown{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;color:white;font-size:16px;margin:12px 0px}.day,.hours,.minutes,.seconds{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;padding:4px 4px;border-right:1px #6d707b solid}@media only screen and (min-width: 480px){.day,.hours,.minutes,.seconds{padding:4px 16px}}.day div,.hours div,.minutes div,.seconds div{line-height:56px;letter-spacing:0.96px;font-weight:600;font-size:48px;color:#fff}.day span,.hours span,.minutes span,.seconds span{display:block;font-size:16px;line-height:1.63;letter-spacing:0.32px;text-align:center;color:#fff;margin-bottom:0}.seconds{border-right:none}.expired{min-height:90px;display:flex;justify-content:center;align-items:center;text-align:center;font-weight:bold;padding:0 0px;color:var(--color-white)}';o.extend(m);const p=class{constructor(n){t(this,n)}countdownTitle="";eventTime="";eventTimeZone="EST";expiredText="This event has started on";daysText="days";hoursText="hours";minutesText="minutes";secondsText="seconds";useHourFormat=true;timeLeft={days:0,hours:0,minutes:0,seconds:0};isExpired=false;displayLocale="en";timer;componentWillLoad(){if(!this.eventTime||!this.eventTimeZone){console.error("Both eventTime and eventTimeZone are required.");return}this.detectLocaleFromURL();this.startCountdown()}disconnectedCallback(){clearInterval(this.timer)}getOffsetFromAbbr(t){const n={PST:-480,PDT:-420,MST:-420,MDT:-360,CST:-360,CDT:-300,UTC:0,BST:60,GST:240,KST:540,ACST:570,ACDT:630,EST:-300,EDT:-240,CET:60,CEST:120,IST:330,CST_CN:480,JST:540,ADT:-180,AEDT:660,AEST:600,AKDT:-480,AKST:-540,AST:-240,AWST:480,EEST:180,EET:120,GMT:0,HKT:480};return n[t]!==undefined?n[t]:0}transformDate(t){if(t.includes("T")){return t}return o(t,"M/D/YYYY h:mm:ss A").format("YYYY-MM-DDTHH:mm:ss")}calculateTimeLeft(){const t=this.getOffsetFromAbbr(this.eventTimeZone);const n=o(this.transformDate(this.eventTime)).utcOffset(t,true).utc();const e=o.utc();const r=n.diff(e);if(r>0){this.timeLeft={days:Math.floor(r/(1e3*60*60*24)),hours:Math.floor(r/(1e3*60*60)%24),minutes:Math.floor(r/(1e3*60)%60),seconds:Math.floor(r/1e3%60)}}else{this.isExpired=true;clearInterval(this.timer)}}startCountdown(){this.calculateTimeLeft();this.timer=window.setInterval((()=>this.calculateTimeLeft()),1e3)}detectLocaleFromURL(){const t=window.location.href;if(t.includes("/cn/")){this.displayLocale="zh-CN"}else if(t.includes("/tw/")){this.displayLocale="zh-TW"}else if(t.includes("/fr/")){this.displayLocale="fr"}else if(t.includes("/de/")){this.displayLocale="de"}else if(t.includes("/it/")){this.displayLocale="it"}else if(t.includes("/ja/")){this.displayLocale="ja"}else if(t.includes("/ko/")){this.displayLocale="ko"}else{this.displayLocale="en"}}render(){const{days:t,hours:e,minutes:r,seconds:i}=this.timeLeft;const s=o(this.transformDate(this.eventTime)).utcOffset(this.getOffsetFromAbbr(this.eventTimeZone),true).format("YYYY-MM-DD HH:mm");return n("div",{key:"75def7f321443b144154689181253e71a43f382b",class:"countdown-outer"},this.countdownTitle&&n("div",{key:"0ebed0bd6663bfc44e7d71580986b4d1aae9e428",class:"event-name"},this.countdownTitle),!this.isExpired?n("div",{id:"CDOutput",class:"countdown"},n("div",{class:"day"},n("div",null,t),n("span",null,this.daysText)),n("div",{class:"hours"},n("div",null,e),n("span",null,this.hoursText)),n("div",{class:"minutes"},n("div",null,r),n("span",null,this.minutesText)),n("div",{class:"seconds"},n("div",null,i),n("span",null,this.secondsText))):n("div",{class:"expired"},`${this.expiredText} ${s} ${this.eventTimeZone}`),n("div",{key:"bd0e2076a23a1640fea6ea861b81748ef74241be",class:"cd-event-date"},new Date(this.eventTime).toLocaleDateString(this.displayLocale,{month:"long",day:"numeric",year:"numeric",hour:"2-digit",minute:"2-digit",hour12:this.useHourFormat})," ","(",this.eventTimeZone,")"))}};p.style=v;export{p as ptc_countdown};
-//# sourceMappingURL=p-4585a597.entry.js.map
+import{r as t,h as n}from"./p-DUXO4XZe.js";import{g as e}from"./p-B85MJLTf.js";var r={exports:{}};var i=r.exports;var s;function u(){if(s)return r.exports;s=1;(function(t,n){!function(n,e){t.exports=e()}(i,(function(){var t=1e3,n=6e4,e=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",c="month",h="quarter",f="year",d="date",l="Invalid Date",m=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,v=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,p={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var n=["th","st","nd","rd"],e=t%100;return"["+t+(n[(e-20)%10]||n[e]||n[0])+"]"}},x=function(t,n,e){var r=String(t);return!r||r.length>=n?t:""+Array(n+1-r.length).join(e)+t},y={s:x,z:function(t){var n=-t.utcOffset(),e=Math.abs(n),r=Math.floor(e/60),i=e%60;return(n<=0?"+":"-")+x(r,2,"0")+":"+x(i,2,"0")},m:function t(n,e){if(n.date()<e.date())return-t(e,n);var r=12*(e.year()-n.year())+(e.month()-n.month()),i=n.clone().add(r,c),s=e-i<0,u=n.clone().add(r+(s?-1:1),c);return+(-(r+(e-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return{M:c,y:f,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:h}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",T={};T[g]=p;var M="$isDayjsObject",w=function(t){return t instanceof Y||!(!t||!t[M])},D=function t(n,e,r){var i;if(!n)return g;if("string"==typeof n){var s=n.toLowerCase();T[s]&&(i=s),e&&(T[s]=e,i=s);var u=n.split("-");if(!i&&u.length>1)return t(u[0])}else{var a=n.name;T[a]=n,i=a}return!r&&i&&(g=i),i||!r&&g},b=function(t,n){if(w(t))return t.clone();var e="object"==typeof n?n:{};return e.date=t,e.args=arguments,new Y(e)},S=y;S.l=D,S.i=w,S.w=function(t,n){return b(t,{locale:n.$L,utc:n.$u,x:n.$x,$offset:n.$offset})};var Y=function(){function p(t){this.$L=D(t.locale,null,true),this.parse(t),this.$x=this.$x||t.x||{},this[M]=true}var x=p.prototype;return x.parse=function(t){this.$d=function(t){var n=t.date,e=t.utc;if(null===n)return new Date(NaN);if(S.u(n))return new Date;if(n instanceof Date)return new Date(n);if("string"==typeof n&&!/Z$/i.test(n)){var r=n.match(m);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return e?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(n)}(t),this.init()},x.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},x.$utils=function(){return S},x.isValid=function(){return!(this.$d.toString()===l)},x.isSame=function(t,n){var e=b(t);return this.startOf(n)<=e&&e<=this.endOf(n)},x.isAfter=function(t,n){return b(t)<this.startOf(n)},x.isBefore=function(t,n){return this.endOf(n)<b(t)},x.$g=function(t,n,e){return S.u(t)?this[n]:this.set(e,t)},x.unix=function(){return Math.floor(this.valueOf()/1e3)},x.valueOf=function(){return this.$d.getTime()},x.startOf=function(t,n){var e=this,r=!!S.u(n)||n,h=S.p(t),l=function(t,n){var i=S.w(e.$u?Date.UTC(e.$y,n,t):new Date(e.$y,n,t),e);return r?i:i.endOf(a)},m=function(t,n){return S.w(e.toDate()[t].apply(e.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(n)),e)},v=this.$W,p=this.$M,x=this.$D,y="set"+(this.$u?"UTC":"");switch(h){case f:return r?l(1,0):l(31,11);case c:return r?l(1,p):l(0,p+1);case o:var g=this.$locale().weekStart||0,T=(v<g?v+7:v)-g;return l(r?x-T:x+(6-T),p);case a:case d:return m(y+"Hours",0);case u:return m(y+"Minutes",1);case s:return m(y+"Seconds",2);case i:return m(y+"Milliseconds",3);default:return this.clone()}},x.endOf=function(t){return this.startOf(t,false)},x.$set=function(t,n){var e,o=S.p(t),h="set"+(this.$u?"UTC":""),l=(e={},e[a]=h+"Date",e[d]=h+"Date",e[c]=h+"Month",e[f]=h+"FullYear",e[u]=h+"Hours",e[s]=h+"Minutes",e[i]=h+"Seconds",e[r]=h+"Milliseconds",e)[o],m=o===a?this.$D+(n-this.$W):n;if(o===c||o===f){var v=this.clone().set(d,1);v.$d[l](m),v.init(),this.$d=v.set(d,Math.min(this.$D,v.daysInMonth())).$d}else l&&this.$d[l](m);return this.init(),this},x.set=function(t,n){return this.clone().$set(t,n)},x.get=function(t){return this[S.p(t)]()},x.add=function(r,h){var d,l=this;r=Number(r);var m=S.p(h),v=function(t){var n=b(l);return S.w(n.date(n.date()+Math.round(t*r)),l)};if(m===c)return this.set(c,this.$M+r);if(m===f)return this.set(f,this.$y+r);if(m===a)return v(1);if(m===o)return v(7);var p=(d={},d[s]=n,d[u]=e,d[i]=t,d)[m]||1,x=this.$d.getTime()+r*p;return S.w(x,this)},x.subtract=function(t,n){return this.add(-1*t,n)},x.format=function(t){var n=this,e=this.$locale();if(!this.isValid())return e.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=S.z(this),s=this.$H,u=this.$m,a=this.$M,o=e.weekdays,c=e.months,h=e.meridiem,f=function(t,e,i,s){return t&&(t[e]||t(n,r))||i[e].slice(0,s)},d=function(t){return S.s(s%12||12,t,"0")},m=h||function(t,n,e){var r=t<12?"AM":"PM";return e?r.toLowerCase():r};return r.replace(v,(function(t,r){return r||function(t){switch(t){case"YY":return String(n.$y).slice(-2);case"YYYY":return S.s(n.$y,4,"0");case"M":return a+1;case"MM":return S.s(a+1,2,"0");case"MMM":return f(e.monthsShort,a,c,3);case"MMMM":return f(c,a);case"D":return n.$D;case"DD":return S.s(n.$D,2,"0");case"d":return String(n.$W);case"dd":return f(e.weekdaysMin,n.$W,o,2);case"ddd":return f(e.weekdaysShort,n.$W,o,3);case"dddd":return o[n.$W];case"H":return String(s);case"HH":return S.s(s,2,"0");case"h":return d(1);case"hh":return d(2);case"a":return m(s,u,true);case"A":return m(s,u,false);case"m":return String(u);case"mm":return S.s(u,2,"0");case"s":return String(n.$s);case"ss":return S.s(n.$s,2,"0");case"SSS":return S.s(n.$ms,3,"0");case"Z":return i}return null}(t)||i.replace(":","")}))},x.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},x.diff=function(r,d,l){var m,v=this,p=S.p(d),x=b(r),y=(x.utcOffset()-this.utcOffset())*n,g=this-x,T=function(){return S.m(v,x)};switch(p){case f:m=T()/12;break;case c:m=T();break;case h:m=T()/3;break;case o:m=(g-y)/6048e5;break;case a:m=(g-y)/864e5;break;case u:m=g/e;break;case s:m=g/n;break;case i:m=g/t;break;default:m=g}return l?m:S.a(m)},x.daysInMonth=function(){return this.endOf(c).$D},x.$locale=function(){return T[this.$L]},x.locale=function(t,n){if(!t)return this.$L;var e=this.clone(),r=D(t,n,true);return r&&(e.$L=r),e},x.clone=function(){return S.w(this.$d,this)},x.toDate=function(){return new Date(this.valueOf())},x.toJSON=function(){return this.isValid()?this.toISOString():null},x.toISOString=function(){return this.$d.toISOString()},x.toString=function(){return this.$d.toUTCString()},p}(),_=Y.prototype;return b.prototype=_,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",c],["$y",f],["$D",d]].forEach((function(t){_[t[1]]=function(n){return this.$g(n,t[0],t[1])}})),b.extend=function(t,n){return t.$i||(t(n,Y,b),t.$i=true),b},b.locale=D,b.isDayjs=w,b.unix=function(t){return b(1e3*t)},b.en=T[g],b.Ls=T,b.p={},b}))})(r);return r.exports}var a=u();var o=e(a);var c={exports:{}};var h=c.exports;var f;function d(){if(f)return c.exports;f=1;(function(t,n){!function(n,e){t.exports=e()}(h,(function(){var t="minute",n=/[+-]\d\d(?::?\d\d)?/g,e=/([+-]|\d\d)/g;return function(r,i,s){var u=i.prototype;s.utc=function(t){var n={date:t,utc:true,args:arguments};return new i(n)},u.utc=function(n){var e=s(this.toDate(),{locale:this.$L,utc:true});return n?e.add(this.utcOffset(),t):e},u.local=function(){return s(this.toDate(),{locale:this.$L,utc:false})};var a=u.parse;u.parse=function(t){t.utc&&(this.$u=true),this.$utils().u(t.$offset)||(this.$offset=t.$offset),a.call(this,t)};var o=u.init;u.init=function(){if(this.$u){var t=this.$d;this.$y=t.getUTCFullYear(),this.$M=t.getUTCMonth(),this.$D=t.getUTCDate(),this.$W=t.getUTCDay(),this.$H=t.getUTCHours(),this.$m=t.getUTCMinutes(),this.$s=t.getUTCSeconds(),this.$ms=t.getUTCMilliseconds()}else o.call(this)};var c=u.utcOffset;u.utcOffset=function(r,i){var s=this.$utils().u;if(s(r))return this.$u?0:s(this.$offset)?c.call(this):this.$offset;if("string"==typeof r&&(r=function(t){void 0===t&&(t="");var r=t.match(n);if(!r)return null;var i=(""+r[0]).match(e)||["-",0,0],s=i[0],u=60*+i[1]+ +i[2];return 0===u?0:"+"===s?u:-u}(r),null===r))return this;var u=Math.abs(r)<=16?60*r:r;if(0===u)return this.utc(i);var a=this.clone();if(i)return a.$offset=u,a.$u=false,a;var o=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();return(a=this.local().add(u+o,t)).$offset=u,a.$x.$localOffset=o,a};var h=u.format;u.format=function(t){var n=t||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return h.call(this,n)},u.valueOf=function(){var t=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*t},u.isUTC=function(){return!!this.$u},u.toISOString=function(){return this.toDate().toISOString()},u.toString=function(){return this.toDate().toUTCString()};var f=u.toDate;u.toDate=function(t){return"s"===t&&this.$offset?s(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():f.call(this)};var d=u.diff;u.diff=function(t,n,e){if(t&&this.$u===t.$u)return d.call(this,t,n,e);var r=this.local(),i=s(t).local();return d.call(r,i,n,e)}}}))})(c);return c.exports}var l=d();var m=e(l);const v=':host{display:block;z-index:10;display:flex;align-items:center;justify-content:flex-start;margin-left:0px;margin-bottom:32px}@media only screen and (min-width: 992px){:host{margin-left:var(--ptc-element-spacing-05);margin-bottom:0px}}.countdown-outer{padding:16px 4px;display:block;max-width:450px;min-width:280px;border-radius:4px;box-shadow:0 12px 16px 0 rgba(0, 0, 0, 0.32);background-color:#20262a}@media only screen and (min-width: 480px){.countdown-outer{padding:16px 32px;min-width:380px}}.event-name{display:flex;justify-content:center;align-items:center;margin-bottom:24px;color:white;font-family:"Raleway", sans-serif;font-size:24px;letter-spacing:0.48px;text-align:center}.cd-event-date{display:flex;justify-content:center;align-items:center;margin-top:32px;color:white;font-family:"Raleway", sans-serif;font-size:16px;letter-spacing:0.32px}.countdown{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;color:white;font-size:16px;margin:12px 0px}.day,.hours,.minutes,.seconds{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;padding:4px 4px;border-right:1px #6d707b solid}@media only screen and (min-width: 480px){.day,.hours,.minutes,.seconds{padding:4px 16px}}.day div,.hours div,.minutes div,.seconds div{line-height:56px;letter-spacing:0.96px;font-weight:600;font-size:48px;color:#fff}.day span,.hours span,.minutes span,.seconds span{display:block;font-size:16px;line-height:1.63;letter-spacing:0.32px;text-align:center;color:#fff;margin-bottom:0}.seconds{border-right:none}.expired{min-height:90px;display:flex;justify-content:center;align-items:center;text-align:center;font-weight:bold;padding:0 0px;color:var(--color-white)}';o.extend(m);const p=class{constructor(n){t(this,n)}countdownTitle="";eventTime="";eventTimeZone="EST";expiredText="This event has started on";daysText="days";hoursText="hours";minutesText="minutes";secondsText="seconds";useHourFormat=true;timeLeft={days:0,hours:0,minutes:0,seconds:0};isExpired=false;displayLocale="en";timer;componentWillLoad(){if(!this.eventTime||!this.eventTimeZone){console.error("Both eventTime and eventTimeZone are required.");return}this.detectLocaleFromURL();this.startCountdown()}disconnectedCallback(){clearInterval(this.timer)}getOffsetFromAbbr(t){const n={PST:-480,PDT:-420,MST:-420,MDT:-360,CST:-360,CDT:-300,UTC:0,BST:60,GST:240,KST:540,ACST:570,ACDT:630,EST:-300,EDT:-240,CET:60,CEST:120,IST:330,CST_CN:480,JST:540,ADT:-180,AEDT:660,AEST:600,AKDT:-480,AKST:-540,AST:-240,AWST:480,EEST:180,EET:120,GMT:0,HKT:480};return n[t]!==undefined?n[t]:0}transformDate(t){if(t.includes("T")){return t}return o(t,"M/D/YYYY h:mm:ss A").format("YYYY-MM-DDTHH:mm:ss")}calculateTimeLeft(){const t=this.getOffsetFromAbbr(this.eventTimeZone);const n=o(this.transformDate(this.eventTime)).utcOffset(t,true).utc();const e=o.utc();const r=n.diff(e);if(r>0){this.timeLeft={days:Math.floor(r/(1e3*60*60*24)),hours:Math.floor(r/(1e3*60*60)%24),minutes:Math.floor(r/(1e3*60)%60),seconds:Math.floor(r/1e3%60)}}else{this.isExpired=true;clearInterval(this.timer)}}startCountdown(){this.calculateTimeLeft();this.timer=window.setInterval((()=>this.calculateTimeLeft()),1e3)}detectLocaleFromURL(){const t=window.location.href;if(t.includes("/cn/")){this.displayLocale="zh-CN"}else if(t.includes("/tw/")){this.displayLocale="zh-TW"}else if(t.includes("/fr/")){this.displayLocale="fr"}else if(t.includes("/de/")){this.displayLocale="de"}else if(t.includes("/it/")){this.displayLocale="it"}else if(t.includes("/ja/")){this.displayLocale="ja"}else if(t.includes("/ko/")){this.displayLocale="ko"}else{this.displayLocale="en"}}render(){const{days:t,hours:e,minutes:r,seconds:i}=this.timeLeft;const s=o(this.transformDate(this.eventTime)).utcOffset(this.getOffsetFromAbbr(this.eventTimeZone),true).format("YYYY-MM-DD HH:mm");return n("div",{key:"2a9a519bcccb66c9fc757937f79254e400019355",class:"countdown-outer"},this.countdownTitle&&n("div",{key:"17f0fa7dc7a01dc234b2bb4191ed7e4e9793ade5",class:"event-name"},this.countdownTitle),!this.isExpired?n("div",{id:"CDOutput",class:"countdown"},n("div",{class:"day"},n("div",null,t),n("span",null,this.daysText)),n("div",{class:"hours"},n("div",null,e),n("span",null,this.hoursText)),n("div",{class:"minutes"},n("div",null,r),n("span",null,this.minutesText)),n("div",{class:"seconds"},n("div",null,i),n("span",null,this.secondsText))):n("div",{class:"expired"},`${this.expiredText} ${s} ${this.eventTimeZone}`),n("div",{key:"26711f15f3a02377159862e61e36b31f560dec43",class:"cd-event-date"},new Date(this.eventTime).toLocaleDateString(this.displayLocale,{month:"long",day:"numeric",year:"numeric",hour:"2-digit",minute:"2-digit",hour12:this.useHourFormat})," ","(",this.eventTimeZone,")"))}};p.style=v;export{p as ptc_countdown};
+//# sourceMappingURL=p-f8fea645.entry.js.map

package/dist/fef-stencil-v4/{p-72922346.entry.js → p-fd5799c1.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,H as r}from"./p-DUXO4XZe.js";const o=":host{display:block;position:relative}:host(.jumbotron) .ptc-hero-wrapper,:host(.footer-cta) .ptc-hero-wrapper{position:relative}:host(.footer-cta) .ptc-hero-wrapper div>*{text-align:center}:host(.footer-cta.left) .ptc-hero-wrapper div>*{text-align:left}:host(.footer-cta.right) .ptc-hero-wrapper div>*{text-align:right}:host(.footer-cta.center) .ptc-hero-wrapper div>*{text-align:center}:host(.left) .ptc-hero-wrapper{text-align:left}:host(.center) .ptc-hero-wrapper{text-align:center}:host(.right) .ptc-hero-wrapper{text-align:right}";const c=class{constructor(e){t(this,e)}heroType;bgUrl=undefined;contentAlignment;render(){const t=this.getCssClassMap();return e(r,{key:"05ecb5826c860a95e3f141c072091fecca7d1bdc",class:t},e("div",{key:"b9958ab912fcf3af1c0ee5c5e8ab7ef803cf4235",class:"ptc-hero-wrapper"},!!this.bgUrl?e("ptc-img",{"image-type":"smart-bg","img-url":this.bgUrl,"size-xs":"600x450","size-sm":"1108x658","size-md":"1920x1080","size-lg":"2700x1500"},this.heroType=="jumbotron"?[e("ptc-overlay",{"filter-color":"black-1"}),e("ptc-overlay",{"filter-color":"black-2"})]:this.heroType=="footer-cta"?e("ptc-overlay",{"filter-color":"black-3"}):null,e("slot",null)):e("slot",null)))}getCssClassMap(){return{[this.heroType]:this.heroType?true:false,[this.contentAlignment]:this.contentAlignment?true:false}}};c.style=o;export{c as ptc_hero};
-//# sourceMappingURL=p-72922346.entry.js.map
+import{r as t,h as e,H as r}from"./p-DUXO4XZe.js";const o=":host{display:block;position:relative}:host(.jumbotron) .ptc-hero-wrapper,:host(.footer-cta) .ptc-hero-wrapper{position:relative}:host(.footer-cta) .ptc-hero-wrapper div>*{text-align:center}:host(.footer-cta.left) .ptc-hero-wrapper div>*{text-align:left}:host(.footer-cta.right) .ptc-hero-wrapper div>*{text-align:right}:host(.footer-cta.center) .ptc-hero-wrapper div>*{text-align:center}:host(.left) .ptc-hero-wrapper{text-align:left}:host(.center) .ptc-hero-wrapper{text-align:center}:host(.right) .ptc-hero-wrapper{text-align:right}";const s=class{constructor(e){t(this,e)}heroType;bgUrl=undefined;contentAlignment;render(){const t=this.getCssClassMap();return e(r,{key:"e9ec0cf877c813a0de5494f009aa7b02f25c346a",class:t},e("div",{key:"877f5b5205c308b834e8b9a8fb4f494fa17d3860",class:"ptc-hero-wrapper"},!!this.bgUrl?e("ptc-img",{"image-type":"smart-bg","img-url":this.bgUrl,"size-xs":"600x450","size-sm":"1108x658","size-md":"1920x1080","size-lg":"2700x1500"},this.heroType=="jumbotron"?[e("ptc-overlay",{"filter-color":"black-1"}),e("ptc-overlay",{"filter-color":"black-2"})]:this.heroType=="footer-cta"?e("ptc-overlay",{"filter-color":"black-3"}):null,e("slot",null)):e("slot",null)))}getCssClassMap(){return{[this.heroType]:this.heroType?true:false,[this.contentAlignment]:this.contentAlignment?true:false}}};s.style=o;export{s as ptc_hero};
+//# sourceMappingURL=p-fd5799c1.entry.js.map

package/dist/fef-stencil-v4/{p-a93f6fc9.entry.js → p-fe686e31.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as r,H as s}from"./p-DUXO4XZe.js";const a=":host{display:block}:host .progress-bar-container{height:5px;background-color:linear-gradient(272deg, #3b4550, #1a1a1a);width:100%}:host .progress-bar{height:100%;background-image:linear-gradient(270deg, #4795cd, #33a13c);transition:width 0.3s ease-in-out}";const t=class{constructor(r){e(this,r)}scrollPercentage=0;handleScroll(){const e=document.documentElement.scrollTop;const r=document.documentElement.scrollHeight-document.documentElement.clientHeight;const s=e/r*100;this.scrollPercentage=s}render(){return r(s,{key:"e6edd884a3420653f0598641db1da7219e619e6c"},r("div",{key:"fd9c8b9e980c9eef08ecc813575895805cb3a124",class:"progress-bar-container"},r("div",{key:"e17a90c2ae848b03d40c193429fbf3dd3d08b582",class:"progress-bar",style:{width:`${this.scrollPercentage}%`}})))}};t.style=a;export{t as ptc_progress_bar};
-//# sourceMappingURL=p-a93f6fc9.entry.js.map
+import{r as e,h as r,H as s}from"./p-DUXO4XZe.js";const a=":host{display:block}:host .progress-bar-container{height:5px;background-color:linear-gradient(272deg, #3b4550, #1a1a1a);width:100%}:host .progress-bar{height:100%;background-image:linear-gradient(270deg, #4795cd, #33a13c);transition:width 0.3s ease-in-out}";const t=class{constructor(r){e(this,r)}scrollPercentage=0;handleScroll(){const e=document.documentElement.scrollTop;const r=document.documentElement.scrollHeight-document.documentElement.clientHeight;const s=e/r*100;this.scrollPercentage=s}render(){return r(s,{key:"5b03511fd47e57d6fe178f354d818474a774683e"},r("div",{key:"1a2d636af6f37615790aae5ae27409466b8d6278",class:"progress-bar-container"},r("div",{key:"22e005c5e13e49b8dce25f00c01199d1ff92aba3",class:"progress-bar",style:{width:`${this.scrollPercentage}%`}})))}};t.style=a;export{t as ptc_progress_bar};
+//# sourceMappingURL=p-fe686e31.entry.js.map

package/dist/fef-stencil-v4/ptc-breadcrumb.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ptc-breadcrumb.entry.esm.js","sources":["src/components/molecules/ptc-breadcrumb/ptc-breadcrumb.scss?tag=ptc-breadcrumb&encapsulation=scoped","src/components/molecules/ptc-breadcrumb/ptc-breadcrumb.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n\r\n:host {\r\n\tmargin-top: var(--ptc-element-spacing-05);\r\n\tdisplay: flex;\r\n\talign-items: flex-start;\r\n\r\n\t.visually-hidden {\r\n\t\tposition: absolute;\r\n\t\twidth: 1px;\r\n\t\theight: 1px;\r\n\t\tpadding: 0;\r\n\t\tmargin: -1px;\r\n\t\toverflow: hidden;\r\n\t\tclip: rect(0, 0, 0, 0);\r\n\t\twhite-space: nowrap;\r\n\t\tborder: 0;\r\n\t}\r\n\r\n\t.ptc-breadcrumb-ol {\r\n\t\tposition: relative;\r\n\t\tlist-style: none;\r\n\t\tmargin: 0;\r\n\t\tpadding: 0 0 0 22px;\r\n\r\n\t\tli {\r\n\t\t\tposition: relative;\r\n\t\t\tdisplay: inline;\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-xxx-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tword-break: initial;\r\n\t\t\tcolor: var(--color-white);\r\n\r\n\t\t\t&::before {\r\n\t\t\t\tcontent: \"/\";\r\n\t\t\t\tmargin: 0 3px;\r\n\t\t\t}\r\n\r\n\t\t\t&.home-link {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\tmargin-top: -3px;\r\n\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\ta {\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-bold) !important;\r\n\t\t\t\tfont-size: var(--ptc-font-size-xxx-small) !important;\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\ttext-decoration: underline;\r\n\t\t\t\ttext-decoration-color: transparent;\r\n\t\t\t\ttext-underline-offset: 2px;\r\n\t\t\t\ttext-decoration-thickness: 1px;\r\n\t\t\t\toutline: none;\r\n\t\t\t\ttransition: text-decoration-color var(--ptc-transition-medium)\r\n\t\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t\t\tcolor: var(--color-white);\r\n\r\n\t\t\t\t&:active {\r\n\t\t\t\t\ttransition: none;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\ttext-decoration: underline;\r\n\t\t\t\t\ttext-decoration-color: var(--color-green-07);\r\n\t\t\t\t\toutline: none;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.breadcrumb-item-link:focus-visible {\r\n\t\t\t\t\t//outline: 5px solid var(--keyboard-nav-outline) !important;\r\n\t\t\t\t\t//outline-offset: 0px !important;\r\n\t\t\t\t\t//border-radius: var(--ptc-border-radius-standard);\r\n\t\t\t\t\t@include focus-state;\r\n\t\t\t\t\tdisplay: inline-block;\r\n\r\n\t\t\t\t\t&.dark-mode-link:focus-visible {\r\n\t\t\t\t\t\t//outline-offset: 2px !important;\r\n\t\t\t\t\t\t//box-shadow: 0px 0px 0px 2px var(--color-white);\r\n\t\t\t\t\t\t@include base-focus-state;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.white {\r\n\t\t.ptc-breadcrumb-ol {\r\n\t\t\tli {\r\n\t\t\t\tcolor: var(--color-white);\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: var(--color-white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.black {\r\n\t\t.ptc-breadcrumb-ol {\r\n\t\t\tli {\r\n\t\t\t\tcolor: var(--color-black);\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: var(--color-black);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.ptc-green {\r\n\t\t.ptc-breadcrumb-ol {\r\n\t\t\tli {\r\n\t\t\t\tcolor: var(--color-green-07);\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: var(--color-green-07);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.gray {\r\n\t\t.ptc-breadcrumb-ol {\r\n\t\t\tli {\r\n\t\t\t\tcolor: var(--color-gray-06);\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: var(--color-gray-06);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.light-gray {\r\n\t\t.ptc-breadcrumb-ol {\r\n\t\t\tli {\r\n\t\t\t\tcolor: var(--color-gray-05);\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: var(--color-gray-05);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.primary-gray {\r\n\t\t.ptc-breadcrumb-ol {\r\n\t\t\tli {\r\n\t\t\t\tcolor: var(--color-gray-10);\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.left) {\r\n\tdisplay: flex;\r\n\tjustify-content: flex-start;\r\n\talign-items: flex-end;\r\n}\r\n\r\n:host(.center) {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\r\n\t.ptc-breadcrumb-ol {\r\n\t\tpadding: 0;\r\n\t\ttext-align: center;\r\n\r\n\t\tli {\r\n\t\t\tdisplay: inline-block;\r\n\r\n\t\t\t&.home-link {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tleft: auto;\r\n\t\t\t\tmargin-top: 0;\r\n\t\t\t\tvertical-align: text-bottom;\r\n\t\t\t\tmargin-bottom: -1px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.right) {\r\n\tdisplay: flex;\r\n\tjustify-content: flex-end;\r\n}\r\n\r\n:host(.remove-top-margin) {\r\n\tmargin-top: 0px !important;\r\n}\r\n","import { Component, Host, h, Prop, Element } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-breadcrumb\",\r\n\tstyleUrl: \"ptc-breadcrumb.scss\",\r\n\tscoped: true,\r\n})\r\nexport class PtcBreadcrumb {\r\n\t/**\r\n\t * breadcrumb position\r\n\t */\r\n\t@Prop() position?: \"left\" | \"center\" | \"right\";\r\n\t/**\r\n\t * remove topMargin\r\n\t */\r\n\t@Prop() removeTopMargin: boolean = false;\r\n\t/**\r\n\t *  Theme Color\r\n\t */\r\n\t@Prop() color:\r\n\t\t| \"black\"\r\n\t\t| \"white\"\r\n\t\t| \"ptc-green\"\r\n\t\t| \"gray\"\r\n\t\t| \"light-gray\"\r\n\t\t| \"primary-gray\"\r\n\t\t| \"default\"\r\n\t\t| \"inherit\" = \"white\";\r\n\t/**\r\n\t * Dark Mode for Tab Index\r\n\t */\r\n\t@Prop() isDarkMode: boolean = false;\r\n\t/**\r\n\t * (optional) Injected CSS styles\r\n\t **/\r\n\t@Prop() styles?: string;\r\n\r\n\t@Element() hostElement: HTMLElement;\r\n\r\n\tlistItems: any;\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.listItems = this.hostElement.querySelectorAll(\"list-item\");\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tif (this.listItems) {\r\n\t\t\tthis.hostElement.querySelectorAll(\"list-item\").forEach((item) => {\r\n\t\t\t\titem.remove();\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\treturn (\r\n\t\t\t<Host class={classMap}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<nav aria-label=\"Breadcrumb\">\r\n\t\t\t\t\t<ol class=\"ptc-breadcrumb-ol\">\r\n\t\t\t\t\t\t<li class=\"home-link mf-listen\" id=\"homeLinkID\">\r\n\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\thref=\"/\"\r\n\t\t\t\t\t\t\t\taria-label=\"Home Link\"\r\n\t\t\t\t\t\t\t\tclass={{\r\n\t\t\t\t\t\t\t\t\t[\"breadcrumb-item-link\"]: true,\r\n\t\t\t\t\t\t\t\t\t[\"dark-mode-link\"]: this.isDarkMode,\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t\t\tname=\"icon-home\"\r\n\t\t\t\t\t\t\t\t\tcolor={this.color}\r\n\t\t\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t{Array.from(this.listItems).map(\r\n\t\t\t\t\t\t\t(item: HTMLElement, index, array) => {\r\n\t\t\t\t\t\t\t\tconst textContent = item.textContent.trim();\r\n\t\t\t\t\t\t\t\tconst href = item.getAttribute(\"link-href\");\r\n\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t<li\r\n\t\t\t\t\t\t\t\t\t\tkey={index}\r\n\t\t\t\t\t\t\t\t\t\tclass=\"mf-listen\"\r\n\t\t\t\t\t\t\t\t\t\tid={`breadcrumb` + index + `ID`}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{index < array.length - 1 ? (\r\n\t\t\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\t\t\thref={href}\r\n\t\t\t\t\t\t\t\t\t\t\t\ttarget=\"_self\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tclass={{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t[\"breadcrumb-item-link\"]: true,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t[\"dark-mode-link\"]:\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.isDarkMode,\r\n\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{textContent}\r\n\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\ttextContent\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\t\t{/* for screen readers */}\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"visually-hidden\">/</span>\r\n\t\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</ol>\r\n\t\t\t\t</nav>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.position]:\r\n\t\t\t\t!!this.position && this.position !== undefined ? true : false,\r\n\t\t\t[\"remove-top-margin\"]: this.removeTopMargin ? true : false,\r\n\t\t\t[this.color]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ptc-breadcrumb.entry.esm.js","sources":["src/components/molecules/ptc-breadcrumb/ptc-breadcrumb.scss?tag=ptc-breadcrumb&encapsulation=scoped","src/components/molecules/ptc-breadcrumb/ptc-breadcrumb.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n\r\n:host {\r\n\tmargin-top: var(--ptc-element-spacing-05);\r\n\tdisplay: flex;\r\n\talign-items: flex-start;\r\n\r\n\t.visually-hidden {\r\n\t\tposition: absolute;\r\n\t\twidth: 1px;\r\n\t\theight: 1px;\r\n\t\tpadding: 0;\r\n\t\tmargin: -1px;\r\n\t\toverflow: hidden;\r\n\t\tclip: rect(0, 0, 0, 0);\r\n\t\twhite-space: nowrap;\r\n\t\tborder: 0;\r\n\t}\r\n\r\n\t.ptc-breadcrumb-ol {\r\n\t\tposition: relative;\r\n\t\tlist-style: none;\r\n\t\tmargin: 0;\r\n\t\tpadding: 0 0 0 22px;\r\n\r\n\t\tli {\r\n\t\t\tposition: relative;\r\n\t\t\tdisplay: inline;\r\n\t\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\t\tfont-size: var(--ptc-font-size-xxx-small);\r\n\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\tword-break: initial;\r\n\t\t\tcolor: var(--color-white);\r\n\r\n\t\t\t&::before {\r\n\t\t\t\tcontent: \"/\";\r\n\t\t\t\tmargin: 0 3px;\r\n\t\t\t}\r\n\r\n\t\t\t&.home-link {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\tmargin-top: -3px;\r\n\r\n\t\t\t\t&::before {\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\ta {\r\n\t\t\t\tfont-weight: var(--ptc-font-weight-bold) !important;\r\n\t\t\t\tfont-size: var(--ptc-font-size-xxx-small) !important;\r\n\t\t\t\tline-height: var(--ptc-line-height-densest);\r\n\t\t\t\ttext-decoration: underline;\r\n\t\t\t\ttext-decoration-color: transparent;\r\n\t\t\t\ttext-underline-offset: 2px;\r\n\t\t\t\ttext-decoration-thickness: 1px;\r\n\t\t\t\toutline: none;\r\n\t\t\t\ttransition: text-decoration-color var(--ptc-transition-medium)\r\n\t\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t\t\tcolor: var(--color-white);\r\n\r\n\t\t\t\t&:active {\r\n\t\t\t\t\ttransition: none;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\ttext-decoration: underline;\r\n\t\t\t\t\ttext-decoration-color: var(--color-green-07);\r\n\t\t\t\t\toutline: none;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.breadcrumb-item-link:focus-visible {\r\n\t\t\t\t\t//outline: 5px solid var(--keyboard-nav-outline) !important;\r\n\t\t\t\t\t//outline-offset: 0px !important;\r\n\t\t\t\t\t//border-radius: var(--ptc-border-radius-standard);\r\n\t\t\t\t\t@include focus-state;\r\n\t\t\t\t\tdisplay: inline-block;\r\n\r\n\t\t\t\t\t&.dark-mode-link:focus-visible {\r\n\t\t\t\t\t\t//outline-offset: 2px !important;\r\n\t\t\t\t\t\t//box-shadow: 0px 0px 0px 2px var(--color-white);\r\n\t\t\t\t\t\t@include base-focus-state;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.white {\r\n\t\t.ptc-breadcrumb-ol {\r\n\t\t\tli {\r\n\t\t\t\tcolor: var(--color-white);\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: var(--color-white);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.black {\r\n\t\t.ptc-breadcrumb-ol {\r\n\t\t\tli {\r\n\t\t\t\tcolor: var(--color-black);\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: var(--color-black);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.ptc-green {\r\n\t\t.ptc-breadcrumb-ol {\r\n\t\t\tli {\r\n\t\t\t\tcolor: var(--color-green-07);\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: var(--color-green-07);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.gray {\r\n\t\t.ptc-breadcrumb-ol {\r\n\t\t\tli {\r\n\t\t\t\tcolor: var(--color-gray-06);\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: var(--color-gray-06);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.light-gray {\r\n\t\t.ptc-breadcrumb-ol {\r\n\t\t\tli {\r\n\t\t\t\tcolor: var(--color-gray-05);\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: var(--color-gray-05);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.primary-gray {\r\n\t\t.ptc-breadcrumb-ol {\r\n\t\t\tli {\r\n\t\t\t\tcolor: var(--color-gray-10);\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: var(--color-gray-10);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.left) {\r\n\tdisplay: flex;\r\n\tjustify-content: flex-start;\r\n\talign-items: flex-end;\r\n}\r\n\r\n:host(.center) {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\r\n\t.ptc-breadcrumb-ol {\r\n\t\tpadding: 0;\r\n\t\ttext-align: center;\r\n\r\n\t\tli {\r\n\t\t\tdisplay: inline-block;\r\n\r\n\t\t\t&.home-link {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tleft: auto;\r\n\t\t\t\tmargin-top: 0;\r\n\t\t\t\tvertical-align: text-bottom;\r\n\t\t\t\tmargin-bottom: -1px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n:host(.right) {\r\n\tdisplay: flex;\r\n\tjustify-content: flex-end;\r\n}\r\n\r\n:host(.remove-top-margin) {\r\n\tmargin-top: 0px !important;\r\n}\r\n","import { Component, Host, h, Prop, Element } from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-breadcrumb\",\r\n\tstyleUrl: \"ptc-breadcrumb.scss\",\r\n\tscoped: true,\r\n})\r\nexport class PtcBreadcrumb {\r\n\t/**\r\n\t * breadcrumb position\r\n\t */\r\n\t@Prop() position?: \"left\" | \"center\" | \"right\";\r\n\t/**\r\n\t * remove topMargin\r\n\t */\r\n\t@Prop() removeTopMargin: boolean = false;\r\n\t/**\r\n\t *  Theme Color\r\n\t */\r\n\t@Prop() color:\r\n\t\t| \"black\"\r\n\t\t| \"white\"\r\n\t\t| \"ptc-green\"\r\n\t\t| \"gray\"\r\n\t\t| \"light-gray\"\r\n\t\t| \"primary-gray\"\r\n\t\t| \"default\"\r\n\t\t| \"inherit\" = \"white\";\r\n\t/**\r\n\t * Dark Mode for Tab Index\r\n\t */\r\n\t@Prop() isDarkMode: boolean = false;\r\n\t/**\r\n\t * (optional) Injected CSS styles\r\n\t **/\r\n\t@Prop() styles?: string;\r\n\r\n\t@Prop() type?: string;\r\n\r\n\t@Element() hostElement: HTMLElement;\r\n\r\n\tlistItems: any;\r\n\r\n\tcomponentWillLoad() {\r\n\t\tthis.listItems = this.hostElement.querySelectorAll(\"list-item\");\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tif (this.listItems) {\r\n\t\t\tthis.hostElement.querySelectorAll(\"list-item\").forEach((item) => {\r\n\t\t\t\titem.remove();\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\t//const childListItems: any = this.listItems[0].getAttribute(\"list-type\") === \"home\" && this.listItems[0].getAttribute(\"link-href\") !== \"\" ? Array.from(this.listItems).slice(1) : this.listItems;\r\n\t\tconst childListItems: HTMLElement[] = Array.from(this.listItems as NodeListOf<HTMLElement>).filter(\r\n\t\t\t(item: HTMLElement) => item.getAttribute(\"list-type\") === \"home\" && this.listItems[0].getAttribute(\"link-href\") !== \"\"\r\n\t\t);\r\n\t\tconst hasChildListItems = childListItems.length > 0;\r\n\t\t// Remove childListItems from listItems if any exist\r\n\t\tconst filteredArray = hasChildListItems ? Array.from(this.listItems).filter((item: HTMLElement) => !childListItems.includes(item)) : Array.from(this.listItems);\r\n\t\treturn (\r\n\t\t\t<Host class={classMap}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<nav aria-label=\"Breadcrumb\">\r\n\t\t\t\t\t<ol class=\"ptc-breadcrumb-ol\">\r\n\t\t\t\t\t\t<li class=\"home-link mf-listen\" id=\"homeLinkID\">\r\n\t\t\t\t\t\t\t{hasChildListItems ? (\r\n\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\thref={childListItems[0].getAttribute(\"link-href\")}\r\n\t\t\t\t\t\t\t\t\taria-label=\"Home Link\"\r\n\t\t\t\t\t\t\t\t\tclass={{\r\n\t\t\t\t\t\t\t\t\t\t[\"breadcrumb-item-link\"]: true,\r\n\t\t\t\t\t\t\t\t\t\t[\"dark-mode-link\"]: this.isDarkMode,\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t\t\t\tname=\"icon-home\"\r\n\t\t\t\t\t\t\t\t\t\tcolor={this.color}\r\n\t\t\t\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t\t\t\t</a>)\r\n\t\t\t\t\t\t\t: (\r\n\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\thref=\"/\"\r\n\t\t\t\t\t\t\t\taria-label=\"Home Link\"\r\n\t\t\t\t\t\t\t\tclass={{\r\n\t\t\t\t\t\t\t\t\t[\"breadcrumb-item-link\"]: true,\r\n\t\t\t\t\t\t\t\t\t[\"dark-mode-link\"]: this.isDarkMode,\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\t\t\t\tsize=\"medium\"\r\n\t\t\t\t\t\t\t\t\t\tname=\"icon-home\"\r\n\t\t\t\t\t\t\t\t\t\tcolor={this.color}\r\n\t\t\t\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t{filteredArray.map(\r\n\t\t\t\t\t\t\t(item: HTMLElement, index, array) => {\r\n\t\t\t\t\t\t\t\tconst textContent = item.textContent.trim();\r\n\t\t\t\t\t\t\t\tconst href = item.getAttribute(\"link-href\");\r\n\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t<li\r\n\t\t\t\t\t\t\t\t\t\tkey={index}\r\n\t\t\t\t\t\t\t\t\t\tclass=\"mf-listen\"\r\n\t\t\t\t\t\t\t\t\t\tid={`breadcrumb` + index + `ID`}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{index < array.length - 1 ? (\r\n\t\t\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\t\t\thref={href}\r\n\t\t\t\t\t\t\t\t\t\t\t\ttarget=\"_self\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tclass={{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t[\"breadcrumb-item-link\"]:\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t[\"dark-mode-link\"]:\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.isDarkMode,\r\n\t\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{textContent}\r\n\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\ttextContent\r\n\t\t\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\t\t{/* for screen readers */}\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"visually-hidden\">/</span>\r\n\t\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</ol>\r\n\t\t\t\t</nav>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.position]:\r\n\t\t\t\t!!this.position && this.position !== undefined ? true : false,\r\n\t\t\t[\"remove-top-margin\"]: this.removeTopMargin ? true : false,\r\n\t\t\t[this.color]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/fef-stencil-v4/ptc-button.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ptc-button.entry.esm.js","sources":["src/components/atoms/ptc-button/ptc-button.scss?tag=ptc-button&encapsulation=shadow","src/components/atoms/ptc-button/ptc-button.tsx"],"sourcesContent":["@use \"mixins\" as *;\r\n\r\nbutton.disabled {\r\n\tpointer-events: none;\r\n\topacity: 0.6;\r\n}\r\n\r\nbutton {\r\n\tbackground-color: var(--color-gray-10);\r\n\tdisplay: inline-block;\r\n\tborder-style: solid;\r\n\tborder-width: 1px;\r\n\twhite-space: normal;\r\n\tposition: relative;\r\n\ttext-decoration: none;\r\n\t-moz-osx-font-smoothing: grayscale;\r\n\t/*(For Firefox)*/\r\n\t-webkit-font-smoothing: antialiased;\r\n\t/*(For Chrome and Safari)*/\r\n\tcursor: pointer;\r\n\tpadding: 9.4px 17.5px;\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\r\n\t&.reveal-down {\r\n\t\t.content {\r\n\t\t\ttransition: opacity var(--ptc-transition-medium) var(--ptc-ease-out);\r\n\t\t\topacity: 0;\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t}\r\n\t\t.icon-wrapper {\r\n\t\t\tposition: relative;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-content: center;\r\n\t\t\theight: 16px;\r\n\r\n\t\t\t.icon {\r\n\t\t\t\ttransition: top var(--ptc-transition-fast) var(--ptc-ease-out);\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\ttop: -12px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover {\r\n\t\t&.reveal-down {\r\n\t\t\t.content {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\r\n\t\t\t.icon-wrapper {\r\n\t\t\t\t.icon {\r\n\t\t\t\t\ttop: 4px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.animation-right,\r\n\t&.animation-down {\r\n\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t\tposition: relative;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover {\r\n\t\t&.animation-right {\r\n\t\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\t\ttransform: translateX(var(--ptc-element-spacing-02));\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.animation-down {\r\n\t\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\t\ttransform: translateY(var(--ptc-element-spacing-02));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tspan {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tfont-weight: bold;\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t}\r\n\t&.left {\r\n\t\ttext-align: left;\r\n\t}\r\n\t&.right {\r\n\t\ttext-align: right;\r\n\t}\r\n\t&.center {\r\n\t\ttext-align: center;\r\n\t}\r\n}\r\n\r\n.icon-left {\r\n\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\tmargin-right: var(--ptc-element-spacing-01);\r\n\t}\r\n}\r\n\r\n.icon-right {\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tmargin-left: var(--ptc-element-spacing-01);\r\n\t}\r\n}\r\n\r\n.blackgrey {\r\n\t&:hover {\r\n\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\t}\r\n\r\n\tbox-shadow: var(--ptc-shadow-x-small);\r\n\tborder: solid 1px var(--color-gray-10);\r\n\tbackground-image: linear-gradient(\r\n\t\t285deg,\r\n\t\tvar(--color-gray-10) 155%,\r\n\t\tvar(--color-gray-07) 62%\r\n\t);\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n}\r\n\r\n.turtlegreen {\r\n\t&:hover {\r\n\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\t}\r\n\r\n\tbox-shadow: var(--ptc-shadow-x-small);\r\n\tborder: solid 1px var(--color-green-07);\r\n\tbackground-image: linear-gradient(\r\n\t\t285deg,\r\n\t\tvar(--color-green-07) 155%,\r\n\t\tvar(--color-green-07) 62%\r\n\t);\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n}\r\n\r\n.offwhite {\r\n\tbox-shadow: var(--ptc-shadow-x-small);\r\n\tborder: solid 1px var(--color-gray-10);\r\n\tbackground-image: linear-gradient(\r\n\t\tto right,\r\n\t\tvar(--color-white),\r\n\t\tvar(--color-gray-02),\r\n\t\tvar(--color-gray-01)\r\n\t);\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-gray-10);\r\n\t}\r\n}\r\n\r\n.legacy-green {\r\n\tmargin-left: 10px;\r\n\tpadding: 10px 20px;\r\n\tmargin-bottom: var(--ptc-element-spacing-01);\r\n\tmargin-top: var(--ptc-element-spacing-01);\r\n\r\n\t&:after {\r\n\t\tposition: absolute;\r\n\t\tcontent: \"\";\r\n\t\ttop: -1px;\r\n\t\tleft: 0;\r\n\t\tbottom: 0;\r\n\t\tright: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 103%;\r\n\t\tbackground-image: linear-gradient(\r\n\t\t\tto right,\r\n\t\t\tvar(--color-green-08),\r\n\t\t\tvar(--color-green-06)\r\n\t\t);\r\n\t\topacity: 0;\r\n\t\ttransition: opacity var(--ptc-transition-x-slow) var(--ptc-ease-inout);\r\n\t\tborder-radius: 2px;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\r\n\t\tspan {\r\n\t\t\tcolor: var(--color-white);\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover:after {\r\n\t\topacity: 1;\r\n\t}\r\n\r\n\tbox-shadow: var(--ptc-shadow-large);\r\n\tborder: solid 2.5px var(--color-green-08);\r\n\tbackground-image: linear-gradient(\r\n\t\tto right,\r\n\t\tvar(--color-green-06),\r\n\t\tvar(--color-green-08)\r\n\t);\r\n\r\n\tspan {\r\n\t\tfont-family: var(--ptc-font-secondary-latin);\r\n\t\tcolor: var(--color-white);\r\n\t\tz-index: 100;\r\n\t\tposition: relative;\r\n\t\ttext-transform: uppercase;\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tletter-spacing: var(--ptc-letter-spacing-normal);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\r\n\t\t@include screen-sm {\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tletter-spacing: var(--ptc-letter-spacing-loose);\r\n\t\t}\r\n\t}\r\n\r\n\ticon-asset {\r\n\t\tdisplay: inline;\r\n\t}\r\n}\r\n\r\n//Link style adjustments\r\na {\r\n\tborder-style: solid;\r\n\tborder-width: 1px;\r\n\tposition: relative;\r\n\ttext-decoration: none;\r\n\t-moz-osx-font-smoothing: grayscale;\r\n\t/*(For Firefox)*/\r\n\t-webkit-font-smoothing: antialiased;\r\n\t/*(For Chrome and Safari)*/\r\n\tpadding: 9.4px 17.5px;\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tdisplay: inline-block;\r\n\tposition: relative;\r\n\r\n\t&.animation-right,\r\n\t&.animation-down {\r\n\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\ttransition: all var(--ptc-ease-inout) var(--ptc-transition-medium);\r\n\t\t\tposition: relative;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tmargin-left: 5px;\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover {\r\n\t\t&.animation-right {\r\n\t\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\t\ttransform: translateX(var(--ptc-element-spacing-02));\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.animation-down {\r\n\t\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\t\ttransform: translateY(var(--ptc-element-spacing-02));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.left {\r\n\t\ttext-align: left;\r\n\t}\r\n\t&.right {\r\n\t\ttext-align: right;\r\n\t}\r\n\t&.center {\r\n\t\ttext-align: center;\r\n\t}\r\n}\r\n\r\n.nav {\r\n\tfont-family: var(--ptc-font-latin);\r\n\tbackground-color: var(--color-gray-10);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tborder: 1px solid var(--color-white);\r\n\tborder-bottom-style: solid;\r\n\tborder-bottom-width: 1px;\r\n\tbox-sizing: border-box;\r\n\tcolor: var(--color-white);\r\n\tdisplay: inline-block;\r\n\tfont-size: var(--ptc-font-size-xx-small);\r\n\tfont-stretch: 100%; //undefined value\r\n\tfont-weight: var(--ptc-font-weight-bold);\r\n\tline-height: var(--ptc-line-height-loose);\r\n\tlist-style: none;\r\n\tpadding: 3px var(--ptc-element-spacing-04);\r\n\tposition: relative;\r\n\ttext-align: center;\r\n\ttext-decoration: none;\r\n\t-moz-osx-font-smoothing: grayscale;\r\n\t/*(For Firefox)*/\r\n\t-webkit-font-smoothing: antialiased;\r\n\t/*(For Chrome and Safari)*/\r\n\ttransition: background-color var(--ptc-transition-medium)\r\n\t\tvar(--ptc-ease-inout);\r\n\r\n\t&:focus-visible {\r\n\t\tborder-radius: 4px !important;\r\n\t\tborder: 2px solid #fff !important;\r\n\t\toutline: 5px solid #003dd6 !important;\r\n\t\tbackground-color: transparent !important;\r\n\t\toutline-offset: 0px !important;\r\n\t}\r\n\r\n\t&:focus {\r\n\t\ttext-decoration: none;\r\n\t\tborder: solid 2px transparent;\r\n\t\toutline: none;\r\n\t}\r\n\r\n\t// &:focus {\r\n\t//   outline: 3px solid var(--color-blue-07);\r\n\t//   outline-offset: 2px;\r\n\t// }\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-12);\r\n\t}\r\n}\r\n\r\n//ADA button updates\r\n.ptc-primary,\r\n.ptc-quaternary,\r\n.ptc-secondary,\r\n.ptc-tertiary,\r\n.icon-toggle {\r\n\tpadding: var(--ptc-font-size-xx-small) var(--ptc-font-size-medium);\r\n\ttransition: background-color var(--ptc-ease-inout)\r\n\t\tvar(--ptc-transition-medium);\r\n\tline-height: 20px; //undefined size\r\n\r\n\t&.disabled {\r\n\t\tpointer-events: none;\r\n\t\tborder-color: var(--color-gray-03);\r\n\t\tbackground: var(--color-gray-02);\r\n\r\n\t\tspan {\r\n\t\t\tcolor: var(--color-gray-03);\r\n\t\t}\r\n\r\n\t\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\t\tfill: var(--color-gray-03) !important;\r\n\t\t}\r\n\t}\r\n\r\n\t// &:focus {\r\n\t//   outline: 3px solid var(--color-blue-07);\r\n\t//   outline-offset: 2px;\r\n\t// }\r\n\r\n\t&:focus-visible {\r\n\t\t@include base-focus-state;\r\n\t}\r\n\r\n\tspan {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tletter-spacing: normal;\r\n\t}\r\n\t&.small {\r\n\t\tpadding: var(--ptc-element-spacing-03) var(--ptc-element-spacing-04);\r\n\t\tspan {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t}\r\n\t}\r\n\t&.medium {\r\n\t\tpadding: 14px 20px;\r\n\t\tspan {\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t}\r\n\t}\r\n\t&.large {\r\n\t\tpadding: var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);\r\n\t\tspan {\r\n\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t}\r\n\t}\r\n\r\n\t&.acc-alt-style {\r\n\t\t&:focus-visible {\r\n\t\t\t@include focus-state;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.ptc-primary {\r\n\tbackground: var(--color-gray-12); //--color-primary\r\n\tborder: 2px solid var(--color-green-07); //--color-primary-green\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-10);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-black);\r\n\t\ttransition: none;\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tfill: var(--color-white) !important;\r\n\t}\r\n}\r\n\r\n.ptc-secondary {\r\n\tbackground: var(--color-gray-12);\r\n\tborder: 2px solid var(--color-gray-08);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-10);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-black);\r\n\t\ttransition: none;\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tfill: var(--color-white) !important;\r\n\t}\r\n}\r\n\r\n.ptc-tertiary {\r\n\tbackground: var(--color-white);\r\n\tborder: 2px solid var(--color-gray-10);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-02);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-gray-03);\r\n\t\ttransition: none;\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-gray-10);\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tfill: var(--color-gray-10) !important;\r\n\t}\r\n\r\n\t::slotted(a) {\r\n\t\tcolor: var(--color-gray-10) !important;\r\n\t\ttext-decoration-line: none !important;\r\n\t}\r\n}\r\n\r\n.ptc-quaternary {\r\n\tbackground: var(--color-green-07);\r\n\tborder: 2px solid var(--color-green-07);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tcursor: pointer;\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-green-08);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-green-09);\r\n\t\ttransition: none;\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tfill: var(--color-white) !important;\r\n\t}\r\n}\r\n\r\n.icon-toggle {\r\n\tbackground: var(--color-white);\r\n\tborder: 1px solid var(--color-gray-10);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tpadding: 0;\r\n\theight: 2.125rem;\r\n\twidth: 2.125rem;\r\n\tbox-shadow: var(--ptc-shadow-medium);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-02);\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t\tbackground-color: var(--color-gray-03);\r\n\t}\r\n\r\n\t&.active {\r\n\t\tbackground-color: var(--color-gray-04);\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground-color: var(--color-gray-05);\r\n\t\t}\r\n\r\n\t\t&:active {\r\n\t\t\ttransition: none;\r\n\t\t\tbackground-color: var(--color-gray-03);\r\n\t\t}\r\n\t}\r\n\r\n\t&:focus {\r\n\t\toutline: 2px solid var(--color-blue-07);\r\n\t\toutline-offset: 1px;\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-gray-10);\r\n\t\tpadding: 0;\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tfill: var(--color-gray-10) !important;\r\n\t}\r\n\r\n\t::slotted(icon-asset) {\r\n\t\tdisplay: block;\r\n\t\tmargin: auto;\r\n\t\theight: 18px;\r\n\t\twidth: 18px;\r\n\t}\r\n}\r\n\r\n.clear-search {\r\n\tborder: none;\r\n\tpadding: 0px;\r\n\tline-height: var(----ptc-line-height-densest);\r\n\tbackground-color: transparent;\r\n\r\n\t&:hover {\r\n\t\ttext-decoration: underline;\r\n\t\ttext-decoration-color: var(--color-white);\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t-moz-osx-font-smoothing: grayscale;\r\n\t\t-webkit-font-smoothing: antialiased;\r\n\t}\r\n}\r\n\r\n.tracker-div {\r\n\t@include div-tracker;\r\n\tdisplay: inline-block;\r\n}\r\n\r\n.focus-state-dark-background {\r\n\t&:focus-visible {\r\n\t\t@include focus-state;\r\n\t}\r\n}\r\n\r\n// New CTA's\r\n// Common CTA base styles\r\n%cta-base {\r\n\tpadding: 0.875rem 1.25rem;\r\n\tfont-size: var(--ptc-font-size-small);\r\n\tfont-style: normal;\r\n\tfont-weight: var(--ptc-font-weight-bold);\r\n\tline-height: var(--ptc-line-height-densest);\r\n\tcolor: var(--color-white);\r\n\tborder: 2px solid transparent;\r\n\ttext-decoration: none;\r\n\r\n\t&.medium {\r\n\t\tpadding: 0.75rem 1rem;\r\n\r\n\t\tspan {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t}\r\n\t}\r\n\r\n\t&.small {\r\n\t\tpadding: 0.5rem 0.75rem;\r\n\r\n\t\tspan {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t}\r\n\t}\r\n\r\n\t&.disabled {\r\n\t\tpointer-events: none;\r\n\t\tcolor: var(--color-gray-03);\r\n\t\tborder-color: var(--color-gray-03);\r\n\t\tbackground-color: var(--color-gray-02);\r\n\r\n\t\ticon-asset svg {\r\n\t\t\tfill: var(--color-gray-03);\r\n\t\t}\r\n\r\n\t\t&:focus-visible {\r\n\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t}\r\n\t}\r\n\r\n\t&:focus-visible {\r\n\t\t@include focus-state;\r\n\t}\r\n\r\n\t&.full-width {\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.cta-content-wrap {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\r\n\t\ticon-asset {\r\n\t\t\tmargin-right: 8px;\r\n\t\t\tline-height: 0;\r\n\t\t\t& + span {\r\n\t\t\t\ttext-align: left;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Primary CTA\r\n.primary-cta {\r\n\t@extend %cta-base;\r\n\tbackground-color: var(--color-green-07);\r\n\tborder-color: var(--color-green-07);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-green-08);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-green-09);\r\n\t}\r\n\r\n\t&:focus-visible {\r\n\t\tbackground-color: var(--color-green-07);\r\n\t}\r\n}\r\n\r\n// Secondary CTA (dark theme)\r\n.secondary-cta-dark {\r\n\t@extend %cta-base;\r\n\tbackground-color: var(--color-gray-12);\r\n\tborder-color: var(--color-gray-08);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-10);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-black);\r\n\t}\r\n\r\n\t&:focus-visible {\r\n\t\tbackground-color: var(--color-gray-12);\r\n\t}\r\n}\r\n\r\n// Secondary CTA (light theme)\r\n.secondary-cta-light {\r\n\t@extend %cta-base;\r\n\tbackground-color: var(--color-white);\r\n\tborder-color: var(--color-gray-10);\r\n\tcolor: var(--color-gray-10);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-02);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-gray-03);\r\n\t}\r\n\r\n\t&:focus-visible {\r\n\t\tbackground-color: var(--color-white);\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tProp,\r\n\th,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tHost,\r\n\tElement,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\nimport { getSeoTagType, CheckDarkFocusState } from \"../../../utils/utils\";\r\n\r\n@Component({\r\n\ttag: \"ptc-button\",\r\n\tstyleUrl: \"ptc-button.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcButton {\r\n\t@Element() el: HTMLElement;\r\n\t/**\r\n\t * Disabled button\r\n\t */\r\n\t@Prop({ reflect: true }) disabled?: boolean = false;\r\n\t/**\r\n\t * Active Toggle button\r\n\t */\r\n\t@Prop({ reflect: true }) active?: boolean = false;\r\n\t/**\r\n\t * Button type\r\n\t */\r\n\t@Prop() type: \"button\" | \"reset\" | \"submit\" | \"link\" = \"button\";\r\n\t/**\r\n\t * Button theme color\r\n\t */\r\n\t@Prop()\r\n\tcolor:\r\n\t\t| \"offwhite\"\r\n\t\t| \"blackgrey\"\r\n\t\t| \"turtlegreen\"\r\n\t\t| \"nav\"\r\n\t\t| \"legacy-green\"\r\n\t\t| \"ptc-primary\"\r\n\t\t| \"ptc-secondary\"\r\n\t\t| \"ptc-tertiary\"\r\n\t\t| \"ptc-quaternary\"\r\n\t\t| \"icon-toggle\"\r\n\t\t| \"clear-search\"\r\n\t\t| \"primary-cta\"\r\n\t\t| \"secondary-cta-dark\"\r\n\t\t| \"secondary-cta-light\" = \"ptc-primary\";\r\n\t/**\r\n\t * Icon Animation\r\n\t */\r\n\t@Prop() iconAnimation:\r\n\t\t| \"animation-right\"\r\n\t\t| \"animation-down\"\r\n\t\t| \"reveal-down\"\r\n\t\t| \"\" = \"\";\r\n\t/**\r\n\t * Icon Position\r\n\t */\r\n\t@Prop() iconPosition: \"icon-left\" | \"icon-right\" | \"none\" = \"icon-right\";\r\n\r\n\t/**\r\n\t * Link URL\r\n\t */\r\n\t@Prop() linkHref?: string = undefined;\r\n\r\n\t/**\r\n\t * link Title\r\n\t */\r\n\t@Prop() linkTitle?: string = undefined;\r\n\r\n\t/**\r\n\t * Link target\r\n\t * */\r\n\t@Prop() target?: string = \"_self\";\r\n\t/**\r\n\t *  Link rel\r\n\t * */\r\n\t@Prop() rel?: string = undefined;\r\n\t/**\r\n\t *  (optional) tab-nav.\r\n\t *  indicates that its element can be focused, and where it participates in sequential keyboard navigation.\r\n\t *  A negative value (usually tabindex=\"-1\") means that the element is not reachable via sequential keyboard navigation\r\n\t */\r\n\t@Prop() tabNav: number = 0;\r\n\t/**\r\n\t *  (optional) Injected CSS Styles\r\n\t */\r\n\t@Prop() styles?: string;\r\n\r\n\t/**\r\n\t * Text Align\r\n\t */\r\n\t@Prop() textAlign?: \"left\" | \"right\" | \"center\";\r\n\r\n\t/**\r\n\t * Enable Accessibility Alternate Styling\r\n\t */\r\n\t@Prop() enableAccessibilityAltStyle: boolean = false;\r\n\r\n\t/**\r\n\t * Button theme color\r\n\t */\r\n\t@Prop()\r\n\tsize: \"small\" | \"medium\" | \"large\";\r\n\t/**\r\n\t * Emitted when the button has focus.\r\n\t */\r\n\t@Event() clickEvent: EventEmitter<void>;\r\n\tclickEventHandler() {\r\n\t\tthis.clickEvent.emit();\r\n\t}\r\n\t// Properties for accessibilty / aria\r\n\t@Prop() buttonTitle?: string;\r\n\t@Prop() ariaLabel: string = \"\";\r\n\t/**\r\n\t * (optional) enable support for seo tools that can only view source\r\n\t */\r\n\t@Prop() seoCompatibilityMode: boolean = false;\r\n\t/**\r\n\t * when support for seo tools is enabled will take inner element content and dublicate to slot for browser translation compatibility\r\n\t */\r\n\t@Prop() maintainContent: boolean = false;\r\n\t@Prop() trackerId?: string;\r\n\r\n\t/**\r\n\t *  Add dark-focus-state property where button is present on dark backgrounds\r\n\t */\r\n\t@Prop() darkFocusState: boolean = false;\r\n\r\n\t@Prop() ctaWidth: \"full-width\" | \"default\" = \"default\";\r\n\r\n\tcomponentWillLoad() {\r\n\t\tCheckDarkFocusState(this, this.el);\r\n\t}\r\n\r\n\tseoCompRender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tconst Tag = !!this.linkHref ? \"a\" : \"button\";\r\n\t\tconst [TagType, firstChild] = getSeoTagType(this.el, Tag);\r\n\t\tconst html = firstChild && firstChild.innerHTML;\r\n\r\n\t\tif (this.el == firstChild) {\r\n\t\t\tthis.el.innerHTML = \"\";\r\n\t\t}\r\n\r\n\t\tif (this.maintainContent) {\r\n\t\t\tthis.el.innerHTML = html;\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div\r\n\t\t\t\t\tid={this.trackerId}\r\n\t\t\t\t\tclass=\"tracker-div mf-listen\"\r\n\t\t\t\t\t{...(this.ctaWidth === \"full-width\"\r\n\t\t\t\t\t\t? { style: { display: \"block\" } }\r\n\t\t\t\t\t\t: {})}\r\n\t\t\t\t>\r\n\t\t\t\t\t<TagType\r\n\t\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\t\tonClick={this.clickEventHandler.bind(this)}\r\n\t\t\t\t\t\t{...(!!this.linkHref ? { href: this.linkHref } : {})}\r\n\t\t\t\t\t\t{...(!this.linkHref ? { type: this.type } : {})}\r\n\t\t\t\t\t\t{...(!!this.target && !!this.linkHref\r\n\t\t\t\t\t\t\t? { target: this.target }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.rel && !!this.linkHref\r\n\t\t\t\t\t\t\t? { rel: this.rel }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.linkHref\r\n\t\t\t\t\t\t\t? {\r\n\t\t\t\t\t\t\t\t\ttitle: this.linkTitle\r\n\t\t\t\t\t\t\t\t\t\t? this.linkTitle\r\n\t\t\t\t\t\t\t\t\t\t: this.linkHref,\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.tabNav\r\n\t\t\t\t\t\t\t? { tabindex: -1 }\r\n\t\t\t\t\t\t\t: { tabindex: 0 })}\r\n\t\t\t\t\t\ttitle={this.buttonTitle}\r\n\t\t\t\t\t\t{...(this.ariaLabel !== \"\"\r\n\t\t\t\t\t\t\t? { ariaLabel: this.ariaLabel }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t<span innerHTML={html} class={\"cta-content-wrap\"}>\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-before-text\"></slot>\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-after-text\"></slot>\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</TagType>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tstandardRender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tconst Tag = !!this.linkHref ? \"a\" : \"button\";\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div id={this.trackerId} class=\"tracker-div mf-listen\">\r\n\t\t\t\t\t<Tag\r\n\t\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\t\tonClick={this.clickEventHandler.bind(this)}\r\n\t\t\t\t\t\t{...(!!this.linkHref ? { href: this.linkHref } : {})}\r\n\t\t\t\t\t\t{...(!this.linkHref ? { type: this.type } : {})}\r\n\t\t\t\t\t\t{...(!!this.target && !!this.linkHref\r\n\t\t\t\t\t\t\t? { target: this.target }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.rel && !!this.linkHref\r\n\t\t\t\t\t\t\t? { rel: this.rel }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.linkHref\r\n\t\t\t\t\t\t\t? {\r\n\t\t\t\t\t\t\t\t\ttitle: this.linkTitle\r\n\t\t\t\t\t\t\t\t\t\t? this.linkTitle\r\n\t\t\t\t\t\t\t\t\t\t: this.linkHref,\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.tabNav\r\n\t\t\t\t\t\t\t? { tabindex: -1 }\r\n\t\t\t\t\t\t\t: { tabindex: 0 })}\r\n\t\t\t\t\t\ttitle={this.buttonTitle}\r\n\t\t\t\t\t\t{...(this.ariaLabel !== \"\"\r\n\t\t\t\t\t\t\t? { ariaLabel: this.ariaLabel }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.iconAnimation == \"reveal-down\" ? (\r\n\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t<div class=\"content\">\r\n\t\t\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div class=\"icon-wrapper\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"icon\">\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"slot-after-text\"></slot>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-before-text\"></slot>\r\n\t\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-after-text\"></slot>\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</Tag>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\trender() {\r\n\t\tif (this.seoCompatibilityMode) {\r\n\t\t\treturn this.seoCompRender();\r\n\t\t} else {\r\n\t\t\treturn this.standardRender();\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.color]: true,\r\n\t\t\t[this.iconAnimation]: true,\r\n\t\t\t[this.iconPosition]: true,\r\n\t\t\t[\"disabled\"]: this.disabled ? true : false,\r\n\t\t\t[\"active\"]: this.active ? true : false,\r\n\t\t\t[this.textAlign]: true,\r\n\t\t\t[this.size]: true,\r\n\t\t\t[\"acc-alt-style\"]: this.enableAccessibilityAltStyle,\r\n\t\t\t[\"focus-state-dark-background\"]: this.darkFocusState,\r\n\t\t\t[this.ctaWidth]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ptc-button.entry.esm.js","sources":["src/components/atoms/ptc-button/ptc-button.scss?tag=ptc-button&encapsulation=shadow","src/components/atoms/ptc-button/ptc-button.tsx"],"sourcesContent":["@use \"mixins\" as *;\r\n\r\nbutton.disabled {\r\n\tpointer-events: none;\r\n\topacity: 0.6;\r\n}\r\n\r\nbutton {\r\n\tbackground-color: var(--color-gray-10);\r\n\tdisplay: inline-block;\r\n\tborder-style: solid;\r\n\tborder-width: 1px;\r\n\twhite-space: normal;\r\n\tposition: relative;\r\n\ttext-decoration: none;\r\n\t-moz-osx-font-smoothing: grayscale;\r\n\t/*(For Firefox)*/\r\n\t-webkit-font-smoothing: antialiased;\r\n\t/*(For Chrome and Safari)*/\r\n\tcursor: pointer;\r\n\tpadding: 9.4px 17.5px;\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\r\n\t&.reveal-down {\r\n\t\t.content {\r\n\t\t\ttransition: opacity var(--ptc-transition-medium) var(--ptc-ease-out);\r\n\t\t\topacity: 0;\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t}\r\n\t\t.icon-wrapper {\r\n\t\t\tposition: relative;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-content: center;\r\n\t\t\theight: 16px;\r\n\r\n\t\t\t.icon {\r\n\t\t\t\ttransition: top var(--ptc-transition-fast) var(--ptc-ease-out);\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\ttop: -12px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover {\r\n\t\t&.reveal-down {\r\n\t\t\t.content {\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\r\n\t\t\t.icon-wrapper {\r\n\t\t\t\t.icon {\r\n\t\t\t\t\ttop: 4px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.animation-right,\r\n\t&.animation-down {\r\n\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\ttransition: transform var(--ptc-transition-medium)\r\n\t\t\t\tvar(--ptc-ease-inout);\r\n\t\t\tposition: relative;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover {\r\n\t\t&.animation-right {\r\n\t\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\t\ttransform: translateX(var(--ptc-element-spacing-02));\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.animation-down {\r\n\t\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\t\ttransform: translateY(var(--ptc-element-spacing-02));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tspan {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tfont-weight: bold;\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t}\r\n\t&.left {\r\n\t\ttext-align: left;\r\n\t}\r\n\t&.right {\r\n\t\ttext-align: right;\r\n\t}\r\n\t&.center {\r\n\t\ttext-align: center;\r\n\t}\r\n}\r\n\r\n.icon-left {\r\n\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\tmargin-right: var(--ptc-element-spacing-01);\r\n\t}\r\n}\r\n\r\n.icon-right {\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tmargin-left: var(--ptc-element-spacing-01);\r\n\t}\r\n}\r\n\r\n.blackgrey {\r\n\t&:hover {\r\n\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\t}\r\n\r\n\tbox-shadow: var(--ptc-shadow-x-small);\r\n\tborder: solid 1px var(--color-gray-10);\r\n\tbackground-image: linear-gradient(\r\n\t\t285deg,\r\n\t\tvar(--color-gray-10) 155%,\r\n\t\tvar(--color-gray-07) 62%\r\n\t);\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n}\r\n\r\n.turtlegreen {\r\n\t&:hover {\r\n\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\t}\r\n\r\n\tbox-shadow: var(--ptc-shadow-x-small);\r\n\tborder: solid 1px var(--color-green-07);\r\n\tbackground-image: linear-gradient(\r\n\t\t285deg,\r\n\t\tvar(--color-green-07) 155%,\r\n\t\tvar(--color-green-07) 62%\r\n\t);\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n}\r\n\r\n.offwhite {\r\n\tbox-shadow: var(--ptc-shadow-x-small);\r\n\tborder: solid 1px var(--color-gray-10);\r\n\tbackground-image: linear-gradient(\r\n\t\tto right,\r\n\t\tvar(--color-white),\r\n\t\tvar(--color-gray-02),\r\n\t\tvar(--color-gray-01)\r\n\t);\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-gray-10);\r\n\t}\r\n}\r\n\r\n.legacy-green {\r\n\tmargin-left: 10px;\r\n\tpadding: 10px 20px;\r\n\tmargin-bottom: var(--ptc-element-spacing-01);\r\n\tmargin-top: var(--ptc-element-spacing-01);\r\n\r\n\t&:after {\r\n\t\tposition: absolute;\r\n\t\tcontent: \"\";\r\n\t\ttop: -1px;\r\n\t\tleft: 0;\r\n\t\tbottom: 0;\r\n\t\tright: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 103%;\r\n\t\tbackground-image: linear-gradient(\r\n\t\t\tto right,\r\n\t\t\tvar(--color-green-08),\r\n\t\t\tvar(--color-green-06)\r\n\t\t);\r\n\t\topacity: 0;\r\n\t\ttransition: opacity var(--ptc-transition-x-slow) var(--ptc-ease-inout);\r\n\t\tborder-radius: 2px;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: var(--ptc-shadow-x-large);\r\n\r\n\t\tspan {\r\n\t\t\tcolor: var(--color-white);\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover:after {\r\n\t\topacity: 1;\r\n\t}\r\n\r\n\tbox-shadow: var(--ptc-shadow-large);\r\n\tborder: solid 2.5px var(--color-green-08);\r\n\tbackground-image: linear-gradient(\r\n\t\tto right,\r\n\t\tvar(--color-green-06),\r\n\t\tvar(--color-green-08)\r\n\t);\r\n\r\n\tspan {\r\n\t\tfont-family: var(--ptc-font-secondary-latin);\r\n\t\tcolor: var(--color-white);\r\n\t\tz-index: 100;\r\n\t\tposition: relative;\r\n\t\ttext-transform: uppercase;\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tletter-spacing: var(--ptc-letter-spacing-normal);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\r\n\t\t@include screen-sm {\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t\tletter-spacing: var(--ptc-letter-spacing-loose);\r\n\t\t}\r\n\t}\r\n\r\n\ticon-asset {\r\n\t\tdisplay: inline;\r\n\t}\r\n}\r\n\r\n//Link style adjustments\r\na {\r\n\tborder-style: solid;\r\n\tborder-width: 1px;\r\n\tposition: relative;\r\n\ttext-decoration: none;\r\n\t-moz-osx-font-smoothing: grayscale;\r\n\t/*(For Firefox)*/\r\n\t-webkit-font-smoothing: antialiased;\r\n\t/*(For Chrome and Safari)*/\r\n\tpadding: 9.4px 17.5px;\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tdisplay: inline-block;\r\n\tposition: relative;\r\n\r\n\t&.animation-right,\r\n\t&.animation-down {\r\n\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\ttransition: all var(--ptc-ease-inout) var(--ptc-transition-medium);\r\n\t\t\tposition: relative;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tmargin-left: 5px;\r\n\t\t}\r\n\t}\r\n\r\n\t&:hover {\r\n\t\t&.animation-right {\r\n\t\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\t\ttransform: translateX(var(--ptc-element-spacing-02));\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.animation-down {\r\n\t\t\t::slotted([slot=\"slot-after-text\"]),\r\n\t\t\t::slotted([slot=\"slot-before-text\"]) {\r\n\t\t\t\ttransform: translateY(var(--ptc-element-spacing-02));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.left {\r\n\t\ttext-align: left;\r\n\t}\r\n\t&.right {\r\n\t\ttext-align: right;\r\n\t}\r\n\t&.center {\r\n\t\ttext-align: center;\r\n\t}\r\n}\r\n\r\n.nav {\r\n\tfont-family: var(--ptc-font-latin);\r\n\tbackground-color: var(--color-gray-10);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tborder: 1px solid var(--color-white);\r\n\tborder-bottom-style: solid;\r\n\tborder-bottom-width: 1px;\r\n\tbox-sizing: border-box;\r\n\tcolor: var(--color-white);\r\n\tdisplay: inline-block;\r\n\tfont-size: var(--ptc-font-size-xx-small);\r\n\tfont-stretch: 100%; //undefined value\r\n\tfont-weight: var(--ptc-font-weight-bold);\r\n\tline-height: var(--ptc-line-height-loose);\r\n\tlist-style: none;\r\n\tpadding: 3px var(--ptc-element-spacing-04);\r\n\tposition: relative;\r\n\ttext-align: center;\r\n\ttext-decoration: none;\r\n\t-moz-osx-font-smoothing: grayscale;\r\n\t/*(For Firefox)*/\r\n\t-webkit-font-smoothing: antialiased;\r\n\t/*(For Chrome and Safari)*/\r\n\ttransition: background-color var(--ptc-transition-medium)\r\n\t\tvar(--ptc-ease-inout);\r\n\r\n\t&:focus-visible {\r\n\t\tborder-radius: 4px !important;\r\n\t\tborder: 2px solid #fff !important;\r\n\t\toutline: 5px solid #003dd6 !important;\r\n\t\tbackground-color: transparent !important;\r\n\t\toutline-offset: 0px !important;\r\n\t}\r\n\r\n\t&:focus {\r\n\t\ttext-decoration: none;\r\n\t\tborder: solid 2px transparent;\r\n\t\toutline: none;\r\n\t}\r\n\r\n\t// &:focus {\r\n\t//   outline: 3px solid var(--color-blue-07);\r\n\t//   outline-offset: 2px;\r\n\t// }\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-12);\r\n\t}\r\n}\r\n\r\n.nav-store-btn {\r\n\tfont-family: var(--ptc-font-latin);\r\n\tbackground-color: var(--color-green-07);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tborder: 1px solid var(--color-green-07);\r\n\tborder-bottom-style: solid;\r\n\tborder-bottom-width: 1px;\r\n\tbox-sizing: border-box;\r\n\tcolor: var(--color-white);\r\n\tdisplay: inline-block;\r\n\tfont-size: var(--ptc-font-size-xx-small);\r\n\tfont-stretch: 100%; //undefined value\r\n\tfont-weight: var(--ptc-font-weight-bold);\r\n\tline-height: var(--ptc-line-height-loose);\r\n\tlist-style: none;\r\n\tpadding: 3px var(--ptc-element-spacing-04);\r\n\tposition: relative;\r\n\ttext-align: center;\r\n\ttext-decoration: none;\r\n\t-moz-osx-font-smoothing: grayscale;\r\n\t/*(For Firefox)*/\r\n\t-webkit-font-smoothing: antialiased;\r\n\t/*(For Chrome and Safari)*/\r\n\ttransition: background-color var(--ptc-transition-medium)\r\n\t\tvar(--ptc-ease-inout);\r\n\r\n\t&:focus-visible {\r\n\t\tborder-radius: 4px !important;\r\n\t\tborder: 2px solid #fff !important;\r\n\t\toutline: 5px solid #003dd6 !important;\r\n\t\tbackground-color: var(--color-green-07) !important;\r\n\t\toutline-offset: 0px !important;\r\n\t}\r\n\r\n\t&:focus {\r\n\t\ttext-decoration: none;\r\n\t\tborder: solid 2px transparent;\r\n\t\toutline: none;\r\n\t}\r\n\r\n\t// &:focus {\r\n\t//   outline: 3px solid var(--color-blue-07);\r\n\t//   outline-offset: 2px;\r\n\t// }\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-green-08);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-green-09);\r\n\t\ttransition: none;\r\n\t}\r\n}\r\n\r\n\r\n//ADA button updates\r\n.ptc-primary,\r\n.ptc-quaternary,\r\n.ptc-secondary,\r\n.ptc-tertiary,\r\n.icon-toggle {\r\n\tpadding: var(--ptc-font-size-xx-small) var(--ptc-font-size-medium);\r\n\ttransition: background-color var(--ptc-ease-inout)\r\n\t\tvar(--ptc-transition-medium);\r\n\tline-height: 20px; //undefined size\r\n\r\n\t&.disabled {\r\n\t\tpointer-events: none;\r\n\t\tborder-color: var(--color-gray-03);\r\n\t\tbackground: var(--color-gray-02);\r\n\r\n\t\tspan {\r\n\t\t\tcolor: var(--color-gray-03);\r\n\t\t}\r\n\r\n\t\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\t\tfill: var(--color-gray-03) !important;\r\n\t\t}\r\n\t}\r\n\r\n\t// &:focus {\r\n\t//   outline: 3px solid var(--color-blue-07);\r\n\t//   outline-offset: 2px;\r\n\t// }\r\n\r\n\t&:focus-visible {\r\n\t\t@include base-focus-state;\r\n\t}\r\n\r\n\tspan {\r\n\t\tfont-family: var(--ptc-font-latin);\r\n\t\tfont-weight: var(--ptc-font-weight-bold);\r\n\t\tfont-size: var(--ptc-font-size-small);\r\n\t\tline-height: var(--ptc-line-height-densest);\r\n\t\tletter-spacing: normal;\r\n\t}\r\n\t&.small {\r\n\t\tpadding: var(--ptc-element-spacing-03) var(--ptc-element-spacing-04);\r\n\t\tspan {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t}\r\n\t}\r\n\t&.medium {\r\n\t\tpadding: 14px 20px;\r\n\t\tspan {\r\n\t\t\tfont-size: var(--ptc-font-size-small);\r\n\t\t}\r\n\t}\r\n\t&.large {\r\n\t\tpadding: var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);\r\n\t\tspan {\r\n\t\t\tfont-size: var(--ptc-font-size-large);\r\n\t\t}\r\n\t}\r\n\r\n\t&.acc-alt-style {\r\n\t\t&:focus-visible {\r\n\t\t\t@include focus-state;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.ptc-primary {\r\n\tbackground: var(--color-gray-12); //--color-primary\r\n\tborder: 2px solid var(--color-green-07); //--color-primary-green\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-10);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-black);\r\n\t\ttransition: none;\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tfill: var(--color-white) !important;\r\n\t}\r\n}\r\n\r\n.ptc-secondary {\r\n\tbackground: var(--color-gray-12);\r\n\tborder: 2px solid var(--color-gray-08);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-10);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-black);\r\n\t\ttransition: none;\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tfill: var(--color-white) !important;\r\n\t}\r\n}\r\n\r\n.ptc-tertiary {\r\n\tbackground: var(--color-white);\r\n\tborder: 2px solid var(--color-gray-10);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-02);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-gray-03);\r\n\t\ttransition: none;\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-gray-10);\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tfill: var(--color-gray-10) !important;\r\n\t}\r\n\r\n\t::slotted(a) {\r\n\t\tcolor: var(--color-gray-10) !important;\r\n\t\ttext-decoration-line: none !important;\r\n\t}\r\n}\r\n\r\n.ptc-quaternary {\r\n\tbackground: var(--color-green-07);\r\n\tborder: 2px solid var(--color-green-07);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tcursor: pointer;\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-green-08);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-green-09);\r\n\t\ttransition: none;\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tfill: var(--color-white) !important;\r\n\t}\r\n}\r\n\r\n.icon-toggle {\r\n\tbackground: var(--color-white);\r\n\tborder: 1px solid var(--color-gray-10);\r\n\tborder-radius: var(--ptc-border-radius-standard);\r\n\tpadding: 0;\r\n\theight: 2.125rem;\r\n\twidth: 2.125rem;\r\n\tbox-shadow: var(--ptc-shadow-medium);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-02);\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransition: none;\r\n\t\tbackground-color: var(--color-gray-03);\r\n\t}\r\n\r\n\t&.active {\r\n\t\tbackground-color: var(--color-gray-04);\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground-color: var(--color-gray-05);\r\n\t\t}\r\n\r\n\t\t&:active {\r\n\t\t\ttransition: none;\r\n\t\t\tbackground-color: var(--color-gray-03);\r\n\t\t}\r\n\t}\r\n\r\n\t&:focus {\r\n\t\toutline: 2px solid var(--color-blue-07);\r\n\t\toutline-offset: 1px;\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-gray-10);\r\n\t\tpadding: 0;\r\n\t}\r\n\r\n\t::slotted([slot=\"slot-after-text\"]) {\r\n\t\tfill: var(--color-gray-10) !important;\r\n\t}\r\n\r\n\t::slotted(icon-asset) {\r\n\t\tdisplay: block;\r\n\t\tmargin: auto;\r\n\t\theight: 18px;\r\n\t\twidth: 18px;\r\n\t}\r\n}\r\n\r\n.clear-search {\r\n\tborder: none;\r\n\tpadding: 0px;\r\n\tline-height: var(----ptc-line-height-densest);\r\n\tbackground-color: transparent;\r\n\r\n\t&:hover {\r\n\t\ttext-decoration: underline;\r\n\t\ttext-decoration-color: var(--color-white);\r\n\t}\r\n\r\n\tspan {\r\n\t\tcolor: var(--color-white);\r\n\t\tfont-weight: var(--ptc-font-weight-semibold);\r\n\t\tfont-size: var(--ptc-font-size-x-small);\r\n\t\t-moz-osx-font-smoothing: grayscale;\r\n\t\t-webkit-font-smoothing: antialiased;\r\n\t}\r\n}\r\n\r\n.tracker-div {\r\n\t@include div-tracker;\r\n\tdisplay: inline-block;\r\n}\r\n\r\n.focus-state-dark-background {\r\n\t&:focus-visible {\r\n\t\t@include focus-state;\r\n\t}\r\n}\r\n\r\n// New CTA's\r\n// Common CTA base styles\r\n%cta-base {\r\n\tpadding: 0.875rem 1.25rem;\r\n\tfont-size: var(--ptc-font-size-small);\r\n\tfont-style: normal;\r\n\tfont-weight: var(--ptc-font-weight-bold);\r\n\tline-height: var(--ptc-line-height-densest);\r\n\tcolor: var(--color-white);\r\n\tborder: 2px solid transparent;\r\n\ttext-decoration: none;\r\n\r\n\t&.medium {\r\n\t\tpadding: 0.75rem 1rem;\r\n\r\n\t\tspan {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t}\r\n\t}\r\n\r\n\t&.small {\r\n\t\tpadding: 0.5rem 0.75rem;\r\n\r\n\t\tspan {\r\n\t\t\tfont-size: var(--ptc-font-size-xx-small);\r\n\t\t\tfont-weight: var(--ptc-font-weight-extrabold);\r\n\t\t}\r\n\t}\r\n\r\n\t&.disabled {\r\n\t\tpointer-events: none;\r\n\t\tcolor: var(--color-gray-03);\r\n\t\tborder-color: var(--color-gray-03);\r\n\t\tbackground-color: var(--color-gray-02);\r\n\r\n\t\ticon-asset svg {\r\n\t\t\tfill: var(--color-gray-03);\r\n\t\t}\r\n\r\n\t\t&:focus-visible {\r\n\t\t\tbackground-color: var(--color-gray-02);\r\n\t\t}\r\n\t}\r\n\r\n\t&:focus-visible {\r\n\t\t@include focus-state;\r\n\t}\r\n\r\n\t&.full-width {\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.cta-content-wrap {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\r\n\t\ticon-asset {\r\n\t\t\tmargin-right: 8px;\r\n\t\t\tline-height: 0;\r\n\t\t\t& + span {\r\n\t\t\t\ttext-align: left;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n// Primary CTA\r\n.primary-cta {\r\n\t@extend %cta-base;\r\n\tbackground-color: var(--color-green-07);\r\n\tborder-color: var(--color-green-07);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-green-08);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-green-09);\r\n\t}\r\n\r\n\t&:focus-visible {\r\n\t\tbackground-color: var(--color-green-07);\r\n\t}\r\n}\r\n\r\n// Secondary CTA (dark theme)\r\n.secondary-cta-dark {\r\n\t@extend %cta-base;\r\n\tbackground-color: var(--color-gray-12);\r\n\tborder-color: var(--color-gray-08);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-10);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-black);\r\n\t}\r\n\r\n\t&:focus-visible {\r\n\t\tbackground-color: var(--color-gray-12);\r\n\t}\r\n}\r\n\r\n// Secondary CTA (light theme)\r\n.secondary-cta-light {\r\n\t@extend %cta-base;\r\n\tbackground-color: var(--color-white);\r\n\tborder-color: var(--color-gray-10);\r\n\tcolor: var(--color-gray-10);\r\n\r\n\t&:hover {\r\n\t\tbackground-color: var(--color-gray-02);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tbackground-color: var(--color-gray-03);\r\n\t}\r\n\r\n\t&:focus-visible {\r\n\t\tbackground-color: var(--color-white);\r\n\t}\r\n}\r\n","import {\r\n\tComponent,\r\n\tProp,\r\n\th,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tHost,\r\n\tElement,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\nimport { getSeoTagType, CheckDarkFocusState } from \"../../../utils/utils\";\r\n\r\n@Component({\r\n\ttag: \"ptc-button\",\r\n\tstyleUrl: \"ptc-button.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcButton {\r\n\t@Element() el: HTMLElement;\r\n\t/**\r\n\t * Disabled button\r\n\t */\r\n\t@Prop({ reflect: true }) disabled?: boolean = false;\r\n\t/**\r\n\t * Active Toggle button\r\n\t */\r\n\t@Prop({ reflect: true }) active?: boolean = false;\r\n\t/**\r\n\t * Button type\r\n\t */\r\n\t@Prop() type: \"button\" | \"reset\" | \"submit\" | \"link\" = \"button\";\r\n\t/**\r\n\t * Button theme color\r\n\t */\r\n\t@Prop()\r\n\tcolor:\r\n\t\t| \"offwhite\"\r\n\t\t| \"blackgrey\"\r\n\t\t| \"turtlegreen\"\r\n\t\t| \"nav\"\r\n\t\t| \"legacy-green\"\r\n\t\t| \"ptc-primary\"\r\n\t\t| \"ptc-secondary\"\r\n\t\t| \"ptc-tertiary\"\r\n\t\t| \"ptc-quaternary\"\r\n\t\t| \"icon-toggle\"\r\n\t\t| \"clear-search\"\r\n\t\t| \"primary-cta\"\r\n\t\t| \"secondary-cta-dark\"\r\n\t\t| \"secondary-cta-light\" = \"ptc-primary\";\r\n\t/**\r\n\t * Icon Animation\r\n\t */\r\n\t@Prop() iconAnimation:\r\n\t\t| \"animation-right\"\r\n\t\t| \"animation-down\"\r\n\t\t| \"reveal-down\"\r\n\t\t| \"\" = \"\";\r\n\t/**\r\n\t * Icon Position\r\n\t */\r\n\t@Prop() iconPosition: \"icon-left\" | \"icon-right\" | \"none\" = \"icon-right\";\r\n\r\n\t/**\r\n\t * Link URL\r\n\t */\r\n\t@Prop() linkHref?: string = undefined;\r\n\r\n\t/**\r\n\t * link Title\r\n\t */\r\n\t@Prop() linkTitle?: string = undefined;\r\n\r\n\t/**\r\n\t * Link target\r\n\t * */\r\n\t@Prop() target?: string = \"_self\";\r\n\t/**\r\n\t *  Link rel\r\n\t * */\r\n\t@Prop() rel?: string = undefined;\r\n\t/**\r\n\t *  (optional) tab-nav.\r\n\t *  indicates that its element can be focused, and where it participates in sequential keyboard navigation.\r\n\t *  A negative value (usually tabindex=\"-1\") means that the element is not reachable via sequential keyboard navigation\r\n\t */\r\n\t@Prop() tabNav: number = 0;\r\n\t/**\r\n\t *  (optional) Injected CSS Styles\r\n\t */\r\n\t@Prop() styles?: string;\r\n\r\n\t/**\r\n\t * Text Align\r\n\t */\r\n\t@Prop() textAlign?: \"left\" | \"right\" | \"center\";\r\n\r\n\t/**\r\n\t * Enable Accessibility Alternate Styling\r\n\t */\r\n\t@Prop() enableAccessibilityAltStyle: boolean = false;\r\n\r\n\t/**\r\n\t * Button theme color\r\n\t */\r\n\t@Prop()\r\n\tsize: \"small\" | \"medium\" | \"large\";\r\n\t/**\r\n\t * Emitted when the button has focus.\r\n\t */\r\n\t@Event() clickEvent: EventEmitter<void>;\r\n\tclickEventHandler() {\r\n\t\tthis.clickEvent.emit();\r\n\t}\r\n\t// Properties for accessibilty / aria\r\n\t@Prop() buttonTitle?: string;\r\n\t@Prop() ariaLabel: string = \"\";\r\n\t/**\r\n\t * (optional) enable support for seo tools that can only view source\r\n\t */\r\n\t@Prop() seoCompatibilityMode: boolean = false;\r\n\t/**\r\n\t * when support for seo tools is enabled will take inner element content and dublicate to slot for browser translation compatibility\r\n\t */\r\n\t@Prop() maintainContent: boolean = false;\r\n\t@Prop() trackerId?: string;\r\n\r\n\t/**\r\n\t *  Add dark-focus-state property where button is present on dark backgrounds\r\n\t */\r\n\t@Prop() darkFocusState: boolean = false;\r\n\r\n\t@Prop() ctaWidth: \"full-width\" | \"default\" = \"default\";\r\n\r\n\tcomponentWillLoad() {\r\n\t\tCheckDarkFocusState(this, this.el);\r\n\t}\r\n\r\n\tseoCompRender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tconst Tag = !!this.linkHref ? \"a\" : \"button\";\r\n\t\tconst [TagType, firstChild] = getSeoTagType(this.el, Tag);\r\n\t\tconst html = firstChild && firstChild.innerHTML;\r\n\r\n\t\tif (this.el == firstChild) {\r\n\t\t\tthis.el.innerHTML = \"\";\r\n\t\t}\r\n\r\n\t\tif (this.maintainContent) {\r\n\t\t\tthis.el.innerHTML = html;\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div\r\n\t\t\t\t\tid={this.trackerId}\r\n\t\t\t\t\tclass=\"tracker-div mf-listen\"\r\n\t\t\t\t\t{...(this.ctaWidth === \"full-width\"\r\n\t\t\t\t\t\t? { style: { display: \"block\" } }\r\n\t\t\t\t\t\t: {})}\r\n\t\t\t\t>\r\n\t\t\t\t\t<TagType\r\n\t\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\t\tonClick={this.clickEventHandler.bind(this)}\r\n\t\t\t\t\t\t{...(!!this.linkHref ? { href: this.linkHref } : {})}\r\n\t\t\t\t\t\t{...(!this.linkHref ? { type: this.type } : {})}\r\n\t\t\t\t\t\t{...(!!this.target && !!this.linkHref\r\n\t\t\t\t\t\t\t? { target: this.target }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.rel && !!this.linkHref\r\n\t\t\t\t\t\t\t? { rel: this.rel }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.linkHref\r\n\t\t\t\t\t\t\t? {\r\n\t\t\t\t\t\t\t\t\ttitle: this.linkTitle\r\n\t\t\t\t\t\t\t\t\t\t? this.linkTitle\r\n\t\t\t\t\t\t\t\t\t\t: this.linkHref,\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.tabNav\r\n\t\t\t\t\t\t\t? { tabindex: -1 }\r\n\t\t\t\t\t\t\t: { tabindex: 0 })}\r\n\t\t\t\t\t\ttitle={this.buttonTitle}\r\n\t\t\t\t\t\t{...(this.ariaLabel !== \"\"\r\n\t\t\t\t\t\t\t? { ariaLabel: this.ariaLabel }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t<span innerHTML={html} class={\"cta-content-wrap\"}>\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-before-text\"></slot>\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-after-text\"></slot>\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t</TagType>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tstandardRender() {\r\n\t\tconst classMap = this.getCssClassMap();\r\n\t\tconst Tag = !!this.linkHref ? \"a\" : \"button\";\r\n\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div id={this.trackerId} class=\"tracker-div mf-listen\">\r\n\t\t\t\t\t<Tag\r\n\t\t\t\t\t\tclass={classMap}\r\n\t\t\t\t\t\tonClick={this.clickEventHandler.bind(this)}\r\n\t\t\t\t\t\t{...(!!this.linkHref ? { href: this.linkHref } : {})}\r\n\t\t\t\t\t\t{...(!this.linkHref ? { type: this.type } : {})}\r\n\t\t\t\t\t\t{...(!!this.target && !!this.linkHref\r\n\t\t\t\t\t\t\t? { target: this.target }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.rel && !!this.linkHref\r\n\t\t\t\t\t\t\t? { rel: this.rel }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.linkHref\r\n\t\t\t\t\t\t\t? {\r\n\t\t\t\t\t\t\t\t\ttitle: this.linkTitle\r\n\t\t\t\t\t\t\t\t\t\t? this.linkTitle\r\n\t\t\t\t\t\t\t\t\t\t: this.linkHref,\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t\t{...(!!this.tabNav\r\n\t\t\t\t\t\t\t? { tabindex: -1 }\r\n\t\t\t\t\t\t\t: { tabindex: 0 })}\r\n\t\t\t\t\t\ttitle={this.buttonTitle}\r\n\t\t\t\t\t\t{...(this.ariaLabel !== \"\"\r\n\t\t\t\t\t\t\t? { ariaLabel: this.ariaLabel }\r\n\t\t\t\t\t\t\t: {})}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.iconAnimation == \"reveal-down\" ? (\r\n\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t<div class=\"content\">\r\n\t\t\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div class=\"icon-wrapper\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"icon\">\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"slot-after-text\"></slot>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-before-text\"></slot>\r\n\t\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t\t\t<slot name=\"slot-after-text\"></slot>\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</Tag>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\trender() {\r\n\t\tif (this.seoCompatibilityMode) {\r\n\t\t\treturn this.seoCompRender();\r\n\t\t} else {\r\n\t\t\treturn this.standardRender();\r\n\t\t}\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[this.color]: true,\r\n\t\t\t[this.iconAnimation]: true,\r\n\t\t\t[this.iconPosition]: true,\r\n\t\t\t[\"disabled\"]: this.disabled ? true : false,\r\n\t\t\t[\"active\"]: this.active ? true : false,\r\n\t\t\t[this.textAlign]: true,\r\n\t\t\t[this.size]: true,\r\n\t\t\t[\"acc-alt-style\"]: this.enableAccessibilityAltStyle,\r\n\t\t\t[\"focus-state-dark-background\"]: this.darkFocusState,\r\n\t\t\t[this.ctaWidth]: true,\r\n\t\t};\r\n\t}\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/fef-stencil-v4/ptc-homepage-image-feature.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ptc-homepage-image-feature.entry.esm.js","sources":["src/components/molecules/ptc-homepage-image-feature/ptc-homepage-image-feature.scss?tag=ptc-homepage-image-feature&encapsulation=shadow","src/components/molecules/ptc-homepage-image-feature/ptc-homepage-image-feature.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n:host {\r\n\tdisplay: block;\r\n\t@include screen-md {\r\n\t\tdisplay: flex;\r\n\t}\r\n\t.img-wrap {\r\n\t\theight: 400px;\r\n\t\twidth: 100%;\r\n\r\n\t\t@include screen-md {\r\n\t\t\theight: 683px;\r\n\t\t\twidth: 65%;\r\n\t\t}\r\n\r\n\t\t&.in-view {\r\n\t\t\tanimation: fadeIn 750ms ease;\r\n\t\t}\r\n\t}\r\n\t.card-wrap {\r\n\t\tdisplay: block;\r\n\t\tz-index: 1;\r\n\t\t@include screen-md {\r\n\t\t\tmargin-top: 64px;\r\n\t\t\twidth: 35%;\r\n\t\t}\r\n\t\t&.in-view {\r\n\t\t\t.card {\r\n\t\t\t\tanimation: fadeInUp 750ms ease;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card {\r\n\t\tpadding: 28px 24px;\r\n\t\tbackground-color: var(--color-white);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tbox-shadow: var(--ptc-shadow-large);\r\n\t\tbox-sizing: border-box;\r\n\t\tmax-width: 540px;\r\n\t\tmargin: -96px 16px 0 16px;\r\n\r\n\t\t@include screen-md {\r\n\t\t\tpadding: 64px;\r\n\t\t\tmargin: 0 0 0 -120px;\r\n\t\t\twidth: calc(100% + 120px);\r\n\t\t\tmax-width: fit-content;\r\n\t\t}\r\n\t}\r\n\r\n\t@keyframes fadeIn {\r\n\t\tfrom {\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t\tto {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n\t@keyframes fadeInUp {\r\n\t\tfrom {\r\n\t\t\ttransform: translate3d(0, 30%, 0);\r\n\t\t}\r\n\r\n\t\tto {\r\n\t\t\ttransform: translate3d(0, 0, 0);\r\n\t\t}\r\n\t}\r\n}\r\n::slotted(.cta-wrap) {\r\n\tdisplay: flex;\r\n\tgrid-row-gap: 16px;\r\n\tgrid-column-gap: 24px;\r\n\tflex-wrap: wrap;\r\n\tmargin-top: 32px;\r\n}\r\n::slotted(.card-title-wrap) {\r\n\tmargin-bottom: 16px;\r\n}\r\n","import { Component, Host, h, Element } from \"@stencil/core\";\r\nimport { observeInView } from \"../../../utils/utils\";\r\n\r\n@Component({\r\n\ttag: \"ptc-homepage-image-feature\",\r\n\tstyleUrl: \"ptc-homepage-image-feature.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcHomepageImageFeature {\r\n\t@Element() hostEle: HTMLElement;\r\n\r\n\tcomponentDidLoad() {\r\n\t\tobserveInView(this.hostEle, \".ptc-animate\", true);\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div class={\"img-wrap ptc-animate\"}>\r\n\t\t\t\t\t<slot name=\"featured-image\"></slot>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class={\"card-wrap ptc-animate\"}>\r\n\t\t\t\t\t<div class={\"card\"}>\r\n\t\t\t\t\t\t<slot name=\"card-title\"></slot>\r\n\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"names":[],"mappings":";;;AAAA,MAAM,0BAA0B,GAAG,ulCAAulC;;MCQ7mC,uBAAuB,GAAA,MAAA;;;;;IAGnC,gBAAgB,GAAA;QACf,aAAa,CAAC,IAAI,CAAC,OAAO,EAAE,cAAc,EAAE,IAAI,CAAC;;IAGlD,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,sBAAsB,EAAA,EACjC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,gBAAgB,EAAA,CAAQ,CAC9B,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,uBAAuB,EAAA,EAClC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,MAAM,EAAA,EACjB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAQ,CAAA,EAC/B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,CACD,CACA;;;;;;;"}
+{"version":3,"file":"ptc-homepage-image-feature.entry.esm.js","sources":["src/components/molecules/ptc-homepage-image-feature/ptc-homepage-image-feature.scss?tag=ptc-homepage-image-feature&encapsulation=shadow","src/components/molecules/ptc-homepage-image-feature/ptc-homepage-image-feature.tsx"],"sourcesContent":["@use 'mixins' as *;\r\n:host {\r\n\tdisplay: block;\r\n\t@include screen-md {\r\n\t\tdisplay: flex;\r\n\t}\r\n\t.img-wrap {\r\n\t\theight: 400px;\r\n\t\twidth: 100%;\r\n\r\n\t\t@include screen-md {\r\n\t\t\theight: 683px;\r\n\t\t\twidth: 65%;\r\n\t\t}\r\n\r\n\t\t&.in-view {\r\n\t\t\tanimation: fadeIn 750ms ease;\r\n\t\t}\r\n\t}\r\n\t.card-wrap {\r\n\t\tposition:relative;\r\n\t\tdisplay: block;\r\n\t\tz-index: 1;\r\n\t\t@include screen-md {\r\n\t\t\tmargin-top: 64px;\r\n\t\t\twidth: 35%;\r\n\t\t}\r\n\t\t&.in-view {\r\n\t\t\t.card {\r\n\t\t\t\tanimation: fadeInUp 750ms ease;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t.card {\r\n\t\tpadding: 28px 24px;\r\n\t\tbackground-color: var(--color-white);\r\n\t\tborder-radius: var(--ptc-border-radius-standard);\r\n\t\tbox-shadow: var(--ptc-shadow-large);\r\n\t\tbox-sizing: border-box;\r\n\t\tmax-width: 540px;\r\n\t\tmargin: -96px 16px 0 16px;\r\n\r\n\t\t@include screen-md {\r\n\t\t\tpadding: 64px;\r\n\t\t\tmargin: 0 0 0 -120px;\r\n\t\t\twidth: calc(100% + 120px);\r\n\t\t\tmax-width: fit-content;\r\n\t\t}\r\n\t}\r\n\r\n\t@keyframes fadeIn {\r\n\t\tfrom {\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t\tto {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n\t@keyframes fadeInUp {\r\n\t\tfrom {\r\n\t\t\ttransform: translate3d(0, 30%, 0);\r\n\t\t}\r\n\r\n\t\tto {\r\n\t\t\ttransform: translate3d(0, 0, 0);\r\n\t\t}\r\n\t}\r\n}\r\n::slotted(.cta-wrap) {\r\n\tdisplay: flex;\r\n\tgrid-row-gap: 16px;\r\n\tgrid-column-gap: 24px;\r\n\tflex-wrap: wrap;\r\n\tmargin-top: 32px;\r\n}\r\n::slotted(.card-title-wrap) {\r\n\tmargin-bottom: 16px;\r\n}\r\n","import { Component, Host, h, Element } from \"@stencil/core\";\r\nimport { observeInView } from \"../../../utils/utils\";\r\n\r\n@Component({\r\n\ttag: \"ptc-homepage-image-feature\",\r\n\tstyleUrl: \"ptc-homepage-image-feature.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcHomepageImageFeature {\r\n\t@Element() hostEle: HTMLElement;\r\n\r\n\tcomponentDidLoad() {\r\n\t\tobserveInView(this.hostEle, \".ptc-animate\", true);\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<div class={\"img-wrap ptc-animate\"}>\r\n\t\t\t\t\t<slot name=\"featured-image\"></slot>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class={\"card-wrap ptc-animate\"}>\r\n\t\t\t\t\t<div class={\"card\"}>\r\n\t\t\t\t\t\t<slot name=\"card-title\"></slot>\r\n\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n"],"names":[],"mappings":";;;AAAA,MAAM,0BAA0B,GAAG,ymCAAymC;;MCQ/nC,uBAAuB,GAAA,MAAA;;;;;IAGnC,gBAAgB,GAAA;QACf,aAAa,CAAC,IAAI,CAAC,OAAO,EAAE,cAAc,EAAE,IAAI,CAAC;;IAGlD,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,sBAAsB,EAAA,EACjC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,gBAAgB,EAAA,CAAQ,CAC9B,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,uBAAuB,EAAA,EAClC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,MAAM,EAAA,EACjB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,YAAY,EAAQ,CAAA,EAC/B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,CACD,CACA;;;;;;;"}