@ptcwebops/ptcw-design 0.9.2 → 0.9.4

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

@@ -1,40 +1,44 @@
-export declare class PtcLink {
-  /**
-   * Disabled link
-   */
-  disabled: boolean;
-  /**
-   * Rxternal link
-   * */
-  external: boolean;
-  /**
-   * href
-   */
-  href: string | undefined;
-  /**
-   * Target
-   */
-  target: string | undefined;
-  /**
-   * Title
-   */
-  linkTitle: string | undefined;
-  /**
-   * Theme
-   */
-  theme: 'simple' | 'underline' | 'arrow' | 'nav-title' | 'primary-nav-link' | 'nav-title-link' | 'secondary-nav-link' | 'footer-nav-link' | 'copyright-link' | 'arrow-plm' | 'product-link' | 'd-green-underline' | 'd-white-underline';
-  /**
-   * Uppercase
-   */
-  uppercase: boolean;
-  /**
-   * Font Size
-   */
-  fontSize: 'small' | 'medium' | 'large' | 'medium-large';
-  /**
-   * Optional Link Area
-   */
-  linkArea?: 'link-area-cover-parent';
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcLink {
+  /**
+   * Disabled link
+   */
+  disabled: boolean;
+  /**
+   * Rxternal link
+   * */
+  external: boolean;
+  /**
+   * href
+   */
+  href: string | undefined;
+  /**
+   * Target
+   */
+  target: string | undefined;
+  /**
+   * Title
+   */
+  linkTitle: string | undefined;
+  /**
+   * Theme
+   */
+  theme: 'simple' | 'underline' | 'arrow' | 'nav-title' | 'primary-nav-link' | 'nav-title-link' | 'secondary-nav-link' | 'footer-nav-link' | 'copyright-link' | 'arrow-plm' | 'product-link' | 'd-green-underline' | 'd-white-underline';
+  /**
+   * Uppercase
+   */
+  uppercase: boolean;
+  /**
+   * Font Size
+   */
+  fontSize: 'small' | 'medium' | 'large' | 'medium-large';
+  /**
+   * Font Weight
+   */
+  fontWeight?: 'w-thin' | 'w-regular' | 'w-medium' | 'w-semibold' | 'w-bold' | 'w-extrabold' | 'w-black';
+  /**
+   * Optional Link Area
+   */
+  linkArea?: 'link-area-cover-parent';
+  render(): any;
+  private getCssClassMap;
+}

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

@@ -1,8 +1,8 @@
-export declare class PtcList {
-  listType: 'list-primary';
-  listItems?: string[];
-  el: HTMLElement;
-  render(): any;
-  private getListItems;
-  private getCssClassMap;
-}
+export declare class PtcList {
+  listType: 'list-primary';
+  listItems?: string[];
+  el: HTMLElement;
+  render(): any;
+  private getListItems;
+  private getCssClassMap;
+}

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

@@ -1,12 +1,12 @@
-import '@teamhive/lottie-player';
-export declare class PtcLottie {
-  /**
-   * Set Json file src
-   */
-  jsonSrc: string;
-  /**
-   * Animation speed
-   */
-  speed: number;
-  render(): any;
-}
+import '@teamhive/lottie-player';
+export declare class PtcLottie {
+  /**
+   * Set Json file src
+   */
+  jsonSrc: string;
+  /**
+   * Animation speed
+   */
+  speed: number;
+  render(): any;
+}

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

@@ -1,45 +1,45 @@
-export declare class PtcMediaCard {
-  [x: string]: any;
-  /**
-   * Card Type
-   * Specify Card Type, default to media card
-   */
-  cardType?: 'media-card';
-  /**
-   * Card Link URL (Optional)
-   */
-  cardHref?: string;
-  /**
-   * (optional) Link card target
-   * */
-  target?: string;
-  /**
-   *  (optional) Link card rel
-   * */
-  rel?: string;
-  /**
-   * Background Imgae
-   */
-  activeBackgroundImage: string;
-  /**
-   * Background Imgae
-   */
-  hoverBackgroundImage?: string;
-  /**
-   * Card heading
-   */
-  heading?: string;
-  /**
-   * Card heading text transform
-   */
-  headingTransform?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';
-  /**
-  * Card category
-  */
-  category?: string;
-  /**
-  * boolean variable for hover state
-  */
-  isHovered: boolean;
-  render(): any;
-}
+export declare class PtcMediaCard {
+  [x: string]: any;
+  /**
+   * Card Type
+   * Specify Card Type, default to media card
+   */
+  cardType?: 'media-card';
+  /**
+   * Card Link URL (Optional)
+   */
+  cardHref?: string;
+  /**
+   * (optional) Link card target
+   * */
+  target?: string;
+  /**
+   *  (optional) Link card rel
+   * */
+  rel?: string;
+  /**
+   * Background Imgae
+   */
+  activeBackgroundImage: string;
+  /**
+   * Background Imgae
+   */
+  hoverBackgroundImage?: string;
+  /**
+   * Card heading
+   */
+  heading?: string;
+  /**
+   * Card heading text transform
+   */
+  headingTransform?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';
+  /**
+  * Card category
+  */
+  category?: string;
+  /**
+  * boolean variable for hover state
+  */
+  isHovered: boolean;
+  render(): any;
+}

package/dist/types/components/ptc-minimized-footer/ptc-minimized-footer.d.ts

@@ -1,3 +1,3 @@
-export declare class PtcMinimizedFooter {
-  render(): any;
-}
+export declare class PtcMinimizedFooter {
+  render(): any;
+}

package/dist/types/components/ptc-minimized-header/ptc-minimized-header.d.ts

@@ -1,6 +1,6 @@
-export declare class PtcMinimizedHeader {
-  linkUrl: string;
-  imgSrc: string;
-  imgAlt: string;
-  render(): any;
-}
+export declare class PtcMinimizedHeader {
+  linkUrl: string;
+  imgSrc: string;
+  imgAlt: string;
+  render(): any;
+}

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

@@ -1,36 +1,36 @@
-export declare class PtcMobileSelect {
-  /**
-   * Trigger Name (Mandatory)
-   */
-  triggerName: string;
-  /**
-   * Selected Text (Mandatory)
-   */
-  selectedText: string;
-  /**
-   * Wheel Data (Mandatory)
-   * eg: data: [{ id: "1", value: "附近" }],
-   */
-  wheelData: string[];
-  /**
-   * Selected Id
-   * - initialize the id(string) of default wheel
-   */
-  selectedId: string;
-  /**
-   * Confirm Text
-   * - translation goes here
-   */
-  ensureBtnText: string;
-  /**
-   * Cancel Text
-   * - translation goes here
-   */
-  cancelBtnText: string;
-  /**
-   * Mobile select list title (Optional)
-   */
-  listTitle: string;
-  render(): any;
-  componentDidRender(): void;
-}
+export declare class PtcMobileSelect {
+  /**
+   * Trigger Name (Mandatory)
+   */
+  triggerName: string;
+  /**
+   * Selected Text (Mandatory)
+   */
+  selectedText: string;
+  /**
+   * Wheel Data (Mandatory)
+   * eg: data: [{ id: "1", value: "附近" }],
+   */
+  wheelData: string[];
+  /**
+   * Selected Id
+   * - initialize the id(string) of default wheel
+   */
+  selectedId: string;
+  /**
+   * Confirm Text
+   * - translation goes here
+   */
+  ensureBtnText: string;
+  /**
+   * Cancel Text
+   * - translation goes here
+   */
+  cancelBtnText: string;
+  /**
+   * Mobile select list title (Optional)
+   */
+  listTitle: string;
+  render(): any;
+  componentDidRender(): void;
+}

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

@@ -1,59 +1,59 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class PtcModal {
-  /**
-   * Modal Element
-   */
-  el: HTMLElement;
-  /**
-   * Set url for content iframe to load if false will load slot element
-   */
-  iframeUrl: string;
-  /**
-   * Sets if popup should close if click on outside
-   */
-  size?: 'sm' | 'md' | 'lg' | 'xl';
-  /**
-   * Set whether or not to display modal
-   */
-  show?: boolean;
-  /**
-   * Sets if popup should overlay
-   */
-  overlay?: boolean;
-  /**
-   * Sets if popup should overlay
-   */
-  fixed?: boolean;
-  /**
-   * Sets if popup should close if click on outside
-   */
-  closeOnBlur?: boolean;
-  /**
-   * Sets if popup should have rounded corners
-   */
-  rounded?: boolean;
-  /**
-   * Sets if popup should have header footer sections
-   */
-  showHeaderFooter?: boolean;
-  overlayHeight: number;
-  /**
-   * Event for modal popup closed
-   */
-  closed: EventEmitter<PtcModal>;
-  /**
-   * Event for modal popup opened
-   */
-  opened: EventEmitter<PtcModal>;
-  fireOnClosed(modal: PtcModal): void;
-  fireOnOpened(modal: PtcModal): void;
-  bodyOverflowSetting: any;
-  componentWillLoad(): void;
-  componentWillRender(): void;
-  componentDidLoad(): void;
-  componentDidUpdate(): void;
-  resizeIframe(e: Event): void;
-  handleScroll(): void;
-  close(): void;
-  render(): any;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class PtcModal {
+  /**
+   * Modal Element
+   */
+  el: HTMLElement;
+  /**
+   * Set url for content iframe to load if false will load slot element
+   */
+  iframeUrl: string;
+  /**
+   * Sets if popup should close if click on outside
+   */
+  size?: 'sm' | 'md' | 'lg' | 'xl';
+  /**
+   * Set whether or not to display modal
+   */
+  show?: boolean;
+  /**
+   * Sets if popup should overlay
+   */
+  overlay?: boolean;
+  /**
+   * Sets if popup should overlay
+   */
+  fixed?: boolean;
+  /**
+   * Sets if popup should close if click on outside
+   */
+  closeOnBlur?: boolean;
+  /**
+   * Sets if popup should have rounded corners
+   */
+  rounded?: boolean;
+  /**
+   * Sets if popup should have header footer sections
+   */
+  showHeaderFooter?: boolean;
+  overlayHeight: number;
+  /**
+   * Event for modal popup closed
+   */
+  closed: EventEmitter<PtcModal>;
+  /**
+   * Event for modal popup opened
+   */
+  opened: EventEmitter<PtcModal>;
+  fireOnClosed(modal: PtcModal): void;
+  fireOnOpened(modal: PtcModal): void;
+  bodyOverflowSetting: any;
+  componentWillLoad(): void;
+  componentWillRender(): void;
+  componentDidLoad(): void;
+  componentDidUpdate(): void;
+  resizeIframe(e: Event): void;
+  handleScroll(): void;
+  close(): void;
+  render(): any;
+}

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

@@ -0,0 +1,42 @@
+export declare class PtcNavCard {
+  /**
+  * Card Type
+  * Specify Card Type
+  */
+  cardType: 'media-card' | 'links-card' | 'cta-card';
+  /**
+   * Card Link URL (Optional)
+   */
+  cardHref?: string;
+  /**
+  * Card Link URL Alt text(Optional)
+  */
+  cardHrefAlt?: string;
+  /**
+   * (optional) Link card target
+   * */
+  target?: string;
+  /**
+   *  (optional) Link card rel
+   * */
+  rel?: string;
+  /**
+   * If this card has Image
+   */
+  cardLogo?: string;
+  /**
+   * Card heading
+   */
+  heading?: string;
+  /**
+   * Card description
+   */
+  description?: string;
+  /**
+     * Window Size
+     */
+  windowSize: 'mobile' | 'desktop';
+  handleResize(): void;
+  componentWillLoad(): void;
+  render(): any;
+}

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

@@ -1,21 +1,21 @@
-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' | string;
-  /**
-   * Overlay border shape
-   */
-  borderRadius: 'radius-standard' | 'radius-large';
-  /**
-   * Overlay z-index
-   */
-  overlayZIndex: 'z-index-auto' | 'z-index-n-2' | 'z-index-n-1' | 'z-index-p-1' | 'z-index-p-2';
-  /**
-   * Injected Styles
-   */
-  styles?: string;
-  setOverlay(overlayName: string): Promise<void>;
-  render(): any;
-  private getCssClassMap;
-}
+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' | string;
+  /**
+   * Overlay border shape
+   */
+  borderRadius: 'radius-standard' | 'radius-large';
+  /**
+   * Overlay z-index
+   */
+  overlayZIndex: 'z-index-auto' | 'z-index-n-2' | 'z-index-n-1' | 'z-index-p-1' | 'z-index-p-2';
+  /**
+   * Injected Styles
+   */
+  styles?: string;
+  setOverlay(overlayName: string): Promise<void>;
+  render(): any;
+  private getCssClassMap;
+}

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

@@ -1,27 +1,27 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-type pageItem = {
-  id: string;
-  isActive: boolean;
-  dataPage: number;
-};
-export declare class PtcPagenation {
-  totalCount?: number;
-  numberOfItems: number;
-  previousValue: string;
-  lastValue: string;
-  pageNumbers: pageItem[];
-  minPageNumber: number;
-  maxPageNumber: number;
-  clickedPageNumber: number;
-  appendArray: boolean;
-  prevArrowImg: string;
-  nextArrowImg: string;
-  render(): any;
-  pageClicked: EventEmitter<number>;
-  private handleClickPage;
-  private handleClick;
-  private handleClickPrev;
-  getPageCount: () => number;
-  getIndex: (appendarr: boolean) => pageItem[];
-}
-export {};
+import { EventEmitter } from '../../stencil-public-runtime';
+type pageItem = {
+  id: string;
+  isActive: boolean;
+  dataPage: number;
+};
+export declare class PtcPagenation {
+  totalCount?: number;
+  numberOfItems: number;
+  previousValue: string;
+  lastValue: string;
+  pageNumbers: pageItem[];
+  minPageNumber: number;
+  maxPageNumber: number;
+  clickedPageNumber: number;
+  appendArray: boolean;
+  prevArrowImg: string;
+  nextArrowImg: string;
+  render(): any;
+  pageClicked: EventEmitter<number>;
+  private handleClickPage;
+  private handleClick;
+  private handleClickPrev;
+  getPageCount: () => number;
+  getIndex: (appendarr: boolean) => pageItem[];
+}
+export {};

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

@@ -1,43 +1,43 @@
-export declare class PtcPara {
-  el: HTMLElement;
-  /**
-   * Paragraph font size
-   **/
-  fontSize: 'xxx-small' | 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large';
-  /**
-   * Paragraph font weight
-   **/
-  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';
-  /**
-   * Paragraph Color
-   */
-  paraColor: 'primary-grey' | 'white';
-  /**
-   * line height
-   */
-  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';
-  /**
-   * Para text Alignment
-   */
-  paraAlign?: 'left' | 'center' | 'right' | 'justify';
-  /**
-   * Line number to cut text off at and add ellipsis
-   */
-  ellipsisLineCutoff?: number;
-  /**
-   * sep z-index
-   */
-  paraZIndex?: 'z-auto' | 'z-1' | 'z-2' | 'z-3' | 'z-99' | 'z-999';
-  render(): any;
-  private getCssClassMap;
-  private addWhiteClass;
-  private getLineCuttoff;
-}
+export declare class PtcPara {
+  el: HTMLElement;
+  /**
+   * Paragraph font size
+   **/
+  fontSize: 'xxx-small' | 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large';
+  /**
+   * Paragraph font weight
+   **/
+  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';
+  /**
+   * Paragraph Color
+   */
+  paraColor: 'primary-grey' | 'white';
+  /**
+   * line height
+   */
+  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';
+  /**
+   * Para text Alignment
+   */
+  paraAlign?: 'left' | 'center' | 'right' | 'justify';
+  /**
+   * Line number to cut text off at and add ellipsis
+   */
+  ellipsisLineCutoff?: number;
+  /**
+   * sep z-index
+   */
+  paraZIndex?: 'z-auto' | 'z-1' | 'z-2' | 'z-3' | 'z-99' | 'z-999';
+  render(): any;
+  private getCssClassMap;
+  private addWhiteClass;
+  private getLineCuttoff;
+}