@ptcwebops/ptcw-design 0.2.4 → 0.2.5

package/dist/ptcw-design/p-cf3d92e0.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,H as r}from"./p-2ca3c085.js";let o=class{constructor(e){t(this,e),this.cardType="custom-card",this.cardHref=void 0,this.target="_self",this.rel=void 0,this.hasImage=!1,this.hasVideo=!1,this.hasLottie=!1}render(){const t=this.cardHref?"a":"div",o=this.getCssClassMap();return e(r,Object.assign({},this.cardType?{class:this.cardType}:{}),this.styles&&e("style",null,this.styles),e("div",{class:"card-border",part:"border-wrapper"},e(t,Object.assign({class:o,part:"card-layout"},this.cardHref?{href:this.cardHref}:{},this.target&&this.cardHref?{target:this.target}:{},this.rel&&this.cardHref?{rel:this.rel}:{}),this.hasImage||this.hasLottie||this.hasVideo?e("div",{class:"card-media",part:"media-wrapper"},this.getMediaSlot?e("slot",{name:this.getMediaSlot()}):null):null,e("div",{class:"card-body",part:"body-wrapper"},e("slot",{name:"slot-before-heading"}),this.heading?[e("h3",{class:"ptc-h3",part:"card-heading"},this.heading),e("slot",{name:"slot-after-heading"})]:null,e("slot",{name:"slot-description"}),this.cardDate?e("ptc-date",{"date-string":`${this.cardDate}`,"date-styles":"span{color:#40434a;font-size:var(--ptc-font-size-medium);margin-top:var(--ptc-element-spacing-05);display:inline-block;}"}):null))))}getCssClassMap(){return{"card-layout":!0,"link-wrapper":!!this.cardType}}getMediaSlot(){return this.hasLottie?"slot-lottie":this.hasVideo?"slot-video":this.hasImage?"slot-image":null}};o.style=':host{display:block}:host(.lottie-card) .card-border{box-shadow:1px 1px 14px 0 rgba(101, 101, 101, 0.35);border:1px solid #c9c9c9;border-radius:10px;position:relative;overflow:hidden}:host(.lottie-card) .card-border::after{content:"";height:40%;width:4px;position:absolute;top:30%;right:-2px;background-color:#74c34d;z-index:2;display:block}:host(.lottie-card) .card-border:hover{box-shadow:1px 1px 35px 0 rgba(101, 101, 101, 0.65)}:host(.lottie-card) .card-border:hover .card-body h3{border-bottom:2px solid var(--color-primary-green)}:host(.lottie-card) .card-layout{display:block}@media only screen and (min-width: 992px){:host(.lottie-card) .card-layout{display:flex;flex-flow:nowrap row;justify-content:center}}:host(.lottie-card) .link-wrapper{outline:none;text-decoration:none}:host(.lottie-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.lottie-card) .card-media{flex-basis:40%;border-right:1px solid #c9c9c9;display:flex}:host(.lottie-card) .card-body{flex-basis:60%;align-self:center;padding:0 30px 10px}:host(.lottie-card) .card-body h3{display:inline-block;line-height:1;color:#40434a;font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-medium);text-transform:uppercase;border-bottom:2px solid transparent;margin-bottom:var(--ptc-element-spacing-02)}:host(.simple-card) .card-layout{display:block}:host(.simple-card) .link-wrapper{outline:none;text-decoration:none}:host(.simple-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.simple-card) .link-wrapper:hover .card-body h3::before{width:100%}:host(.simple-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]){margin-left:15px}:host(.simple-card) .card-body h3{color:#40434a;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-black);line-height:1.86;text-transform:uppercase;position:relative;margin-bottom:var(--ptc-element-spacing-02);display:inline-block}:host(.simple-card) .card-body h3::before{display:block;position:absolute;content:"";width:var(--ptc-element-spacing-06);border-bottom:2px solid var(--color-secondary-turtlegreen);bottom:1px;transition:width var(--ptc-transition-medium) var(--ptc-standard-ease)}:host(.simple-card) ::slotted([slot=slot-after-heading]){margin-left:5px;transition:margin-left var(--ptc-transition-medium) var(--ptc-standard-ease)}:host(.clip-edge-card) .card-border{overflow:hidden;filter:drop-shadow(rgba(0, 0, 0, 0.32) 0px 3px 6px);width:100%}:host(.clip-edge-card) .card-border:hover{filter:drop-shadow(rgba(0, 0, 0, 0.32) 0px 6px 12px)}:host(.clip-edge-card) .card-layout{display:block}:host(.clip-edge-card) .link-wrapper{outline:none;text-decoration:none}:host(.clip-edge-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.clip-edge-card) .card-media{position:relative;width:100%;height:124px;overflow:hidden;border-radius:var(--ptc-border-radius-medium)}:host(.clip-edge-card) .card-body{transform:translateY(calc((-1) * var(--ptc-element-spacing-04)));overflow:hidden;width:calc(95% - var(--ptc-element-spacing-04) - var(--ptc-element-spacing-04));font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);color:#40434a;clip-path:var(--ptc-clip-path-bottom-right);background-color:var(--color-white);border-radius:var(--ptc-border-radius-medium);padding:var(--ptc-element-spacing-05) var(--ptc-element-spacing-04) var(--ptc-element-spacing-03) var(--ptc-element-spacing-04)}:host(.clip-edge-card) .card-body h3{display:inline-block;margin:0px;font-size:var(--ptc-font-size-medium);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-dense);color:var(--color-primary-uigrey);text-decoration:none;border-bottom:2px solid transparent;transition:border-bottom var(--ptc-transition-medium) var(--ptc-standard-ease), margin var(--ptc-transition-medium) var(--ptc-standard-ease);margin:var(--ptc-element-spacing-03) 0 var(--ptc-element-spacing-03) 0}:host(.clip-edge-card) ::slotted([slot=slot-description]){height:0;opacity:0;transition:height var(--ptc-transition-medium) var(--ptc-standard-ease), opacity var(--ptc-transition-medium) var(--ptc-standard-ease)}:host(.clip-edge-card) ::slotted([slot=slot-image]){display:block;width:100%;height:100%;transform:scale(1);transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transform-origin:top center}:host(.clip-edge-card) ::slotted([slot=slot-after-heading]){position:absolute;top:var(--ptc-element-spacing-03);left:var(--ptc-element-spacing-04);opacity:1;transform:scale(1);height:44px;transform-origin:bottom center;transition:opacity var(--ptc-transition-medium) var(--ptc-standard-ease)}:host(.clip-edge-card) ::slotted([slot=slot-before-heading]){display:block;opacity:0;height:24px;transition:all var(--ptc-transition-medium) var(--ptc-standard-ease)}:host(.clip-edge-card) .link-wrapper:hover .card-body h3{border-bottom:2px solid var(--color-secondary-turtlegreen)}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:54px;opacity:1}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-image]){transform:scale(1.1)}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]){opacity:0;transform:scale(0);height:0}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-before-heading]){opacity:1}:host(.hightlight-card) .card-border{box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);width:100%;border-radius:var(--ptc-border-radius-medium);overflow:hidden}:host(.hightlight-card) .card-border:hover .card-media{transform:scale(1.1)}:host(.hightlight-card) .card-layout{display:block;position:relative}:host(.hightlight-card) .link-wrapper{outline:none;text-decoration:none}:host(.hightlight-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-05);opacity:1}:host(.hightlight-card) .card-media{width:100%;height:auto;min-height:450px;position:relative;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.hightlight-card) .card-body{position:absolute;bottom:0;top:auto;left:0;right:auto;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06);background-color:var(--color-white)}:host(.hightlight-card) .card-body h3{font-size:30px;line-height:1.27;font-weight:var(--ptc-font-weight-bold);color:var(--color-primary-uigrey);margin:var(--ptc-element-spacing-04) 0}:host(.hightlight-card) ::slotted([slot=slot-description]){height:0;opacity:0;transition:height var(--ptc-transition-medium) var(--ptc-standard-ease), opacity var(--ptc-transition-fast) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}';export{o as ptc_card}

package/dist/ptcw-design/p-d3f9852f.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,H as i}from"./p-2ca3c085.js";let c=class{constructor(e){t(this,e),this.type="h2",this.textAlign="left",this.upperline="dotted"}render(){const t=this.getCssClassMap();let c;switch(this.type){case"h1":c="h1";break;case"h3":c="h3";break;default:c="h2"}return e(i,null,e("div",{class:t},e(c,null,e("slot",null))))}getCssClassMap(){return{[this.textAlign]:!0,[this.upperline]:!0}}};c.style='div.center.sc-ptc-title{text-align:center}div.center.dotted.sc-ptc-title h1.sc-ptc-title::before,div.center.dotted.sc-ptc-title h2.sc-ptc-title::before,div.center.dotted.sc-ptc-title h3.sc-ptc-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-title{text-align:left}div.left.dotted.sc-ptc-title h1.sc-ptc-title::before,div.left.dotted.sc-ptc-title h2.sc-ptc-title::before,div.left.dotted.sc-ptc-title h3.sc-ptc-title::before{left:0%}div.right.sc-ptc-title{text-align:right}div.right.dotted.sc-ptc-title h1.sc-ptc-title::before,div.right.dotted.sc-ptc-title h2.sc-ptc-title::before,div.right.dotted.sc-ptc-title h3.sc-ptc-title::before{right:0%}div.dotted.sc-ptc-title h1.sc-ptc-title::before,div.dotted.sc-ptc-title h2.sc-ptc-title::before,div.dotted.sc-ptc-title h3.sc-ptc-title::before{content:"";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed #5bb73b}div.solid.sc-ptc-title h1.sc-ptc-title::before,div.solid.sc-ptc-title h2.sc-ptc-title::before,div.solid.sc-ptc-title h3.sc-ptc-title::before{content:"";position:absolute;width:100%;height:0.7px;background-color:var(--color-secondary-grey);opacity:0.9;left:0px}div.solid.sc-ptc-title h1.sc-ptc-title::after,div.solid.sc-ptc-title h2.sc-ptc-title::after,div.solid.sc-ptc-title h3.sc-ptc-title::after{content:"";position:absolute;width:20%;height:2px;background-color:var(--color-primary-green);top:-2px;left:0px}div.sc-ptc-title h1.sc-ptc-title,div.sc-ptc-title h2.sc-ptc-title,div.sc-ptc-title h3.sc-ptc-title{display:inline-block;position:relative}div.sc-ptc-title h1.sc-ptc-title{font-size:46px;line-height:52px;font-weight:800;letter-spacing:0px;color:var(--color-primary-grey)}div.sc-ptc-title h2.sc-ptc-title{font-size:28px;line-height:32px;font-weight:800;color:var(--color-primary-grey)}';export{c as ptc_title}

package/dist/ptcw-design/p-d80b24c9.entry.js

@@ -1 +0,0 @@
-import{r as t,h as i,H as e}from"./p-2ca3c085.js";let s=class{constructor(i){t(this,i),this.spanStyle="tag-style",this.display="inline"}render(){const t=this.getCssClassMap();return i(e,{class:t},this.styles&&i("style",null,this.styles),i("span",{part:"part-ptc-span"},i("slot",null)))}getCssClassMap(){return{[this.spanStyle]:!0,[this.display]:!0}}};s.style=":host(.link-style) span{color:var(--color-primary-uigrey);font-weight:var(--ptc-font-weight-black);position:relative;line-height:var(--ptc-line-height-normal)}:host(.nav-style) span{display:block;color:#cac8c8;font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);text-transform:capitalize;padding-left:var(--ptc-element-spacing-05);font-size:17px;padding-bottom:var(--ptc-element-spacing-03)}:host(.tag-style) span{font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-dense);font-weight:var(--ptc-font-weight-regular);color:#40434a}:host(.inline) span{display:inline}:host(.block) span{display:block}:host(.inline-block) span{display:inline-block}";export{s as ptc_span}

package/dist/ptcw-design/p-e4b96b46.entry.js

@@ -1 +0,0 @@
-import{r as a,h as n,H as r}from"./p-2ca3c085.js";let e=class{constructor(n){a(this,n)}render(){return n(r,null,n("nav",{class:"nav-style"},n("div",{class:"primary-nav",part:"primary-nav-part"},n("slot",{name:"primary-nav-content"})),n("div",{class:"secondary-nav",part:"secondary-nav-part"},n("slot",{name:"secondary-nav-content"})),n("div",{class:"language-nav",part:"language-nav-part"},n("slot",{name:"language-nav-content"}))))}};e.style=':host{display:block}.nav-style{background-color:#1c2126;display:block}@media only screen and (min-width: 992px){.nav-style{display:grid;grid-template-columns:auto fit-content(76px);grid-template-rows:fit-content(22px) 1fr;grid-template-areas:"secondary secondary" "primary language"}.primary-nav{grid-area:primary}.secondary-nav{grid-area:secondary}.language-nav{grid-area:language}}';export{e as ptc_nav}

package/dist/ptcw-design/p-ef6acb81.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as i,H as a,g as n}from"./p-2ca3c085.js";let s=class{constructor(i){t(this,i),this.menuItemToggled=e(this,"menuItemToggled",7),this.url=void 0,this.label="",this.ariaExpanded=!1,this.depth=0,this.hasChildren=!1,this.parentExpanded=!1,this.navType=void 0}expandedHandler(t){Array.prototype.slice.call(this.el.children).forEach((e=>{e.parentExpanded=t})),this.menuItemToggled.emit({expanded:this.ariaExpanded})}handleClick(t){this.hasChildren&&(t.preventDefault(),this.ariaExpanded=!this.ariaExpanded)}handleResize(t){console.log("the body was scrolled",t)}componentWillRender(){this.hasChildren=!!this.el.hasChildNodes();let t,e=this.el.closest("ptc-nav-item");for(this.depth=0;e&&(t=e.parentElement.closest("ptc-nav-item"),t!==e);)e=t,this.depth=this.depth+1}render(){return i(a,{role:"none"},i("a",{role:"menuitem",href:this.url,tabIndex:this.parentExpanded||1===this.depth?0:-1,"aria-depth":this.depth,"aria-haspopup":this.hasChildren.toString(),"aria-expanded":this.hasChildren?this.ariaExpanded.toString():this.ariaExpanded,onClick:t=>this.handleClick(t),class:this.navType},i("span",null,this.label)),this.hasChildren&&i("div",{class:"ptc-nav-children",role:"menu",part:this.navType,"aria-label":this.label},i("slot",null)))}get el(){return n(this)}static get watchers(){return{ariaExpanded:["expandedHandler"]}}};s.style=':host{display:block;width:100%}@media screen and (min-width: 992px){:host{width:auto}}:host([depth="2"]) a{font-family:var(--ptc-font-secondary-latin);font-size:var(--ptc-font-size-medium);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-dense);letter-spacing:var(--ptc-letter-spacing-dense);margin-bottom:var(--ptc-element-spacing-03);padding-left:50px}@media screen and (min-width: 992px){:host([depth="2"]) a{padding-left:0px}}:host([depth="1"]) a{font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-dense);letter-spacing:var(--ptc-letter-spacing-dense);padding:20px 25px}:host([nav-type=secondary-nav]) a{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-thin)}:host([nav-type=language-nav]) a{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-thin)}@media only screen and (min-width: 992px){.primary-nav~.ptc-nav-children{position:absolute;left:0}.primary-nav~.ptc-nav-children ::slotted(.nav-tab){background-color:#1c2126;display:flex;width:100vw}.language-nav~.ptc-nav-children{position:absolute;background-color:#1c2126}}a[aria-expanded=true]~.ptc-nav-children{padding-top:var(--ptc-element-spacing-04);max-height:2000px}@media screen and (min-width: 992px){a[aria-expanded=true]~.ptc-nav-children{padding-top:0}}.ptc-nav-children{overflow:hidden;max-height:0;transition:max-height 0.25s ease-in-out, padding-top 0.25s ease-in-out}a{color:var(--color-white);text-transform:uppercase;display:block;outline:none;text-decoration:none}';export{s as ptc_nav_item}

package/dist/ptcw-design/p-fd29d9dd.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e}from"./p-2ca3c085.js";let a=class{constructor(e){t(this,e),this.fontSize="medium",this.fontWeight="w-4",this.paraStyle="default"}render(){const t=this.getCssClassMap();return e("p",{class:t,part:"part-para"},e("slot",null))}getCssClassMap(){return{[this.fontSize]:!0,[this.fontWeight]:!0,[this.paraStyle]:!0,[this.paraMargin]:!0}}};a.style="p.default{text-shadow:0 3px 6px var(--color-white);line-height:var(--ptc-line-height-dense);color:var(--color-primary-grey)}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.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-3{margin-top:var(--ptc-element-spacing-03)}p.margin-top-4{margin-top:var(--ptc-element-spacing-04)}p.margin-top-5{margin-top:var(--ptc-element-spacing-05)}p.margin-top-6{margin-top:var(--ptc-element-spacing-06)}p.margin-bottom-3{margin-bottom:var(--ptc-element-spacing-03)}p.margin-bottom-4{margin-bottom:var(--ptc-element-spacing-04)}p.margin-bottom-5{margin-bottom:var(--ptc-element-spacing-05)}p.margin-bottom-6{margin-bottom:var(--ptc-element-spacing-06)}p.announcement{text-transform:uppercase;font-size:var(--ptc-font-size-small);color:var(--color-secondary-grey);line-height:var(--ptc-line-height-looser);letter-spacing:1px}";export{a as ptc_para}