@ptcwebops/ptcw-design 0.7.4 → 0.7.6

package/dist/types/components.d.ts

@@ -101,14 +101,18 @@ export namespace Components {
         "toggle": () => Promise<void>;
     }
     interface PtcAnnouncement {
+        /**
+          * bar title
+         */
+        "barTitle": string;
         /**
           * bar description
          */
-        "Description": string;
+        "description": string;
         /**
-          * bar title
+          * Temp Container We plan to remove container in the future
          */
-        "barTitle": string;
+        "insideContainer": boolean;
         /**
           * link Text
          */
@@ -125,10 +129,6 @@ export namespace Components {
           * Target
          */
         "target": string | undefined;
-        /**
-          * Temp Container We plan to remove container in the future
-         */
-        "tempContainer": boolean;
         /**
           * Mutable Visibility
          */
@@ -734,6 +734,24 @@ export namespace Components {
          */
         "quoteType": "image-quote" | "plain-quote";
     }
+    interface PtcReadmore {
+        /**
+          * @returns string
+         */
+        "display": 'inline' | 'block';
+        /**
+          * customize read more text
+         */
+        "moreText": string;
+        /**
+          * visible lines
+         */
+        "visibleLines": 'line1' | 'line2' | 'line3' | 'line4' | 'line5';
+        /**
+          * index of hover lable
+         */
+        "zIndex": 'z-auto' | 'z-1' | 'z-2' | 'z-3' | 'z-999';
+    }
     interface PtcResponsiveWrapper {
     }
     interface PtcShoppingCart {
@@ -842,18 +860,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
@@ -876,6 +894,32 @@ export namespace Components {
          */
         "upperline": 'dotted' | 'solid' | 'no-upperline';
     }
+    interface PtcTooltip {
+        /**
+          * injected Description
+         */
+        "description": string;
+        /**
+          * max length
+         */
+        "maxLength": number;
+        /**
+          * Tooltip position
+         */
+        "position": 'left' | 'right' | 'bottom' | 'top';
+        /**
+          * (optional) Injected CSS Styles
+         */
+        "styles"?: string;
+        /**
+          * Component Display please don't set it to be inline-block
+         */
+        "textDisplay": 'inline' | 'block';
+        /**
+          * index of hover element
+         */
+        "zIndex": 'z-auto' | 'z-1' | 'z-2' | 'z-3' | 'z-999';
+    }
     interface PtcTwoColumnMedia {
         /**
           * Card Type Specify Card Type,
@@ -1144,6 +1188,12 @@ declare global {
         prototype: HTMLPtcQuoteElement;
         new (): HTMLPtcQuoteElement;
     };
+    interface HTMLPtcReadmoreElement extends Components.PtcReadmore, HTMLStencilElement {
+    }
+    var HTMLPtcReadmoreElement: {
+        prototype: HTMLPtcReadmoreElement;
+        new (): HTMLPtcReadmoreElement;
+    };
     interface HTMLPtcResponsiveWrapperElement extends Components.PtcResponsiveWrapper, HTMLStencilElement {
     }
     var HTMLPtcResponsiveWrapperElement: {
@@ -1198,6 +1248,12 @@ declare global {
         prototype: HTMLPtcTitleElement;
         new (): HTMLPtcTitleElement;
     };
+    interface HTMLPtcTooltipElement extends Components.PtcTooltip, HTMLStencilElement {
+    }
+    var HTMLPtcTooltipElement: {
+        prototype: HTMLPtcTooltipElement;
+        new (): HTMLPtcTooltipElement;
+    };
     interface HTMLPtcTwoColumnMediaElement extends Components.PtcTwoColumnMedia, HTMLStencilElement {
     }
     var HTMLPtcTwoColumnMediaElement: {
@@ -1259,6 +1315,7 @@ declare global {
         "ptc-previous-url": HTMLPtcPreviousUrlElement;
         "ptc-pricing-block": HTMLPtcPricingBlockElement;
         "ptc-quote": HTMLPtcQuoteElement;
+        "ptc-readmore": HTMLPtcReadmoreElement;
         "ptc-responsive-wrapper": HTMLPtcResponsiveWrapperElement;
         "ptc-shopping-cart": HTMLPtcShoppingCartElement;
         "ptc-social-share": HTMLPtcSocialShareElement;
@@ -1268,6 +1325,7 @@ declare global {
         "ptc-tab-list": HTMLPtcTabListElement;
         "ptc-text-copy-with-background": HTMLPtcTextCopyWithBackgroundElement;
         "ptc-title": HTMLPtcTitleElement;
+        "ptc-tooltip": HTMLPtcTooltipElement;
         "ptc-two-column-media": HTMLPtcTwoColumnMediaElement;
         "tab-content": HTMLTabContentElement;
         "tab-header": HTMLTabHeaderElement;
@@ -1373,14 +1431,18 @@ declare namespace LocalJSX {
         "onOpening"?: (event: CustomEvent<any>) => void;
     }
     interface PtcAnnouncement {
+        /**
+          * bar title
+         */
+        "barTitle"?: string;
         /**
           * bar description
          */
-        "Description"?: string;
+        "description"?: string;
         /**
-          * bar title
+          * Temp Container We plan to remove container in the future
          */
-        "barTitle"?: string;
+        "insideContainer"?: boolean;
         /**
           * link Text
          */
@@ -1401,10 +1463,6 @@ declare namespace LocalJSX {
           * Target
          */
         "target"?: string | undefined;
-        /**
-          * Temp Container We plan to remove container in the future
-         */
-        "tempContainer"?: boolean;
         /**
           * Mutable Visibility
          */
@@ -2040,6 +2098,24 @@ declare namespace LocalJSX {
          */
         "quoteType"?: "image-quote" | "plain-quote";
     }
+    interface PtcReadmore {
+        /**
+          * @returns string
+         */
+        "display"?: 'inline' | 'block';
+        /**
+          * customize read more text
+         */
+        "moreText"?: string;
+        /**
+          * visible lines
+         */
+        "visibleLines"?: 'line1' | 'line2' | 'line3' | 'line4' | 'line5';
+        /**
+          * index of hover lable
+         */
+        "zIndex"?: 'z-auto' | 'z-1' | 'z-2' | 'z-3' | 'z-999';
+    }
     interface PtcResponsiveWrapper {
     }
     interface PtcShoppingCart {
@@ -2148,18 +2224,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
@@ -2182,6 +2258,32 @@ declare namespace LocalJSX {
          */
         "upperline"?: 'dotted' | 'solid' | 'no-upperline';
     }
+    interface PtcTooltip {
+        /**
+          * injected Description
+         */
+        "description"?: string;
+        /**
+          * max length
+         */
+        "maxLength"?: number;
+        /**
+          * Tooltip position
+         */
+        "position"?: 'left' | 'right' | 'bottom' | 'top';
+        /**
+          * (optional) Injected CSS Styles
+         */
+        "styles"?: string;
+        /**
+          * Component Display please don't set it to be inline-block
+         */
+        "textDisplay"?: 'inline' | 'block';
+        /**
+          * index of hover element
+         */
+        "zIndex"?: 'z-auto' | 'z-1' | 'z-2' | 'z-3' | 'z-999';
+    }
     interface PtcTwoColumnMedia {
         /**
           * Card Type Specify Card Type,
@@ -2238,6 +2340,7 @@ declare namespace LocalJSX {
         "ptc-previous-url": PtcPreviousUrl;
         "ptc-pricing-block": PtcPricingBlock;
         "ptc-quote": PtcQuote;
+        "ptc-readmore": PtcReadmore;
         "ptc-responsive-wrapper": PtcResponsiveWrapper;
         "ptc-shopping-cart": PtcShoppingCart;
         "ptc-social-share": PtcSocialShare;
@@ -2247,6 +2350,7 @@ declare namespace LocalJSX {
         "ptc-tab-list": PtcTabList;
         "ptc-text-copy-with-background": PtcTextCopyWithBackground;
         "ptc-title": PtcTitle;
+        "ptc-tooltip": PtcTooltip;
         "ptc-two-column-media": PtcTwoColumnMedia;
         "tab-content": TabContent;
         "tab-header": TabHeader;
@@ -2298,6 +2402,7 @@ declare module "@stencil/core" {
             "ptc-previous-url": LocalJSX.PtcPreviousUrl & JSXBase.HTMLAttributes<HTMLPtcPreviousUrlElement>;
             "ptc-pricing-block": LocalJSX.PtcPricingBlock & JSXBase.HTMLAttributes<HTMLPtcPricingBlockElement>;
             "ptc-quote": LocalJSX.PtcQuote & JSXBase.HTMLAttributes<HTMLPtcQuoteElement>;
+            "ptc-readmore": LocalJSX.PtcReadmore & JSXBase.HTMLAttributes<HTMLPtcReadmoreElement>;
             "ptc-responsive-wrapper": LocalJSX.PtcResponsiveWrapper & JSXBase.HTMLAttributes<HTMLPtcResponsiveWrapperElement>;
             "ptc-shopping-cart": LocalJSX.PtcShoppingCart & JSXBase.HTMLAttributes<HTMLPtcShoppingCartElement>;
             "ptc-social-share": LocalJSX.PtcSocialShare & JSXBase.HTMLAttributes<HTMLPtcSocialShareElement>;
@@ -2307,6 +2412,7 @@ declare module "@stencil/core" {
             "ptc-tab-list": LocalJSX.PtcTabList & JSXBase.HTMLAttributes<HTMLPtcTabListElement>;
             "ptc-text-copy-with-background": LocalJSX.PtcTextCopyWithBackground & JSXBase.HTMLAttributes<HTMLPtcTextCopyWithBackgroundElement>;
             "ptc-title": LocalJSX.PtcTitle & JSXBase.HTMLAttributes<HTMLPtcTitleElement>;
+            "ptc-tooltip": LocalJSX.PtcTooltip & JSXBase.HTMLAttributes<HTMLPtcTooltipElement>;
             "ptc-two-column-media": LocalJSX.PtcTwoColumnMedia & JSXBase.HTMLAttributes<HTMLPtcTwoColumnMediaElement>;
             "tab-content": LocalJSX.TabContent & JSXBase.HTMLAttributes<HTMLTabContentElement>;
             "tab-header": LocalJSX.TabHeader & JSXBase.HTMLAttributes<HTMLTabHeaderElement>;