@ptcwebops/ptcw-design 1.4.5 → 1.4.7

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

@@ -1,33 +1,33 @@
-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.
-  */
-  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;
-  render(): any;
-  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.
+  */
+  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;
+  render(): any;
+  private getCssClassMap;
+}

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

@@ -1,54 +1,54 @@
-export declare class PtcTitle {
-  /**
-   * 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';
-  /**
-   * 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';
-  /**
-   * 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';
-  /**
-   * 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';
-  render(): any;
-  private getCssClassMap;
-  private getLineCuttoff;
-}
+export declare class PtcTitle {
+  /**
+   * 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';
+  /**
+   * 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';
+  /**
+   * 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';
+  /**
+   * 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';
+  render(): any;
+  private getCssClassMap;
+  private getLineCuttoff;
+}

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

@@ -1,47 +1,55 @@
-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';
-  addTruncatedClass(): void;
-  enableAddTruncatedClass(element: any): 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';
+  /**
+  * If tooltip hide-on-mobile = "true" then the tooltip will not be visible belwo 768px devices
+  */
+  hideOnMobile?: boolean;
+  isSmallScreen: 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/subnav/ptc-nav-link/ptc-nav-link.d.ts

@@ -1,21 +1,21 @@
-export declare class PtcNavLink {
-  el: HTMLElement;
-  /**
-  * Link href
-  * Specify Link Href,
-  */
-  href?: string;
-  /**
-  * isOutsideLink = false
-  *
-  */
-  isOutsideLink: boolean;
-  /**
- * Anchor link Title
- *
- */
-  titleText: string;
-  handleClick(): void;
-  componentWillLoad(): void;
-  render(): any;
-}
+export declare class PtcNavLink {
+  el: HTMLElement;
+  /**
+  * Link href
+  * Specify Link Href,
+  */
+  href?: string;
+  /**
+  * isOutsideLink = false
+  *
+  */
+  isOutsideLink: boolean;
+  /**
+ * Anchor link Title
+ *
+ */
+  titleText: string;
+  handleClick(): void;
+  componentWillLoad(): void;
+  render(): any;
+}

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

@@ -1,11 +1,11 @@
-export declare class PtcNavSlider {
-  el: HTMLElement;
-  sliderId: string;
-  componentDidLoad(): void;
-  handledropdownClickEvent(element: any): void;
-  updateArrows(boxWrap: any, prevBtn: any, nextBtn: any): void;
-  updateSlider(event: any): void;
-  leftScroll(ele: any): void;
-  rightScroll(ele: any): void;
-  render(): any;
-}
+export declare class PtcNavSlider {
+  el: HTMLElement;
+  sliderId: string;
+  componentDidLoad(): void;
+  handledropdownClickEvent(element: any): void;
+  updateArrows(boxWrap: any, prevBtn: any, nextBtn: any): void;
+  updateSlider(event: any): void;
+  leftScroll(ele: any): void;
+  rightScroll(ele: any): void;
+  render(): any;
+}

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

@@ -1,18 +1,18 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-export declare class PtcNavSubmenu {
-  /**
-   * Dropdown label
-   */
-  label: string;
-  /**
-   * iconAssetName is used for icon used beside the link, icon-assest name can be used from <icon-aset> atom
-   */
-  iconAssetName: string;
-  el: HTMLElement;
-  /**
-   * Creating dropdownClickEvent to emite the dropdown value to get the ID of slider
-   */
-  dropdownClickEvent: EventEmitter;
-  handleClick(event: any): void;
-  render(): any;
-}
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class PtcNavSubmenu {
+  /**
+   * Dropdown label
+   */
+  label: string;
+  /**
+   * iconAssetName is used for icon used beside the link, icon-assest name can be used from <icon-aset> atom
+   */
+  iconAssetName: string;
+  el: HTMLElement;
+  /**
+   * Creating dropdownClickEvent to emite the dropdown value to get the ID of slider
+   */
+  dropdownClickEvent: EventEmitter;
+  handleClick(event: any): void;
+  render(): any;
+}

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

@@ -1,7 +1,7 @@
-export declare class PtcSubnav {
-  el: HTMLElement;
-  navOpen: boolean;
-  toggleNav(): void;
-  handleScroll(): void;
-  render(): any;
-}
+export declare class PtcSubnav {
+  el: HTMLElement;
+  navOpen: boolean;
+  toggleNav(): void;
+  handleScroll(): void;
+  render(): any;
+}

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

@@ -1,27 +1,27 @@
-export declare class PtcSubnavCard {
-  /**
-   * card title
-   */
-  cardTitle: string;
-  /**
-  * card title
-  */
-  cardHref: string;
-  /**
-   * card image src
-   */
-  cardImageSrc: string;
-  /**
-  * card image alt
-  */
-  cardImageAlt: string;
-  /**
-   * Cta Text Ex: Download Asset
-   */
-  ctaText: string;
-  /**
-   * Cta Icon name Ex: download
-   */
-  ctaIconAssetName: string;
-  render(): any;
-}
+export declare class PtcSubnavCard {
+  /**
+   * card title
+   */
+  cardTitle: string;
+  /**
+  * card title
+  */
+  cardHref: string;
+  /**
+   * card image src
+   */
+  cardImageSrc: string;
+  /**
+  * card image alt
+  */
+  cardImageAlt: string;
+  /**
+   * Cta Text Ex: Download Asset
+   */
+  ctaText: string;
+  /**
+   * Cta Icon name Ex: download
+   */
+  ctaIconAssetName: string;
+  render(): any;
+}

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

@@ -1,12 +1,12 @@
-export declare class TabContent {
-  name: string;
-  isSelected: boolean;
-  getChild(): Promise<{
-    select: any;
-    unselect: any;
-    name: string;
-  }>;
-  unselect(): void;
-  select(): void;
-  render(): any;
-}
+export declare class TabContent {
+  name: string;
+  isSelected: boolean;
+  getChild(): Promise<{
+    select: any;
+    unselect: any;
+    name: string;
+  }>;
+  unselect(): void;
+  select(): void;
+  render(): any;
+}

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

@@ -1,22 +1,22 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class TabHeader {
-  id: string;
-  name: string;
-  tooltip: string;
-  tabClicked: EventEmitter;
-  isSelected: boolean;
-  maxLength: number;
-  /**
-  * Tab header name will go here, Ex: tab-header-text="Overview"
-  */
-  tabHeaderText: string;
-  handleWindowResize(): void;
-  updateMaxLength(windowWidth: any): void;
-  getChild(): Promise<unknown>;
-  unselect(): void;
-  select(): void;
-  onClick(): void;
-  generateId(): string;
-  componentDidLoad(): void;
-  render(): any[];
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class TabHeader {
+  id: string;
+  name: string;
+  tooltip: string;
+  tabClicked: EventEmitter;
+  isSelected: boolean;
+  maxLength: number;
+  /**
+  * Tab header name will go here, Ex: tab-header-text="Overview"
+  */
+  tabHeaderText: string;
+  handleWindowResize(): void;
+  updateMaxLength(windowWidth: any): void;
+  getChild(): Promise<unknown>;
+  unselect(): void;
+  select(): void;
+  onClick(): void;
+  generateId(): string;
+  componentDidLoad(): void;
+  render(): any[];
+}