@ptcwebops/ptcw-design 3.4.0 → 3.4.2

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

@@ -1,42 +1,42 @@
-export declare class PtcTextCopyWithBackground {
-  /**
-  * Type
-  * Specify  Type, default is text-copy-with-background
-  */
-  type: 'text-copy-with-background' | 'hero-footer-cta' | 'tab-cta-with-background' | 'case-studies';
-  /**
-  * Background image
-  */
-  backgroundImage: string;
-  /**
-  * (optional) Image alt text
-  */
-  ImageAltText?: string;
-  /**
-  * (optional) topSlitBackgroundColor: It will be color value which should match the background of the body. Entering in "auto" will grab the background color of the body on page load.
-  */
-  topSlitBackgroundColor?: string;
-  /**
- * (optional) topSlitPosition: It will decide the position of .
- */
-  slitPosition?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-  /**
-  * (optional) isBackgroundBlur: If true,it will add background blur image effect
-  */
-  isBackgroundBlur?: boolean;
-  /**
-  * (optional) overlay: If true,it will add black overlay with 0.55 opacity
-  */
-  overlay?: boolean;
-  /**
-  * (optional) disableLightLinks: If true, it will not add class for links to be lighter for ADA compliance
-  */
-  disableLightLinks?: boolean;
-  /**
-   *  (optional) Injected CSS Styles
-   */
-  styles?: string;
-  render(): any;
-  private getSlitFillColor;
-  private getCssClassMap;
-}
+export declare class PtcTextCopyWithBackground {
+  /**
+  * Type
+  * Specify  Type, default is text-copy-with-background
+  */
+  type: 'text-copy-with-background' | 'hero-footer-cta' | 'tab-cta-with-background' | 'case-studies';
+  /**
+  * Background image
+  */
+  backgroundImage: string;
+  /**
+  * (optional) Image alt text
+  */
+  ImageAltText?: string;
+  /**
+  * (optional) topSlitBackgroundColor: It will be color value which should match the background of the body. Entering in "auto" will grab the background color of the body on page load.
+  */
+  topSlitBackgroundColor?: string;
+  /**
+ * (optional) topSlitPosition: It will decide the position of .
+ */
+  slitPosition?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+  /**
+  * (optional) isBackgroundBlur: If true,it will add background blur image effect
+  */
+  isBackgroundBlur?: boolean;
+  /**
+  * (optional) overlay: If true,it will add black overlay with 0.55 opacity
+  */
+  overlay?: boolean;
+  /**
+  * (optional) disableLightLinks: If true, it will not add class for links to be lighter for ADA compliance
+  */
+  disableLightLinks?: boolean;
+  /**
+   *  (optional) Injected CSS Styles
+   */
+  styles?: string;
+  render(): any;
+  private getSlitFillColor;
+  private getCssClassMap;
+}

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

@@ -1,36 +1,36 @@
-export declare class PtcTextfield {
-  el: HTMLElement;
-  fieldId: string;
-  type: string;
-  required: boolean;
-  ptcMaxLength?: number;
-  labelText: string;
-  helpertext: string;
-  infoText: string;
-  disabled: boolean;
-  fieldName: string;
-  ptcDataEloquaName: string;
-  ptcDataTargetEloquaName: string;
-  inputValue: string;
-  customValidation: (input: HTMLInputElement) => string;
-  language: string;
-  phoneValidity: 'valid' | 'invalid' | 'validating';
-  mdcTextfieldComponent: any;
-  mdcTextfield: any;
-  customInput: HTMLInputElement;
-  iti: any;
-  handleInput(event: Event): void;
-  handleFocus(event: Event): void;
-  inputBlurHandler(): void;
-  syncCountry(countryCode: string): Promise<void>;
-  validateTextField(): Promise<void>;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  getValidationMessage(type: string): any;
-  getPhoneValidation(): void;
-  setErrorBackground(): void;
-  getInputClassName(): string;
-  getValidationPattern(): string;
-  setHelperText(): void;
-  render(): any;
-}
+export declare class PtcTextfield {
+  el: HTMLElement;
+  fieldId: string;
+  type: string;
+  required: boolean;
+  ptcMaxLength?: number;
+  labelText: string;
+  helpertext: string;
+  infoText: string;
+  disabled: boolean;
+  fieldName: string;
+  ptcDataEloquaName: string;
+  ptcDataTargetEloquaName: string;
+  inputValue: string;
+  customValidation: (input: HTMLInputElement) => string;
+  language: string;
+  phoneValidity: 'valid' | 'invalid' | 'validating';
+  mdcTextfieldComponent: any;
+  mdcTextfield: any;
+  customInput: HTMLInputElement;
+  iti: any;
+  handleInput(event: Event): void;
+  handleFocus(event: Event): void;
+  inputBlurHandler(): void;
+  syncCountry(countryCode: string): Promise<void>;
+  validateTextField(): Promise<void>;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  getValidationMessage(type: string): any;
+  getPhoneValidation(): void;
+  setErrorBackground(): void;
+  getInputClassName(): string;
+  getValidationPattern(): string;
+  setHelperText(): void;
+  render(): any;
+}

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

@@ -1,14 +1,14 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class PtcTheaterVideo {
-  cardTitle?: string;
-  cardDescription?: string;
-  thumbImg?: string;
-  ele: HTMLElement;
-  cardNumber?: number;
-  videoId?: number;
-  vtagName?: string;
-  vCardClicked: EventEmitter;
-  modalType?: 'only-video' | 'video-with-description';
-  showCardDetails(): void;
-  render(): any;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class PtcTheaterVideo {
+  cardTitle?: string;
+  cardDescription?: string;
+  thumbImg?: string;
+  ele: HTMLElement;
+  cardNumber?: number;
+  videoId?: number;
+  vtagName?: string;
+  vCardClicked: EventEmitter;
+  modalType?: 'only-video' | 'video-with-description';
+  showCardDetails(): void;
+  render(): any;
+}

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

@@ -1,16 +1,16 @@
-export declare class PtcTheaterVideoModal {
-  cards: any;
-  showModal: boolean;
-  currentCardIndex: number;
-  hostEl: HTMLElement;
-  filteredTagName: string;
-  modalType: string;
-  updateData(data: any, currentModalIndex: any): Promise<void>;
-  closeCardModal(): void;
-  showNextCard(): void;
-  showPrevCard(): void;
-  componentDidUpdate(): void;
-  initializeVideo(): void;
-  updateVideoPlayer(vId: any): void;
-  render(): any;
-}
+export declare class PtcTheaterVideoModal {
+  cards: any;
+  showModal: boolean;
+  currentCardIndex: number;
+  hostEl: HTMLElement;
+  filteredTagName: string;
+  modalType: string;
+  updateData(data: any, currentModalIndex: any): Promise<void>;
+  closeCardModal(): void;
+  showNextCard(): void;
+  showPrevCard(): void;
+  componentDidUpdate(): void;
+  initializeVideo(): void;
+  updateVideoPlayer(vId: any): void;
+  render(): any;
+}

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

@@ -1,26 +1,26 @@
-export declare class PtcTheaterVideoPlaylist {
-  currentCardIndex: number;
-  private cards;
-  host: HTMLElement;
-  filteredTagName: string;
-  cardElements: any;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  handleFilterClick(event: CustomEvent): void;
-  handleVCardClickedEvent(event: CustomEvent): void;
-  sortCards(filterVideo: any): void;
-  setupCards(): void;
-  updateCardData(cardNumber: number): void;
-  setCardData(cardElement: any, index: any): {
-    title: any;
-    cardDescription: any;
-    descriptionModal: any;
-    videoId: any;
-    vtagName: any;
-    cardNumber: any;
-    index: any;
-    modalType: any;
-  };
-  showCardDetails(index: number): void;
-  render(): any;
-}
+export declare class PtcTheaterVideoPlaylist {
+  currentCardIndex: number;
+  private cards;
+  host: HTMLElement;
+  filteredTagName: string;
+  cardElements: any;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  handleFilterClick(event: CustomEvent): void;
+  handleVCardClickedEvent(event: CustomEvent): void;
+  sortCards(filterVideo: any): void;
+  setupCards(): void;
+  updateCardData(cardNumber: number): void;
+  setCardData(cardElement: any, index: any): {
+    title: any;
+    cardDescription: any;
+    descriptionModal: any;
+    videoId: any;
+    vtagName: any;
+    cardNumber: any;
+    index: any;
+    modalType: any;
+  };
+  showCardDetails(index: number): void;
+  render(): any;
+}

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

@@ -1,61 +1,61 @@
-export declare class PtcTitle {
-  el: HTMLElement;
-  /**
-   * Is this title using on the PLM Hub page
-   */
-  isPlmHub: boolean;
-  /**
-   * Title Tag Type
-   */
-  type: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-  /**
-   * Text Align
-   */
-  textAlign: 'left' | 'center' | 'right' | 'inherit';
-  /**
-   * Upperline Style
-   */
-  upperline: 'dotted' | 'solid' | 'no-upperline';
-  /**
-   * Title Shadow
-   */
-  titleShadow: 'blue' | 'red' | 'green' | 'orange' | 'slate-grey';
-  /**
-   * Title color
-   */
-  titleColor: 'black' | 'white' | 'gray' | 'gray-darker' | 'gray-1';
-  /**
-   * Title Margin
-   */
-  titleMargin?: 'margin-flush' | 'margin-top-3' | 'margin-top-4' | 'margin-top-5' | 'margin-top-6' | 'margin-bottom-3' | 'margin-bottom-4' | 'margin-bottom-5' | 'margin-bottom-6' | 'margin-3' | 'margin-4' | 'margin-5' | 'margin-6' | 'margin-9';
-  /**
-   * Title weight
-   */
-  titleWeight: 'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9';
-  /**
-   * Title size
-   */
-  titleSize: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large' | 'xxxx-large-allbp' | 'xx-large-allbp' | 'xxxx-large-desktop' | 'xxxx-large-store';
-  /**
-   * Title line height
-   */
-  titleHeight: 'densest' | 'denser' | 'dense' | 'normal' | 'loose' | 'looser' | 'paragraph';
-  styles?: string;
-  /**
-   * Line number to cut text off at and add ellipsis
-   */
-  ellipsisLineCutoff?: number;
-  /**
-   * Title heading display : To show line above heading full width or title width
-   */
-  titleDisplay: 'block' | 'inline-block';
-  /**
-   * (optional) enable support for seo tools that can only view source
-   */
-  seoCompatibilityMode: boolean;
-  render(): any;
-  seoCompRender(): any;
-  standardRender(): any;
-  private getCssClassMap;
-  private getLineCuttoff;
-}
+export declare class PtcTitle {
+  el: HTMLElement;
+  /**
+   * Is this title using on the PLM Hub page
+   */
+  isPlmHub: boolean;
+  /**
+   * Title Tag Type
+   */
+  type: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+  /**
+   * Text Align
+   */
+  textAlign: 'left' | 'center' | 'right' | 'inherit';
+  /**
+   * Upperline Style
+   */
+  upperline: 'dotted' | 'solid' | 'no-upperline';
+  /**
+   * Title Shadow
+   */
+  titleShadow: 'blue' | 'red' | 'green' | 'orange' | 'slate-grey';
+  /**
+   * Title color
+   */
+  titleColor: 'black' | 'white' | 'gray' | 'gray-darker' | 'gray-1';
+  /**
+   * Title Margin
+   */
+  titleMargin?: 'margin-flush' | 'margin-top-3' | 'margin-top-4' | 'margin-top-5' | 'margin-top-6' | 'margin-bottom-3' | 'margin-bottom-4' | 'margin-bottom-5' | 'margin-bottom-6' | 'margin-3' | 'margin-4' | 'margin-5' | 'margin-6' | 'margin-9';
+  /**
+   * Title weight
+   */
+  titleWeight: 'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9';
+  /**
+   * Title size
+   */
+  titleSize: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large' | 'xxxx-large-allbp' | 'xx-large-allbp' | 'xxxx-large-desktop' | 'xxxx-large-store';
+  /**
+   * Title line height
+   */
+  titleHeight: 'densest' | 'denser' | 'dense' | 'normal' | 'loose' | 'looser' | 'paragraph';
+  styles?: string;
+  /**
+   * Line number to cut text off at and add ellipsis
+   */
+  ellipsisLineCutoff?: number;
+  /**
+   * Title heading display : To show line above heading full width or title width
+   */
+  titleDisplay: 'block' | 'inline-block';
+  /**
+   * (optional) enable support for seo tools that can only view source
+   */
+  seoCompatibilityMode: boolean;
+  render(): any;
+  seoCompRender(): any;
+  standardRender(): any;
+  private getCssClassMap;
+  private getLineCuttoff;
+}

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

@@ -1,63 +1,63 @@
-export declare class PtcTooltip {
-  el: HTMLElement;
-  /**
-   * Component Display
-   * please don't set it to be inline-block
-   */
-  textDisplay: 'inline' | 'block';
-  /**
-   * max length
-   */
-  maxLength: number;
-  /**
-   * Ellipsis apply to X lines
-   * @returns  string
-   */
-  textLines?: number;
-  /**
-   * injected Description
-   */
-  description: string;
-  /**
-   * index of hover element
-   */
-  zIndex: 'z-auto' | 'z-1' | 'z-2' | 'z-3' | 'z-999';
-  /**
-   * Tooltip position
-   */
-  position: 'left' | 'right' | 'bottom' | 'bottom-right' | 'top';
-  /**
-   *  (optional) Injected CSS Styles
-   */
-  styles?: string;
-  /**
-   * If tool tip is only for text use 'text-only' otherwise it will wrap content instead of replacing
-   */
-  mode: 'wrapper' | 'text-only';
-  /**
-   * If tool tip is only for text use 'text-only' otherwise it will wrap content instead of replacing
-   */
-  theme: 'standard' | 'danger';
-  /**
-   * This will make the width 100% respective to its parent
-   */
-  width?: 'full-width' | 'default';
-  /**
-   * If tooltip hide-on-mobile = "true" then the tooltip will not be visible belwo 768px devices
-   */
-  hideOnMobile?: boolean;
-  isSmallScreen: boolean;
-  /**
-   * If tooltip noOverflow = "true" then the tooltip will not be visible just ellipses will be visible
-   */
-  noOverflow?: boolean;
-  addTruncatedClass(): void;
-  windowResize(): void;
-  verifiyScreenSize(): void;
-  enableAddTruncatedClass(element: any): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  render(): any;
-  private getCssClassMap;
-  private getLineCuttoff;
-}
+export declare class PtcTooltip {
+  el: HTMLElement;
+  /**
+   * Component Display
+   * please don't set it to be inline-block
+   */
+  textDisplay: 'inline' | 'block';
+  /**
+   * max length
+   */
+  maxLength: number;
+  /**
+   * Ellipsis apply to X lines
+   * @returns  string
+   */
+  textLines?: number;
+  /**
+   * injected Description
+   */
+  description: string;
+  /**
+   * index of hover element
+   */
+  zIndex: 'z-auto' | 'z-1' | 'z-2' | 'z-3' | 'z-999';
+  /**
+   * Tooltip position
+   */
+  position: 'left' | 'right' | 'bottom' | 'bottom-right' | 'top';
+  /**
+   *  (optional) Injected CSS Styles
+   */
+  styles?: string;
+  /**
+   * If tool tip is only for text use 'text-only' otherwise it will wrap content instead of replacing
+   */
+  mode: 'wrapper' | 'text-only';
+  /**
+   * If tool tip is only for text use 'text-only' otherwise it will wrap content instead of replacing
+   */
+  theme: 'standard' | 'danger';
+  /**
+   * This will make the width 100% respective to its parent
+   */
+  width?: 'full-width' | 'default';
+  /**
+   * If tooltip hide-on-mobile = "true" then the tooltip will not be visible belwo 768px devices
+   */
+  hideOnMobile?: boolean;
+  isSmallScreen: boolean;
+  /**
+   * If tooltip noOverflow = "true" then the tooltip will not be visible just ellipses will be visible
+   */
+  noOverflow?: boolean;
+  addTruncatedClass(): void;
+  windowResize(): void;
+  verifiyScreenSize(): void;
+  enableAddTruncatedClass(element: any): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  render(): any;
+  private getCssClassMap;
+  private getLineCuttoff;
+}

package/dist/types/components/ptc-two-column-media/ptc-two-column-media.d.ts

@@ -1,9 +1,9 @@
-export declare class PtcTwoColumnMedia {
-  /**
-   * Card Type
-   * Specify Card Type,
-   */
-  componentType: 'two-column-media' | 'two-column-media-icon-list' | 'two-column-text';
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcTwoColumnMedia {
+  /**
+   * Card Type
+   * Specify Card Type,
+   */
+  componentType: 'two-column-media' | 'two-column-media-icon-list' | 'two-column-text';
+  render(): any;
+  private getCssClassMap;
+}

package/dist/types/components/ptc-value-led-card/ptc-value-led-card.d.ts

@@ -1,5 +1,5 @@
-export declare class PtcValueLedCard {
-  cardTitle?: string;
-  cardImage?: string;
-  render(): any;
-}
+export declare class PtcValueLedCard {
+  cardTitle?: string;
+  cardImage?: string;
+  render(): any;
+}

package/dist/types/components/ptc-value-led-content/ptc-value-led-content.d.ts

@@ -1,3 +1,3 @@
-export declare class PtcValueLedContent {
-  render(): any;
-}
+export declare class PtcValueLedContent {
+  render(): any;
+}

package/dist/types/components/ptc-value-led-content-highlight/ptc-value-led-content-highlight.d.ts

@@ -1,3 +1,3 @@
-export declare class PtcValueLedContentHighlight {
-  render(): any;
-}
+export declare class PtcValueLedContentHighlight {
+  render(): any;
+}

package/dist/types/components/ptc-value-led-intro/ptc-value-led-intro.d.ts

@@ -1,4 +1,4 @@
-export declare class PtcValueLedIntro {
-  contentTag: string;
-  render(): any;
-}
+export declare class PtcValueLedIntro {
+  contentTag: string;
+  render(): any;
+}

package/dist/types/components/ptc-value-led-layout/ptc-value-led-layout.d.ts

@@ -1,25 +1,25 @@
-export declare class PtcValueLedLayout {
-  hostElement: HTMLElement;
-  topBackgroundImage: string;
-  isMobile: boolean;
-  sidebarData: any;
-  dropFlag: boolean;
-  selectedValue: any;
-  optionsList: any;
-  mobileSelect: any;
-  selectBtn: any;
-  customSelect: any;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  handleWheel(event: WheelEvent): void;
-  handleKeyDown(event: KeyboardEvent): void;
-  handleResize(): void;
-  handleDropdownScroll(): void;
-  handleSelectButtonClick(): void;
-  getSidebarList(): void;
-  setActiveItem(): void;
-  updateActiveItem(index: number): void;
-  handleSelectChange(selectedIndex?: number): void;
-  customSelectDropdown(): void;
-  render(): any;
-}
+export declare class PtcValueLedLayout {
+  hostElement: HTMLElement;
+  topBackgroundImage: string;
+  isMobile: boolean;
+  sidebarData: any;
+  dropFlag: boolean;
+  selectedValue: any;
+  optionsList: any;
+  mobileSelect: any;
+  selectBtn: any;
+  customSelect: any;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  handleWheel(event: WheelEvent): void;
+  handleKeyDown(event: KeyboardEvent): void;
+  handleResize(): void;
+  handleDropdownScroll(): void;
+  handleSelectButtonClick(): void;
+  getSidebarList(): void;
+  setActiveItem(): void;
+  updateActiveItem(index: number): void;
+  handleSelectChange(selectedIndex?: number): void;
+  customSelectDropdown(): void;
+  render(): any;
+}

package/dist/types/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.d.ts

@@ -1,10 +1,10 @@
-export declare class PtcValueLedSpeedBump {
-  cardTitle?: string;
-  cardImage?: string;
-  isMobile: boolean;
-  ctaLink?: string;
-  ctaTarget?: string;
-  handleResize(): void;
-  componentWillLoad(): void;
-  render(): any;
-}
+export declare class PtcValueLedSpeedBump {
+  cardTitle?: string;
+  cardImage?: string;
+  isMobile: boolean;
+  ctaLink?: string;
+  ctaTarget?: string;
+  handleResize(): void;
+  componentWillLoad(): void;
+  render(): any;
+}