@ptcwebops/ptcw-design 3.4.0 → 3.4.2

package/dist/ptcw-design/p-9fdc5250.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as e,H as o,a as s}from"./p-a7fdc2eb.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-acc71f4b.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,H as i,a}from"./p-a7fdc2eb.js";import{s as n}from"./p-40bd4f0a.js";const r=class{constructor(e){t(this,e),this.fontSize="x-small",this.fontWeight="w-4",this.paraStyle="default",this.paraColor="primary-grey",this.paraLineH="line-height-normal",this.paraMargin=void 0,this.paraAlign=void 0,this.ellipsisLineCutoff=void 0,this.paraZIndex=void 0,this.styles=void 0,this.seoCompatibilityMode=!1}render(){return this.seoCompatibilityMode&&n(this.el),this.standardRender()}standardRender(){const t=this.getCssClassMap(),a=this.addWhiteClass(),n=this.getLineCuttoff();return e(i,{class:`${a} ${this.paraZIndex}`},this.styles&&e("style",null,this.styles),e("p",{class:t,part:"part-para",style:n},e("slot",null)))}getCssClassMap(){return{[this.fontSize]:!0,[this.fontWeight]:!0,[this.paraStyle]:!0,[this.paraMargin]:!!this.paraMargin,[this.paraColor]:!0,[this.paraLineH]:!0,[this.paraAlign]:!!this.paraAlign,"ellipsis-boxing":this.ellipsisLineCutoff&&this.ellipsisLineCutoff>0}}addWhiteClass(){if("white"==this.paraColor)return{[this.paraColor]:!0}}getLineCuttoff(){let t;return this.ellipsisLineCutoff&&this.ellipsisLineCutoff>0&&(t={"-webkit-line-clamp":`${this.ellipsisLineCutoff}`}),t}get el(){return a(this)}};r.style=":host{position:relative;z-index:1}:host(.white){color:var(--color-white)}:host(.z-1){z-index:1}:host(.z-2){z-index:2}:host(.z-3){z-index:3}:host(.z-99){z-index:99}:host(.z-999){z-index:999}:host(.z-auto){z-index:auto}p.default{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}p.main{text-shadow:0 3px 6px var(--color-white);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10)}p.primary-grey{color:var(--color-gray-10)}p.gray-darker{color:var(--color-gray-11)}p.white{color:var(--color-white)}p.xxx-small{font-size:var(--ptc-font-size-xxx-small)}p.xx-small{font-size:var(--ptc-font-size-xx-small)}p.x-small{font-size:var(--ptc-font-size-x-small)}p.small{font-size:var(--ptc-font-size-small)}p.medium{font-size:var(--ptc-font-size-medium)}p.large{font-size:var(--ptc-font-size-large)}p.x-large{font-size:var(--ptc-font-size-x-large)}p.xx-large{font-size:var(--ptc-font-size-xx-large)}p.xxx-large{font-size:var(--ptc-font-size-xxx-large)}p.xxxx-large{font-size:var(--ptc-font-size-xxxx-large)}p.htmlquote-para{font-size:var(--ptc-font-size-small)}@media only screen and (min-width: 992px){p.htmlquote-para{font-size:var(--ptc-font-size-large)}}p.w-3{font-weight:var(--ptc-font-weight-thin)}p.w-4{font-weight:var(--ptc-font-weight-regular)}p.w-5{font-weight:var(--ptc-font-weight-medium)}p.w-6{font-weight:var(--ptc-font-weight-semibold)}p.w-7{font-weight:var(--ptc-font-weight-bold)}p.w-8{font-weight:var(--ptc-font-weight-extrabold)}p.w-9{font-weight:var(--ptc-font-weight-black)}p.margin-flush{margin-top:0;margin-bottom:0}p.margin-top-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:0}p.margin-top-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}p.margin-top-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}p.margin-top-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}p.margin-top-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}p.margin-top-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}p.margin-bottom-1{margin-bottom:var(--ptc-element-spacing-01);margin-top:0}p.margin-bottom-2{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}p.margin-bottom-3{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}p.margin-bottom-4{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}p.margin-bottom-5{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}p.margin-bottom-6{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}p.margin-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:var(--ptc-element-spacing-01)}p.margin-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}p.margin-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}p.margin-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}p.margin-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}p.margin-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}p.line-height-densest{line-height:var(--ptc-line-height-densest)}p.line-height-denser{line-height:var(--ptc-line-height-denser)}p.line-height-p{line-height:var(--ptc-line-height-p)}p.line-height-dense{line-height:var(--ptc-line-height-dense)}p.line-height-normal{line-height:var(--ptc-line-height-normal)}p.line-height-loose{line-height:var(--ptc-line-height-loose)}p.line-height-looser{line-height:var(--ptc-line-height-looser)}p.left{text-align:left}p.right{text-align:right}p.center{text-align:center}p.justify{text-align:justify}p.announcement{text-transform:uppercase;font-size:var(--ptc-font-size-small);color:var(--color-gray-07);line-height:var(--ptc-line-height-looser);letter-spacing:var(--ptc-letter-spacing-loose)}p.ellipsis-boxing{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word}";export{r as ptc_para}