@ptcwebops/ptcw-design 6.3.65-beta → 6.3.68-beta

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

@@ -1,4 +1,4 @@
-import { Event, EventEmitter } from '../../stencil-public-runtime';
+import { Event, EventEmitter } from "../../stencil-public-runtime";
 export declare class PtcMultiSelect {
   el: HTMLElement;
   items: Array<{

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

@@ -1,16 +1,16 @@
 export declare class PtcNavCard {
   /**
-  * Card Type
-  * Specify Card Type
-  */
-  cardType: 'media-card' | 'links-card' | 'cta-card';
+   * Card Type
+   * Specify Card Type
+   */
+  cardType: "media-card" | "links-card" | "cta-card";
   /**
    * Card Link URL (Optional)
    */
   cardHref?: string;
   /**
-  * Card Link URL Alt text(Optional)
-  */
+   * Card Link URL Alt text(Optional)
+   */
   logoAlt?: string;
   /**
    * (optional) Link card target
@@ -21,8 +21,8 @@ export declare class PtcNavCard {
    * */
   rel?: string;
   /**
-     *  (optional) title
-     * */
+   *  (optional) title
+   * */
   linkTitle?: string;
   /**
    * If this card has Image
@@ -37,9 +37,9 @@ export declare class PtcNavCard {
    */
   description?: string;
   /**
-     * Window Size
-     */
-  windowSize: 'mobile' | 'desktop';
+   * Window Size
+   */
+  windowSize: "mobile" | "desktop";
   trackerId?: string;
   handleResize(): void;
   componentWillLoad(): void;

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

@@ -4,16 +4,16 @@ export declare class PtcNews {
    */
   newsTag?: string;
   /**
-  * News Image
-  */
+   * News Image
+   */
   newsImage?: string;
   /**
- * News Image
- */
+   * News Image
+   */
   newsImageAlt?: string;
   /**
-* News download url
-*/
+   * News download url
+   */
   newsDownloadUrl?: string;
   render(): any;
   getArticleImage(): any;

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' | 'primary-green' | 'white' | 'gray-darker';
+  paraColor: "primary-grey" | "primary-green" | "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-preloader/ptc-preloader.d.ts

@@ -0,0 +1,5 @@
+export declare class PtcPreloader {
+  type: string | "caption" | "text-body" | "button" | "title" | "divider" | "line" | "multi-line" | "small-para";
+  width?: string;
+  render(): any;
+}

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

@@ -1,7 +1,7 @@
 export declare class PtcPreviousUrl {
   href: string | undefined;
   text: string | undefined;
-  theme: 'standard' | 'light';
+  theme: "standard" | "light";
   /**
    * (optional) Injected CSS styles
    **/

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;