@ptcwebops/ptcw-design 2.7.7 → 2.7.9

package/dist/types/components.d.ts

@@ -362,16 +362,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
@@ -439,16 +439,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';
@@ -758,19 +758,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 {
@@ -1020,23 +1020,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
@@ -1093,24 +1093,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
@@ -1226,6 +1226,10 @@ export namespace Components {
           * CTA Button href
          */
         "cardCtaHref": string;
+        /**
+          * CTA Button target
+         */
+        "cardCtaTarget": string;
         /**
           * CTA Button text
          */
@@ -1253,6 +1257,32 @@ export namespace Components {
         "active": boolean;
         "optionClicked": boolean;
     }
+    interface PtcPricingPackagingTable {
+        /**
+          * Number of data columns in the table
+         */
+        "dataCols"?: number;
+        /**
+          * Number of data rows in the table
+         */
+        "dataRows"?: number;
+        /**
+          * Number of disclaimers below the table
+         */
+        "disclaimerCount"?: number;
+        /**
+          * [True/False] If the page containing this table has a sticky sub-nav
+         */
+        "pageWithSubnav"?: boolean;
+        /**
+          * Table title (H3)
+         */
+        "tableSubTitle"?: string;
+        /**
+          * Table title (H2)
+         */
+        "tableTitle"?: string;
+    }
     interface PtcPricingTable {
         /**
           * Number of data columns in the table
@@ -1766,19 +1796,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
@@ -1787,18 +1817,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
@@ -2471,6 +2501,12 @@ declare global {
         prototype: HTMLPtcPricingBlockElement;
         new (): HTMLPtcPricingBlockElement;
     };
+    interface HTMLPtcPricingPackagingTableElement extends Components.PtcPricingPackagingTable, HTMLStencilElement {
+    }
+    var HTMLPtcPricingPackagingTableElement: {
+        prototype: HTMLPtcPricingPackagingTableElement;
+        new (): HTMLPtcPricingPackagingTableElement;
+    };
     interface HTMLPtcPricingTableElement extends Components.PtcPricingTable, HTMLStencilElement {
     }
     var HTMLPtcPricingTableElement: {
@@ -2815,6 +2851,7 @@ declare global {
         "ptc-pricing-add-on-card": HTMLPtcPricingAddOnCardElement;
         "ptc-pricing-add-on-section": HTMLPtcPricingAddOnSectionElement;
         "ptc-pricing-block": HTMLPtcPricingBlockElement;
+        "ptc-pricing-packaging-table": HTMLPtcPricingPackagingTableElement;
         "ptc-pricing-table": HTMLPtcPricingTableElement;
         "ptc-pricing-tabs": HTMLPtcPricingTabsElement;
         "ptc-product-card": HTMLPtcProductCardElement;
@@ -3232,16 +3269,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
@@ -3311,16 +3348,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;
@@ -3354,6 +3391,7 @@ declare namespace LocalJSX {
         "linkTitle"?: string;
         "onHoverEvent"?: (event: PtcCardWrapperCustomEvent<void>) => void;
         "onLeaveEvent"?: (event: PtcCardWrapperCustomEvent<void>) => void;
+        "onSquareHeightChanged"?: (event: PtcCardWrapperCustomEvent<number>) => void;
         /**
           * (optional) Injected CSS Styles
          */
@@ -3643,19 +3681,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 {
@@ -3922,23 +3960,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
@@ -3995,24 +4033,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
@@ -4128,6 +4166,10 @@ declare namespace LocalJSX {
           * CTA Button href
          */
         "cardCtaHref"?: string;
+        /**
+          * CTA Button target
+         */
+        "cardCtaTarget"?: string;
         /**
           * CTA Button text
          */
@@ -4155,6 +4197,32 @@ declare namespace LocalJSX {
         "active"?: boolean;
         "optionClicked"?: boolean;
     }
+    interface PtcPricingPackagingTable {
+        /**
+          * Number of data columns in the table
+         */
+        "dataCols"?: number;
+        /**
+          * Number of data rows in the table
+         */
+        "dataRows"?: number;
+        /**
+          * Number of disclaimers below the table
+         */
+        "disclaimerCount"?: number;
+        /**
+          * [True/False] If the page containing this table has a sticky sub-nav
+         */
+        "pageWithSubnav"?: boolean;
+        /**
+          * Table title (H3)
+         */
+        "tableSubTitle"?: string;
+        /**
+          * Table title (H2)
+         */
+        "tableTitle"?: string;
+    }
     interface PtcPricingTable {
         /**
           * Number of data columns in the table
@@ -4679,19 +4747,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
@@ -4700,18 +4768,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
@@ -4893,6 +4961,7 @@ declare namespace LocalJSX {
         "ptc-pricing-add-on-card": PtcPricingAddOnCard;
         "ptc-pricing-add-on-section": PtcPricingAddOnSection;
         "ptc-pricing-block": PtcPricingBlock;
+        "ptc-pricing-packaging-table": PtcPricingPackagingTable;
         "ptc-pricing-table": PtcPricingTable;
         "ptc-pricing-tabs": PtcPricingTabs;
         "ptc-product-card": PtcProductCard;
@@ -5017,6 +5086,7 @@ declare module "@stencil/core" {
             "ptc-pricing-add-on-card": LocalJSX.PtcPricingAddOnCard & JSXBase.HTMLAttributes<HTMLPtcPricingAddOnCardElement>;
             "ptc-pricing-add-on-section": LocalJSX.PtcPricingAddOnSection & JSXBase.HTMLAttributes<HTMLPtcPricingAddOnSectionElement>;
             "ptc-pricing-block": LocalJSX.PtcPricingBlock & JSXBase.HTMLAttributes<HTMLPtcPricingBlockElement>;
+            "ptc-pricing-packaging-table": LocalJSX.PtcPricingPackagingTable & JSXBase.HTMLAttributes<HTMLPtcPricingPackagingTableElement>;
             "ptc-pricing-table": LocalJSX.PtcPricingTable & JSXBase.HTMLAttributes<HTMLPtcPricingTableElement>;
             "ptc-pricing-tabs": LocalJSX.PtcPricingTabs & JSXBase.HTMLAttributes<HTMLPtcPricingTabsElement>;
             "ptc-product-card": LocalJSX.PtcProductCard & JSXBase.HTMLAttributes<HTMLPtcProductCardElement>;

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;

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

@@ -1,32 +1,32 @@
-type CssClassMap = {
-  [className: string]: boolean;
-};
-type StylesMap = {
-  [key: string]: string;
-};
-declare let ResponsiveBgVariables: {
-  envs: string[];
-  selector: string;
-  interval: number;
-};
-declare let ResponsivePictureVariables: {
-  envs: string[];
-  selector: string;
-  interval: number;
-};
-export { StylesMap, CssClassMap, ResponsiveBgVariables, ResponsivePictureVariables };
-export interface ITabData {
-  select: () => void;
-  unselect: () => void;
-  name: string;
-  text: string;
-}
-export interface ITabHeaderData extends ITabData {
-  id: string;
-}
-export interface ITabContentData extends ITabData {
-}
-export interface ITabGroup {
-  header: ITabHeaderData;
-  content: ITabContentData;
-}
+type CssClassMap = {
+  [className: string]: boolean;
+};
+type StylesMap = {
+  [key: string]: string;
+};
+declare let ResponsiveBgVariables: {
+  envs: string[];
+  selector: string;
+  interval: number;
+};
+declare let ResponsivePictureVariables: {
+  envs: string[];
+  selector: string;
+  interval: number;
+};
+export { StylesMap, CssClassMap, ResponsiveBgVariables, ResponsivePictureVariables };
+export interface ITabData {
+  select: () => void;
+  unselect: () => void;
+  name: string;
+  text: string;
+}
+export interface ITabHeaderData extends ITabData {
+  id: string;
+}
+export interface ITabContentData extends ITabData {
+}
+export interface ITabGroup {
+  header: ITabHeaderData;
+  content: ITabContentData;
+}

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

@@ -1,5 +1,5 @@
-export declare function format(first: string, middle: string, last: string): string;
-export declare function MapDOM(domElement: HTMLElement, selector?: string, toString?: boolean): any;
-export declare function generateUUID(): string;
-export declare function debounce(func: Function, wait: number, referer?: any): (e: any) => void;
-export declare function getFileExtension(filePath: string): string;
+export declare function format(first: string, middle: string, last: string): string;
+export declare function MapDOM(domElement: HTMLElement, selector?: string, toString?: boolean): any;
+export declare function generateUUID(): string;
+export declare function debounce(func: Function, wait: number, referer?: any): (e: any) => void;
+export declare function getFileExtension(filePath: string): string;