@ptcwebops/ptcw-design 3.3.0 → 3.3.2

package/dist/ptcw-design/p-124271d5.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as e,H as o,g as s}from"./p-00a1336a.js";const r=class{constructor(e){t(this,e),this.selectedFilterValues=i(this,"selectedFilterValues",7),this.internalOptions=[],this.selectedOptions=[],this.placeholder=void 0,this.selectedTag=void 0,this.isOpen=!1}componentDidLoad(){this.dropdownPlaceholder=this.hostElement.shadowRoot.querySelector(".dropdown-placeholder .dropdown-filter-name")}parseOptions(){let t=Array.from(this.hostElement.querySelectorAll("span"));t&&(this.internalOptions=t.map((t=>({tabId:t.getAttribute("tab-id"),value:t.textContent,tagName:t.getAttribute("tag-name")}))))}toggleDropdown(){this.isOpen=!this.isOpen}clearFilter(){this.selectedOptions=[],this.hostElement.shadowRoot.querySelectorAll('.filter-list input[type="radio"]').forEach((t=>{t instanceof HTMLInputElement&&(t.checked=!1)})),this.dropdownPlaceholder&&(this.dropdownPlaceholder.textContent=this.placeholder),this.emitSelectedOptions("clearButton")}emitSelectedOptions(t){this.selectedOptions=this.internalOptions.filter((t=>null!==this.hostElement.shadowRoot.querySelector(`input[tab-id="${t.tabId}"]:checked`))).map((t=>({tabId:t.tabId,value:t.value,tagName:t.tagName}))),this.selectedFilterValues.emit({sender:this,selectedOptions:this.selectedOptions}),"applyButton"==t&&this.toggleDropdown(),this.dropdownPlaceholder&&(this.dropdownPlaceholder.textContent=this.selectedOptions[0].value)}componentWillRender(){this.parseOptions()}render(){return e(o,null,e("div",{class:"dropdown"},e("div",{class:"dropdown-toggle",onClick:()=>this.toggleDropdown()},e("span",{class:"dropdown-placeholder"},e("strong",null,"Filter: "),e("span",{class:"dropdown-filter-name"},this.placeholder)),e("span",{class:"caret"},e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"7",viewBox:"0 0 12 7",fill:"none"},e("path",{d:"M10.2426 1.24264L6 5.48528L1.75736 1.24264",stroke:"#20262A","stroke-width":"2","stroke-linecap":"round"})))),this.isOpen&&e("div",{class:"dropdown-menu"},e("ul",{class:"filter-list"},this.internalOptions.map((t=>e("li",{key:t.tabId},e("label",{class:"radio-label",htmlFor:t.value.replace(/\s+/g,"")},e("input",{type:"radio",id:t.value.replace(/\s+/g,""),name:"theater-filter",value:t.value,checked:this.selectedOptions.some((i=>i.value===t.value)),"tab-id":t.tabId,"tag-name":t.tagName}),t.value))))),e("div",{class:"filter-btns"},e("span",{class:"clear-btn",onClick:()=>this.clearFilter()},"Clear"),e("ptc-button",{type:"link",color:"ptc-secondary",onClick:()=>this.emitSelectedOptions("applyButton"),styles:" a span { font-size: 16px !important;  } a{ padding: 10px 16px !important; }"},"Apply")))),e("div",{class:"hidden"},e("slot",null)))}get hostElement(){return s(this)}};r.style=':host{display:block;box-sizing:border-box}:host .hidden{display:none}:host .dropdown{position:relative;display:inline-block;font-size:16px;color:var(--color-gray-10)}:host .dropdown .dropdown-toggle{padding:0.5rem;border:1px solid var(--color-gray-05);background-color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:34px;border-radius:4px}:host .dropdown .dropdown-toggle .dropdown-placeholder{display:flex}:host .dropdown .dropdown-toggle .dropdown-placeholder .dropdown-filter-name{padding-left:10px;padding-right:5px;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}:host .dropdown .caret{display:inline-block;vertical-align:middle;margin-left:5px}:host .dropdown .dropdown-menu{position:absolute;top:100%;left:0;left:0;border:1px solid var(--color-gray-03);background-color:var(--color-white);overflow-y:auto;width:100%;border-radius:4px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.25);display:flex;flex-direction:column;margin-top:8px;min-width:278px;overflow:hidden;position:absolute;transition:max-height 0.25s ease-out;z-index:2000;max-height:1000px}:host .dropdown .dropdown-menu .filter-list{padding:24px 24px 16px 24px;margin:0;list-style:none;border-bottom:1px solid var(--color-gray-02)}:host .dropdown .dropdown-menu .filter-btns{display:flex;justify-content:space-between;align-items:center;padding:16px 24px}:host .dropdown .dropdown-menu .filter-btns .clear-btn{cursor:pointer}:host .dropdown .dropdown-menu .filter-btns .clear-btn:hover{text-decoration:underline}:host .dropdown::-webkit-scrollbar{width:5px}:host .dropdown::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3)}:host .dropdown::-webkit-scrollbar-thumb{background-color:var(--color-gray-05);outline:1px solid var(--color-gray-05)}:host .radio-label{margin-bottom:16px;font-size:16px;font-weight:500;cursor:pointer;display:block;font-weight:500;position:relative;user-select:none;line-height:1.5;display:flex;align-items:baseline;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}:host .radio-label input{margin-right:10px}:host .radio-label .checkmark{width:20px;height:20px;background-color:#fff;border:1px solid #1f2024;border-radius:0.4rem;margin-right:8px;position:absolute;left:0;top:0}:host .radio-label .checkmark::after{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="M1.5 4L5.5 8L12.5 1" stroke="white" stroke-width="2"/></svg>\');background-position:50%;background-repeat:no-repeat;background-size:75% 100%;content:"";height:20px;width:20px;position:absolute;left:0;top:0;display:none}';const a=class{constructor(i){t(this,i),this.display="inline-block",this.shareType="twitter",this.shareTitle=void 0,this.text=void 0,this.url=void 0,this.source="",this.recipient="",this.iconColor="white",this.iconHoverColor="gray",this.isHover=!1,this.iconSize="large"}render(){const t=this.getCssClassMap();return e(o,{class:t},e("div",{onClick:()=>this.share(),onMouseEnter:()=>this.hoverToggle(),onMouseLeave:()=>this.hoverToggle()},"mail"==this.shareType?e("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"plm-mail"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"linkedin"==this.shareType?e("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"plm-linkedin"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"twitter"==this.shareType?e("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"plm-twitter"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"facebook"==this.shareType?e("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"plm-fb"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-mail"==this.shareType?e("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"mail-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-linkedin"==this.shareType?e("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"linkedin-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-twitter"==this.shareType?e("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"twitter-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"blog-facebook"==this.shareType?e("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"facebook-blogs-icon"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"share-api"==this.shareType?e("icon-asset",Object.assign({type:"solid",size:this.iconSize,name:"share-square"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null,"download"==this.shareType?e("icon-asset",Object.assign({type:"ptc",size:this.iconSize,name:"download-arrow-news",color:"inherit"},this.isHover?{color:this.iconHoverColor}:{color:this.iconColor})):null),"download"==this.shareType&&e("ptc-modal",{id:"download-modal",show:!1,size:"lg",fixed:!0,"is-bio-modal":!0},e("ptc-title",{type:"h2","text-align":"center","title-weight":"w-5",upperline:"no-upperline"},"Thanks For Downloading")))}getCssClassMap(){return{"ptc-social-share":!0,[this.display]:!0}}hoverToggle(){this.isHover=!this.isHover}share(){if("twitter"!=this.shareType&&"blog-twitter"!=this.shareType||window.open(`https://twitter.com/share?text=${this.text}&url=${this.url}`),"facebook"!=this.shareType&&"blog-facebook"!=this.shareType||window.open(`https://www.facebook.com/sharer/sharer.php?u=${this.url}`),"linkedin"!=this.shareType&&"blog-linkedin"!=this.shareType||window.open(`https://www.linkedin.com/shareArticle?mini=true&url=${this.url}&title=${this.shareTitle}&summary=${this.text}&source=${this.source}`),"mail"!=this.shareType&&"blog-mail"!=this.shareType||window.open(`mailto:${this.recipient}?subject=${this.text}&body=${this.url}`),"share-api"==this.shareType&&(navigator.share?navigator.share({title:this.shareTitle,text:this.text,url:this.url}).then((()=>console.log("Successful share"))).catch((t=>console.log("Error sharing",t))):window.open(`http://twitter.com/share?text=${this.text}&url=${this.url}`)),"download"==this.shareType){let t=this.el.shadowRoot.querySelector("#download-modal");t.setAttribute("show","true"),setTimeout((()=>{t.setAttribute("show","false"),window.open(`${this.url}`,"_self")}),1e3)}}get el(){return s(this)}};a.style=":host(.inline-block){display:inline-block}:host(.block){display:block}:host(.inline){display:inline}:host(.flex){display:flex}:host(.ptc-social-share){cursor:pointer}@media only screen and (min-width: 1200px){:host(.ptc-social-m-left){margin-left:var(--ptc-element-spacing-04)}}";const l=class{constructor(e){t(this,e),this.vCardClicked=i(this,"vCardClicked",7),this.cardTitle=void 0,this.cardDescription=void 0,this.thumbImg=void 0,this.cardNumber=void 0,this.videoId=void 0,this.vtagName=void 0,this.modalType="video-with-description"}showCardDetails(){this.vCardClicked.emit({sender:this,cardNumber:this.cardNumber})}render(){return e(o,{"video-id":this.videoId,"vtag-name":this.vtagName,"modal-type":this.modalType},e("div",{class:"img-wrap",onClick:()=>this.showCardDetails()},e("img",{src:this.thumbImg,alt:""}),e("span",{class:"card-number"},this.cardNumber+1),e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"54",height:"56",viewBox:"0 0 54 56",fill:"none"},e("g",{filter:"url(#filter0_d_214_969)"},e("path",{d:"M42 20L12 36V4L42 20Z",fill:"white"})),e("defs",null,e("filter",{id:"filter0_d_214_969",x:"0",y:"0",width:"54",height:"56",filterUnits:"userSpaceOnUse","color-interpolation-filters":"s-rGB"},e("feFlood",{"flood-opacity":"0",result:"BackgroundImageFix"}),e("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e("feOffset",{dy:"8"}),e("feGaussianBlur",{stdDeviation:"6"}),e("feComposite",{in2:"hardAlpha",operator:"out"}),e("feColorMatrix",{type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0"}),e("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_214_969"}),e("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_214_969",result:"shape"}))))),e("h4",{class:"vcard-title"},this.cardTitle),e("div",{class:"hidden description"},e("slot",null)))}get ele(){return s(this)}};l.style=".sc-ptc-theater-video-h{display:block;max-width:205px;min-width:205px;color:var(--color-white)}.hide.sc-ptc-theater-video-h{display:none}.show.sc-ptc-theater-video-h{display:inline-block}@media only screen and (min-width: 768px){.sc-ptc-theater-video-h{min-width:auto;min-width:205px}}@media only screen and (min-width: 1200px){.sc-ptc-theater-video-h{max-width:260px;min-width:260px}}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video{position:relative;border-radius:12px;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.24);cursor:pointer}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video img.sc-ptc-theater-video{max-width:100%;border-radius:12px}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video svg.sc-ptc-theater-video{fill:#FFF;filter:drop-shadow(0px 8px 12px rgba(0, 0, 0, 0.5));position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video .card-number.sc-ptc-theater-video{position:absolute;left:6px;top:6px;width:32px;height:32px;background-color:var(--color-gray-09);border-radius:50%;border:2px solid var(--color-green-05);text-align:center;color:#FFF;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding-bottom:3px}.sc-ptc-theater-video-h h4.sc-ptc-theater-video{margin:12px 0 0 0;font-size:16px;font-weight:700;color:var(--color-white);word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.sc-ptc-theater-video-h .hidden.sc-ptc-theater-video{display:none}";const h=class{constructor(i){t(this,i),this.cards=[],this.currentCardIndex=0,this.filteredTagName=void 0,this.cardElements=void 0}componentWillLoad(){this.cardElements=this.host.querySelectorAll("ptc-theater-video")}componentDidLoad(){this.setupCards(),this.sortCards("")}handleFilterClick(t){this.filteredTagName=t.detail["selected-tag"],this.sortCards(this.filteredTagName)}handleVCardClickedEvent(t){console.log(t.detail)}sortCards(t){this.cardElements.forEach((i=>{let e;i.getAttribute("vtag-name")&&(e=i.getAttribute("vtag-name").split(",").map((t=>t.trim())));const o=t.trim();""!==o&&"reset"!==o?e.includes(o)?(i.classList.add("show"),i.classList.remove("hide")):(i.classList.add("hide"),i.classList.remove("show")):(i.classList.add("show"),i.classList.remove("hide"))}))}setupCards(){console.log("Setup called"),this.cardElements.forEach(((t,i)=>{this.cards.push(this.setCardData(t,i)),t.addEventListener("click",(()=>{this.showCardDetails(i)}))}))}updateCardData(t){console.log("updateCard called"),this.cards=[],this.cardElements.forEach(((i,e)=>{const o=i.getAttribute("vtag-name").split(",").map((t=>t.trim()));""!==this.filteredTagName&&"reset"!==this.filteredTagName&&void 0!==this.filteredTagName&&o.includes(this.filteredTagName)?(this.cards.push(this.setCardData(i,e)),i.addEventListener("click",(()=>{this.showCardDetails(t)}))):"reset"===this.filteredTagName&&this.cards.push(this.setCardData(i,e))}))}setCardData(t,i){return{title:t.querySelector(".vcard-title").textContent,cardDescription:t.cardDescription,descriptionModal:t.querySelector(".description").innerHTML,videoId:t.getAttribute("video-id"),vtagName:t.getAttribute("vtag-name"),cardNumber:t.getAttribute("card-number"),index:i,modalType:t.getAttribute("modal-type")}}showCardDetails(t){this.currentCardIndex=t;const i=document.querySelector("ptc-theater-video-modal");i&&i.updateData(this.cards,this.currentCardIndex)}render(){return e("div",{class:"card-list"},e("slot",null))}get host(){return s(this)}};h.style=":host{display:block}:host .card-list{display:flex;overflow-x:auto}@media only screen and (min-width: 768px){:host .card-list{flex-wrap:wrap}}";export{r as ptc_filter_dropdown,a as ptc_social_share,l as ptc_theater_video,h as ptc_theater_video_playlist}

package/dist/ptcw-design/p-523f57c3.entry.js

@@ -0,0 +1 @@
+import{r as t,h as o,H as i}from"./p-00a1336a.js";const e=class{constructor(o){t(this,o),this.listType="list-primary",this.linkHref=void 0,this.flushBefore=!1,this.linkTarget="_self",this.hasBeforeHomeIcon=!1,this.color=void 0,this.styles=void 0,this.ariaLabel=""}render(){const t=this.getCssClassMap();return o(i,{class:t},this.styles&&o("style",null,this.styles),o("li",null,this.linkHref?o("a",Object.assign({class:"item-link",target:this.linkTarget},this.linkHref?{href:this.linkHref}:{},""!==this.ariaLabel?{arialLabel:this.ariaLabel}:{}),o("slot",null)):o("slot",null)))}getCssClassMap(){return{[this.listType]:!0,"flush-before":!!this.flushBefore,[this.color]:!!this.color}}};e.style=':host(.list-primary){display:block}:host(.flush-before) li::before{content:"" !important}:host(.breadcrumb){display:inline-block}:host(.breadcrumb) li{position:relative;display:inline-block;color:var(--color-white);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-xxx-small);line-height:var(--ptc-line-height-densest);display:inline;align-items:baseline}:host(.breadcrumb) li::before{content:"/";top:0;left:0;margin-left:2px}@media only screen and (min-width: 480px){:host(.breadcrumb) li{display:flex}}:host(.breadcrumb) li a.item-link{color:var(--color-white);font-weight:var(--ptc-font-weight-bold) !important;font-size:var(--ptc-font-size-xxx-small) !important;line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;text-decoration-thickness:1px;outline:none;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.breadcrumb) li a.item-link:hover{text-decoration:underline;text-decoration-color:var(--color-green-07);outline:none}:host(.list-green){display:block;margin-bottom:16px}:host(.list-green) li a{font-size:var(--ptc-font-size-xx-small);color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:1.5px;text-decoration-color:var(--color-green-04);font-weight:var(--ptc-font-weight-bold);transition:color var(--ptc-transition-medium) var(--ptc-ease-inout);line-height:var(--ptc-line-height-p);text-underline-offset:4px}:host(.list-green) li a:hover{color:var(--color-green-04)}:host(:not(.flush-before)) li::before{margin-right:2px}:host(.list-footer) li{display:inline-block;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-regular);font-style:normal;font-stretch:normal;line-height:var(--ptc-line-height-denser);letter-spacing:normal;color:var(--color-white);margin:0 0.5rem}:host(.list-footer) li a{color:var(--color-white-grey);border-bottom:1px solid transparent;display:inline-block;text-decoration:none}:host(.list-footer) li a:hover,:host(.list-footer) li a:focus,:host(.list-footer) li a:active{text-decoration:none;border-bottom:1px solid var(--color-green-06);color:var(--color-white-grey);transition:border var(--ptc-ease-inout) var(--ptc-transition-medium)}:host(.list-footer) li a:focus{outline:3px solid var(--color-blue-07);outline-offset:2px;border-radius:var(--ptc-border-radius-standard);text-decoration:none;border-color:transparent !important}:host(.white) li{color:var(--color-white)}:host(.white) li a.item-link{color:var(--color-white)}:host(.light-gray) li{color:var(--color-gray-01)}:host(.light-gray) li a.item-link{color:var(--color-gray-01)}:host(.primary-gray) li{color:var(--color-gray-10)}:host(.primary-gray) li a.item-link{color:var(--color-gray-10)}:host(.list-underline) li{color:var(--color-gray-10);list-style:none;text-decoration:underline 1px solid;text-underline-offset:2px;line-height:var(--ptc-line-height-p)}:host(.list-underline) li a{display:inline-block;padding:4px 0}:host(.list-underline) li a.item-link{color:var(--color-gray-10)}:host li .has-before-home-icon{display:block}@media only screen and (min-width: 480px){:host li .has-before-home-icon{display:none}}';export{e as list_item}