@ptcwebops/ptcw-design 0.5.6 → 0.5.8

package/dist/ptcw-design/ptcw-design.esm.js

@@ -1 +1 @@
-import{p as e,b as t}from"./p-e8a60227.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((e=>t([["p-412ca190",[[4,"ptc-tab-list",null,[[0,"tabClicked","onSelectedTab"],[9,"resize","calculateHeaderTabsRendering"]]]]],["p-c13f31f6",[[1,"ptc-breadcrumb"]]],["p-2b3a38c3",[[1,"ptc-hero",{heroType:[1,"hero-type"],bgUrl:[1,"bg-url"]}]]],["p-612f7224",[[1,"ptc-previous-url",{href:[1],text:[1]}]]],["p-b79303ef",[[1,"ptc-card",{cardType:[1,"card-type"],cardHref:[1,"card-href"],target:[1],rel:[1],hasImage:[4,"has-image"],hasVideo:[4,"has-video"],hasLottie:[4,"has-lottie"],heading:[1],headingTransform:[1,"heading-transform"],cardDate:[1,"card-date"],styles:[1]}]]],["p-b238d684",[[1,"ptc-checkbox",{checked:[1],selectedItem:[32]}]]],["p-279609f3",[[1,"ptc-filter-tag",{theme:[1],uppercase:[4],fontSize:[1,"font-size"]}]]],["p-ab27089f",[[1,"ptc-link",{disabled:[516],external:[516],href:[1],target:[1],linkTitle:[1,"link-title"],theme:[1],uppercase:[4],fontSize:[1,"font-size"]}]]],["p-0c86ac1a",[[1,"ptc-lottie",{jsonSrc:[1025,"json-src"],speed:[1026]}]]],["p-18d0d10a",[[0,"ptc-mobile-select",{triggerName:[1,"trigger-name"],selectedText:[1,"selected-text"],wheelData:[1040],selectedId:[1,"selected-id"],ensureBtnText:[1,"ensure-btn-text"],cancelBtnText:[1,"cancel-btn-text"],listTitle:[1,"list-title"],linkUrl:[1025,"link-url"]}]]],["p-d64c3892",[[1,"ptc-quote",{quoteType:[1025,"quote-type"],quoteName:[1025,"quote-name"],ctaText:[1,"cta-text"],ctaUrl:[1,"cta-url"],imgSrc:[1,"img-src"],imgTitle:[1,"img-title"]}]]],["p-781aacb7",[[1,"ptc-social-share",{display:[1],shareType:[1,"share-type"],shareTitle:[1,"share-title"],text:[1],url:[1],source:[1],recipient:[1],isHover:[32]}]]],["p-679b99ad",[[1,"my-component",{first:[1],middle:[1],last:[1]}]]],["p-dc18ae76",[[1,"ptc-card-bottom",{cardType:[1,"card-type"],styles:[1]}]]],["p-cd7119b8",[[1,"ptc-card-content",{cardType:[1,"card-type"],styles:[1]}]]],["p-28174fbe",[[1,"ptc-card-plm",{cardType:[1,"card-type"],cardLink:[1,"card-link"],linkTitle:[1,"link-title"],linkTarget:[1,"link-target"]}]]],["p-49d34cb8",[[1,"ptc-container",{backgroundColor:[1,"background-color"],elevation:[1],containerType:[1,"container-type"]}]]],["p-c5951736",[[6,"ptc-hero-footer-cta",{ctaTitle:[1,"cta-title"],description:[1],backgroundImage:[1,"background-image"]}]]],["p-cec492a8",[[1,"ptc-icon-list",{listType:[1,"list-type"],valueWithUnit:[1,"value-with-unit"],valueText:[1,"value-text"],listContent:[1,"list-content"],isLastItem:[4,"is-last-item"]}]]],["p-fa53e5e5",[[1,"ptc-list",{listType:[1,"list-type"],listItems:[16]}]]],["p-8c6b8bc9",[[1,"ptc-minimized-footer"]]],["p-204a78ce",[[1,"ptc-minimized-header",{linkUrl:[513,"link-url"],imgSrc:[513,"img-src"],imgAlt:[513,"img-alt"]}]]],["p-90423b6f",[[1,"ptc-modal",{iframeUrl:[1025,"iframe-url"],size:[1025],show:[1028],overlay:[1028],closeOnBlur:[1028,"close-on-blur"],overlayHeight:[32],bodyOverflowSetting:[32]}]]],["p-796b4a16",[[1,"ptc-nav"]]],["p-2a1808f8",[[1,"ptc-nav-item",{url:[1025],label:[1025],ariaExpanded:[1028,"aria-expanded"],depth:[1538],hasChildren:[1028,"has-children"],parentExpanded:[1540,"parent-expanded"],navType:[1,"nav-type"]},[[0,"handleClick","handleClick"],[9,"resize","handleResize"]]]]],["p-df80470b",[[1,"ptc-para",{fontSize:[1,"font-size"],fontWeight:[1,"font-weight"],paraStyle:[1,"para-style"],paraColor:[1,"para-color"],paraLineH:[1,"para-line-h"],paraMargin:[1,"para-margin"]}]]],["p-3a41081a",[[1,"ptc-picture",{src:[1],alt:[1],sizeXs:[1025,"size-xs"],sizeSm:[1025,"size-sm"],sizeMd:[1025,"size-md"],sizeLg:[1025,"size-lg"],imagePosition:[1,"image-position"],borderRadius:[1,"border-radius"],height:[1],width:[1],objectFit:[1,"object-fit"],isFullHeight:[4,"is-full-height"],isFullWidth:[4,"is-full-width"],styles:[1],imageAlignment:[1,"image-alignment"],maxWidth:[1,"max-width"],oldSrc:[32]},[[9,"resize","WindowResize"]]]]],["p-72e6a3f1",[[1,"ptc-pricing-block"]]],["p-ee61991d",[[1,"ptc-responsive-wrapper"]]],["p-c69933fe",[[1,"ptc-shopping-cart",{cartCount:[1,"cart-count"],color:[1]}]]],["p-969c178b",[[1,"ptc-spacer",{breakpoint:[1],size:[1],direction:[1]}]]],["p-fe957cbf",[[1,"ptc-span",{spanStyle:[1,"span-style"],display:[1],styles:[1]}]]],["p-d2ef4221",[[6,"ptc-title",{isPlmHub:[4,"is-plm-hub"],type:[1],textAlign:[1,"text-align"],upperline:[1],titleShadow:[1,"title-shadow"],titleMargin:[1,"title-margin"],titleWeight:[1,"title-weight"],titleSize:[1,"title-size"],titleHeight:[1,"title-height"],styles:[1]}]]],["p-dbf3779e",[[1,"ptc-two-column-media",{componentType:[1,"component-type"]}]]],["p-7448f767",[[4,"tab-content",{name:[1],isSelected:[32],getChild:[64]}]]],["p-c3e79e54",[[1,"tab-header",{name:[1],isSelected:[32],getChild:[64]}]]],["p-c5bfb13d",[[1,"ptc-ellipsis-dropdown",{dataItems:[16],isDropdownOpen:[32]}]]],["p-5069bb7d",[[1,"lottie-player",{mode:[1],autoplay:[4],background:[513],controls:[4],count:[2],direction:[2],hover:[4],loop:[516],renderer:[1],speed:[2],src:[1],currentState:[1,"current-state"],seeker:[8],intermission:[2],play:[64],pause:[64],stop:[64],seek:[64],getLottie:[64],setSpeed:[64],setDirection:[64],setLooping:[64],togglePlay:[64],toggleLooping:[64]}]]],["p-7133275c",[[1,"ptc-button",{disabled:[516],type:[1],color:[1],iconAnimation:[1,"icon-animation"],iconPosition:[1,"icon-position"],linkHref:[1,"link-href"],linkTitle:[1,"link-title"],target:[1],rel:[1],tabNav:[2,"tab-nav"],styles:[1]}]]],["p-ec10f846",[[1,"ptc-date",{year:[2],month:[2],day:[2],country:[1],dateString:[1,"date-string"],dateColor:[1,"date-color"],dateStyles:[1,"date-styles"],dataSize:[1,"data-size"]}]]],["p-a9e7cd3e",[[1,"ptc-announcement",{barTitle:[1,"bar-title"],Description:[1,"description"],linkText:[513,"link-text"],linkTitle:[513,"link-title"],visible:[1540],linkUrl:[513,"link-url"],tempContainer:[4,"temp-container"],target:[1]}],[1,"ptc-svg-btn",{svgName:[1,"svg-name"],display:[1]}]]],["p-1cfc77eb",[[4,"ptc-img",{sizeXs:[1025,"size-xs"],sizeSm:[1025,"size-sm"],sizeMd:[1025,"size-md"],sizeLg:[1025,"size-lg"],imgUrl:[1,"img-url"],imageType:[1,"image-type"],borderRadius:[1,"border-radius"],loadMode:[1,"load-mode"]},[[9,"resize","WindowResize"]]],[1,"ptc-overlay",{filterColor:[1,"filter-color"],borderRadius:[1,"border-radius"],overlayZIndex:[1,"overlay-z-index"],styles:[1]}]]],["p-8ea08e1d",[[4,"dropdown-item",{linkHref:[1,"link-href"],linkTarget:[1,"link-target"]}]]],["p-7bcc42e1",[[1,"list-item",{listType:[1,"list-type"],linkHref:[1,"link-href"],flushBefore:[4,"flush-before"],linkTarget:[1,"link-target"]}]]],["p-f32f9817",[[2,"icon-asset",{name:[1],size:[1],type:[1],spin:[1],pulse:[1],color:[1],injectedStyle:[1,"injected-style"]}]]]],e)));
+import{p as e,b as t}from"./p-0e571387.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((e=>t([["p-45528270",[[4,"ptc-tab-list",null,[[0,"tabClicked","onSelectedTab"],[9,"resize","calculateHeaderTabsRendering"]]]]],["p-9e1fe694",[[1,"ptc-breadcrumb"]]],["p-68bcb24d",[[1,"ptc-hero",{heroType:[1,"hero-type"],bgUrl:[1,"bg-url"]}]]],["p-adcbd7e1",[[1,"ptc-previous-url",{href:[1],text:[1]}]]],["p-695f82bc",[[1,"ptc-announcement",{barTitle:[1,"bar-title"],Description:[1,"description"],linkText:[513,"link-text"],linkTitle:[513,"link-title"],visible:[1540],linkUrl:[513,"link-url"],tempContainer:[4,"temp-container"],target:[1]}]]],["p-1884f74a",[[1,"ptc-card",{cardType:[1,"card-type"],cardHref:[1,"card-href"],target:[1],rel:[1],hasImage:[4,"has-image"],hasVideo:[4,"has-video"],hasLottie:[4,"has-lottie"],heading:[1],headingTransform:[1,"heading-transform"],cardDate:[1,"card-date"],styles:[1],ribbonText:[1,"ribbon-text"]}]]],["p-aa4f80c6",[[1,"ptc-lottie",{jsonSrc:[1025,"json-src"],speed:[1026]}]]],["p-66740e2e",[[0,"ptc-mobile-select",{triggerName:[1,"trigger-name"],selectedText:[1,"selected-text"],wheelData:[1040],selectedId:[1,"selected-id"],ensureBtnText:[1,"ensure-btn-text"],cancelBtnText:[1,"cancel-btn-text"],listTitle:[1,"list-title"],linkUrl:[1025,"link-url"]}]]],["p-ef64b508",[[1,"ptc-quote",{quoteType:[1025,"quote-type"],quoteName:[1025,"quote-name"],ctaText:[1,"cta-text"],ctaUrl:[1,"cta-url"],imgSrc:[1,"img-src"],imgTitle:[1,"img-title"]}]]],["p-9fe3e385",[[1,"ptc-social-share",{display:[1],shareType:[1,"share-type"],shareTitle:[1,"share-title"],text:[1],url:[1],source:[1],recipient:[1],isHover:[32]}]]],["p-6106d579",[[1,"my-component",{first:[1],middle:[1],last:[1]}]]],["p-95f7e520",[[1,"ptc-accordion",{multiple:[4]},[[0,"opened","openHandler"]]]]],["p-0f17a4f0",[[1,"ptc-accordion-item",{heading:[1],headingTag:[1,"heading-tag"],autoHeight:[4,"auto-height"],active:[1540],hasHeadingSlot:[32],hasArrowSlot:[32],toggle:[64],close:[64],open:[64]}]]],["p-ff08fa6c",[[1,"ptc-card-bottom",{cardType:[1,"card-type"],styles:[1]}]]],["p-246057c5",[[1,"ptc-card-content",{cardType:[1,"card-type"],styles:[1]}]]],["p-689d91a7",[[1,"ptc-card-plm",{cardType:[1,"card-type"],cardLink:[1,"card-link"],linkTitle:[1,"link-title"],linkTarget:[1,"link-target"]}]]],["p-9ed142ce",[[6,"ptc-hero-footer-cta",{ctaTitle:[1,"cta-title"],description:[1],backgroundImage:[1,"background-image"]}]]],["p-ea8fa57b",[[1,"ptc-icon-list",{listType:[1,"list-type"],valueWithUnit:[1,"value-with-unit"],valueText:[1,"value-text"],listContent:[1,"list-content"],isLastItem:[4,"is-last-item"]}]]],["p-beb569e6",[[1,"ptc-list",{listType:[1,"list-type"],listItems:[16]}]]],["p-59fd3cd2",[[1,"ptc-minimized-footer"]]],["p-737796bc",[[1,"ptc-minimized-header",{linkUrl:[513,"link-url"],imgSrc:[513,"img-src"],imgAlt:[513,"img-alt"]}]]],["p-69581273",[[1,"ptc-nav"]]],["p-d0709a7c",[[1,"ptc-nav-item",{url:[1025],label:[1025],ariaExpanded:[1028,"aria-expanded"],depth:[1538],hasChildren:[1028,"has-children"],parentExpanded:[1540,"parent-expanded"],navType:[1,"nav-type"]},[[0,"handleClick","handleClick"],[9,"resize","handleResize"]]]]],["p-e5b8fc3d",[[1,"ptc-pagenation",{totalCount:[2,"total-count"],numberOfItems:[2,"number-of-items"],previousValue:[1,"previous-value"],lastValue:[1,"last-value"],minPageNumber:[2,"min-page-number"],maxPageNumber:[2,"max-page-number"],clickedPageNumber:[2,"clicked-page-number"],appendArray:[4,"append-array"],pageNumbers:[32]}]]],["p-4a80df00",[[1,"ptc-picture",{src:[1],alt:[1],sizeXs:[1025,"size-xs"],sizeSm:[1025,"size-sm"],sizeMd:[1025,"size-md"],sizeLg:[1025,"size-lg"],imagePosition:[1,"image-position"],borderRadius:[1,"border-radius"],height:[1],width:[1],objectFit:[1,"object-fit"],isFullHeight:[4,"is-full-height"],isFullWidth:[4,"is-full-width"],styles:[1],imageAlignment:[1,"image-alignment"],maxWidth:[1,"max-width"],oldSrc:[32]},[[9,"resize","WindowResize"]]]]],["p-7966413a",[[1,"ptc-pricing-block"]]],["p-91456c49",[[1,"ptc-responsive-wrapper"]]],["p-9e693f5e",[[1,"ptc-span",{spanStyle:[1,"span-style"],display:[1],styles:[1]}]]],["p-e4359c5a",[[1,"ptc-two-column-media",{componentType:[1,"component-type"]}]]],["p-00c1c3ec",[[4,"tab-content",{name:[1],isSelected:[32],getChild:[64]}]]],["p-316d8eae",[[1,"tab-header",{name:[1],isSelected:[32],getChild:[64]}]]],["p-870d7171",[[1,"ptc-ellipsis-dropdown",{dataItems:[16],isDropdownOpen:[32]}]]],["p-74a72a40",[[1,"lottie-player",{mode:[1],autoplay:[4],background:[513],controls:[4],count:[2],direction:[2],hover:[4],loop:[516],renderer:[1],speed:[2],src:[1],currentState:[1,"current-state"],seeker:[8],intermission:[2],play:[64],pause:[64],stop:[64],seek:[64],getLottie:[64],setSpeed:[64],setDirection:[64],setLooping:[64],togglePlay:[64],toggleLooping:[64]}]]],["p-c23a6ee1",[[1,"ptc-date",{year:[2],month:[2],day:[2],country:[1],dateString:[1,"date-string"],dateColor:[1,"date-color"],dateStyles:[1,"date-styles"],dataSize:[1,"data-size"]}]]],["p-b61d821b",[[4,"ptc-img",{sizeXs:[1025,"size-xs"],sizeSm:[1025,"size-sm"],sizeMd:[1025,"size-md"],sizeLg:[1025,"size-lg"],imgUrl:[1,"img-url"],imageType:[1,"image-type"],borderRadius:[1,"border-radius"],loadMode:[1,"load-mode"]},[[9,"resize","WindowResize"]]],[1,"ptc-overlay",{filterColor:[1,"filter-color"],borderRadius:[1,"border-radius"],overlayZIndex:[1,"overlay-z-index"],styles:[1]}]]],["p-f72ef3fc",[[4,"dropdown-item",{linkHref:[1,"link-href"],linkTarget:[1,"link-target"]}]]],["p-cbf56b5e",[[1,"list-item",{listType:[1,"list-type"],linkHref:[1,"link-href"],flushBefore:[4,"flush-before"],linkTarget:[1,"link-target"]}]]],["p-cc18f13a",[[1,"ptc-svg-btn",{svgName:[1,"svg-name"],display:[1]}]]],["p-32ec2097",[[1,"ptc-dropdown",{theme:[1],label:[1],listItems:[16],toggle:[32],selectedItem:[32]}],[1,"ptc-icon-minimize",{heading:[1025],opened:[1028]}],[1,"ptc-link",{disabled:[516],external:[516],href:[1],target:[1],linkTitle:[1,"link-title"],theme:[1],uppercase:[4],fontSize:[1,"font-size"]}],[1,"ptc-checkbox",{checked:[1025],value:[1025],inputName:[1,"input-name"]}],[1,"ptc-container",{backgroundColor:[1,"background-color"],elevation:[1],containerType:[1,"container-type"],spacing:[1]}],[1,"ptc-filter-tag",{theme:[1]}],[1,"ptc-modal",{iframeUrl:[1025,"iframe-url"],size:[1025],show:[1028],overlay:[1028],closeOnBlur:[1028,"close-on-blur"],rounded:[1028],showHeaderFooter:[1028,"show-header-footer"],overlayHeight:[32],bodyOverflowSetting:[32]}],[1,"ptc-para",{fontSize:[1,"font-size"],fontWeight:[1,"font-weight"],paraStyle:[1,"para-style"],paraColor:[1,"para-color"],paraLineH:[1,"para-line-h"],paraMargin:[1,"para-margin"]}],[1,"ptc-shopping-cart",{cartCount:[1,"cart-count"],color:[1]}],[1,"ptc-spacer",{breakpoint:[1],size:[1],direction:[1]}],[6,"ptc-title",{isPlmHub:[4,"is-plm-hub"],type:[1],textAlign:[1,"text-align"],upperline:[1],titleShadow:[1,"title-shadow"],titleMargin:[1,"title-margin"],titleWeight:[1,"title-weight"],titleSize:[1,"title-size"],titleHeight:[1,"title-height"],styles:[1]}],[1,"ptc-button",{disabled:[516],type:[1],color:[1],iconAnimation:[1,"icon-animation"],iconPosition:[1,"icon-position"],linkHref:[1,"link-href"],linkTitle:[1,"link-title"],target:[1],rel:[1],tabNav:[2,"tab-nav"],styles:[1]}],[2,"icon-asset",{name:[1],size:[1],type:[1],spin:[1],pulse:[1],color:[1],injectedStyle:[1,"injected-style"]}]]]],e)));

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

@@ -1,5 +1,5 @@
-export declare class DropdownItem {
-  linkHref?: string;
-  linkTarget: string | undefined;
-  render(): any;
-}
+export declare class DropdownItem {
+  linkHref?: string;
+  linkTarget: string | undefined;
+  render(): any;
+}

package/dist/types/components/icon-asset/icon-asset.d.ts

@@ -1,36 +1,36 @@
-export declare class IconAsset {
-  /**
-   * Icon ID name
-   */
-  name: string;
-  /**
-   * Icon Size
-   */
-  size: 'xxx-small' | 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large';
-  /**
-   * Icon Type
-   */
-  type: 'solid' | 'brands' | 'ptc' | 'regular';
-  /**
-   * Icon Spin Animation (not valid for ptc type)
-   */
-  spin: 'fa-spin' | '';
-  /**
-   * Icon Pulse Animation (not valid for ptc type)
-   */
-  pulse: 'fa-pulse' | '';
-  /**
-   * Icon Color
-   */
-  color: 'black' | 'white' | 'ptc-green' | 'gray' | 'default' | 'inherit';
-  /**
-   *  (optional) Injected CSS Styles
-   */
-  injectedStyle?: string;
-  render(): any;
-  private getCssClassMap;
-  private regularSprite;
-  private solidSprite;
-  private brandSprite;
-  private ptcSprite;
-}
+export declare class IconAsset {
+  /**
+   * Icon ID name
+   */
+  name: string;
+  /**
+   * Icon Size
+   */
+  size: 'xxx-small' | 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large';
+  /**
+   * Icon Type
+   */
+  type: 'solid' | 'brands' | 'ptc' | 'regular';
+  /**
+   * Icon Spin Animation (not valid for ptc type)
+   */
+  spin: 'fa-spin' | '';
+  /**
+   * Icon Pulse Animation (not valid for ptc type)
+   */
+  pulse: 'fa-pulse' | '';
+  /**
+   * Icon Color
+   */
+  color: 'black' | 'white' | 'ptc-green' | 'gray' | 'default' | 'inherit';
+  /**
+   *  (optional) Injected CSS Styles
+   */
+  injectedStyle?: string;
+  render(): any;
+  private getCssClassMap;
+  private regularSprite;
+  private solidSprite;
+  private brandSprite;
+  private ptcSprite;
+}

package/dist/types/components/list-item/list-item.d.ts

@@ -1,8 +1,8 @@
-export declare class ListItem {
-  listType: 'list-primary' | 'list-footer' | 'breadcrumb';
-  linkHref?: string;
-  flushBefore: boolean;
-  linkTarget: string | undefined;
-  render(): any;
-  private getCssClassMap;
-}
+export declare class ListItem {
+  listType: 'list-primary' | 'list-footer' | 'breadcrumb';
+  linkHref?: string;
+  flushBefore: boolean;
+  linkTarget: string | undefined;
+  render(): any;
+  private getCssClassMap;
+}

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

@@ -0,0 +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;
+}

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

@@ -0,0 +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;
+}

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

@@ -1,43 +1,43 @@
-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
-   */
-  tempContainer: boolean;
-  /**
-  * Target
-  */
-  target: string | undefined;
-  /**
-   * Close Event
-   */
-  close: EventEmitter;
-  render(): any;
-  private getCssClassMap;
-  private closeClick;
-}
+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
+   */
+  tempContainer: boolean;
+  /**
+  * Target
+  */
+  target: string | undefined;
+  /**
+   * Close Event
+   */
+  close: EventEmitter;
+  render(): any;
+  private getCssClassMap;
+  private closeClick;
+}

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

@@ -1,4 +1,4 @@
-export declare class PtcBreadcrumb {
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcBreadcrumb {
+  render(): any;
+  private getCssClassMap;
+}

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

@@ -1,56 +1,56 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class PtcButton {
-  /**
-   * Disabled button
-   */
-  disabled?: 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 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;
+  /**
+   * 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 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,50 +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';
-  /**
-   * 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;
-  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;
+}