@ptcwebops/ptcw-design 1.0.4 → 1.0.6

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

@@ -1,46 +1,46 @@
-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)
-  */
-  logoAlt?: string;
-  /**
-   * (optional) Link card target
-   * */
-  target?: string;
-  /**
-   *  (optional) Link card rel
-   * */
-  rel?: string;
-  /**
-     *  (optional) title
-     * */
-  linkTitle?: 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;
-}
+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)
+  */
+  logoAlt?: string;
+  /**
+   * (optional) Link card target
+   * */
+  target?: string;
+  /**
+   *  (optional) Link card rel
+   * */
+  rel?: string;
+  /**
+     *  (optional) title
+     * */
+  linkTitle?: 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,31 +1,31 @@
-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;
-  theme: 'events' | 'standard';
-  componentWillLoad(): void;
-  render(): any;
-  pageClicked: EventEmitter<number>;
-  private handlePageSkip;
-  private handleClickPage;
-  private handleClick;
-  private handleClickPrev;
-  getPageLength(): 3 | 2 | 4;
-  getPageCount: () => number;
-  getIndex: () => 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;
+  theme: 'events' | 'standard';
+  componentWillLoad(): void;
+  render(): any;
+  pageClicked: EventEmitter<number>;
+  private handlePageSkip;
+  private handleClickPage;
+  private handleClick;
+  private handleClickPrev;
+  getPageLength(): 3 | 2 | 4;
+  getPageCount: () => number;
+  getIndex: () => pageItem[];
+}
+export {};

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

@@ -1,47 +1,47 @@
-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';
-  /**
-   *  (optional) Injected CSS Styles
-   */
-  styles?: string;
-  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';
+  /**
+   *  (optional) Injected CSS Styles
+   */
+  styles?: string;
+  render(): any;
+  private getCssClassMap;
+  private addWhiteClass;
+  private getLineCuttoff;
+}

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

@@ -1,93 +1,93 @@
-export declare class PtcPicture {
-  el: HTMLElement;
-  /**
-   * Image Render Src
-   */
-  src: string;
-  /**
-   * Image alt
-   */
-  alt: string;
-  /**
-   * Image size for smallest screen
-   * <=767px
-   */
-  sizeXs: string;
-  /**
-   * Image size for small screen
-   * >=768px and <=991px
-   */
-  sizeSm: string;
-  /**
-   * Image size for medium screen
-   * >=992px and <=1199px
-   */
-  sizeMd: string;
-  /**
-   * Image solution for large screen
-   * >=1200px
-   */
-  sizeLg: string;
-  /**
-   * Image Src
-   **/
-  oldSrc: string;
-  /**
-   * Image Position
-   */
-  imagePosition: 'relative' | 'absolute' | 'static';
-  /**
-   * Image border shape
-   */
-  borderRadius: 'radius-standard' | 'radius-large';
-  /**
-   * Set height
-   * Value unit: pixles
-   * Just put numbers without unit
-   */
-  height?: string;
-  /**
-   * Set Width
-   * value unit: pixles
-   * Just put numbers without unit
-   */
-  width?: string;
-  /**
-   * Object Fit
-   * Default: cover
-   */
-  objectFit: 'cover' | 'fill' | 'contain' | 'scale-down' | 'none' | 'initial' | 'inherit';
-  /**
-   * Stretch height to 100%?
-   */
-  isFullHeight: boolean;
-  /**
-   * Stretch width to 100%?
-   */
-  isFullWidth: boolean;
-  /**
-   * (optional) Injected CSS styles
-   **/
-  styles?: string;
-  /**
-   * (optional) Image alignment
-   **/
-  imageAlignment?: 'left' | 'right' | 'center';
-  /**
-   * (optional) Set max-width
-   * value unit: pixles
-   * Just put numbers without unit
-   **/
-  maxWidth?: string;
-  WindowResize(): void;
-  io: IntersectionObserver;
-  componentDidLoad(): void;
-  componentWillUpdate(): void;
-  addIntersectionObserver(): void;
-  setResponsiveBg(): string;
-  render(): any;
-  private getCurrentBreakPoints;
-  private getFallbackBreakpoint;
-  private getCssClassMap;
-  private getCssClassMapHost;
-}
+export declare class PtcPicture {
+  el: HTMLElement;
+  /**
+   * Image Render Src
+   */
+  src: string;
+  /**
+   * Image alt
+   */
+  alt: string;
+  /**
+   * Image size for smallest screen
+   * <=767px
+   */
+  sizeXs: string;
+  /**
+   * Image size for small screen
+   * >=768px and <=991px
+   */
+  sizeSm: string;
+  /**
+   * Image size for medium screen
+   * >=992px and <=1199px
+   */
+  sizeMd: string;
+  /**
+   * Image solution for large screen
+   * >=1200px
+   */
+  sizeLg: string;
+  /**
+   * Image Src
+   **/
+  oldSrc: string;
+  /**
+   * Image Position
+   */
+  imagePosition: 'relative' | 'absolute' | 'static';
+  /**
+   * Image border shape
+   */
+  borderRadius: 'radius-standard' | 'radius-large';
+  /**
+   * Set height
+   * Value unit: pixles
+   * Just put numbers without unit
+   */
+  height?: string;
+  /**
+   * Set Width
+   * value unit: pixles
+   * Just put numbers without unit
+   */
+  width?: string;
+  /**
+   * Object Fit
+   * Default: cover
+   */
+  objectFit: 'cover' | 'fill' | 'contain' | 'scale-down' | 'none' | 'initial' | 'inherit';
+  /**
+   * Stretch height to 100%?
+   */
+  isFullHeight: boolean;
+  /**
+   * Stretch width to 100%?
+   */
+  isFullWidth: boolean;
+  /**
+   * (optional) Injected CSS styles
+   **/
+  styles?: string;
+  /**
+   * (optional) Image alignment
+   **/
+  imageAlignment?: 'left' | 'right' | 'center';
+  /**
+   * (optional) Set max-width
+   * value unit: pixles
+   * Just put numbers without unit
+   **/
+  maxWidth?: string;
+  WindowResize(): void;
+  io: IntersectionObserver;
+  componentDidLoad(): void;
+  componentWillUpdate(): void;
+  addIntersectionObserver(): void;
+  setResponsiveBg(): string;
+  render(): any;
+  private getCurrentBreakPoints;
+  private getFallbackBreakpoint;
+  private getCssClassMap;
+  private getCssClassMapHost;
+}

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

@@ -1,5 +1,5 @@
-export declare class PtcPreviousUrl {
-  href: string | undefined;
-  text: string | undefined;
-  render(): any;
-}
+export declare class PtcPreviousUrl {
+  href: string | undefined;
+  text: string | undefined;
+  render(): any;
+}

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

@@ -1,7 +1,7 @@
-export declare class PtcPricingBlock {
-  active: boolean;
-  optionClicked: boolean;
-  onContentChange(content: string): void;
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcPricingBlock {
+  active: boolean;
+  optionClicked: boolean;
+  onContentChange(content: string): void;
+  render(): any;
+  private getCssClassMap;
+}

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

@@ -1,43 +1,47 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { CssClassMap } from '../../utils/interfaces';
-declare class TabItem {
-  id: string;
-  header: string;
-  label: string;
-  tag: string;
-  content: string;
-  active: boolean;
-}
-export declare class PtcPricingTabs {
-  /**
-   * Sub title tag the shows in top left corner
-   */
-  productTag: string;
-  /**
-   * Header of the pricing block
-   */
-  header: string;
-  /**
-   * the label above the tab selectors
-   */
-  tabLabel: string;
-  /**
-   * filter tag to filter out options
-   */
-  filterTag: string;
-  el: HTMLElement;
-  tabItems: TabItem[];
-  isMobileViewPort: boolean;
-  tabChanged: EventEmitter;
-  componentWillLoad(): void;
-  componentWillRender(): void;
-  resetActive(): void;
-  loadTabData(): void;
-  setIsMobileViewPort(): void;
-  getTabContentClassList(tab: TabItem): CssClassMap;
-  handleTabClick(tab: TabItem, index: number): void;
-  getCurrentTabs(): TabItem[];
-  renderTabs(): any;
-  render(): any;
-}
-export {};
+import { EventEmitter } from '../../stencil-public-runtime';
+import { CssClassMap } from '../../utils/interfaces';
+declare class TabItem {
+  id: string;
+  header: string;
+  label: string;
+  tag: string;
+  content: string;
+  active: boolean;
+}
+export declare class PtcPricingTabs {
+  /**
+   * Sub title tag the shows in top left corner
+   */
+  productTag: string;
+  /**
+   * Header of the pricing block
+   */
+  header: string;
+  /**
+   * the label above the tab selectors
+   */
+  tabLabel: string;
+  /**
+   * filter tag to filter out options
+   */
+  filterTag: string;
+  el: HTMLElement;
+  tabItems: TabItem[];
+  isMobileViewPort: boolean;
+  tabChanged: EventEmitter;
+  update: EventEmitter;
+  componentDidLoad(): void;
+  componentDidUpdate(): void;
+  componentWillLoad(): void;
+  componentWillRender(): void;
+  resetActive(): void;
+  loadTabData(): void;
+  fireUpdateComponent(): void;
+  setIsMobileViewPort(): void;
+  getTabContentClassList(tab: TabItem): CssClassMap;
+  handleTabClick(tab: TabItem, index: number): void;
+  getCurrentTabs(): TabItem[];
+  renderTabs(): any;
+  render(): any;
+}
+export {};

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;
+}