@ptcwebops/ptcw-design 6.3.37 → 6.3.38

package/dist/types/components/ptc-office-location-card/ptc-office-location-card.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter } from "../../stencil-public-runtime";
 export declare class PtcOfficeLocationCard {
   hostElement: HTMLElement;
   region: string;

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

@@ -2,15 +2,15 @@ export declare class PtcOverlay {
   /**
    * 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' | 'hp-blue' | 'hp-green' | 'hp-red' | 'hp-gray' | 'hp-orange' | 'transparent' | string;
+  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" | "hp-blue" | "hp-green" | "hp-red" | "hp-gray" | "hp-orange" | "transparent" | string;
   /**
    * Overlay border shape
    */
-  borderRadius: 'radius-standard' | 'radius-large' | 'radius-pill' | 'radius-circle';
+  borderRadius: "radius-standard" | "radius-large" | "radius-pill" | "radius-circle";
   /**
    * Overlay z-index
    */
-  overlayZIndex: 'z-index-auto' | 'z-index-n-2' | 'z-index-n-1' | 'z-index-p-1' | 'z-index-p-2';
+  overlayZIndex: "z-index-auto" | "z-index-n-2" | "z-index-n-1" | "z-index-p-1" | "z-index-p-2";
   /**
    * Injected Styles
    */

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

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter } from "../../stencil-public-runtime";
 type pageItem = {
   id: string;
   isActive: boolean;
@@ -17,7 +17,7 @@ export declare class PtcPagenation {
   appendArray: boolean;
   prevArrowImg: string;
   nextArrowImg: string;
-  theme: 'events' | 'standard';
+  theme: "events" | "standard";
   /**
    * (optional) Injected CSS styles
    **/

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

@@ -3,31 +3,31 @@ export declare class PtcPara {
   /**
    * Paragraph font size
    **/
-  fontSize: 'xxx-small' | 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large' | 'htmlquote-para';
+  fontSize: "xxx-small" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large" | "xx-large" | "xxx-large" | "xxxx-large" | "htmlquote-para";
   /**
    * Paragraph font weight
    **/
-  fontWeight: 'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9';
+  fontWeight: "w-3" | "w-4" | "w-5" | "w-6" | "w-7" | "w-8" | "w-9";
   /**
    * Paragraph Style
    **/
-  paraStyle: 'default' | 'intro' | 'small' | 'announcement' | 'flush-style' | 'main';
+  paraStyle: "default" | "intro" | "small" | "announcement" | "flush-style" | "main";
   /**
    * Paragraph Color
    */
-  paraColor: 'primary-grey' | 'white' | 'gray-darker';
+  paraColor: "primary-grey" | "white" | "gray-darker";
   /**
    * line height
    */
-  paraLineH: 'line-height-densest' | 'line-height-denser' | 'line-height-dense' | 'line-height-normal' | 'line-height-loose' | 'line-height-looser' | 'line-height-p';
+  paraLineH: "line-height-densest" | "line-height-denser" | "line-height-dense" | "line-height-normal" | "line-height-loose" | "line-height-looser" | "line-height-p";
   /**
    * 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' | 'margin-6';
+  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";
   /**
    * Para text Alignment
    */
-  paraAlign?: 'left' | 'center' | 'right' | 'justify' | 'right-768above';
+  paraAlign?: "left" | "center" | "right" | "justify" | "right-768above";
   /**
    * Line number to cut text off at and add ellipsis
    */
@@ -35,7 +35,7 @@ export declare class PtcPara {
   /**
    * sep z-index
    */
-  paraZIndex?: 'z-auto' | 'z-1' | 'z-2' | 'z-3' | 'z-99' | 'z-999';
+  paraZIndex?: "z-auto" | "z-1" | "z-2" | "z-3" | "z-99" | "z-999";
   /**
    *  (optional) Injected CSS Styles
    */
@@ -51,11 +51,11 @@ export declare class PtcPara {
   /**
    * Tooltip position
    */
-  tooltipPosition: 'left' | 'right' | 'bottom' | 'bottom-right' | 'top';
+  tooltipPosition: "left" | "right" | "bottom" | "bottom-right" | "top";
   /**
    *  (optional) Injected CSS Styles
    */
-  tooltipTheme: 'standard' | 'danger';
+  tooltipTheme: "standard" | "danger";
   enableTooltip: boolean;
   maxChars: number;
   maxLines: number;
@@ -67,9 +67,9 @@ export declare class PtcPara {
    */
   noOverflow?: boolean;
   /**
-  * This will make the width 100% respective to its parent
-  */
-  tooltipWidth?: 'full-width' | 'default';
+   * This will make the width 100% respective to its parent
+   */
+  tooltipWidth?: "full-width" | "default";
   render(): any;
   getSortedText(content: string): string | undefined;
   componentDidLoad(): void;

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

@@ -39,11 +39,11 @@ export declare class PtcPicture {
   /**
    * Image Position
    */
-  imagePosition: 'relative' | 'absolute' | 'static';
+  imagePosition: "relative" | "absolute" | "static";
   /**
    * Image border shape
    */
-  borderRadius: 'radius-standard' | 'radius-large' | 'radius-pill' | 'radius-circle';
+  borderRadius: "radius-standard" | "radius-large" | "radius-pill" | "radius-circle";
   /**
    * Set height
    * Value unit: pixles
@@ -60,7 +60,7 @@ export declare class PtcPicture {
    * Object Fit
    * Default: cover
    */
-  objectFit: 'cover' | 'fill' | 'contain' | 'scale-down' | 'none' | 'initial' | 'inherit';
+  objectFit: "cover" | "fill" | "contain" | "scale-down" | "none" | "initial" | "inherit";
   /**
    * Stretch height to 100%?
    */
@@ -76,7 +76,7 @@ export declare class PtcPicture {
   /**
    * (optional) Image alignment
    **/
-  imageAlignment?: 'left' | 'right' | 'center';
+  imageAlignment?: "left" | "right" | "center";
   /**
    * (optional) Set max-width
    * value unit: pixles
@@ -84,9 +84,9 @@ export declare class PtcPicture {
    **/
   maxWidth?: string;
   /**
-  * Display image: inline, inline-block, block
-  **/
-  displayImage?: 'inline' | 'inline-block' | 'block';
+   * Display image: inline, inline-block, block
+   **/
+  displayImage?: "inline" | "inline-block" | "block";
   WindowResize(): void;
   io: IntersectionObserver;
   componentWillLoad(): void;

package/dist/types/components/ptc-podcast-card/ptc-podcast-card.d.ts

@@ -1,15 +1,15 @@
 export declare class PtcPodcastCard {
   /**
    * Card title
-  */
+   */
   heading?: string;
   /**
    * Card image source
-  */
+   */
   imageSrc?: string;
   /**
-  * Card image alt text
- */
+   * Card image alt text
+   */
   altText?: string;
   render(): any;
 }

package/dist/types/components/ptc-pricing-add-on-card/ptc-pricing-add-on-card.d.ts

@@ -1,7 +1,7 @@
 export declare class PtcPricingAddOnCard {
   /**
-  * Modal Element
-  */
+   * Modal Element
+   */
   el: HTMLElement;
   /**
    * Title

package/dist/types/components/ptc-pricing-add-on-section/ptc-pricing-add-on-section.d.ts

@@ -1,7 +1,7 @@
 export declare class PtcPricingAddOnSection {
   /**
-  * Modal Element
-  */
+   * Modal Element
+   */
   el: HTMLElement;
   /**
    * Number of cards in section
@@ -18,8 +18,8 @@ export declare class PtcPricingAddOnSection {
     disclaimer: string;
   }[];
   /**
-  * Section Title
-  */
+   * Section Title
+   */
   sectionTitle?: string;
   /**
    * Component ID for table uniqueness

package/dist/types/components/ptc-pricing-packaging-table/ptc-pricing-packaging-table.d.ts

@@ -1,7 +1,7 @@
 export declare class PtcPricingPackagingTable {
   /**
-    * Pricing Table Element
-    */
+   * Pricing Table Element
+   */
   el: HTMLElement;
   /**
    * [True/False] If the page containing this table has a sticky sub-nav

package/dist/types/components/ptc-pricing-tabs/ptc-pricing-tabs.d.ts

@@ -1,5 +1,5 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { CssClassMap } from '../../utils/interfaces';
+import { EventEmitter } from "../../stencil-public-runtime";
+import { CssClassMap } from "../../utils/interfaces";
 declare class TabItem {
   id: string;
   header: string;

package/dist/types/components/ptc-product-card/ptc-product-card.d.ts

@@ -6,19 +6,19 @@ export declare class PtcProductCard {
    */
   cardImage?: string;
   /**
- *
- * cardImageAltText
- */
+   *
+   * cardImageAltText
+   */
   cardImageAltText?: string;
   /**
- *
- * cardDescription
- */
+   *
+   * cardDescription
+   */
   cardDescription?: string;
   /**
-*
-* cardCtaText
-*/
+   *
+   * cardCtaText
+   */
   cardCtaText?: string;
   /**
    *

package/dist/types/components/ptc-product-dropdown/ptc-product-dropdown.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter } from "../../stencil-public-runtime";
 export declare class PtcProductDropdown {
   hostElement: HTMLElement;
   internalOptions: string[];

package/dist/types/components/ptc-product-highlight-card/ptc-product-highlight-card.d.ts

@@ -10,22 +10,22 @@ export declare class PtcProductHighlightCard {
    */
   cardImage?: string;
   /**
- *
- * cardImageAltText
- */
+   *
+   * cardImageAltText
+   */
   cardImageAltText?: string;
   /**
- * customize read more text
- */
+   * customize read more text
+   */
   moreText?: string;
   /**
- * customize read less text
- */
+   * customize read less text
+   */
   lessText?: string;
   /**
- *
- * cardDescription
- */
+   *
+   * cardDescription
+   */
   cardDescription?: string;
   browserFirefox?: boolean;
   currentLanguage?: string;

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

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter } from "../../stencil-public-runtime";
 export declare class PtcProductList {
   emptyTitle: string;
   emptySubTitle: string;

package/dist/types/components/ptc-product-sidebar/ptc-product-sidebar.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter } from "../../stencil-public-runtime";
 export declare class PtcProductSidebar {
   hostElement: HTMLElement;
   searchTerm: string;

package/dist/types/components/ptc-quantity-counter/ptc-quantity-counter.d.ts

@@ -1,4 +1,4 @@
-import { Event, EventEmitter } from '../../stencil-public-runtime';
+import { Event, EventEmitter } from "../../stencil-public-runtime";
 export declare class PtcQuantityCounter {
   count: number;
   itemCountInput?: HTMLInputElement;

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

@@ -2,7 +2,7 @@ export declare class PtcQuote {
   /**
    * Quote Type
    */
-  quoteType: "image-quote" | "plain-quote" | 'value-led-quote';
+  quoteType: "image-quote" | "plain-quote" | "value-led-quote";
   /**
    * Quote Name
    */

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

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter } from "../../stencil-public-runtime";
 export declare class PtcReadmore {
   /**
    * the current element
@@ -9,54 +9,54 @@ export declare class PtcReadmore {
    */
   moreText?: string;
   /**
- * customize less more text
- */
+   * customize less more text
+   */
   lessText?: string;
   /**
    * Read more text position: left or right
    */
-  readMorePosition: 'left' | 'right' | 'center';
+  readMorePosition: "left" | "right" | "center";
   /**
    *
    * @returns string
    */
-  display: 'inline' | 'block';
+  display: "inline" | "block";
   /**
    *  visible lines
    */
-  visibleLines: 'line1' | 'line2' | 'line3' | 'line4' | 'line5' | 'line10';
+  visibleLines: "line1" | "line2" | "line3" | "line4" | "line5" | "line10";
   /**
-  *  visible lines custom numebr
-  */
+   *  visible lines custom numebr
+   */
   visibleLinesCustom: number;
   /**
    * index of hover lable
    */
-  zIndex: 'z-auto' | 'z-1' | 'z-2' | 'z-3' | 'z-999';
+  zIndex: "z-auto" | "z-1" | "z-2" | "z-3" | "z-999";
   /**
    * Input element state
    */
   checked: boolean;
   /**
-  * Size: Font size of the read more text. Options small=16px | medium=18px | large=24px
-  */
-  size: 'small' | 'medium' | 'large';
+   * Size: Font size of the read more text. Options small=16px | medium=18px | large=24px
+   */
+  size: "small" | "medium" | "large";
   /**
-  * Icon: if true show up/down icon besides text
-  */
+   * Icon: if true show up/down icon besides text
+   */
   isIcon: boolean;
   /**
-  * color: Read more text color. Options: default is blue.  'blue' | 'gray' | 'green' | 'initial'
-  */
-  color: 'blue' | 'gray' | 'green' | 'initial';
+   * color: Read more text color. Options: default is blue.  'blue' | 'gray' | 'green' | 'initial'
+   */
+  color: "blue" | "gray" | "green" | "initial";
   /**
-  * isContentSlotted: if the readmore content is from slot,
-  */
+   * isContentSlotted: if the readmore content is from slot,
+   */
   isContentSlotted: boolean;
   updateReadmoreStatus(): Promise<void>;
   /**
-  * more clicked Event
-  */
+   * more clicked Event
+   */
   readmoreToggle: EventEmitter;
   addBtnTruncated(): void;
   enableAddTruncatedClass(element: any): void;
@@ -64,8 +64,8 @@ export declare class PtcReadmore {
   setTabIndex(): void;
   handleClick(event: any): void;
   /**
- * Handle keyboard interactions
- */
+   * Handle keyboard interactions
+   */
   handleKeyDown: (event: KeyboardEvent) => void;
   render(): any;
   private getCssClassMap;

package/dist/types/components/ptc-readmore-char/ptc-readmore-char.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter } from "../../stencil-public-runtime";
 export declare class PtcReadmoreChar {
   /**
    * The component

package/dist/types/components/ptc-readmore-new/ptc-readmore-new.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter } from "../../stencil-public-runtime";
 export declare class PtcReadmoreNew {
   el: HTMLElement;
   maxCharacters: number;

package/dist/types/components/ptc-readmore-v2/ptc-readmore-v2.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter } from "../../stencil-public-runtime";
 export declare class PtcReadmoreV2 {
   /** This component */
   el: HTMLElement;

package/dist/types/components/ptc-readmore-v3/ptc-readmore-v3.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter } from "../../stencil-public-runtime";
 export declare class PtcReadmoreV3 {
   el: HTMLElement;
   maxCharacters: number;

package/dist/types/components/ptc-related-card-rail/ptc-related-card-rail.d.ts

@@ -1,4 +1,4 @@
-import { FocusTrap } from 'focus-trap';
+import { FocusTrap } from "focus-trap";
 export declare class PtcRelatedCardRail {
   /**
    * Card Rail Element

package/dist/types/components/ptc-scroll-button/ptc-scroll-button.d.ts

@@ -1,8 +1,8 @@
 export declare class PtcScrollButton {
-  direction: 'left' | 'right' | 'up' | 'down';
+  direction: "left" | "right" | "up" | "down";
   scrollContainerClass: string;
   scrollAmount: number;
-  orientation: 'horizontal' | 'vertical';
+  orientation: "horizontal" | "vertical";
   trackerId?: string;
   styles?: string;
   isVisible: boolean;

package/dist/types/components/ptc-search-field/ptc-search-field.d.ts

@@ -1,11 +1,11 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter } from "../../stencil-public-runtime";
 export declare class PtcSearchField {
   el: HTMLElement;
   textValue: string;
   placeholderLabel: string;
   darkTheme: boolean;
   isNews: boolean;
-  elevation: 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
+  elevation: "x-small" | "small" | "medium" | "large" | "x-large";
   enableClear: boolean;
   valueChanged: EventEmitter;
   clicked: EventEmitter;

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

@@ -1,5 +1,5 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { MDCSelect } from '@material/select';
+import { EventEmitter } from "../../stencil-public-runtime";
+import { MDCSelect } from "@material/select";
 interface ExtendedMDCSelect extends MDCSelect {
   open: boolean;
 }
@@ -22,7 +22,7 @@ export declare class PtcSelect {
   language: string;
   valueChange: EventEmitter<string>;
   defaultSelect: ExtendedMDCSelect;
-  lastInteraction: 'mouse' | 'keyboard';
+  lastInteraction: "mouse" | "keyboard";
   private map;
   setValue(): Promise<void>;
   componentWillLoad(): void;

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

@@ -7,39 +7,39 @@ export declare class PtcSeoTitle {
   /**
    * Title Tag Type
    */
-  type: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+  type: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
   /**
    * Text Align
    */
-  textAlign: 'left' | 'center' | 'right' | 'inherit';
+  textAlign: "left" | "center" | "right" | "inherit";
   /**
    * Upperline Style
    */
-  upperline: 'dotted' | 'solid' | 'no-upperline';
+  upperline: "dotted" | "solid" | "no-upperline";
   /**
    * Title Shadow
    */
-  titleShadow: 'blue' | 'red' | 'green' | 'orange' | 'slate-grey';
+  titleShadow: "blue" | "red" | "green" | "orange" | "slate-grey";
   /**
    * Title color
    */
-  titleColor: 'black' | 'white' | 'gray' | 'gray-darker' | 'gray-1';
+  titleColor: "black" | "white" | "gray" | "gray-darker" | "gray-1";
   /**
    * 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' | 'margin-9';
+  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 weight
    */
-  titleWeight: 'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9';
+  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' | 'xxxx-large-allbp' | 'xx-large-allbp' | 'xxxx-large-desktop' | 'xxxx-large-store';
+  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 line height
    */
-  titleHeight: 'densest' | 'denser' | 'dense' | 'normal' | 'loose' | 'looser' | 'paragraph';
+  titleHeight: "densest" | "denser" | "dense" | "normal" | "loose" | "looser" | "paragraph";
   styles?: string;
   /**
    * Line number to cut text off at and add ellipsis
@@ -48,7 +48,7 @@ export declare class PtcSeoTitle {
   /**
    * Title heading display : To show line above heading full width or title width
    */
-  titleDisplay: 'block' | 'inline-block';
+  titleDisplay: "block" | "inline-block";
   render(): any;
   private getCssClassMap;
   private getLineCuttoff;

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';
+  color: "black" | "white";
   cartText: string;
   render(): any;
   private getCssClassMap;

package/dist/types/components/ptc-slit-card/ptc-slit-card.d.ts

@@ -17,20 +17,20 @@ export declare class PtcSlitCard {
    * */
   rel?: string;
   /**
-    * Card heading
-    */
+   * Card heading
+   */
   heading?: string;
   /**
-    * Card heading
-    */
+   * Card heading
+   */
   content?: string;
   /**
-  * (optional) Injected CSS styles
-  **/
+   * (optional) Injected CSS styles
+   **/
   styles?: string;
   /**
-  * (optional) Injected CSS styles
-  **/
+   * (optional) Injected CSS styles
+   **/
   cardImage?: string;
   render(): any;
 }