@ptcwebops/ptcw-design 2.6.7 → 2.6.9

package/dist/types/components.d.ts

@@ -24,6 +24,8 @@ export namespace Components {
         "topImgAlt": string;
         "topImgSrc": string;
     }
+    interface EmbeddedForm {
+    }
     interface FeaturedList {
     }
     interface FlTabContent {
@@ -593,6 +595,17 @@ export namespace Components {
     interface PtcFilterTag {
         "theme": 'bubble' | 'link' | 'link-lg' | 'button' | 'standard';
     }
+    interface PtcForm {
+    }
+    interface PtcFormCheckbox {
+        "checkboxId": string;
+        "helpertext": string;
+        "isChecked": boolean;
+        "label": string;
+        "name": string;
+        "required": boolean;
+        "validateCheckbox": () => Promise<void>;
+    }
     interface PtcHero {
         /**
           * Hero Background Image URL
@@ -1428,6 +1441,18 @@ export namespace Components {
         "styles"?: string;
         "textValue": string;
     }
+    interface PtcSelect {
+        "disabled": boolean;
+        "helpertext": string;
+        "isRequired": boolean;
+        "label": string;
+        "name": string;
+        /**
+          * Eloqua Data
+         */
+        "ptcDataEloquaName": string;
+        "selectedValue": string;
+    }
     interface PtcShoppingCart {
         "cartCount"?: string;
         "color": 'black' | 'white';
@@ -1651,6 +1676,18 @@ export namespace Components {
          */
         "type": 'text-copy-with-background' | 'hero-footer-cta' | 'tab-cta-with-background' | 'case-studies';
     }
+    interface PtcTextfield {
+        "disabled": boolean;
+        "fieldId": string;
+        "helpertext": string;
+        "inputValue": string;
+        "labelText": string;
+        "name": string;
+        "ptcDataEloquaName": string;
+        "ptcMaxLength"?: number;
+        "required": boolean;
+        "type": string;
+    }
     interface PtcTitle {
         /**
           * Line number to cut text off at and add ellipsis
@@ -1861,10 +1898,18 @@ export interface PtcFilterTagCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPtcFilterTagElement;
 }
+export interface PtcFormCheckboxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPtcFormCheckboxElement;
+}
 export interface PtcModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPtcModalElement;
 }
+export interface PtcNavLinkCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPtcNavLinkElement;
+}
 export interface PtcNavSubmenuCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPtcNavSubmenuElement;
@@ -1897,6 +1942,10 @@ export interface PtcSearchFieldCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPtcSearchFieldElement;
 }
+export interface PtcSelectCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPtcSelectElement;
+}
 export interface PtcTabListCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPtcTabListElement;
@@ -1940,6 +1989,12 @@ declare global {
         prototype: HTMLDynamicBoxBundleElement;
         new (): HTMLDynamicBoxBundleElement;
     };
+    interface HTMLEmbeddedFormElement extends Components.EmbeddedForm, HTMLStencilElement {
+    }
+    var HTMLEmbeddedFormElement: {
+        prototype: HTMLEmbeddedFormElement;
+        new (): HTMLEmbeddedFormElement;
+    };
     interface HTMLFeaturedListElement extends Components.FeaturedList, HTMLStencilElement {
     }
     var HTMLFeaturedListElement: {
@@ -2132,6 +2187,18 @@ declare global {
         prototype: HTMLPtcFilterTagElement;
         new (): HTMLPtcFilterTagElement;
     };
+    interface HTMLPtcFormElement extends Components.PtcForm, HTMLStencilElement {
+    }
+    var HTMLPtcFormElement: {
+        prototype: HTMLPtcFormElement;
+        new (): HTMLPtcFormElement;
+    };
+    interface HTMLPtcFormCheckboxElement extends Components.PtcFormCheckbox, HTMLStencilElement {
+    }
+    var HTMLPtcFormCheckboxElement: {
+        prototype: HTMLPtcFormCheckboxElement;
+        new (): HTMLPtcFormCheckboxElement;
+    };
     interface HTMLPtcHeroElement extends Components.PtcHero, HTMLStencilElement {
     }
     var HTMLPtcHeroElement: {
@@ -2396,6 +2463,12 @@ declare global {
         prototype: HTMLPtcSearchFieldElement;
         new (): HTMLPtcSearchFieldElement;
     };
+    interface HTMLPtcSelectElement extends Components.PtcSelect, HTMLStencilElement {
+    }
+    var HTMLPtcSelectElement: {
+        prototype: HTMLPtcSelectElement;
+        new (): HTMLPtcSelectElement;
+    };
     interface HTMLPtcShoppingCartElement extends Components.PtcShoppingCart, HTMLStencilElement {
     }
     var HTMLPtcShoppingCartElement: {
@@ -2498,6 +2571,12 @@ declare global {
         prototype: HTMLPtcTextCopyWithBackgroundElement;
         new (): HTMLPtcTextCopyWithBackgroundElement;
     };
+    interface HTMLPtcTextfieldElement extends Components.PtcTextfield, HTMLStencilElement {
+    }
+    var HTMLPtcTextfieldElement: {
+        prototype: HTMLPtcTextfieldElement;
+        new (): HTMLPtcTextfieldElement;
+    };
     interface HTMLPtcTitleElement extends Components.PtcTitle, HTMLStencilElement {
     }
     var HTMLPtcTitleElement: {
@@ -2552,6 +2631,7 @@ declare global {
         "bundle-jumbotron-example": HTMLBundleJumbotronExampleElement;
         "dropdown-item": HTMLDropdownItemElement;
         "dynamic-box-bundle": HTMLDynamicBoxBundleElement;
+        "embedded-form": HTMLEmbeddedFormElement;
         "featured-list": HTMLFeaturedListElement;
         "fl-tab-content": HTMLFlTabContentElement;
         "fl-tab-header": HTMLFlTabHeaderElement;
@@ -2584,6 +2664,8 @@ declare global {
         "ptc-embedded-quiz": HTMLPtcEmbeddedQuizElement;
         "ptc-featured-list": HTMLPtcFeaturedListElement;
         "ptc-filter-tag": HTMLPtcFilterTagElement;
+        "ptc-form": HTMLPtcFormElement;
+        "ptc-form-checkbox": HTMLPtcFormCheckboxElement;
         "ptc-hero": HTMLPtcHeroElement;
         "ptc-hero-footer-cta": HTMLPtcHeroFooterCtaElement;
         "ptc-icon-component": HTMLPtcIconComponentElement;
@@ -2628,6 +2710,7 @@ declare global {
         "ptc-related-card-rail": HTMLPtcRelatedCardRailElement;
         "ptc-responsive-wrapper": HTMLPtcResponsiveWrapperElement;
         "ptc-search-field": HTMLPtcSearchFieldElement;
+        "ptc-select": HTMLPtcSelectElement;
         "ptc-shopping-cart": HTMLPtcShoppingCartElement;
         "ptc-skeleton": HTMLPtcSkeletonElement;
         "ptc-slit-card": HTMLPtcSlitCardElement;
@@ -2645,6 +2728,7 @@ declare global {
         "ptc-tab-list": HTMLPtcTabListElement;
         "ptc-tabs": HTMLPtcTabsElement;
         "ptc-text-copy-with-background": HTMLPtcTextCopyWithBackgroundElement;
+        "ptc-textfield": HTMLPtcTextfieldElement;
         "ptc-title": HTMLPtcTitleElement;
         "ptc-tooltip": HTMLPtcTooltipElement;
         "ptc-two-column-media": HTMLPtcTwoColumnMediaElement;
@@ -2674,6 +2758,8 @@ declare namespace LocalJSX {
         "topImgAlt"?: string;
         "topImgSrc"?: string;
     }
+    interface EmbeddedForm {
+    }
     interface FeaturedList {
     }
     interface FlTabContent {
@@ -3270,6 +3356,17 @@ declare namespace LocalJSX {
         "onClicked"?: (event: PtcFilterTagCustomEvent<any>) => void;
         "theme"?: 'bubble' | 'link' | 'link-lg' | 'button' | 'standard';
     }
+    interface PtcForm {
+    }
+    interface PtcFormCheckbox {
+        "checkboxId"?: string;
+        "helpertext"?: string;
+        "isChecked"?: boolean;
+        "label"?: string;
+        "name"?: string;
+        "onCheckboxChanged"?: (event: PtcFormCheckboxCustomEvent<boolean>) => void;
+        "required"?: boolean;
+    }
     interface PtcHero {
         /**
           * Hero Background Image URL
@@ -3589,6 +3686,10 @@ declare namespace LocalJSX {
           * isOutsideLink = false
          */
         "isOutsideLink"?: boolean;
+        /**
+          * Creating navLinkClicked to check if the link is clicked and toggle the subnav on mobile
+         */
+        "onNavLinkClicked"?: (event: PtcNavLinkCustomEvent<any>) => void;
         /**
           * Anchor link Title
          */
@@ -4126,6 +4227,19 @@ declare namespace LocalJSX {
         "styles"?: string;
         "textValue"?: string;
     }
+    interface PtcSelect {
+        "disabled"?: boolean;
+        "helpertext"?: string;
+        "isRequired"?: boolean;
+        "label"?: string;
+        "name"?: string;
+        "onValueChange"?: (event: PtcSelectCustomEvent<string>) => void;
+        /**
+          * Eloqua Data
+         */
+        "ptcDataEloquaName"?: string;
+        "selectedValue"?: string;
+    }
     interface PtcShoppingCart {
         "cartCount"?: string;
         "color"?: 'black' | 'white';
@@ -4350,6 +4464,18 @@ declare namespace LocalJSX {
          */
         "type"?: 'text-copy-with-background' | 'hero-footer-cta' | 'tab-cta-with-background' | 'case-studies';
     }
+    interface PtcTextfield {
+        "disabled"?: boolean;
+        "fieldId"?: string;
+        "helpertext"?: string;
+        "inputValue"?: string;
+        "labelText"?: string;
+        "name"?: string;
+        "ptcDataEloquaName"?: string;
+        "ptcMaxLength"?: number;
+        "required"?: boolean;
+        "type"?: string;
+    }
     interface PtcTitle {
         /**
           * Line number to cut text off at and add ellipsis
@@ -4512,6 +4638,7 @@ declare namespace LocalJSX {
         "bundle-jumbotron-example": BundleJumbotronExample;
         "dropdown-item": DropdownItem;
         "dynamic-box-bundle": DynamicBoxBundle;
+        "embedded-form": EmbeddedForm;
         "featured-list": FeaturedList;
         "fl-tab-content": FlTabContent;
         "fl-tab-header": FlTabHeader;
@@ -4544,6 +4671,8 @@ declare namespace LocalJSX {
         "ptc-embedded-quiz": PtcEmbeddedQuiz;
         "ptc-featured-list": PtcFeaturedList;
         "ptc-filter-tag": PtcFilterTag;
+        "ptc-form": PtcForm;
+        "ptc-form-checkbox": PtcFormCheckbox;
         "ptc-hero": PtcHero;
         "ptc-hero-footer-cta": PtcHeroFooterCta;
         "ptc-icon-component": PtcIconComponent;
@@ -4588,6 +4717,7 @@ declare namespace LocalJSX {
         "ptc-related-card-rail": PtcRelatedCardRail;
         "ptc-responsive-wrapper": PtcResponsiveWrapper;
         "ptc-search-field": PtcSearchField;
+        "ptc-select": PtcSelect;
         "ptc-shopping-cart": PtcShoppingCart;
         "ptc-skeleton": PtcSkeleton;
         "ptc-slit-card": PtcSlitCard;
@@ -4605,6 +4735,7 @@ declare namespace LocalJSX {
         "ptc-tab-list": PtcTabList;
         "ptc-tabs": PtcTabs;
         "ptc-text-copy-with-background": PtcTextCopyWithBackground;
+        "ptc-textfield": PtcTextfield;
         "ptc-title": PtcTitle;
         "ptc-tooltip": PtcTooltip;
         "ptc-two-column-media": PtcTwoColumnMedia;
@@ -4624,6 +4755,7 @@ declare module "@stencil/core" {
             "bundle-jumbotron-example": LocalJSX.BundleJumbotronExample & JSXBase.HTMLAttributes<HTMLBundleJumbotronExampleElement>;
             "dropdown-item": LocalJSX.DropdownItem & JSXBase.HTMLAttributes<HTMLDropdownItemElement>;
             "dynamic-box-bundle": LocalJSX.DynamicBoxBundle & JSXBase.HTMLAttributes<HTMLDynamicBoxBundleElement>;
+            "embedded-form": LocalJSX.EmbeddedForm & JSXBase.HTMLAttributes<HTMLEmbeddedFormElement>;
             "featured-list": LocalJSX.FeaturedList & JSXBase.HTMLAttributes<HTMLFeaturedListElement>;
             "fl-tab-content": LocalJSX.FlTabContent & JSXBase.HTMLAttributes<HTMLFlTabContentElement>;
             "fl-tab-header": LocalJSX.FlTabHeader & JSXBase.HTMLAttributes<HTMLFlTabHeaderElement>;
@@ -4656,6 +4788,8 @@ declare module "@stencil/core" {
             "ptc-embedded-quiz": LocalJSX.PtcEmbeddedQuiz & JSXBase.HTMLAttributes<HTMLPtcEmbeddedQuizElement>;
             "ptc-featured-list": LocalJSX.PtcFeaturedList & JSXBase.HTMLAttributes<HTMLPtcFeaturedListElement>;
             "ptc-filter-tag": LocalJSX.PtcFilterTag & JSXBase.HTMLAttributes<HTMLPtcFilterTagElement>;
+            "ptc-form": LocalJSX.PtcForm & JSXBase.HTMLAttributes<HTMLPtcFormElement>;
+            "ptc-form-checkbox": LocalJSX.PtcFormCheckbox & JSXBase.HTMLAttributes<HTMLPtcFormCheckboxElement>;
             "ptc-hero": LocalJSX.PtcHero & JSXBase.HTMLAttributes<HTMLPtcHeroElement>;
             "ptc-hero-footer-cta": LocalJSX.PtcHeroFooterCta & JSXBase.HTMLAttributes<HTMLPtcHeroFooterCtaElement>;
             "ptc-icon-component": LocalJSX.PtcIconComponent & JSXBase.HTMLAttributes<HTMLPtcIconComponentElement>;
@@ -4700,6 +4834,7 @@ declare module "@stencil/core" {
             "ptc-related-card-rail": LocalJSX.PtcRelatedCardRail & JSXBase.HTMLAttributes<HTMLPtcRelatedCardRailElement>;
             "ptc-responsive-wrapper": LocalJSX.PtcResponsiveWrapper & JSXBase.HTMLAttributes<HTMLPtcResponsiveWrapperElement>;
             "ptc-search-field": LocalJSX.PtcSearchField & JSXBase.HTMLAttributes<HTMLPtcSearchFieldElement>;
+            "ptc-select": LocalJSX.PtcSelect & JSXBase.HTMLAttributes<HTMLPtcSelectElement>;
             "ptc-shopping-cart": LocalJSX.PtcShoppingCart & JSXBase.HTMLAttributes<HTMLPtcShoppingCartElement>;
             "ptc-skeleton": LocalJSX.PtcSkeleton & JSXBase.HTMLAttributes<HTMLPtcSkeletonElement>;
             "ptc-slit-card": LocalJSX.PtcSlitCard & JSXBase.HTMLAttributes<HTMLPtcSlitCardElement>;
@@ -4717,6 +4852,7 @@ declare module "@stencil/core" {
             "ptc-tab-list": LocalJSX.PtcTabList & JSXBase.HTMLAttributes<HTMLPtcTabListElement>;
             "ptc-tabs": LocalJSX.PtcTabs & JSXBase.HTMLAttributes<HTMLPtcTabsElement>;
             "ptc-text-copy-with-background": LocalJSX.PtcTextCopyWithBackground & JSXBase.HTMLAttributes<HTMLPtcTextCopyWithBackgroundElement>;
+            "ptc-textfield": LocalJSX.PtcTextfield & JSXBase.HTMLAttributes<HTMLPtcTextfieldElement>;
             "ptc-title": LocalJSX.PtcTitle & JSXBase.HTMLAttributes<HTMLPtcTitleElement>;
             "ptc-tooltip": LocalJSX.PtcTooltip & JSXBase.HTMLAttributes<HTMLPtcTooltipElement>;
             "ptc-two-column-media": LocalJSX.PtcTwoColumnMedia & JSXBase.HTMLAttributes<HTMLPtcTwoColumnMediaElement>;

package/dist/types/utils/interfaces.d.ts

@@ -30,3 +30,9 @@ export interface ITabGroup {
   header: ITabHeaderData;
   content: ITabContentData;
 }
+export interface PtcTextfieldElement extends HTMLPtcTextfieldElement {
+}
+export interface PtcFormCheckboxElement extends HTMLPtcFormCheckboxElement {
+}
+export interface PTCSelectElement extends HTMLPtcSelectElement {
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ptcwebops/ptcw-design",
-  "version": "2.6.7",
+  "version": "2.6.9",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "./dist/index.js",
@@ -31,8 +31,14 @@
   },
   "dependencies": {
     "@daveberning/griddle": "^0.3.0",
+    "@material/checkbox": "^14.0.0",
+    "@material/form-field": "^14.0.0",
+    "@material/select": "^14.0.0",
+    "@material/textfield": "^14.0.0",
     "@stencil/core": "^2.20.0",
     "@teamhive/lottie-player": "^1.0.0",
+    "@types/intl-tel-input": "^17.0.6",
+    "intl-tel-input": "^18.2.1",
     "npmrc": "^1.1.1",
     "resize-observer-polyfill": "^1.5.1",
     "swiper": "^9.1.1"

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 2.6.7
+# PTC Design 2.6.9
 
 The site is the place for documentation on PTC Design System
 

package/dist/ptcw-design/p-2bb95382.entry.js

@@ -1 +0,0 @@
-import{r as a,h as n,H as i,g as t}from"./p-ce0e4c5c.js";const o=class{constructor(n){a(this,n),this.firstChildHref=null,this.mobileTitle="See page topics",this.navOpen=!1}toggleNav(){this.navOpen=!this.navOpen}handleScroll(){this.el.shadowRoot.querySelector("div.sticky-subnav").classList.remove("sticky")}firstChildfuncID(){const a=document.querySelector("ptc-nav-link:first-child");if(a){const n=a.shadowRoot.querySelector("a");this.firstChildHref=null==n?void 0:n.getAttribute("href"),this.firstChildID=this.firstChildHref}return this.firstChildID}scrollToSection(a){if(window.innerWidth<1200){const n=a.replace(/#/g,""),i=document.getElementById(n);i&&(i.scrollIntoView({behavior:"smooth",block:"start"}),setTimeout((()=>{this.el.shadowRoot.querySelector("nav.navbar").classList.contains("navOpen")?this.el.shadowRoot.querySelector("div.sticky-subnav").classList.add("sticky"):this.el.shadowRoot.querySelector("div.sticky-subnav").classList.remove("sticky")}),100))}}render(){return n(i,null,n("div",{class:"sticky-subnav"},n("nav",{class:"navbar "+(this.navOpen?"navOpen":"")},n("button",{class:"navbar-toggle",onClick:()=>{this.scrollToSection(this.firstChildfuncID()),this.toggleNav()}},this.mobileTitle,n("svg",{xmlns:"http://www.w3.org/2000/svg",width:"15",height:"15",viewBox:"0 0 15 15",fill:"white",class:""},n("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M13.2375 2.83325L7.5 8.60203L1.7625 2.83325L-7.76305e-08 4.60923L7.5 12.1666L15 4.60923L13.2375 2.83325Z",fill:"white"}))),n("div",{class:"navbar-inner"},n("div",{class:"nav-wrapper"},n("slot",{name:"subnav-menu-left"}),n("slot",{name:"subnav-menu-right"}))))))}get el(){return t(this)}};o.style=":host{display:block;width:100%;background-color:var(--color-gray-12);position:relative}@media only screen and (min-width: 1200px){:host{background-color:var(--color-gray-10)}}:host .stickyEl.sticky{top:0;position:fixed;width:100%;z-index:2000;transition:top 0.5s}:host .navbar{overflow-x:hidden}@media only screen and (min-width: 1200px){:host .navbar{overflow-x:visible}}:host .navbar .navbar-inner{max-width:1200px;margin:auto;box-sizing:border-box;padding:0px;display:none}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner{padding:0px;height:auto;display:block}}:host .navbar .navbar-inner .nav-wrapper{width:auto;margin:auto 0;min-width:163px;max-height:calc(100vh - 53px)}@media only screen and (min-width: 1200px){:host .navbar .navbar-inner .nav-wrapper{width:auto;display:flex;justify-content:space-between;max-height:auto}}:host .navbar.navOpen .navbar-inner{background-color:var(--color-gray-12);display:block}:host .navbar .navbar-toggle{display:block;width:100%;text-align:center;color:var(--color-white);background-color:var(--color-gray-10);border:none;padding:16px;font-size:15px;line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}:host .navbar .navbar-toggle svg{vertical-align:middle;margin-left:4px}@media only screen and (min-width: 1200px){:host .navbar .navbar-toggle{display:none}}";export{o as ptc_subnav}

package/dist/ptcw-design/p-5229a430.entry.js

@@ -1 +0,0 @@
-import{r as t,h as o,H as i,g as e}from"./p-ce0e4c5c.js";const a=class{constructor(o){t(this,o),this.href=void 0,this.isOutsideLink=!1,this.titleText=""}handleClick(){this.href&&this.href.startsWith("#")&&document.querySelector(this.href).scrollIntoView({behavior:"smooth"})}componentWillLoad(){const t=this.el.textContent;t.length>32&&(this.titleText=t,this.el.textContent=t.substring(0,32)+"...")}render(){return o(i,null,o("a",{href:this.href,target:this.isOutsideLink?"_blank":"_self",title:this.titleText,onClick:()=>{this.handleClick()}},o("slot",null),!this.href.startsWith("#")&&o("svg",{class:"icon-arrow-right",xmlns:"http://www.w3.org/2000/svg",width:"14",height:"10",viewBox:"0 0 14 10",fill:"none"},o("path",{d:"M8.84921 0.77792L8.81313 3.41153L0.51545 3.55584L0.515449 6.5863L8.81313 6.44199L8.81313 9.40029L13.1424 5.07107L8.84921 0.77792Z",fill:"#AEB8BD"}))))}get el(){return e(this)}};a.style=':host{display:block;position:relative}@media only screen and (min-width: 1200px){:host{display:inline-block}}:host::before,:host::after{content:" ";width:1600px;height:1px;background-color:var(--color-gray-08);position:absolute;right:0;bottom:0}@media only screen and (min-width: 1200px){:host::before,:host::after{display:none}}:host::after{left:0;right:auto}:host a{color:var(--color-gray-03);text-decoration:none;display:inline-block;border-bottom:2px solid transparent;margin-left:34%;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-03);font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-denser);font-weight:var(--ptc-font-weight-bold)}@media only screen and (min-width: 480px){:host a{margin-left:38%}}@media only screen and (min-width: 768px){:host a{margin-left:42%}}@media only screen and (min-width: 1200px){:host a{padding:22px var(--ptc-element-spacing-03);margin-left:0;display:flex;align-items:center;white-space:nowrap;position:relative}:host a::after{content:"";display:block;border-bottom:2px solid transparent;margin:auto;position:absolute;width:calc(100% - 20px);left:0;right:0;bottom:20px}}:host a svg{width:1rem;height:0.875rem;display:inline-block;background-size:cover;transition:margin-left 250ms ease-out;vertical-align:middle;margin-left:4px}:host a:hover,:host a:focus{color:var(--color-white)}@media only screen and (min-width: 1200px){:host a:hover::after,:host a:focus::after{border-color:var(--color-white)}}:host a:hover svg path,:host a:focus svg path{fill:var(--color-white)}:host ::slotted(icon-asset){margin-top:4px;margin-right:8px}';export{a as ptc_nav_link}

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

@@ -1 +0,0 @@
-import{r as t,h as a,H as i}from"./p-ce0e4c5c.js";const o=class{constructor(a){t(this,a),this.type="text-copy-with-background",this.backgroundImage=void 0,this.ImageAltText=void 0,this.topSlitBackgroundColor=void 0,this.slitPosition="top-right",this.isBackgroundBlur=!1,this.overlay=!0,this.styles=void 0}render(){const t=this.getCssClassMap(),o=this.getSlitFillColor();return a(i,{class:t},this.styles&&a("style",null,this.styles),a("svg",{xmlns:"http://www.w3.org/2000/svg",class:"tcb-top-slit",width:"320.963",height:"28.179",viewBox:"0 0 320.963 28.179",style:{fill:o}},a("path",{id:"Path_8770",d:"M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z",class:"tcb-top-slit-cls-1","data-name":"Path 8770",transform:"translate(-416.057 -463.856)"})),this.backgroundImage?a("div",{class:""},a("img",{class:"copy-bg-image",alt:this.ImageAltText,src:this.backgroundImage}),this.isBackgroundBlur&&a("img",{class:"copy-bg-image bg-img-filter",alt:this.ImageAltText,src:this.backgroundImage})):null,this.overlay&&a("div",{class:"copy-bg-overlay-layer"}),a("div",{class:"content-wrap"},"case-studies"==this.type&&a("div",{class:"ptc-container"},a("div",{class:"card-wrap"},a("div",{class:"card-animated-border"}),a("div",{class:"card-content"},a("div",{class:"card-layout"},a("slot",{name:"card-content"}))))),a("slot",null)))}getSlitFillColor(){let t="#fff";if("auto"==this.topSlitBackgroundColor){let a=getComputedStyle(document.body);a&&a.backgroundColor&&(t=a.backgroundColor)}else t=this.topSlitBackgroundColor;return t}getCssClassMap(){return{[this.type]:!0,[this.slitPosition]:!0,"light-links":this.overlay}}};o.style=':host{display:block;position:relative;width:100%;padding:var(--ptc-layout-spacing-05) var(--ptc-layout-spacing-01);color:var(--color-white)}@media only screen and (min-width: 768px){:host{padding:var(--ptc-layout-spacing-05) var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 992px){:host{padding:var(--ptc-layout-spacing-06) 0}}@media only screen and (min-width: 1200px){:host{padding:var(--ptc-layout-spacing-06) var(--ptc-layout-spacing-03)}}:host .content-wrap{position:relative}:host .tcb-top-slit{fill:#f3f3f3;transform:scale(1.5, -1);position:absolute;top:-1px;right:80px;z-index:99;display:none}@media only screen and (min-width: 992px){:host .tcb-top-slit{display:block}}:host .bg-img-filter{-webkit-filter:url(#blur);filter:url(#blur);-webkit-mask:-webkit-gradient(linear, left top, right top, color-stop(30%, var(--color-black)), to(rgba(0, 0, 0, 0)));-webkit-mask:linear-gradient(90deg, var(--color-black) 30%, rgba(0, 0, 0, 0));-webkit-filter:blur(7px)}:host .copy-bg-image{top:0;left:0;height:100%;width:100%;position:absolute;-o-object-fit:cover;object-fit:cover}@media only screen and (min-width: 992px){:host .copy-bg-image{display:block}}:host .copy-bg-overlay-layer{position:absolute;top:0;left:0;height:100%;width:100%;background:var(--color-black);opacity:0.6}@media only screen and (min-width: 1200px){:host(.hero-footer-cta){padding:calc(var(--ptc-layout-spacing-06) + var(--ptc-layout-spacing-03)) var(--ptc-layout-spacing-03)}}:host(.hero-footer-cta) .copy-bg-overlay-layer{opacity:0.6}:host(.tab-cta-with-background){min-height:400px;padding:var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-02) 88px var(--ptc-layout-spacing-02)}@media only screen and (min-width: 992px){:host(.tab-cta-with-background){display:flex;align-items:center;padding:var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-02)}}@media only screen and (min-width: 1200px){:host(.tab-cta-with-background){padding:var(--ptc-element-spacing-08)}}:host(.tab-cta-with-background) .copy-bg-overlay-layer{background:initial;opacity:1;background-image:linear-gradient(180deg, #fff 30%, rgba(255, 255, 255, 0.9) 63%, rgba(176, 188, 194, 0) 95%)}@media only screen and (min-width: 992px){:host(.tab-cta-with-background) .copy-bg-overlay-layer{background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.95) 43%, rgba(176, 188, 194, 0) 95%)}}:host(.bottom-right) .tcb-top-slit{top:auto;bottom:0;transform:scale(1.5, 1.5)}:host(.case-studies){min-height:25rem;height:auto;margin-bottom:10rem;display:flex;align-items:center}@media only screen and (min-width: 768px){:host(.case-studies){min-height:33.75rem;height:auto;margin-bottom:0;padding-top:var(--ptc-layout-spacing-06)}}:host(.case-studies) .card-wrap{position:relative;border:1px solid transparent;width:100%;height:100%;max-width:540px;bottom:-13rem}@media only screen and (min-width: 768px){:host(.case-studies) .card-wrap{bottom:auto}}:host(.case-studies) .card-wrap::after{position:absolute;width:0;height:1px;content:"";background:#fff;top:0px;left:0px;animation:widthAnimate 0.2s linear 0.2s 1 forwards}:host(.case-studies) .card-wrap::before{position:absolute;width:1px;height:0;content:"";background:#fff;top:0px;right:0px;animation:heightAnimate 0.2s linear 0.4s 1 forwards}:host(.case-studies) .card-wrap .card-animated-border{border:1px solid transparent;position:absolute;left:-1px;right:0;bottom:0px;top:-1px;width:100%;height:100%;box-shadow:var(--ptc-shadow-x-small)}:host(.case-studies) .card-wrap .card-animated-border::after{position:absolute;width:0;height:1px;content:"";background:#fff;bottom:0px;right:0px;animation:widthAnimate 0.2s linear 0.6s 1 forwards}:host(.case-studies) .card-wrap .card-animated-border::before{position:absolute;width:1px;height:0;content:"";background:#fff;bottom:0px;left:0px;animation:heightAnimate 0.2s linear 0.8s 1 forwards}:host(.case-studies) .card-wrap .card-content{opacity:0;animation:fadeIn 0.5s ease-in 0.9s 1 forwards;background-color:transparent;width:100%;height:100%}:host(.case-studies) .card-wrap .card-content .card-layout{padding:var(--ptc-layout-spacing-04);background-color:#fff}@keyframes widthAnimate{0%{width:0}100%{width:100%}}@keyframes heightAnimate{0%{height:0}100%{height:100%}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}:host(.case-studies) .content-wrap{width:100%}:host(.case-studies) .ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){:host(.case-studies) .ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){:host(.case-studies) .ptc-container{padding-left:0;padding-right:0;max-width:1200px}}';export{o as ptc_text_copy_with_background}