@ptcwebops/ptcw-design 0.6.0 → 0.6.1

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

@@ -1,54 +1,54 @@
-export declare class PtcCard {
-  /**
-   * Card Type
-   * Specify Card Type, default to simple card
-   */
-  cardType: 'simple-card' | 'lottie-card' | 'custom-card' | 'clip-edge-card' | 'hightlight-card' | 'listing-card';
-  /**
-   * Card Link URL (Optional)
-   */
-  cardHref?: string;
-  /**
-   * (optional) Link card target
-   * */
-  target?: string;
-  /**
-   *  (optional) Link card rel
-   * */
-  rel?: string;
-  /**
-   * If this card has Image
-   */
-  hasImage: boolean;
-  /**
-   * If this card has Video
-   */
-  hasVideo: boolean;
-  /**
-   * If this card has Lottie Image
-   */
-  hasLottie: boolean;
-  /**
-   * Card heading
-   */
-  heading?: string;
-  /**
-   * Card heading text transform
-   */
-  headingTransform: 'uppercase' | 'lowercase' | 'capitalize' | 'none';
-  /**
-   * Card Date
-   */
-  cardDate?: string;
-  /**
-   * (optional) Injected CSS styles
-   **/
-  styles?: string;
-  /**
-   * Ribbon will show on listing card if this field has any value
-   */
-  ribbonText?: string;
-  render(): any;
-  private getCssClassMap;
-  private getMediaSlot;
-}
+export declare class PtcCard {
+  /**
+   * Card Type
+   * Specify Card Type, default to simple card
+   */
+  cardType: 'simple-card' | 'lottie-card' | 'custom-card' | 'clip-edge-card' | 'hightlight-card' | 'listing-card';
+  /**
+   * Card Link URL (Optional)
+   */
+  cardHref?: string;
+  /**
+   * (optional) Link card target
+   * */
+  target?: string;
+  /**
+   *  (optional) Link card rel
+   * */
+  rel?: string;
+  /**
+   * If this card has Image
+   */
+  hasImage: boolean;
+  /**
+   * If this card has Video
+   */
+  hasVideo: boolean;
+  /**
+   * If this card has Lottie Image
+   */
+  hasLottie: boolean;
+  /**
+   * Card heading
+   */
+  heading?: string;
+  /**
+   * Card heading text transform
+   */
+  headingTransform: 'uppercase' | 'lowercase' | 'capitalize' | 'none';
+  /**
+   * Card Date
+   */
+  cardDate?: string;
+  /**
+   * (optional) Injected CSS styles
+   **/
+  styles?: string;
+  /**
+   * Ribbon will show on listing card if this field has any value
+   */
+  ribbonText?: string;
+  render(): any;
+  private getCssClassMap;
+  private getMediaSlot;
+}

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

@@ -1,15 +1,15 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class PtcCardBottom {
-  el: HTMLElement;
-  cardType: 'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'card-playlist';
-  hoverEvent: EventEmitter<void>;
-  hoverEventHandler(): void;
-  leaveEvent: EventEmitter<void>;
-  leaveEventHandler(): void;
-  /**
-   * (optional) Injected CSS styles
-   **/
-  styles?: string;
-  render(): any;
-  private getCssClassMap;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class PtcCardBottom {
+  el: HTMLElement;
+  cardType: 'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'card-playlist';
+  hoverEvent: EventEmitter<void>;
+  hoverEventHandler(): void;
+  leaveEvent: EventEmitter<void>;
+  leaveEventHandler(): void;
+  /**
+   * (optional) Injected CSS styles
+   **/
+  styles?: string;
+  render(): any;
+  private getCssClassMap;
+}

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

@@ -1,15 +1,15 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class PtcCardContent {
-  el: HTMLElement;
-  cardType: 'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'speed-bump' | 'card-playlist';
-  /**
-   * (optional) Injected CSS styles
-   **/
-  styles?: string;
-  hoverEvent: EventEmitter<void>;
-  hoverEventHandler(): void;
-  leaveEvent: EventEmitter<void>;
-  leaveEventHandler(): void;
-  render(): any;
-  private getCssClassMap;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class PtcCardContent {
+  el: HTMLElement;
+  cardType: 'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'speed-bump' | 'card-playlist';
+  /**
+   * (optional) Injected CSS styles
+   **/
+  styles?: string;
+  hoverEvent: EventEmitter<void>;
+  hoverEventHandler(): void;
+  leaveEvent: EventEmitter<void>;
+  leaveEventHandler(): void;
+  render(): any;
+  private getCssClassMap;
+}

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

@@ -1,8 +1,8 @@
-export declare class PtcCardPlm {
-  cardType: 'card-video' | 'card-tall' | 'card-wide' | 'speed-bump' | 'card-playlist' | 'card-video-intro' | 'card-2up';
-  cardLink: string;
-  linkTitle: string;
-  linkTarget: string;
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcCardPlm {
+  cardType: 'card-video' | 'card-tall' | 'card-wide' | 'speed-bump' | 'card-playlist' | 'card-video-intro' | 'card-2up';
+  cardLink: string;
+  linkTitle: string;
+  linkTarget: string;
+  render(): any;
+  private getCssClassMap;
+}

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

@@ -1,11 +1,11 @@
-import { Event, EventEmitter } from '../../stencil-public-runtime';
-export declare class PtcCheckbox {
-  checked: 'checked' | 'unchecked';
-  value: string;
-  inputName: string;
-  checkedChanged: EventEmitter;
-  host: HTMLElement;
-  componentDidLoad(): void;
-  handleClick: (e: Event) => void;
-  render(): any;
-}
+import { Event, EventEmitter } from '../../stencil-public-runtime';
+export declare class PtcCheckbox {
+  checked: 'checked' | 'unchecked';
+  value: string;
+  inputName: string;
+  checkedChanged: EventEmitter;
+  host: HTMLElement;
+  componentDidLoad(): void;
+  handleClick: (e: Event) => void;
+  render(): any;
+}

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

@@ -1,12 +1,12 @@
-export declare class PtcContainer {
-  /**
-   * Theme
-   */
-  backgroundColor: 'white' | 'gray';
-  elevation: 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
-  containerType: 'normal' | 'large' | 'none';
-  spacing: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xxx-large' | 'xxx-large';
-  render(): any;
-  private getContainerClass;
-  private getCssClassMap;
-}
+export declare class PtcContainer {
+  /**
+   * Theme
+   */
+  backgroundColor: 'white' | 'gray';
+  elevation: 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
+  containerType: 'normal' | 'large' | 'none';
+  spacing: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xxx-large' | 'xxx-large';
+  render(): any;
+  private getContainerClass;
+  private getCssClassMap;
+}

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

@@ -1,41 +1,41 @@
-export declare class PtcDate {
-  /**
-   * Year
-   */
-  year: number;
-  /**
-   * Month
-   * An integer between 1 (January) and 12 (December) representing the month.If omitted, defaults to 0.
-   */
-  month: number;
-  /**
-   * Day
-   * An integer between 1 and 31 representing the day of the month. If omitted, defaults to 1.
-   */
-  day: number;
-  /**
-   * Country
-   * examples: en-US, zh-CN, zh-TW, fr-FR, ja-JP, ru-RU, de-DE, ko-KR, it-IT, es-ES
-   */
-  country: string | undefined;
-  /**
-   * Date
-   * examples: 2000-1-1 or 2000/01/01
-   */
-  dateString?: string;
-  /**
-   * Date Color
-   */
-  dateColor: 'white' | 'primary-grey';
-  /**
-   * Injected styles
-   */
-  dateStyles?: string;
-  /**
-   * Date Font Size
-   */
-  dataSize: 'medium' | 'small';
-  render(): any;
-  private getCssClassMap;
-  private getDate;
-}
+export declare class PtcDate {
+  /**
+   * Year
+   */
+  year: number;
+  /**
+   * Month
+   * An integer between 1 (January) and 12 (December) representing the month.If omitted, defaults to 0.
+   */
+  month: number;
+  /**
+   * Day
+   * An integer between 1 and 31 representing the day of the month. If omitted, defaults to 1.
+   */
+  day: number;
+  /**
+   * Country
+   * examples: en-US, zh-CN, zh-TW, fr-FR, ja-JP, ru-RU, de-DE, ko-KR, it-IT, es-ES
+   */
+  country: string | undefined;
+  /**
+   * Date
+   * examples: 2000-1-1 or 2000/01/01
+   */
+  dateString?: string;
+  /**
+   * Date Color
+   */
+  dateColor: 'white' | 'primary-grey';
+  /**
+   * Injected styles
+   */
+  dateStyles?: string;
+  /**
+   * Date Font Size
+   */
+  dataSize: 'medium' | 'small';
+  render(): any;
+  private getCssClassMap;
+  private getDate;
+}

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

@@ -1,18 +1,18 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class PtcDropdown {
-  /**
-   * Theme
-   */
-  theme: 'sort';
-  label: string;
-  listItems: any[];
-  toggle: boolean;
-  selectedItem: any;
-  clickedItem: EventEmitter;
-  host: HTMLElement;
-  componentWillLoad(): void;
-  handleClick: (item: any) => void;
-  toggleList: () => void;
-  render(): any;
-  private getCssClassMap;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class PtcDropdown {
+  /**
+   * Theme
+   */
+  theme: 'sort';
+  label: string;
+  listItems: any[];
+  toggle: boolean;
+  selectedItem: any;
+  clickedItem: EventEmitter;
+  host: HTMLElement;
+  componentWillLoad(): void;
+  handleClick: (item: any) => void;
+  toggleList: () => void;
+  render(): any;
+  private getCssClassMap;
+}

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

@@ -1,10 +1,10 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class PtcEllipsisDropdown {
-  dataItems: Array<any>;
-  isDropdownOpen: boolean;
-  host: HTMLElement;
-  itemSelected: EventEmitter<any>;
-  private dropdownToggle;
-  private onItemSelected;
-  render(): any;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class PtcEllipsisDropdown {
+  dataItems: Array<any>;
+  isDropdownOpen: boolean;
+  host: HTMLElement;
+  itemSelected: EventEmitter<any>;
+  private dropdownToggle;
+  private onItemSelected;
+  render(): any;
+}

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

@@ -1,11 +1,11 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class PtcFilterTag {
-  /**
-   * Theme
-   */
-  theme: 'bubble' | 'link' | 'link-lg' | 'button';
-  clicked: EventEmitter;
-  handleClick: () => void;
-  render(): any;
-  private getCssClassMap;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class PtcFilterTag {
+  /**
+   * Theme
+   */
+  theme: 'bubble' | 'link' | 'link-lg' | 'button';
+  clicked: EventEmitter;
+  handleClick: () => void;
+  render(): any;
+  private getCssClassMap;
+}

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

@@ -1,12 +1,12 @@
-export declare class PtcHero {
-  /**
-   * Hero Type
-   */
-  heroType: 'jumbotron' | 'footer-cta';
-  /**
-   * Hero Background Image URL
-   */
-  bgUrl: string;
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcHero {
+  /**
+   * Hero Type
+   */
+  heroType: 'jumbotron' | 'footer-cta';
+  /**
+   * Hero Background Image URL
+   */
+  bgUrl: string;
+  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,9 +1,9 @@
-export declare class PtcIconMinimize {
-  heading: string;
-  opened: boolean;
-  host: HTMLElement;
-  componentDidLoad(): void;
-  private dropdownToggle;
-  private getScrollHeight;
-  render(): any;
-}
+export declare class PtcIconMinimize {
+  heading: string;
+  opened: boolean;
+  host: HTMLElement;
+  componentDidLoad(): void;
+  private dropdownToggle;
+  private getScrollHeight;
+  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;
+}