@ptcwebops/ptcw-design 1.0.6 → 1.0.7

package/dist/types/components/max-width-container/max-width-container.d.ts

@@ -1,9 +1,11 @@
-export declare class MaxWidthContainer {
-  el: HTMLElement;
-  maxWidth: number;
-  breakpoint: number;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
-  render(): any;
-  handleResize(): void;
-}
+export declare class MaxWidthContainer {
+  el: HTMLElement;
+  maxWidth: number;
+  breakpoint: number;
+  contentAlign: 'left' | 'center' | 'right';
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  render(): any;
+  private getCssClassMap;
+  handleResize(): void;
+}

package/dist/types/components/my-component/my-component.d.ts

@@ -1,16 +1,16 @@
-export declare class MyComponent {
-  /**
-   * The first name
-   */
-  first: string;
-  /**
-   * The middle name
-   */
-  middle: string;
-  /**
-   * The last name
-   */
-  last: string;
-  private getText;
-  render(): any;
-}
+export declare class MyComponent {
+  /**
+   * The first name
+   */
+  first: string;
+  /**
+   * The middle name
+   */
+  middle: string;
+  /**
+   * The last name
+   */
+  last: string;
+  private getText;
+  render(): any;
+}

package/dist/types/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.d.ts

@@ -1,59 +1,59 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-export declare class PtcAccordionItem {
-  el: HTMLPtcAccordionItemElement;
-  /**
-   * Heading text.
-   * This will be overwritten by `heading` slot
-   */
-  heading?: string;
-  /**
-   * The HTML tag to be applied to the heading text.
-   * This will be overwritten by `heading` slot
-   */
-  headingTag?: string;
-  /**
-   * If expanded height should be automatically calculated. If set, the `--ptc-accordion-item-body-max-height` CSS variable will be set automatically to the content height
-   */
-  autoHeight?: boolean;
-  /**
-   * If the accordion item should be opened by default
-   */
-  active?: boolean;
-  hasHeadingSlot: boolean;
-  hasArrowSlot: boolean;
-  bodyEl: HTMLElement;
-  animationHeightInterval: number;
-  /**
-   * Emitted when accordion item has opened
-   */
-  opened: EventEmitter;
-  /**
-   * Emitted when accordion item started opening
-   */
-  opening: EventEmitter;
-  /**
-   * Emitted when accordion item has closed
-   */
-  closed: EventEmitter;
-  /**
-   * Emitted when accordion item started closing
-   */
-  closing: EventEmitter;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  onTransitionEnd(): void;
-  onTransitionStart(): void;
-  /**
-   * Toggle open state of accordion item
-   */
-  toggle(): Promise<void>;
-  /**
-   * Closes the accordion item
-   */
-  close(): Promise<void>;
-  /**
-   * Opens the accordion item.
-   */
-  open(): Promise<void>;
-  render(): any;
-}
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class PtcAccordionItem {
+  el: HTMLPtcAccordionItemElement;
+  /**
+   * Heading text.
+   * This will be overwritten by `heading` slot
+   */
+  heading?: string;
+  /**
+   * The HTML tag to be applied to the heading text.
+   * This will be overwritten by `heading` slot
+   */
+  headingTag?: string;
+  /**
+   * If expanded height should be automatically calculated. If set, the `--ptc-accordion-item-body-max-height` CSS variable will be set automatically to the content height
+   */
+  autoHeight?: boolean;
+  /**
+   * If the accordion item should be opened by default
+   */
+  active?: boolean;
+  hasHeadingSlot: boolean;
+  hasArrowSlot: boolean;
+  bodyEl: HTMLElement;
+  animationHeightInterval: number;
+  /**
+   * Emitted when accordion item has opened
+   */
+  opened: EventEmitter;
+  /**
+   * Emitted when accordion item started opening
+   */
+  opening: EventEmitter;
+  /**
+   * Emitted when accordion item has closed
+   */
+  closed: EventEmitter;
+  /**
+   * Emitted when accordion item started closing
+   */
+  closing: EventEmitter;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  onTransitionEnd(): void;
+  onTransitionStart(): void;
+  /**
+   * Toggle open state of accordion item
+   */
+  toggle(): Promise<void>;
+  /**
+   * Closes the accordion item
+   */
+  close(): Promise<void>;
+  /**
+   * Opens the accordion item.
+   */
+  open(): Promise<void>;
+  render(): any;
+}

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

@@ -1,13 +1,13 @@
-export declare class PtcAccordion {
-  el: HTMLElement;
-  /**
-   * If multiple `<ptc-accordion-item>`s can open at the same time
-   */
-  multiple?: boolean;
-  activeItem: HTMLPtcAccordionItemElement;
-  items: NodeListOf<HTMLPtcAccordionItemElement>;
-  componentWillLoad(): void;
-  openHandler(e: Event): void;
-  closeNonActive(): void;
-  render(): any;
-}
+export declare class PtcAccordion {
+  el: HTMLElement;
+  /**
+   * If multiple `<ptc-accordion-item>`s can open at the same time
+   */
+  multiple?: boolean;
+  activeItem: HTMLPtcAccordionItemElement;
+  items: NodeListOf<HTMLPtcAccordionItemElement>;
+  componentWillLoad(): void;
+  openHandler(e: Event): void;
+  closeNonActive(): void;
+  render(): any;
+}

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

@@ -1,51 +1,51 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class PtcAnnouncement {
-  /**
-   * bar title
-   */
-  barTitle: string;
-  /**
-   * bar description
-   */
-  description: string;
-  /**
-   * link Text
-   */
-  linkText: string;
-  /**
-   * link Title, will use Text if blank
-   */
-  linkTitle: string;
-  /**
-   * Mutable Visibility
-   */
-  visible: boolean;
-  /**
-   * Link Url
-   */
-  linkUrl: string;
-  /**
-   * Temp Container
-   * We plan to remove container in the future
-   */
-  insideContainer: boolean;
-  /**
-   * Target
-   */
-  target: string | undefined;
-  /**
-   * Window Size
-   */
-  windowSize: 'mobile' | 'desktop';
-  /**
-   * Close Event
-   */
-  close: EventEmitter;
-  handleResize(): void;
-  componentWillLoad(): void;
-  render(): any;
-  private getCssClassMap;
-  private closeClick;
-  private getIconSize;
-  private isMaxWidthTitle;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class PtcAnnouncement {
+  /**
+   * bar title
+   */
+  barTitle: string;
+  /**
+   * bar description
+   */
+  description: string;
+  /**
+   * link Text
+   */
+  linkText: string;
+  /**
+   * link Title, will use Text if blank
+   */
+  linkTitle: string;
+  /**
+   * Mutable Visibility
+   */
+  visible: boolean;
+  /**
+   * Link Url
+   */
+  linkUrl: string;
+  /**
+   * Temp Container
+   * We plan to remove container in the future
+   */
+  insideContainer: boolean;
+  /**
+   * Target
+   */
+  target: string | undefined;
+  /**
+   * Window Size
+   */
+  windowSize: 'mobile' | 'desktop';
+  /**
+   * Close Event
+   */
+  close: EventEmitter;
+  handleResize(): void;
+  componentWillLoad(): void;
+  render(): any;
+  private getCssClassMap;
+  private closeClick;
+  private getIconSize;
+  private isMaxWidthTitle;
+}

package/dist/types/components/ptc-background-video/ptc-background-video.d.ts

@@ -1,26 +1,26 @@
-export declare class PtcBackgroundVideo {
-  /**
-   * Video url
-   */
-  videoSrc: string;
-  /**
-   * Poster url(Placeholder image till the video get the loaded)
-   */
-  posterSrc?: string;
-  /**
-   * Overlay(Optional, By default is true)
-   */
-  overlay?: boolean;
-  /**
- * Video implementation type:
- *  default: Content need to add in tag
- *      Ex: <ptc-background-video>Content  </ptc-background-video>
- *  legacy: Add the blank tag in any other setcon having relative parent.
- *      Ex: <div class="section" style="position: relative;">
- *             <ptc-background-video></ptc-background-video>
- *             Content
- *          </div>
- */
-  type: 'default' | 'legacy';
-  render(): any;
-}
+export declare class PtcBackgroundVideo {
+  /**
+   * Video url
+   */
+  videoSrc: string;
+  /**
+   * Poster url(Placeholder image till the video get the loaded)
+   */
+  posterSrc?: string;
+  /**
+   * Overlay(Optional, By default is true)
+   */
+  overlay?: boolean;
+  /**
+ * Video implementation type:
+ *  default: Content need to add in tag
+ *      Ex: <ptc-background-video>Content  </ptc-background-video>
+ *  legacy: Add the blank tag in any other setcon having relative parent.
+ *      Ex: <div class="section" style="position: relative;">
+ *             <ptc-background-video></ptc-background-video>
+ *             Content
+ *          </div>
+ */
+  type: 'default' | 'legacy';
+  render(): any;
+}

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

@@ -1,4 +1,20 @@
-export declare class PtcBreadcrumb {
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcBreadcrumb {
+  /**
+   * breadcrumb position
+   */
+  position?: 'left' | 'center' | 'right';
+  /**
+   * remove topMargin
+   */
+  removeTopMargin: boolean;
+  /**
+   *  Theme Color
+   */
+  color: 'black' | 'white' | 'ptc-green' | 'gray' | 'light-gray' | 'primary-gray' | 'default' | 'inherit';
+  /**
+   * (optional) Injected CSS styles
+   **/
+  styles?: string;
+  render(): any;
+  private getCssClassMap;
+}

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