@ptcwebops/ptcw-design 5.8.9 → 5.9.0

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

@@ -1 +0,0 @@
-import{r as t,h as e,H as o,g as l}from"./p-ac75c7ad.js";const a=class{constructor(e){t(this,e),this.sidebarData=[],this.dropFlag=!1,this.topBackgroundImage=void 0,this.isMobile=void 0,this.selectedValue=void 0}componentWillLoad(){this.getSidebarList(),this.isMobile=window.innerWidth<992}componentDidLoad(){this.setActiveItem(),this.selectBtn=this.hostElement.shadowRoot.querySelector(".select-button"),this.customSelect=this.hostElement.shadowRoot.querySelector(".custom-select"),this.optionsList=this.hostElement.shadowRoot.querySelectorAll(".select-dropdown li"),this.selectBtn.addEventListener("click",this.handleSelectButtonClick.bind(this)),this.customSelectDropdown(),document.querySelectorAll(".video-embad-container-value-led-class").forEach((t=>{const e=t.querySelector(".ptc-container");e&&(e.classList.remove("ptc-container"),t.classList.add("u-paddingTop-flush"))}))}handleScroll(){const t=this.hostElement.shadowRoot.querySelector(".vl-list-wrap ul li.active");t&&t.scrollIntoView({behavior:"smooth",block:"nearest",inline:"start"})}handleWheel(){this.setActiveItem()}handleKeyDown(t){"ArrowUp"!==t.key&&"ArrowDown"!==t.key&&"PageUp"!==t.key&&"PageDown"!==t.key||this.setActiveItem()}handleMouseDown(){this.setActiveItem()}handleMouseUp(){this.setActiveItem()}handleTouchStart(){this.setActiveItem()}handleTouchMove(){this.setActiveItem()}handleTouchEnd(){this.setActiveItem()}handleResize(){this.isMobile=window.innerWidth<992,this.setActiveItem(),this.customSelectDropdown()}handleDropdownScroll(){let t=this.hostElement.shadowRoot.querySelector(".custom-select");if(t){let a=t.querySelector(".select-dropdown");var e=a.scrollHeight,o=a.scrollTop,l=a.offsetHeight;a.clientHeight<e&&(o>0?t.classList.add("scroll-top"):t.classList.remove("scroll-top"),l+o<e?t.classList.add("scroll-bottom"):t.classList.remove("scroll-bottom"))}}handleSelectButtonClick(){this.customSelect.classList.toggle("active"),this.selectBtn.setAttribute("aria-expanded","true"===this.selectBtn.getAttribute("aria-expanded")?"false":"true")}getSidebarList(){document.querySelectorAll(".vl-content-item").forEach((t=>{let e=t.getAttribute("comp-title"),o=t.getAttribute("id");this.sidebarData.push({title:e,ref:o})}))}setActiveItem(){const t=window.scrollY||window.pageYOffset;let e=this.isMobile?85:5;t>=149?this.sidebarData.forEach(((o,l)=>{const a=document.getElementById(o.ref);a&&a.offsetTop<=t+e&&this.updateActiveItem(l)})):(this.updateActiveItem(0),this.isMobile&&(this.selectedValue.textContent=this.optionsList[0].textContent))}updateActiveItem(t){const e=this.hostElement.shadowRoot.querySelector(`.vl-list-wrap ul li:nth-child(${t+1})`),o=this.hostElement.shadowRoot.querySelector(".vl-list-wrap ul li.active");if(o&&o.classList.remove("active"),e&&e.classList.add("active"),this.mobileSelect=this.hostElement.shadowRoot.querySelector(".mobile-select"),this.mobileSelect){this.selectedValue=this.hostElement.shadowRoot.querySelector(".selected-value"),this.optionsList=this.hostElement.shadowRoot.querySelectorAll(".select-dropdown li"),this.optionsList.forEach((e=>{parseInt(e.id)===t&&(this.selectedValue.textContent=e.children[1].textContent)}));const e=this.hostElement.shadowRoot.querySelector(`.select-dropdown li:nth-child(${t+1})`),o=this.hostElement.shadowRoot.querySelector(".select-dropdown li.active");o&&o.classList.remove("active"),e&&e.classList.add("active")}}handleSelectChange(t){const e=document.getElementById(this.sidebarData[t].ref);e&&(e.scrollIntoView({behavior:"smooth"}),window.scrollTo(0,e.offsetTop-75))}customSelectDropdown(){this.selectedValue=this.hostElement.shadowRoot.querySelector(".selected-value"),this.customSelect&&this.isMobile&&this.optionsList.forEach(((t,e)=>{const o=o=>{"click"===o.type&&0!==o.clientX&&0!==o.clientY&&(this.selectedValue.textContent=t.children[1].textContent,this.customSelect.classList.remove("active"),this.handleSelectChange(e)),"Enter"===o.key&&(this.selectedValue.textContent=t.textContent,this.customSelect.classList.remove("active"),this.handleSelectChange(e))};t.addEventListener("keyup",o),t.addEventListener("click",o)}))}selectDropOption(t){this.updateActiveItem(t)}render(){return e(o,null,e("div",{class:"top-image",style:{backgroundImage:`url(${this.topBackgroundImage})`}}),e("div",{class:"ptc-container"},e("div",{class:"pdf-slot-wrapper"},e("slot",{name:"pdf-slot"})),e("div",{class:"vl-layout-wrap"},this.sidebarData.length>0&&!this.isMobile&&e("div",{class:"vl-sidebar"},e("div",{class:"vl-list-wrap"},e("ul",null,this.sidebarData.map(((t,o)=>e("li",null,e("a",{href:"#"+t.ref,id:o,onClick:()=>{this.updateActiveItem(o)}},e("ptc-tooltip",{"max-length":"70",description:t.title,"no-overflow":"true"})))))))),e("span",{style:{display:"none !important"}}),e("div",{class:"vl-content-wrap"},e("div",{class:"custom-select mobile-select"},e("button",{class:"select-button",role:"combobox","aria-labelledby":"select button","aria-haspopup":"listbox","aria-expanded":"false","aria-controls":"select-dropdown"},e("span",{class:"selected-value"},"Select option"),e("span",{class:"arrow"})),e("ul",{class:"select-dropdown",role:"listbox",id:"select-dropdown",onScroll:()=>this.handleDropdownScroll()},this.sidebarData.map(((t,o)=>e("li",{role:"option",id:o,onClick:()=>this.selectDropOption(o)},e("input",{type:"radio",id:t.title,name:"vl-drop-list"}),e("label",{htmlFor:t.title},e("i",{class:"bx bxl-github"}),t.title)))))),e("div",{class:"vl-content-slot-wrap"},e("slot",null))))))}get hostElement(){return l(this)}};a.style='h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){.ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){.ptc-container{padding-left:0;padding-right:0;max-width:1200px}}.ptc-container-lg{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 480px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-03);padding-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 768px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-04);padding-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 992px){.ptc-container-lg{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 1980px){.ptc-container-lg{padding-left:0;padding-right:0;max-width:1900px}}.ptc-container-fluid{width:100%}:host{display:block;position:relative}:host *{box-sizing:border-box;font-family:var(--ptc-font-latin)}:host .top-image{background-color:rgba(0, 0, 0, 0.6);background-blend-mode:multiply;position:absolute;z-index:-1;width:100%;height:500px;background-size:cover;background-position:center}:host .pdf-slot-wrapper{padding:var(--ptc-element-spacing-04) 0;width:100%;text-align:right}:host .vl-layout-wrap{margin-top:var(--ptc-element-spacing-04);width:100%;position:relative}@media only screen and (min-width: 992px){:host .vl-layout-wrap{display:flex;margin-top:40px}}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-sidebar{width:22%;margin-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 1200px){:host .vl-layout-wrap .vl-sidebar{margin-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 1440px){:host .vl-layout-wrap .vl-sidebar{margin-right:40px}}:host .vl-layout-wrap .vl-list-wrap{width:100%;padding:8px 0;box-shadow:var(--ptc-shadow-x-large);max-height:calc(100vh - 64px);background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard)}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-list-wrap{z-index:105;margin:auto;position:sticky;top:32px;right:0;float:right;overflow-y:auto;overflow-x:hidden;padding:var(--ptc-layout-spacing-02) 0}}@media only screen and (min-width: 1200px){:host .vl-layout-wrap .vl-list-wrap{padding:var(--ptc-layout-spacing-03) 0}}:host .vl-layout-wrap .vl-list-wrap ul{margin:0;padding:0;list-style:none}:host .vl-layout-wrap .vl-list-wrap ul li{display:none}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-list-wrap ul li{display:block;margin:0 8px 4px 8px}}@media only screen and (min-width: 1200px){:host .vl-layout-wrap .vl-list-wrap ul li{margin:0 16px 8px 16px}}:host .vl-layout-wrap .vl-list-wrap ul li a{display:block;padding:8px 16px;font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);text-decoration:none;color:var(--color-gray-10);position:relative;background-color:transparent;border-radius:var(--ptc-border-radius-standard);transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}@media only screen and (min-width: 1200px){:host .vl-layout-wrap .vl-list-wrap ul li a{font-size:var(--ptc-font-size-small)}}:host .vl-layout-wrap .vl-list-wrap ul li a::before{content:"";display:block;width:2px;height:calc(100% - 16px);background-color:transparent;position:absolute;left:4px}:host .vl-layout-wrap .vl-list-wrap ul li a:hover{background-color:var(--color-gray-02)}:host .vl-layout-wrap .vl-list-wrap ul li.active{display:block}:host .vl-layout-wrap .vl-list-wrap ul li.active a{font-weight:var(--ptc-font-weight-bold)}:host .vl-layout-wrap .vl-list-wrap ul li.active a::before{background-color:var(--color-green-07)}:host .vl-layout-wrap .vl-list-wrap::-webkit-scrollbar{width:8px}:host .vl-layout-wrap .vl-list-wrap::-webkit-scrollbar-track{background:transparent}:host .vl-layout-wrap .vl-list-wrap::-webkit-scrollbar-thumb{background:var(--color-gray-02);border-radius:var(--ptc-border-radius-pill)}:host .vl-layout-wrap .vl-list-wrap select{z-index:105;background-color:var(--color-white)}:host .vl-layout-wrap .vl-content-wrap{width:100%;padding:0 20px 20px 20px;background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-x-large)}@media only screen and (min-width: 480px){:host .vl-layout-wrap .vl-content-wrap{padding:0 32px 32px 32px}}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-content-wrap{width:78%;padding:48px}}:host .vl-layout-wrap .vl-content-wrap .mobile-select{position:sticky;top:-1px;z-index:1056;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:var(--color-white);width:calc(100% + 40px);margin-left:-20px;border-top-left-radius:4px;border-top-right-radius:4px}@media only screen and (min-width: 480px){:host .vl-layout-wrap .vl-content-wrap .mobile-select{width:calc(100% + 64px);margin-left:-32px}}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select{display:block}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select{display:none}}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-button{width:100%;background-color:transparent;border-radius:0.25rem;cursor:pointer;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p);font-size:var(--ptc-font-size-small);display:flex;justify-content:space-between;align-items:center;border-radius:4px 4px 0px 0px;box-shadow:var(--ptc-shadow-x-large);padding:var(--ptc-element-spacing-06);border:none;color:var(--color-gray-10);position:relative}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-button::after{content:"";width:100%;height:0;background-color:transparent;display:block;position:absolute;bottom:0;box-shadow:0 16px 16px rgba(0, 0, 0, 0.2);left:0;right:0;z-index:105666}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-button .selected-value{text-align:left;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p);font-size:var(--ptc-font-size-small);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-button .arrow{min-width:14px;width:14px;height:10px;background-image:url(\'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="10" viewBox="0 0 14 10" fill="none"><path d="M2 2.30469L6.94975 7.60799L11.8995 2.30469" stroke="%2300890B" stroke-width="3" stroke-linecap="round"/></svg>\');background-repeat:no-repeat;transition:transform ease-in-out 0.3s;margin-left:15px}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown{position:absolute;list-style:none;width:100%;border-radius:0 0 4px 4px;background:var(--color-white);margin:0;padding:16px 0;max-height:70vh;overflow-y:auto;transition:0.5s ease;z-index:30000;box-shadow:0px 16px 16px rgba(0, 0, 0, 0.24);border-top:1px solid var(--color-gray-02);opacity:0;visibility:hidden}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown li{position:relative;cursor:pointer}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown li label{display:block;width:100%;box-sizing:border-box;padding:16px 32px;cursor:pointer;font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-regular);color:var(--color-gray-10)}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown li label::before{content:"";display:block;width:2px;height:calc(100% - 32px);background-color:transparent;position:absolute;left:16px}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown li.active label{font-weight:700}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown li.active label::before{background-color:var(--color-green-07)}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown input[type=radio]{position:absolute;left:0;opacity:0}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown input[type=radio]:checked~label{font-weight:700}}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown::-webkit-scrollbar{width:7px}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown::-webkit-scrollbar-track{background:var(--color-white);border-radius:25px}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select .select-dropdown::-webkit-scrollbar-thumb{background:var(--color-gray-02);border-radius:25px}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select.active .arrow{transform:rotate(180deg)}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select.active .select-dropdown{opacity:1;visibility:visible}:host .vl-layout-wrap .vl-content-wrap .mobile-select.custom-select.scroll-top.active .select-button::after{height:16px}:host .vl-layout-wrap .vl-content-wrap .mobile-select:focus-visible{outline:none}:host .vl-layout-wrap .vl-content-wrap .vl-content-slot-wrap{padding:var(--ptc-element-spacing-07) 0 0 0}@media only screen and (min-width: 992px){:host .vl-layout-wrap .vl-content-wrap .vl-content-slot-wrap{padding:0}}:host .select-dropdown input:focus~label{background-color:#dfdfdf}';export{a as ptc_value_led_layout}