@ptcwebops/ptcw-design 6.3.29 → 6.3.30-beta

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

@@ -15,7 +15,7 @@ export declare class PtcPara {
   /**
    * Paragraph Color
    */
-  paraColor: 'primary-grey' | 'white' | 'gray-darker';
+  paraColor: 'primary-grey' | 'primary-green' | 'white' | 'gray-darker';
   /**
    * line height
    */

package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts

@@ -1,9 +1,11 @@
 export declare class PtcPreviousUrl {
   href: string | undefined;
   text: string | undefined;
+  theme: 'standard' | 'light';
   /**
    * (optional) Injected CSS styles
    **/
   styles?: string;
   render(): any;
+  private getCssClassMap;
 }

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

@@ -15,7 +15,7 @@ export declare class PtcProductList {
   sortCards(searchItem: any): void;
   componentDidLoad(): void;
   hideAllCards(selectedCard: any): void;
-  handleClick(event: any): void;
+  handleClick(event: MouseEvent): void;
   addIds(): void;
   render(): any;
 }

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

@@ -17,7 +17,6 @@ export declare class PtcProductSidebar {
   categoryListHTML: any;
   productListWrap: any;
   clearBtn: any;
-  inputBox: any;
   suggestionList: {
     categoryName: string;
     products: string[];
@@ -27,14 +26,12 @@ export declare class PtcProductSidebar {
   getDomData(): void;
   handleInputChange(event: Event): void;
   getSuggestions(): void;
-  handleSelectSuggestion(suggestion: string, event: any): void;
+  handleSelectSuggestion(suggestion: string, event: MouseEvent): void;
   handleKeyUp(e: any): void;
-  handleKeyDownClearCta(e: any): void;
-  clearSearch(event: any): void;
+  clearSearch(event: MouseEvent): void;
   handleDropdownTouched(event: CustomEvent): void;
   handleClick(): void;
-  handleclearCtaClicked(eve: any): void;
+  handleclearCtaClicked(event: CustomEvent): void;
   handleSelectedValues(event: CustomEvent): void;
-  handleSuggestionKeyDown(e: any, index: number, suggestion: string): void;
   render(): any;
 }

package/dist/types/components/ptc-related-card-rail/ptc-related-card-rail.d.ts

@@ -13,8 +13,6 @@ export declare class PtcRelatedCardRail {
    */
   footerQuerySelector: string;
   railTitle: string;
-  isVisible: boolean;
-  onVisibleChanged(newValue: boolean): void;
   closed: boolean;
   cardInView: number;
   data: {
@@ -30,7 +28,6 @@ export declare class PtcRelatedCardRail {
   };
   openedByKeyboard: boolean;
   focusTrap: FocusTrap | undefined;
-  setFocusTrap: () => void;
   setScreenBasedProps: () => void;
   handlePrevClick: () => void;
   handleNextClick: () => void;

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

@@ -31,7 +31,7 @@ export declare class PtcSelect {
   setFocusToFirstMenuitem(): void;
   setFocusToNextMenuitem(currentMenuitem: HTMLElement): void;
   setFocusToPreviousMenuitem(currentMenuitem: HTMLElement): void;
-  getValidationMessage(type: string): string;
+  getValidationMessage(type: string): any;
   getSelectClassName(): string;
   setupFocusHandlers(): void;
   render(): any;

package/dist/types/components/ptc-text-copy-with-background/ptc-text-copy-with-background.d.ts

@@ -36,8 +36,6 @@ export declare class PtcTextCopyWithBackground {
    *  (optional) Injected CSS Styles
    */
   styles?: string;
-  hostEle: HTMLElement;
-  componentDidLoad(): void;
   render(): any;
   private getSlitFillColor;
   private getCssClassMap;

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

@@ -1,66 +1,21 @@
 export declare class PtcTextfield {
   el: HTMLElement;
-  /**
-   * ID
-   */
   fieldId: string;
-  /**
-   * text, button, email, file and etc. This value triggers different validation
-   */
   type: string;
-  /**
-   * Is this a mandatory field?
-   */
   required: boolean;
-  /**
-   * Text counter limit
-   */
   ptcMaxLength?: number;
-  /**
-   * Label Text
-   */
   labelText: string;
-  /**
-   * Validation text (red)
-   */
   helpertext: string;
-  /**
-   * Info Text (black)
-   */
   infoText: string;
-  /**
-   * Alert Text
-   */
   alertText: string;
-  /**
-   * Alert Text Content
-   */
   alertTextContent: string;
-  /**
-   * Disable the field
-   */
   disabled: boolean;
-  /**
-   * input "name" value. e.g.: 'phone', 'email', 'firstname', 'lastname'
-   */
   fieldName: string;
-  /**
-   * Eloqua Data Name (for the eloqua)
-   */
   ptcDataEloquaName: string;
-  /**
-   * Eloqua Target Data Name (for the eloqua)
-   */
   ptcDataTargetEloquaName: string;
   inputValue: string;
-  /**
-   * Custom Validation - String
-   */
   customValidation: (input: HTMLInputElement) => string;
   language: string;
-  /**
-   * Ignore Blind Submit?
-   */
   ignoreBlindSubmit: boolean;
   lastInteraction: 'mouse' | 'keyboard';
   phoneValidity: 'valid' | 'invalid' | 'validating';
@@ -69,31 +24,22 @@ export declare class PtcTextfield {
   customInput: HTMLInputElement;
   iti: any;
   matchStatus: boolean;
-  /**
-   * Place holder Text
-   */
   placeholderText: string;
-  /**
-   * Inject styles for customization
-   */
   styles: string;
-  /**
-   * Text Field Form
-   */
   textfieldForm: 'default' | 'email-signup';
   handleInput(event: Event): void;
   handleFocus(event: Event): void;
   inputBlurHandler(): void;
   syncCountry(countryCode: string): Promise<void>;
   validateTextField(): Promise<void>;
-  getValidationMessage(type: string): Promise<string>;
   componentWillLoad(): void;
   componentDidLoad(): void;
+  getValidationMessage(type: string): any;
   getPhoneValidation(): void;
   setErrorBackground(): void;
   getInputClassName(): string;
   getValidationPattern(): string;
-  setHelperText(): Promise<void>;
+  setHelperText(): void;
   setupFocusHandlers(): void;
   render(): any;
 }

package/dist/types/components/ptc-theater-video-modal/ptc-theater-video-modal.d.ts

@@ -1,4 +1,3 @@
-import { EventEmitter } from '../../stencil-public-runtime';
 export declare class PtcTheaterVideoModal {
   cards: any;
   showModal: boolean;
@@ -6,11 +5,7 @@ export declare class PtcTheaterVideoModal {
   hostEl: HTMLElement;
   filteredTagName: string;
   modalType: string;
-  modalClosed: EventEmitter;
-  focusCardElement: any;
-  trap: any;
-  modalPopUpRef?: HTMLDivElement;
-  updateData(data: any, currentModalIndex: any, cardElement?: HTMLElement): Promise<void>;
+  updateData(data: any, currentModalIndex: any): Promise<void>;
   closeCardModal(): void;
   showNextCard(): void;
   showPrevCard(): void;

package/dist/types/components/ptc-theater-video-playlist/ptc-theater-video-playlist.d.ts

@@ -21,6 +21,6 @@ export declare class PtcTheaterVideoPlaylist {
     index: any;
     modalType: any;
   };
-  showCardDetails(index: number, cardElement?: HTMLElement): void;
+  showCardDetails(index: number): void;
   render(): any;
 }

package/dist/types/components/ptc-white-paper/ptc-white-paper.d.ts

@@ -36,7 +36,7 @@ export declare class PtcWhitePaper {
   handleNextPage(): void;
   renderPaginationButtons(): any[];
   renderContent(item: Record<string, ComponentData>, index: number): any;
-  renderTwoColumnText(_: any, index: any): any;
+  renderTwoColumnText(comp: any, index: any): any;
   renderfullspanMedia(comp: any, index: any): any;
   renderFullspanText(comp: any, index: any): any;
   render(): any;

package/dist/types/components.d.ts

@@ -172,6 +172,8 @@ export namespace Components {
          */
         "styles"?: string;
     }
+    interface ModalFormExample {
+    }
     interface MostPopularNews {
         "topTitle": string;
     }
@@ -404,8 +406,7 @@ export namespace Components {
         /**
           * Button theme color
          */
-        "color": 'offwhite' | 'blackgrey' | 'turtlegreen' | 'nav' | 'legacy-green' | 'ptc-primary' | 'ptc-secondary' | 'ptc-tertiary' | 'ptc-quaternary' | 'icon-toggle' | 'clear-search' | 'primary-cta' | 'secondary-cta-dark' | 'secondary-cta-light';
-        "ctaWidth": 'full-width' | 'default';
+        "color": 'offwhite' | 'blackgrey' | 'turtlegreen' | 'nav' | 'legacy-green' | 'ptc-primary' | 'ptc-secondary' | 'ptc-tertiary' | 'ptc-quaternary' | 'icon-toggle' | 'clear-search';
         /**
           * Add dark-focus-state property where button is present on dark backgrounds
          */
@@ -1027,7 +1028,6 @@ export namespace Components {
           * (optional) Injected CSS Styles
          */
         "styles"?: string;
-        "target": string;
         "trackerId"?: string;
         "variant": 'image' | 'text';
     }
@@ -1263,7 +1263,6 @@ export namespace Components {
           * Sets if popup should overlay
          */
         "fixed"?: boolean;
-        "focusBackElement": any;
         "headerOnlyBg"?: string;
         "headerOnlyText1"?: string;
         "headerOnlyText2"?: string;
@@ -1306,7 +1305,7 @@ export namespace Components {
         /**
           * Sets if popup should close if click on outside
          */
-        "size"?: 'sm' | 'md' | 'lg' | 'xl' | 'max' | 'sm-modal';
+        "size"?: 'sm' | 'md' | 'lg' | 'xl' | 'fit-content' | 'max' | 'sm-modal';
         /**
           * (optional) Injected CSS Styles
          */
@@ -1395,11 +1394,8 @@ export namespace Components {
     interface PtcNavPills {
     }
     interface PtcNavSkipToContent {
-        "appendSelector": string;
         "buttonText": string;
         "sectionId": string;
-        "xOffset": number;
-        "yOffset": number;
     }
     interface PtcNavSlider {
         /**
@@ -1564,7 +1560,7 @@ export namespace Components {
         /**
           * Paragraph Color
          */
-        "paraColor": 'primary-grey' | 'white' | 'gray-darker';
+        "paraColor": 'primary-grey' | 'primary-green' | 'white' | 'gray-darker';
         /**
           * line height
          */
@@ -1728,6 +1724,7 @@ export namespace Components {
          */
         "styles"?: string;
         "text": string | undefined;
+        "theme": 'standard' | 'light';
     }
     interface PtcPricingAddOnCard {
         /**
@@ -2054,7 +2051,6 @@ export namespace Components {
           * Query selector of page footer above which the related card rail will unstick
          */
         "footerQuerySelector": string;
-        "isVisible": boolean;
         "railTitle": string;
     }
     interface PtcResponsiveWrapper {
@@ -2458,80 +2454,25 @@ export namespace Components {
         "type": 'text-copy-with-background' | 'hero-footer-cta' | 'tab-cta-with-background' | 'case-studies';
     }
     interface PtcTextfield {
-        /**
-          * Alert Text
-         */
         "alertText": string;
-        /**
-          * Alert Text Content
-         */
         "alertTextContent": string;
-        /**
-          * Custom Validation - String
-         */
         "customValidation": (input: HTMLInputElement) => string;
-        /**
-          * Disable the field
-         */
         "disabled": boolean;
-        /**
-          * ID
-         */
         "fieldId": string;
-        /**
-          * input "name" value. e.g.: 'phone', 'email', 'firstname', 'lastname'
-         */
         "fieldName": string;
-        "getValidationMessage": (type: string) => Promise<string>;
-        /**
-          * Validation text (red)
-         */
         "helpertext": string;
-        /**
-          * Ignore Blind Submit?
-         */
         "ignoreBlindSubmit": boolean;
-        /**
-          * Info Text (black)
-         */
         "infoText": string;
         "inputValue": string;
-        /**
-          * Label Text
-         */
         "labelText": string;
-        /**
-          * Place holder Text
-         */
         "placeholderText": string;
-        /**
-          * Eloqua Data Name (for the eloqua)
-         */
         "ptcDataEloquaName": string;
-        /**
-          * Eloqua Target Data Name (for the eloqua)
-         */
         "ptcDataTargetEloquaName": string;
-        /**
-          * Text counter limit
-         */
         "ptcMaxLength"?: number;
-        /**
-          * Is this a mandatory field?
-         */
         "required": boolean;
-        /**
-          * Inject styles for customization
-         */
         "styles": string;
         "syncCountry": (countryCode: string) => Promise<void>;
-        /**
-          * Text Field Form
-         */
         "textfieldForm": 'default' | 'email-signup';
-        /**
-          * text, button, email, file and etc. This value triggers different validation
-         */
         "type": string;
         "validateTextField": () => Promise<void>;
     }
@@ -2545,7 +2486,7 @@ export namespace Components {
         "vtagName"?: string;
     }
     interface PtcTheaterVideoModal {
-        "updateData": (data: any, currentModalIndex: any, cardElement?: HTMLElement) => Promise<void>;
+        "updateData": (data: any, currentModalIndex: any) => Promise<void>;
     }
     interface PtcTheaterVideoPlaylist {
         "cardElements": any;
@@ -3009,10 +2950,6 @@ export interface PtcTheaterVideoCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPtcTheaterVideoElement;
 }
-export interface PtcTheaterVideoModalCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLPtcTheaterVideoModalElement;
-}
 export interface PtcWhitePaperCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPtcWhitePaperElement;
@@ -3184,6 +3121,12 @@ declare global {
         prototype: HTMLMaxWidthContainerElement;
         new (): HTMLMaxWidthContainerElement;
     };
+    interface HTMLModalFormExampleElement extends Components.ModalFormExample, HTMLStencilElement {
+    }
+    var HTMLModalFormExampleElement: {
+        prototype: HTMLModalFormExampleElement;
+        new (): HTMLModalFormExampleElement;
+    };
     interface HTMLMostPopularNewsElement extends Components.MostPopularNews, HTMLStencilElement {
     }
     var HTMLMostPopularNewsElement: {
@@ -4106,6 +4049,7 @@ declare global {
         "jumbotron-sub-mune": HTMLJumbotronSubMuneElement;
         "list-item": HTMLListItemElement;
         "max-width-container": HTMLMaxWidthContainerElement;
+        "modal-form-example": HTMLModalFormExampleElement;
         "most-popular-news": HTMLMostPopularNewsElement;
         "my-component": HTMLMyComponentElement;
         "news-search-result": HTMLNewsSearchResultElement;
@@ -4429,6 +4373,8 @@ declare namespace LocalJSX {
          */
         "styles"?: string;
     }
+    interface ModalFormExample {
+    }
     interface MostPopularNews {
         "topTitle"?: string;
     }
@@ -4667,8 +4613,7 @@ declare namespace LocalJSX {
         /**
           * Button theme color
          */
-        "color"?: 'offwhite' | 'blackgrey' | 'turtlegreen' | 'nav' | 'legacy-green' | 'ptc-primary' | 'ptc-secondary' | 'ptc-tertiary' | 'ptc-quaternary' | 'icon-toggle' | 'clear-search' | 'primary-cta' | 'secondary-cta-dark' | 'secondary-cta-light';
-        "ctaWidth"?: 'full-width' | 'default';
+        "color"?: 'offwhite' | 'blackgrey' | 'turtlegreen' | 'nav' | 'legacy-green' | 'ptc-primary' | 'ptc-secondary' | 'ptc-tertiary' | 'ptc-quaternary' | 'icon-toggle' | 'clear-search';
         /**
           * Add dark-focus-state property where button is present on dark backgrounds
          */
@@ -5310,7 +5255,6 @@ declare namespace LocalJSX {
           * (optional) Injected CSS Styles
          */
         "styles"?: string;
-        "target"?: string;
         "trackerId"?: string;
         "variant"?: 'image' | 'text';
     }
@@ -5547,7 +5491,6 @@ declare namespace LocalJSX {
           * Sets if popup should overlay
          */
         "fixed"?: boolean;
-        "focusBackElement"?: any;
         "headerOnlyBg"?: string;
         "headerOnlyText1"?: string;
         "headerOnlyText2"?: string;
@@ -5595,7 +5538,7 @@ declare namespace LocalJSX {
         /**
           * Sets if popup should close if click on outside
          */
-        "size"?: 'sm' | 'md' | 'lg' | 'xl' | 'max' | 'sm-modal';
+        "size"?: 'sm' | 'md' | 'lg' | 'xl' | 'fit-content' | 'max' | 'sm-modal';
         /**
           * (optional) Injected CSS Styles
          */
@@ -5687,11 +5630,8 @@ declare namespace LocalJSX {
     interface PtcNavPills {
     }
     interface PtcNavSkipToContent {
-        "appendSelector"?: string;
         "buttonText"?: string;
         "sectionId"?: string;
-        "xOffset"?: number;
-        "yOffset"?: number;
     }
     interface PtcNavSlider {
         /**
@@ -5862,7 +5802,7 @@ declare namespace LocalJSX {
         /**
           * Paragraph Color
          */
-        "paraColor"?: 'primary-grey' | 'white' | 'gray-darker';
+        "paraColor"?: 'primary-grey' | 'primary-green' | 'white' | 'gray-darker';
         /**
           * line height
          */
@@ -6024,6 +5964,7 @@ declare namespace LocalJSX {
          */
         "styles"?: string;
         "text"?: string | undefined;
+        "theme"?: 'standard' | 'light';
     }
     interface PtcPricingAddOnCard {
         /**
@@ -6371,7 +6312,6 @@ declare namespace LocalJSX {
           * Query selector of page footer above which the related card rail will unstick
          */
         "footerQuerySelector"?: string;
-        "isVisible"?: boolean;
         "railTitle"?: string;
     }
     interface PtcResponsiveWrapper {
@@ -6777,78 +6717,24 @@ declare namespace LocalJSX {
         "type"?: 'text-copy-with-background' | 'hero-footer-cta' | 'tab-cta-with-background' | 'case-studies';
     }
     interface PtcTextfield {
-        /**
-          * Alert Text
-         */
         "alertText"?: string;
-        /**
-          * Alert Text Content
-         */
         "alertTextContent"?: string;
-        /**
-          * Custom Validation - String
-         */
         "customValidation"?: (input: HTMLInputElement) => string;
-        /**
-          * Disable the field
-         */
         "disabled"?: boolean;
-        /**
-          * ID
-         */
         "fieldId"?: string;
-        /**
-          * input "name" value. e.g.: 'phone', 'email', 'firstname', 'lastname'
-         */
         "fieldName"?: string;
-        /**
-          * Validation text (red)
-         */
         "helpertext"?: string;
-        /**
-          * Ignore Blind Submit?
-         */
         "ignoreBlindSubmit"?: boolean;
-        /**
-          * Info Text (black)
-         */
         "infoText"?: string;
         "inputValue"?: string;
-        /**
-          * Label Text
-         */
         "labelText"?: string;
-        /**
-          * Place holder Text
-         */
         "placeholderText"?: string;
-        /**
-          * Eloqua Data Name (for the eloqua)
-         */
         "ptcDataEloquaName"?: string;
-        /**
-          * Eloqua Target Data Name (for the eloqua)
-         */
         "ptcDataTargetEloquaName"?: string;
-        /**
-          * Text counter limit
-         */
         "ptcMaxLength"?: number;
-        /**
-          * Is this a mandatory field?
-         */
         "required"?: boolean;
-        /**
-          * Inject styles for customization
-         */
         "styles"?: string;
-        /**
-          * Text Field Form
-         */
         "textfieldForm"?: 'default' | 'email-signup';
-        /**
-          * text, button, email, file and etc. This value triggers different validation
-         */
         "type"?: string;
     }
     interface PtcTheaterVideo {
@@ -6862,7 +6748,6 @@ declare namespace LocalJSX {
         "vtagName"?: string;
     }
     interface PtcTheaterVideoModal {
-        "onModalClosed"?: (event: PtcTheaterVideoModalCustomEvent<any>) => void;
     }
     interface PtcTheaterVideoPlaylist {
         "cardElements"?: any;
@@ -7165,6 +7050,7 @@ declare namespace LocalJSX {
         "jumbotron-sub-mune": JumbotronSubMune;
         "list-item": ListItem;
         "max-width-container": MaxWidthContainer;
+        "modal-form-example": ModalFormExample;
         "most-popular-news": MostPopularNews;
         "my-component": MyComponent;
         "news-search-result": NewsSearchResult;
@@ -7347,6 +7233,7 @@ declare module "@stencil/core" {
             "jumbotron-sub-mune": LocalJSX.JumbotronSubMune & JSXBase.HTMLAttributes<HTMLJumbotronSubMuneElement>;
             "list-item": LocalJSX.ListItem & JSXBase.HTMLAttributes<HTMLListItemElement>;
             "max-width-container": LocalJSX.MaxWidthContainer & JSXBase.HTMLAttributes<HTMLMaxWidthContainerElement>;
+            "modal-form-example": LocalJSX.ModalFormExample & JSXBase.HTMLAttributes<HTMLModalFormExampleElement>;
             "most-popular-news": LocalJSX.MostPopularNews & JSXBase.HTMLAttributes<HTMLMostPopularNewsElement>;
             "my-component": LocalJSX.MyComponent & JSXBase.HTMLAttributes<HTMLMyComponentElement>;
             "news-search-result": LocalJSX.NewsSearchResult & JSXBase.HTMLAttributes<HTMLNewsSearchResultElement>;

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

@@ -0,0 +1,9 @@
+// Extend the global Window interface to include the Eloqua function
+declare global {
+  interface Window {
+    GetElqContentPersonalizationValue: (fieldName: string) => string;
+    GetElqGroupMembershipStatus: (fieldName: string) => string;
+    SetElqContent: () => void;
+  }
+}
+export {};