@ptcwebops/ptcw-design 1.4.8 → 1.4.9

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[];
+}

package/dist/types/components.d.ts

@@ -286,16 +286,16 @@ export namespace Components {
         /**
           * Card Type Specify Card Type, default to simple card
          */
-        "cardType": | 'simple-card'
-    | 'lottie-card'
-    | 'custom-card'
-    | 'clip-edge-card'
-    | 'hightlight-card'
-    | 'listing-card'
-    | 'horizontal-card'
-    | 'listing-card-horizontal'
-    | 'resource-center-card'
-    | 'case-studies-card'
+        "cardType": | 'simple-card'
+    | 'lottie-card'
+    | 'custom-card'
+    | 'clip-edge-card'
+    | 'hightlight-card'
+    | 'listing-card'
+    | 'horizontal-card'
+    | 'listing-card-horizontal'
+    | 'resource-center-card'
+    | 'case-studies-card'
     | 'related-card';
         /**
           * Card Date
@@ -354,16 +354,16 @@ export namespace Components {
         "styles"?: string;
     }
     interface PtcCardContent {
-        "cardType"?: | 'card-video'
-    | 'card-tall'
-    | 'card-2up'
-    | 'card-wide'
-    | 'speed-bump'
-    | 'card-playlist'
-    | 'card-video-intro'
-    | 'card-dynamic'
-    | 'extra-tall'
-    | 'color-outlined'
+        "cardType"?: | 'card-video'
+    | 'card-tall'
+    | 'card-2up'
+    | 'card-wide'
+    | 'speed-bump'
+    | 'card-playlist'
+    | 'card-video-intro'
+    | 'card-dynamic'
+    | 'extra-tall'
+    | 'color-outlined'
     | 'thumbnail-video-preview';
         "isLoading"?: boolean;
         "outlineColor"?: 'o-red' | 'o-orange' | 'o-blue' | 'o-slate-grey' | 'o-green';
@@ -833,21 +833,21 @@ export namespace Components {
         /**
           * Filter Color
          */
-        "filterColor": | 'blue'
-    | 'red'
-    | 'orange'
-    | 'green'
-    | 'black-1'
-    | 'black-2'
-    | 'black-3'
-    | 'black-4'
-    | 'black-5'
-    | 'slate-grey'
-    | 'bright-blue'
-    | 'bright-red'
-    | 'bright-orange'
-    | 'bright-green'
-    | 'bright-slate-grey'
+        "filterColor": | 'blue'
+    | 'red'
+    | 'orange'
+    | 'green'
+    | 'black-1'
+    | 'black-2'
+    | 'black-3'
+    | 'black-4'
+    | 'black-5'
+    | 'slate-grey'
+    | 'bright-blue'
+    | 'bright-red'
+    | 'bright-orange'
+    | 'bright-green'
+    | 'bright-slate-grey'
     | string;
         /**
           * Overlay z-index
@@ -904,24 +904,24 @@ export namespace Components {
         /**
           * 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'
+        "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';
         /**
           * Paragraph Style
@@ -1273,7 +1273,7 @@ export namespace Components {
          */
         "slitPosition"?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
         /**
-          * (optional) topSlitBackgroundColor: It will be color value which should match the background of the body.
+          * (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;
         /**
@@ -1310,18 +1310,18 @@ export namespace Components {
         /**
           * 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'
+        "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 Shadow
@@ -2321,16 +2321,16 @@ declare namespace LocalJSX {
         /**
           * Card Type Specify Card Type, default to simple card
          */
-        "cardType"?: | 'simple-card'
-    | 'lottie-card'
-    | 'custom-card'
-    | 'clip-edge-card'
-    | 'hightlight-card'
-    | 'listing-card'
-    | 'horizontal-card'
-    | 'listing-card-horizontal'
-    | 'resource-center-card'
-    | 'case-studies-card'
+        "cardType"?: | 'simple-card'
+    | 'lottie-card'
+    | 'custom-card'
+    | 'clip-edge-card'
+    | 'hightlight-card'
+    | 'listing-card'
+    | 'horizontal-card'
+    | 'listing-card-horizontal'
+    | 'resource-center-card'
+    | 'case-studies-card'
     | 'related-card';
         /**
           * Card Date
@@ -2391,16 +2391,16 @@ declare namespace LocalJSX {
         "styles"?: string;
     }
     interface PtcCardContent {
-        "cardType"?: | 'card-video'
-    | 'card-tall'
-    | 'card-2up'
-    | 'card-wide'
-    | 'speed-bump'
-    | 'card-playlist'
-    | 'card-video-intro'
-    | 'card-dynamic'
-    | 'extra-tall'
-    | 'color-outlined'
+        "cardType"?: | 'card-video'
+    | 'card-tall'
+    | 'card-2up'
+    | 'card-wide'
+    | 'speed-bump'
+    | 'card-playlist'
+    | 'card-video-intro'
+    | 'card-dynamic'
+    | 'extra-tall'
+    | 'color-outlined'
     | 'thumbnail-video-preview';
         "isLoading"?: boolean;
         "onHoverEvent"?: (event: PtcCardContentCustomEvent<void>) => void;
@@ -2892,21 +2892,21 @@ declare namespace LocalJSX {
         /**
           * Filter Color
          */
-        "filterColor"?: | 'blue'
-    | 'red'
-    | 'orange'
-    | 'green'
-    | 'black-1'
-    | 'black-2'
-    | 'black-3'
-    | 'black-4'
-    | 'black-5'
-    | 'slate-grey'
-    | 'bright-blue'
-    | 'bright-red'
-    | 'bright-orange'
-    | 'bright-green'
-    | 'bright-slate-grey'
+        "filterColor"?: | 'blue'
+    | 'red'
+    | 'orange'
+    | 'green'
+    | 'black-1'
+    | 'black-2'
+    | 'black-3'
+    | 'black-4'
+    | 'black-5'
+    | 'slate-grey'
+    | 'bright-blue'
+    | 'bright-red'
+    | 'bright-orange'
+    | 'bright-green'
+    | 'bright-slate-grey'
     | string;
         /**
           * Overlay z-index
@@ -2963,24 +2963,24 @@ declare namespace LocalJSX {
         /**
           * 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'
+        "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';
         /**
           * Paragraph Style
@@ -3335,7 +3335,7 @@ declare namespace LocalJSX {
          */
         "slitPosition"?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
         /**
-          * (optional) topSlitBackgroundColor: It will be color value which should match the background of the body.
+          * (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;
         /**
@@ -3372,18 +3372,18 @@ declare namespace LocalJSX {
         /**
           * 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'
+        "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 Shadow