@ptcwebops/ptcw-design 3.2.2 → 3.2.3

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

@@ -1,47 +1,47 @@
-export declare class PtcPara {
-  el: HTMLElement;
-  /**
-   * Paragraph font size
-   **/
-  fontSize: 'xxx-small' | 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large' | 'htmlquote-para';
-  /**
-   * Paragraph font weight
-   **/
-  fontWeight: 'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9';
-  /**
-   * Paragraph Style
-   **/
-  paraStyle: 'default' | 'intro' | 'small' | 'announcement' | 'flush-style' | 'main';
-  /**
-   * Paragraph Color
-   */
-  paraColor: 'primary-grey' | 'white' | 'gray-darker';
-  /**
-   * line height
-   */
-  paraLineH: 'line-height-densest' | 'line-height-denser' | 'line-height-dense' | 'line-height-normal' | 'line-height-loose' | 'line-height-looser' | 'line-height-p';
-  /**
-   * Paragraph Margin
-   */
-  paraMargin?: 'margin-flush' | 'maring-top-1' | 'margin-top-2' | 'margin-top-3' | 'margin-top-4' | 'margin-top-5' | 'margin-top-6' | 'margin-bottom-1' | 'margin-bottom-2' | 'margin-bottom-3' | 'margin-bottom-4' | 'margin-bottom-5' | 'margin-bottom-6' | 'margin-1' | 'margin-2' | 'margin-3' | 'margin-4' | 'margin-5' | 'margin-6';
-  /**
-   * Para text Alignment
-   */
-  paraAlign?: 'left' | 'center' | 'right' | 'justify';
-  /**
-   * Line number to cut text off at and add ellipsis
-   */
-  ellipsisLineCutoff?: number;
-  /**
-   * sep z-index
-   */
-  paraZIndex?: 'z-auto' | 'z-1' | 'z-2' | 'z-3' | 'z-99' | 'z-999';
-  /**
-   *  (optional) Injected CSS Styles
-   */
-  styles?: string;
-  render(): any;
-  private getCssClassMap;
-  private addWhiteClass;
-  private getLineCuttoff;
-}
+export declare class PtcPara {
+  el: HTMLElement;
+  /**
+   * Paragraph font size
+   **/
+  fontSize: 'xxx-small' | 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large' | 'htmlquote-para';
+  /**
+   * Paragraph font weight
+   **/
+  fontWeight: 'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9';
+  /**
+   * Paragraph Style
+   **/
+  paraStyle: 'default' | 'intro' | 'small' | 'announcement' | 'flush-style' | 'main';
+  /**
+   * Paragraph Color
+   */
+  paraColor: 'primary-grey' | 'white' | 'gray-darker';
+  /**
+   * line height
+   */
+  paraLineH: 'line-height-densest' | 'line-height-denser' | 'line-height-dense' | 'line-height-normal' | 'line-height-loose' | 'line-height-looser' | 'line-height-p';
+  /**
+   * Paragraph Margin
+   */
+  paraMargin?: 'margin-flush' | 'maring-top-1' | 'margin-top-2' | 'margin-top-3' | 'margin-top-4' | 'margin-top-5' | 'margin-top-6' | 'margin-bottom-1' | 'margin-bottom-2' | 'margin-bottom-3' | 'margin-bottom-4' | 'margin-bottom-5' | 'margin-bottom-6' | 'margin-1' | 'margin-2' | 'margin-3' | 'margin-4' | 'margin-5' | 'margin-6';
+  /**
+   * Para text Alignment
+   */
+  paraAlign?: 'left' | 'center' | 'right' | 'justify';
+  /**
+   * Line number to cut text off at and add ellipsis
+   */
+  ellipsisLineCutoff?: number;
+  /**
+   * sep z-index
+   */
+  paraZIndex?: 'z-auto' | 'z-1' | 'z-2' | 'z-3' | 'z-99' | 'z-999';
+  /**
+   *  (optional) Injected CSS Styles
+   */
+  styles?: string;
+  render(): any;
+  private getCssClassMap;
+  private addWhiteClass;
+  private getLineCuttoff;
+}

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

@@ -1,102 +1,102 @@
-export declare class PtcPicture {
-  el: HTMLElement;
-  /**
-   * Image Render Src
-   */
-  src: string;
-  /**
-   * Image alt
-   */
-  alt: string;
-  /**
-   * Image size for smallest screen
-   * <=767px
-   */
-  sizeXs: string;
-  /**
-   * Image size for small screen
-   * >=768px and <=991px
-   */
-  sizeSm: string;
-  /**
-   * Image size for medium screen
-   * >=992px and <=1199px
-   */
-  sizeMd: string;
-  /**
-   * Image solution for large screen
-   * >=1200px
-   */
-  sizeLg: string;
-  /**
-   * Disable Image resizing solution
-   */
-  disableResize: boolean;
-  /**
-   * Image Src
-   **/
-  oldSrc: string;
-  /**
-   * Image Position
-   */
-  imagePosition: 'relative' | 'absolute' | 'static';
-  /**
-   * Image border shape
-   */
-  borderRadius: 'radius-standard' | 'radius-large';
-  /**
-   * Set height
-   * Value unit: pixles
-   * Just put numbers without unit
-   */
-  height?: string;
-  /**
-   * Set Width
-   * value unit: pixles
-   * Just put numbers without unit
-   */
-  width?: string;
-  /**
-   * Object Fit
-   * Default: cover
-   */
-  objectFit: 'cover' | 'fill' | 'contain' | 'scale-down' | 'none' | 'initial' | 'inherit';
-  /**
-   * Stretch height to 100%?
-   */
-  isFullHeight: boolean;
-  /**
-   * Stretch width to 100%?
-   */
-  isFullWidth: boolean;
-  /**
-   * (optional) Injected CSS styles
-   **/
-  styles?: string;
-  /**
-   * (optional) Image alignment
-   **/
-  imageAlignment?: 'left' | 'right' | 'center';
-  /**
-   * (optional) Set max-width
-   * value unit: pixles
-   * Just put numbers without unit
-   **/
-  maxWidth?: string;
-  /**
-  * Display image: inline, inline-block, block
-  **/
-  displayImage?: 'inline' | 'inline-block' | 'block';
-  WindowResize(): void;
-  io: IntersectionObserver;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  componentWillUpdate(): void;
-  addIntersectionObserver(): void;
-  setResponsiveBg(): string;
-  render(): any;
-  private getCurrentBreakPoints;
-  private getFallbackBreakpoint;
-  private getCssClassMap;
-  private getCssClassMapHost;
-}
+export declare class PtcPicture {
+  el: HTMLElement;
+  /**
+   * Image Render Src
+   */
+  src: string;
+  /**
+   * Image alt
+   */
+  alt: string;
+  /**
+   * Image size for smallest screen
+   * <=767px
+   */
+  sizeXs: string;
+  /**
+   * Image size for small screen
+   * >=768px and <=991px
+   */
+  sizeSm: string;
+  /**
+   * Image size for medium screen
+   * >=992px and <=1199px
+   */
+  sizeMd: string;
+  /**
+   * Image solution for large screen
+   * >=1200px
+   */
+  sizeLg: string;
+  /**
+   * Disable Image resizing solution
+   */
+  disableResize: boolean;
+  /**
+   * Image Src
+   **/
+  oldSrc: string;
+  /**
+   * Image Position
+   */
+  imagePosition: 'relative' | 'absolute' | 'static';
+  /**
+   * Image border shape
+   */
+  borderRadius: 'radius-standard' | 'radius-large';
+  /**
+   * Set height
+   * Value unit: pixles
+   * Just put numbers without unit
+   */
+  height?: string;
+  /**
+   * Set Width
+   * value unit: pixles
+   * Just put numbers without unit
+   */
+  width?: string;
+  /**
+   * Object Fit
+   * Default: cover
+   */
+  objectFit: 'cover' | 'fill' | 'contain' | 'scale-down' | 'none' | 'initial' | 'inherit';
+  /**
+   * Stretch height to 100%?
+   */
+  isFullHeight: boolean;
+  /**
+   * Stretch width to 100%?
+   */
+  isFullWidth: boolean;
+  /**
+   * (optional) Injected CSS styles
+   **/
+  styles?: string;
+  /**
+   * (optional) Image alignment
+   **/
+  imageAlignment?: 'left' | 'right' | 'center';
+  /**
+   * (optional) Set max-width
+   * value unit: pixles
+   * Just put numbers without unit
+   **/
+  maxWidth?: string;
+  /**
+  * Display image: inline, inline-block, block
+  **/
+  displayImage?: 'inline' | 'inline-block' | 'block';
+  WindowResize(): void;
+  io: IntersectionObserver;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentWillUpdate(): void;
+  addIntersectionObserver(): void;
+  setResponsiveBg(): string;
+  render(): any;
+  private getCurrentBreakPoints;
+  private getFallbackBreakpoint;
+  private getCssClassMap;
+  private getCssClassMapHost;
+}

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

@@ -1,15 +1,15 @@
-export declare class PtcPodcastCard {
-  /**
-   * Card title
-  */
-  heading?: string;
-  /**
-   * Card image source
-  */
-  imageSrc?: string;
-  /**
-  * Card image alt text
- */
-  altText?: string;
-  render(): any;
-}
+export declare class PtcPodcastCard {
+  /**
+   * Card title
+  */
+  heading?: string;
+  /**
+   * Card image source
+  */
+  imageSrc?: string;
+  /**
+  * Card image alt text
+ */
+  altText?: string;
+  render(): any;
+}

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

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

package/dist/types/components/ptc-pricing-add-on-card/ptc-pricing-add-on-card.d.ts

@@ -1,31 +1,31 @@
-export declare class PtcPricingAddOnCard {
-  /**
-  * Modal Element
-  */
-  el: HTMLElement;
-  /**
-   * Title
-   */
-  cardTitle: string;
-  /**
-   * Pricing text
-   */
-  cardPricingText: string;
-  /**
-   * CTA Button href
-   */
-  cardCtaHref: string;
-  /**
-   * CTA Button text
-   */
-  cardCtaText: string;
-  /**
-   * CTA Button target
-   */
-  cardCtaTarget: string;
-  /**
-   * Disclaimer text
-   */
-  cardDisclaimer: string;
-  render(): any;
-}
+export declare class PtcPricingAddOnCard {
+  /**
+  * Modal Element
+  */
+  el: HTMLElement;
+  /**
+   * Title
+   */
+  cardTitle: string;
+  /**
+   * Pricing text
+   */
+  cardPricingText: string;
+  /**
+   * CTA Button href
+   */
+  cardCtaHref: string;
+  /**
+   * CTA Button text
+   */
+  cardCtaText: string;
+  /**
+   * CTA Button target
+   */
+  cardCtaTarget: string;
+  /**
+   * Disclaimer text
+   */
+  cardDisclaimer: string;
+  render(): any;
+}

package/dist/types/components/ptc-pricing-add-on-section/ptc-pricing-add-on-section.d.ts

@@ -1,22 +1,22 @@
-export declare class PtcPricingAddOnSection {
-  /**
-  * Modal Element
-  */
-  el: HTMLElement;
-  /**
-   * Number of cards in section
-   */
-  cardCount: number;
-  cardData: {
-    title: string;
-    pricing: string;
-    cta: {
-      linkHref: string;
-      linkText: string;
-      linkTarget: string;
-    };
-    disclaimer: string;
-  }[];
-  componentWillLoad(): void;
-  render(): any;
-}
+export declare class PtcPricingAddOnSection {
+  /**
+  * Modal Element
+  */
+  el: HTMLElement;
+  /**
+   * Number of cards in section
+   */
+  cardCount: number;
+  cardData: {
+    title: string;
+    pricing: string;
+    cta: {
+      linkHref: string;
+      linkText: string;
+      linkTarget: string;
+    };
+    disclaimer: string;
+  }[];
+  componentWillLoad(): void;
+  render(): any;
+}

package/dist/types/components/ptc-pricing-block/ptc-pricing-block.d.ts

@@ -1,7 +1,7 @@
-export declare class PtcPricingBlock {
-  active: boolean;
-  optionClicked: boolean;
-  onContentChange(content: string): void;
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcPricingBlock {
+  active: boolean;
+  optionClicked: boolean;
+  onContentChange(content: string): void;
+  render(): any;
+  private getCssClassMap;
+}

package/dist/types/components/ptc-pricing-packaging-table/ptc-pricing-packaging-table.d.ts

@@ -1,87 +1,87 @@
-export declare class PtcPricingPackagingTable {
-  /**
-    * Pricing Table Element
-    */
-  el: HTMLElement;
-  /**
-   * [True/False] If the page containing this table has a sticky sub-nav
-   */
-  pageWithSubnav?: boolean;
-  /**
-   * Table title (H2)
-   */
-  tableTitle?: string;
-  /**
-   * Table title (H3)
-   */
-  tableSubTitle?: string;
-  /**
-   * Number of data rows in the table
-   */
-  dataRows?: number;
-  /**
-   * Number of data columns in the table
-   */
-  dataCols?: number;
-  /**
-   * Number of disclaimers below the table
-   */
-  disclaimerCount?: number;
-  isDesktopView: boolean;
-  cellWidthXXS: number;
-  cellWidthMD: number;
-  cellLeftRightPadding: number;
-  headerType: string;
-  lastScrollTop: number;
-  scrollTimeInterval: number;
-  scrollAmount: number;
-  scrollLimit: number;
-  stickyTopAt: number;
-  columnHeaderLinks: {
-    linkHref: string;
-    linkText: string;
-    linkTarget: string;
-    linkTitle: string;
-  }[];
-  hasEmptySpace: boolean;
-  showFillerCells: boolean;
-  showCtaButtonsRow: boolean;
-  ctaButtons: {
-    linkHref: string;
-    linkText: string;
-    linkTarget: string;
-    linkTitle: string;
-  }[];
-  disclaimers: string[];
-  tableDescription: HTMLSpanElement;
-  verticalScrollContentClipperHeightOptions: {
-    withSubNav: {
-      desktop: number;
-      mobile: number;
-    };
-    withoutSubNav: {
-      desktop: number;
-      mobile: number;
-    };
-  };
-  handleVerticalScroll: () => void;
-  handleHorizontalScroll: () => void;
-  handleScrollButtonsVisibility: () => void;
-  handleForwardScroll: () => void;
-  handleBackwardScroll: () => void;
-  setFillerCellWidth: (fillerWidth: any) => void;
-  expandTableCells: () => void;
-  handleFillEmptySpace: () => void;
-  resetWidthVariables: () => void;
-  handleTableReset: () => void;
-  preProcessTableDescription: () => void;
-  preProcessdesktopHeaderFirstCell: () => void;
-  preProcessColumnHeaders: () => void;
-  preProcessHeaderLinks: () => void;
-  preProcessRowHeaders: () => void;
-  preProcessCtaButtons: () => void;
-  preProcessDisclaimers: () => void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  render(): any;
-}
+export declare class PtcPricingPackagingTable {
+  /**
+    * Pricing Table Element
+    */
+  el: HTMLElement;
+  /**
+   * [True/False] If the page containing this table has a sticky sub-nav
+   */
+  pageWithSubnav?: boolean;
+  /**
+   * Table title (H2)
+   */
+  tableTitle?: string;
+  /**
+   * Table title (H3)
+   */
+  tableSubTitle?: string;
+  /**
+   * Number of data rows in the table
+   */
+  dataRows?: number;
+  /**
+   * Number of data columns in the table
+   */
+  dataCols?: number;
+  /**
+   * Number of disclaimers below the table
+   */
+  disclaimerCount?: number;
+  isDesktopView: boolean;
+  cellWidthXXS: number;
+  cellWidthMD: number;
+  cellLeftRightPadding: number;
+  headerType: string;
+  lastScrollTop: number;
+  scrollTimeInterval: number;
+  scrollAmount: number;
+  scrollLimit: number;
+  stickyTopAt: number;
+  columnHeaderLinks: {
+    linkHref: string;
+    linkText: string;
+    linkTarget: string;
+    linkTitle: string;
+  }[];
+  hasEmptySpace: boolean;
+  showFillerCells: boolean;
+  showCtaButtonsRow: boolean;
+  ctaButtons: {
+    linkHref: string;
+    linkText: string;
+    linkTarget: string;
+    linkTitle: string;
+  }[];
+  disclaimers: string[];
+  tableDescription: HTMLSpanElement;
+  verticalScrollContentClipperHeightOptions: {
+    withSubNav: {
+      desktop: number;
+      mobile: number;
+    };
+    withoutSubNav: {
+      desktop: number;
+      mobile: number;
+    };
+  };
+  handleVerticalScroll: () => void;
+  handleHorizontalScroll: () => void;
+  handleScrollButtonsVisibility: () => void;
+  handleForwardScroll: () => void;
+  handleBackwardScroll: () => void;
+  setFillerCellWidth: (fillerWidth: any) => void;
+  expandTableCells: () => void;
+  handleFillEmptySpace: () => void;
+  resetWidthVariables: () => void;
+  handleTableReset: () => void;
+  preProcessTableDescription: () => void;
+  preProcessdesktopHeaderFirstCell: () => void;
+  preProcessColumnHeaders: () => void;
+  preProcessHeaderLinks: () => void;
+  preProcessRowHeaders: () => void;
+  preProcessCtaButtons: () => void;
+  preProcessDisclaimers: () => void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  render(): any;
+}