@ptcwebops/ptcw-design 0.6.4 → 0.6.5

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

@@ -1,29 +1,29 @@
-export declare class PtcQuote {
-  /**
-   * Quote Type
-   */
-  quoteType: "image-quote" | "plain-quote";
-  /**
-   * Quote Name
-   */
-  quoteName: string;
-  /**
-   * Button CTA Text
-   */
-  ctaText?: string;
-  /**
-   * CTA Url
-   */
-  ctaUrl?: string;
-  /**
-   * Image Src
-   */
-  imgSrc?: string;
-  /**
-   * Image Title
-   */
-  imgTitle?: string;
-  getImageTitle(): any;
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcQuote {
+  /**
+   * Quote Type
+   */
+  quoteType: "image-quote" | "plain-quote";
+  /**
+   * Quote Name
+   */
+  quoteName: string;
+  /**
+   * Button CTA Text
+   */
+  ctaText?: string;
+  /**
+   * CTA Url
+   */
+  ctaUrl?: string;
+  /**
+   * Image Src
+   */
+  imgSrc?: string;
+  /**
+   * Image Title
+   */
+  imgTitle?: string;
+  getImageTitle(): any;
+  render(): any;
+  private getCssClassMap;
+}

package/dist/types/components/ptc-responsive-wrapper/ptc-responsive-wrapper.d.ts

@@ -1,8 +1,8 @@
-export declare class PtcResponsiveWrapper {
-  element: HTMLElement;
-  private ro;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
-  applySizeClasses(size: number): void;
-  render(): any;
-}
+export declare class PtcResponsiveWrapper {
+  element: HTMLElement;
+  private ro;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  applySizeClasses(size: number): void;
+  render(): any;
+}

package/dist/types/components/ptc-shopping-cart/ptc-shopping-cart.d.ts

@@ -1,6 +1,6 @@
-export declare class PtcShoppingCart {
-  cartCount?: string;
-  color: 'black' | 'white';
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcShoppingCart {
+  cartCount?: string;
+  color: 'black' | 'white';
+  render(): any;
+  private getCssClassMap;
+}

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

@@ -1,25 +1,25 @@
-export declare class PtcSocialShare {
-  el: HTMLElement;
-  display?: 'inline-block' | 'block' | 'inline' | 'flex';
-  shareType?: 'mail' | 'twitter' | 'linkedin' | 'facebook' | 'share-api';
-  shareTitle: string;
-  text: string;
-  url: string;
-  /**
-   * Optional - source for linkedin
-   */
-  source?: string;
-  /**
-   * Email recipient.
-   * If you want to use mail share, you need to use this property
-   */
-  recipient?: string;
-  /**
-   * is hover or not
-   */
-  isHover: boolean;
-  render(): any;
-  private getCssClassMap;
-  private hoverToggle;
-  private share;
-}
+export declare class PtcSocialShare {
+  el: HTMLElement;
+  display?: 'inline-block' | 'block' | 'inline' | 'flex';
+  shareType?: 'mail' | 'twitter' | 'linkedin' | 'facebook' | 'share-api';
+  shareTitle: string;
+  text: string;
+  url: string;
+  /**
+   * Optional - source for linkedin
+   */
+  source?: string;
+  /**
+   * Email recipient.
+   * If you want to use mail share, you need to use this property
+   */
+  recipient?: string;
+  /**
+   * is hover or not
+   */
+  isHover: boolean;
+  render(): any;
+  private getCssClassMap;
+  private hoverToggle;
+  private share;
+}

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

@@ -1,16 +1,16 @@
-export declare class PtcSpacer {
-  /**
-   * Breakpoint
-   */
-  breakpoint: '' | 'medium' | 'small' | 'large' | 'x-large' | 'xx-large' | 'x-small' | 'xx-small';
-  /**
-   * Spacing Size
-   */
-  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';
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcSpacer {
+  /**
+   * Breakpoint
+   */
+  breakpoint: '' | 'medium' | 'small' | 'large' | 'x-large' | 'xx-large' | 'x-small' | 'xx-small';
+  /**
+   * Spacing Size
+   */
+  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';
+  render(): any;
+  private getCssClassMap;
+}

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

@@ -1,16 +1,16 @@
-export declare class PtcSpan {
-  /**
-   * Span Style
-   */
-  spanStyle: 'link-style' | 'tag-style' | 'nav-style' | 'plm-hub-style';
-  /**
-   * Display
-   */
-  display: 'block' | 'inline-block' | 'inline';
-  /**
-   * Injected Styles
-   */
-  styles?: string;
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcSpan {
+  /**
+   * Span Style
+   */
+  spanStyle: 'link-style' | 'tag-style' | 'nav-style' | 'plm-hub-style';
+  /**
+   * Display
+   */
+  display: 'block' | 'inline-block' | 'inline';
+  /**
+   * Injected Styles
+   */
+  styles?: string;
+  render(): any;
+  private getCssClassMap;
+}

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

@@ -1,12 +1,12 @@
-export declare class PtcSvgBtn {
-  /**
-   * Options: "close", "slider-left", "slider-right", "back-arrow"
-   */
-  svgName?: string;
-  /**
-   * Display
-   */
-  display: 'block' | 'inline' | 'inline-block' | 'flex';
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcSvgBtn {
+  /**
+   * Options: "close", "slider-left", "slider-right", "back-arrow"
+   */
+  svgName?: string;
+  /**
+   * Display
+   */
+  display: 'block' | 'inline' | 'inline-block' | 'flex';
+  render(): any;
+  private getCssClassMap;
+}

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

@@ -1,15 +1,15 @@
-import { ITabContentData, ITabHeaderData, ITabGroup } from '../../utils/interfaces';
-export declare class PtcTabList {
-  tabsHeader: ITabHeaderData[];
-  tabsContent: ITabContentData[];
-  tabGroup: ITabGroup[];
-  host: HTMLElement;
-  selectedValue: string;
-  componentDidLoad(): void;
-  onSelectedTab(event: CustomEvent): void;
-  calculateHeaderTabsRendering(): void;
-  createGroup(): void;
-  selectGroup(group: ITabGroup): void;
-  onDropdownItemSelected(selectedItem: any): void;
-  render(): any;
-}
+import { ITabContentData, ITabHeaderData, ITabGroup } from '../../utils/interfaces';
+export declare class PtcTabList {
+  tabsHeader: ITabHeaderData[];
+  tabsContent: ITabContentData[];
+  tabGroup: ITabGroup[];
+  host: HTMLElement;
+  selectedValue: string;
+  componentDidLoad(): void;
+  onSelectedTab(event: CustomEvent): void;
+  calculateHeaderTabsRendering(): void;
+  createGroup(): void;
+  selectGroup(group: ITabGroup): void;
+  onDropdownItemSelected(selectedItem: any): void;
+  render(): any;
+}

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

@@ -1,41 +1,41 @@
-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 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';
-  /**
-   * Title line height
-   */
-  titleHeight: 'densest' | 'denser' | 'dense' | 'normal' | 'loose' | 'looser' | 'paragraph';
-  styles?: string;
-  render(): any;
-  private getCssClassMap;
-}
+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 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';
+  /**
+   * Title line height
+   */
+  titleHeight: 'densest' | 'denser' | 'dense' | 'normal' | 'loose' | 'looser' | 'paragraph';
+  styles?: string;
+  render(): any;
+  private getCssClassMap;
+}

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/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,13 +1,13 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class TabHeader {
-  id: string;
-  name: string;
-  tabClicked: EventEmitter;
-  isSelected: boolean;
-  getChild(): Promise<unknown>;
-  unselect(): void;
-  select(): void;
-  onClick(): void;
-  generateId(): string;
-  render(): any[];
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class TabHeader {
+  id: string;
+  name: string;
+  tabClicked: EventEmitter;
+  isSelected: boolean;
+  getChild(): Promise<unknown>;
+  unselect(): void;
+  select(): void;
+  onClick(): void;
+  generateId(): string;
+  render(): any[];
+}

package/dist/types/components.d.ts

@@ -19,6 +19,10 @@ export namespace Components {
           * (optional) Injected CSS Styles
          */
         "injectedStyle"?: string;
+        /**
+          * (optional) is it for the ptc mobile select
+         */
+        "isMobileSelect"?: boolean;
         /**
           * Icon ID name
          */
@@ -236,7 +240,7 @@ export namespace Components {
         "styles"?: string;
     }
     interface PtcCardContent {
-        "cardType": 'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'speed-bump' | 'card-playlist';
+        "cardType"?: 'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'speed-bump' | 'card-playlist' | 'card-video-intro' | 'card-dynamic';
         /**
           * (optional) Injected CSS styles
          */
@@ -307,6 +311,24 @@ export namespace Components {
          */
         "theme": 'sort';
     }
+    interface PtcDynamicCard {
+        /**
+          * Card Image Alt
+         */
+        "cardImgAlt"?: string;
+        /**
+          * Card Image Src
+         */
+        "cardImgSrc"?: string;
+        /**
+          * Card Title
+         */
+        "cardTitle": string;
+        /**
+          * Dynamic Card Type
+         */
+        "cardType": 'sequential';
+    }
     interface PtcEllipsisDropdown {
         "dataItems": Array<any>;
         "selectedTab": string;
@@ -586,7 +608,7 @@ export namespace Components {
         /**
           * line height
          */
-        "paraLineH": 'line-height-densest' | 'line-height-denser' | 'line-height-dense' | 'line-height-normal' | 'line-height-loose' | 'line-height-looser';
+        "paraLineH": 'line-height-densest' | 'line-height-denser' | 'line-height-dense' | 'line-height-normal' | 'line-height-loose' | 'line-height-looser'| 'line-height-p';
         /**
           * Paragraph Margin
          */
@@ -772,18 +794,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
@@ -930,6 +952,12 @@ declare global {
         prototype: HTMLPtcDropdownElement;
         new (): HTMLPtcDropdownElement;
     };
+    interface HTMLPtcDynamicCardElement extends Components.PtcDynamicCard, HTMLStencilElement {
+    }
+    var HTMLPtcDynamicCardElement: {
+        prototype: HTMLPtcDynamicCardElement;
+        new (): HTMLPtcDynamicCardElement;
+    };
     interface HTMLPtcEllipsisDropdownElement extends Components.PtcEllipsisDropdown, HTMLStencilElement {
     }
     var HTMLPtcEllipsisDropdownElement: {
@@ -1153,6 +1181,7 @@ declare global {
         "ptc-container": HTMLPtcContainerElement;
         "ptc-date": HTMLPtcDateElement;
         "ptc-dropdown": HTMLPtcDropdownElement;
+        "ptc-dynamic-card": HTMLPtcDynamicCardElement;
         "ptc-ellipsis-dropdown": HTMLPtcEllipsisDropdownElement;
         "ptc-filter-tag": HTMLPtcFilterTagElement;
         "ptc-hero": HTMLPtcHeroElement;
@@ -1203,6 +1232,10 @@ declare namespace LocalJSX {
           * (optional) Injected CSS Styles
          */
         "injectedStyle"?: string;
+        /**
+          * (optional) is it for the ptc mobile select
+         */
+        "isMobileSelect"?: boolean;
         /**
           * Icon ID name
          */
@@ -1434,7 +1467,7 @@ declare namespace LocalJSX {
         "styles"?: string;
     }
     interface PtcCardContent {
-        "cardType"?: 'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'speed-bump' | 'card-playlist';
+        "cardType"?: 'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'speed-bump' | 'card-playlist' | 'card-video-intro' | 'card-dynamic';
         "onHoverEvent"?: (event: CustomEvent<void>) => void;
         "onLeaveEvent"?: (event: CustomEvent<void>) => void;
         /**
@@ -1513,6 +1546,24 @@ declare namespace LocalJSX {
          */
         "theme"?: 'sort';
     }
+    interface PtcDynamicCard {
+        /**
+          * Card Image Alt
+         */
+        "cardImgAlt"?: string;
+        /**
+          * Card Image Src
+         */
+        "cardImgSrc"?: string;
+        /**
+          * Card Title
+         */
+        "cardTitle"?: string;
+        /**
+          * Dynamic Card Type
+         */
+        "cardType"?: 'sequential';
+    }
     interface PtcEllipsisDropdown {
         "dataItems"?: Array<any>;
         "onItemSelected"?: (event: CustomEvent<any>) => void;
@@ -1807,7 +1858,7 @@ declare namespace LocalJSX {
         /**
           * line height
          */
-        "paraLineH"?: 'line-height-densest' | 'line-height-denser' | 'line-height-dense' | 'line-height-normal' | 'line-height-loose' | 'line-height-looser';
+        "paraLineH"?: 'line-height-densest' | 'line-height-denser' | 'line-height-dense' | 'line-height-normal' | 'line-height-loose' | 'line-height-looser'| 'line-height-p';
         /**
           * Paragraph Margin
          */
@@ -1993,18 +2044,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
@@ -2059,6 +2110,7 @@ declare namespace LocalJSX {
         "ptc-container": PtcContainer;
         "ptc-date": PtcDate;
         "ptc-dropdown": PtcDropdown;
+        "ptc-dynamic-card": PtcDynamicCard;
         "ptc-ellipsis-dropdown": PtcEllipsisDropdown;
         "ptc-filter-tag": PtcFilterTag;
         "ptc-hero": PtcHero;
@@ -2117,6 +2169,7 @@ declare module "@stencil/core" {
             "ptc-container": LocalJSX.PtcContainer & JSXBase.HTMLAttributes<HTMLPtcContainerElement>;
             "ptc-date": LocalJSX.PtcDate & JSXBase.HTMLAttributes<HTMLPtcDateElement>;
             "ptc-dropdown": LocalJSX.PtcDropdown & JSXBase.HTMLAttributes<HTMLPtcDropdownElement>;
+            "ptc-dynamic-card": LocalJSX.PtcDynamicCard & JSXBase.HTMLAttributes<HTMLPtcDynamicCardElement>;
             "ptc-ellipsis-dropdown": LocalJSX.PtcEllipsisDropdown & JSXBase.HTMLAttributes<HTMLPtcEllipsisDropdownElement>;
             "ptc-filter-tag": LocalJSX.PtcFilterTag & JSXBase.HTMLAttributes<HTMLPtcFilterTagElement>;
             "ptc-hero": LocalJSX.PtcHero & JSXBase.HTMLAttributes<HTMLPtcHeroElement>;