@ptcwebops/ptcw-design 3.2.2 → 3.2.3

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-a5716559.entry.js → p-2c6cce6c.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as s,g as e}from"./p-00a1336a.js";import{a as o}from"./p-240733ce.js";const h=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 o=0,h=s.length;o<h;o++){if(t=s[o],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.src}`,"data-sm":`${this.src}`,"data-md":`${this.src}`,"data-lg":`${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=o.envs.length-1;e>=0;e--)if(t=o.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)}};h.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{h as ptc_picture}
+import{r as t,h as i,H as s,g as e}from"./p-00a1336a.js";import{a as o}from"./p-711bcdad.js";const h=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 o=0,h=s.length;o<h;o++){if(t=s[o],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.src}`,"data-sm":`${this.src}`,"data-md":`${this.src}`,"data-lg":`${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=o.envs.length-1;e>=0;e--)if(t=o.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)}};h.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{h as ptc_picture}

package/dist/ptcw-design/{p-6ec80150.entry.js → p-46e3abad.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as r,g as a}from"./p-00a1336a.js";import{R as e}from"./p-240733ce.js";const s=class{constructor(i){t(this,i),this.sizeXs="510x340",this.sizeSm="1240x496",this.sizeMd="1366x500",this.sizeLg="1920x1080",this.imgUrl=void 0,this.imageType="smart-bg",this.borderRadius="",this.loadMode="lazy-bg",this.styles=void 0}WindowResize(){this.setResponsiveBg()}render(){const t=this.getCssClassMap();return i(r,null,this.styles&&i("style",null,this.styles),i("div",{class:t,"data-xs":`${this.imgUrl}`,"data-sm":`${this.imgUrl}`,"data-md":`${this.imgUrl}`,"data-lg":`${this.imgUrl}`},"smart-bg"==this.imageType?i("slot",null):null))}componentDidLoad(){this.addIntersectionObserver(),this.setResponsiveBg()}componentWillUpdate(){this.addIntersectionObserver(),this.setResponsiveBg()}setResponsiveBg(){let t,i,r=(this.el||document).querySelectorAll(e.selector),a=this.getCurrentBreakPoints();for(var s=0,d=r.length;s<d;s++)t=r[s],i=t.getAttribute("data-"+a),null!==i?t.style.backgroundImage="url('"+i+"')":"object"==typeof console&&console.warn("Data attribute: data-"+a+" not found on element:\n\n"+t.outerHTML+"\n\n\n")}addIntersectionObserver(){if(this.imgUrl){if("IntersectionObserver"in window){let t=(this.el||document).querySelectorAll(".lazy-bg"),i=new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting){const r=t.target;r.classList.remove("lazy-bg"),i.unobserve(r)}}))}));t.forEach((t=>{i.observe(t)}))}}else console.log("no image!")}getCssClassMap(){return{[this.imageType]:!0,"ptc-img":!0,[this.borderRadius]:!0,[this.loadMode]:!0}}getCurrentBreakPoints(){let t,i=window.document,r=i.createElement("div");i.body.appendChild(r);for(let a=e.envs.length-1;a>=0;a--)if(t=e.envs[a],r.className="hidden-"+t,null===r.offsetParent)return i.body.removeChild(r),t;return i.body.removeChild(r),this.getFallbackBreakpoint()}getFallbackBreakpoint(){return window.matchMedia("(min-width: 992px)").matches?"lg":window.matchMedia("(min-width: 768px)").matches?"md":window.matchMedia("(min-width: 576px)").matches?"sm":"xs"}get el(){return a(this)}};s.style=".smart-bg{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.smart-img{position:absolute;display:block;width:100%;height:100%;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-standard-top{border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.radius-large-top{border-top-left-radius:var(--ptc-border-radius-large);border-top-right-radius:var(--ptc-border-radius-large)}.lazy-bg{background-image:none !important;background-color:var(--color-gray-03)}@media only screen and (min-width: 768px){.hidden-xs{display:none !important}}@media (min-width: 768px) and (max-width: 991px){.hidden-sm{display:none !important}}@media (min-width: 992px) and (max-width: 1199px){.hidden-md{display:none !important}}@media only screen and (min-width: 768px){.hidden-lg{display:none !important}}";export{s as ptc_img}
+import{r as t,h as i,H as r,g as a}from"./p-00a1336a.js";import{R as s}from"./p-711bcdad.js";const e=class{constructor(i){t(this,i),this.sizeXs="510x340",this.sizeSm="1240x496",this.sizeMd="1366x500",this.sizeLg="1920x1080",this.imgUrl=void 0,this.imageType="smart-bg",this.borderRadius="",this.loadMode="lazy-bg",this.styles=void 0}WindowResize(){this.setResponsiveBg()}render(){const t=this.getCssClassMap();return i(r,null,this.styles&&i("style",null,this.styles),i("div",{class:t,"data-xs":`${this.imgUrl}`,"data-sm":`${this.imgUrl}`,"data-md":`${this.imgUrl}`,"data-lg":`${this.imgUrl}`},"smart-bg"==this.imageType?i("slot",null):null))}componentDidLoad(){this.addIntersectionObserver(),this.setResponsiveBg()}componentWillUpdate(){this.addIntersectionObserver(),this.setResponsiveBg()}setResponsiveBg(){let t,i,r=(this.el||document).querySelectorAll(s.selector),a=this.getCurrentBreakPoints();for(var e=0,d=r.length;e<d;e++)t=r[e],i=t.getAttribute("data-"+a),null!==i?t.style.backgroundImage="url('"+i+"')":"object"==typeof console&&console.warn("Data attribute: data-"+a+" not found on element:\n\n"+t.outerHTML+"\n\n\n")}addIntersectionObserver(){if(this.imgUrl){if("IntersectionObserver"in window){let t=(this.el||document).querySelectorAll(".lazy-bg"),i=new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting){const r=t.target;r.classList.remove("lazy-bg"),i.unobserve(r)}}))}));t.forEach((t=>{i.observe(t)}))}}else console.log("no image!")}getCssClassMap(){return{[this.imageType]:!0,"ptc-img":!0,[this.borderRadius]:!0,[this.loadMode]:!0}}getCurrentBreakPoints(){let t,i=window.document,r=i.createElement("div");i.body.appendChild(r);for(let a=s.envs.length-1;a>=0;a--)if(t=s.envs[a],r.className="hidden-"+t,null===r.offsetParent)return i.body.removeChild(r),t;return i.body.removeChild(r),this.getFallbackBreakpoint()}getFallbackBreakpoint(){return window.matchMedia("(min-width: 992px)").matches?"lg":window.matchMedia("(min-width: 768px)").matches?"md":window.matchMedia("(min-width: 576px)").matches?"sm":"xs"}get el(){return a(this)}};e.style=".smart-bg{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.smart-img{position:absolute;display:block;width:100%;height:100%;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-standard-top{border-top-left-radius:var(--ptc-border-radius-standard);border-top-right-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.radius-large-top{border-top-left-radius:var(--ptc-border-radius-large);border-top-right-radius:var(--ptc-border-radius-large)}.lazy-bg{background-image:none !important;background-color:var(--color-gray-03)}@media only screen and (min-width: 768px){.hidden-xs{display:none !important}}@media (min-width: 768px) and (max-width: 991px){.hidden-sm{display:none !important}}@media (min-width: 992px) and (max-width: 1199px){.hidden-md{display:none !important}}@media only screen and (min-width: 768px){.hidden-lg{display:none !important}}";export{e as ptc_img}

package/dist/ptcw-design/{p-028f77a5.entry.js → p-57f91d23.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as i,H as l,g as s}from"./p-00a1336a.js";import{d as a,M as n,a as o}from"./p-5c1c23ad.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-00a1336a.js";import{d as a,M as n,a as o}from"./p-ff83c1c4.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-af91e74f.entry.js → p-7a8726da.entry.js}

@@ -1 +1 @@
-import{r as e,h as t,H as n,g as i}from"./p-00a1336a.js";const a=class{constructor(t){e(this,t),this.isMobile=void 0,this.selectedTabGloble="tab-01"}handleResize(){this.isMobile=window.innerWidth<992,this.holdTabOnResize(this.selectedTabGloble)}componentWillLoad(){this.isMobile=window.innerWidth<992}handleflTabClicked(e){this.selectedTabGloble=e.detail.name,this.selectTab(this.selectedTabGloble)}holdTabOnResize(e){const t=this.hostElement.shadowRoot.querySelectorAll("fl-tab-content"),n=this.hostElement.shadowRoot.querySelectorAll("fl-tab-header");t.forEach((t=>{t.classList.contains("init-active")&&t.classList.remove("init-active"),t.getAttribute("name-key")===e?t.setAttribute("selected","selected"):t.removeAttribute("selected")})),n.forEach((t=>{t.classList.contains("init-active")&&t.classList.remove("init-active"),t.getAttribute("name-key")===e?t.setAttribute("selected","selected"):t.removeAttribute("selected")}))}selectTab(e){const t=this.hostElement.shadowRoot.querySelectorAll("fl-tab-image"),n=this.hostElement.shadowRoot.querySelectorAll("fl-tab-content"),i=this.hostElement.shadowRoot.querySelectorAll("fl-tab-header");t.forEach((t=>{t.classList.contains("init-active")&&t.classList.remove("init-active"),t.getAttribute("name-key")===e?t.setAttribute("selected","selected"):t.removeAttribute("selected")})),n.forEach((t=>{if(this.updateActiveTab(e,t),t.getAttribute("name-key")===e){const e=t.querySelector("ptc-readmore");e&&e.updateReadmoreStatus()}})),i.forEach((t=>{this.updateActiveTab(e,t)}))}updateActiveTab(e,t){this.isMobile?t.getAttribute("name-key")===e?t.classList.contains("init-active")||"selected"==t.getAttribute("selected")?t.removeAttribute("selected"):t.setAttribute("selected","selected"):t.removeAttribute("selected"):t.getAttribute("name-key")===e?t.setAttribute("selected","selected"):t.removeAttribute("selected"),t.classList.contains("init-active")&&t.classList.remove("init-active")}render(){return t(n,null,t("div",{class:"featured-image-wrap"},t("fl-tab-image",{"name-key":"tab-01",class:"init-active"},t("ptc-img",{"image-type":"smart-bg","image-alignment":"center","img-url":"http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway"})),t("fl-tab-image",{"name-key":"tab-02"},t("ptc-background-video",{overlay:!1,"play-button-title":"Play","pause-button-title":"Pause","video-src":"https://www.ptc.com/en/www.ptc.com//-/media/Videos/BRAND-FILM-CAR-SECTION-short-1mb.mp4","poster-src":"https://www.ptc.com/-/media/Images/new-org/misc/W232501-LWX23-Hero-Banner-Video-FINAL-jebyrne-110922-screenshot.jpg"})),t("fl-tab-image",{"name-key":"tab-03"},t("ptc-img",{"image-type":"smart-bg","image-alignment":"center","img-url":"https://www.ptc.com/-/media/Images/new-org/1366x542/CIMC-1366x542.jpg?h=542&w=1366&la=en&hash=56AE14F73CFB62C24276D08E556B0949"})),t("fl-tab-image",{"name-key":"tab-04"},t("ptc-img",{"image-type":"smart-bg","image-alignment":"center","img-url":"https://www.ptc.com/-/media/Images/new-org/1366x542/ThingWorx_IIOT_CaterpillarCS_Img_1366x542.jpg?h=542&w=1366&la=en&hash=627ED00C1F58E3677A06F50C0F3009D6"}))),this.isMobile?t("div",{class:"mobile-wrapper"},t("div",{class:"acc-item"},t("fl-tab-header",{"name-key":"tab-01","tab-title":"Aerospace & Defense",class:"init-active"}," "),t("fl-tab-content",{"name-key":"tab-01",class:"init-active"},t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."),t("a",{href:"#"},"See More about Aerospace & Defense"))),t("div",{class:"acc-item"},t("fl-tab-header",{"name-key":"tab-02","tab-title":"Automotive"}),t("fl-tab-content",{"name-key":"tab-02"},t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."),t("a",{href:"#"},"See More about Aerospace & Defense"))),t("div",{class:"acc-item"},t("fl-tab-header",{"name-key":"tab-03","tab-title":"Electronics & High-Tech"}),t("fl-tab-content",{"name-key":"tab-03"},t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."),t("a",{href:"#"},"See More about Aerospace & Defense"))),t("div",{class:"acc-item"},t("fl-tab-header",{"name-key":"tab-04","tab-title":"Retail & Consumer Products"}),t("fl-tab-content",{"name-key":"tab-04"},t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."),t("a",{href:"#"},"See More about Aerospace & Defense")))):t("div",{class:"non-mobile-wrapper"},t("div",{class:"header-list-wrap"},t("fl-tab-header",{"name-key":"tab-01","tab-title":"Aerospace & Defense",class:"init-active"}," "),t("fl-tab-header",{"name-key":"tab-02","tab-title":"Automotive"}),t("fl-tab-header",{"name-key":"tab-03","tab-title":"Electronics & High-Tech"}),t("fl-tab-header",{"name-key":"tab-04","tab-title":"Retail & Consumer Products"})),t("div",{class:"content-wrap"},t("fl-tab-content",{"name-key":"tab-01",class:"init-active"},t("ptc-title",{type:"h3","title-size":"large",upperline:"no-upperline","title-margin":"margin-flush"},"Aerospace & Defense"),t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."),t("a",{href:"#"},"See More about Aerospace & Defense")),t("fl-tab-content",{"name-key":"tab-02"},t("ptc-title",{type:"h3","title-size":"large",upperline:"no-upperline","title-margin":"margin-flush"},"Automotive"),t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."),t("a",{href:"#"},"See More about Aerospace & Defense")),t("fl-tab-content",{"name-key":"tab-03"},t("ptc-title",{type:"h3","title-size":"large",upperline:"no-upperline","title-margin":"margin-flush"},"Electronics & High-Tech"),t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Deliver the future of transportation and mobility and gain competitive advantage. Explore automotive solutions for OEMs and suppliers so your team can help drive the future of transportation."),t("a",{href:"#"},"See More about Aerospace & Defense")),t("fl-tab-content",{"name-key":"tab-04"},t("ptc-title",{type:"h3","title-size":"large",upperline:"no-upperline","title-margin":"margin-flush"},"Retail & Consumer Products"),t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Navigate supply chain disruption while maximizing revenue growth and sustainability. Explore how PTC’s digital solutions can accelerate product innovation, supply chain collaboration, and more."),t("a",{href:"#"},"See More about Aerospace & Defense")))))}get hostElement(){return i(this)}};a.style='a {\n    font-family: var(--ptc-font-latin);\n    font-style: var(--ptc-font-style-normal);\n    text-decoration-line: underline;\n    color: var(--color-blue-07);\n    transition: color var(--ptc-transition-medium) var(--ptc-ease-out);\n    font-weight: var(--ptc-font-weight-bold);\n\n    &:visited {\n        color: var(--color-blue-10);\n    }\n\n    &:active,\n    &:visited:active {\n        // pressed\n        color: var(--color-blue-09);\n    }\n\n    &:hover,\n    &:visited:hover {\n        color: var(--color-blue-08);\n    }\n\n    &.disabled {\n        color: var(--color-gray-04) !important;\n        cursor: not-allowed;\n    }\n}\n\n.light-links,.background-grey-10,.background-plm-grey  {\n    a:not(.hero-footer-form-wrapper a), a.light-link {\n        color: var(--color-blue-04);\n\n        &:visited {\n            color: var(--color-blue-06);\n        }\n\n        &:active,\n        &:visited:active {\n            // pressed\n            color: var(--color-blue-07);\n        }\n\n        &:hover,\n        &:visited:hover {\n            color: var(--color-blue-05);\n        }\n\n        &.disabled {\n            color: var(--color-gray-04) !important;\n            cursor: not-allowed;\n        }\n    }\n}\n\n.ptc-link {\n    color: var(--color-gray-10);\n    text-decoration: underline;\n    text-decoration-thickness: 2px;\n    text-decoration-color: var(--color-green-06);\n    text-underline-offset: 5px;\n    transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n\n    &:hover {\n        color: var(--color-green-06);\n    }\n\n    &:visited {\n        color: var(--color-gray-10);\n    }\n\n    &:active,\n    &:visited:active {\n        // pressed\n        color: var(--color-green-06);\n    }\n\n    &:hover,\n    &:visited:hover {\n        color: var(--color-green-06);\n    }\n}\n\n.ptc-link-dark {\n    color: var(--color-white);\n    text-decoration: underline;\n    text-decoration-thickness: 2px;\n    text-decoration-color: var(--color-green-06);\n    text-underline-offset: 5px;\n    transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n\n    &:hover {\n        color: var(--color-green-06);\n    }\n\n    &:visited {\n        color: var(--color-white);\n    }\n\n    &:active,\n    &:visited:active {\n        // pressed\n        color: var(--color-green-06);\n    }\n\n    &:hover,\n    &:visited:hover {\n        color: var(--color-green-06);\n    }\n\n}\n\n :host {\n\t display: block;\n\t box-sizing: border-box;\n}\n :host ptc-background-video {\n\t height: 240px;\n}\n @media (min-width: 480px) {\n\t :host ptc-background-video {\n\t\t height: 320px;\n\t}\n}\n @media (min-width: 768px) {\n\t :host ptc-background-video {\n\t\t height: 450px;\n\t}\n}\n @media (min-width: 992px) {\n\t :host ptc-background-video {\n\t\t height: 500px;\n\t}\n}\n :host .fl-header {\n\t cursor: pointer;\n}\n :host .non-mobile-wrapper {\n\t box-sizing: border-box;\n}\n @media (min-width: 992px) {\n\t :host .non-mobile-wrapper {\n\t\t max-width: 1078px;\n\t\t margin: -75px auto 0 auto;\n\t\t display: flex;\n\t\t align-items: center;\n\t\t width: 100%;\n\t\t background: var(--color-white);\n\t\t box-shadow: var(--ptc-shadow-small);\n\t\t padding: 24px 32px;\n\t\t z-index: 1;\n\t\t position: relative;\n\t\t min-height: 350px;\n\t}\n}\n @media (min-width: 992px) {\n\t :host .non-mobile-wrapper .header-list-wrap {\n\t\t padding-right: 16px;\n\t\t margin-right: 64px;\n\t\t min-width: 270px;\n\t\t max-width: 270px;\n\t\t box-sizing: border-box;\n\t\t display: flex;\n\t\t flex-direction: column;\n\t\t align-items: baseline;\n\t}\n\t :host .non-mobile-wrapper .header-list-wrap::after {\n\t\t content: "";\n\t\t width: 1px;\n\t\t height: calc(100% - 48px);\n\t\t background-color: var(--color-gray-05);\n\t\t position: absolute;\n\t\t left: 297px;\n\t\t top: 24px;\n\t\t bottom: 24px;\n\t}\n}\n @media (min-width: 992px) {\n\t :host .non-mobile-wrapper .content-wrap {\n\t\t padding-right: 72px;\n\t}\n}\n :host .non-mobile-wrapper .fl-header {\n\t border-radius: 4px;\n\t margin: 12px 0;\n\t padding: 4px 8px;\n}\n :host .non-mobile-wrapper .fl-header:hover {\n\t background-color: var(--color-gray-02);\n}\n :host .non-mobile-wrapper .fl-header.selected, :host .non-mobile-wrapper .fl-header.init-active {\n\t background-color: var(--color-gray-03);\n}\n :host .mobile-wrapper .acc-item {\n\t border-bottom: 1px solid var(--color-gray-03);\n\t padding: 14px 30px;\n}\n :host .mobile-wrapper .acc-item fl-tab-header {\n\t padding-left: 34px;\n\t position: relative;\n}\n :host .mobile-wrapper .acc-item fl-tab-header::before {\n\t content: \'\';\n\t display: inline-block;\n\t width: 16px;\n\t height: 16px;\n\t background-image: url(\'data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_91_790)"><path d="M15.9001 6.29998H9.7001V0.0999756H6.3001V6.29998H0.100098V9.69998H6.3001V15.9H9.7001V9.69998H15.9001V6.29998Z" fill="%23006E09"/></g><defs><clipPath id="clip0_91_790"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>\');\n\t vertical-align: middle;\n\t position: absolute;\n\t left: 0;\n\t top: 4.5px;\n}\n :host .mobile-wrapper .acc-item fl-tab-header.selected::before, :host .mobile-wrapper .acc-item fl-tab-header.init-active::before {\n\t background-image: url(\'data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_113_741)"><path d="M0 7.05566V10.8637H13.913V7.05566H0Z" fill="%23323B42"/></g><defs><clipPath id="clip0_113_741"><rect width="13.913" height="17.92" fill="white"/></clipPath></defs></svg>\');\n}\n :host .mobile-wrapper .acc-item fl-tab-content {\n\t padding-left: 34px;\n\t padding-bottom: 18px;\n}\n';export{a as featured_list}
+import{r as e,h as t,H as r,g as n}from"./p-00a1336a.js";const i=class{constructor(t){e(this,t),this.isMobile=void 0,this.selectedTabGloble="tab-01"}handleResize(){this.isMobile=window.innerWidth<992,this.holdTabOnResize(this.selectedTabGloble)}componentWillLoad(){this.isMobile=window.innerWidth<992}handleflTabClicked(e){this.selectedTabGloble=e.detail.name,this.selectTab(this.selectedTabGloble)}holdTabOnResize(e){const t=this.hostElement.shadowRoot.querySelectorAll("fl-tab-content"),r=this.hostElement.shadowRoot.querySelectorAll("fl-tab-header");t.forEach((t=>{t.classList.contains("init-active")&&t.classList.remove("init-active"),t.getAttribute("name-key")===e?t.setAttribute("selected","selected"):t.removeAttribute("selected")})),r.forEach((t=>{t.classList.contains("init-active")&&t.classList.remove("init-active"),t.getAttribute("name-key")===e?t.setAttribute("selected","selected"):t.removeAttribute("selected")}))}selectTab(e){const t=this.hostElement.shadowRoot.querySelectorAll("fl-tab-image"),r=this.hostElement.shadowRoot.querySelectorAll("fl-tab-content"),n=this.hostElement.shadowRoot.querySelectorAll("fl-tab-header");t.forEach((t=>{t.classList.contains("init-active")&&t.classList.remove("init-active"),t.getAttribute("name-key")===e?t.setAttribute("selected","selected"):t.removeAttribute("selected")})),r.forEach((t=>{if(this.updateActiveTab(e,t),t.getAttribute("name-key")===e){const e=t.querySelector("ptc-readmore");e&&e.updateReadmoreStatus()}})),n.forEach((t=>{this.updateActiveTab(e,t)}))}updateActiveTab(e,t){this.isMobile?t.getAttribute("name-key")===e?t.classList.contains("init-active")||"selected"==t.getAttribute("selected")?t.removeAttribute("selected"):t.setAttribute("selected","selected"):t.removeAttribute("selected"):t.getAttribute("name-key")===e?t.setAttribute("selected","selected"):t.removeAttribute("selected"),t.classList.contains("init-active")&&t.classList.remove("init-active")}render(){return t(r,null,t("div",{class:"featured-image-wrap"},t("fl-tab-image",{"name-key":"tab-01",class:"init-active"},t("ptc-img",{"image-type":"smart-bg","image-alignment":"center","img-url":"http://s7d1.scene7.com/is/image/ptcinc/cs-boeing-planes-runway"})),t("fl-tab-image",{"name-key":"tab-02"},t("ptc-background-video",{overlay:!1,"play-button-title":"Play","pause-button-title":"Pause","video-src":"https://www.ptc.com/en/www.ptc.com//-/media/Videos/BRAND-FILM-CAR-SECTION-short-1mb.mp4","poster-src":"https://www.ptc.com/-/media/Images/new-org/misc/W232501-LWX23-Hero-Banner-Video-FINAL-jebyrne-110922-screenshot.jpg"})),t("fl-tab-image",{"name-key":"tab-03"},t("ptc-img",{"image-type":"smart-bg","image-alignment":"center","img-url":"https://www.ptc.com/-/media/Images/new-org/1366x542/CIMC-1366x542.jpg?h=542&w=1366&la=en&hash=56AE14F73CFB62C24276D08E556B0949"})),t("fl-tab-image",{"name-key":"tab-04"},t("ptc-img",{"image-type":"smart-bg","image-alignment":"center","img-url":"https://www.ptc.com/-/media/Images/new-org/1366x542/ThingWorx_IIOT_CaterpillarCS_Img_1366x542.jpg?h=542&w=1366&la=en&hash=627ED00C1F58E3677A06F50C0F3009D6"}))),this.isMobile?t("div",{class:"mobile-wrapper"},t("div",{class:"acc-item"},t("fl-tab-header",{"name-key":"tab-01","tab-title":"Aerospace & Defense",class:"init-active"}," "),t("fl-tab-content",{"name-key":"tab-01",class:"init-active"},t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."),t("a",{href:"#"},"See More about Aerospace & Defense"))),t("div",{class:"acc-item"},t("fl-tab-header",{"name-key":"tab-02","tab-title":"Automotive"}),t("fl-tab-content",{"name-key":"tab-02"},t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."),t("a",{href:"#"},"See More about Aerospace & Defense"))),t("div",{class:"acc-item"},t("fl-tab-header",{"name-key":"tab-03","tab-title":"Electronics & High-Tech"}),t("fl-tab-content",{"name-key":"tab-03"},t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."),t("a",{href:"#"},"See More about Aerospace & Defense"))),t("div",{class:"acc-item"},t("fl-tab-header",{"name-key":"tab-04","tab-title":"Retail & Consumer Products"}),t("fl-tab-content",{"name-key":"tab-04"},t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."),t("a",{href:"#"},"See More about Aerospace & Defense")))):t("div",{class:"non-mobile-wrapper"},t("div",{class:"header-list-wrap"},t("fl-tab-header",{"name-key":"tab-01","tab-title":"Aerospace & Defense",class:"init-active"}," "),t("fl-tab-header",{"name-key":"tab-02","tab-title":"Automotive"}),t("fl-tab-header",{"name-key":"tab-03","tab-title":"Electronics & High-Tech"}),t("fl-tab-header",{"name-key":"tab-04","tab-title":"Retail & Consumer Products"})),t("div",{class:"content-wrap"},t("fl-tab-content",{"name-key":"tab-01",class:"init-active"},t("ptc-title",{type:"h3","title-size":"large",upperline:"no-upperline","title-margin":"margin-flush"},"Aerospace & Defense"),t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."),t("a",{href:"#"},"See More about Aerospace & Defense")),t("fl-tab-content",{"name-key":"tab-02"},t("ptc-title",{type:"h3","title-size":"large",upperline:"no-upperline","title-margin":"margin-flush"},"Automotive"),t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Adapt to ever-changing customer demands and increasing cost and competitive pressure. Explore digital solutions for driving engineering excellence, manufacturing efficiency, product innovation, and service optimization."),t("a",{href:"#"},"See More about Aerospace & Defense")),t("fl-tab-content",{"name-key":"tab-03"},t("ptc-title",{type:"h3","title-size":"large",upperline:"no-upperline","title-margin":"margin-flush"},"Electronics & High-Tech"),t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Deliver the future of transportation and mobility and gain competitive advantage. Explore automotive solutions for OEMs and suppliers so your team can help drive the future of transportation."),t("a",{href:"#"},"See More about Aerospace & Defense")),t("fl-tab-content",{"name-key":"tab-04"},t("ptc-title",{type:"h3","title-size":"large",upperline:"no-upperline","title-margin":"margin-flush"},"Retail & Consumer Products"),t("ptc-para",{"para-line-h":"line-height-p","font-size":"small","para-margin":"margin-3"},"Navigate supply chain disruption while maximizing revenue growth and sustainability. Explore how PTC’s digital solutions can accelerate product innovation, supply chain collaboration, and more."),t("a",{href:"#"},"See More about Aerospace & Defense")))))}get hostElement(){return n(this)}};i.style='a {\r\n    font-family: var(--ptc-font-latin);\r\n    font-style: var(--ptc-font-style-normal);\r\n    text-decoration-line: underline;\r\n    color: var(--color-blue-07);\r\n    transition: color var(--ptc-transition-medium) var(--ptc-ease-out);\r\n    font-weight: var(--ptc-font-weight-bold);\r\n\r\n    &:visited {\r\n        color: var(--color-blue-10);\r\n    }\r\n\r\n    &:active,\r\n    &:visited:active {\r\n        // pressed\r\n        color: var(--color-blue-09);\r\n    }\r\n\r\n    &:hover,\r\n    &:visited:hover {\r\n        color: var(--color-blue-08);\r\n    }\r\n\r\n    &.disabled {\r\n        color: var(--color-gray-04) !important;\r\n        cursor: not-allowed;\r\n    }\r\n}\r\n\r\n.light-links,.background-grey-10,.background-plm-grey  {\r\n    a:not(.hero-footer-form-wrapper a), a.light-link {\r\n        color: var(--color-blue-04);\r\n\r\n        &:visited {\r\n            color: var(--color-blue-06);\r\n        }\r\n\r\n        &:active,\r\n        &:visited:active {\r\n            // pressed\r\n            color: var(--color-blue-07);\r\n        }\r\n\r\n        &:hover,\r\n        &:visited:hover {\r\n            color: var(--color-blue-05);\r\n        }\r\n\r\n        &.disabled {\r\n            color: var(--color-gray-04) !important;\r\n            cursor: not-allowed;\r\n        }\r\n    }\r\n}\r\n\r\n.ptc-link {\r\n    color: var(--color-gray-10);\r\n    text-decoration: underline;\r\n    text-decoration-thickness: 2px;\r\n    text-decoration-color: var(--color-green-06);\r\n    text-underline-offset: 5px;\r\n    transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n    &:hover {\r\n        color: var(--color-green-06);\r\n    }\r\n\r\n    &:visited {\r\n        color: var(--color-gray-10);\r\n    }\r\n\r\n    &:active,\r\n    &:visited:active {\r\n        // pressed\r\n        color: var(--color-green-06);\r\n    }\r\n\r\n    &:hover,\r\n    &:visited:hover {\r\n        color: var(--color-green-06);\r\n    }\r\n}\r\n\r\n.ptc-link-dark {\r\n    color: var(--color-white);\r\n    text-decoration: underline;\r\n    text-decoration-thickness: 2px;\r\n    text-decoration-color: var(--color-green-06);\r\n    text-underline-offset: 5px;\r\n    transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\r\n\r\n    &:hover {\r\n        color: var(--color-green-06);\r\n    }\r\n\r\n    &:visited {\r\n        color: var(--color-white);\r\n    }\r\n\r\n    &:active,\r\n    &:visited:active {\r\n        // pressed\r\n        color: var(--color-green-06);\r\n    }\r\n\r\n    &:hover,\r\n    &:visited:hover {\r\n        color: var(--color-green-06);\r\n    }\r\n\r\n}\r\n\r\n :host {\r\n\t display: block;\r\n\t box-sizing: border-box;\r\n}\r\n :host ptc-background-video {\r\n\t height: 240px;\r\n}\r\n @media (min-width: 480px) {\r\n\t :host ptc-background-video {\r\n\t\t height: 320px;\r\n\t}\r\n}\r\n @media (min-width: 768px) {\r\n\t :host ptc-background-video {\r\n\t\t height: 450px;\r\n\t}\r\n}\r\n @media (min-width: 992px) {\r\n\t :host ptc-background-video {\r\n\t\t height: 500px;\r\n\t}\r\n}\r\n :host .fl-header {\r\n\t cursor: pointer;\r\n}\r\n :host .non-mobile-wrapper {\r\n\t box-sizing: border-box;\r\n}\r\n @media (min-width: 992px) {\r\n\t :host .non-mobile-wrapper {\r\n\t\t max-width: 1078px;\r\n\t\t margin: -75px auto 0 auto;\r\n\t\t display: flex;\r\n\t\t align-items: center;\r\n\t\t width: 100%;\r\n\t\t background: var(--color-white);\r\n\t\t box-shadow: var(--ptc-shadow-small);\r\n\t\t padding: 24px 32px;\r\n\t\t z-index: 1;\r\n\t\t position: relative;\r\n\t\t min-height: 350px;\r\n\t}\r\n}\r\n @media (min-width: 992px) {\r\n\t :host .non-mobile-wrapper .header-list-wrap {\r\n\t\t padding-right: 16px;\r\n\t\t margin-right: 64px;\r\n\t\t min-width: 270px;\r\n\t\t max-width: 270px;\r\n\t\t box-sizing: border-box;\r\n\t\t display: flex;\r\n\t\t flex-direction: column;\r\n\t\t align-items: baseline;\r\n\t}\r\n\t :host .non-mobile-wrapper .header-list-wrap::after {\r\n\t\t content: "";\r\n\t\t width: 1px;\r\n\t\t height: calc(100% - 48px);\r\n\t\t background-color: var(--color-gray-05);\r\n\t\t position: absolute;\r\n\t\t left: 297px;\r\n\t\t top: 24px;\r\n\t\t bottom: 24px;\r\n\t}\r\n}\r\n @media (min-width: 992px) {\r\n\t :host .non-mobile-wrapper .content-wrap {\r\n\t\t padding-right: 72px;\r\n\t}\r\n}\r\n :host .non-mobile-wrapper .fl-header {\r\n\t border-radius: 4px;\r\n\t margin: 12px 0;\r\n\t padding: 4px 8px;\r\n}\r\n :host .non-mobile-wrapper .fl-header:hover {\r\n\t background-color: var(--color-gray-02);\r\n}\r\n :host .non-mobile-wrapper .fl-header.selected, :host .non-mobile-wrapper .fl-header.init-active {\r\n\t background-color: var(--color-gray-03);\r\n}\r\n :host .mobile-wrapper .acc-item {\r\n\t border-bottom: 1px solid var(--color-gray-03);\r\n\t padding: 14px 30px;\r\n}\r\n :host .mobile-wrapper .acc-item fl-tab-header {\r\n\t padding-left: 34px;\r\n\t position: relative;\r\n}\r\n :host .mobile-wrapper .acc-item fl-tab-header::before {\r\n\t content: \'\';\r\n\t display: inline-block;\r\n\t width: 16px;\r\n\t height: 16px;\r\n\t background-image: url(\'data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_91_790)"><path d="M15.9001 6.29998H9.7001V0.0999756H6.3001V6.29998H0.100098V9.69998H6.3001V15.9H9.7001V9.69998H15.9001V6.29998Z" fill="%23006E09"/></g><defs><clipPath id="clip0_91_790"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>\');\r\n\t vertical-align: middle;\r\n\t position: absolute;\r\n\t left: 0;\r\n\t top: 4.5px;\r\n}\r\n :host .mobile-wrapper .acc-item fl-tab-header.selected::before, :host .mobile-wrapper .acc-item fl-tab-header.init-active::before {\r\n\t background-image: url(\'data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_113_741)"><path d="M0 7.05566V10.8637H13.913V7.05566H0Z" fill="%23323B42"/></g><defs><clipPath id="clip0_113_741"><rect width="13.913" height="17.92" fill="white"/></clipPath></defs></svg>\');\r\n}\r\n :host .mobile-wrapper .acc-item fl-tab-content {\r\n\t padding-left: 34px;\r\n\t padding-bottom: 18px;\r\n}\r\n';export{i as featured_list}

package/dist/ptcw-design/{p-64052394.entry.js → p-9415f40e.entry.js}

@@ -1 +1 @@
-import{r as t,h as s}from"./p-00a1336a.js";import{f as o}from"./p-5c1c23ad.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-00a1336a.js";import{f as o}from"./p-ff83c1c4.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}