@ptcwebops/ptcw-design 2.7.7 → 2.7.8

package/dist/ptcw-design/media/svg-with-js.min.css

@@ -1,5 +1,5 @@
-/*!
- * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- */
+/*!
+ * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
 .svg-inline--fa,svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa .fa-secondary,.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fad.fa-inverse{color:#fff}

package/dist/ptcw-design/{p-63147b0a.entry.js → p-0f3f83d3.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as e}from"./p-ce0e4c5c.js";import{a}from"./p-ea875d9e.js";const o=class{constructor(i){t(this,i),this.videoEle=void 0,this.cardType="media-card",this.cardHref=void 0,this.target="_self",this.rel=void 0,this.activeBackgroundImage=void 0,this.hoverBackgroundImage=void 0,this.heading=void 0,this.headingTransform="none",this.category=void 0,this.isHovered=!1}WatchStateHandler(t){this.videoEle&&(t?this.videoEle.play():this.videoEle.pause())}getCardText(){if("media-card"===this.cardType)return[i("div",{class:"card-wrap"},i("div",{class:"car-content"},i("h4",null,this.category," "),i("h3",null,this.heading)))]}render(){const t=this.cardHref?"a":"div",o=".mp4"===a(this.hoverBackgroundImage),s=this.getCssClassMap();return i(e,{class:s,onmouseenter:()=>this.isHovered=!0,onmouseleave:()=>this.isHovered=!1,style:this.isHovered?{backgroundImage:`url(${this.hoverBackgroundImage})`}:{backgroundImage:`url(${this.activeBackgroundImage})`}},i(t,{class:"anchor-wrap",target:this.target,href:this.cardHref,rel:this.rel},o&&i("video",{muted:!0,loop:!0,playsinline:!0,poster:this.activeBackgroundImage,ref:t=>this.videoEle=t,style:this.isHovered?{display:"block"}:{display:"none"}},i("source",{src:this.hoverBackgroundImage,type:"video/mp4"},"Your browser does not support the video tag.")),"media-card"===this.cardType&&i("ptc-overlay",{"filter-color":"black-2"}),"media-card"===this.cardType&&this.getCardText()))}getCssClassMap(){return{[this.cardType]:!0}}static get watchers(){return{isHovered:["WatchStateHandler"]}}};o.style=":host{display:block;position:relative;width:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}:host .anchor-wrap{height:100%;width:100%;display:block;text-decoration:none;position:relative}:host video{object-fit:cover;height:100%;width:100%;z-index:0;position:absolute;left:0;right:0;top:0;bottom:0;display:none}:host(.media-card) .card-wrap{display:flex;height:100%;width:100%;position:relative;z-index:1;min-height:329px;align-items:end}:host(.media-card) .card-wrap .car-content{padding:20px 30px 30px 30px}:host(.media-card) .card-wrap .car-content h4,:host(.media-card) .card-wrap .car-content h3{color:#fff}:host(.media-card) .card-wrap .car-content h3{position:relative;margin-bottom:0;font-size:var(--ptc-font-size-large);text-shadow:1px 3px 30px #000;line-height:var(--ptc-line-height-denser);display:inline;letter-spacing:1.1px}:host(.media-card) .card-wrap .car-content h3::before{content:\"\";width:100%;height:3px;background-image:url(\"data:image/svg+xml,%3Csvg width='60' height='1' viewBox='0 0 60 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='1' fill='%2333A13C'/%3E%3C/svg%3E\");background-repeat:repeat;position:absolute;background-size:initial;top:-10px}:host(.media-card) .card-wrap .car-content h4{text-shadow:1px 3px 30px var(--color-black);font-weight:var(--ptc-font-weight-semibold);display:block;font-size:var(--ptc-font-size-x-small);font-style:normal;font-stretch:normal;letter-spacing:0.6px}:host(.bureau-card){height:100%;position:relative}";export{o as ptc_media_card}
+import{r as t,h as i,H as e}from"./p-ce0e4c5c.js";import{a}from"./p-36665caa.js";const o=class{constructor(i){t(this,i),this.videoEle=void 0,this.cardType="media-card",this.cardHref=void 0,this.target="_self",this.rel=void 0,this.activeBackgroundImage=void 0,this.hoverBackgroundImage=void 0,this.heading=void 0,this.headingTransform="none",this.category=void 0,this.isHovered=!1}WatchStateHandler(t){this.videoEle&&(t?this.videoEle.play():this.videoEle.pause())}getCardText(){if("media-card"===this.cardType)return[i("div",{class:"card-wrap"},i("div",{class:"car-content"},i("h4",null,this.category," "),i("h3",null,this.heading)))]}render(){const t=this.cardHref?"a":"div",o=".mp4"===a(this.hoverBackgroundImage),s=this.getCssClassMap();return i(e,{class:s,onmouseenter:()=>this.isHovered=!0,onmouseleave:()=>this.isHovered=!1,style:this.isHovered?{backgroundImage:`url(${this.hoverBackgroundImage})`}:{backgroundImage:`url(${this.activeBackgroundImage})`}},i(t,{class:"anchor-wrap",target:this.target,href:this.cardHref,rel:this.rel},o&&i("video",{muted:!0,loop:!0,playsinline:!0,poster:this.activeBackgroundImage,ref:t=>this.videoEle=t,style:this.isHovered?{display:"block"}:{display:"none"}},i("source",{src:this.hoverBackgroundImage,type:"video/mp4"},"Your browser does not support the video tag.")),"media-card"===this.cardType&&i("ptc-overlay",{"filter-color":"black-2"}),"media-card"===this.cardType&&this.getCardText()))}getCssClassMap(){return{[this.cardType]:!0}}static get watchers(){return{isHovered:["WatchStateHandler"]}}};o.style=":host{display:block;position:relative;width:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}:host .anchor-wrap{height:100%;width:100%;display:block;text-decoration:none;position:relative}:host video{object-fit:cover;height:100%;width:100%;z-index:0;position:absolute;left:0;right:0;top:0;bottom:0;display:none}:host(.media-card) .card-wrap{display:flex;height:100%;width:100%;position:relative;z-index:1;min-height:329px;align-items:end}:host(.media-card) .card-wrap .car-content{padding:20px 30px 30px 30px}:host(.media-card) .card-wrap .car-content h4,:host(.media-card) .card-wrap .car-content h3{color:#fff}:host(.media-card) .card-wrap .car-content h3{position:relative;margin-bottom:0;font-size:var(--ptc-font-size-large);text-shadow:1px 3px 30px #000;line-height:var(--ptc-line-height-denser);display:inline;letter-spacing:1.1px}:host(.media-card) .card-wrap .car-content h3::before{content:\"\";width:100%;height:3px;background-image:url(\"data:image/svg+xml,%3Csvg width='60' height='1' viewBox='0 0 60 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='1' fill='%2333A13C'/%3E%3C/svg%3E\");background-repeat:repeat;position:absolute;background-size:initial;top:-10px}:host(.media-card) .card-wrap .car-content h4{text-shadow:1px 3px 30px var(--color-black);font-weight:var(--ptc-font-weight-semibold);display:block;font-size:var(--ptc-font-size-x-small);font-style:normal;font-stretch:normal;letter-spacing:0.6px}:host(.bureau-card){height:100%;position:relative}";export{o as ptc_media_card}

package/dist/ptcw-design/{p-804fa554.entry.js → p-1c631848.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as s,g as e}from"./p-ce0e4c5c.js";import{a as h}from"./p-240733ce.js";const o=class{constructor(i){t(this,i),this.src=void 0,this.alt="image",this.sizeXs="510x340",this.sizeSm="1240x496",this.sizeMd="1366x500",this.sizeLg="1920x1080",this.disableResize=!1,this.oldSrc=void 0,this.imagePosition="static",this.borderRadius=void 0,this.height=void 0,this.width=void 0,this.objectFit="cover",this.isFullHeight=!1,this.isFullWidth=!1,this.styles=void 0,this.imageAlignment="left",this.maxWidth=void 0,this.displayImage="block"}WindowResize(){this.addIntersectionObserver()}componentWillLoad(){this.disableResize&&(this.sizeXs=void 0,this.sizeSm=void 0,this.sizeMd=void 0,this.sizeLg=void 0)}componentDidLoad(){this.addIntersectionObserver()}componentWillUpdate(){this.src!==this.oldSrc&&this.addIntersectionObserver(),this.oldSrc=this.src}addIntersectionObserver(){if(this.src)if("IntersectionObserver"in window){let t=new IntersectionObserver((i=>{i.forEach((i=>{if(i.isIntersecting){const i=this.el.shadowRoot.querySelector("img");i.src=this.setResponsiveBg(),t.unobserve(i)}}))})),i=this.el.shadowRoot.querySelector("img");i&&t.observe(i)}else setTimeout((()=>{const t=this.el.shadowRoot.querySelector("img");t.src=this.setResponsiveBg(),t.onload=()=>{t.removeAttribute("data-src"),console.log("loaded fallback")}}),5e3)}setResponsiveBg(){let t,i,s=(this.el.shadowRoot||document).querySelectorAll("img"),e=this.getCurrentBreakPoints();for(var h=0,o=s.length;h<o;h++){if(t=s[h],i=t.getAttribute("data-"+e),null!==i)return i;"object"==typeof console&&console.warn("Data attribute: data-"+e+" not found on element:\n\n"+t.outerHTML+"\n\n\n")}}render(){const t=this.getCssClassMap(),e=this.getCssClassMapHost();return i(s,{class:e},this.styles&&i("style",null,this.styles),i("img",Object.assign({class:t,"data-xs":this.sizeXs?`${this.src}:${this.sizeXs}`:`${this.src}`,"data-sm":this.sizeSm?`${this.src}:${this.sizeSm}`:`${this.src}`,"data-md":this.sizeMd?`${this.src}:${this.sizeMd}`:`${this.src}`,"data-lg":this.sizeLg?`${this.src}:${this.sizeLg}`:`${this.src}`},this.width?{width:this.width}:{},this.height?{height:this.height}:{},{alt:this.alt,style:Object.assign({},this.maxWidth?{maxWidth:this.maxWidth+"px"}:{})})),i("slot",null))}getCurrentBreakPoints(){let t,i=window.document,s=i.createElement("div");i.body.appendChild(s);for(let e=h.envs.length-1;e>=0;e--)if(t=h.envs[e],s.className="hidden-"+t,null===s.offsetParent)return i.body.removeChild(s),t;return i.body.removeChild(s),this.getFallbackBreakpoint()}getFallbackBreakpoint(){return window.matchMedia("(min-width: 992px)").matches?"lg":window.matchMedia("(min-width: 768px)").matches?"md":window.matchMedia("(min-width: 576px)").matches?"sm":"xs"}getCssClassMap(){return{[this.borderRadius]:!!this.borderRadius,[this.objectFit]:!0,[this.isFullHeight?"is-full-height":"is-normal-height"]:!0,[this.isFullWidth?"is-full-width":"is-normal-width"]:!0,[this.displayImage]:!0}}getCssClassMapHost(){return{[this.imagePosition]:!0,[this.imageAlignment]:!0}}get el(){return e(this)}};o.style=":host{display:block;overflow:hidden}:host .inline{display:inline}:host .inline-block{display:inline-block}:host .block{display:block}:host(.relative){position:relative}:host(.static){position:static}:host(.absoltue){position:absolute}img{max-width:100%}.cover{object-fit:cover}.fill{object-fit:fill}.contain{object-fit:contain}.scale-down{object-fit:scale-down}.none{object-fit:none}.initial{object-fit:initial}.inherit{object-fit:inherit}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.is-full-height{height:100%}.is-full-width{width:100%}:host(.left){text-align:left}:host(.right){text-align:right}:host(.center){text-align:center}";export{o as ptc_picture}
+import{r as t,h as i,H as s,g as e}from"./p-ce0e4c5c.js";import{a as h}from"./p-711bcdad.js";const o=class{constructor(i){t(this,i),this.src=void 0,this.alt="image",this.sizeXs="510x340",this.sizeSm="1240x496",this.sizeMd="1366x500",this.sizeLg="1920x1080",this.disableResize=!1,this.oldSrc=void 0,this.imagePosition="static",this.borderRadius=void 0,this.height=void 0,this.width=void 0,this.objectFit="cover",this.isFullHeight=!1,this.isFullWidth=!1,this.styles=void 0,this.imageAlignment="left",this.maxWidth=void 0,this.displayImage="block"}WindowResize(){this.addIntersectionObserver()}componentWillLoad(){this.disableResize&&(this.sizeXs=void 0,this.sizeSm=void 0,this.sizeMd=void 0,this.sizeLg=void 0)}componentDidLoad(){this.addIntersectionObserver()}componentWillUpdate(){this.src!==this.oldSrc&&this.addIntersectionObserver(),this.oldSrc=this.src}addIntersectionObserver(){if(this.src)if("IntersectionObserver"in window){let t=new IntersectionObserver((i=>{i.forEach((i=>{if(i.isIntersecting){const i=this.el.shadowRoot.querySelector("img");i.src=this.setResponsiveBg(),t.unobserve(i)}}))})),i=this.el.shadowRoot.querySelector("img");i&&t.observe(i)}else setTimeout((()=>{const t=this.el.shadowRoot.querySelector("img");t.src=this.setResponsiveBg(),t.onload=()=>{t.removeAttribute("data-src"),console.log("loaded fallback")}}),5e3)}setResponsiveBg(){let t,i,s=(this.el.shadowRoot||document).querySelectorAll("img"),e=this.getCurrentBreakPoints();for(var h=0,o=s.length;h<o;h++){if(t=s[h],i=t.getAttribute("data-"+e),null!==i)return i;"object"==typeof console&&console.warn("Data attribute: data-"+e+" not found on element:\n\n"+t.outerHTML+"\n\n\n")}}render(){const t=this.getCssClassMap(),e=this.getCssClassMapHost();return i(s,{class:e},this.styles&&i("style",null,this.styles),i("img",Object.assign({class:t,"data-xs":this.sizeXs?`${this.src}:${this.sizeXs}`:`${this.src}`,"data-sm":this.sizeSm?`${this.src}:${this.sizeSm}`:`${this.src}`,"data-md":this.sizeMd?`${this.src}:${this.sizeMd}`:`${this.src}`,"data-lg":this.sizeLg?`${this.src}:${this.sizeLg}`:`${this.src}`},this.width?{width:this.width}:{},this.height?{height:this.height}:{},{alt:this.alt,style:Object.assign({},this.maxWidth?{maxWidth:this.maxWidth+"px"}:{})})),i("slot",null))}getCurrentBreakPoints(){let t,i=window.document,s=i.createElement("div");i.body.appendChild(s);for(let e=h.envs.length-1;e>=0;e--)if(t=h.envs[e],s.className="hidden-"+t,null===s.offsetParent)return i.body.removeChild(s),t;return i.body.removeChild(s),this.getFallbackBreakpoint()}getFallbackBreakpoint(){return window.matchMedia("(min-width: 992px)").matches?"lg":window.matchMedia("(min-width: 768px)").matches?"md":window.matchMedia("(min-width: 576px)").matches?"sm":"xs"}getCssClassMap(){return{[this.borderRadius]:!!this.borderRadius,[this.objectFit]:!0,[this.isFullHeight?"is-full-height":"is-normal-height"]:!0,[this.isFullWidth?"is-full-width":"is-normal-width"]:!0,[this.displayImage]:!0}}getCssClassMapHost(){return{[this.imagePosition]:!0,[this.imageAlignment]:!0}}get el(){return e(this)}};o.style=":host{display:block;overflow:hidden}:host .inline{display:inline}:host .inline-block{display:inline-block}:host .block{display:block}:host(.relative){position:relative}:host(.static){position:static}:host(.absoltue){position:absolute}img{max-width:100%}.cover{object-fit:cover}.fill{object-fit:fill}.contain{object-fit:contain}.scale-down{object-fit:scale-down}.none{object-fit:none}.initial{object-fit:initial}.inherit{object-fit:inherit}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.is-full-height{height:100%}.is-full-width{width:100%}:host(.left){text-align:left}:host(.right){text-align:right}:host(.center){text-align:center}";export{o as ptc_picture}

package/dist/ptcw-design/p-3eff9a34.entry.js

@@ -0,0 +1 @@
+import{r as i,h as t,H as l,g as s}from"./p-ce0e4c5c.js";const a=class{constructor(t){i(this,t),this.cardCount=void 0,this.cardData=[]}componentWillLoad(){this.cardCount>8&&(this.cardCount=8);for(let i=0;i<this.cardCount;i++){let t=this.el.querySelector(`[slot="card-title-${i+1}"]`),l=this.el.querySelector(`[slot="card-pricing-${i+1}"]`),s=this.el.querySelector(`[slot="card-cta-${i+1}"]`),a=this.el.querySelector(`[slot="card-disclaimer-${i+1}"]`),e={title:null==t?void 0:t.innerHTML.toString(),pricing:null==l?void 0:l.innerHTML.toString(),cta:{linkHref:(null==s?void 0:s.getAttribute("href"))||"",linkText:(null==s?void 0:s.innerHTML.toString())||"",linkTarget:(null==s?void 0:s.getAttribute("target"))||"_blank"},disclaimer:(null==a?void 0:a.innerHTML.toString())||""};null==t||t.remove(),null==s||s.remove(),this.cardData.push(e)}this.cardData.length!=this.cardCount&&(this.cardData=[])}render(){return t(l,null,t("ptc-title",{type:"h3","text-align":"left","title-size":"large",upperline:"no-upperline","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7"},"Cloud Add-ons"),t("ptc-spacer",{breakpoint:"small",size:"medium"}),t("ptc-spacer",{breakpoint:"x-small",size:"large"}),t("div",{class:"is-grid has-col-gap-md"},this.cardData.map(((i,l)=>t("div",{class:"is-col-12 is-col-6-md is-col-4-lg is-col-3-xl"},t("ptc-pricing-add-on-card",{"card-title":i.title,"card-pricing-text":i.pricing,"card-cta-href":i.cta.linkHref,"card-cta-text":i.cta.linkText,"card-cta-target":i.cta.linkTarget,"card-disclaimer":i.disclaimer},t("span",{slot:"card-pricing"},t("slot",{name:`card-pricing-${l+1}`})),t("div",{slot:"card-body"},t("slot",{name:`card-body-${l+1}`})),t("span",{slot:"card-disclaimer"},t("slot",{name:`card-disclaimer-${l+1}`}))))))))}get el(){return s(this)}};a.style=":host{display:block}";export{a as ptc_pricing_add_on_section}

package/dist/ptcw-design/{p-c49293f0.entry.js → p-7b34bb69.entry.js}

@@ -1 +1 @@
-import{r as t,h as s}from"./p-ce0e4c5c.js";import{f as o}from"./p-ea875d9e.js";const i=class{constructor(s){t(this,s),this.first=void 0,this.middle=void 0,this.last=void 0}getText(){return o(this.first,this.middle,this.last)}render(){return s("div",null,"Hello, World! I'm ",this.getText())}};i.style=":host{display:block}";export{i as my_component}
+import{r as t,h as s}from"./p-ce0e4c5c.js";import{f as o}from"./p-36665caa.js";const i=class{constructor(s){t(this,s),this.first=void 0,this.middle=void 0,this.last=void 0}getText(){return o(this.first,this.middle,this.last)}render(){return s("div",null,"Hello, World! I'm ",this.getText())}};i.style=":host{display:block}";export{i as my_component}

package/dist/ptcw-design/p-8536da5d.entry.js

@@ -0,0 +1 @@
+import{r as t,h as e,H as l,g as i,F as a}from"./p-ce0e4c5c.js";const s=class{constructor(e){t(this,e),this.verticalScrollContentClipperHeightOptions={withSubNav:{desktop:104,mobile:80},withoutSubNav:{desktop:40,mobile:24}},this.handleVerticalScroll=()=>{let t=this.el.shadowRoot.querySelector("#vertical-scroll-content-clipper"),e=this.el.shadowRoot.querySelector("#table-container"),l=this.el.shadowRoot.querySelector("#table-body"),i=this.el.shadowRoot.querySelector("#table-header-placeholder"),a=this.el.shadowRoot.querySelector("#table-header");const s=window.scrollY||document.documentElement.scrollTop;s<this.lastScrollTop?(i.getBoundingClientRect().top>=this.stickyTopAt&&(this.headerType="normal",a.style.top="0px"),"sticky"===this.headerType&&e.getBoundingClientRect().bottom>a.getBoundingClientRect().bottom&&a.getBoundingClientRect().top<this.stickyTopAt&&(a.style.top=`${Math.min(e.getBoundingClientRect().bottom-a.clientHeight,this.stickyTopAt)}px`,t.style.top=a.getBoundingClientRect().top-t.clientHeight+"px")):s>this.lastScrollTop&&(i.getBoundingClientRect().top<this.stickyTopAt&&(this.headerType="sticky",a.style.top=`${this.stickyTopAt}px`,a.style.width=`${l.getBoundingClientRect().width}px`,a.scrollLeft=l.scrollLeft),"sticky"===this.headerType&&e.getBoundingClientRect().bottom<=a.getBoundingClientRect().bottom&&(a.style.top=e.getBoundingClientRect().bottom-a.clientHeight+"px",t.style.top=a.getBoundingClientRect().top-t.clientHeight+"px")),this.lastScrollTop=s<=0?0:s},this.handleHorizontalScroll=t=>{let e=this.el.shadowRoot.querySelector("#table-header"),l=this.el.shadowRoot.querySelector("#table-body");"body"===t?e.scrollLeft=l.scrollLeft:"header"===t&&(l.scrollLeft=e.scrollLeft),this.handleScrollButtonsVisibility()},this.handleScrollButtonsVisibility=()=>{let t=this.el.shadowRoot.querySelector("#table-body"),e=this.el.shadowRoot.querySelector("#previous-scroll-button"),l=this.el.shadowRoot.querySelector("#next-scroll-button"),i=this.el.shadowRoot.querySelector("#horizontal-scroll-shadow");0===t.scrollLeft?(e.style.visibility="hidden",i.style.visibility="hidden"):(e.style.visibility="visible",i.style.visibility="visible"),l.style.visibility=[-1,0,1].includes(Math.trunc(t.scrollWidth-t.scrollLeft)-Math.trunc(t.getBoundingClientRect().width))?"hidden":"visible"},this.handleForwardScroll=()=>{let t=0,e=this.el.shadowRoot.querySelector("#table-body"),l=setInterval((()=>{t+=this.scrollAmount,(t==this.scrollLimit||[-1,0,1].includes(Math.trunc(e.scrollWidth-e.scrollLeft)-Math.trunc(e.getBoundingClientRect().width)))&&clearInterval(l),e.scrollLeft+=t}),this.scrollTimeInterval)},this.handleBackwardScroll=()=>{let t=0,e=this.el.shadowRoot.querySelector("#pricing-table"),l=this.el.shadowRoot.querySelector("#table-body"),i=setInterval((()=>{t+=this.scrollAmount,(t==this.scrollLimit||e.getBoundingClientRect().left>=l.getBoundingClientRect().right)&&clearInterval(i),l.scrollLeft-=t}),this.scrollTimeInterval)},this.setFillerCellWidth=t=>{this.el.style.setProperty("--filler-cell-width",`${t}px`)},this.expandTableCells=()=>{let t=this.el.shadowRoot.querySelector("#pricing-table"),e=this.el.shadowRoot.querySelector(".desktop-header-first-cell"),l=(t.getBoundingClientRect().width-e.getBoundingClientRect().width)/this.dataCols;this.isDesktopView?(this.el.style.setProperty("--cell-width-xxs",`${this.cellWidthXXS}px`),this.el.style.setProperty("--cell-width-md",l-this.cellLeftRightPadding+"px")):(this.el.style.setProperty("--cell-width-xxs",l-this.cellLeftRightPadding+"px"),this.el.style.setProperty("--cell-width-md",`${this.cellWidthMD}px`))},this.expandFillerCell=()=>{let t,e=this.el.shadowRoot.querySelector("#pricing-table"),l=this.el.shadowRoot.querySelector(".desktop-header-first-cell");t=this.isDesktopView?l.getBoundingClientRect().width+this.dataCols*(this.cellWidthMD+this.cellLeftRightPadding):this.dataCols*(this.cellWidthXXS+this.cellLeftRightPadding);let i=e.getBoundingClientRect().width-t;this.el.style.setProperty("--filler-cell-width",i-this.cellLeftRightPadding+"px"),this.showFillerCells=!0},this.handleFillEmptySpace=()=>{let t=this.el.shadowRoot.querySelector("#pricing-table");this.el.shadowRoot.querySelector("#table-header").getBoundingClientRect().right<t.getBoundingClientRect().right&&this.expandFillerCell()},this.resetWidthVariables=()=>{this.el.style.setProperty("--cell-width-xxs",`${this.cellWidthXXS}px`),this.el.style.setProperty("--cell-width-md",`${this.cellWidthMD}px`)},this.handleTableReset=()=>{let t=this.el.shadowRoot.querySelector("#vertical-scroll-content-clipper"),e=this.el.shadowRoot.querySelector("#table-header"),l=this.el.shadowRoot.querySelector("#table-body"),i=this.el.shadowRoot.querySelector("#next-scroll-button"),a=this.el.shadowRoot.querySelector(".desktop-header-first-cell"),s=this.el.shadowRoot.querySelector("#horizontal-scroll-shadow");this.isDesktopView=window.innerWidth>=992,this.resetWidthVariables(),this.stickyTopAt=this.pageWithSubnav?this.isDesktopView?this.verticalScrollContentClipperHeightOptions.withSubNav.desktop:this.verticalScrollContentClipperHeightOptions.withSubNav.mobile:this.isDesktopView?this.verticalScrollContentClipperHeightOptions.withoutSubNav.desktop:this.verticalScrollContentClipperHeightOptions.withoutSubNav.mobile,this.el.style.setProperty("--sticky-stop-at",`${this.stickyTopAt}px`);const r=window.getComputedStyle(document.body,null).getPropertyValue("background-color");t.style.backgroundColor="rgba(0, 0, 0, 0)"===r?"white":r,t.style.width=`${l.getBoundingClientRect().width+20}px`,t.style.transform="translateX(-10px)",e.style.width=`${l.getBoundingClientRect().width}px`,e.scrollLeft=l.scrollLeft,i.style.left=`${l.getBoundingClientRect().width}px`,s.style.left=`${a.getBoundingClientRect().width}px`,this.handleScrollButtonsVisibility(),this.handleFillEmptySpace()},this.pageWithSubnav=!1,this.tableTitle=void 0,this.tableSubTitle="",this.dataRows=void 0,this.dataCols=void 0,this.disclaimerCount=0,this.isDesktopView=void 0,this.cellWidthXXS=180,this.cellWidthMD=225,this.cellLeftRightPadding=48,this.headerType="normal",this.lastScrollTop=void 0,this.scrollTimeInterval=25,this.scrollAmount=5,this.scrollLimit=50,this.stickyTopAt=void 0,this.columnHeaderLinks=[],this.showFillerCells=!1,this.showCtaButtonsRow=void 0,this.ctaButtons=[],this.disclaimers=[],this.tableDescription=void 0}componentWillLoad(){let t=this.el.querySelector('[slot="table-description"]');t&&(this.tableDescription=t);let e=this.el.querySelector('[slot="desktop-header-first-cell"]');this.el.insertAdjacentHTML("afterbegin",`<span slot="placeholder-desktop-header-first-cell">${e.innerHTML}</span>`);let l=this.el.querySelectorAll('[slot^="column-header"]');for(let t=0;t<this.dataCols;t++){let e=l[t].getAttribute("slot");this.el.insertAdjacentHTML("afterbegin",`<span slot="placeholder-${e}">${l[t].innerHTML}</span>`)}let i=this.el.querySelectorAll('[slot^="header-link"]');if(i.length>0)for(let t=0;t<this.dataCols;t++){let e=i[t].getAttribute("href"),l=i[t].innerHTML,a=i[t].getAttribute("target");this.columnHeaderLinks.push({linkHref:e,linkText:l,linkTarget:a}),i[t].remove()}let a=this.el.querySelectorAll('[slot^="row-header"]');for(let t=0;t<this.dataRows;t++){let e=a[t].getAttribute("slot"),l=a[t].innerHTML;this.el.insertAdjacentHTML("afterbegin",`<span slot="desktop-${e}">${l}</span><span slot="mobile-${e}">${l}</span>`),a[t].remove()}let s=this.el.querySelectorAll('[slot^="cta-button"]');this.showCtaButtonsRow=0!==s.length;for(let t=0;t<this.dataCols;t++)this.ctaButtons.push({linkHref:s[t].getAttribute("href"),linkText:s[t].innerHTML,linkTarget:s[t].getAttribute("target")}),s[t].remove();let r=this.el.querySelectorAll('[slot^="disclaimer"]');for(let t=0;t<this.disclaimerCount;t++)this.disclaimers.push(r[t].innerHTML)}componentDidLoad(){this.handleTableReset(),window.addEventListener("scroll",(()=>this.handleVerticalScroll())),window.addEventListener("resize",(()=>this.handleTableReset()))}render(){return e(l,null,e("div",{id:"pricing-table"},e((()=>this.tableTitle&&e(a,null,e("div",{class:"table-descriptor"},e("ptc-title",{type:"h2","text-align":"center","title-size":"xx-large",upperline:"no-upperline","title-height":"densest","title-margin":"margin-flush","title-weight":"w-8"},this.tableTitle)),this.tableSubTitle?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"x-small"}),e("ptc-spacer",{breakpoint:"x-small",size:"small"})):this.tableDescription?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"})):null)),null),e((()=>this.tableSubTitle&&e(a,null,e("div",{class:"table-descriptor"},e("ptc-title",{type:"h3","text-align":"center","title-size":"large",upperline:"no-upperline","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7"},this.tableSubTitle)),e("ptc-spacer",{breakpoint:"small",size:"medium"}),e("ptc-spacer",{breakpoint:"x-small",size:"large"}))),null),e((()=>this.tableDescription&&e(a,null,e("div",{class:"table-descriptor"},e("ptc-para",{"font-size":"small","font-weight":"w-4","para-align":"center","para-line-h":"line-height-p","para-margin":"margin-flush"},this.tableDescription.innerText.length<=500?e("slot",{name:"table-description"}):e("ptc-readmore",{"more-text":"See more","less-text":"See less"},e("slot",{name:"table-description"})))))),null),e("ptc-spacer",{breakpoint:"small",size:"xx-large"}),e("ptc-spacer",{breakpoint:"small",size:"xx-small"}),e("ptc-spacer",{breakpoint:"x-small",size:"xxx-large"}),e("ptc-spacer",{breakpoint:"x-small",size:"xx-small"}),e("div",{id:"vertical-scroll-content-clipper",class:this.headerType}),e("div",{id:"table-container"},e("div",{id:"horizontal-scroll-shadow"}),e("div",{id:"table-body",onScroll:()=>this.handleHorizontalScroll("body")},e((()=>e("div",{id:"table-header",class:this.headerType,onScroll:()=>this.handleHorizontalScroll("header")},e("div",{class:"desktop-header-first-cell"},this.isDesktopView?e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"left","para-color":"white","para-line-h":"line-height-p","para-margin":"margin-flush"},e("slot",{name:"desktop-header-first-cell"})):null,e("div",{class:"scroll-button",id:"previous-scroll-button"},e("div",{onClick:()=>this.handleBackwardScroll()},e("icon-asset",{type:"solid",size:"medium",name:"chevron-left",color:"primary-gray"}),e("ptc-para",{"font-size":"small","font-weight":"w-6","para-align":"justify","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},"See More"))),e("div",{class:"scroll-button",id:"next-scroll-button"},e("div",{onClick:()=>this.handleForwardScroll()},e("ptc-para",{"font-size":"small","font-weight":"w-6","para-align":"justify","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},"See More"),e("icon-asset",{type:"solid",size:"medium",name:"chevron-right",color:"primary-gray"})))),[...Array(this.dataCols).keys()].map((t=>e("div",{class:"table-cell "+(t+1===this.dataCols?"table-last-cell":"")},e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"center","para-color":"white","para-line-h":"line-height-densest","para-margin":"margin-flush","para-z-index":"z-1"},e("slot",{name:`column-header-${t+1}`})),this.columnHeaderLinks.length===this.dataCols?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-link",{"font-size":"medium","font-weight":"w-extrabold",href:`${this.columnHeaderLinks[t].linkHref}`,"link-area":"undefined",target:`${this.columnHeaderLinks[t].linkTarget}`,theme:"d-green-underline",styles:"a.ptc-link {line-height: var(--ptc-line-height-p);}"},this.isDesktopView?e("ptc-tooltip",{class:t===this.dataCols-1?"last-column-tooltip":"","text-display":"inline","max-length":"30","z-index":"z-2",description:this.columnHeaderLinks[t].linkText,position:"top"}):this.columnHeaderLinks[t].linkText)):null))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")}))),null),e((()=>e("div",{id:"table-header-placeholder",class:this.headerType},e("div",{class:"desktop-header-first-cell"},this.isDesktopView?e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"left","para-color":"white","para-line-h":"line-height-p","para-margin":"margin-flush"},e("slot",{name:"placeholder-desktop-header-first-cell"})):null),[...Array(this.dataCols).keys()].map((t=>e("div",{class:"table-cell "+(t+1===this.dataCols?"table-last-cell":"")},e("ptc-para",{"font-size":"medium","font-weight":"w-7","para-align":"center","para-color":"white","para-line-h":"line-height-densest","para-margin":"margin-flush","para-z-index":"z-1"},e("slot",{name:`placeholder-column-header-${t+1}`})),this.columnHeaderLinks.length===this.dataCols?e(a,null,e("ptc-spacer",{breakpoint:"small",size:"small"}),e("ptc-spacer",{breakpoint:"x-small",size:"medium"}),e("ptc-link",{"font-size":"medium","font-weight":"w-extrabold",href:`${this.columnHeaderLinks[t].linkHref}`,"link-area":"undefined",target:`${this.columnHeaderLinks[t].linkTarget}`,theme:"d-green-underline",styles:"a.ptc-link {line-height: var(--ptc-line-height-p);}"},this.isDesktopView?e("ptc-tooltip",{class:t===this.dataCols-1?"last-column-tooltip":"","text-display":"inline","max-length":"30","z-index":"z-2",description:this.columnHeaderLinks[t].linkText,position:"top"}):this.columnHeaderLinks[t].linkText)):null))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")}))),null),e((()=>[...Array(this.dataRows).keys()].map((t=>e(a,null,e("div",{class:"mobile-sticky-row-header"},e("ptc-para",{"font-size":"small","font-weight":"w-6","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},e("slot",{name:`mobile-row-header-${t+1}`}))),e("div",{class:"table-row "+(this.isDesktopView&&t%2!=0?"desktop-alternate-row":"")},this.isDesktopView?e("div",{class:"desktop-sticky-row-header "+(this.isDesktopView&&t%2!=0?"desktop-alternate-row":"")},e("ptc-para",{"font-size":"small","font-weight":"w-6","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},e("slot",{name:`desktop-row-header-${t+1}`}))):null,[...Array(this.dataCols).keys()].map((l=>e("div",{class:"table-cell "+(l+1===this.dataCols?"table-last-cell":"")},e("slot",{name:`cell-r${t+1}-c${l+1}`})))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")})))))),null),e((()=>this.showCtaButtonsRow?e("div",{class:"table-cta-row"},this.isDesktopView?e("div",{class:"desktop-sticky-row-header"}):null,[...Array(this.dataCols).keys()].map((t=>e("div",{class:"table-cell "+(t+1===this.dataCols?"table-last-cell":"")},e("ptc-button",{type:"link",color:"ptc-tertiary","link-href":this.ctaButtons[t].linkHref,target:`${this.ctaButtons[t].linkTarget}`},this.isDesktopView?e("ptc-tooltip",{class:t===this.dataCols-1?"last-column-tooltip":"","text-display":"inline","max-length":"30","z-index":"z-2",description:this.ctaButtons[t].linkText,position:"top"}):this.ctaButtons[t].linkText)))),e("div",{class:"table-filler-cell "+(this.showFillerCells?"show":"")})):null),null))),e((()=>this.disclaimerCount>0&&e(a,null,e("ptc-spacer",{breakpoint:"small",size:"medium"}),e("ptc-spacer",{breakpoint:"x-small",size:"large"}),this.disclaimers.map(((t,l)=>e(a,null,e("ptc-para",{"font-size":"xx-small","font-weight":"w-6","para-align":"center","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush"},e("slot",{name:`disclaimer-${l+1}`})),l!=this.disclaimerCount-1?e("ptc-spacer",{size:"xx-small"}):null))))),null)))}get el(){return i(this)}};s.style=":host{display:block}:host #pricing-table{position:relative;overflow-wrap:break-word}:host #vertical-scroll-content-clipper.normal{display:none}:host #vertical-scroll-content-clipper.sticky{display:block;z-index:20;position:fixed;top:0;width:100%;height:var(--sticky-stop-at, 50px)}:host #table-container{width:100%;overflow-x:auto;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-small);position:relative}:host #table-body{width:100%;overflow-x:scroll;position:relative}:host .scroll-button{display:flex;align-items:center;position:absolute;z-index:15;height:100%}:host .scroll-button#previous-scroll-button div{margin-right:var(--ptc-element-spacing-02);border-radius:0px var(--ptc-element-spacing-01) var(--ptc-element-spacing-01) 0px}:host .scroll-button#previous-scroll-button div ptc-para{margin-right:var(--ptc-element-spacing-04)}:host .scroll-button#next-scroll-button{transform:translateX(-100%)}:host .scroll-button#next-scroll-button div{margin-left:var(--ptc-element-spacing-02);border-radius:var(--ptc-element-spacing-01) 0px 0px var(--ptc-element-spacing-01)}:host .scroll-button#next-scroll-button div ptc-para{margin-left:var(--ptc-element-spacing-04)}:host .scroll-button div{display:inline-block;width:fit-content;height:36px;background-color:white;color:black;box-shadow:var(--ptc-shadow-x-medium);display:flex;justify-content:center;align-items:center}:host .scroll-button div icon-asset{display:flex;justify-content:center;align-items:center;width:36px;height:100%}:host .scroll-button div ptc-para{display:none;white-space:nowrap}:host .table-filler-cell{display:none;min-width:var(--filler-cell-width, 0px);max-width:var(--filler-cell-width, 0px);height:100%;box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-bottom:1px solid var(--color-gray-02)}:host .table-filler-cell.show{display:table-cell}:host #table-header{display:table-row;background:var(--color-gray-10);color:white;z-index:10}:host #table-header.normal{position:relative}:host #table-header.sticky{position:fixed;top:var(--sticky-stop-at, 50px);border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard);overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;box-shadow:var(--ptc-shadow-x-large)}:host #table-header.sticky::-webkit-scrollbar{display:none}:host #table-header .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);text-align:center;display:table-cell;vertical-align:middle}:host #table-header .table-cell.table-last-cell{border-right:none}:host #table-header .table-cell ptc-link a.ptc-link{line-height:var(--ptc-line-height-p)}:host #table-header .table-filler-cell{border-bottom:none;border-left:1px solid var(--color-gray-07)}:host #table-header-placeholder.normal{position:absolute;top:0;display:table-row;opacity:0}:host #table-header-placeholder.sticky{position:relative;display:table-row;opacity:0;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}:host #table-header-placeholder .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);text-align:center;display:table-cell;vertical-align:middle}:host #table-header-placeholder .table-cell.table-last-cell{border-right:none}:host #table-header-placeholder .table-filler-cell{border-bottom:none;border-left:1px solid var(--color-gray-07)}:host .desktop-header-first-cell{display:table-cell;position:sticky;left:0;z-index:10}:host .mobile-sticky-row-header{display:block;position:sticky;left:0;background-color:var(--color-gray-01);border-bottom:1px solid var(--color-gray-02);padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06)}:host .table-row{display:table-row}:host .table-row .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);text-align:center;display:table-cell;vertical-align:middle}:host .table-row .table-cell.table-last-cell{border-right:none}:host .table-row .table-filler-cell{border-left:1px solid var(--color-gray-02)}:host .table-cta-row{display:table-row}:host .table-cta-row .table-cell{min-width:var(--cell-width-xxs, 180px);max-width:var(--cell-width-xxs, 180px);box-sizing:content-box;padding:var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);text-align:center;display:table-cell;vertical-align:middle}:host .table-cta-row .table-cell.table-last-cell{border-right:none}:host .table-cta-row .table-filler-cell{border-left:1px solid var(--color-gray-02)}@media only screen and (min-width: 768px){:host .table-descriptor{max-width:768px;margin:auto}}@media only screen and (min-width: 992px){:host .scroll-button{height:100%;top:0}:host .scroll-button div ptc-para{display:none}:host .scroll-button div:hover{cursor:pointer}:host .scroll-button div:hover ptc-para{display:block}:host .scroll-button#previous-scroll-button{right:0;transform:translateX(100%)}:host #horizontal-scroll-shadow{display:block;position:absolute;top:0;left:0;height:100%;width:var(--ptc-element-spacing-06);background:linear-gradient(90deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%);z-index:1}:host #table-header.sticky{box-shadow:none}:host #table-header .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host #table-header .last-column-tooltip .tooltip{right:4px}:host #table-header-placeholder .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host #table-header-placeholder .last-column-tooltip .tooltip{right:-4px}:host .desktop-sticky-row-header{min-width:var(--desktop-row-header-cell-width-md, 275px);max-width:var(--desktop-row-header-cell-width-md, 275px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-02);border-bottom:1px solid var(--color-gray-02);display:table-cell;vertical-align:middle;position:sticky;left:0;background-color:white;z-index:5}:host .desktop-sticky-row-header.desktop-alternate-row{background-color:var(--color-gray-01)}:host .desktop-header-first-cell{min-width:var(--desktop-row-header-cell-width-md, 275px);max-width:var(--desktop-row-header-cell-width-md, 275px);box-sizing:content-box;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);border-right:1px solid var(--color-gray-07);display:table-cell;vertical-align:middle;position:sticky;left:0;z-index:10;background:var(--color-gray-10)}:host .table-row .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host .table-row.desktop-alternate-row{background-color:var(--color-gray-01)}:host .mobile-sticky-row-header{display:none}:host .table-cta-row{display:table-row}:host .table-cta-row .table-cell{min-width:var(--cell-width-md, 225px);max-width:var(--cell-width-md, 225px)}:host .table-cta-row .last-column-tooltip .tooltip{right:-4px}}";export{s as ptc_pricing_packaging_table}

package/dist/ptcw-design/{p-d72c0973.entry.js → p-8bf3dad0.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as i,H as l,g as s}from"./p-ce0e4c5c.js";import{d as a,M as n,g as o}from"./p-ea875d9e.js";const r='<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13">\n    <defs>\n        <style>\n          .acls-1,.acls-4{fill:none}.acls-1{stroke:#74c34d;stroke-width:.7px}.acls-2{fill:#74c34d;font-size:10px;font-family:Bender-BoldItalic,Bender;font-weight:700;font-style:italic;letter-spacing:.035em}.acls-3{stroke:none}\n        </style>\n    </defs>\n    <g id="info" transform="translate(-211 -479)">\n        <g id="Ellipse_6" class="acls-1" data-name="Ellipse 6" transform="translate(211 479)">\n            <circle cx="6.5" cy="6.5" r="6.5" class="acls-3"/>\n            <circle cx="6.5" cy="6.5" r="6.15" class="acls-4"/>\n        </g>\n        <text id="i" class="acls-2" transform="translate(216 480)">\n            <tspan x="-.56" y="9">i</tspan>\n        </text>\n    </g>\n</svg>\n';class c{}const d=class{constructor(i){e(this,i),this.itemSelected=t(this,"itemSelected",7),this.itemExpanded=t(this,"itemExpanded",7),this.textChanged=t(this,"textChanged",7),this.inputUpdated=t(this,"inputUpdated",7),this.ready=t(this,"ready",7),this.viewUpdated=t(this,"viewUpdated",7),this.changed=t(this,"changed",7),this.data=void 0,this.searchText=void 0,this.header=void 0,this.selectedValue=void 0,this.selectedItems=void 0,this.hashMap=void 0,this.debouncedUpdatedEvent=void 0,this.refreshBuffer=void 0,this.listItems=void 0,this.placeholderText=void 0,this.debounceUpdateDelay=void 0}componentWillLoad(){this.loadListItems(),this.selectedItems=[]}componentDidLoad(){this.ready.emit({sender:this.el,tree:this.data,search:this.searchText}),this.debouncedUpdatedEvent=a((()=>{this.changed.emit({sender:this.el,selectedValue:this.selectedValue,selectedItems:this.selectedItems,search:this.searchText})}),this.debounceUpdateDelay,this)}componentDidUpdate(){this.viewUpdated.emit({sender:this.el,tree:this.data,search:this.searchText})}onItemSelectedHandler(e){this.itemSelected.emit({event:e,sender:e?e.target:this.el,selectedValue:this.selectedValue,selectedItems:this.selectedItems,tree:this.data}),this.fireChangedEvent()}onInputUpdated(e){let t=e.target;this.searchText=t.value,this.inputUpdated.emit({event:e,sender:t,selectedValue:this.selectedValue,selectedItems:this.selectedItems,tree:this.data,search:this.searchText}),this.fireChangedEvent()}onItemExpandedHandler(e){this.itemExpanded.emit({event:e,sender:e?e.target:this.el,selectedValue:this.selectedValue,selectedItems:this.selectedItems,tree:this.data})}fireChangedEvent(){this.debouncedUpdatedEvent()}loadListItems(){if(this.hashMap={},!this.data){let e=n(this.el);if(e.collapseListItem){this.data=new Array;let t=(e,i)=>{e.map((e=>{var l=new c;if(l.isExternalLink=!!e.linkHref,e.linkHref?(l.href=e.linkHref,l.target=e.linkTarget,l.title=e.linkTitle):(l.id=o(),l.text=e.facetDisplay,l.name=e.facetName,l.value=e.facetValue,l.category=e.category,l.allowMultiSelect="false"!=e.allowMultiSelect,l.enableSearch="true"==e.enableSearch,l.searchBoxPlaceholder=e.placeholderText,l.tooltip=e.tooltip,this.setUpCategory(l.category,l.allowMultiSelect)),e.collapseListItem)if(l.children=new Array,Array.isArray(e.collapseListItem))t(e.collapseListItem,l.children);else{let i=new Array;i.push(e.collapseListItem),t(i,l.children)}this.hashMap[l.id]=l,i.push(l)}))};this.setUpCategory("default",!0),t(e.collapseListItem,this.data)}}}setUpCategory(e,t){this.selectedValue||(this.selectedValue={}),e&&!this.selectedValue[e]&&(this.selectedValue[e]={name:e,items:new Array,allowMultiSelect:t})}collapseAllFirstLevelItems(e){this.el.shadowRoot.querySelectorAll(".level-1").forEach((t=>{t.classList.contains("expanded")&&t!=e&&t.classList.remove("expanded")}))}updateExpandedItems(){const e=t=>{this.refreshBuffer||(this.refreshBuffer=t);const i=t-this.refreshBuffer;this.el.shadowRoot.querySelectorAll("li").forEach((e=>{let t=e.querySelector(":scope > ul");t&&(e.classList.contains("expanded")?t.style.maxHeight=t.scrollHeight+"px":t.style.removeProperty("max-height"))})),i<2500?window.requestAnimationFrame(e):this.refreshBuffer=void 0};this.refreshBuffer?this.refreshBuffer=void 0:window.requestAnimationFrame(e)}updateSelectedItemStatus(e){var t;let i=this.hashMap[e];if(i&&i.value){let e=null!==(t=i.category)&&void 0!==t?t:"default";this.selectedValue[e]||this.setUpCategory(e,1==i.allowMultiSelect);let l=this.selectedValue[e].items;l.indexOf(i.value)<0?(this.selectedValue[e].allowMultiSelect?l.push(i.value):(this.selectedItems=this.selectedItems.filter((e=>e.value!=l[0])),l=[i.value]),this.selectedItems.push(i)):(l=l.filter((e=>e!=i.value)),this.selectedItems=this.selectedItems.filter((e=>e.value!=i.value))),this.selectedValue[e].items=l}}unSelectItem(e){var t;let i=this.hashMap[e];if(i&&i.value){let e=null!==(t=i.category)&&void 0!==t?t:"default";this.selectedValue[e]||this.setUpCategory(e,1==i.allowMultiSelect);let l=this.selectedValue[e].items;l.indexOf(i.value)>-1&&(l=l.filter((e=>e!=i.value)),this.selectedItems=this.selectedItems.filter((e=>e.value!=i.value))),this.selectedValue[e].items=l}}selectItem(e){var t;let i=this.hashMap[e];if(i&&i.value){let e=null!==(t=i.category)&&void 0!==t?t:"default";this.selectedValue[e]||this.setUpCategory(e,1==i.allowMultiSelect);let l=this.selectedValue[e].items;l.indexOf(i.value)<0&&(this.selectedValue[e].allowMultiSelect?l.push(i.value):l=[i.value],this.selectedItems.push(i)),this.selectedValue[e].items=l}}getItemByValue(e){let t;if(this.hashMap)for(const[i,l]of Object.entries(this.hashMap))if(l.value==e){t=l;break}return t}onItemFilterSearchUpdate(e){if(e&&e.target){let t=e.target,i=t.value;if(t){t.closest("ul").querySelectorAll("li:not(.search-box-wrapper)").forEach(i&&i.length>0?e=>{var t;let l=null===(t=null==e?void 0:e.textContent)||void 0===t?void 0:t.toLowerCase();l&&l.indexOf(i)>-1?e.style.removeProperty("display"):e.style.display="none"}:e=>{e.style.removeProperty("display")})}this.updateExpandedItems()}}onItemLinkClick(e,t){e&&e.preventDefault(),this.updateSelectedItemStatus(t),this.onItemSelectedHandler(e)}onExpandClick(e,t){if(e){e.preventDefault();let i=e.currentTarget,l=i.closest(".level-1"),s=i.closest("li");if(t&&this.collapseAllFirstLevelItems(l),s&&s.classList.toggle("expanded"),i.classList.contains("expander-icon")){let e=s.classList.contains("expanded")?"minus":"plus";i.querySelector("icon-asset").setAttribute("name",e)}this.updateExpandedItems()}this.onItemExpandedHandler(e)}render(){let e=e=>{if(e)return i("ptc-tooltip",{"text-display":"inline",mode:"wrapper","z-index":"z-2",position:"bottom",description:""},i("div",{class:"icon-wrapper"},i("i",{class:"active-icon",innerHTML:r}),i("i",{class:"inactive-icon",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13">\n    <defs>\n        <style>\n            .cls-1,.cls-4{fill:none}.cls-1{stroke:#a6adb4;stroke-width:.7px}.cls-2{fill:#a6adb4;font-size:10px;font-family:Bender-BoldItalic,Bender;font-weight:700;font-style:italic;letter-spacing:.035em}.cls-3{stroke:none}\n        </style>\n    </defs>\n    <g id="info" transform="translate(-211 -479)">\n        <g id="Ellipse_6" class="cls-1" data-name="Ellipse 6" transform="translate(211 479)">\n            <circle cx="6.5" cy="6.5" r="6.5" class="cls-3"/>\n            <circle cx="6.5" cy="6.5" r="6.15" class="cls-4"/>\n        </g>\n        <text id="i" class="cls-2" transform="translate(216 480)">\n            <tspan x="-.56" y="9">i</tspan>\n        </text>\n    </g>\n</svg>\n'})),i("span",{class:"popup",slot:"description"},i("i",{innerHTML:r}),i("div",{class:"content",innerHTML:e})))},t=(e,l,a)=>{let n=`level-${l}`;return i("ul",null,a&&i("li",{class:"search-box-wrapper"},i("div",{class:"search-box"},i("input",{class:"search-box",type:"text",placeholder:a.placeholder,onKeyUp:e=>{this.onItemFilterSearchUpdate(e)},onBlur:e=>{this.onItemFilterSearchUpdate(e)}}))),e.map((e=>{let a,o,r=!1,c=!1;return e.enableSearch&&(o={placeholder:e.searchBoxPlaceholder}),1==l?e.children?(r=!0,c=!1,a=i("icon-asset",{type:"ptc",name:"chevron-down",color:"ptc-green",size:"medium"})):(r=!1,c=!0,a=i("icon-asset",{type:"ptc",name:"plus",color:"ptc-green",size:"medium"})):l>1&&(c=!0,e.children?(r=!0,a=i("icon-asset",{type:"ptc",name:"plus",color:"gray",size:"xxx-small"})):r=!1),i("li",{class:n},s(e,a,l,r,c),e.children?t(e.children,l+1,o):"")})))},s=(t,l,s,a,n)=>{let o=1==s?t.tooltip:void 0;return t.isExternalLink?i("a",{href:t.href,target:t.target,title:t.title},l,t.text,e(o)):!a&&n||a&&!n?i("a",{href:"#",title:t.text,onClick:e=>{a?this.onExpandClick(e,1==s):this.onItemLinkClick(e,t.id)}},l,t.text,e(o)):[i("a",{class:"expander-icon",href:"#",onClick:e=>{this.onExpandClick(e,!1)}},l),i("a",{href:"#",title:t.text,onClick:e=>{this.onItemLinkClick(e,t.id)}},t.text),e(o)]};return i(l,null,i("div",{class:"container"},i("ptc-title",{type:"h2","title-size":"medium","title-weight":"w-6","text-align":"left",upperline:"no-upperline"},this.header),i("div",{class:"search-box"},i("input",{type:"text",placeholder:this.placeholderText,onKeyUp:e=>{this.onInputUpdated(e)}})),t(this.data,1)))}async removeSelectedItem(e){let t=this.getItemByValue(e);this.unSelectItem(t.id),this.fireChangedEvent()}async addSelectedItem(e){let t=this.getItemByValue(e);this.selectItem(t.id)}get el(){return s(this)}};d.style=':host{display:block;height:100%}.container{border-right:1px solid rgba(112, 112, 112, 0.25);position:relative;height:100%}.container>ul{overflow:visible}a{transition:color ease-out 250ms}ul{transition:max-height ease-out 250ms, padding ease-out 250ms;overflow:hidden;list-style:none;padding:0;margin:0}li{cursor:pointer}.level-1>ul{max-height:0}.level-1>ul>li{margin:12px 0}.level-1>ul>li:first-child{margin-top:20px}.level-1>ul>li:last-child{margin-bottom:10px}.level-2>ul,.level-3>ul,.level-4>ul,.level-5>ul{max-height:0}.level-2>ul>li,.level-3>ul>li,.level-4>ul>li,.level-5>ul>li{margin:8px 0}.level-2>ul{padding-left:2.25rem}.level-3>ul{padding-left:3rem}.level-4>ul{padding-left:3.75rem}.level-5>ul{padding-left:4.5rem}.level-1{position:relative}.level-1>a{position:relative;padding:16px 20px 17.5px 0;display:block;font-size:18px;letter-spacing:0.45px;font-weight:800;color:var(--color-gray-12);text-decoration:none;border-bottom:1px solid rgba(112, 112, 112, 0.25)}.level-1>a:hover,.level-1>a:active,.level-1>a:focus{text-decoration:none}.level-1>a>icon-asset{transition:transform var(--ptc-ease-out) var(--ptc-transition-medium), padding var(--ptc-ease-out) var(--ptc-transition-medium);position:absolute;right:20px;padding-top:2px}.level-1>a:after{content:"";display:block;position:absolute;bottom:-2px;left:0;height:3px;width:40px;background-color:var(--color-green-07);transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium)}.level-1.expanded a>icon-asset{transform:rotate(-180deg);padding-top:0}.level-1.expanded a>ul{padding-top:14px}.level-1.expanded a:after{background-color:var(--color-gray-11)}.level-1>ul{padding-top:0}.level-1:first-child>a{padding-top:20px}.level-2,.level-3,.level-4,.level-5{position:relative}.level-2>a,.level-3>a,.level-4>a,.level-5>a{font-size:15px;font-weight:500;letter-spacing:0.4px;color:var(--color-gray-10);text-decoration:none;display:inline-block;margin-left:20px}.level-2>a:hover,.level-2>a:active,.level-3>a:hover,.level-3>a:active,.level-4>a:hover,.level-4>a:active,.level-5>a:hover,.level-5>a:active{font-weight:800;color:var(--color-green-07);text-decoration:none}.level-2 .expander-icon,.level-3 .expander-icon,.level-4 .expander-icon,.level-5 .expander-icon{position:absolute;left:-18px;top:2px}.level-3:before,.level-4:before,.level-5:before{position:absolute;content:"";width:2rem;height:1px;display:block;left:0;top:9px;background-color:var(--color-gray-02)}.level-3:before{width:2rem;left:-2.25rem}.level-4:before{width:2.75rem;left:-3rem}.level-5:before{width:3.5rem;left:-3.75rem}.search-box{display:flex;width:100%}.search-box input[type=text]{font-family:var(--ptc-font-latin);padding:8px 45px 8px 18px;font-size:1rem;font-weight:400;color:var(--color-gray-12);box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-06);transition:border var(--ptc-transition-medium) var(--ptc-ease-out), box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);background-color:var(--color-white);width:100%;margin-right:2rem}.search-box input[type=text]::-ms-clear{display:none}.search-box input[type=text]:focus{outline:none;box-shadow:var(--ptc-shadow-small);border:solid 1px var(--color-gray-12)}.search-box input[type=text]::placeholder{color:var(--color-gray-07)}.icon-wrapper{width:32px;display:inline-flex;justify-content:center;align-items:center}.icon-wrapper .active-icon{display:none}.icon-wrapper .inactive-icon{display:inline}.icon-wrapper:hover .active-icon{display:inline}.icon-wrapper:hover .inactive-icon{display:none}.popup{display:inline-flex;width:256px}.popup i{margin-right:8px}ptc-tooltip .wrapper-content.sc-ptc-tooltip{display:inline-flex;justify-content:center}';export{d as ptc_collapse_list}
+import{r as e,c as t,h as i,H as l,g as s}from"./p-ce0e4c5c.js";import{d as a,M as n,g as o}from"./p-36665caa.js";const r='<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13">\n    <defs>\n        <style>\n          .acls-1,.acls-4{fill:none}.acls-1{stroke:#74c34d;stroke-width:.7px}.acls-2{fill:#74c34d;font-size:10px;font-family:Bender-BoldItalic,Bender;font-weight:700;font-style:italic;letter-spacing:.035em}.acls-3{stroke:none}\n        </style>\n    </defs>\n    <g id="info" transform="translate(-211 -479)">\n        <g id="Ellipse_6" class="acls-1" data-name="Ellipse 6" transform="translate(211 479)">\n            <circle cx="6.5" cy="6.5" r="6.5" class="acls-3"/>\n            <circle cx="6.5" cy="6.5" r="6.15" class="acls-4"/>\n        </g>\n        <text id="i" class="acls-2" transform="translate(216 480)">\n            <tspan x="-.56" y="9">i</tspan>\n        </text>\n    </g>\n</svg>\n';class c{}const d=class{constructor(i){e(this,i),this.itemSelected=t(this,"itemSelected",7),this.itemExpanded=t(this,"itemExpanded",7),this.textChanged=t(this,"textChanged",7),this.inputUpdated=t(this,"inputUpdated",7),this.ready=t(this,"ready",7),this.viewUpdated=t(this,"viewUpdated",7),this.changed=t(this,"changed",7),this.data=void 0,this.searchText=void 0,this.header=void 0,this.selectedValue=void 0,this.selectedItems=void 0,this.hashMap=void 0,this.debouncedUpdatedEvent=void 0,this.refreshBuffer=void 0,this.listItems=void 0,this.placeholderText=void 0,this.debounceUpdateDelay=void 0}componentWillLoad(){this.loadListItems(),this.selectedItems=[]}componentDidLoad(){this.ready.emit({sender:this.el,tree:this.data,search:this.searchText}),this.debouncedUpdatedEvent=a((()=>{this.changed.emit({sender:this.el,selectedValue:this.selectedValue,selectedItems:this.selectedItems,search:this.searchText})}),this.debounceUpdateDelay,this)}componentDidUpdate(){this.viewUpdated.emit({sender:this.el,tree:this.data,search:this.searchText})}onItemSelectedHandler(e){this.itemSelected.emit({event:e,sender:e?e.target:this.el,selectedValue:this.selectedValue,selectedItems:this.selectedItems,tree:this.data}),this.fireChangedEvent()}onInputUpdated(e){let t=e.target;this.searchText=t.value,this.inputUpdated.emit({event:e,sender:t,selectedValue:this.selectedValue,selectedItems:this.selectedItems,tree:this.data,search:this.searchText}),this.fireChangedEvent()}onItemExpandedHandler(e){this.itemExpanded.emit({event:e,sender:e?e.target:this.el,selectedValue:this.selectedValue,selectedItems:this.selectedItems,tree:this.data})}fireChangedEvent(){this.debouncedUpdatedEvent()}loadListItems(){if(this.hashMap={},!this.data){let e=n(this.el);if(e.collapseListItem){this.data=new Array;let t=(e,i)=>{e.map((e=>{var l=new c;if(l.isExternalLink=!!e.linkHref,e.linkHref?(l.href=e.linkHref,l.target=e.linkTarget,l.title=e.linkTitle):(l.id=o(),l.text=e.facetDisplay,l.name=e.facetName,l.value=e.facetValue,l.category=e.category,l.allowMultiSelect="false"!=e.allowMultiSelect,l.enableSearch="true"==e.enableSearch,l.searchBoxPlaceholder=e.placeholderText,l.tooltip=e.tooltip,this.setUpCategory(l.category,l.allowMultiSelect)),e.collapseListItem)if(l.children=new Array,Array.isArray(e.collapseListItem))t(e.collapseListItem,l.children);else{let i=new Array;i.push(e.collapseListItem),t(i,l.children)}this.hashMap[l.id]=l,i.push(l)}))};this.setUpCategory("default",!0),t(e.collapseListItem,this.data)}}}setUpCategory(e,t){this.selectedValue||(this.selectedValue={}),e&&!this.selectedValue[e]&&(this.selectedValue[e]={name:e,items:new Array,allowMultiSelect:t})}collapseAllFirstLevelItems(e){this.el.shadowRoot.querySelectorAll(".level-1").forEach((t=>{t.classList.contains("expanded")&&t!=e&&t.classList.remove("expanded")}))}updateExpandedItems(){const e=t=>{this.refreshBuffer||(this.refreshBuffer=t);const i=t-this.refreshBuffer;this.el.shadowRoot.querySelectorAll("li").forEach((e=>{let t=e.querySelector(":scope > ul");t&&(e.classList.contains("expanded")?t.style.maxHeight=t.scrollHeight+"px":t.style.removeProperty("max-height"))})),i<2500?window.requestAnimationFrame(e):this.refreshBuffer=void 0};this.refreshBuffer?this.refreshBuffer=void 0:window.requestAnimationFrame(e)}updateSelectedItemStatus(e){var t;let i=this.hashMap[e];if(i&&i.value){let e=null!==(t=i.category)&&void 0!==t?t:"default";this.selectedValue[e]||this.setUpCategory(e,1==i.allowMultiSelect);let l=this.selectedValue[e].items;l.indexOf(i.value)<0?(this.selectedValue[e].allowMultiSelect?l.push(i.value):(this.selectedItems=this.selectedItems.filter((e=>e.value!=l[0])),l=[i.value]),this.selectedItems.push(i)):(l=l.filter((e=>e!=i.value)),this.selectedItems=this.selectedItems.filter((e=>e.value!=i.value))),this.selectedValue[e].items=l}}unSelectItem(e){var t;let i=this.hashMap[e];if(i&&i.value){let e=null!==(t=i.category)&&void 0!==t?t:"default";this.selectedValue[e]||this.setUpCategory(e,1==i.allowMultiSelect);let l=this.selectedValue[e].items;l.indexOf(i.value)>-1&&(l=l.filter((e=>e!=i.value)),this.selectedItems=this.selectedItems.filter((e=>e.value!=i.value))),this.selectedValue[e].items=l}}selectItem(e){var t;let i=this.hashMap[e];if(i&&i.value){let e=null!==(t=i.category)&&void 0!==t?t:"default";this.selectedValue[e]||this.setUpCategory(e,1==i.allowMultiSelect);let l=this.selectedValue[e].items;l.indexOf(i.value)<0&&(this.selectedValue[e].allowMultiSelect?l.push(i.value):l=[i.value],this.selectedItems.push(i)),this.selectedValue[e].items=l}}getItemByValue(e){let t;if(this.hashMap)for(const[i,l]of Object.entries(this.hashMap))if(l.value==e){t=l;break}return t}onItemFilterSearchUpdate(e){if(e&&e.target){let t=e.target,i=t.value;if(t){t.closest("ul").querySelectorAll("li:not(.search-box-wrapper)").forEach(i&&i.length>0?e=>{var t;let l=null===(t=null==e?void 0:e.textContent)||void 0===t?void 0:t.toLowerCase();l&&l.indexOf(i)>-1?e.style.removeProperty("display"):e.style.display="none"}:e=>{e.style.removeProperty("display")})}this.updateExpandedItems()}}onItemLinkClick(e,t){e&&e.preventDefault(),this.updateSelectedItemStatus(t),this.onItemSelectedHandler(e)}onExpandClick(e,t){if(e){e.preventDefault();let i=e.currentTarget,l=i.closest(".level-1"),s=i.closest("li");if(t&&this.collapseAllFirstLevelItems(l),s&&s.classList.toggle("expanded"),i.classList.contains("expander-icon")){let e=s.classList.contains("expanded")?"minus":"plus";i.querySelector("icon-asset").setAttribute("name",e)}this.updateExpandedItems()}this.onItemExpandedHandler(e)}render(){let e=e=>{if(e)return i("ptc-tooltip",{"text-display":"inline",mode:"wrapper","z-index":"z-2",position:"bottom",description:""},i("div",{class:"icon-wrapper"},i("i",{class:"active-icon",innerHTML:r}),i("i",{class:"inactive-icon",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13">\n    <defs>\n        <style>\n            .cls-1,.cls-4{fill:none}.cls-1{stroke:#a6adb4;stroke-width:.7px}.cls-2{fill:#a6adb4;font-size:10px;font-family:Bender-BoldItalic,Bender;font-weight:700;font-style:italic;letter-spacing:.035em}.cls-3{stroke:none}\n        </style>\n    </defs>\n    <g id="info" transform="translate(-211 -479)">\n        <g id="Ellipse_6" class="cls-1" data-name="Ellipse 6" transform="translate(211 479)">\n            <circle cx="6.5" cy="6.5" r="6.5" class="cls-3"/>\n            <circle cx="6.5" cy="6.5" r="6.15" class="cls-4"/>\n        </g>\n        <text id="i" class="cls-2" transform="translate(216 480)">\n            <tspan x="-.56" y="9">i</tspan>\n        </text>\n    </g>\n</svg>\n'})),i("span",{class:"popup",slot:"description"},i("i",{innerHTML:r}),i("div",{class:"content",innerHTML:e})))},t=(e,l,a)=>{let n=`level-${l}`;return i("ul",null,a&&i("li",{class:"search-box-wrapper"},i("div",{class:"search-box"},i("input",{class:"search-box",type:"text",placeholder:a.placeholder,onKeyUp:e=>{this.onItemFilterSearchUpdate(e)},onBlur:e=>{this.onItemFilterSearchUpdate(e)}}))),e.map((e=>{let a,o,r=!1,c=!1;return e.enableSearch&&(o={placeholder:e.searchBoxPlaceholder}),1==l?e.children?(r=!0,c=!1,a=i("icon-asset",{type:"ptc",name:"chevron-down",color:"ptc-green",size:"medium"})):(r=!1,c=!0,a=i("icon-asset",{type:"ptc",name:"plus",color:"ptc-green",size:"medium"})):l>1&&(c=!0,e.children?(r=!0,a=i("icon-asset",{type:"ptc",name:"plus",color:"gray",size:"xxx-small"})):r=!1),i("li",{class:n},s(e,a,l,r,c),e.children?t(e.children,l+1,o):"")})))},s=(t,l,s,a,n)=>{let o=1==s?t.tooltip:void 0;return t.isExternalLink?i("a",{href:t.href,target:t.target,title:t.title},l,t.text,e(o)):!a&&n||a&&!n?i("a",{href:"#",title:t.text,onClick:e=>{a?this.onExpandClick(e,1==s):this.onItemLinkClick(e,t.id)}},l,t.text,e(o)):[i("a",{class:"expander-icon",href:"#",onClick:e=>{this.onExpandClick(e,!1)}},l),i("a",{href:"#",title:t.text,onClick:e=>{this.onItemLinkClick(e,t.id)}},t.text),e(o)]};return i(l,null,i("div",{class:"container"},i("ptc-title",{type:"h2","title-size":"medium","title-weight":"w-6","text-align":"left",upperline:"no-upperline"},this.header),i("div",{class:"search-box"},i("input",{type:"text",placeholder:this.placeholderText,onKeyUp:e=>{this.onInputUpdated(e)}})),t(this.data,1)))}async removeSelectedItem(e){let t=this.getItemByValue(e);this.unSelectItem(t.id),this.fireChangedEvent()}async addSelectedItem(e){let t=this.getItemByValue(e);this.selectItem(t.id)}get el(){return s(this)}};d.style=':host{display:block;height:100%}.container{border-right:1px solid rgba(112, 112, 112, 0.25);position:relative;height:100%}.container>ul{overflow:visible}a{transition:color ease-out 250ms}ul{transition:max-height ease-out 250ms, padding ease-out 250ms;overflow:hidden;list-style:none;padding:0;margin:0}li{cursor:pointer}.level-1>ul{max-height:0}.level-1>ul>li{margin:12px 0}.level-1>ul>li:first-child{margin-top:20px}.level-1>ul>li:last-child{margin-bottom:10px}.level-2>ul,.level-3>ul,.level-4>ul,.level-5>ul{max-height:0}.level-2>ul>li,.level-3>ul>li,.level-4>ul>li,.level-5>ul>li{margin:8px 0}.level-2>ul{padding-left:2.25rem}.level-3>ul{padding-left:3rem}.level-4>ul{padding-left:3.75rem}.level-5>ul{padding-left:4.5rem}.level-1{position:relative}.level-1>a{position:relative;padding:16px 20px 17.5px 0;display:block;font-size:18px;letter-spacing:0.45px;font-weight:800;color:var(--color-gray-12);text-decoration:none;border-bottom:1px solid rgba(112, 112, 112, 0.25)}.level-1>a:hover,.level-1>a:active,.level-1>a:focus{text-decoration:none}.level-1>a>icon-asset{transition:transform var(--ptc-ease-out) var(--ptc-transition-medium), padding var(--ptc-ease-out) var(--ptc-transition-medium);position:absolute;right:20px;padding-top:2px}.level-1>a:after{content:"";display:block;position:absolute;bottom:-2px;left:0;height:3px;width:40px;background-color:var(--color-green-07);transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium)}.level-1.expanded a>icon-asset{transform:rotate(-180deg);padding-top:0}.level-1.expanded a>ul{padding-top:14px}.level-1.expanded a:after{background-color:var(--color-gray-11)}.level-1>ul{padding-top:0}.level-1:first-child>a{padding-top:20px}.level-2,.level-3,.level-4,.level-5{position:relative}.level-2>a,.level-3>a,.level-4>a,.level-5>a{font-size:15px;font-weight:500;letter-spacing:0.4px;color:var(--color-gray-10);text-decoration:none;display:inline-block;margin-left:20px}.level-2>a:hover,.level-2>a:active,.level-3>a:hover,.level-3>a:active,.level-4>a:hover,.level-4>a:active,.level-5>a:hover,.level-5>a:active{font-weight:800;color:var(--color-green-07);text-decoration:none}.level-2 .expander-icon,.level-3 .expander-icon,.level-4 .expander-icon,.level-5 .expander-icon{position:absolute;left:-18px;top:2px}.level-3:before,.level-4:before,.level-5:before{position:absolute;content:"";width:2rem;height:1px;display:block;left:0;top:9px;background-color:var(--color-gray-02)}.level-3:before{width:2rem;left:-2.25rem}.level-4:before{width:2.75rem;left:-3rem}.level-5:before{width:3.5rem;left:-3.75rem}.search-box{display:flex;width:100%}.search-box input[type=text]{font-family:var(--ptc-font-latin);padding:8px 45px 8px 18px;font-size:1rem;font-weight:400;color:var(--color-gray-12);box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-06);transition:border var(--ptc-transition-medium) var(--ptc-ease-out), box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);background-color:var(--color-white);width:100%;margin-right:2rem}.search-box input[type=text]::-ms-clear{display:none}.search-box input[type=text]:focus{outline:none;box-shadow:var(--ptc-shadow-small);border:solid 1px var(--color-gray-12)}.search-box input[type=text]::placeholder{color:var(--color-gray-07)}.icon-wrapper{width:32px;display:inline-flex;justify-content:center;align-items:center}.icon-wrapper .active-icon{display:none}.icon-wrapper .inactive-icon{display:inline}.icon-wrapper:hover .active-icon{display:inline}.icon-wrapper:hover .inactive-icon{display:none}.popup{display:inline-flex;width:256px}.popup i{margin-right:8px}ptc-tooltip .wrapper-content.sc-ptc-tooltip{display:inline-flex;justify-content:center}';export{d as ptc_collapse_list}

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

@@ -0,0 +1 @@
+import{r as e,h as a,F as t,H as r,g as i}from"./p-ce0e4c5c.js";const l=class{constructor(a){e(this,a),this.cardTitle=void 0,this.cardPricingText=void 0,this.cardCtaHref=null,this.cardCtaText=null,this.cardCtaTarget=null,this.cardDisclaimer=null}render(){return a(r,null,a("div",{class:"add-on-card"},a("ptc-title",{type:"h4","text-align":"left","title-size":"medium",upperline:"no-upperline","title-height":"densest","title-margin":"margin-flush","title-weight":"w-7"},this.cardTitle),a("ptc-para",{"font-size":"small","font-weight":"w-4","para-align":"left","para-line-h":"line-height-p","para-margin":"margin-flush"},a("slot",{name:"card-pricing"})),a("ptc-spacer",{breakpoint:"small",size:"medium"}),a("ptc-spacer",{breakpoint:"x-small",size:"large"}),a("ptc-para",{"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?a("slot",{name:"card-body"}):a("ptc-readmore",{"more-text":"See more","less-text":"See less"},a("slot",{name:"card-body"})),a("slot",{name:"card-body"})),this.cardCtaHref&&this.cardCtaText&&a(t,null,a("ptc-spacer",{breakpoint:"small",size:"x-large"}),a("ptc-spacer",{breakpoint:"small",size:"xx-small"}),a("ptc-spacer",{breakpoint:"x-small",size:"xx-large"}),a("ptc-spacer",{breakpoint:"x-small",size:"xx-small"}),a("ptc-button",{type:"link",color:"ptc-tertiary","link-href":this.cardCtaHref,target:this.cardCtaTarget},a("ptc-tooltip",{"text-display":"inline","max-length":"30","z-index":"z-2",description:this.cardCtaText,position:"bottom"}))),this.cardDisclaimer&&a(t,null,a("ptc-spacer",{breakpoint:"small",size:"medium"}),a("ptc-spacer",{breakpoint:"x-small",size:"large"}),a("ptc-para",{"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?a("slot",{name:"card-disclaimer"}):a("ptc-readmore",{"more-text":"See more","less-text":"See less"},a("slot",{name:"card-disclaimer"}))))))}get el(){return i(this)}};l.style=":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}";export{l as ptc_pricing_add_on_card}