@ptcwebops/ptcw-design 1.6.6 → 1.6.9

package/dist/types/components/ptc-case-studies-slider/ptc-case-studies-slider.d.ts

@@ -0,0 +1,14 @@
+import { Swiper } from 'swiper';
+export declare class PtcCaseStudiesSlider {
+  hostElement: HTMLElement;
+  caseStudiesThumbs: Swiper;
+  caseStudiesSlides: Swiper;
+  caeStudiesThumbRef?: HTMLDivElement;
+  caseStudiesSlidesRef?: HTMLDivElement;
+  paginationRef?: HTMLDivElement;
+  componentDidLoad(): void;
+  private initSlider;
+  private slideChangeHandler;
+  private renderSlides;
+  render(): any;
+}

package/dist/types/components/ptc-image-download-strip/ptc-image-download-strip.d.ts

@@ -0,0 +1,9 @@
+export declare class PtcImageDownloadStrip {
+  el: HTMLElement;
+  /**
+  * News download url
+  */
+  downloadUrl?: string;
+  render(): any;
+  openModal(): void;
+}

package/dist/types/components/ptc-news/ptc-news.d.ts

@@ -0,0 +1,35 @@
+export declare class PtcNews {
+  /**
+   * News tag
+   */
+  newsTag?: string;
+  /**
+   * News Title
+   */
+  newsTitle: string;
+  /**
+   * News Secondary Title
+   */
+  newsSecondaryTitle?: string;
+  /**
+   * News Date
+   */
+  newsDate?: string;
+  /**
+  * News summary
+  */
+  newsSummary?: string;
+  /**
+  * News Image
+  */
+  newsImage?: string;
+  /**
+ * News Image
+ */
+  newsImageAlt?: string;
+  /**
+* News download url
+*/
+  newsDownloadUrl?: string;
+  render(): any;
+}

package/dist/types/components/ptc-product-list/ptc-product-list.d.ts

@@ -11,6 +11,7 @@ export declare class PtcProductList {
   sortMultipleCards(searchItems: string[]): void;
   sortCards(searchItem: any): void;
   componentDidLoad(): void;
+  hideAllCards(selectedCard: any): void;
   handleClick(event: MouseEvent): void;
   addIds(): void;
   render(): any;

package/dist/types/components/ptc-product-sidebar/ptc-product-sidebar.d.ts

@@ -26,5 +26,6 @@ export declare class PtcProductSidebar {
   handleDropdownTouched(event: CustomEvent): void;
   handleClick(): void;
   handleclearCtaClicked(event: CustomEvent): void;
+  handleSelectedValues(event: CustomEvent): void;
   render(): any;
 }

package/dist/types/components/ptc-social-share/ptc-social-share.d.ts

@@ -1,7 +1,7 @@
 export declare class PtcSocialShare {
   el: HTMLElement;
   display?: 'inline-block' | 'block' | 'inline' | 'flex';
-  shareType?: 'mail' | 'twitter' | 'linkedin' | 'facebook' | 'share-api' | 'blog-mail' | 'blog-twitter' | 'blog-linkedin' | 'blog-facebook';
+  shareType?: 'mail' | 'twitter' | 'linkedin' | 'facebook' | 'share-api' | 'download' | 'blog-mail' | 'blog-twitter' | 'blog-linkedin' | 'blog-facebook';
   shareTitle: string;
   text: string;
   url: string;
@@ -26,6 +26,10 @@ export declare class PtcSocialShare {
    * is hover or not
    */
   isHover: boolean;
+  /**
+  * Icon Size
+  */
+  iconSize?: 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large';
   render(): any;
   private getCssClassMap;
   private hoverToggle;

package/dist/types/components.d.ts

@@ -286,13 +286,17 @@ export namespace Components {
          */
         "styles"?: string;
         /**
-          * (optional) tab-nav.  indicates that its element can be focused, and where it participates in sequential keyboard navigation. A negative value (usually tabindex="-1") means that the element is not reachable via sequential keyboard navigation
+          * (optional) tab-nav. indicates that its element can be focused, and where it participates in sequential keyboard navigation. A negative value (usually tabindex="-1") means that the element is not reachable via sequential keyboard navigation
          */
         "tabNav": number;
         /**
           * Link target
          */
         "target"?: string;
+        /**
+          * Text Align
+         */
+        "textAlign"?: 'left' | 'right' | 'center';
         /**
           * Button type
          */
@@ -424,6 +428,8 @@ export namespace Components {
          */
         "linkTitle"?: string;
     }
+    interface PtcCaseStudiesSlider {
+    }
     interface PtcCheckbox {
         "checked": 'checked' | 'unchecked';
         "disabled": boolean;
@@ -570,6 +576,12 @@ export namespace Components {
         "heading": string;
         "opened": boolean;
     }
+    interface PtcImageDownloadStrip {
+        /**
+          * News download url
+         */
+        "downloadUrl"?: string;
+    }
     interface PtcImg {
         /**
           * Image border shape
@@ -859,6 +871,40 @@ export namespace Components {
          */
         "label": string;
     }
+    interface PtcNews {
+        /**
+          * News Date
+         */
+        "newsDate"?: string;
+        /**
+          * News download url
+         */
+        "newsDownloadUrl"?: string;
+        /**
+          * News Image
+         */
+        "newsImage"?: string;
+        /**
+          * News Image
+         */
+        "newsImageAlt"?: string;
+        /**
+          * News Secondary Title
+         */
+        "newsSecondaryTitle"?: string;
+        /**
+          * News summary
+         */
+        "newsSummary"?: string;
+        /**
+          * News tag
+         */
+        "newsTag"?: string;
+        /**
+          * News Title
+         */
+        "newsTitle": string;
+    }
     interface PtcOverlay {
         /**
           * Overlay border shape
@@ -1272,17 +1318,21 @@ export namespace Components {
         /**
           * Icon asset color
          */
-        "iconColor"?: 'black' | 'white' | 'ptc-green' | 'gray' | 'primary-gray' |'inherit';
+        "iconColor"?: 'black' | 'white' | 'ptc-green' | 'gray' | 'primary-gray' | 'inherit';
         /**
           * Icon asset hover color
          */
         "iconHoverColor"?: 'black' | 'white' | 'ptc-green' | 'gray' | 'primary-gray' | 'inherit';
+        /**
+          * Icon Size
+         */
+        "iconSize"?: 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large';
         /**
           * Email recipient. If you want to use mail share, you need to use this property
          */
         "recipient"?: string;
         "shareTitle": string;
-        "shareType"?: 'mail' | 'twitter' | 'linkedin' | 'facebook' | 'share-api' | 'blog-mail' | 'blog-twitter' | 'blog-linkedin' | 'blog-facebook';
+        "shareType"?: 'mail' | 'twitter' | 'linkedin' | 'facebook' | 'share-api' | 'download' | 'blog-mail' | 'blog-twitter' | 'blog-linkedin' | 'blog-facebook';
         /**
           * Optional - source for linkedin
          */
@@ -1772,6 +1822,12 @@ declare global {
         prototype: HTMLPtcCardWrapperElement;
         new (): HTMLPtcCardWrapperElement;
     };
+    interface HTMLPtcCaseStudiesSliderElement extends Components.PtcCaseStudiesSlider, HTMLStencilElement {
+    }
+    var HTMLPtcCaseStudiesSliderElement: {
+        prototype: HTMLPtcCaseStudiesSliderElement;
+        new (): HTMLPtcCaseStudiesSliderElement;
+    };
     interface HTMLPtcCheckboxElement extends Components.PtcCheckbox, HTMLStencilElement {
     }
     var HTMLPtcCheckboxElement: {
@@ -1844,6 +1900,12 @@ declare global {
         prototype: HTMLPtcIconMinimizeElement;
         new (): HTMLPtcIconMinimizeElement;
     };
+    interface HTMLPtcImageDownloadStripElement extends Components.PtcImageDownloadStrip, HTMLStencilElement {
+    }
+    var HTMLPtcImageDownloadStripElement: {
+        prototype: HTMLPtcImageDownloadStripElement;
+        new (): HTMLPtcImageDownloadStripElement;
+    };
     interface HTMLPtcImgElement extends Components.PtcImg, HTMLStencilElement {
     }
     var HTMLPtcImgElement: {
@@ -1928,6 +1990,12 @@ declare global {
         prototype: HTMLPtcNavSubmenuElement;
         new (): HTMLPtcNavSubmenuElement;
     };
+    interface HTMLPtcNewsElement extends Components.PtcNews, HTMLStencilElement {
+    }
+    var HTMLPtcNewsElement: {
+        prototype: HTMLPtcNewsElement;
+        new (): HTMLPtcNewsElement;
+    };
     interface HTMLPtcOverlayElement extends Components.PtcOverlay, HTMLStencilElement {
     }
     var HTMLPtcOverlayElement: {
@@ -2196,6 +2264,7 @@ declare global {
         "ptc-card-bottom": HTMLPtcCardBottomElement;
         "ptc-card-content": HTMLPtcCardContentElement;
         "ptc-card-wrapper": HTMLPtcCardWrapperElement;
+        "ptc-case-studies-slider": HTMLPtcCaseStudiesSliderElement;
         "ptc-checkbox": HTMLPtcCheckboxElement;
         "ptc-collapse-list": HTMLPtcCollapseListElement;
         "ptc-container": HTMLPtcContainerElement;
@@ -2208,6 +2277,7 @@ declare global {
         "ptc-hero-footer-cta": HTMLPtcHeroFooterCtaElement;
         "ptc-icon-list": HTMLPtcIconListElement;
         "ptc-icon-minimize": HTMLPtcIconMinimizeElement;
+        "ptc-image-download-strip": HTMLPtcImageDownloadStripElement;
         "ptc-img": HTMLPtcImgElement;
         "ptc-jumbotron": HTMLPtcJumbotronElement;
         "ptc-link": HTMLPtcLinkElement;
@@ -2222,6 +2292,7 @@ declare global {
         "ptc-nav-link": HTMLPtcNavLinkElement;
         "ptc-nav-slider": HTMLPtcNavSliderElement;
         "ptc-nav-submenu": HTMLPtcNavSubmenuElement;
+        "ptc-news": HTMLPtcNewsElement;
         "ptc-overlay": HTMLPtcOverlayElement;
         "ptc-pagenation": HTMLPtcPagenationElement;
         "ptc-para": HTMLPtcParaElement;
@@ -2558,13 +2629,17 @@ declare namespace LocalJSX {
          */
         "styles"?: string;
         /**
-          * (optional) tab-nav.  indicates that its element can be focused, and where it participates in sequential keyboard navigation. A negative value (usually tabindex="-1") means that the element is not reachable via sequential keyboard navigation
+          * (optional) tab-nav. indicates that its element can be focused, and where it participates in sequential keyboard navigation. A negative value (usually tabindex="-1") means that the element is not reachable via sequential keyboard navigation
          */
         "tabNav"?: number;
         /**
           * Link target
          */
         "target"?: string;
+        /**
+          * Text Align
+         */
+        "textAlign"?: 'left' | 'right' | 'center';
         /**
           * Button type
          */
@@ -2700,6 +2775,8 @@ declare namespace LocalJSX {
         "onHoverEvent"?: (event: PtcCardWrapperCustomEvent<void>) => void;
         "onLeaveEvent"?: (event: PtcCardWrapperCustomEvent<void>) => void;
     }
+    interface PtcCaseStudiesSlider {
+    }
     interface PtcCheckbox {
         "checked"?: 'checked' | 'unchecked';
         "disabled"?: boolean;
@@ -2854,6 +2931,12 @@ declare namespace LocalJSX {
         "heading"?: string;
         "opened"?: boolean;
     }
+    interface PtcImageDownloadStrip {
+        /**
+          * News download url
+         */
+        "downloadUrl"?: string;
+    }
     interface PtcImg {
         /**
           * Image border shape
@@ -3155,6 +3238,40 @@ declare namespace LocalJSX {
          */
         "onDropdownClickEvent"?: (event: PtcNavSubmenuCustomEvent<any>) => void;
     }
+    interface PtcNews {
+        /**
+          * News Date
+         */
+        "newsDate"?: string;
+        /**
+          * News download url
+         */
+        "newsDownloadUrl"?: string;
+        /**
+          * News Image
+         */
+        "newsImage"?: string;
+        /**
+          * News Image
+         */
+        "newsImageAlt"?: string;
+        /**
+          * News Secondary Title
+         */
+        "newsSecondaryTitle"?: string;
+        /**
+          * News summary
+         */
+        "newsSummary"?: string;
+        /**
+          * News tag
+         */
+        "newsTag"?: string;
+        /**
+          * News Title
+         */
+        "newsTitle"?: string;
+    }
     interface PtcOverlay {
         /**
           * Overlay border shape
@@ -3578,17 +3695,21 @@ declare namespace LocalJSX {
         /**
           * Icon asset color
          */
-        "iconColor"?: 'black' | 'white' | 'ptc-green' | 'gray' | 'primary-gray' |'inherit';
+        "iconColor"?: 'black' | 'white' | 'ptc-green' | 'gray' | 'primary-gray' | 'inherit';
         /**
           * Icon asset hover color
          */
         "iconHoverColor"?: 'black' | 'white' | 'ptc-green' | 'gray' | 'primary-gray' | 'inherit';
+        /**
+          * Icon Size
+         */
+        "iconSize"?: 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large';
         /**
           * Email recipient. If you want to use mail share, you need to use this property
          */
         "recipient"?: string;
         "shareTitle"?: string;
-        "shareType"?: 'mail' | 'twitter' | 'linkedin' | 'facebook' | 'share-api' | 'blog-mail' | 'blog-twitter' | 'blog-linkedin' | 'blog-facebook';
+        "shareType"?: 'mail' | 'twitter' | 'linkedin' | 'facebook' | 'share-api' | 'download' | 'blog-mail' | 'blog-twitter' | 'blog-linkedin' | 'blog-facebook';
         /**
           * Optional - source for linkedin
          */
@@ -3887,6 +4008,7 @@ declare namespace LocalJSX {
         "ptc-card-bottom": PtcCardBottom;
         "ptc-card-content": PtcCardContent;
         "ptc-card-wrapper": PtcCardWrapper;
+        "ptc-case-studies-slider": PtcCaseStudiesSlider;
         "ptc-checkbox": PtcCheckbox;
         "ptc-collapse-list": PtcCollapseList;
         "ptc-container": PtcContainer;
@@ -3899,6 +4021,7 @@ declare namespace LocalJSX {
         "ptc-hero-footer-cta": PtcHeroFooterCta;
         "ptc-icon-list": PtcIconList;
         "ptc-icon-minimize": PtcIconMinimize;
+        "ptc-image-download-strip": PtcImageDownloadStrip;
         "ptc-img": PtcImg;
         "ptc-jumbotron": PtcJumbotron;
         "ptc-link": PtcLink;
@@ -3913,6 +4036,7 @@ declare namespace LocalJSX {
         "ptc-nav-link": PtcNavLink;
         "ptc-nav-slider": PtcNavSlider;
         "ptc-nav-submenu": PtcNavSubmenu;
+        "ptc-news": PtcNews;
         "ptc-overlay": PtcOverlay;
         "ptc-pagenation": PtcPagenation;
         "ptc-para": PtcPara;
@@ -3981,6 +4105,7 @@ declare module "@stencil/core" {
             "ptc-card-bottom": LocalJSX.PtcCardBottom & JSXBase.HTMLAttributes<HTMLPtcCardBottomElement>;
             "ptc-card-content": LocalJSX.PtcCardContent & JSXBase.HTMLAttributes<HTMLPtcCardContentElement>;
             "ptc-card-wrapper": LocalJSX.PtcCardWrapper & JSXBase.HTMLAttributes<HTMLPtcCardWrapperElement>;
+            "ptc-case-studies-slider": LocalJSX.PtcCaseStudiesSlider & JSXBase.HTMLAttributes<HTMLPtcCaseStudiesSliderElement>;
             "ptc-checkbox": LocalJSX.PtcCheckbox & JSXBase.HTMLAttributes<HTMLPtcCheckboxElement>;
             "ptc-collapse-list": LocalJSX.PtcCollapseList & JSXBase.HTMLAttributes<HTMLPtcCollapseListElement>;
             "ptc-container": LocalJSX.PtcContainer & JSXBase.HTMLAttributes<HTMLPtcContainerElement>;
@@ -3993,6 +4118,7 @@ declare module "@stencil/core" {
             "ptc-hero-footer-cta": LocalJSX.PtcHeroFooterCta & JSXBase.HTMLAttributes<HTMLPtcHeroFooterCtaElement>;
             "ptc-icon-list": LocalJSX.PtcIconList & JSXBase.HTMLAttributes<HTMLPtcIconListElement>;
             "ptc-icon-minimize": LocalJSX.PtcIconMinimize & JSXBase.HTMLAttributes<HTMLPtcIconMinimizeElement>;
+            "ptc-image-download-strip": LocalJSX.PtcImageDownloadStrip & JSXBase.HTMLAttributes<HTMLPtcImageDownloadStripElement>;
             "ptc-img": LocalJSX.PtcImg & JSXBase.HTMLAttributes<HTMLPtcImgElement>;
             "ptc-jumbotron": LocalJSX.PtcJumbotron & JSXBase.HTMLAttributes<HTMLPtcJumbotronElement>;
             "ptc-link": LocalJSX.PtcLink & JSXBase.HTMLAttributes<HTMLPtcLinkElement>;
@@ -4007,6 +4133,7 @@ declare module "@stencil/core" {
             "ptc-nav-link": LocalJSX.PtcNavLink & JSXBase.HTMLAttributes<HTMLPtcNavLinkElement>;
             "ptc-nav-slider": LocalJSX.PtcNavSlider & JSXBase.HTMLAttributes<HTMLPtcNavSliderElement>;
             "ptc-nav-submenu": LocalJSX.PtcNavSubmenu & JSXBase.HTMLAttributes<HTMLPtcNavSubmenuElement>;
+            "ptc-news": LocalJSX.PtcNews & JSXBase.HTMLAttributes<HTMLPtcNewsElement>;
             "ptc-overlay": LocalJSX.PtcOverlay & JSXBase.HTMLAttributes<HTMLPtcOverlayElement>;
             "ptc-pagenation": LocalJSX.PtcPagenation & JSXBase.HTMLAttributes<HTMLPtcPagenationElement>;
             "ptc-para": LocalJSX.PtcPara & JSXBase.HTMLAttributes<HTMLPtcParaElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ptcwebops/ptcw-design",
-  "version": "1.6.6",
+  "version": "1.6.9",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "./dist/index.js",

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.6.6
+# PTC Design 1.6.9
 The site is the place for documentation on PTC Design System
 
 ## Building the Site

package/dist/ptcw-design/p-28ade7e9.entry.js

@@ -1 +0,0 @@
-import{r as t,h as a,H as i,a as e}from"./p-63c06667.js";const n=class{constructor(a){t(this,a),this.jumbotronType="light",this.hasPopupVideo=!1,this.mainTitle="Lorem Ipsum Dolor Sit Amet Consectetur",this.subTitle="Lorem Ipsum Dolor Sit Amet Consectetur Adipiscing Lorem Ipsum Dolor Sit Amet Consectetur Adipisci Lorem Ipsum Dolor Sit Amet",this.pngSrc=void 0,this.gifSrc=void 0,this.bgVideoSrc=void 0,this.bgSrc=void 0,this.isIframe=!1,this.playButtonTitle=void 0,this.pauseButtonTitle=void 0,this.contentBackground=void 0,this.contentColor=void 0,this.textAlign="left",this.isMobile=void 0}handleResize(){this.getContentBackground(),this.adjustJumbotronHeight()}connectedCallback(){this.getContentBackground()}componentDidLoad(){this.adjustJumbotronHeight()}render(){console.log("render");const t=this.getCssClassMap();let e;switch(this.jumbotronType){case"png":e=a("div",{class:"mobile-media-image"},a("ptc-picture",{src:this.pngSrc}));break;case"gif":e=a("div",{class:"mobile-media-image gif-bg"},a("img",{src:this.gifSrc}));break;case"dark-video":case"light-video":e=a("ptc-background-video",{class:"video-ratio",overlay:!1,"video-src":this.bgVideoSrc,isIframe:this.isIframe,"play-button-title":this.playButtonTitle,"pause-button-title":this.pauseButtonTitle});break;default:e=a("ptc-img",{"img-url":this.bgSrc,styles:".smart-bg{background-position:right !important;}"})}return a(i,{class:t},a("div",{class:"parent"},a("div",{class:"div1 image-container "+("text"===this.jumbotronType?"hidden":"")},e),a("div",{class:"div2 content-container"},a("div",{class:"bg-overlay",style:{background:this.contentBackground}}),a("div",{class:"ptc-container content-layout"},a("max-width-container",{"max-width":"578",breakpoint:992,"content-align":"text"===this.jumbotronType?"center":this.textAlign,styles:":host{z-index: 999}"},a("slot",{name:"breadcrumb"}),a("ptc-spacer",{breakpoint:"small",size:"small"}),a("ptc-spacer",{breakpoint:"x-small",size:"medium"}),a("slot",{name:"main-title"}),a("ptc-spacer",{breakpoint:"small",size:"small"}),a("ptc-spacer",{breakpoint:"x-small",size:"medium"}),a("ptc-para",{"font-size":"text"===this.jumbotronType&&this.isMobile?"x-small":"small","font-weight":"w-4","para-margin":"margin-bottom-6","para-color":"white","para-line-h":"line-height-p","para-align":"text"===this.jumbotronType?"center":"left"},a("ptc-tooltip",{"text-lines":"8",description:this.subTitle,position:"right",styles:`.ellipsis-by-line-boxing{color: ${this.contentColor};}`})),a("div",{class:"u-flex u-flex-wrap gap-adjustment"+("text"===this.jumbotronType?" text-adjustment":"")},a("slot",{name:"j-cta"}))),this.hasPopupVideo?a("slot",{name:"video"}):null,"png"===this.jumbotronType?a("div",{class:"desktop-media-image"},a("ptc-picture",{"is-full-width":!0,src:this.pngSrc})):null,"gif"===this.jumbotronType?a("div",{class:"desktop-media-image desk-gif-adjustment"},a("img",{src:this.gifSrc})):null))))}getCssClassMap(){return{}}getContentBackground(){if(window.innerWidth<992){switch(this.jumbotronType){case"light":case"light-video":this.contentBackground="var(--color-white)",this.contentColor="var(--color-gray-10)";break;case"dark":case"dark-video":this.contentBackground="var(--color-gray-09)",this.contentColor="var(--color-gray-01)";break;default:this.contentBackground="transparent",this.contentColor="var(--color-gray-10)"}this.isMobile=!0}else{switch(this.jumbotronType){case"light":case"light-video":this.contentBackground="linear-gradient(90.19deg, rgba(255, 255, 255, 0.9) 62.55%, rgba(228, 231, 233, 0) 99.86%)",this.contentColor="var(--color-gray-10)";break;case"dark":case"dark-video":this.contentBackground="linear-gradient(90deg, rgba(0, 0, 0, 0.63) 52.42%, rgba(40, 47, 53, 0) 100%)",this.contentColor="var(--color-gray-01)";break;case"gif":this.contentBackground="#F3F3F3",this.contentColor="var(--color-gray-10)";break;default:this.contentBackground="transparent",this.contentColor="var(--color-gray-10)"}this.isMobile=!1}}adjustJumbotronHeight(){const t=this.el.shadowRoot.querySelector(".content-container").clientHeight,a=this.el.shadowRoot.querySelector(".video-ratio")?this.el.shadowRoot.querySelector(".video-ratio"):null;t<500&&a&&!this.isMobile?a.style.paddingBottom="500px":a&&(a.style.paddingBottom="")}get el(){return e(this)}};n.style=".ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){.ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){.ptc-container{padding-left:0;padding-right:0;max-width:1200px}}.ptc-container-lg{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 480px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-03);padding-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 768px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-04);padding-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 992px){.ptc-container-lg{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 1980px){.ptc-container-lg{padding-left:0;padding-right:0;max-width:1900px}}.ptc-container-fluid{width:100%}.u-para-sm{font-size:var(--ptc-font-size-small) !important}.u-para-md{font-size:var(--ptc-font-size-medium) !important}.u-para-lg{font-size:var(--ptc-font-size-large) !important}.u-para-xl{font-size:var(--ptc-font-size-x-large) !important}.u-para-xxl{font-size:var(--ptc-font-size-xx-large) !important}.u-para-xxxl{font-size:var(--ptc-font-size-xxx-large) !important}@media only screen and (min-width: 768px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.05vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.05vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.05vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.05vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.05vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.05vw) !important}}@media only screen and (min-width: 992px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.1vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.1vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.1vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.1vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.1vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.1vw) !important}}@media only screen and (min-width: 1200px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.15vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.15vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.15vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.15vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.15vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.15vw) !important}}@media only screen and (min-width: 1440px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.2vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.2vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.2vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.2vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.2vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.2vw) !important}}@media only screen and (min-width: 1600px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.25vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.25vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.25vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.25vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.25vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.25vw) !important}}@media only screen and (min-width: 1980px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.3vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.3vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.3vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.3vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.3vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.3vw) !important}}@media only screen and (min-width: 2600px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.35vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.35vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.35vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.35vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.35vw) !important}.u-para-xxxl{font-size:calc(var(--ptc-font-size-xxx-large) + 0.35vw) !important}}.u-para-body{font-size:var(--ptc-font-size-medium) !important}.u-color-white{color:var(--color-white) !important}.u-uppercase{text-transform:uppercase !important}.u-margin-flush{margin:0 !important}.u-marginTop-flush{margin-top:0 !important}.u-marginLeft-flush{margin-left:0 !important}.u-marginRight-flush{margin-right:0 !important}.u-marginBottom-flush{margin-bottom:0 !important}.u-padding-flush{padding:0 !important}.u-paddingTop-flush{padding-top:0 !important}.u-paddingLeft-flush{padding-left:0 !important}.u-paddingRight-flush{padding-right:0 !important}.u-paddingBottom-flush{padding-bottom:0 !important}.u-margin-xs{margin:var(--ptc-element-spacing-01) !important}.u-marginTop-xs{margin-top:var(--ptc-element-spacing-01) !important}.u-marginLeft-xs{margin-left:var(--ptc-element-spacing-01) !important}.u-marginRight-xs{margin-right:var(--ptc-element-spacing-01) !important}.u-marginBottom-xs{margin-bottom:var(--ptc-element-spacing-01) !important}.u-margin-sm{margin:var(--ptc-element-spacing-02) !important}.u-marginTop-sm{margin-top:var(--ptc-element-spacing-02) !important}.u-marginLeft-sm{margin-left:var(--ptc-element-spacing-02) !important}.u-marginRight-sm{margin-right:var(--ptc-element-spacing-02) !important}.u-marginBottom-sm{margin-bottom:var(--ptc-element-spacing-02) !important}.u-margin-md{margin:var(--ptc-element-spacing-03) !important}.u-marginTop-md{margin-top:var(--ptc-element-spacing-03) !important}.u-marginLeft-md{margin-left:var(--ptc-element-spacing-03) !important}.u-marginRight-md{margin-right:var(--ptc-element-spacing-03) !important}.u-marginBottom-md{margin-bottom:var(--ptc-element-spacing-03) !important}.u-margin-lg{margin:var(--ptc-element-spacing-04) !important}.u-marginTop-lg{margin-top:var(--ptc-element-spacing-04) !important}.u-marginLeft-lg{margin-left:var(--ptc-element-spacing-04) !important}.u-marginRight-lg{margin-right:var(--ptc-element-spacing-04) !important}.u-marginBottom-lg{margin-bottom:var(--ptc-element-spacing-04) !important}.u-margin-xl{margin:var(--ptc-element-spacing-05) !important}.u-marginTop-xl{margin-top:var(--ptc-element-spacing-05) !important}.u-marginLeft-xl{margin-left:var(--ptc-element-spacing-05) !important}.u-marginRight-xl{margin-right:var(--ptc-element-spacing-05) !important}.u-marginBottom-xl{margin-bottom:var(--ptc-element-spacing-05) !important}.u-margin-xxl{margin:var(--ptc-element-spacing-06) !important}.u-marginTop-xxl{margin-top:var(--ptc-element-spacing-06) !important}.u-marginLeft-xxl{margin-left:var(--ptc-element-spacing-06) !important}.u-marginRight-xxl{margin-right:var(--ptc-element-spacing-06) !important}.u-marginBottom-xxl{margin-bottom:var(--ptc-element-spacing-06) !important}.u-margin-xxxl{margin:var(--ptc-element-spacing-07) !important}.u-marginTop-xxxl{margin-top:var(--ptc-element-spacing-07) !important}.u-marginLeft-xxxl{margin-left:var(--ptc-element-spacing-07) !important}.u-marginRight-xxxl{margin-right:var(--ptc-element-spacing-07) !important}.u-marginBottom-xxxl{margin-bottom:var(--ptc-element-spacing-07) !important}.u-margin-4xl{margin:var(--ptc-element-spacing-08) !important}.u-marginTop-4xl{margin-top:var(--ptc-element-spacing-08) !important}.u-marginLeft-4xl{margin-left:var(--ptc-element-spacing-08) !important}.u-marginRight-4xl{margin-right:var(--ptc-element-spacing-08) !important}.u-marginBottom-4xl{margin-bottom:var(--ptc-element-spacing-08) !important}.u-textAlign-ctr{text-align:center !important}.u-textAlign-right{text-align:right !important}.u-textAlign-left{text-align:left !important}.u-textWhite{color:var(--color-white) !important}.u-textGreen1{color:var(--color-green-07) !important}.u-textGreen2{color:var(--color-green-06) !important}.u-text-nowrap{white-space:nowrap}.u-text-bold{font-weight:var(--ptc-font-weight-bold)}.u-text-thin{font-weight:var(--ptc-font-weight-thin)}.u-textStyle-normal{font-style:normal !important}.u-no-scroll{overflow:hidden}.u-background-white{background-color:var(--color-white)}.u-background-reset{background-color:transparent !important}.u-white-overylay{background:rgba(242, 242, 242, 0.9)}.u-cursor-pointer{cursor:pointer}.u-clear{clear:both}.u-border-radius-standard{border-radius:var(--ptc-border-radius-standard)}.u-border-radius-large{border-radius:var(--ptc-border-radius-large)}.u-border-radius-pill{border-radius:var(--ptc-border-radius-pill)}.u-border-radius-circle{border-radius:var(--ptc-border-radius-circle)}@media only screen and (min-width: 768px){.u-hero-width{width:525px}.u-margin-center{margin:0 auto}.u-justify-self-end{justify-self:flex-end}}.u-hero-pushup{transform:translateY(-120px)}@media only screen and (min-width: 768px){.u-hero-pushup{transform:translateY(-144px)}}@media only screen and (min-width: 768px){.grid-order-1-md{order:1}.grid-order-2-md{order:2}.grid-order-3-md{order:3}}@media only screen and (min-width: 992px){.grid-order-1-lg{order:1}.grid-order-2-lg{order:2}.grid-order-3-lg{order:3}}.standard-list{list-style:none;margin-left:0;margin-bottom:20px;padding:0}.is-spaced-between{justify-content:space-between}.grid-large-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-large-col-gap-md{column-gap:3rem}}.grid-large-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-large-col-gap-sm{column-gap:3rem}}.grid-x-large-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-x-large-col-gap-md{column-gap:4rem}}.grid-x-large-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-x-large-col-gap-sm{column-gap:4rem}}.grid-medium-col-gap-md{column-gap:0}@media only screen and (min-width: 992px){.grid-medium-col-gap-md{column-gap:2rem}}.grid-medium-col-gap-sm{column-gap:0}@media only screen and (min-width: 768px){.grid-medium-col-gap-sm{column-gap:2rem}}.is-float-left{float:left}.is-float-right{float:right}.is-mobile{display:block}.is-desktop{display:none}@media only screen and (min-width: 992px){.is-mobile{display:none}.is-desktop{display:block}}.ptc-section{padding-top:2rem;padding-bottom:2rem}@media only screen and (min-width: 992px){.ptc-section{padding-top:3rem;padding-bottom:3rem}}.ptc-section-standard{padding-top:3rem;padding-bottom:3rem}.ptc-section-half{padding-top:1.5rem;padding-bottom:1.5rem}.u-flex{display:flex}@media only screen and (min-width: 480px){.u-flex-xs{display:flex}}@media only screen and (min-width: 768px){.u-flex-sm{display:flex}}@media only screen and (min-width: 992px){.u-flex-md{display:flex}}@media only screen and (min-width: 1200px){.u-flex-lg{display:flex}}@media only screen and (min-width: 1440px){.u-flex-xl{display:flex}}@media only screen and (min-width: 1600px){.u-flex-xxl{display:flex}}@media only screen and (min-width: 1980px){.u-flex-2k{display:flex}}@media only screen and (min-width: 2600px){.u-flex-4k{display:flex}}.u-align-center{margin:auto;align-self:center}.u-align-left{margin-right:auto;align-self:center}.u-align-right{margin-left:auto;align-self:center}.u-align-x-center{margin-right:auto;margin-left:auto}.u-align-x-left{margin-right:auto}.u-align-x-right{margin-left:auto}.u-align-y-center{align-self:center}.u-align-y-top{align-self:flex-start}.u-align-y-bottom{align-self:flex-end}.is-flex-column{flex-direction:column}.flex-align-items{align-items:flex-end}.flex-align-items-center{align-items:center}.u-flex-nowrap{flex-wrap:nowrap}.u-flex-wrap{flex-wrap:wrap}.u-align-self-start{align-self:start}.u-align-self-center{align-self:center}.u-align-self-stretch{align-self:stretch}.u-justify-self-start{justify-self:start}.u-justify-self-center{justify-self:center}.u-justify-self-stretch{justify-self:stretch}.u-flex-justify-center{justify-content:center}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.fef-two-column-two-media .has-col-gap-lg{grid-column-gap:var(--spacing-md)}@media only screen and (min-width: 992px){.fef-two-column-two-media .has-col-gap-lg{grid-column-gap:var(--spacing-lg)}}.fef-two-column-two-media .is-col-6-md{padding-bottom:3rem}.fef-two-column-two-media .is-col-6-md:last-child{padding-bottom:0rem}@media only screen and (min-width: 768px){.fef-two-column-two-media .is-col-6-md{padding-bottom:0rem}}@media only screen and (min-width: 768px){.is-grid.grid-large-col-gap-xs-0{row-gap:0}}.max-content{max-width:90%;margin:auto}@media only screen and (min-width: 480px){.max-content{max-width:80%}}.product-tab ptc-title h3{font-size:20px !important;font-weight:900}@media only screen and (min-width: 1200px){.product-tab ptc-title h3{font-size:15px !important;font-weight:800}}.product-tab .is-grid{grid-column-gap:20px;grid-row-gap:12px}ptc-bio-card .bio-modal-open-content{color:var(--color-gray-10);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-denser)}ptc-bio-card .bio-modal-open-content h3{letter-spacing:0.08rem;margin-bottom:2px;font-size:var(--ptc-font-size-small)}ptc-bio-card .bio-modal-open-content ul{margin-top:0}ptc-bio-card .bio-modal-open-content ul li{line-height:var(--ptc-line-height-p)}ptc-bio-card .bio-modal-open-content ul li a{text-decoration:none;color:var(--color-green-06);transition:color 0.3s ease}ptc-bio-card .bio-modal-open-content ul li a:hover{color:var(--color-gray-10);transition:color 0.3s ease}ptc-bio-card .bio-modal-open-content .btn-blackgrey{background-color:var(--color-gray-10);display:inline-block;border-style:solid;border-width:1px;white-space:normal;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:pointer;padding:14px 20px;border:2px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-standard);color:var(--color-white);font-weight:700}ptc-bio-card .bio-modal-open-content .btn-blackgrey:hover{background-color:var(--color-gray-09);border-color:var(--color-gray-08)}ptc-bio-card .bio-modal-open-content .btn-blackgrey svg{display:none}ptc-bio-card .bio-modal-open-content hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.u-justify-space-between{justify-content:space-between}ptc-nav-submenu .dropdown-content{display:none}ptc-nav-submenu .dropdown-content.open{padding-top:5px;padding-bottom:5px;display:block}ptc-nav-submenu.short-dropdown .dropdown-content.open{padding:var(--ptc-layout-spacing-04)}@media only screen and (min-width: 1200px){ptc-nav-submenu.short-dropdown .dropdown-content.open{padding:var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-04)}}.all-product-banner{padding:50px 0 44px 0px}@media only screen and (min-width: 992px){.all-product-banner{padding:50px 0 72px 0px;display:flex;min-height:300px;justify-content:center;align-items:center}}.all-product-gradient{background:linear-gradient(180deg, #f3f3f3 2.6%, rgba(225, 241, 226, 0.2) 40.63%, #f3f3f3 82.29%), linear-gradient(0deg, #f3f3f3, #f3f3f3)}:host{display:block}.parent{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-column-gap:0px;grid-row-gap:0px;position:unset;z-index:999}.div1{grid-area:1/1/2/2;min-height:300px}.div1.hidden{display:none}.mobile-media-image{display:flex;justify-content:center;align-items:center}@media only screen and (min-width: 992px){.mobile-media-image{display:none}}.gif-bg{background-color:#F3F3F3}.gif-bg img{width:100%;height:auto}@media only screen and (min-width: 768px){.gif-bg img{width:auto}}.video-ratio{position:relative;overflow:hidden;height:0;padding-bottom:100%}@media screen and (min-width: 550px){.video-ratio{padding-bottom:56.25%}}@media only screen and (min-width: 768px){.video-ratio{padding-bottom:56.25%}}@media only screen and (min-width: 992px){.video-ratio{padding-bottom:59.37%;max-height:500px}}@media only screen and (min-width: 1200px){.video-ratio{padding-bottom:min(578px, 46.67%)}}@media only screen and (min-width: 1440px){.video-ratio{padding-bottom:min(578px, 39.67%)}}.div2{grid-area:2/1/3/2;position:relative}.bg-overlay{position:absolute;width:100%;height:100%;top:0;left:0}.content-layout{display:flex;flex-direction:column}@media only screen and (min-width: 992px){.content-layout{flex-direction:row}}.gap-adjustment{gap:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-07)}@media only screen and (min-width: 992px){.gap-adjustment{gap:var(--ptc-element-spacing-07)}}.text-adjustment{justify-content:flex-start}@media only screen and (min-width: 992px){.text-adjustment{justify-content:center}}.desktop-media-image{width:40%;display:none}@media only screen and (min-width: 992px){.desktop-media-image{display:block}}.desk-gif-adjustment{z-index:3;display:none;justify-content:center;align-items:center}@media only screen and (min-width: 992px){.desk-gif-adjustment{display:flex}}.desk-gif-adjustment img{width:100%}@media only screen and (min-width: 992px){.parent{grid-template-columns:1fr;grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;min-height:500px;position:relative}.div1{grid-area:1/1/2/2;min-height:unset}.div2{grid-area:1/1/2/2;align-self:center;position:unset}}";export{n as ptc_jumbotron}