@ptcwebops/ptcw-design 6.3.37 → 6.3.38

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

@@ -1,8 +1,8 @@
 export declare class PtcSocialShare {
   el: HTMLElement;
   trackerId: string;
-  display?: 'inline-block' | 'block' | 'inline' | 'flex';
-  shareType?: 'mail' | 'twitter' | 'linkedin' | 'facebook' | 'share-api' | 'download' | 'blog-mail' | 'blog-twitter' | 'blog-linkedin' | 'blog-facebook';
+  display?: "inline-block" | "block" | "inline" | "flex";
+  shareType?: "mail" | "twitter" | "linkedin" | "facebook" | "share-api" | "download" | "blog-mail" | "blog-twitter" | "blog-linkedin" | "blog-facebook";
   shareTitle: string;
   text: string;
   url: string;
@@ -16,21 +16,21 @@ export declare class PtcSocialShare {
    */
   recipient?: string;
   /**
-  * Icon asset color
-  */
-  iconColor?: 'black' | 'white' | 'ptc-green' | 'gray' | 'primary-gray' | 'inherit';
+   * Icon asset color
+   */
+  iconColor?: "black" | "white" | "ptc-green" | "gray" | "primary-gray" | "inherit";
   /**
-* Icon asset hover color
-*/
-  iconHoverColor?: 'black' | 'white' | 'ptc-green' | 'gray' | 'primary-gray' | 'inherit';
+   * Icon asset hover color
+   */
+  iconHoverColor?: "black" | "white" | "ptc-green" | "gray" | "primary-gray" | "inherit";
   /**
    * is hover or not
    */
   isHover: boolean;
   /**
-  * Icon Size
-  */
-  iconSize?: 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large';
+   * Icon Size
+   */
+  iconSize?: "small" | "medium" | "large" | "x-large" | "xx-large" | "xxx-large" | "xxxx-large";
   /**
    *  darkFocusState for dark background
    */

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

@@ -2,15 +2,15 @@ export declare class PtcSpacer {
   /**
    * Breakpoint
    */
-  breakpoint: '' | 'medium' | 'small' | 'large' | 'x-large' | 'xx-large' | 'x-small' | 'xx-small' | 'xxx-large';
+  breakpoint: "" | "medium" | "small" | "large" | "x-large" | "xx-large" | "x-small" | "xx-small" | "xxx-large";
   /**
    * Spacing Size
    */
-  size: 'large' | 'medium' | 'small' | 'x-large' | 'x-small' | 'xx-large' | 'xx-small' | 'xxx-large' | 'xxxx-large' | 'space-144' | 'space-120' | 'space-128';
+  size: "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "xxxx-large" | "space-144" | "space-120" | "space-128";
   /**
    * Direction
    */
-  direction: 'vertical' | 'horizontal';
+  direction: "vertical" | "horizontal";
   render(): any;
   private getCssClassMap;
 }

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

@@ -2,15 +2,15 @@ export declare class PtcSpan {
   /**
    * Span Style
    */
-  spanStyle: 'link-style' | 'tag-style' | 'nav-style' | 'plm-hub-style' | 'plm-hub-style-smaller' | 'blog-tag';
+  spanStyle: "link-style" | "tag-style" | "nav-style" | "plm-hub-style" | "plm-hub-style-smaller" | "blog-tag";
   /**
    * Display
    */
-  display: 'block' | 'inline-block' | 'inline';
+  display: "block" | "inline-block" | "inline";
   /**
    * Span weight
    */
-  fontWeight: 'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9';
+  fontWeight: "w-3" | "w-4" | "w-5" | "w-6" | "w-7" | "w-8" | "w-9";
   /**
    * Injected Styles
    */

package/dist/types/components/ptc-square-card/ptc-square-card.d.ts

@@ -6,6 +6,6 @@ export declare class PtcSquareCard {
   /**
    * Arrow Direction
    */
-  arrowDirection?: 'up' | 'down';
+  arrowDirection?: "up" | "down";
   render(): any;
 }

package/dist/types/components/ptc-svg-btn/ptc-svg-btn.d.ts

@@ -6,7 +6,7 @@ export declare class PtcSvgBtn {
   /**
    * Display
    */
-  display: 'block' | 'inline' | 'inline-block' | 'flex';
+  display: "block" | "inline" | "inline-block" | "flex";
   /**
    * Z-Index
    */

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

@@ -1,10 +1,10 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { ITabContentData, ITabHeaderData, ITabGroup } from '../../utils/interfaces';
+import { EventEmitter } from "../../stencil-public-runtime";
+import { ITabContentData, ITabHeaderData, ITabGroup } from "../../utils/interfaces";
 export declare class PtcTabList {
   /**
    * Tab Type
    */
-  type?: 'default' | 'tab-with-banner';
+  type?: "default" | "tab-with-banner";
   isMobile: boolean;
   isMobileTabWithBanner: boolean;
   tabsHeader: ITabHeaderData[];

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

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter } from "../../stencil-public-runtime";
 export declare class Tabs {
   el: HTMLElement;
   tabChange: EventEmitter;

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

@@ -1,36 +1,36 @@
 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';
+   * 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
-  */
+   * Background image
+   */
   backgroundImage: string;
   /**
-  * (optional) Image alt text
-  */
+   * (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.
-  */
+   * (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) 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
-  */
+   * (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
-  */
+   * (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
-  */
+   * (optional) disableLightLinks: If true, it will not add class for links to be lighter for ADA compliance
+   */
   disableLightLinks?: boolean;
   /**
    *  (optional) Injected CSS Styles

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

@@ -62,8 +62,8 @@ export declare class PtcTextfield {
    * Ignore Blind Submit?
    */
   ignoreBlindSubmit: boolean;
-  lastInteraction: 'mouse' | 'keyboard';
-  phoneValidity: 'valid' | 'invalid' | 'validating';
+  lastInteraction: "mouse" | "keyboard";
+  phoneValidity: "valid" | "invalid" | "validating";
   mdcTextfieldComponent: any;
   mdcTextfield: any;
   customInput: HTMLInputElement | HTMLTextAreaElement;
@@ -80,7 +80,7 @@ export declare class PtcTextfield {
   /**
    * Text Field Form
    */
-  textfieldForm: 'default' | 'email-signup';
+  textfieldForm: "default" | "email-signup";
   handleInput(event: Event): void;
   handleFocus(event: Event): void;
   inputBlurHandler(): void;

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

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter } from "../../stencil-public-runtime";
 export declare class PtcTheaterVideo {
   cardTitle?: string;
   cardDescription?: string;
@@ -8,7 +8,7 @@ export declare class PtcTheaterVideo {
   videoId?: number;
   vtagName?: string;
   vCardClicked: EventEmitter;
-  modalType?: 'only-video' | 'video-with-description';
+  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,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter } from "../../stencil-public-runtime";
 export declare class PtcTheaterVideoModal {
   cards: any;
   showModal: boolean;

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

@@ -7,39 +7,39 @@ export declare class PtcTitle {
   /**
    * Title Tag Type
    */
-  type: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+  type: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
   /**
    * Text Align
    */
-  textAlign: 'left' | 'center' | 'right' | 'inherit';
+  textAlign: "left" | "center" | "right" | "inherit";
   /**
    * Upperline Style
    */
-  upperline: 'dotted' | 'solid' | 'no-upperline';
+  upperline: "dotted" | "solid" | "no-upperline";
   /**
    * Title Shadow
    */
-  titleShadow: 'blue' | 'red' | 'green' | 'orange' | 'slate-grey';
+  titleShadow: "blue" | "red" | "green" | "orange" | "slate-grey";
   /**
    * Title color
    */
-  titleColor: 'black' | 'white' | 'gray' | 'gray-darker' | 'gray-1';
+  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';
+  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';
+  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';
+  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';
+  titleHeight: "densest" | "denser" | "dense" | "normal" | "loose" | "looser" | "paragraph";
   styles?: string;
   /**
    * Line number to cut text off at and add ellipsis
@@ -48,7 +48,7 @@ export declare class PtcTitle {
   /**
    * Title heading display : To show line above heading full width or title width
    */
-  titleDisplay: 'block' | 'inline-block';
+  titleDisplay: "block" | "inline-block";
   /**
    * (optional) enable support for seo tools that can only view source
    */
@@ -60,11 +60,11 @@ export declare class PtcTitle {
   /**
    * Tooltip position
    */
-  tooltipPosition: 'left' | 'right' | 'bottom' | 'bottom-right' | 'top';
+  tooltipPosition: "left" | "right" | "bottom" | "bottom-right" | "top";
   /**
    *  (optional) Injected CSS Styles
    */
-  tooltipTheme: 'standard' | 'danger';
+  tooltipTheme: "standard" | "danger";
   enableTooltip: boolean;
   maxChars: number;
   maxLines: number;
@@ -72,9 +72,9 @@ export declare class PtcTitle {
   hideTooltipOnMobile: boolean;
   ismob: boolean;
   /**
-  * This will make the width 100% respective to its parent
-  */
-  tooltipWidth?: 'full-width' | 'default';
+   * This will make the width 100% respective to its parent
+   */
+  tooltipWidth?: "full-width" | "default";
   componentDidLoad(): void;
   render(): any;
   getSortedText(content: string): string | undefined;

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

@@ -4,7 +4,7 @@ export declare class PtcTooltip {
    * Component Display
    * please don't set it to be inline-block
    */
-  textDisplay: 'inline' | 'block';
+  textDisplay: "inline" | "block";
   /**
    * max length
    */
@@ -21,11 +21,11 @@ export declare class PtcTooltip {
   /**
    * index of hover element
    */
-  zIndex: 'z-auto' | 'z-1' | 'z-2' | 'z-3' | 'z-999';
+  zIndex: "z-auto" | "z-1" | "z-2" | "z-3" | "z-999";
   /**
    * Tooltip position
    */
-  position: 'left' | 'right' | 'bottom' | 'bottom-right' | 'top' | 'side-left';
+  position: "left" | "right" | "bottom" | "bottom-right" | "top" | "side-left";
   /**
    *  (optional) Injected CSS Styles
    */
@@ -33,15 +33,15 @@ export declare class PtcTooltip {
   /**
    * If tool tip is only for text use 'text-only' otherwise it will wrap content instead of replacing
    */
-  mode: 'wrapper' | 'text-only';
+  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';
+  theme: "standard" | "danger";
   /**
    * This will make the width 100% respective to its parent
    */
-  width?: 'full-width' | 'default';
+  width?: "full-width" | "default";
   /**
    * If tooltip hide-on-mobile = "true" then the tooltip will not be visible belwo 768px devices
    */

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

@@ -1,11 +1,11 @@
 export declare class PtcTooltipV2 {
   el: HTMLElement;
-  elementDisplay: 'block' | 'inline-block' | 'inline';
+  elementDisplay: "block" | "inline-block" | "inline";
   maxLength: number;
   maxLines: number;
   zIndex: number;
-  width: 'full-width' | 'default';
-  position: 'top' | 'bottom' | 'left' | 'right';
+  width: "full-width" | "default";
+  position: "top" | "bottom" | "left" | "right";
   hideOnMobile: boolean;
   fullText: string;
   displayText: string;

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

@@ -9,21 +9,21 @@ export declare class PtcTooltipV3 {
   maxCharEnable: boolean;
   maxLinesEnable: boolean;
   /**
- * index of hover element
- */
+   * index of hover element
+   */
   zIndex: string;
   /**
    * Tooltip position
    */
-  position: 'left' | 'right' | 'bottom' | 'bottom-right' | 'top';
+  position: "left" | "right" | "bottom" | "bottom-right" | "top";
   /**
    *  (optional) Injected CSS Styles
    */
-  theme: 'standard' | 'danger';
+  theme: "standard" | "danger";
   /**
- * This will make the width 100% respective to its parent
- */
-  width?: 'full-width' | 'default';
+   * This will make the width 100% respective to its parent
+   */
+  width?: "full-width" | "default";
   styles?: string;
   hideOnMobile?: boolean;
   isSmallScreen: boolean;

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

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

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

@@ -16,8 +16,8 @@ export declare class PtcValuePropCard {
    */
   cardTitle?: string;
   /**
-  * Card background image
-  */
+   * Card background image
+   */
   backgroundImage?: string;
   render(): any;
 }

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

@@ -2,7 +2,7 @@ export declare class PtcVideoEmbed {
   el: HTMLElement;
   src: string;
   width?: number;
-  type: 'Brightcove' | 'Youtube' | 'HTML';
+  type: "Brightcove" | "Youtube" | "HTML";
   videoLoaded: boolean;
   componentWillLoad(): void;
   render(): any;

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

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter } from "../../stencil-public-runtime";
 interface ComponentData {
   componentType: string;
   heading: string;

package/dist/types/components/subnav/ptc-nav-link/ptc-nav-link.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
+import { EventEmitter } from "../../../stencil-public-runtime";
 export declare class PtcNavLink {
   el: HTMLElement;
   /**

package/dist/types/components/subnav/ptc-nav-submenu/ptc-nav-submenu.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
+import { EventEmitter } from "../../../stencil-public-runtime";
 export declare class PtcNavSubmenu {
   /**
    * Dropdown label

package/dist/types/components/subnav/ptc-subnav-card/ptc-subnav-card.d.ts

@@ -4,16 +4,16 @@ export declare class PtcSubnavCard {
    */
   cardTitle: string;
   /**
-  * card title
-  */
+   * card title
+   */
   cardHref: string;
   /**
    * card image src
    */
   cardImageSrc: string;
   /**
-  * card image alt
-  */
+   * card image alt
+   */
   cardImageAlt: string;
   /**
    * Cta Text Ex: Download Asset
@@ -24,8 +24,8 @@ export declare class PtcSubnavCard {
    */
   ctaIconAssetName: string;
   /**
-  * card link target
-  */
+   * card link target
+   */
   target?: string;
   render(): any;
 }

package/dist/types/components/tab-header/tab-header.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter } from "../../stencil-public-runtime";
 export declare class TabHeader {
   el: HTMLElement;
   id: string;
@@ -8,8 +8,8 @@ export declare class TabHeader {
   isSelected: boolean;
   maxLength: number;
   /**
-  * Tab header name will go here, Ex: tab-header-text="Overview"
-  */
+   * Tab header name will go here, Ex: tab-header-text="Overview"
+   */
   tabHeaderText: string;
   handleWindowResize(): void;
   updateMaxLength(windowWidth: any): void;