@ptcwebops/ptcw-design 5.6.4 → 5.6.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ptc-related-card-rail.cjs.entry.js +2 -1
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/collection/components/ptc-related-card-rail/ptc-related-card-rail.js +20 -1
- package/dist/custom-elements/index.js +3 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ptc-related-card-rail.entry.js +2 -1
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/ptcw-design/p-fae82882.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-related-card-rail/ptc-related-card-rail.d.ts +1 -0
- package/dist/types/components.d.ts +2 -0
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/ptcw-design/p-b35d2ed4.entry.js +0 -1
|
@@ -1891,6 +1891,7 @@ export namespace Components {
|
|
|
1891
1891
|
* Query selector of page footer above which the related card rail will unstick
|
|
1892
1892
|
*/
|
|
1893
1893
|
"footerQuerySelector": string;
|
|
1894
|
+
"railTitle": string;
|
|
1894
1895
|
}
|
|
1895
1896
|
interface PtcResponsiveWrapper {
|
|
1896
1897
|
}
|
|
@@ -5852,6 +5853,7 @@ declare namespace LocalJSX {
|
|
|
5852
5853
|
* Query selector of page footer above which the related card rail will unstick
|
|
5853
5854
|
*/
|
|
5854
5855
|
"footerQuerySelector"?: string;
|
|
5856
|
+
"railTitle"?: string;
|
|
5855
5857
|
}
|
|
5856
5858
|
interface PtcResponsiveWrapper {
|
|
5857
5859
|
}
|
package/package.json
CHANGED
package/readme.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
|
|
3
|
-
# PTC Design 5.6.
|
|
3
|
+
# PTC Design 5.6.5
|
|
4
4
|
|
|
5
5
|
The site is the place for documentation on PTC Design System
|
|
6
6
|
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as n,H as i,g as e}from"./p-ac75c7ad.js";const a=class{constructor(n){t(this,n),this.setScreenBasedProps=()=>{let t=window.innerWidth,n={contentContainerMargin:void 0,contentCards:void 0,parahFontSize:void 0};t>=2600||t>=1980?(n.contentCards=3,n.parahFontSize="xx-small"):t>=1440||t>=1200||t>=992?(n.contentCards=2,n.parahFontSize="xx-small"):t>=768?(n.contentCards=2,n.parahFontSize="xxx-small"):(n.contentCards=1,n.parahFontSize="xxx-small"),this.screenBasedProps=Object.assign({},n)},this.handlePrevClick=()=>{var t,n;let i=null===(t=this.el)||void 0===t?void 0:t.shadowRoot.querySelector(".content-container"),e=window.getComputedStyle(i).marginLeft,a=Number(e.substring(0,e.length-2)),o=null===(n=this.el)||void 0===n?void 0:n.shadowRoot.querySelectorAll(".content");this.cardInView>0&&(this.cardInView-=1,i.scrollTo({left:o[this.cardInView].offsetLeft-a,behavior:"smooth"}))},this.handleNextClick=()=>{var t,n;let i=null===(t=this.el)||void 0===t?void 0:t.shadowRoot.querySelector(".content-container"),e=window.getComputedStyle(i).marginLeft,a=Number(e.substring(0,e.length-2)),o=null===(n=this.el)||void 0===n?void 0:n.shadowRoot.querySelectorAll(".content");this.cardInView<o.length-this.screenBasedProps.contentCards&&(this.cardInView+=1,i.scrollTo({left:o[this.cardInView].offsetLeft-a,behavior:"smooth"}))},this.handleOnScrollBehaviour=()=>{if(!this.closed){let t=window.innerHeight||(document.documentElement||document.body).clientHeight,n=Math.max(document.body.scrollHeight,document.documentElement.scrollHeight,document.body.offsetHeight,document.documentElement.offsetHeight,document.body.clientHeight,document.documentElement.clientHeight),i=window.scrollY||(document.documentElement||document.body).scrollTop,e=Math.floor(i/(n-t)*100);this.el.style.display=e>=50?"block":"none";let a=this.el.shadowRoot.querySelector(".card-rail-container"),o=document.querySelector(this.footerQuerySelector);if(o){let t=o.getBoundingClientRect().top,n=window.innerHeight;t<=n&&(a.style.bottom=n-t+132+"px")}}},this.handleOnResizeBehaviour=()=>{var t,n;this.setScreenBasedProps();let i=null===(t=this.el)||void 0===t?void 0:t.shadowRoot.querySelector(".content-container"),e=window.getComputedStyle(i).marginLeft,a=Number(e.substring(0,e.length-2)),o=null===(n=this.el)||void 0===n?void 0:n.shadowRoot.querySelectorAll(".content");i.scrollTo({left:o[0].offsetLeft-a}),this.cardInView=0},this.footerQuerySelector=void 0,this.closed=!1,this.cardInView=0,this.data=[],this.screenBasedProps={contentContainerMargin:void 0,contentCards:void 0,parahFontSize:void 0}}componentWillLoad(){const t=this.el.querySelectorAll('[slot^="related-card-"]');for(let n in t){let i=t[n];if("DIV"===i.tagName){let t={image:void 0,text:void 0,href:void 0,altText:void 0},n=i.querySelector("img"),e=i.querySelector("a");t.image=n.getAttribute("src"),t.altText=n.getAttribute("alt"),t.text=e.innerText,t.href=e.getAttribute("href"),this.data.push(t),i.remove()}}this.handleOnScrollBehaviour()}componentDidLoad(){this.setScreenBasedProps(),window.addEventListener("scroll",this.handleOnScrollBehaviour),window.addEventListener("resize",this.handleOnResizeBehaviour)}render(){return this.closed?null:n(i,null,n("div",{class:"card-rail-container"},n("div",{class:"card-rail-header"},n("div",{class:"card-rail-heading"},n("ptc-para",{"ellipsis-line-cutoff":"0","font-size":"x-small","font-weight":"w-7","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-normal","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},"Read More Case Studies")),n("div",{class:"card-rail-close",onClick:()=>{this.closed=!0}},n("icon-asset",{type:"ptc",size:"xx-small",name:"times",color:"gray"}))),n("div",{class:"card-rail-content"},n("icon-asset",{id:"left-arrow",type:"ptc",size:"small",name:"previous_button_arrow",color:"gray",onClick:this.handlePrevClick}),n("icon-asset",{id:"right-arrow",type:"ptc",size:"small",name:"next_button_arrow",color:"gray",onClick:this.handleNextClick}),n("div",{class:"content-container"},this.data.map((t=>n("div",{class:"content",onClick:()=>{window.open(t.href)}},n("div",{class:"content-image"},n("img",{alt:t.altText,src:t.image})),n("div",{class:"content-text"},n("ptc-para",{"ellipsis-line-cutoff":"3","font-size":this.screenBasedProps.parahFontSize,"font-weight":"w-6","para-align":"left","para-color":"primary-grey","para-line-h":"line-height-p","para-margin":"margin-flush","para-style":"","para-z-index":"z-1",styles:""},t.text)))))))))}get el(){return e(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}}:host{display:block;}:host .card-rail-container{position:fixed;bottom:132px;left:24px;width:calc(100vw - 48px);background:white;border-radius:var(--ptc-border-radius-standard);box-shadow:var(--ptc-shadow-small);box-sizing:border-box;z-index:50}:host .card-rail-header{display:flex;justify-content:space-between;border-bottom:var(--color-gray-02) solid 1px}:host .card-rail-heading{margin:12px 0 12px 16px}:host .card-rail-close{padding:15px;cursor:pointer}:host .card-rail-content{display:flex;align-items:center}:host .card-rail-content icon-asset{position:absolute;z-index:55px;padding:13px;}:host .card-rail-content icon-asset#left-arrow{left:3px;cursor:pointer}:host .card-rail-content icon-asset#right-arrow{right:3px;cursor:pointer}:host .card-rail-content .content-container{margin:24px 50px 24px 50px;display:flex;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;}:host .card-rail-content .content-container::-webkit-scrollbar{display:none}:host .card-rail-content .content-container .content{width:100%;flex:1 0 100%;display:flex}:host .card-rail-content .content-container .content:hover{cursor:pointer}:host .card-rail-content .content-container .content .content-image{width:130px;height:73px;text-align:center}:host .card-rail-content .content-container .content .content-image img{width:100%;height:100%;object-fit:cover}:host .card-rail-content .content-container .content .content-text{flex:1;padding-left:12px}@media only screen and (min-width: 768px){:host .card-rail-container .card-rail-content icon-asset#left-arrow{left:11px}:host .card-rail-container .card-rail-content icon-asset#right-arrow{right:11px}:host .card-rail-container .card-rail-content .content-container{margin:24px 66px 24px 66px;}:host .card-rail-container .card-rail-content .content-container .content{flex:1 0 50%}:host .card-rail-container .card-rail-content .content-container .content .content-text{padding-right:16px}}@media only screen and (min-width: 992px){:host .card-rail-container .card-rail-content icon-asset#left-arrow{left:19px;}:host .card-rail-container .card-rail-content icon-asset#right-arrow{right:19px}:host .card-rail-container .card-rail-content .content-container{margin:24px 82px 24px 82px;}}@media only screen and (min-width: 1200px){:host .card-rail-container{left:134px;width:calc(100vw - 268px)}}@media only screen and (min-width: 1440px){:host .card-rail-container{left:32px;width:932px}}@media only screen and (min-width: 1600px){:host .card-rail-container{left:32px;width:1328px}:host .card-rail-container .card-rail-content .content-container .content{flex:1 0 33.33%}}";export{a as ptc_related_card_rail}
|