@ptcwebops/ptcw-design 0.9.1 → 0.9.2

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

@@ -1,56 +1,56 @@
-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;
-  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;
+  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,12 +1,14 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class PtcSearchField {
-  textValue: string;
-  placeholderLabel: string;
-  el: HTMLElement;
-  valueChanged: EventEmitter;
-  clicked: EventEmitter;
-  textChangedHandler(event: InputEvent): void;
-  buttonClickHandler(event: MouseEvent): void;
-  getSearchValue(): string;
-  render(): any;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class PtcSearchField {
+  el: HTMLElement;
+  textValue: string;
+  placeholderLabel: string;
+  darkTheme: boolean;
+  valueChanged: EventEmitter;
+  clicked: EventEmitter;
+  textChangedHandler(event: InputEvent): void;
+  buttonClickHandler(event: MouseEvent): void;
+  getSearchValue(): string;
+  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

@@ -0,0 +1,10 @@
+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;
+}

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

@@ -1,16 +1,16 @@
-export declare class PtcSpan {
-  /**
-   * Span Style
-   */
-  spanStyle: 'link-style' | 'tag-style' | 'nav-style' | 'plm-hub-style' | 'plm-hub-style-smaller';
-  /**
-   * Display
-   */
-  display: 'block' | 'inline-block' | 'inline';
-  /**
-   * Injected Styles
-   */
-  styles?: string;
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcSpan {
+  /**
+   * Span Style
+   */
+  spanStyle: 'link-style' | 'tag-style' | 'nav-style' | 'plm-hub-style' | 'plm-hub-style-smaller';
+  /**
+   * Display
+   */
+  display: 'block' | 'inline-block' | 'inline';
+  /**
+   * Injected Styles
+   */
+  styles?: string;
+  render(): any;
+  private getCssClassMap;
+}

package/dist/types/components/ptc-sticky-icons/ptc-sticky-icons.d.ts

@@ -1,7 +1,7 @@
-export declare class PtcStickyIcons {
-  handleResize(): void;
-  el: HTMLElement;
-  componentWillLoad(): void;
-  render(): any;
-  setHostLocation(): void;
-}
+export declare class PtcStickyIcons {
+  handleResize(): void;
+  el: HTMLElement;
+  componentWillLoad(): void;
+  render(): any;
+  setHostLocation(): void;
+}

package/dist/types/components/ptc-svg-btn/ptc-svg-btn.d.ts

@@ -1,12 +1,12 @@
-export declare class PtcSvgBtn {
-  /**
-   * Options: "close", "slider-left", "slider-right", "back-arrow"
-   */
-  svgName?: string;
-  /**
-   * Display
-   */
-  display: 'block' | 'inline' | 'inline-block' | 'flex';
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcSvgBtn {
+  /**
+   * Options: "close", "slider-left", "slider-right", "back-arrow"
+   */
+  svgName?: string;
+  /**
+   * Display
+   */
+  display: 'block' | 'inline' | 'inline-block' | 'flex';
+  render(): any;
+  private getCssClassMap;
+}

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

@@ -1,19 +1,19 @@
-import { ITabContentData, ITabHeaderData, ITabGroup } from '../../utils/interfaces';
-export declare class PtcTabList {
-  /**
-   * Tab Type
-   */
-  type?: 'default' | 'tab-with-banner';
-  tabsHeader: ITabHeaderData[];
-  tabsContent: ITabContentData[];
-  tabGroup: ITabGroup[];
-  host: HTMLElement;
-  selectedValue: string;
-  componentDidLoad(): void;
-  onSelectedTab(event: CustomEvent): void;
-  calculateHeaderTabsRendering(): void;
-  createGroup(): void;
-  selectGroup(group: ITabGroup): void;
-  onDropdownItemSelected(selectedItem: any): void;
-  render(): any;
-}
+import { ITabContentData, ITabHeaderData, ITabGroup } from '../../utils/interfaces';
+export declare class PtcTabList {
+  /**
+   * Tab Type
+   */
+  type?: 'default' | 'tab-with-banner';
+  tabsHeader: ITabHeaderData[];
+  tabsContent: ITabContentData[];
+  tabGroup: ITabGroup[];
+  host: HTMLElement;
+  selectedValue: string;
+  componentDidLoad(): void;
+  onSelectedTab(event: CustomEvent): void;
+  calculateHeaderTabsRendering(): void;
+  createGroup(): void;
+  selectGroup(group: ITabGroup): void;
+  onDropdownItemSelected(selectedItem: any): void;
+  render(): any;
+}

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

@@ -1,9 +1,9 @@
-export declare class Tab {
-  optionClicked: boolean;
-  label: string;
-  price: string;
-  active: boolean;
-  disabled: boolean;
-  render(): any;
-  private getCssClassMap;
-}
+export declare class Tab {
+  optionClicked: boolean;
+  label: string;
+  price: string;
+  active: boolean;
+  disabled: boolean;
+  render(): any;
+  private getCssClassMap;
+}

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

@@ -1,10 +1,10 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class Tabs {
-  el: HTMLElement;
-  tabChange: EventEmitter;
-  tabs: HTMLPtcTabElement[];
-  componentWillLoad(): void;
-  openTab(index: number): Promise<void>;
-  render(): any;
-  private getCssClassMap;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class Tabs {
+  el: HTMLElement;
+  tabChange: EventEmitter;
+  tabs: HTMLPtcTabElement[];
+  componentWillLoad(): void;
+  openTab(index: number): Promise<void>;
+  render(): any;
+  private getCssClassMap;
+}

package/dist/types/components/ptc-text-copy-with-background/ptc-text-copy-with-background.d.ts

@@ -1,33 +1,33 @@
-export declare class PtcTextCopyWithBackground {
-  /**
-  * Type
-  * Specify  Type, default is text-copy-with-background
-  */
-  type: 'text-copy-with-background' | 'hero-footer-cta' | 'tab-cta-with-background' | 'case-studies';
-  /**
-  * Background image
-  */
-  backgroundImage: string;
-  /**
-  * (optional) Image alt text
-  */
-  ImageAltText?: string;
-  /**
-  * (optional) topSlitBackgroundColor: It will be color value which should match the background of the body.
-  */
-  topSlitBackgroundColor?: string;
-  /**
- * (optional) topSlitPosition: It will decide the position of .
- */
-  slitPosition?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-  /**
-  * (optional) isBackgroundBlur: If true,it will add background blur image effect
-  */
-  isBackgroundBlur?: boolean;
-  /**
-  * (optional) overlay: If true,it will add black overlay with 0.55 opacity
-  */
-  overlay?: boolean;
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcTextCopyWithBackground {
+  /**
+  * Type
+  * Specify  Type, default is text-copy-with-background
+  */
+  type: 'text-copy-with-background' | 'hero-footer-cta' | 'tab-cta-with-background' | 'case-studies';
+  /**
+  * Background image
+  */
+  backgroundImage: string;
+  /**
+  * (optional) Image alt text
+  */
+  ImageAltText?: string;
+  /**
+  * (optional) topSlitBackgroundColor: It will be color value which should match the background of the body.
+  */
+  topSlitBackgroundColor?: string;
+  /**
+ * (optional) topSlitPosition: It will decide the position of .
+ */
+  slitPosition?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+  /**
+  * (optional) isBackgroundBlur: If true,it will add background blur image effect
+  */
+  isBackgroundBlur?: boolean;
+  /**
+  * (optional) overlay: If true,it will add black overlay with 0.55 opacity
+  */
+  overlay?: boolean;
+  render(): any;
+  private getCssClassMap;
+}

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

@@ -1,54 +1,54 @@
-export declare class PtcTitle {
-  /**
-   * Is this title using on the PLM Hub page
-   */
-  isPlmHub: boolean;
-  /**
-   * Title Tag Type
-   */
-  type: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-  /**
-   * Text Align
-   */
-  textAlign: 'left' | 'center' | 'right' | 'inherit';
-  /**
-   * Upperline Style
-   */
-  upperline: 'dotted' | 'solid' | 'no-upperline';
-  /**
-   * Title Shadow
-   */
-  titleShadow: 'blue' | 'red' | 'green' | 'orange' | 'slate-grey';
-  /**
-   * Title color
-   */
-  titleColor: 'black' | 'white' | 'gray';
-  /**
-   * 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';
-  /**
-   * Title weight
-   */
-  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';
-  /**
-   * Title line height
-   */
-  titleHeight: 'densest' | 'denser' | 'dense' | 'normal' | 'loose' | 'looser' | 'paragraph';
-  styles?: string;
-  /**
-   * Line number to cut text off at and add ellipsis
-   */
-  ellipsisLineCutoff?: number;
-  /**
-   * Title heading display : To show line above heading full width or title width
-   */
-  titleDisplay: 'block' | 'inline-block';
-  render(): any;
-  private getCssClassMap;
-  private getLineCuttoff;
-}
+export declare class PtcTitle {
+  /**
+   * Is this title using on the PLM Hub page
+   */
+  isPlmHub: boolean;
+  /**
+   * Title Tag Type
+   */
+  type: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+  /**
+   * Text Align
+   */
+  textAlign: 'left' | 'center' | 'right' | 'inherit';
+  /**
+   * Upperline Style
+   */
+  upperline: 'dotted' | 'solid' | 'no-upperline';
+  /**
+   * Title Shadow
+   */
+  titleShadow: 'blue' | 'red' | 'green' | 'orange' | 'slate-grey';
+  /**
+   * Title color
+   */
+  titleColor: 'black' | 'white' | 'gray';
+  /**
+   * 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';
+  /**
+   * Title weight
+   */
+  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';
+  /**
+   * Title line height
+   */
+  titleHeight: 'densest' | 'denser' | 'dense' | 'normal' | 'loose' | 'looser' | 'paragraph';
+  styles?: string;
+  /**
+   * Line number to cut text off at and add ellipsis
+   */
+  ellipsisLineCutoff?: number;
+  /**
+   * Title heading display : To show line above heading full width or title width
+   */
+  titleDisplay: 'block' | 'inline-block';
+  render(): any;
+  private getCssClassMap;
+  private getLineCuttoff;
+}