@ptcwebops/ptcw-design 1.9.6 → 2.0.0

package/readme.md

@@ -1,6 +1,6 @@
 ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)
 
-# PTC Design 1.9.6
+# PTC Design 2.0.0
 The site is the place for documentation on PTC Design System
 
 ## Building the Site

package/dist/ptcw-design/p-8bf9e0af.entry.js

@@ -1 +0,0 @@
-import{r as t,g as e,h as i,H as s,a}from"./p-63c06667.js";const c=class{constructor(i){t(this,i),this.dotSvg=e("./media/nav-active-dotslick.svg"),this.cardType="sequential",this.cardTitle="Card Title Goes Here",this.cardImgSrc=void 0,this.cardImgAlt=void 0,this.cardScreen="desktop",this.isExpanded=void 0,this.overlayExists=!0}getDesktopCard(){return"desktop"===this.cardScreen&&this.isExpanded?[i("div",{class:"card card-dt-open"},i("ptc-card-content",{"card-type":"card-dynamic"},i("div",{class:"card-title"},i("h3",null,this.cardTitle)),i("div",{class:"card-content"},i("slot",null))),i("ptc-picture",{alt:this.cardImgAlt,src:this.cardImgSrc,"is-full-height":"true","image-alignment":"center"}))]:"desktop"!==this.cardScreen||this.isExpanded?null:[i("div",{class:"card card-dt-closed"},i("ptc-picture",{alt:this.cardImgAlt,src:this.cardImgSrc,"image-position":"relative","is-full-width":!0,height:"424"},i("ptc-overlay",this.overlayExists?{"filter-color":"black-3"}:{"filter-color":"black-2"})),i("div",{class:"closed-content","card-type":"card-dynamic"},i("div",{class:"card-title"},i("h2",null,this.cardTitle))))]}componentDidLoad(){this.el.addEventListener("mouseenter",(()=>this.overlayExists=!1)),this.el.addEventListener("mouseleave",(()=>this.overlayExists=!0))}render(){const t=this.getCssClassMap();return i(s,{class:t},i("div",{class:"card-wrapper"},"mobile"==this.cardScreen?i("div",{class:"card card-mobile"},i("ptc-picture",{alt:this.cardImgAlt,src:this.cardImgSrc}),i("ptc-card-content",{"card-type":"card-dynamic",styles:":host(.card-dynamic){height: 303px;}"},i("div",{class:"card-title"},i("h3",null,this.cardTitle)),i("div",{class:"card-content"},i("slot",null)))):this.getDesktopCard()),"desktop"===this.cardScreen&&i("div",{hidden:!0},i("svg",null,i("use",{href:`${this.dotSvg}`}))))}getCssClassMap(){return{[this.cardType]:!0}}static get assetsDirs(){return["media"]}get el(){return a(this)}};c.style=":host{display:block}:host(.sequential) .card-wrapper{position:relative;cursor:pointer}:host(.sequential) .card{background-color:var(--color-gray-12);overflow:hidden}:host(.sequential) .card-mobile,:host(.sequential) .card-dt-open{display:block;border-top:5px solid var(--color-green-05)}:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{display:flex;flex-basis:38%;justify-content:center;align-items:center;padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-06) var(--ptc-element-spacing-07) var(--ptc-element-spacing-06)}@media only screen and (min-width: 1440px){:host(.sequential) .card-mobile ptc-card-content,:host(.sequential) .card-dt-open ptc-card-content{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}:host(.sequential) .card-mobile ptc-picture,:host(.sequential) .card-dt-open ptc-picture{flex-basis:62%}:host(.sequential) .card-mobile .card-title h3,:host(.sequential) .card-dt-open .card-title h3{color:var(--color-white);font-size:var(--ptc-font-size-large);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:0rem;margin-block-start:0rem;letter-spacing:var(--ptc-letter-spacing-normal)}:host(.sequential) .card-mobile .card-content,:host(.sequential) .card-dt-open .card-content{margin-top:var(--ptc-element-spacing-03)}:host(.sequential) .card-mobile{width:350px;min-width:226px}:host(.sequential) .card-dt-closed{width:135px;height:424px;position:relative}:host(.sequential) .card-dt-closed .closed-content{position:absolute;width:100%;height:100%;top:0;display:flex;align-items:center;justify-content:center}:host(.sequential) .card-dt-closed .card-title{text-align:center}:host(.sequential) .card-dt-closed .card-title h2{color:var(--color-white);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:0rem;margin-block-start:0rem;letter-spacing:var(--ptc-letter-spacing-normal);padding-left:var(--ptc-element-spacing-03);padding-right:var(--ptc-element-spacing-03)}@media only screen and (min-width: 1440px){:host(.sequential) .card-dt-closed .card-title h2{font-size:var(--ptc-font-size-small)}}:host(.sequential) .card-dt-open{display:flex;width:45vw;height:480px;transition:width var(--ptc-transition-x-fast) var(--ptc-ease-out)}";export{c as ptc_dynamic_card}