@ptcwebops/ptcw-design 0.9.8 → 1.0.0

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

@@ -1,60 +1,60 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class PtcButton {
-  /**
-   * Disabled button
-   */
-  disabled?: boolean;
-  /**
-   * Active Toggle button
-   */
-  active?: boolean;
-  /**
-   * Button type
-   */
-  type: 'button' | 'reset' | 'submit' | 'link';
-  /**
-   * Button theme color
-   */
-  color: 'offwhite' | 'blackgrey' | 'turtlegreen' | 'nav' | 'legacy-green' | 'ptc-primary' | 'ptc-secondary' | 'ptc-tertiary' | 'ptc-quaternary' | 'icon-toggle';
-  /**
-   * Icon Animation
-   */
-  iconAnimation: 'animation-right' | 'animation-down' | '';
-  /**
-   * Icon Position
-   */
-  iconPosition: 'icon-left' | 'icon-right';
-  /**
-   * Link URL
-   */
-  linkHref?: string;
-  /**
-   * link Title
-   */
-  linkTitle?: string;
-  /**
-   * Link target
-   * */
-  target?: string;
-  /**
-   *  Link rel
-   * */
-  rel?: string;
-  /**
-   *  (optional) tab-nav.
-   *  indicates that its element can be focused, and where it participates in sequential keyboard navigation.
-   *  A negative value (usually tabindex="-1") means that the element is not reachable via sequential keyboard navigation
-   */
-  tabNav: number;
-  /**
-   *  (optional) Injected CSS Styles
-   */
-  styles?: string;
-  /**
-   * Emitted when the button has focus.
-   */
-  clickEvent: EventEmitter<void>;
-  clickEventHandler(): void;
-  render(): any;
-  private getCssClassMap;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class PtcButton {
+  /**
+   * Disabled button
+   */
+  disabled?: boolean;
+  /**
+   * Active Toggle button
+   */
+  active?: boolean;
+  /**
+   * Button type
+   */
+  type: 'button' | 'reset' | 'submit' | 'link';
+  /**
+   * Button theme color
+   */
+  color: 'offwhite' | 'blackgrey' | 'turtlegreen' | 'nav' | 'legacy-green' | 'ptc-primary' | 'ptc-secondary' | 'ptc-tertiary' | 'ptc-quaternary' | 'icon-toggle' | 'clear-search';
+  /**
+   * Icon Animation
+   */
+  iconAnimation: 'animation-right' | 'animation-down' | '';
+  /**
+   * Icon Position
+   */
+  iconPosition: 'icon-left' | 'icon-right';
+  /**
+   * Link URL
+   */
+  linkHref?: string;
+  /**
+   * link Title
+   */
+  linkTitle?: string;
+  /**
+   * Link target
+   * */
+  target?: string;
+  /**
+   *  Link rel
+   * */
+  rel?: string;
+  /**
+   *  (optional) tab-nav.
+   *  indicates that its element can be focused, and where it participates in sequential keyboard navigation.
+   *  A negative value (usually tabindex="-1") means that the element is not reachable via sequential keyboard navigation
+   */
+  tabNav: number;
+  /**
+   *  (optional) Injected CSS Styles
+   */
+  styles?: string;
+  /**
+   * Emitted when the button has focus.
+   */
+  clickEvent: EventEmitter<void>;
+  clickEventHandler(): void;
+  render(): any;
+  private getCssClassMap;
+}

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

@@ -1,67 +1,67 @@
-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' | 'horizontal-card' | 'listing-card-horizontal' | 'resource-center-card' | 'case-studies-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;
-  /**
-   * Event Type
-   */
-  eventType?: string;
-  /**
-   * Card Logo
-   */
-  cardLogo?: string;
-  /**
-   * Card Logo
-   */
-  titleLineCutOff?: number;
-  render(): any;
-  private getCssClassMap;
-  private getMediaSlot;
-  private getLineCuttoff;
-}
+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' | 'horizontal-card' | 'listing-card-horizontal' | 'resource-center-card' | 'case-studies-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;
+  /**
+   * Event Type
+   */
+  eventType?: string;
+  /**
+   * Card Logo
+   */
+  cardLogo?: string;
+  /**
+   * Card Logo
+   */
+  titleLineCutOff?: number;
+  render(): any;
+  private getCssClassMap;
+  private getMediaSlot;
+  private getLineCuttoff;
+}

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' | 'extra-tall' | 'color-outlined';
-  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' | 'extra-tall' | 'color-outlined';
+  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,19 +1,19 @@
-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' | 'card-video-intro' | 'card-dynamic' | 'extra-tall' | 'color-outlined' | 'thumbnail-video-preview';
-  outlineColor?: 'o-red' | 'o-orange' | 'o-blue' | 'o-slate-grey' | 'o-green';
-  /**
-   * (optional) Injected CSS styles
-   **/
-  styles?: string;
-  isLoading?: boolean;
-  hoverEvent: EventEmitter<void>;
-  hoverEventHandler(): void;
-  leaveEvent: EventEmitter<void>;
-  leaveEventHandler(): void;
-  setHeight(height: number): Promise<void>;
-  removeInlineHeight(): Promise<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' | 'card-video-intro' | 'card-dynamic' | 'extra-tall' | 'color-outlined' | 'thumbnail-video-preview';
+  outlineColor?: 'o-red' | 'o-orange' | 'o-blue' | 'o-slate-grey' | 'o-green';
+  /**
+   * (optional) Injected CSS styles
+   **/
+  styles?: string;
+  isLoading?: boolean;
+  hoverEvent: EventEmitter<void>;
+  hoverEventHandler(): void;
+  leaveEvent: EventEmitter<void>;
+  leaveEventHandler(): void;
+  setHeight(height: number): Promise<void>;
+  removeInlineHeight(): Promise<void>;
+  render(): any;
+  private getCssClassMap;
+}

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

@@ -1,24 +1,24 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class PtcCardPlm {
-  el: HTMLElement;
-  /**Card Type */
-  cardType: 'card-video' | 'card-tall' | 'card-wide' | 'speed-bump' | 'card-playlist' | 'card-video-intro' | 'card-2up' | 'extra-tall' | 'color-outlined';
-  /**Card link */
-  cardLink: string;
-  /**link Title */
-  linkTitle?: string;
-  /** link Target */
-  linkTarget?: string;
-  /** Internal Screen Size State */
-  isLoading?: boolean;
-  handleResize(): void;
-  hoverEvent: EventEmitter<void>;
-  hoverEventHandler(): void;
-  leaveEvent: EventEmitter<void>;
-  leaveEventHandler(): void;
-  componentDidLoad(): void;
-  render(): any;
-  private getCssClassMap;
-  private getBtmContentHeight;
-  private checkScreenSize;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class PtcCardPlm {
+  el: HTMLElement;
+  /**Card Type */
+  cardType: 'card-video' | 'card-tall' | 'card-wide' | 'speed-bump' | 'card-playlist' | 'card-video-intro' | 'card-2up' | 'extra-tall' | 'color-outlined';
+  /**Card link */
+  cardLink: string;
+  /**link Title */
+  linkTitle?: string;
+  /** link Target */
+  linkTarget?: string;
+  /** Internal Screen Size State */
+  isLoading?: boolean;
+  handleResize(): void;
+  hoverEvent: EventEmitter<void>;
+  hoverEventHandler(): void;
+  leaveEvent: EventEmitter<void>;
+  leaveEventHandler(): void;
+  componentDidLoad(): void;
+  render(): any;
+  private getCssClassMap;
+  private getBtmContentHeight;
+  private checkScreenSize;
+}

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

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

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

@@ -1,56 +1,56 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-declare class CollapseListItem {
-  id: string;
-  name: string;
-  text: string;
-  value: string;
-  category: string;
-  href: string;
-  target: string;
-  title: string;
-  allowMultiSelect: boolean;
-  isExternalLink: boolean;
-  children: CollapseListItem[];
-}
-export declare class PtcCollapseList {
-  data: CollapseListItem[];
-  searchText: string;
-  header: string;
-  selectedValue: any;
-  selectedItems: any;
-  hashMap: any;
-  debouncedUpdatedEvent: any;
-  refreshBuffer: number;
-  listItems?: Object;
-  placeholderText: string;
-  debounceUpdateDelay: 500;
-  el: HTMLElement;
-  itemSelected: EventEmitter<any>;
-  itemExpanded: EventEmitter<any>;
-  textChanged: EventEmitter<any>;
-  inputUpdated: EventEmitter<any>;
-  ready: EventEmitter<any>;
-  viewUpdated: EventEmitter<any>;
-  changed: EventEmitter<any>;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  componentDidUpdate(): void;
-  onItemSelectedHandler(event: MouseEvent): void;
-  onInputUpdated(event: KeyboardEvent): void;
-  onItemExpandedHandler(event: MouseEvent): void;
-  fireChangedEvent(): void;
-  loadListItems(): void;
-  setUpCategory(name: string, allowMultiSelect: boolean): void;
-  collapseAllFirstLevelItems(exclude: HTMLElement): void;
-  updateExpandedItems(): void;
-  updateSelectedItemStatus(uuid: string): void;
-  unSelectItem(uuid: string): void;
-  selectItem(uuid: string): void;
-  getItemByValue(value: string): any;
-  onItemLinkClick(event: MouseEvent, uuid: string): void;
-  onExpandClick(event: MouseEvent, collapseParents: boolean): void;
-  render(): any;
-  removeSelectedItem(value: string): Promise<void>;
-  addSelectedItem(value: string): Promise<void>;
-}
-export {};
+import { EventEmitter } from '../../stencil-public-runtime';
+declare class CollapseListItem {
+  id: string;
+  name: string;
+  text: string;
+  value: string;
+  category: string;
+  href: string;
+  target: string;
+  title: string;
+  allowMultiSelect: boolean;
+  isExternalLink: boolean;
+  children: CollapseListItem[];
+}
+export declare class PtcCollapseList {
+  data: CollapseListItem[];
+  searchText: string;
+  header: string;
+  selectedValue: any;
+  selectedItems: any;
+  hashMap: any;
+  debouncedUpdatedEvent: any;
+  refreshBuffer: number;
+  listItems?: Object;
+  placeholderText: string;
+  debounceUpdateDelay: 500;
+  el: HTMLElement;
+  itemSelected: EventEmitter<any>;
+  itemExpanded: EventEmitter<any>;
+  textChanged: EventEmitter<any>;
+  inputUpdated: EventEmitter<any>;
+  ready: EventEmitter<any>;
+  viewUpdated: EventEmitter<any>;
+  changed: EventEmitter<any>;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentDidUpdate(): void;
+  onItemSelectedHandler(event: MouseEvent): void;
+  onInputUpdated(event: KeyboardEvent): void;
+  onItemExpandedHandler(event: MouseEvent): void;
+  fireChangedEvent(): void;
+  loadListItems(): void;
+  setUpCategory(name: string, allowMultiSelect: boolean): void;
+  collapseAllFirstLevelItems(exclude: HTMLElement): void;
+  updateExpandedItems(): void;
+  updateSelectedItemStatus(uuid: string): void;
+  unSelectItem(uuid: string): void;
+  selectItem(uuid: string): void;
+  getItemByValue(value: string): any;
+  onItemLinkClick(event: MouseEvent, uuid: string): void;
+  onExpandClick(event: MouseEvent, collapseParents: boolean): void;
+  render(): any;
+  removeSelectedItem(value: string): Promise<void>;
+  addSelectedItem(value: string): Promise<void>;
+}
+export {};

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