@ptcwebops/ptcw-design 1.5.5 → 1.5.6

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

@@ -1,39 +1,39 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class PtcProductCard {
-  hostElement: HTMLElement;
-  /**
-   *
-   * cardTitle
-   */
-  cardTitle?: string;
-  /**
-   *
-   * cardImage
-   */
-  cardImage?: string;
-  /**
- *
- * cardImageAltText
- */
-  cardImageAltText?: string;
-  /**
- *
- * cardDescription
- */
-  cardDescription?: string;
-  /**
-*
-* cardCtaText
-*/
-  cardCtaText?: string;
-  /**
-   *
-   * toggleCtaTitle
-   */
-  toggleCtaTitle?: string;
-  isOpen: boolean;
-  isOpenProductHighlight: EventEmitter;
-  togglePanel(): void;
-  isSlotEmpty: boolean;
-  render(): any;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class PtcProductCard {
+  hostElement: HTMLElement;
+  /**
+   *
+   * cardTitle
+   */
+  cardTitle?: string;
+  /**
+   *
+   * cardImage
+   */
+  cardImage?: string;
+  /**
+ *
+ * cardImageAltText
+ */
+  cardImageAltText?: string;
+  /**
+ *
+ * cardDescription
+ */
+  cardDescription?: string;
+  /**
+*
+* cardCtaText
+*/
+  cardCtaText?: string;
+  /**
+   *
+   * toggleCtaTitle
+   */
+  toggleCtaTitle?: string;
+  isOpen: boolean;
+  isOpenProductHighlight: EventEmitter;
+  togglePanel(): void;
+  isSlotEmpty: boolean;
+  render(): any;
+}

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

@@ -1,5 +1,5 @@
-export declare class PtcProductCategory {
-  categoryTitle?: string;
-  categoryDescription?: string;
-  render(): any;
-}
+export declare class PtcProductCategory {
+  categoryTitle?: string;
+  categoryDescription?: string;
+  render(): any;
+}

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

@@ -1,18 +1,18 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class PtcProductDropdown {
-  hostElement: HTMLElement;
-  internalOptions: string[];
-  newOptions: string[];
-  selectedOptions: string[];
-  placeholder: string;
-  selectedValues: EventEmitter;
-  dropdownTouched: EventEmitter;
-  isOpen: boolean;
-  parseOptions(): void;
-  toggleDropdown(): void;
-  handleSearchResult(event: CustomEvent): void;
-  handleinputChanged(event: CustomEvent): void;
-  handleCheckboxChange(option: string): void;
-  componentWillLoad(): void;
-  render(): any;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class PtcProductDropdown {
+  hostElement: HTMLElement;
+  internalOptions: string[];
+  newOptions: string[];
+  selectedOptions: string[];
+  placeholder: string;
+  selectedValues: EventEmitter;
+  dropdownTouched: EventEmitter;
+  isOpen: boolean;
+  parseOptions(): void;
+  toggleDropdown(): void;
+  handleSearchResult(event: CustomEvent): void;
+  handleinputChanged(event: CustomEvent): void;
+  handleCheckboxChange(option: string): void;
+  componentWillLoad(): void;
+  render(): any;
+}

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

@@ -1,23 +1,23 @@
-export declare class PtcProductHighlightCard {
-  /**
-   *
-   * cardTitle
-   */
-  cardTitle?: string;
-  /**
-   *
-   * cardImage
-   */
-  cardImage?: string;
-  /**
- *
- * cardImageAltText
- */
-  cardImageAltText?: string;
-  /**
- *
- * cardDescription
- */
-  cardDescription?: string;
-  render(): any;
-}
+export declare class PtcProductHighlightCard {
+  /**
+   *
+   * cardTitle
+   */
+  cardTitle?: string;
+  /**
+   *
+   * cardImage
+   */
+  cardImage?: string;
+  /**
+ *
+ * cardImageAltText
+ */
+  cardImageAltText?: string;
+  /**
+ *
+ * cardDescription
+ */
+  cardDescription?: string;
+  render(): any;
+}

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

@@ -1,17 +1,17 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class PtcProductList {
-  hostElement: HTMLElement;
-  title?: string;
-  noresultSection: any;
-  productList: any;
-  clearCtaClicked: EventEmitter;
-  handleSearchResult(event: CustomEvent): void;
-  handleMultipleSearchResult(event: CustomEvent): void;
-  handleEmptyResult(event: CustomEvent): void;
-  sortMultipleCards(searchItems: string[]): void;
-  sortCards(searchItem: any): void;
-  componentDidLoad(): void;
-  handleClick(event: MouseEvent): void;
-  addIds(): void;
-  render(): any;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class PtcProductList {
+  hostElement: HTMLElement;
+  title?: string;
+  noresultSection: any;
+  productList: any;
+  clearCtaClicked: EventEmitter;
+  handleSearchResult(event: CustomEvent): void;
+  handleMultipleSearchResult(event: CustomEvent): void;
+  handleEmptyResult(event: CustomEvent): void;
+  sortMultipleCards(searchItems: string[]): void;
+  sortCards(searchItem: any): void;
+  componentDidLoad(): void;
+  handleClick(event: MouseEvent): void;
+  addIds(): void;
+  render(): any;
+}

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

@@ -1,30 +1,30 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class PtcProductSidebar {
-  hostElement: HTMLElement;
-  searchTerm: string;
-  suggestions: string[];
-  selectedResult: EventEmitter;
-  clearsearch: EventEmitter;
-  inputChanged: EventEmitter;
-  emptyResult: EventEmitter;
-  serachInput: HTMLElement;
-  categoryListHTML: any;
-  productListWrap: any;
-  clearBtn: any;
-  suggestionList: {
-    categoryName: string;
-    products: string[];
-  }[];
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  getDomData(): void;
-  handleInputChange(event: Event): void;
-  getSuggestions(): void;
-  handleSelectSuggestion(suggestion: string, event: MouseEvent): void;
-  handleKeyUp(e: any): void;
-  clearSearch(event: MouseEvent): void;
-  handleDropdownTouched(event: CustomEvent): void;
-  handleClick(): void;
-  handleclearCtaClicked(event: CustomEvent): void;
-  render(): any;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class PtcProductSidebar {
+  hostElement: HTMLElement;
+  searchTerm: string;
+  suggestions: string[];
+  selectedResult: EventEmitter;
+  clearsearch: EventEmitter;
+  inputChanged: EventEmitter;
+  emptyResult: EventEmitter;
+  serachInput: HTMLElement;
+  categoryListHTML: any;
+  productListWrap: any;
+  clearBtn: any;
+  suggestionList: {
+    categoryName: string;
+    products: string[];
+  }[];
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  getDomData(): void;
+  handleInputChange(event: Event): void;
+  getSuggestions(): void;
+  handleSelectSuggestion(suggestion: string, event: MouseEvent): void;
+  handleKeyUp(e: any): void;
+  clearSearch(event: MouseEvent): void;
+  handleDropdownTouched(event: CustomEvent): void;
+  handleClick(): void;
+  handleclearCtaClicked(event: CustomEvent): void;
+  render(): any;
+}

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

@@ -1,29 +1,29 @@
-export declare class PtcQuote {
-  /**
-   * Quote Type
-   */
-  quoteType: "image-quote" | "plain-quote";
-  /**
-   * Quote Name
-   */
-  quoteName: string;
-  /**
-   * Button CTA Text
-   */
-  ctaText?: string;
-  /**
-   * CTA Url
-   */
-  ctaUrl?: string;
-  /**
-   * Image Src
-   */
-  imgSrc?: string;
-  /**
-   * Image Title
-   */
-  imgTitle?: string;
-  getImageTitle(): any;
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcQuote {
+  /**
+   * Quote Type
+   */
+  quoteType: "image-quote" | "plain-quote";
+  /**
+   * Quote Name
+   */
+  quoteName: string;
+  /**
+   * Button CTA Text
+   */
+  ctaText?: string;
+  /**
+   * CTA Url
+   */
+  ctaUrl?: string;
+  /**
+   * Image Src
+   */
+  imgSrc?: string;
+  /**
+   * Image Title
+   */
+  imgTitle?: string;
+  getImageTitle(): any;
+  render(): any;
+  private getCssClassMap;
+}

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

@@ -1,57 +1,57 @@
-export declare class PtcReadmore {
-  /**
-   * the current element
-   */
-  el: HTMLElement;
-  /**
-   * customize read more text
-   */
-  moreText?: string;
-  /**
- * customize less more text
- */
-  lessText?: string;
-  /**
-   * Read more text position: left or right
-   */
-  readMorePosition: string;
-  /**
-   *
-   * @returns string
-   */
-  display: 'inline' | 'block';
-  /**
-   *  visible lines
-   */
-  visibleLines: 'line1' | 'line2' | 'line3' | 'line4' | 'line5' | 'line10';
-  /**
-  *  visible lines custom numebr
-  */
-  visibleLinesCustom: number;
-  /**
-   * index of hover lable
-   */
-  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';
-  /**
-  * 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';
-  addBtnTruncated(): void;
-  enableAddTruncatedClass(element: any): void;
-  componentDidLoad(): void;
-  handleClick(event: any): void;
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcReadmore {
+  /**
+   * the current element
+   */
+  el: HTMLElement;
+  /**
+   * customize read more text
+   */
+  moreText?: string;
+  /**
+ * customize less more text
+ */
+  lessText?: string;
+  /**
+   * Read more text position: left or right
+   */
+  readMorePosition: string;
+  /**
+   *
+   * @returns string
+   */
+  display: 'inline' | 'block';
+  /**
+   *  visible lines
+   */
+  visibleLines: 'line1' | 'line2' | 'line3' | 'line4' | 'line5' | 'line10';
+  /**
+  *  visible lines custom numebr
+  */
+  visibleLinesCustom: number;
+  /**
+   * index of hover lable
+   */
+  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';
+  /**
+  * 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';
+  addBtnTruncated(): void;
+  enableAddTruncatedClass(element: any): void;
+  componentDidLoad(): void;
+  handleClick(event: any): void;
+  render(): any;
+  private getCssClassMap;
+}

package/dist/types/components/ptc-responsive-wrapper/ptc-responsive-wrapper.d.ts

@@ -1,8 +1,8 @@
-export declare class PtcResponsiveWrapper {
-  element: HTMLElement;
-  private ro;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
-  applySizeClasses(size: number): void;
-  render(): any;
-}
+export declare class PtcResponsiveWrapper {
+  element: HTMLElement;
+  private ro;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  applySizeClasses(size: number): void;
+  render(): any;
+}

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

@@ -1,23 +1,23 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class PtcSearchField {
-  el: HTMLElement;
-  textValue: string;
-  placeholderLabel: string;
-  darkTheme: boolean;
-  elevation: 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
-  enableClear: boolean;
-  valueChanged: EventEmitter;
-  clicked: EventEmitter;
-  /**
-   * (optional) Injected CSS styles
-   **/
-  styles?: string;
-  textChangedHandler(event: InputEvent): void;
-  buttonClickHandler(event: MouseEvent): void;
-  keyDownHandler(event: KeyboardEvent): void;
-  keyUpHandler(): void;
-  getSearchValue(): string;
-  clearSearchValue(): Promise<void>;
-  render(): any;
-  private getCssClassMap;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class PtcSearchField {
+  el: HTMLElement;
+  textValue: string;
+  placeholderLabel: string;
+  darkTheme: boolean;
+  elevation: 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
+  enableClear: boolean;
+  valueChanged: EventEmitter;
+  clicked: EventEmitter;
+  /**
+   * (optional) Injected CSS styles
+   **/
+  styles?: string;
+  textChangedHandler(event: InputEvent): void;
+  buttonClickHandler(event: MouseEvent): void;
+  keyDownHandler(event: KeyboardEvent): void;
+  keyUpHandler(): void;
+  getSearchValue(): string;
+  clearSearchValue(): Promise<void>;
+  render(): any;
+  private getCssClassMap;
+}

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';
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcShoppingCart {
+  cartCount?: string;
+  color: 'black' | 'white';
+  render(): any;
+  private getCssClassMap;
+}

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

@@ -1,10 +1,10 @@
-export declare class PtcSkeleton {
-  el: HTMLElement;
-  isLoading: boolean;
-  animated: boolean;
-  width: string;
-  borderRadius: string;
-  topMargin: string;
-  btmMargin: string;
-  render(): any;
-}
+export declare class PtcSkeleton {
+  el: HTMLElement;
+  isLoading: boolean;
+  animated: boolean;
+  width: string;
+  borderRadius: string;
+  topMargin: string;
+  btmMargin: string;
+  render(): any;
+}

package/dist/types/components/ptc-social-share/ptc-social-share.d.ts

@@ -1,33 +1,33 @@
-export declare class PtcSocialShare {
-  el: HTMLElement;
-  display?: 'inline-block' | 'block' | 'inline' | 'flex';
-  shareType?: 'mail' | 'twitter' | 'linkedin' | 'facebook' | 'share-api';
-  shareTitle: string;
-  text: string;
-  url: string;
-  /**
-   * Optional - source for linkedin
-   */
-  source?: string;
-  /**
-   * Email recipient.
-   * If you want to use mail share, you need to use this property
-   */
-  recipient?: string;
-  /**
-  * Icon asset color
-  */
-  iconColor?: 'black' | 'white' | 'ptc-green' | 'gray' | 'primary-gray' | 'inherit';
-  /**
-* Icon asset hover color
-*/
-  iconHoverColor?: 'black' | 'white' | 'ptc-green' | 'gray' | 'primary-gray' | 'inherit';
-  /**
-   * is hover or not
-   */
-  isHover: boolean;
-  render(): any;
-  private getCssClassMap;
-  private hoverToggle;
-  private share;
-}
+export declare class PtcSocialShare {
+  el: HTMLElement;
+  display?: 'inline-block' | 'block' | 'inline' | 'flex';
+  shareType?: 'mail' | 'twitter' | 'linkedin' | 'facebook' | 'share-api';
+  shareTitle: string;
+  text: string;
+  url: string;
+  /**
+   * Optional - source for linkedin
+   */
+  source?: string;
+  /**
+   * Email recipient.
+   * If you want to use mail share, you need to use this property
+   */
+  recipient?: string;
+  /**
+  * Icon asset color
+  */
+  iconColor?: 'black' | 'white' | 'ptc-green' | 'gray' | 'primary-gray' | 'inherit';
+  /**
+* Icon asset hover color
+*/
+  iconHoverColor?: 'black' | 'white' | 'ptc-green' | 'gray' | 'primary-gray' | 'inherit';
+  /**
+   * is hover or not
+   */
+  isHover: boolean;
+  render(): any;
+  private getCssClassMap;
+  private hoverToggle;
+  private share;
+}

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

@@ -1,16 +1,16 @@
-export declare class PtcSpacer {
-  /**
-   * Breakpoint
-   */
-  breakpoint: '' | 'medium' | 'small' | 'large' | 'x-large' | 'xx-large' | 'x-small' | 'xx-small' | 'xxx-large';
-  /**
-   * Spacing Size
-   */
-  size: 'large' | 'medium' | 'small' | 'x-large' | 'x-small' | 'xx-large' | 'xx-small' | 'xxx-large' | 'xxxx-large' | 'space-144' | 'space-120' | 'space-128';
-  /**
-   * Direction
-   */
-  direction: 'vertical' | 'horizontal';
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcSpacer {
+  /**
+   * Breakpoint
+   */
+  breakpoint: '' | 'medium' | 'small' | 'large' | 'x-large' | 'xx-large' | 'x-small' | 'xx-small' | 'xxx-large';
+  /**
+   * Spacing Size
+   */
+  size: 'large' | 'medium' | 'small' | 'x-large' | 'x-small' | 'xx-large' | 'xx-small' | 'xxx-large' | 'xxxx-large' | 'space-144' | 'space-120' | 'space-128';
+  /**
+   * Direction
+   */
+  direction: 'vertical' | 'horizontal';
+  render(): any;
+  private getCssClassMap;
+}