@ptcwebops/ptcw-design 1.3.8 → 1.4.0

package/dist/types/components/ptc-filter-tag/ptc-filter-tag.d.ts

@@ -1,17 +1,17 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class PtcFilterTag {
-  /**
-   * Theme
-   */
-  el: HTMLElement;
-  theme: 'bubble' | 'link' | 'link-lg' | 'button' | 'standard';
-  clicked: EventEmitter;
-  iconColorMap: any;
-  componentWillLoad(): void;
-  handleClick: () => void;
-  handleMouseEnter(): void;
-  handleMouseLeave(): void;
-  updateIconColor(state: string): void;
-  render(): any;
-  private getCssClassMap;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class PtcFilterTag {
+  /**
+   * Theme
+   */
+  el: HTMLElement;
+  theme: 'bubble' | 'link' | 'link-lg' | 'button' | 'standard';
+  clicked: EventEmitter;
+  iconColorMap: any;
+  componentWillLoad(): void;
+  handleClick: () => void;
+  handleMouseEnter(): void;
+  handleMouseLeave(): void;
+  updateIconColor(state: string): void;
+  render(): any;
+  private getCssClassMap;
+}

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

@@ -1,16 +1,16 @@
-export declare class PtcHero {
-  /**
-   * Hero Type
-   */
-  heroType: 'jumbotron' | 'footer-cta' | 'simple';
-  /**
-   * Hero Background Image URL
-   */
-  bgUrl: string;
-  /**
-   *  Content Alignment
-   **/
-  contentAlignment?: 'left' | 'right' | 'center';
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcHero {
+  /**
+   * Hero Type
+   */
+  heroType: 'jumbotron' | 'footer-cta' | 'simple';
+  /**
+   * Hero Background Image URL
+   */
+  bgUrl: string;
+  /**
+   *  Content Alignment
+   **/
+  contentAlignment?: 'left' | 'right' | 'center';
+  render(): any;
+  private getCssClassMap;
+}

package/dist/types/components/ptc-hero-footer-cta/ptc-hero-footer-cta.d.ts

@@ -1,6 +1,6 @@
-export declare class PtcHeroFooterCta {
-  ctaTitle: string;
-  description: string;
-  backgroundImage: string;
-  render(): any;
-}
+export declare class PtcHeroFooterCta {
+  ctaTitle: string;
+  description: string;
+  backgroundImage: string;
+  render(): any;
+}

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

@@ -1,21 +1,21 @@
-export declare class PtcIconList {
-  /**
-* List item type
-*/
-  listType: 'simple-icon-list' | 'stat-icon-list' | 'icon-top-align-list';
-  /**
- * List value with unit Example: 60%
- */
-  valueWithUnit?: string;
-  /**
- * List value text Example: up to
- */
-  valueText?: string;
-  /**
- * List value with unit Example: Increase in Operator Productivity
- */
-  listContent: string;
-  isLastItem: boolean;
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcIconList {
+  /**
+* List item type
+*/
+  listType: 'simple-icon-list' | 'stat-icon-list' | 'icon-top-align-list';
+  /**
+ * List value with unit Example: 60%
+ */
+  valueWithUnit?: string;
+  /**
+ * List value text Example: up to
+ */
+  valueText?: string;
+  /**
+ * List value with unit Example: Increase in Operator Productivity
+ */
+  listContent: string;
+  isLastItem: boolean;
+  render(): any;
+  private getCssClassMap;
+}

package/dist/types/components/ptc-icon-minimize/ptc-icon-minimize.d.ts

@@ -1,12 +1,12 @@
-export declare class PtcIconMinimize {
-  heading: string;
-  opened: boolean;
-  timeStamp: string;
-  host: HTMLElement;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  private dropdownToggle;
-  private getScrollHeight;
-  Refresh(): Promise<void>;
-  render(): any;
-}
+export declare class PtcIconMinimize {
+  heading: string;
+  opened: boolean;
+  timeStamp: string;
+  host: HTMLElement;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  private dropdownToggle;
+  private getScrollHeight;
+  Refresh(): Promise<void>;
+  render(): any;
+}

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

@@ -1,51 +1,51 @@
-export declare class PtcImg {
-  el: HTMLElement;
-  /**
-   * 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
-   */
-  imgUrl: string;
-  /**
-   * Image type
-   */
-  imageType: 'smart-bg' | 'smart-img';
-  /**
-   * Image border shape
-   */
-  borderRadius: 'radius-standard' | 'radius-large' | '';
-  /**
-   * Lazy loading option
-   */
-  loadMode: 'lazy-bg' | 'eager-bg';
-  /**
-   * Image Z Index
-   */
-  WindowResize(): void;
-  render(): any;
-  componentDidLoad(): void;
-  componentWillUpdate(): void;
-  setResponsiveBg(): void;
-  addIntersectionObserver(): void;
-  private getCssClassMap;
-  private getCurrentBreakPoints;
-  private getFallbackBreakpoint;
-}
+export declare class PtcImg {
+  el: HTMLElement;
+  /**
+   * 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
+   */
+  imgUrl: string;
+  /**
+   * Image type
+   */
+  imageType: 'smart-bg' | 'smart-img';
+  /**
+   * Image border shape
+   */
+  borderRadius: 'radius-standard' | 'radius-large' | '';
+  /**
+   * Lazy loading option
+   */
+  loadMode: 'lazy-bg' | 'eager-bg';
+  /**
+   * Image Z Index
+   */
+  WindowResize(): void;
+  render(): any;
+  componentDidLoad(): void;
+  componentWillUpdate(): void;
+  setResponsiveBg(): void;
+  addIntersectionObserver(): void;
+  private getCssClassMap;
+  private getCurrentBreakPoints;
+  private getFallbackBreakpoint;
+}

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

@@ -1,22 +1,22 @@
-export declare class PtcJumbotron {
-  el: HTMLElement;
-  jumbotronType: string;
-  popupVideo?: string;
-  mainTitle: string;
-  subTitle: string;
-  pngSrc?: string;
-  gifSrc?: string;
-  bgVideoSrc?: string;
-  bgSrc?: string;
-  isIframe?: boolean;
-  contentBackground: string;
-  contentColor: string;
-  textAlign: 'left' | 'center' | 'right';
-  isMobile: boolean;
-  handleResize(): void;
-  connectedCallback(): void;
-  componentDidLoad(): void;
-  render(): any;
-  private getCssClassMap;
-  private getContentBackground;
-}
+export declare class PtcJumbotron {
+  el: HTMLElement;
+  jumbotronType: string;
+  popupVideo?: string;
+  mainTitle: string;
+  subTitle: string;
+  pngSrc?: string;
+  gifSrc?: string;
+  bgVideoSrc?: string;
+  bgSrc?: string;
+  isIframe?: boolean;
+  contentBackground: string;
+  contentColor: string;
+  textAlign: 'left' | 'center' | 'right';
+  isMobile: boolean;
+  handleResize(): void;
+  connectedCallback(): void;
+  componentDidLoad(): void;
+  render(): any;
+  private getCssClassMap;
+  private getContentBackground;
+}

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

@@ -1,44 +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' | 'nav-card-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;
-}
+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' | 'nav-card-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,52 +1,52 @@
-export declare class PtcMediaCard {
-  [x: string]: any;
-  /**
-   * ref video element
-   */
-  videoEle?: HTMLVideoElement;
-  /**
-   * Card Type
-   * Specify Card Type, default to media card
-   */
-  cardType?: 'media-card' | 'bureau-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;
-  WatchStateHandler(newValue: boolean): void;
-  getCardText(): any[];
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcMediaCard {
+  [x: string]: any;
+  /**
+   * ref video element
+   */
+  videoEle?: HTMLVideoElement;
+  /**
+   * Card Type
+   * Specify Card Type, default to media card
+   */
+  cardType?: 'media-card' | 'bureau-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;
+  WatchStateHandler(newValue: boolean): void;
+  getCardText(): any[];
+  render(): any;
+  private getCssClassMap;
+}

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