@ptcwebops/ptcw-design 3.2.4 → 3.2.6

package/dist/types/components.d.ts

@@ -165,6 +165,10 @@ export namespace Components {
           * Opens the accordion item.
          */
         "open": () => Promise<void>;
+        /**
+          * Injected styles
+         */
+        "styles"?: string;
         /**
           * Set the theme styling of the accordion item, default is "standard"
          */
@@ -369,16 +373,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
@@ -446,16 +450,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';
@@ -789,19 +793,19 @@ export namespace Components {
         /**
           * Theme
          */
-        "theme": | 'simple'
-    | 'underline'
-    | 'nav-title'
-    | 'primary-nav-link'
-    | 'nav-title-link'
-    | 'nav-card-link'
-    | 'secondary-nav-link'
-    | 'footer-nav-link'
-    | 'copyright-link'
-    | 'product-link'
-    | 'd-green-underline'
-    | 'd-white-underline'
-    | 'global'
+        "theme": | 'simple'
+    | 'underline'
+    | 'nav-title'
+    | 'primary-nav-link'
+    | 'nav-title-link'
+    | 'nav-card-link'
+    | 'secondary-nav-link'
+    | 'footer-nav-link'
+    | 'copyright-link'
+    | 'product-link'
+    | 'd-green-underline'
+    | 'd-white-underline'
+    | 'global'
     | 'standard-link';
     }
     interface PtcList {
@@ -1055,23 +1059,23 @@ 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'
-    | 'solid-black-1'
-    | 'solid-black-2'
+        "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'
+    | 'solid-black-1'
+    | 'solid-black-2'
     | string;
         /**
           * Overlay z-index
@@ -1128,24 +1132,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
@@ -1557,19 +1561,19 @@ 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'
-    | 'margin-6'
+        "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'
     | 'margin-9';
         /**
           * Title Shadow
@@ -1578,18 +1582,18 @@ export namespace Components {
         /**
           * Title size
          */
-        "titleSize": | 'xx-small'
-    | 'x-small'
-    | 'small'
-    | 'medium'
-    | 'large'
-    | 'x-large'
-    | 'xx-large'
-    | 'xxx-large'
-    | 'xxxx-large'
-    | 'xxxx-large-allbp'
-    | 'xx-large-allbp'
-    | 'xxxx-large-desktop'
+        "titleSize": | 'xx-small'
+    | 'x-small'
+    | 'small'
+    | 'medium'
+    | 'large'
+    | 'x-large'
+    | 'xx-large'
+    | 'xxx-large'
+    | 'xxxx-large'
+    | 'xxxx-large-allbp'
+    | 'xx-large-allbp'
+    | 'xxxx-large-desktop'
     | 'xxxx-large-store';
         /**
           * Title weight
@@ -1850,6 +1854,7 @@ export namespace Components {
         "required": boolean;
         "syncCountry": (countryCode: string) => Promise<void>;
         "type": string;
+        "validateTextField": () => Promise<void>;
     }
     interface PtcTheaterVideo {
         "cardDescription"?: string;
@@ -1895,19 +1900,19 @@ 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'
-    | 'margin-6'
+        "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'
     | 'margin-9';
         /**
           * Title Shadow
@@ -1916,18 +1921,18 @@ export namespace Components {
         /**
           * Title size
          */
-        "titleSize": | 'xx-small'
-    | 'x-small'
-    | 'small'
-    | 'medium'
-    | 'large'
-    | 'x-large'
-    | 'xx-large'
-    | 'xxx-large'
-    | 'xxxx-large'
-    | 'xxxx-large-allbp'
-    | 'xx-large-allbp'
-    | 'xxxx-large-desktop'
+        "titleSize": | 'xx-small'
+    | 'x-small'
+    | 'small'
+    | 'medium'
+    | 'large'
+    | 'x-large'
+    | 'xx-large'
+    | 'xxx-large'
+    | 'xxxx-large'
+    | 'xxxx-large-allbp'
+    | 'xx-large-allbp'
+    | 'xxxx-large-desktop'
     | 'xxxx-large-store';
         /**
           * Title weight
@@ -2041,6 +2046,12 @@ export namespace Components {
          */
         "target"?: string;
     }
+    interface PtcWhitePaper {
+        "items": any[];
+        "itemsPerPage": number;
+        "topBackgroundImage": string;
+        "topBackgroundImageAlt": string;
+    }
     interface SequentialBundle {
     }
     interface SequentialBundleExample {
@@ -2927,6 +2938,12 @@ declare global {
         prototype: HTMLPtcValuePropCardElement;
         new (): HTMLPtcValuePropCardElement;
     };
+    interface HTMLPtcWhitePaperElement extends Components.PtcWhitePaper, HTMLStencilElement {
+    }
+    var HTMLPtcWhitePaperElement: {
+        prototype: HTMLPtcWhitePaperElement;
+        new (): HTMLPtcWhitePaperElement;
+    };
     interface HTMLSequentialBundleElement extends Components.SequentialBundle, HTMLStencilElement {
     }
     var HTMLSequentialBundleElement: {
@@ -3075,6 +3092,7 @@ declare global {
         "ptc-value-led-layout": HTMLPtcValueLedLayoutElement;
         "ptc-value-led-speed-bump": HTMLPtcValueLedSpeedBumpElement;
         "ptc-value-prop-card": HTMLPtcValuePropCardElement;
+        "ptc-white-paper": HTMLPtcWhitePaperElement;
         "sequential-bundle": HTMLSequentialBundleElement;
         "sequential-bundle-example": HTMLSequentialBundleExampleElement;
         "tab-content": HTMLTabContentElement;
@@ -3250,6 +3268,10 @@ declare namespace LocalJSX {
           * Emitted when accordion item started opening
          */
         "onOpening"?: (event: PtcAccordionItemCustomEvent<any>) => void;
+        /**
+          * Injected styles
+         */
+        "styles"?: string;
         /**
           * Set the theme styling of the accordion item, default is "standard"
          */
@@ -3458,16 +3480,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
@@ -3537,16 +3559,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;
@@ -3893,19 +3915,19 @@ declare namespace LocalJSX {
         /**
           * Theme
          */
-        "theme"?: | 'simple'
-    | 'underline'
-    | 'nav-title'
-    | 'primary-nav-link'
-    | 'nav-title-link'
-    | 'nav-card-link'
-    | 'secondary-nav-link'
-    | 'footer-nav-link'
-    | 'copyright-link'
-    | 'product-link'
-    | 'd-green-underline'
-    | 'd-white-underline'
-    | 'global'
+        "theme"?: | 'simple'
+    | 'underline'
+    | 'nav-title'
+    | 'primary-nav-link'
+    | 'nav-title-link'
+    | 'nav-card-link'
+    | 'secondary-nav-link'
+    | 'footer-nav-link'
+    | 'copyright-link'
+    | 'product-link'
+    | 'd-green-underline'
+    | 'd-white-underline'
+    | 'global'
     | 'standard-link';
     }
     interface PtcList {
@@ -4176,23 +4198,23 @@ 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'
-    | 'solid-black-1'
-    | 'solid-black-2'
+        "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'
+    | 'solid-black-1'
+    | 'solid-black-2'
     | string;
         /**
           * Overlay z-index
@@ -4249,24 +4271,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
@@ -4689,19 +4711,19 @@ 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'
-    | 'margin-6'
+        "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'
     | 'margin-9';
         /**
           * Title Shadow
@@ -4710,18 +4732,18 @@ declare namespace LocalJSX {
         /**
           * Title size
          */
-        "titleSize"?: | 'xx-small'
-    | 'x-small'
-    | 'small'
-    | 'medium'
-    | 'large'
-    | 'x-large'
-    | 'xx-large'
-    | 'xxx-large'
-    | 'xxxx-large'
-    | 'xxxx-large-allbp'
-    | 'xx-large-allbp'
-    | 'xxxx-large-desktop'
+        "titleSize"?: | 'xx-small'
+    | 'x-small'
+    | 'small'
+    | 'medium'
+    | 'large'
+    | 'x-large'
+    | 'xx-large'
+    | 'xxx-large'
+    | 'xxxx-large'
+    | 'xxxx-large-allbp'
+    | 'xx-large-allbp'
+    | 'xxxx-large-desktop'
     | 'xxxx-large-store';
         /**
           * Title weight
@@ -5027,19 +5049,19 @@ 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'
-    | 'margin-6'
+        "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'
     | 'margin-9';
         /**
           * Title Shadow
@@ -5048,18 +5070,18 @@ declare namespace LocalJSX {
         /**
           * Title size
          */
-        "titleSize"?: | 'xx-small'
-    | 'x-small'
-    | 'small'
-    | 'medium'
-    | 'large'
-    | 'x-large'
-    | 'xx-large'
-    | 'xxx-large'
-    | 'xxxx-large'
-    | 'xxxx-large-allbp'
-    | 'xx-large-allbp'
-    | 'xxxx-large-desktop'
+        "titleSize"?: | 'xx-small'
+    | 'x-small'
+    | 'small'
+    | 'medium'
+    | 'large'
+    | 'x-large'
+    | 'xx-large'
+    | 'xxx-large'
+    | 'xxxx-large'
+    | 'xxxx-large-allbp'
+    | 'xx-large-allbp'
+    | 'xxxx-large-desktop'
     | 'xxxx-large-store';
         /**
           * Title weight
@@ -5173,6 +5195,12 @@ declare namespace LocalJSX {
          */
         "target"?: string;
     }
+    interface PtcWhitePaper {
+        "items"?: any[];
+        "itemsPerPage"?: number;
+        "topBackgroundImage"?: string;
+        "topBackgroundImageAlt"?: string;
+    }
     interface SequentialBundle {
     }
     interface SequentialBundleExample {
@@ -5314,6 +5342,7 @@ declare namespace LocalJSX {
         "ptc-value-led-layout": PtcValueLedLayout;
         "ptc-value-led-speed-bump": PtcValueLedSpeedBump;
         "ptc-value-prop-card": PtcValuePropCard;
+        "ptc-white-paper": PtcWhitePaper;
         "sequential-bundle": SequentialBundle;
         "sequential-bundle-example": SequentialBundleExample;
         "tab-content": TabContent;
@@ -5447,6 +5476,7 @@ declare module "@stencil/core" {
             "ptc-value-led-layout": LocalJSX.PtcValueLedLayout & JSXBase.HTMLAttributes<HTMLPtcValueLedLayoutElement>;
             "ptc-value-led-speed-bump": LocalJSX.PtcValueLedSpeedBump & JSXBase.HTMLAttributes<HTMLPtcValueLedSpeedBumpElement>;
             "ptc-value-prop-card": LocalJSX.PtcValuePropCard & JSXBase.HTMLAttributes<HTMLPtcValuePropCardElement>;
+            "ptc-white-paper": LocalJSX.PtcWhitePaper & JSXBase.HTMLAttributes<HTMLPtcWhitePaperElement>;
             "sequential-bundle": LocalJSX.SequentialBundle & JSXBase.HTMLAttributes<HTMLSequentialBundleElement>;
             "sequential-bundle-example": LocalJSX.SequentialBundleExample & JSXBase.HTMLAttributes<HTMLSequentialBundleExampleElement>;
             "tab-content": LocalJSX.TabContent & JSXBase.HTMLAttributes<HTMLTabContentElement>;

package/dist/types/index.d.ts

@@ -1 +1 @@
-export { Components, JSX } from './components';
+export { Components, JSX } from './components';

package/dist/types/utils/component.d.ts

@@ -1 +1 @@
-export declare const hasSlot: (HTMLElement: any, string?: any) => boolean;
+export declare const hasSlot: (HTMLElement: any, string?: any) => boolean;