@ptcwebops/ptcw-design 0.4.5 → 0.4.7

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

@@ -1,82 +1,82 @@
-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;
-  /**
-   * Image Src
-   **/
-  oldSrc: string;
-  /**
-   * Image Position
-   */
-  imagePosition: 'relative' | 'absolute' | 'static';
-  /**
-   * Image border shape
-   */
-  borderRadius: 'radius-sm' | 'radius-md' | 'radius-lg' | 'radius-x-lg';
-  /**
-   * 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;
-  WindowResize(): void;
-  io: IntersectionObserver;
-  componentDidLoad(): void;
-  componentWillUpdate(): void;
-  addIntersectionObserver(): void;
-  setResponsiveBg(): string;
-  render(): any;
-  private getCurrentBreakPoints;
-  private getFallbackBreakpoint;
-  private getCssClassMap;
-}
+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;
+  /**
+   * Image Src
+   **/
+  oldSrc: string;
+  /**
+   * Image Position
+   */
+  imagePosition: 'relative' | 'absolute' | 'static';
+  /**
+   * Image border shape
+   */
+  borderRadius: 'radius-sm' | 'radius-md' | 'radius-lg' | 'radius-x-lg';
+  /**
+   * 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;
+  WindowResize(): void;
+  io: IntersectionObserver;
+  componentDidLoad(): void;
+  componentWillUpdate(): void;
+  addIntersectionObserver(): void;
+  setResponsiveBg(): string;
+  render(): any;
+  private getCurrentBreakPoints;
+  private getFallbackBreakpoint;
+  private getCssClassMap;
+}

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

@@ -0,0 +1,5 @@
+export declare class PtcPreviousUrl {
+  href: string | undefined;
+  text: string | undefined;
+  render(): any;
+}

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-select/ptc-select.d.ts

@@ -1,9 +1,9 @@
-export declare class PtcSelect {
-  el: HTMLElement;
-  dataEloquaName: string;
-  selectId: string;
-  name: string;
-  valueOptions: any[];
-  componentWillLoad(): Promise<void>;
-  render(): any;
-}
+export declare class PtcSelect {
+  el: HTMLElement;
+  dataEloquaName: string;
+  selectId: string;
+  name: string;
+  valueOptions: any[];
+  componentWillLoad(): Promise<void>;
+  render(): any;
+}

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"
-   */
-  svgName?: string;
-  /**
-   * Display
-   */
-  display: 'block' | 'inline' | 'inline-block' | 'flex';
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcSvgBtn {
+  /**
+   * Options: "close", "slider-left", "slider-right"
+   */
+  svgName?: string;
+  /**
+   * Display
+   */
+  display: 'block' | 'inline' | 'inline-block' | 'flex';
+  render(): any;
+  private getCssClassMap;
+}

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';
-  /**
-   * 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' | 'font-size-15' | 'font-size-50';
-  /**
-   * Title line height
-   */
-  titleLHeight: 'lh-59' | 'lh-28' | 'lh-23';
-  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';
+  /**
+   * 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' | 'font-size-15' | 'font-size-50';
+  /**
+   * Title line height
+   */
+  titleLHeight: 'lh-59' | 'lh-28' | 'lh-23';
+  styles?: string;
+  render(): any;
+  private getCssClassMap;
+}

package/dist/types/components.d.ts

@@ -35,7 +35,8 @@ export namespace Components {
     interface ListItem {
         "flushBefore": boolean;
         "linkHref"?: string;
-        "listType": 'list-primary' | 'breadcrumb';
+        "linkTarget": string | undefined;
+        "listType": 'list-primary' | 'list-footer' | 'breadcrumb';
     }
     interface MyComponent {
         /**
@@ -329,6 +330,13 @@ export namespace Components {
          */
         "speed": number;
     }
+    interface PtcMinimizedFooter {
+    }
+    interface PtcMinimizedHeader {
+        "imgAlt": string;
+        "imgSrc": string;
+        "linkUrl": string;
+    }
     interface PtcMobileSelect {
         /**
           * Cancel Text - translation goes here
@@ -519,6 +527,10 @@ export namespace Components {
          */
         "width"?: string;
     }
+    interface PtcPreviousUrl {
+        "href": string | undefined;
+        "text": string | undefined;
+    }
     interface PtcResponsiveWrapper {
     }
     interface PtcSelect {
@@ -597,18 +609,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
@@ -753,6 +765,18 @@ declare global {
         prototype: HTMLPtcLottieElement;
         new (): HTMLPtcLottieElement;
     };
+    interface HTMLPtcMinimizedFooterElement extends Components.PtcMinimizedFooter, HTMLStencilElement {
+    }
+    var HTMLPtcMinimizedFooterElement: {
+        prototype: HTMLPtcMinimizedFooterElement;
+        new (): HTMLPtcMinimizedFooterElement;
+    };
+    interface HTMLPtcMinimizedHeaderElement extends Components.PtcMinimizedHeader, HTMLStencilElement {
+    }
+    var HTMLPtcMinimizedHeaderElement: {
+        prototype: HTMLPtcMinimizedHeaderElement;
+        new (): HTMLPtcMinimizedHeaderElement;
+    };
     interface HTMLPtcMobileSelectElement extends Components.PtcMobileSelect, HTMLStencilElement {
     }
     var HTMLPtcMobileSelectElement: {
@@ -795,6 +819,12 @@ declare global {
         prototype: HTMLPtcPictureElement;
         new (): HTMLPtcPictureElement;
     };
+    interface HTMLPtcPreviousUrlElement extends Components.PtcPreviousUrl, HTMLStencilElement {
+    }
+    var HTMLPtcPreviousUrlElement: {
+        prototype: HTMLPtcPreviousUrlElement;
+        new (): HTMLPtcPreviousUrlElement;
+    };
     interface HTMLPtcResponsiveWrapperElement extends Components.PtcResponsiveWrapper, HTMLStencilElement {
     }
     var HTMLPtcResponsiveWrapperElement: {
@@ -858,6 +888,8 @@ declare global {
         "ptc-link": HTMLPtcLinkElement;
         "ptc-list": HTMLPtcListElement;
         "ptc-lottie": HTMLPtcLottieElement;
+        "ptc-minimized-footer": HTMLPtcMinimizedFooterElement;
+        "ptc-minimized-header": HTMLPtcMinimizedHeaderElement;
         "ptc-mobile-select": HTMLPtcMobileSelectElement;
         "ptc-modal": HTMLPtcModalElement;
         "ptc-nav": HTMLPtcNavElement;
@@ -865,6 +897,7 @@ declare global {
         "ptc-overlay": HTMLPtcOverlayElement;
         "ptc-para": HTMLPtcParaElement;
         "ptc-picture": HTMLPtcPictureElement;
+        "ptc-previous-url": HTMLPtcPreviousUrlElement;
         "ptc-responsive-wrapper": HTMLPtcResponsiveWrapperElement;
         "ptc-select": HTMLPtcSelectElement;
         "ptc-social-share": HTMLPtcSocialShareElement;
@@ -904,7 +937,8 @@ declare namespace LocalJSX {
     interface ListItem {
         "flushBefore"?: boolean;
         "linkHref"?: string;
-        "listType"?: 'list-primary' | 'breadcrumb';
+        "linkTarget"?: string | undefined;
+        "listType"?: 'list-primary' | 'list-footer' | 'breadcrumb';
     }
     interface MyComponent {
         /**
@@ -1218,6 +1252,13 @@ declare namespace LocalJSX {
          */
         "speed"?: number;
     }
+    interface PtcMinimizedFooter {
+    }
+    interface PtcMinimizedHeader {
+        "imgAlt"?: string;
+        "imgSrc"?: string;
+        "linkUrl"?: string;
+    }
     interface PtcMobileSelect {
         /**
           * Cancel Text - translation goes here
@@ -1420,6 +1461,10 @@ declare namespace LocalJSX {
          */
         "width"?: string;
     }
+    interface PtcPreviousUrl {
+        "href"?: string | undefined;
+        "text"?: string | undefined;
+    }
     interface PtcResponsiveWrapper {
     }
     interface PtcSelect {
@@ -1498,18 +1543,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
@@ -1553,6 +1598,8 @@ declare namespace LocalJSX {
         "ptc-link": PtcLink;
         "ptc-list": PtcList;
         "ptc-lottie": PtcLottie;
+        "ptc-minimized-footer": PtcMinimizedFooter;
+        "ptc-minimized-header": PtcMinimizedHeader;
         "ptc-mobile-select": PtcMobileSelect;
         "ptc-modal": PtcModal;
         "ptc-nav": PtcNav;
@@ -1560,6 +1607,7 @@ declare namespace LocalJSX {
         "ptc-overlay": PtcOverlay;
         "ptc-para": PtcPara;
         "ptc-picture": PtcPicture;
+        "ptc-previous-url": PtcPreviousUrl;
         "ptc-responsive-wrapper": PtcResponsiveWrapper;
         "ptc-select": PtcSelect;
         "ptc-social-share": PtcSocialShare;
@@ -1593,6 +1641,8 @@ declare module "@stencil/core" {
             "ptc-link": LocalJSX.PtcLink & JSXBase.HTMLAttributes<HTMLPtcLinkElement>;
             "ptc-list": LocalJSX.PtcList & JSXBase.HTMLAttributes<HTMLPtcListElement>;
             "ptc-lottie": LocalJSX.PtcLottie & JSXBase.HTMLAttributes<HTMLPtcLottieElement>;
+            "ptc-minimized-footer": LocalJSX.PtcMinimizedFooter & JSXBase.HTMLAttributes<HTMLPtcMinimizedFooterElement>;
+            "ptc-minimized-header": LocalJSX.PtcMinimizedHeader & JSXBase.HTMLAttributes<HTMLPtcMinimizedHeaderElement>;
             "ptc-mobile-select": LocalJSX.PtcMobileSelect & JSXBase.HTMLAttributes<HTMLPtcMobileSelectElement>;
             "ptc-modal": LocalJSX.PtcModal & JSXBase.HTMLAttributes<HTMLPtcModalElement>;
             "ptc-nav": LocalJSX.PtcNav & JSXBase.HTMLAttributes<HTMLPtcNavElement>;
@@ -1600,6 +1650,7 @@ declare module "@stencil/core" {
             "ptc-overlay": LocalJSX.PtcOverlay & JSXBase.HTMLAttributes<HTMLPtcOverlayElement>;
             "ptc-para": LocalJSX.PtcPara & JSXBase.HTMLAttributes<HTMLPtcParaElement>;
             "ptc-picture": LocalJSX.PtcPicture & JSXBase.HTMLAttributes<HTMLPtcPictureElement>;
+            "ptc-previous-url": LocalJSX.PtcPreviousUrl & JSXBase.HTMLAttributes<HTMLPtcPreviousUrlElement>;
             "ptc-responsive-wrapper": LocalJSX.PtcResponsiveWrapper & JSXBase.HTMLAttributes<HTMLPtcResponsiveWrapperElement>;
             "ptc-select": LocalJSX.PtcSelect & JSXBase.HTMLAttributes<HTMLPtcSelectElement>;
             "ptc-social-share": LocalJSX.PtcSocialShare & JSXBase.HTMLAttributes<HTMLPtcSocialShareElement>;