@ptcwebops/ptcw-design 6.2.14 → 6.2.15

package/dist/ptcw-design/{p-e614999d.entry.js → p-c1ebaf0f.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as i,H as l,g as s}from"./p-ac75c7ad.js";import{d as a,M as n,g as o}from"./p-ad87bdab.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 p=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.showSearchBar=!0,this.header=void 0,this.trackerId=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,this.allowMultiSelect=!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),this.openList()}openList(){var e;(null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".listOpen")).forEach((e=>{if(e.classList.contains("listOpen")){null==e||e.classList.add("expanded");const t=null==e?void 0:e.querySelector("ul");t&&(t.style.maxHeight=`${t.scrollHeight}px`)}}))}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(){let e=0;if(this.hashMap={},!this.data){let t=n(this.el);if(t.collapseListItem){this.data=new Array;let i=(t,l)=>{t.map((t=>{var s=new c;if(s.isExternalLink=!!t.linkHref,s.trackerId=t.trackerId?t.trackerId:`${this.trackerId}-list-item-${e++}`,t.linkHref?(s.href=t.linkHref,s.target=t.linkTarget,s.title=t.linkTitle,s.text=t.facetDisplay,s.id=o()):(s.id=o(),s.text=t.facetDisplay,s.name=t.facetName,s.value=t.facetValue,s.category=t.category,s.allowMultiSelect="false"!=t.allowMultiSelect,s.enableSearch="true"==t.enableSearch,s.searchBoxPlaceholder=t.placeholderText,s.tooltip=t.tooltip,this.setUpCategory(s.category,s.allowMultiSelect),s.listOpened=t.hasOwnProperty("listOpened")),t.collapseListItem)if(s.children=new Array,Array.isArray(t.collapseListItem))i(t.collapseListItem,s.children);else{let e=new Array;e.push(t.collapseListItem),i(e,s.children)}this.hashMap[s.id]=s,l.push(s)}))};this.setUpCategory("default",!0),i(t.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");if(t)if(e.classList.contains("expanded")){t.style.maxHeight=t.scrollHeight+"px";let e=t.closest(".level-1");e&&e.classList.contains("expanded")&&t.childNodes&&t.childNodes.forEach((e=>{e.children[0]&&"DIV"!=e.children[0].tagName&&e.children[0].setAttribute("tabindex","0")}));let i=t.querySelectorAll("input");i&&i.forEach((e=>{e&&(e.tabIndex=0)}))}else{t.style.removeProperty("max-height");let e=t.querySelectorAll("a");e&&e.forEach((e=>{e&&(e.tabIndex=-1)}));let i=t.querySelectorAll("input");i&&i.forEach((e=>{e&&(e.tabIndex=-1)}))}})),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} mf-listen`;return i("ul",null,a&&i("li",{class:"search-box-wrapper"},i("div",{id:this.trackerId?`${this.trackerId}-${n}`:"",class:"search-box mf-listen"},i("input",{class:"search-box",id:"searchBoxId",type:"text",placeholder:a.placeholder,tabIndex:-1,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",{id:e.trackerId,class:{[n]:!0,listOpen:e.listOpened}},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,r=1==s?0:-1;return t.isExternalLink?i("a",{href:t.href,id:t.id,target:t.target,title:t.title,tabindex:r},l,t.text,e(o)):!a&&n||a&&!n?i("a",{href:"#",id:t.id,title:t.text,onClick:e=>{a?this.onExpandClick(e,this.allowMultiSelect&&1==s):this.onItemLinkClick(e,t.id)},tabindex:r},l,t.text,e(o)):[i("a",{class:"expander-icon",href:"#",id:t.id,onClick:e=>{this.onExpandClick(e,!1)},tabindex:r},l),i("a",{href:"#",title:t.text,id:t.id,onClick:e=>{this.onItemLinkClick(e,t.id)},tabindex:r},t.text),e(o)]};return i(l,null,this.showSearchBar?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",{id:`${this.trackerId}-search-box`,class:"search-box mf-listen"},i("input",{type:"text",id:"searchBoxId",placeholder:this.placeholderText,onKeyUp:e=>{this.onInputUpdated(e)}})),t(this.data,1)):i("div",{class:"container"},i("ptc-title",{type:"h2","title-size":"medium","title-weight":"w-6","text-align":"left",upperline:"no-upperline"},this.header),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)}};p.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;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:var(--ptc-element-spacing-03) 0}.level-1>ul>li:first-child{margin-top:var(--ptc-element-spacing-05)}.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:var(--ptc-element-spacing-02) 0}.level-2>ul{padding-left:2.25rem}.level-3>ul{padding-left:var(--ptc-element-spacing-09)}.level-4>ul{padding-left:3.75rem}.level-5>ul{padding-left:4.5rem}.level-1{position:relative}.level-1>a{position:relative;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-05) 17.5px 0;display:block;font-size:var(--ptc-font-size-small);letter-spacing:0.45px;font-weight:var(--ptc-font-weight-extrabold);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:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.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:var(--ptc-element-spacing-05)}.level-2,.level-3,.level-4,.level-5{position:relative}.level-2>a,.level-3>a,.level-4>a,.level-5>a{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);letter-spacing:0.4px;color:var(--color-gray-10);text-decoration:none;display:inline-block;margin-left:var(--ptc-element-spacing-05);margin-right:6px}.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:var(--ptc-font-weight-extrabold);color:var(--color-green-07);text-decoration:none}.level-2>a:focus-visible,.level-3>a:focus-visible,.level-4>a:focus-visible,.level-5>a:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.level-2 .expander-icon,.level-3 .expander-icon,.level-4 .expander-icon,.level-5 .expander-icon{position:absolute;left:-18px;top:2px}.level-2 .expander-icon:focus-visible,.level-3 .expander-icon:focus-visible,.level-4 .expander-icon:focus-visible,.level-5 .expander-icon:focus-visible{border-radius:8px;border:5px solid var(--keyboard-nav-outline);outline:none;top:-5px}.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:var(--ptc-element-spacing-02) var(--ptc-element-spacing-08) var(--ptc-element-spacing-02) var(--ptc-element-spacing-04);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-regular);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:var(--ptc-element-spacing-07)}.search-box input[type=text]::-ms-clear{display:none}.search-box input[type=text]:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.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:var(--ptc-element-spacing-02)}ptc-tooltip .wrapper-content.sc-ptc-tooltip{display:inline-flex;justify-content:center}.search-box-wrapper .search-box{margin-left:var(--ptc-element-spacing-01)}';export{p as ptc_collapse_list}
+import{r as e,c as t,h as i,H as l,g as s}from"./p-ac75c7ad.js";import{d as a,M as n,b as o}from"./p-841b807d.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 p=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.showSearchBar=!0,this.header=void 0,this.trackerId=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,this.allowMultiSelect=!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),this.openList()}openList(){var e;(null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".listOpen")).forEach((e=>{if(e.classList.contains("listOpen")){null==e||e.classList.add("expanded");const t=null==e?void 0:e.querySelector("ul");t&&(t.style.maxHeight=`${t.scrollHeight}px`)}}))}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(){let e=0;if(this.hashMap={},!this.data){let t=n(this.el);if(t.collapseListItem){this.data=new Array;let i=(t,l)=>{t.map((t=>{var s=new c;if(s.isExternalLink=!!t.linkHref,s.trackerId=t.trackerId?t.trackerId:`${this.trackerId}-list-item-${e++}`,t.linkHref?(s.href=t.linkHref,s.target=t.linkTarget,s.title=t.linkTitle,s.text=t.facetDisplay,s.id=o()):(s.id=o(),s.text=t.facetDisplay,s.name=t.facetName,s.value=t.facetValue,s.category=t.category,s.allowMultiSelect="false"!=t.allowMultiSelect,s.enableSearch="true"==t.enableSearch,s.searchBoxPlaceholder=t.placeholderText,s.tooltip=t.tooltip,this.setUpCategory(s.category,s.allowMultiSelect),s.listOpened=t.hasOwnProperty("listOpened")),t.collapseListItem)if(s.children=new Array,Array.isArray(t.collapseListItem))i(t.collapseListItem,s.children);else{let e=new Array;e.push(t.collapseListItem),i(e,s.children)}this.hashMap[s.id]=s,l.push(s)}))};this.setUpCategory("default",!0),i(t.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");if(t)if(e.classList.contains("expanded")){t.style.maxHeight=t.scrollHeight+"px";let e=t.closest(".level-1");e&&e.classList.contains("expanded")&&t.childNodes&&t.childNodes.forEach((e=>{e.children[0]&&"DIV"!=e.children[0].tagName&&e.children[0].setAttribute("tabindex","0")}));let i=t.querySelectorAll("input");i&&i.forEach((e=>{e&&(e.tabIndex=0)}))}else{t.style.removeProperty("max-height");let e=t.querySelectorAll("a");e&&e.forEach((e=>{e&&(e.tabIndex=-1)}));let i=t.querySelectorAll("input");i&&i.forEach((e=>{e&&(e.tabIndex=-1)}))}})),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} mf-listen`;return i("ul",null,a&&i("li",{class:"search-box-wrapper"},i("div",{id:this.trackerId?`${this.trackerId}-${n}`:"",class:"search-box mf-listen"},i("input",{class:"search-box",id:"searchBoxId",type:"text",placeholder:a.placeholder,tabIndex:-1,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",{id:e.trackerId,class:{[n]:!0,listOpen:e.listOpened}},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,r=1==s?0:-1;return t.isExternalLink?i("a",{href:t.href,id:t.id,target:t.target,title:t.title,tabindex:r},l,t.text,e(o)):!a&&n||a&&!n?i("a",{href:"#",id:t.id,title:t.text,onClick:e=>{a?this.onExpandClick(e,this.allowMultiSelect&&1==s):this.onItemLinkClick(e,t.id)},tabindex:r},l,t.text,e(o)):[i("a",{class:"expander-icon",href:"#",id:t.id,onClick:e=>{this.onExpandClick(e,!1)},tabindex:r},l),i("a",{href:"#",title:t.text,id:t.id,onClick:e=>{this.onItemLinkClick(e,t.id)},tabindex:r},t.text),e(o)]};return i(l,null,this.showSearchBar?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",{id:`${this.trackerId}-search-box`,class:"search-box mf-listen"},i("input",{type:"text",id:"searchBoxId",placeholder:this.placeholderText,onKeyUp:e=>{this.onInputUpdated(e)}})),t(this.data,1)):i("div",{class:"container"},i("ptc-title",{type:"h2","title-size":"medium","title-weight":"w-6","text-align":"left",upperline:"no-upperline"},this.header),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)}};p.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;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:var(--ptc-element-spacing-03) 0}.level-1>ul>li:first-child{margin-top:var(--ptc-element-spacing-05)}.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:var(--ptc-element-spacing-02) 0}.level-2>ul{padding-left:2.25rem}.level-3>ul{padding-left:var(--ptc-element-spacing-09)}.level-4>ul{padding-left:3.75rem}.level-5>ul{padding-left:4.5rem}.level-1{position:relative}.level-1>a{position:relative;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-05) 17.5px 0;display:block;font-size:var(--ptc-font-size-small);letter-spacing:0.45px;font-weight:var(--ptc-font-weight-extrabold);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:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.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:var(--ptc-element-spacing-05)}.level-2,.level-3,.level-4,.level-5{position:relative}.level-2>a,.level-3>a,.level-4>a,.level-5>a{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);letter-spacing:0.4px;color:var(--color-gray-10);text-decoration:none;display:inline-block;margin-left:var(--ptc-element-spacing-05);margin-right:6px}.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:var(--ptc-font-weight-extrabold);color:var(--color-green-07);text-decoration:none}.level-2>a:focus-visible,.level-3>a:focus-visible,.level-4>a:focus-visible,.level-5>a:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.level-2 .expander-icon,.level-3 .expander-icon,.level-4 .expander-icon,.level-5 .expander-icon{position:absolute;left:-18px;top:2px}.level-2 .expander-icon:focus-visible,.level-3 .expander-icon:focus-visible,.level-4 .expander-icon:focus-visible,.level-5 .expander-icon:focus-visible{border-radius:8px;border:5px solid var(--keyboard-nav-outline);outline:none;top:-5px}.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:var(--ptc-element-spacing-02) var(--ptc-element-spacing-08) var(--ptc-element-spacing-02) var(--ptc-element-spacing-04);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-regular);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:var(--ptc-element-spacing-07)}.search-box input[type=text]::-ms-clear{display:none}.search-box input[type=text]:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.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:var(--ptc-element-spacing-02)}ptc-tooltip .wrapper-content.sc-ptc-tooltip{display:inline-flex;justify-content:center}.search-box-wrapper .search-box{margin-left:var(--ptc-element-spacing-01)}';export{p as ptc_collapse_list}

package/dist/ptcw-design/{p-f07e64f2.entry.js → p-cffebefe.entry.js}

@@ -1 +1 @@
-import{r as t,h as o,H as e,g as i}from"./p-ac75c7ad.js";import{n as a}from"./p-ad87bdab.js";const s=class{constructor(o){t(this,o),this.videoSrc=void 0,this.posterSrc=void 0,this.overlay=!0,this.overlayType="standard",this.playButtonTitle=void 0,this.pauseButtonTitle=void 0,this.buttonLocation="bottom-right",this.buttonTabIndex=0,this.paused=void 0,this.trackerId=void 0,this.defer=void 0,this.type="default",this.isIframe=!1,this.loadedTrue=!1}componentDidLoad(){this.defer?a(this).then((()=>{this.loadedTrue=!0})):this.loadedTrue=!0}componentWillLoad(){this.paused=!1}render(){const t=this.isIframe?o("div",{class:"iframe-wrapper"},o("iframe",{id:"jumbotron-iframe",src:this.videoSrc,frameborder:0,allow:"autoplay",allowFullScreen:!0,class:"background-video-embed"})):o("video",{src:this.videoSrc,poster:this.posterSrc,autoplay:!0,loop:!0,muted:!0,playsinline:!0}),i=o("video",{poster:this.posterSrc,autoplay:!0,loop:!0,muted:!0,playsinline:!0});return o(e,{class:this.type},this.loadedTrue?t:i,!!this.videoSrc&&this.playButtonTitle&&o("div",{class:`play-button ${this.buttonLocation}`},this.paused&&o("ptc-tooltip",{class:"play-btn",mode:"wrapper",description:this.playButtonTitle,position:"allbp-bottom-right"===this.buttonLocation?"side-left":"bottom-right",styles:".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}"},o("div",{id:this.trackerId,class:"tracker-div mf-listen"},o("button",{class:"bg-svg-play",type:"button",tabindex:this.buttonTabIndex,onClick:t=>this.toggleVideoPlay(t),"aria-label":"Video Play button"}))),!this.paused&&!!this.pauseButtonTitle&&o("ptc-tooltip",{class:"pause-btn",mode:"wrapper",description:this.pauseButtonTitle,position:"allbp-bottom-right"===this.buttonLocation?"side-left":"bottom-right",styles:".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}"},o("div",{id:this.trackerId,class:"tracker-div mf-listen"},o("button",{class:"bg-svg-pause",tabindex:this.buttonTabIndex,type:"button",onClick:t=>this.toggleVideoPlay(t),"aria-label":"Video Pause button"})))),this.overlay?o("div",{class:`video-overlay ${this.overlayType}`}):"","default"==this.type?o("slot",null):"")}toggleVideoPlay(t){t.preventDefault(),this.paused=!this.paused;let o=this.el.shadowRoot.querySelector("video");o&&(this.paused?o.pause():o.play().catch((t=>console.error(t))))}async pauseVideo(){this.paused=!0;let t=this.el.shadowRoot.querySelector("video");t&&t.pause()}async playVideo(){this.paused=!1;let t=this.el.shadowRoot.querySelector("video");t&&t.play().catch((t=>console.error(t)))}get el(){return i(this)}};s.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:relative}:host video{position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100;object-fit:cover}:host .video-overlay{z-index:1;display:block;position:absolute;width:100%;height:100%;top:0;left:0;opacity:0.8;background-image:linear-gradient(270deg, rgba(30, 38, 38, 0) 26%, #1e2626)}:host .video-overlay.dark{background-color:rgba(0, 0, 0, 0.6)}:host(.legacy){display:block;position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100}:host(.legacy) video{object-fit:cover;position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden}:host .iframe-wrapper{position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100}:host .iframe-wrapper .background-video-embed{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%}:host .iframe-wrapper .player .vp-video-wrapper .vp-telecine-cover video{object-fit:cover}:host .play-button{position:absolute;top:1.5rem;right:1.5rem;width:34px;height:34px;z-index:99}@media (min-width: 768px){:host .play-button.top-right{top:2rem;right:2rem}}:host .play-button.top-left{right:unset;top:1.5rem;left:1.5rem}@media (min-width: 768px){:host .play-button.top-left{bottom:3.75rem;left:2rem}}@media (min-width: 768px){:host .play-button.bottom-left{top:unset;right:unset;bottom:3.75rem;left:2rem}}@media (min-width: 768px){:host .play-button.bottom-right{top:unset;bottom:3.75rem;right:2rem}}:host .play-button.allbp-bottom-right{top:unset;bottom:4.75rem;right:2rem}:host .play-button button{display:inline-block;padding:5px;position:relative;top:-5px;left:-5px;cursor:pointer}@media only screen and (min-width: 768px){:host .play-button button{top:auto;left:auto}}@media only screen and (min-width: 992px){:host .play-button button{padding:0}}:host .play-button button.bg-svg-play,:host .play-button button.bg-svg-pause{background-repeat:no-repeat;background-size:18px 18px;background-position:center;background-color:var(--color-white);width:34px;height:34px;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.24);border-radius:4px;border:2px solid var(--color-gray-10)}:host .play-button button.bg-svg-play:hover,:host .play-button button.bg-svg-pause:hover{background-color:var(--color-gray-02)}:host .play-button button.bg-svg-play:active,:host .play-button button.bg-svg-pause:active{transition:none;background-color:var(--color-gray-03)}:host .play-button button.bg-svg-play.active:hover,:host .play-button button.bg-svg-pause.active:hover{background-color:var(--color-gray-05)}:host .play-button button.bg-svg-play.active:active,:host .play-button button.bg-svg-pause.active:active{transition:none;background-color:var(--color-gray-03)}:host .play-button button.bg-svg-play:focus,:host .play-button button.bg-svg-pause:focus{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}:host .play-button button.bg-svg-play{background-image:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 18" id="play"><path d="M11.9625 9L0.0374756 0V18L11.9625 9Z"></path></svg>\')}:host .play-button button.bg-svg-pause{background-image:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 18" id="pause"><path id="rect28" d="M 0,0 H 4 V 18 H 0 Z"></path><path id="rect30" d="m 10,0 h 4 v 18 h -4 z"></path></svg>\')}';export{s as ptc_background_video}
+import{r as t,h as o,H as e,g as i}from"./p-ac75c7ad.js";import{n as a}from"./p-841b807d.js";const s=class{constructor(o){t(this,o),this.videoSrc=void 0,this.posterSrc=void 0,this.overlay=!0,this.overlayType="standard",this.playButtonTitle=void 0,this.pauseButtonTitle=void 0,this.buttonLocation="bottom-right",this.buttonTabIndex=0,this.paused=void 0,this.trackerId=void 0,this.defer=void 0,this.type="default",this.isIframe=!1,this.loadedTrue=!1}componentDidLoad(){this.defer?a(this).then((()=>{this.loadedTrue=!0})):this.loadedTrue=!0}componentWillLoad(){this.paused=!1}render(){const t=this.isIframe?o("div",{class:"iframe-wrapper"},o("iframe",{id:"jumbotron-iframe",src:this.videoSrc,frameborder:0,allow:"autoplay",allowFullScreen:!0,class:"background-video-embed"})):o("video",{src:this.videoSrc,poster:this.posterSrc,autoplay:!0,loop:!0,muted:!0,playsinline:!0}),i=o("video",{poster:this.posterSrc,autoplay:!0,loop:!0,muted:!0,playsinline:!0});return o(e,{class:this.type},this.loadedTrue?t:i,!!this.videoSrc&&this.playButtonTitle&&o("div",{class:`play-button ${this.buttonLocation}`},this.paused&&o("ptc-tooltip",{class:"play-btn",mode:"wrapper",description:this.playButtonTitle,position:"allbp-bottom-right"===this.buttonLocation?"side-left":"bottom-right",styles:".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}"},o("div",{id:this.trackerId,class:"tracker-div mf-listen"},o("button",{class:"bg-svg-play",type:"button",tabindex:this.buttonTabIndex,onClick:t=>this.toggleVideoPlay(t),"aria-label":"Video Play button"}))),!this.paused&&!!this.pauseButtonTitle&&o("ptc-tooltip",{class:"pause-btn",mode:"wrapper",description:this.pauseButtonTitle,position:"allbp-bottom-right"===this.buttonLocation?"side-left":"bottom-right",styles:".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important; white-space: nowrap}"},o("div",{id:this.trackerId,class:"tracker-div mf-listen"},o("button",{class:"bg-svg-pause",tabindex:this.buttonTabIndex,type:"button",onClick:t=>this.toggleVideoPlay(t),"aria-label":"Video Pause button"})))),this.overlay?o("div",{class:`video-overlay ${this.overlayType}`}):"","default"==this.type?o("slot",null):"")}toggleVideoPlay(t){t.preventDefault(),this.paused=!this.paused;let o=this.el.shadowRoot.querySelector("video");o&&(this.paused?o.pause():o.play().catch((t=>console.error(t))))}async pauseVideo(){this.paused=!0;let t=this.el.shadowRoot.querySelector("video");t&&t.pause()}async playVideo(){this.paused=!1;let t=this.el.shadowRoot.querySelector("video");t&&t.play().catch((t=>console.error(t)))}get el(){return i(this)}};s.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:relative}:host video{position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100;object-fit:cover}:host .video-overlay{z-index:1;display:block;position:absolute;width:100%;height:100%;top:0;left:0;opacity:0.8;background-image:linear-gradient(270deg, rgba(30, 38, 38, 0) 26%, #1e2626)}:host .video-overlay.dark{background-color:rgba(0, 0, 0, 0.6)}:host(.legacy){display:block;position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100}:host(.legacy) video{object-fit:cover;position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden}:host .iframe-wrapper{position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100}:host .iframe-wrapper .background-video-embed{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%}:host .iframe-wrapper .player .vp-video-wrapper .vp-telecine-cover video{object-fit:cover}:host .play-button{position:absolute;top:1.5rem;right:1.5rem;width:34px;height:34px;z-index:99}@media (min-width: 768px){:host .play-button.top-right{top:2rem;right:2rem}}:host .play-button.top-left{right:unset;top:1.5rem;left:1.5rem}@media (min-width: 768px){:host .play-button.top-left{bottom:3.75rem;left:2rem}}@media (min-width: 768px){:host .play-button.bottom-left{top:unset;right:unset;bottom:3.75rem;left:2rem}}@media (min-width: 768px){:host .play-button.bottom-right{top:unset;bottom:3.75rem;right:2rem}}:host .play-button.allbp-bottom-right{top:unset;bottom:4.75rem;right:2rem}:host .play-button button{display:inline-block;padding:5px;position:relative;top:-5px;left:-5px;cursor:pointer}@media only screen and (min-width: 768px){:host .play-button button{top:auto;left:auto}}@media only screen and (min-width: 992px){:host .play-button button{padding:0}}:host .play-button button.bg-svg-play,:host .play-button button.bg-svg-pause{background-repeat:no-repeat;background-size:18px 18px;background-position:center;background-color:var(--color-white);width:34px;height:34px;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.24);border-radius:4px;border:2px solid var(--color-gray-10)}:host .play-button button.bg-svg-play:hover,:host .play-button button.bg-svg-pause:hover{background-color:var(--color-gray-02)}:host .play-button button.bg-svg-play:active,:host .play-button button.bg-svg-pause:active{transition:none;background-color:var(--color-gray-03)}:host .play-button button.bg-svg-play.active:hover,:host .play-button button.bg-svg-pause.active:hover{background-color:var(--color-gray-05)}:host .play-button button.bg-svg-play.active:active,:host .play-button button.bg-svg-pause.active:active{transition:none;background-color:var(--color-gray-03)}:host .play-button button.bg-svg-play:focus,:host .play-button button.bg-svg-pause:focus{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}:host .play-button button.bg-svg-play{background-image:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 18" id="play"><path d="M11.9625 9L0.0374756 0V18L11.9625 9Z"></path></svg>\')}:host .play-button button.bg-svg-pause{background-image:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 18" id="pause"><path id="rect28" d="M 0,0 H 4 V 18 H 0 Z"></path><path id="rect30" d="m 10,0 h 4 v 18 h -4 z"></path></svg>\')}';export{s as ptc_background_video}

package/dist/ptcw-design/{p-53f49500.entry.js → p-df8526a2.entry.js}

@@ -1 +1 @@
-import{r as t,h as s}from"./p-ac75c7ad.js";import{f as o}from"./p-ad87bdab.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-ac75c7ad.js";import{f as o}from"./p-841b807d.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-2ac7e3ce.entry.js → p-e38ed0e3.entry.js}

@@ -1 +1 @@
-import{r as t,h as e,g as i}from"./p-ac75c7ad.js";import{a as o}from"./p-ad87bdab.js";const n=class{constructor(e){t(this,e),this.colors=["hp-blue","hp-red","hp-gray","hp-green","hp-orange"],this.activeTab=0,this.dropdownOpen=!1,this.tileElements=[]}componentWillLoad(){this.updateTileElements(this.activeTab),this.sliderSettings={IsMouseDown:!1,PreventAnchor:!1,Timeout:void 0,StartX:0,ScrollLeft:0}}componentDidLoad(){this.slider=this.el.shadowRoot.querySelector(".card-section")}componentDidRender(){o("homepage-clickable-tab",this.el)}handleTabSelected(t){this.activeTab=t,this.dropdownOpen=!1,this.updateTileElements(t)}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen}getTabs(){return Array.from(this.el.querySelectorAll('[slot^="tab-label"]')).map(((t,e)=>({label:t.textContent,index:e})))}updateTileElements(t){this.tileElements=Array.from(this.el.querySelectorAll(`[slot^="tab-tile-${t}"]`))}onSliderScroll(){0===this.slider.scrollLeft&&this.slider.classList.contains("scroll-st")?this.slider.classList.remove("scroll-st"):0===this.slider.scrollLeft||this.slider.classList.contains("scroll-st")||this.slider.classList.add("scroll-st"),this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth&&this.slider.classList.contains("scroll-ed")?this.slider.classList.remove("scroll-ed"):this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth||this.slider.classList.contains("scroll-ed")||this.slider.classList.add("scroll-ed")}onSliderMouseDown(t,e){t.preventDefault(),this.sliderSettings.IsMouseDown=!0,e.classList.add("active"),this.sliderSettings.StartX=t.pageX-e.offsetLeft,this.sliderSettings.ScrollLeft=e.scrollLeft,this.sliderSettings.PreventAnchor=!1,this.sliderSettings.Timeout=setTimeout((()=>{this.sliderSettings.PreventAnchor=!0}),80)}onSliderMouseExit(t,e){t.preventDefault(),clearTimeout(this.sliderSettings.Timeout),this.sliderSettings.IsMouseDown=!1,e.classList.remove("active")}onSliderMouseDrag(t,e){this.sliderSettings.IsMouseDown&&(t.preventDefault(),e.scrollLeft=this.sliderSettings.ScrollLeft-(t.pageX-e.offsetLeft-this.sliderSettings.StartX))}onCardMouseDown(t){if(t&&t.currentTarget){let e=t.currentTarget;e&&e.classList.add("active")}}onCardMouseUp(t){if(t&&t.currentTarget){let e=t.currentTarget;e&&e.classList.remove("active")}}render(){const t=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"11",viewBox:"0 0 15 11",fill:"none"},e("path",{d:"M13 8.5L7.34315 2.71178L1.68629 8.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"})),i=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"11",viewBox:"0 0 15 11",fill:"none"},e("path",{d:"M13 2.5L7.34315 8.28822L1.68629 2.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"})),o=this.getTabs();return e("div",{class:"wrapper"},e("div",{class:"header"},e("h2",null,e("slot",{name:"title"})),e("p",null,e("slot",{name:"description"}))),e("div",{class:"tabs"},e("div",{class:"tabs-desktop"},o.map((t=>e("homepage-clickable-tab",{label:t.label,active:this.activeTab===t.index,activeColor:this.colors[t.index],onClick:()=>this.handleTabSelected(t.index)})))),e("div",{class:"tabs-mobile"},e("button",{class:`dropdown-button ${this.colors[this.activeTab]} ${this.dropdownOpen?"opened":""}`,onClick:()=>this.toggleDropdown()},o[this.activeTab].label,e("span",{class:"arrow"},this.dropdownOpen?t:i)),this.dropdownOpen&&e("div",{class:"dropdown-menu"},o.map((t=>e("div",{class:"dropdown-item "+(t.index===this.activeTab?"active-tab":""),onClick:()=>this.handleTabSelected(t.index)},e("slot",{name:`tab-label-${t.index}`}))))))),e("div",{class:"content"},o.map(((t,i)=>e("div",{class:"tab-content "+(this.activeTab===i?"active-tab":"")},e("slot",{name:`tab-image-${i}`}),e("div",{class:"content-detail"},e("div",{hidden:!0},t.label),e("h2",null,e("slot",{name:`tab-title-${i}`})),e("p",null,e("slot",{name:`tab-content-${i}`})),e("slot",{name:`tab-button-${i}`}),this.activeTab===i&&this.tileElements.length>0?e("div",Object.assign({class:"info-card-wrapper card-section"},this.getSliderBindings()),this.tileElements.map(((t,i)=>e("div",{class:`swiper-slide card-link card-link-${i+1}`,"tab-index":i+1,key:i,innerHTML:t.outerHTML,onMouseDown:t=>this.onCardMouseDown(t),onMouseUp:t=>this.onCardMouseUp(t),onMouseLeave:t=>this.onCardMouseUp(t),onTouchEnd:t=>{this.onCardMouseUp(t)}})))):null))))))}getSliderBindings(){return{onMouseDown:t=>{this.onSliderMouseDown(t,this.slider)},onMouseUp:t=>{this.onSliderMouseExit(t,this.slider)},onMouseLeave:t=>{this.onSliderMouseExit(t,this.slider)},onMouseMove:t=>{this.onSliderMouseDrag(t,this.slider)}}}get el(){return i(this)}};n.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}::slotted(.title){color:var(--color-gray-10) !important;font-family:Raleway !important;font-size:20px !important;font-style:normal !important;font-weight:700 !important;line-height:30px !important;margin-top:0px !important;margin-bottom:16px !important}@media screen and (min-width: 768px){::slotted(.title){font-size:24px !important}}::slotted(.description){color:var(--color-gray-10) !important;font-family:Raleway !important;font-size:18px !important;font-style:normal !important;font-weight:400 !important;line-height:27px !important;margin-top:0px !important;margin-bottom:0px !important}::slotted(.tab-slot-image){width:auto;object-fit:contain;margin-bottom:32px}@media screen and (min-width: 480px){::slotted(.tab-slot-image){height:500px}}@media screen and (min-width: 992px){::slotted(.tab-slot-image){margin-bottom:unset;height:auto;max-width:580px;width:50%}}.header{text-align:center;margin-bottom:20px;max-width:720px}.header h2{margin-top:0px !important;margin-bottom:16px !important}.tabs{display:flex;justify-content:center;margin-bottom:40px;position:relative;z-index:99}@media screen and (min-width: 992px){.tabs{margin-bottom:64px}}.tabs-desktop{display:flex;gap:24px;flex:1}.tabs-desktop homepage-clickable-tab{flex:1 1 122px}.tabs-mobile{display:none;position:relative}.dropdown-button{color:white;padding:24px;border:none;border-radius:var(--ptc-border-radius-standard);cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);text-align:left}.dropdown-button.opened{border-radius:var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px}.dropdown-button.hp-blue{background:linear-gradient(180deg, #197BC0 0%, #4795CD 100%)}.dropdown-button.hp-green{background:linear-gradient(180deg, #00890B 0%, #33A13C 100%)}.dropdown-button.hp-red{background:linear-gradient(180deg, #D33E3E 0%, #DC6565 100%)}.dropdown-button.hp-gray{background:linear-gradient(180deg, #617480 0%, #819099 100%)}.dropdown-button.hp-orange{background:linear-gradient(180deg, #C37729 0%, #CF9254 100%)}.dropdown-button .arrow{margin-left:24px}.dropdown-menu{position:absolute;width:100%;background-color:var(--color-white);color:var(--color-gray-10);display:flex;flex-direction:column;border-radius:0px 0px var(--ptc-border-radius-standard) var(--ptc-border-radius-standard);border-top:0px;box-shadow:var(--ptc-shadow-medium)}.dropdown-menu .dropdown-item{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-regular)}.dropdown-menu .dropdown-item.active-tab ::slotted(.tab-label){font-weight:var(--ptc-font-weight-bold) !important}.dropdown-item{padding:24px 24px 0px 24px;cursor:pointer}.dropdown-item:last-of-type{padding-bottom:24px}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover ::slotted(.tab-label){font-weight:var(--ptc-font-weight-bold)}@media (max-width: 992px){.tabs-desktop{display:none}.tabs-mobile{display:block;width:100%}}.content{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.tab-content{display:none;opacity:0;flex-direction:column;width:100%;animation:fadeIn var(--ptc-transition-medium) ease-in-out forwards}.tab-content.active-tab{display:flex;opacity:1}@media only screen and (min-width: 992px){.tab-content{flex-wrap:nowrap;flex-direction:row;width:100%;justify-content:center;align-items:center;gap:56px}}.tab-content img{max-width:100%;width:100%;height:auto;margin-bottom:20px}@media only screen and (min-width: 992px){.tab-content img{width:580px;height:733px;flex-shrink:0}}.content-detail{text-align:left}@media only screen and (min-width: 992px){.content-detail{flex-grow:1;word-break:break-word}}.content-detail p,.content-detail h2{margin-block-start:unset;margin-block-end:unset}.content-detail h2{margin-bottom:16px}.content-detail p{margin-bottom:32px}.info-card-wrapper{margin-top:48px;display:flex;justify-content:center;align-items:center;width:calc(100% + 24px)}@media screen and (min-width: 992px){.info-card-wrapper{width:100%;margin-top:72px}}.card-section{display:flex;position:relative;flex-wrap:nowrap;flex-shrink:0;-ms-overflow-style:none;scrollbar-width:none;transition:box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);justify-content:flex-start}.card-section::-webkit-scrollbar{display:none}.card-section .card-link{display:inline-flex;position:relative;text-decoration:none;z-index:10;align-items:center;gap:16px;margin-right:24px}.card-section .card-link .link-text{display:block;inline-size:190px;white-space:break-spaces}.card-section:before{position:absolute;width:32px;background:linear-gradient(85deg, rgba(255, 255, 255, 0) 0%, white 100.13%);top:16px;right:0;bottom:0;z-index:12}.card-section.scroll-st{box-shadow:inset 2px 0px 0px rgba(255, 255, 255, 0.3)}.card-section.scroll-ed{box-shadow:inset -2px 0px 0px rgba(255, 255, 255, 0.3)}.card-section.scroll-ed.scroll-st{box-shadow:inset 2px 0px 0px rgba(255, 255, 255, 0.3), inset -2px 0px 0px rgba(255, 255, 255, 0.3)}@media only screen and (min-width: 1200px){.card-section{align-items:flex-start;justify-content:flex-start;align-content:flex-start}.card-section.scroll-st,.card-section.scroll-ed,.card-section.scroll-ed.scroll-st{box-shadow:unset}.card-section .card-link{flex:unset}.card-section .card-link:first-child{margin-left:0}.card-section .card-link:last-child{margin-right:0}}.card-section{overflow:inherit;overflow-x:scroll;overflow-y:hidden;animation-duration:0ms;animation-delay:1000ms;animation-fill-mode:forwards}@media only screen and (min-width: 1200px){.card-section{overflow-x:scroll}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}";export{n as homepage_toggled_content}
+import{r as t,h as e,g as i}from"./p-ac75c7ad.js";import{a as o}from"./p-841b807d.js";const n=class{constructor(e){t(this,e),this.colors=["hp-blue","hp-red","hp-gray","hp-green","hp-orange"],this.activeTab=0,this.dropdownOpen=!1,this.tileElements=[]}componentWillLoad(){this.updateTileElements(this.activeTab),this.sliderSettings={IsMouseDown:!1,PreventAnchor:!1,Timeout:void 0,StartX:0,ScrollLeft:0}}componentDidLoad(){this.slider=this.el.shadowRoot.querySelector(".card-section")}componentDidRender(){o("homepage-clickable-tab",this.el)}handleTabSelected(t){this.activeTab=t,this.dropdownOpen=!1,this.updateTileElements(t)}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen}getTabs(){return Array.from(this.el.querySelectorAll('[slot^="tab-label"]')).map(((t,e)=>({label:t.textContent,index:e})))}updateTileElements(t){this.tileElements=Array.from(this.el.querySelectorAll(`[slot^="tab-tile-${t}"]`))}onSliderScroll(){0===this.slider.scrollLeft&&this.slider.classList.contains("scroll-st")?this.slider.classList.remove("scroll-st"):0===this.slider.scrollLeft||this.slider.classList.contains("scroll-st")||this.slider.classList.add("scroll-st"),this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth&&this.slider.classList.contains("scroll-ed")?this.slider.classList.remove("scroll-ed"):this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth||this.slider.classList.contains("scroll-ed")||this.slider.classList.add("scroll-ed")}onSliderMouseDown(t,e){t.preventDefault(),this.sliderSettings.IsMouseDown=!0,e.classList.add("active"),this.sliderSettings.StartX=t.pageX-e.offsetLeft,this.sliderSettings.ScrollLeft=e.scrollLeft,this.sliderSettings.PreventAnchor=!1,this.sliderSettings.Timeout=setTimeout((()=>{this.sliderSettings.PreventAnchor=!0}),80)}onSliderMouseExit(t,e){t.preventDefault(),clearTimeout(this.sliderSettings.Timeout),this.sliderSettings.IsMouseDown=!1,e.classList.remove("active")}onSliderMouseDrag(t,e){this.sliderSettings.IsMouseDown&&(t.preventDefault(),e.scrollLeft=this.sliderSettings.ScrollLeft-(t.pageX-e.offsetLeft-this.sliderSettings.StartX))}onCardMouseDown(t){if(t&&t.currentTarget){let e=t.currentTarget;e&&e.classList.add("active")}}onCardMouseUp(t){if(t&&t.currentTarget){let e=t.currentTarget;e&&e.classList.remove("active")}}render(){const t=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"11",viewBox:"0 0 15 11",fill:"none"},e("path",{d:"M13 8.5L7.34315 2.71178L1.68629 8.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"})),i=e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"11",viewBox:"0 0 15 11",fill:"none"},e("path",{d:"M13 2.5L7.34315 8.28822L1.68629 2.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"})),o=this.getTabs();return e("div",{class:"wrapper"},e("div",{class:"header"},e("h2",null,e("slot",{name:"title"})),e("p",null,e("slot",{name:"description"}))),e("div",{class:"tabs"},e("div",{class:"tabs-desktop"},o.map((t=>e("homepage-clickable-tab",{label:t.label,active:this.activeTab===t.index,activeColor:this.colors[t.index],onClick:()=>this.handleTabSelected(t.index)})))),e("div",{class:"tabs-mobile"},e("button",{class:`dropdown-button ${this.colors[this.activeTab]} ${this.dropdownOpen?"opened":""}`,onClick:()=>this.toggleDropdown()},o[this.activeTab].label,e("span",{class:"arrow"},this.dropdownOpen?t:i)),this.dropdownOpen&&e("div",{class:"dropdown-menu"},o.map((t=>e("div",{class:"dropdown-item "+(t.index===this.activeTab?"active-tab":""),onClick:()=>this.handleTabSelected(t.index)},e("slot",{name:`tab-label-${t.index}`}))))))),e("div",{class:"content"},o.map(((t,i)=>e("div",{class:"tab-content "+(this.activeTab===i?"active-tab":"")},e("slot",{name:`tab-image-${i}`}),e("div",{class:"content-detail"},e("div",{hidden:!0},t.label),e("h2",null,e("slot",{name:`tab-title-${i}`})),e("p",null,e("slot",{name:`tab-content-${i}`})),e("slot",{name:`tab-button-${i}`}),this.activeTab===i&&this.tileElements.length>0?e("div",Object.assign({class:"info-card-wrapper card-section"},this.getSliderBindings()),this.tileElements.map(((t,i)=>e("div",{class:`swiper-slide card-link card-link-${i+1}`,"tab-index":i+1,key:i,innerHTML:t.outerHTML,onMouseDown:t=>this.onCardMouseDown(t),onMouseUp:t=>this.onCardMouseUp(t),onMouseLeave:t=>this.onCardMouseUp(t),onTouchEnd:t=>{this.onCardMouseUp(t)}})))):null))))))}getSliderBindings(){return{onMouseDown:t=>{this.onSliderMouseDown(t,this.slider)},onMouseUp:t=>{this.onSliderMouseExit(t,this.slider)},onMouseLeave:t=>{this.onSliderMouseExit(t,this.slider)},onMouseMove:t=>{this.onSliderMouseDrag(t,this.slider)}}}get el(){return i(this)}};n.style="h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}::slotted(.title){color:var(--color-gray-10) !important;font-family:Raleway !important;font-size:20px !important;font-style:normal !important;font-weight:700 !important;line-height:30px !important;margin-top:0px !important;margin-bottom:16px !important}@media screen and (min-width: 768px){::slotted(.title){font-size:24px !important}}::slotted(.description){color:var(--color-gray-10) !important;font-family:Raleway !important;font-size:18px !important;font-style:normal !important;font-weight:400 !important;line-height:27px !important;margin-top:0px !important;margin-bottom:0px !important}::slotted(.tab-slot-image){width:auto;object-fit:contain;margin-bottom:32px}@media screen and (min-width: 480px){::slotted(.tab-slot-image){height:500px}}@media screen and (min-width: 992px){::slotted(.tab-slot-image){margin-bottom:unset;height:auto;max-width:580px;width:50%}}.header{text-align:center;margin-bottom:20px;max-width:720px}.header h2{margin-top:0px !important;margin-bottom:16px !important}.tabs{display:flex;justify-content:center;margin-bottom:40px;position:relative;z-index:99}@media screen and (min-width: 992px){.tabs{margin-bottom:64px}}.tabs-desktop{display:flex;gap:24px;flex:1}.tabs-desktop homepage-clickable-tab{flex:1 1 122px}.tabs-mobile{display:none;position:relative}.dropdown-button{color:white;padding:24px;border:none;border-radius:var(--ptc-border-radius-standard);cursor:pointer;display:flex;align-items:center;justify-content:space-between;width:100%;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-extrabold);text-align:left}.dropdown-button.opened{border-radius:var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px}.dropdown-button.hp-blue{background:linear-gradient(180deg, #197BC0 0%, #4795CD 100%)}.dropdown-button.hp-green{background:linear-gradient(180deg, #00890B 0%, #33A13C 100%)}.dropdown-button.hp-red{background:linear-gradient(180deg, #D33E3E 0%, #DC6565 100%)}.dropdown-button.hp-gray{background:linear-gradient(180deg, #617480 0%, #819099 100%)}.dropdown-button.hp-orange{background:linear-gradient(180deg, #C37729 0%, #CF9254 100%)}.dropdown-button .arrow{margin-left:24px}.dropdown-menu{position:absolute;width:100%;background-color:var(--color-white);color:var(--color-gray-10);display:flex;flex-direction:column;border-radius:0px 0px var(--ptc-border-radius-standard) var(--ptc-border-radius-standard);border-top:0px;box-shadow:var(--ptc-shadow-medium)}.dropdown-menu .dropdown-item{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-regular)}.dropdown-menu .dropdown-item.active-tab ::slotted(.tab-label){font-weight:var(--ptc-font-weight-bold) !important}.dropdown-item{padding:24px 24px 0px 24px;cursor:pointer}.dropdown-item:last-of-type{padding-bottom:24px}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover ::slotted(.tab-label){font-weight:var(--ptc-font-weight-bold)}@media (max-width: 992px){.tabs-desktop{display:none}.tabs-mobile{display:block;width:100%}}.content{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.tab-content{display:none;opacity:0;flex-direction:column;width:100%;animation:fadeIn var(--ptc-transition-medium) ease-in-out forwards}.tab-content.active-tab{display:flex;opacity:1}@media only screen and (min-width: 992px){.tab-content{flex-wrap:nowrap;flex-direction:row;width:100%;justify-content:center;align-items:center;gap:56px}}.tab-content img{max-width:100%;width:100%;height:auto;margin-bottom:20px}@media only screen and (min-width: 992px){.tab-content img{width:580px;height:733px;flex-shrink:0}}.content-detail{text-align:left}@media only screen and (min-width: 992px){.content-detail{flex-grow:1;word-break:break-word}}.content-detail p,.content-detail h2{margin-block-start:unset;margin-block-end:unset}.content-detail h2{margin-bottom:16px}.content-detail p{margin-bottom:32px}.info-card-wrapper{margin-top:48px;display:flex;justify-content:center;align-items:center;width:calc(100% + 24px)}@media screen and (min-width: 992px){.info-card-wrapper{width:100%;margin-top:72px}}.card-section{display:flex;position:relative;flex-wrap:nowrap;flex-shrink:0;-ms-overflow-style:none;scrollbar-width:none;transition:box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);justify-content:flex-start}.card-section::-webkit-scrollbar{display:none}.card-section .card-link{display:inline-flex;position:relative;text-decoration:none;z-index:10;align-items:center;gap:16px;margin-right:24px}.card-section .card-link .link-text{display:block;inline-size:190px;white-space:break-spaces}.card-section:before{position:absolute;width:32px;background:linear-gradient(85deg, rgba(255, 255, 255, 0) 0%, white 100.13%);top:16px;right:0;bottom:0;z-index:12}.card-section.scroll-st{box-shadow:inset 2px 0px 0px rgba(255, 255, 255, 0.3)}.card-section.scroll-ed{box-shadow:inset -2px 0px 0px rgba(255, 255, 255, 0.3)}.card-section.scroll-ed.scroll-st{box-shadow:inset 2px 0px 0px rgba(255, 255, 255, 0.3), inset -2px 0px 0px rgba(255, 255, 255, 0.3)}@media only screen and (min-width: 1200px){.card-section{align-items:flex-start;justify-content:flex-start;align-content:flex-start}.card-section.scroll-st,.card-section.scroll-ed,.card-section.scroll-ed.scroll-st{box-shadow:unset}.card-section .card-link{flex:unset}.card-section .card-link:first-child{margin-left:0}.card-section .card-link:last-child{margin-right:0}}.card-section{overflow:inherit;overflow-x:scroll;overflow-y:hidden;animation-duration:0ms;animation-delay:1000ms;animation-fill-mode:forwards}@media only screen and (min-width: 1200px){.card-section{overflow-x:scroll}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}";export{n as homepage_toggled_content}

package/dist/ptcw-design/{p-942850e0.entry.js → p-eab1042e.entry.js}

@@ -1 +1 @@
-import{r as n,h as i,H as t,g as a}from"./p-ac75c7ad.js";import{o as e}from"./p-ad87bdab.js";const r=class{constructor(i){n(this,i),this.videoSrc=void 0,this.posterSrc=void 0,this.overlay=!0,this.playButtonTitle=void 0,this.pauseButtonTitle=void 0,this.playButtonTrackerId=void 0,this.buttonLocation="bottom-right",this.defer=!1,this.links=void 0}componentWillLoad(){this.sliderSettings={IsMouseDown:!1,PreventAnchor:!1,Timeout:void 0,StartX:0,ScrollLeft:0},this.readLinkItems()}componentDidLoad(){this.slider=this.el.shadowRoot.querySelector(".card-section"),e(this.el,".card-section",!0)}readLinkItems(){this.links=[],this.el.querySelectorAll(".card-cta-links > a").forEach((n=>{n&&this.links.length<4&&this.links.push(n)}))}openLink(n){n&&n.click()}onSliderScroll(){0===this.slider.scrollLeft&&this.slider.classList.contains("scroll-st")?this.slider.classList.remove("scroll-st"):0===this.slider.scrollLeft||this.slider.classList.contains("scroll-st")||this.slider.classList.add("scroll-st"),this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth&&this.slider.classList.contains("scroll-ed")?this.slider.classList.remove("scroll-ed"):this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth||this.slider.classList.contains("scroll-ed")||this.slider.classList.add("scroll-ed")}onLinkClick(n){window.innerWidth>1199||(n&&this.sliderSettings.PreventAnchor&&n.preventDefault(),this.sliderSettings.PreventAnchor=!1,clearTimeout(this.sliderSettings.Timeout))}onSliderMouseDown(n,i){n.preventDefault(),this.sliderSettings.IsMouseDown=!0,i.classList.add("active"),this.sliderSettings.StartX=n.pageX-i.offsetLeft,this.sliderSettings.ScrollLeft=i.scrollLeft,this.sliderSettings.PreventAnchor=!1}onSliderMouseExit(n,i){n.preventDefault(),clearTimeout(this.sliderSettings.Timeout),this.sliderSettings.IsMouseDown=!1,i.classList.remove("active")}onSliderMouseDrag(n,i){this.sliderSettings.Timeout=setTimeout((()=>{this.sliderSettings.PreventAnchor=!0}),80),this.sliderSettings.IsMouseDown&&(n.preventDefault(),i.scrollLeft=this.sliderSettings.ScrollLeft-(n.pageX-i.offsetLeft-this.sliderSettings.StartX))}onCardMouseDown(n){if(n&&n.currentTarget){let i=n.currentTarget;i&&i.classList.add("active")}}onCardMouseUp(n){if(n&&n.currentTarget){let i=n.currentTarget;i&&(i.classList.remove("active"),this.sliderSettings.IsMouseDown&&(clearTimeout(this.sliderSettings.Timeout),this.sliderSettings.IsMouseDown=!1))}}componentDidRender(){let n=this;this.el.shadowRoot.querySelectorAll(".card-link").forEach((i=>{i.querySelector("a").addEventListener("click",(i=>{n.onLinkClick(i)})),i.addEventListener("mousedown",(i=>{n.onCardMouseDown(i)})),i.addEventListener("mouseup",(i=>{n.onCardMouseUp(i)})),i.addEventListener("mouseleave",(i=>{n.onCardMouseUp(i)})),i.addEventListener("touchend",(i=>{n.onCardMouseUp(i)}))}))}render(){return i(t,null,i("ptc-background-video",Object.assign({},this.getBackgroundVideoSettings(),{"overlay-type":"dark","tracker-id":this.playButtonTrackerId,defer:this.defer,"poster-src":this.posterSrc}),i("div",{class:"ptc-container"},i("div",{class:"primary-content-wrapper"},i("slot",{name:"primary-content"})),i("div",{class:"card-links"},i("div",{class:"secondary-content-wrapper"},i("slot",{name:"secondary-content"})),i("div",Object.assign({class:"card-section"},this.getSliderBindings()),this.links&&this.links.map(((n,t)=>{const a=n.getAttribute("data-tracker-id"),e=n.getAttribute("data-icon"),r=n.getAttribute("target"),s=n.getAttribute("title"),o=n.textContent;if(o)return i("div",{id:a,class:`card-link card-link-${t+1}`,"tab-index":t+1},i("div",{class:"bgb"}),i("div",{class:"bgh"}),i("div",{class:"bgp"}),i("a",{href:n.href,target:r,title:s,class:"link-cover"}),e&&i("icon-asset",{type:"ptc",size:"large",color:"white",name:e}),i("span",{class:"link-text hyphenate-text"},o.trim()))})))))))}getBackgroundVideoSettings(){return{videoSrc:this.videoSrc,posterSrc:this.posterSrc,pauseButtonTitle:this.pauseButtonTitle,playButtonTitle:this.playButtonTitle,buttonLocation:this.buttonLocation,overlay:this.overlay,class:"bg-video"}}getSliderBindings(){return{onMouseDown:n=>{this.onSliderMouseDown(n,this.slider)},onMouseUp:n=>{this.onSliderMouseExit(n,this.slider)},onMouseLeave:n=>{this.onSliderMouseExit(n,this.slider)},onMouseMove:n=>{this.onSliderMouseDrag(n,this.slider)}}}get el(){return a(this)}};r.style="h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n  word-break: break-word;\n  hyphens: manual;\n  -webkit-hyphens: manual;\n  -moz-hyphens: manual;\n  -ms-hyphens: manual;\n}\n@supports (hyphenate-limit-chars: 12 3 3) {\n  h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n    hyphens: auto;\n    -webkit-hyphenate-limit-before: 3;\n    /* For Safari */\n    -webkit-hyphenate-limit-after: 3;\n    /* For Safari */\n    hyphenate-limit-chars: 12 3 3;\n    hyphenate-limit-lines: 2;\n    hyphenate-limit-last: always;\n    hyphenate-limit-zone: 6%;\n    -webkit-hyphens: auto;\n    -webkit-hyphenate-limit-before: 3;\n    -webkit-hyphenate-limit-after: 3;\n    -webkit-hyphenate-limit-chars: 12 3 3;\n    -webkit-hyphenate-limit-lines: 2;\n    -moz-hyphens: auto;\n    -moz-hyphenate-limit-chars: 12 3 3;\n    -moz-hyphenate-limit-lines: 2;\n    -ms-hyphens: auto;\n    -ms-hyphenate-limit-chars: 12 3 3;\n    -ms-hyphenate-limit-lines: 2;\n  }\n}\n\n:host {\n  display: block;\n  position: relative;\n  overflow: hidden;\n}\n\na {\n  text-decoration: none !important;\n  color: inherit !important;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n  word-break: break-word;\n  hyphens: manual;\n  -webkit-hyphens: manual;\n  -moz-hyphens: manual;\n  -ms-hyphens: manual;\n}\n@supports (hyphenate-limit-chars: 12 3 3) {\n  h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n    hyphens: auto;\n    -webkit-hyphenate-limit-before: 3;\n    /* For Safari */\n    -webkit-hyphenate-limit-after: 3;\n    /* For Safari */\n    hyphenate-limit-chars: 12 3 3;\n    hyphenate-limit-lines: 2;\n    hyphenate-limit-last: always;\n    hyphenate-limit-zone: 6%;\n    -webkit-hyphens: auto;\n    -webkit-hyphenate-limit-before: 3;\n    -webkit-hyphenate-limit-after: 3;\n    -webkit-hyphenate-limit-chars: 12 3 3;\n    -webkit-hyphenate-limit-lines: 2;\n    -moz-hyphens: auto;\n    -moz-hyphenate-limit-chars: 12 3 3;\n    -moz-hyphenate-limit-lines: 2;\n    -ms-hyphens: auto;\n    -ms-hyphenate-limit-chars: 12 3 3;\n    -ms-hyphenate-limit-lines: 2;\n  }\n}\n\n.ptc-container {\n  padding-right: 24px;\n  padding-left: 24px;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@media only screen and (min-width: 1200px) {\n  .ptc-container {\n    padding-left: 0;\n    padding-right: 0;\n    max-width: 1136px;\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .ptc-container {\n    padding-left: 0;\n    padding-right: 0;\n    max-width: 1200px;\n  }\n}\n.ptc-container-lg {\n  padding-right: 15px;\n  padding-left: 15px;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@media only screen and (min-width: 480px) {\n  .ptc-container-lg {\n    padding-left: var(--ptc-layout-spacing-03);\n    padding-right: var(--ptc-layout-spacing-03);\n  }\n}\n@media only screen and (min-width: 768px) {\n  .ptc-container-lg {\n    padding-left: var(--ptc-layout-spacing-04);\n    padding-right: var(--ptc-layout-spacing-04);\n  }\n}\n@media only screen and (min-width: 992px) {\n  .ptc-container-lg {\n    padding-left: var(--ptc-element-spacing-08);\n    padding-right: var(--ptc-element-spacing-08);\n  }\n}\n@media only screen and (min-width: 1980px) {\n  .ptc-container-lg {\n    padding-left: 0;\n    padding-right: 0;\n    max-width: 1900px;\n  }\n}\n.ptc-container-fluid {\n  width: 100%;\n}\n\n.primary-content-wrapper {\n  max-width: 720px;\n  padding: 120px 0;\n}\n@media only screen and (min-width: 992px) {\n  .primary-content-wrapper {\n    padding: 160px 0;\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .primary-content-wrapper {\n    padding: 160px 0;\n  }\n}\n\n.bg-video {\n  width: 100%;\n}\n\n.ptc-container {\n  position: relative;\n  z-index: 20;\n  min-height: 587px;\n}\n\n.card-links {\n  margin: 0;\n  padding-bottom: 72px;\n}\n@media only screen and (min-width: 992px) {\n  .card-links {\n    padding-bottom: 88px;\n  }\n}\n.card-links .secondary-content-wrapper {\n  margin: 0;\n  max-width: 720px;\n}\n.card-links .card-section {\n  display: flex;\n  position: relative;\n  flex-wrap: nowrap;\n  flex-shrink: 0;\n  margin: 20px -24px 0;\n  white-space: nowrap;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  transition: box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);\n}\n.card-links .card-section::-webkit-scrollbar {\n  display: none;\n}\n.card-links .card-section .card-link {\n  cursor: pointer;\n  display: inline-flex;\n  position: relative;\n  overflow: hidden;\n  text-decoration: none;\n  z-index: 7;\n  align-items: center;\n  gap: 16px;\n  flex: 0 0 224px;\n  align-self: stretch;\n  border-radius: 4px 4px 0px 0px;\n  border-bottom: 2px solid var(--color-blue-07);\n  background: transparent;\n  backdrop-filter: blur(12px);\n  padding: 24px;\n  word-wrap: normal;\n  color: var(--color-white);\n  font-family: var(--ptc-font-latin);\n  font-size: var(--ptc-font-size-small);\n  font-style: var(--ptc-font-style-normal);\n  font-weight: var(--ptc-font-weight-bold);\n  line-height: var(--ptc-line-height-p);\n  margin: 0 12px;\n}\n.card-links .card-section .card-link:first-child {\n  margin-left: 24px;\n}\n.card-links .card-section .card-link:last-child {\n  margin-right: 24px;\n}\n.card-links .card-section .card-link icon-asset {\n  z-index: 10;\n}\n.card-links .card-section .card-link .link-text {\n  display: block;\n  inline-size: 190px;\n  white-space: break-spaces;\n  z-index: 10;\n  font-size: var(--ptc-font-size-small);\n}\n@media only screen and (min-width: 992px) {\n  .card-links .card-section .card-link .link-text {\n    font-size: var(--ptc-font-size-medium);\n  }\n}\n.card-links .card-section .card-link .bgb,\n.card-links .card-section .card-link .bgh,\n.card-links .card-section .card-link .bgp {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 8;\n  opacity: 0;\n}\n.card-links .card-section .card-link .link-cover {\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 11;\n  width: 99%;\n  height: 99%;\n  border-radius: var(--ptc-border-radius-standard);\n  border: 2px solid transparent;\n}\n.card-links .card-section .card-link .bgb,\n.card-links .card-section .card-link .bgh {\n  transition: opacity var(--ptc-transition-medium) var(--ptc-ease-out);\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n}\n.card-links .card-section .card-link .bgb {\n  background: linear-gradient(85deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.07) 100.13%);\n  opacity: 1;\n}\n.card-links .card-section .card-link .bgh {\n  background: linear-gradient(85deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.17) 100.13%);\n}\n.card-links .card-section .card-link .bgp {\n  background: linear-gradient(85deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.12) 100.13%);\n}\n.card-links .card-section .card-link:hover .bgb,\n.card-links .card-section .card-link:hover .bgp {\n  opacity: 0;\n}\n.card-links .card-section .card-link:hover .bgh {\n  opacity: 1;\n}\n.card-links .card-section .card-link:active .bgb,\n.card-links .card-section .card-link:active .bgh, .card-links .card-section .card-link.active .bgb,\n.card-links .card-section .card-link.active .bgh {\n  display: none;\n  opacity: 0;\n}\n.card-links .card-section .card-link:active .bgp, .card-links .card-section .card-link.active .bgp {\n  opacity: 1;\n}\n.card-links .card-section .card-link:focus-visible, .card-links .card-section .card-link:focus, .card-links .card-section .card-link:focus-within {\n  border-radius: var(--ptc-border-radius-standard);\n  outline: 5px solid var(--keyboard-nav-outline);\n  border-bottom-color: white;\n}\n.card-links .card-section .card-link:focus-visible .link-cover, .card-links .card-section .card-link:focus .link-cover, .card-links .card-section .card-link:focus-within .link-cover {\n  border-color: white;\n}\n.card-links .card-section:before {\n  position: absolute;\n  width: 32px;\n  background: linear-gradient(85deg, rgba(255, 255, 255, 0) 0%, white 100.13%);\n  top: 16px;\n  right: 0;\n  bottom: 0;\n  z-index: 12;\n}\n.card-links .card-section.scroll-st {\n  box-shadow: inset 2px 0px 0px rgba(255, 255, 255, 0.3);\n}\n.card-links .card-section.scroll-ed {\n  box-shadow: inset -2px 0px 0px rgba(255, 255, 255, 0.3);\n}\n.card-links .card-section.scroll-ed.scroll-st {\n  box-shadow: inset 2px 0px 0px rgba(255, 255, 255, 0.3), inset -2px 0px 0px rgba(255, 255, 255, 0.3);\n}\n@media only screen and (min-width: 1200px) {\n  .card-links .card-section {\n    margin: 20px 0 0;\n    align-items: flex-start;\n    justify-content: flex-start;\n    align-content: flex-start;\n  }\n  .card-links .card-section.scroll-st, .card-links .card-section.scroll-ed, .card-links .card-section.scroll-ed.scroll-st {\n    box-shadow: unset;\n  }\n  .card-links .card-section .card-link {\n    flex: unset;\n  }\n  .card-links .card-section .card-link:first-child {\n    margin-left: 0;\n  }\n  .card-links .card-section .card-link:last-child {\n    margin-right: 0;\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .card-links .card-section {\n    margin: 20px 0 0;\n  }\n}\n\n.card-section {\n  overflow-x: visible;\n  overflow-y: visible;\n  animation-duration: 0ms;\n  animation-delay: 1000ms;\n  animation-fill-mode: forwards;\n}\n@media only screen and (min-width: 1200px) {\n  .card-section {\n    overflow-x: visible;\n  }\n}\n.card-section .card-link {\n  animation-duration: 750ms;\n  animation-delay: 0ms;\n  animation-fill-mode: forwards;\n  opacity: 0;\n  transform: translate3d(0, 30%, 0);\n}\n.card-section .card-link.card-link-1 {\n  animation-delay: 0ms;\n}\n.card-section .card-link.card-link-2 {\n  animation-delay: 250ms;\n}\n.card-section .card-link.card-link-3 {\n  animation-delay: 500ms;\n}\n.card-section .card-link.card-link-4 {\n  animation-delay: 750ms;\n}\n.card-section.in-view {\n  animation-name: fadeUpInContainer;\n}\n@media only screen and (min-width: 1200px) {\n  .card-section.in-view {\n    overflow: visible !important;\n  }\n}\n.card-section.in-view .card-link {\n  animation-name: fadeUpIn;\n}\n\n@keyframes fadeUpIn {\n  0% {\n    opacity: 0;\n    transform: translate3d(0, 30%, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translateZ(0);\n  }\n}\n@keyframes fadeUpInContainer {\n  0% {\n    overflow: visible;\n    overflow-y: visible;\n    overflow-x: visible;\n    @media only screen and (min-width: 1200px) {\n      overflow-x: visible;\n    }\n  }\n  100% {\n    overflow: inherit;\n    overflow-y: hidden;\n    overflow-x: scroll;\n    @media only screen and (min-width: 1200px) {\n      overflow-x: hidden;\n    }\n  }\n}";export{r as ptc_homepage_video_background}
+import{r as n,h as i,H as t,g as a}from"./p-ac75c7ad.js";import{o as e}from"./p-841b807d.js";const r=class{constructor(i){n(this,i),this.videoSrc=void 0,this.posterSrc=void 0,this.overlay=!0,this.playButtonTitle=void 0,this.pauseButtonTitle=void 0,this.playButtonTrackerId=void 0,this.buttonLocation="bottom-right",this.defer=!1,this.links=void 0}componentWillLoad(){this.sliderSettings={IsMouseDown:!1,PreventAnchor:!1,Timeout:void 0,StartX:0,ScrollLeft:0},this.readLinkItems()}componentDidLoad(){this.slider=this.el.shadowRoot.querySelector(".card-section"),e(this.el,".card-section",!0)}readLinkItems(){this.links=[],this.el.querySelectorAll(".card-cta-links > a").forEach((n=>{n&&this.links.length<4&&this.links.push(n)}))}openLink(n){n&&n.click()}onSliderScroll(){0===this.slider.scrollLeft&&this.slider.classList.contains("scroll-st")?this.slider.classList.remove("scroll-st"):0===this.slider.scrollLeft||this.slider.classList.contains("scroll-st")||this.slider.classList.add("scroll-st"),this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth&&this.slider.classList.contains("scroll-ed")?this.slider.classList.remove("scroll-ed"):this.slider.scrollLeft===this.slider.scrollWidth-this.slider.offsetWidth||this.slider.classList.contains("scroll-ed")||this.slider.classList.add("scroll-ed")}onLinkClick(n){window.innerWidth>1199||(n&&this.sliderSettings.PreventAnchor&&n.preventDefault(),this.sliderSettings.PreventAnchor=!1,clearTimeout(this.sliderSettings.Timeout))}onSliderMouseDown(n,i){n.preventDefault(),this.sliderSettings.IsMouseDown=!0,i.classList.add("active"),this.sliderSettings.StartX=n.pageX-i.offsetLeft,this.sliderSettings.ScrollLeft=i.scrollLeft,this.sliderSettings.PreventAnchor=!1}onSliderMouseExit(n,i){n.preventDefault(),clearTimeout(this.sliderSettings.Timeout),this.sliderSettings.IsMouseDown=!1,i.classList.remove("active")}onSliderMouseDrag(n,i){this.sliderSettings.Timeout=setTimeout((()=>{this.sliderSettings.PreventAnchor=!0}),80),this.sliderSettings.IsMouseDown&&(n.preventDefault(),i.scrollLeft=this.sliderSettings.ScrollLeft-(n.pageX-i.offsetLeft-this.sliderSettings.StartX))}onCardMouseDown(n){if(n&&n.currentTarget){let i=n.currentTarget;i&&i.classList.add("active")}}onCardMouseUp(n){if(n&&n.currentTarget){let i=n.currentTarget;i&&(i.classList.remove("active"),this.sliderSettings.IsMouseDown&&(clearTimeout(this.sliderSettings.Timeout),this.sliderSettings.IsMouseDown=!1))}}componentDidRender(){let n=this;this.el.shadowRoot.querySelectorAll(".card-link").forEach((i=>{i.querySelector("a").addEventListener("click",(i=>{n.onLinkClick(i)})),i.addEventListener("mousedown",(i=>{n.onCardMouseDown(i)})),i.addEventListener("mouseup",(i=>{n.onCardMouseUp(i)})),i.addEventListener("mouseleave",(i=>{n.onCardMouseUp(i)})),i.addEventListener("touchend",(i=>{n.onCardMouseUp(i)}))}))}render(){return i(t,null,i("ptc-background-video",Object.assign({},this.getBackgroundVideoSettings(),{"overlay-type":"dark","tracker-id":this.playButtonTrackerId,defer:this.defer,"poster-src":this.posterSrc}),i("div",{class:"ptc-container"},i("div",{class:"primary-content-wrapper"},i("slot",{name:"primary-content"})),i("div",{class:"card-links"},i("div",{class:"secondary-content-wrapper"},i("slot",{name:"secondary-content"})),i("div",Object.assign({class:"card-section"},this.getSliderBindings()),this.links&&this.links.map(((n,t)=>{const a=n.getAttribute("data-tracker-id"),e=n.getAttribute("data-icon"),r=n.getAttribute("target"),s=n.getAttribute("title"),o=n.textContent;if(o)return i("div",{id:a,class:`card-link card-link-${t+1}`,"tab-index":t+1},i("div",{class:"bgb"}),i("div",{class:"bgh"}),i("div",{class:"bgp"}),i("a",{href:n.href,target:r,title:s,class:"link-cover"}),e&&i("icon-asset",{type:"ptc",size:"large",color:"white",name:e}),i("span",{class:"link-text hyphenate-text"},o.trim()))})))))))}getBackgroundVideoSettings(){return{videoSrc:this.videoSrc,posterSrc:this.posterSrc,pauseButtonTitle:this.pauseButtonTitle,playButtonTitle:this.playButtonTitle,buttonLocation:this.buttonLocation,overlay:this.overlay,class:"bg-video"}}getSliderBindings(){return{onMouseDown:n=>{this.onSliderMouseDown(n,this.slider)},onMouseUp:n=>{this.onSliderMouseExit(n,this.slider)},onMouseLeave:n=>{this.onSliderMouseExit(n,this.slider)},onMouseMove:n=>{this.onSliderMouseDrag(n,this.slider)}}}get el(){return a(this)}};r.style="h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n  word-break: break-word;\n  hyphens: manual;\n  -webkit-hyphens: manual;\n  -moz-hyphens: manual;\n  -ms-hyphens: manual;\n}\n@supports (hyphenate-limit-chars: 12 3 3) {\n  h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n    hyphens: auto;\n    -webkit-hyphenate-limit-before: 3;\n    /* For Safari */\n    -webkit-hyphenate-limit-after: 3;\n    /* For Safari */\n    hyphenate-limit-chars: 12 3 3;\n    hyphenate-limit-lines: 2;\n    hyphenate-limit-last: always;\n    hyphenate-limit-zone: 6%;\n    -webkit-hyphens: auto;\n    -webkit-hyphenate-limit-before: 3;\n    -webkit-hyphenate-limit-after: 3;\n    -webkit-hyphenate-limit-chars: 12 3 3;\n    -webkit-hyphenate-limit-lines: 2;\n    -moz-hyphens: auto;\n    -moz-hyphenate-limit-chars: 12 3 3;\n    -moz-hyphenate-limit-lines: 2;\n    -ms-hyphens: auto;\n    -ms-hyphenate-limit-chars: 12 3 3;\n    -ms-hyphenate-limit-lines: 2;\n  }\n}\n\n:host {\n  display: block;\n  position: relative;\n  overflow: hidden;\n}\n\na {\n  text-decoration: none !important;\n  color: inherit !important;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n  word-break: break-word;\n  hyphens: manual;\n  -webkit-hyphens: manual;\n  -moz-hyphens: manual;\n  -ms-hyphens: manual;\n}\n@supports (hyphenate-limit-chars: 12 3 3) {\n  h1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link, ptc-square-card,\n.hyphenate-text, ptc-footer {\n    hyphens: auto;\n    -webkit-hyphenate-limit-before: 3;\n    /* For Safari */\n    -webkit-hyphenate-limit-after: 3;\n    /* For Safari */\n    hyphenate-limit-chars: 12 3 3;\n    hyphenate-limit-lines: 2;\n    hyphenate-limit-last: always;\n    hyphenate-limit-zone: 6%;\n    -webkit-hyphens: auto;\n    -webkit-hyphenate-limit-before: 3;\n    -webkit-hyphenate-limit-after: 3;\n    -webkit-hyphenate-limit-chars: 12 3 3;\n    -webkit-hyphenate-limit-lines: 2;\n    -moz-hyphens: auto;\n    -moz-hyphenate-limit-chars: 12 3 3;\n    -moz-hyphenate-limit-lines: 2;\n    -ms-hyphens: auto;\n    -ms-hyphenate-limit-chars: 12 3 3;\n    -ms-hyphenate-limit-lines: 2;\n  }\n}\n\n.ptc-container {\n  padding-right: 24px;\n  padding-left: 24px;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@media only screen and (min-width: 1200px) {\n  .ptc-container {\n    padding-left: 0;\n    padding-right: 0;\n    max-width: 1136px;\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .ptc-container {\n    padding-left: 0;\n    padding-right: 0;\n    max-width: 1200px;\n  }\n}\n.ptc-container-lg {\n  padding-right: 15px;\n  padding-left: 15px;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@media only screen and (min-width: 480px) {\n  .ptc-container-lg {\n    padding-left: var(--ptc-layout-spacing-03);\n    padding-right: var(--ptc-layout-spacing-03);\n  }\n}\n@media only screen and (min-width: 768px) {\n  .ptc-container-lg {\n    padding-left: var(--ptc-layout-spacing-04);\n    padding-right: var(--ptc-layout-spacing-04);\n  }\n}\n@media only screen and (min-width: 992px) {\n  .ptc-container-lg {\n    padding-left: var(--ptc-element-spacing-08);\n    padding-right: var(--ptc-element-spacing-08);\n  }\n}\n@media only screen and (min-width: 1980px) {\n  .ptc-container-lg {\n    padding-left: 0;\n    padding-right: 0;\n    max-width: 1900px;\n  }\n}\n.ptc-container-fluid {\n  width: 100%;\n}\n\n.primary-content-wrapper {\n  max-width: 720px;\n  padding: 120px 0;\n}\n@media only screen and (min-width: 992px) {\n  .primary-content-wrapper {\n    padding: 160px 0;\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .primary-content-wrapper {\n    padding: 160px 0;\n  }\n}\n\n.bg-video {\n  width: 100%;\n}\n\n.ptc-container {\n  position: relative;\n  z-index: 20;\n  min-height: 587px;\n}\n\n.card-links {\n  margin: 0;\n  padding-bottom: 72px;\n}\n@media only screen and (min-width: 992px) {\n  .card-links {\n    padding-bottom: 88px;\n  }\n}\n.card-links .secondary-content-wrapper {\n  margin: 0;\n  max-width: 720px;\n}\n.card-links .card-section {\n  display: flex;\n  position: relative;\n  flex-wrap: nowrap;\n  flex-shrink: 0;\n  margin: 20px -24px 0;\n  white-space: nowrap;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  transition: box-shadow var(--ptc-transition-medium) var(--ptc-ease-out);\n}\n.card-links .card-section::-webkit-scrollbar {\n  display: none;\n}\n.card-links .card-section .card-link {\n  cursor: pointer;\n  display: inline-flex;\n  position: relative;\n  overflow: hidden;\n  text-decoration: none;\n  z-index: 7;\n  align-items: center;\n  gap: 16px;\n  flex: 0 0 224px;\n  align-self: stretch;\n  border-radius: 4px 4px 0px 0px;\n  border-bottom: 2px solid var(--color-blue-07);\n  background: transparent;\n  backdrop-filter: blur(12px);\n  padding: 24px;\n  word-wrap: normal;\n  color: var(--color-white);\n  font-family: var(--ptc-font-latin);\n  font-size: var(--ptc-font-size-small);\n  font-style: var(--ptc-font-style-normal);\n  font-weight: var(--ptc-font-weight-bold);\n  line-height: var(--ptc-line-height-p);\n  margin: 0 12px;\n}\n.card-links .card-section .card-link:first-child {\n  margin-left: 24px;\n}\n.card-links .card-section .card-link:last-child {\n  margin-right: 24px;\n}\n.card-links .card-section .card-link icon-asset {\n  z-index: 10;\n}\n.card-links .card-section .card-link .link-text {\n  display: block;\n  inline-size: 190px;\n  white-space: break-spaces;\n  z-index: 10;\n  font-size: var(--ptc-font-size-small);\n}\n@media only screen and (min-width: 992px) {\n  .card-links .card-section .card-link .link-text {\n    font-size: var(--ptc-font-size-medium);\n  }\n}\n.card-links .card-section .card-link .bgb,\n.card-links .card-section .card-link .bgh,\n.card-links .card-section .card-link .bgp {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 8;\n  opacity: 0;\n}\n.card-links .card-section .card-link .link-cover {\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 11;\n  width: 99%;\n  height: 99%;\n  border-radius: var(--ptc-border-radius-standard);\n  border: 2px solid transparent;\n}\n.card-links .card-section .card-link .bgb,\n.card-links .card-section .card-link .bgh {\n  transition: opacity var(--ptc-transition-medium) var(--ptc-ease-out);\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n}\n.card-links .card-section .card-link .bgb {\n  background: linear-gradient(85deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.07) 100.13%);\n  opacity: 1;\n}\n.card-links .card-section .card-link .bgh {\n  background: linear-gradient(85deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.17) 100.13%);\n}\n.card-links .card-section .card-link .bgp {\n  background: linear-gradient(85deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.12) 100.13%);\n}\n.card-links .card-section .card-link:hover .bgb,\n.card-links .card-section .card-link:hover .bgp {\n  opacity: 0;\n}\n.card-links .card-section .card-link:hover .bgh {\n  opacity: 1;\n}\n.card-links .card-section .card-link:active .bgb,\n.card-links .card-section .card-link:active .bgh, .card-links .card-section .card-link.active .bgb,\n.card-links .card-section .card-link.active .bgh {\n  display: none;\n  opacity: 0;\n}\n.card-links .card-section .card-link:active .bgp, .card-links .card-section .card-link.active .bgp {\n  opacity: 1;\n}\n.card-links .card-section .card-link:focus-visible, .card-links .card-section .card-link:focus, .card-links .card-section .card-link:focus-within {\n  border-radius: var(--ptc-border-radius-standard);\n  outline: 5px solid var(--keyboard-nav-outline);\n  border-bottom-color: white;\n}\n.card-links .card-section .card-link:focus-visible .link-cover, .card-links .card-section .card-link:focus .link-cover, .card-links .card-section .card-link:focus-within .link-cover {\n  border-color: white;\n}\n.card-links .card-section:before {\n  position: absolute;\n  width: 32px;\n  background: linear-gradient(85deg, rgba(255, 255, 255, 0) 0%, white 100.13%);\n  top: 16px;\n  right: 0;\n  bottom: 0;\n  z-index: 12;\n}\n.card-links .card-section.scroll-st {\n  box-shadow: inset 2px 0px 0px rgba(255, 255, 255, 0.3);\n}\n.card-links .card-section.scroll-ed {\n  box-shadow: inset -2px 0px 0px rgba(255, 255, 255, 0.3);\n}\n.card-links .card-section.scroll-ed.scroll-st {\n  box-shadow: inset 2px 0px 0px rgba(255, 255, 255, 0.3), inset -2px 0px 0px rgba(255, 255, 255, 0.3);\n}\n@media only screen and (min-width: 1200px) {\n  .card-links .card-section {\n    margin: 20px 0 0;\n    align-items: flex-start;\n    justify-content: flex-start;\n    align-content: flex-start;\n  }\n  .card-links .card-section.scroll-st, .card-links .card-section.scroll-ed, .card-links .card-section.scroll-ed.scroll-st {\n    box-shadow: unset;\n  }\n  .card-links .card-section .card-link {\n    flex: unset;\n  }\n  .card-links .card-section .card-link:first-child {\n    margin-left: 0;\n  }\n  .card-links .card-section .card-link:last-child {\n    margin-right: 0;\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .card-links .card-section {\n    margin: 20px 0 0;\n  }\n}\n\n.card-section {\n  overflow-x: visible;\n  overflow-y: visible;\n  animation-duration: 0ms;\n  animation-delay: 1000ms;\n  animation-fill-mode: forwards;\n}\n@media only screen and (min-width: 1200px) {\n  .card-section {\n    overflow-x: visible;\n  }\n}\n.card-section .card-link {\n  animation-duration: 750ms;\n  animation-delay: 0ms;\n  animation-fill-mode: forwards;\n  opacity: 0;\n  transform: translate3d(0, 30%, 0);\n}\n.card-section .card-link.card-link-1 {\n  animation-delay: 0ms;\n}\n.card-section .card-link.card-link-2 {\n  animation-delay: 250ms;\n}\n.card-section .card-link.card-link-3 {\n  animation-delay: 500ms;\n}\n.card-section .card-link.card-link-4 {\n  animation-delay: 750ms;\n}\n.card-section.in-view {\n  animation-name: fadeUpInContainer;\n}\n@media only screen and (min-width: 1200px) {\n  .card-section.in-view {\n    overflow: visible !important;\n  }\n}\n.card-section.in-view .card-link {\n  animation-name: fadeUpIn;\n}\n\n@keyframes fadeUpIn {\n  0% {\n    opacity: 0;\n    transform: translate3d(0, 30%, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translateZ(0);\n  }\n}\n@keyframes fadeUpInContainer {\n  0% {\n    overflow: visible;\n    overflow-y: visible;\n    overflow-x: visible;\n    @media only screen and (min-width: 1200px) {\n      overflow-x: visible;\n    }\n  }\n  100% {\n    overflow: inherit;\n    overflow-y: hidden;\n    overflow-x: scroll;\n    @media only screen and (min-width: 1200px) {\n      overflow-x: hidden;\n    }\n  }\n}";export{r as ptc_homepage_video_background}