@ptcwebops/ptcw-design 0.5.6 → 0.5.7

package/dist/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["ptc-tab-list.cjs",[[4,"ptc-tab-list",null,[[0,"tabClicked","onSelectedTab"],[9,"resize","calculateHeaderTabsRendering"]]]]],["ptc-breadcrumb.cjs",[[1,"ptc-breadcrumb"]]],["ptc-hero.cjs",[[1,"ptc-hero",{"heroType":[1,"hero-type"],"bgUrl":[1,"bg-url"]}]]],["ptc-previous-url.cjs",[[1,"ptc-previous-url",{"href":[1],"text":[1]}]]],["ptc-card.cjs",[[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]}]]],["ptc-checkbox.cjs",[[1,"ptc-checkbox",{"checked":[1],"selectedItem":[32]}]]],["ptc-filter-tag.cjs",[[1,"ptc-filter-tag",{"theme":[1],"uppercase":[4],"fontSize":[1,"font-size"]}]]],["ptc-link.cjs",[[1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"uppercase":[4],"fontSize":[1,"font-size"]}]]],["ptc-lottie.cjs",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["ptc-mobile-select.cjs",[[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"]}]]],["ptc-quote.cjs",[[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"]}]]],["ptc-social-share.cjs",[[1,"ptc-social-share",{"display":[1],"shareType":[1,"share-type"],"shareTitle":[1,"share-title"],"text":[1],"url":[1],"source":[1],"recipient":[1],"isHover":[32]}]]],["my-component.cjs",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["ptc-card-bottom.cjs",[[1,"ptc-card-bottom",{"cardType":[1,"card-type"],"styles":[1]}]]],["ptc-card-content.cjs",[[1,"ptc-card-content",{"cardType":[1,"card-type"],"styles":[1]}]]],["ptc-card-plm.cjs",[[1,"ptc-card-plm",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"]}]]],["ptc-container.cjs",[[1,"ptc-container",{"backgroundColor":[1,"background-color"],"elevation":[1],"containerType":[1,"container-type"]}]]],["ptc-hero-footer-cta.cjs",[[6,"ptc-hero-footer-cta",{"ctaTitle":[1,"cta-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["ptc-icon-list.cjs",[[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"]}]]],["ptc-list.cjs",[[1,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["ptc-minimized-footer.cjs",[[1,"ptc-minimized-footer"]]],["ptc-minimized-header.cjs",[[1,"ptc-minimized-header",{"linkUrl":[513,"link-url"],"imgSrc":[513,"img-src"],"imgAlt":[513,"img-alt"]}]]],["ptc-modal.cjs",[[1,"ptc-modal",{"iframeUrl":[1025,"iframe-url"],"size":[1025],"show":[1028],"overlay":[1028],"closeOnBlur":[1028,"close-on-blur"],"overlayHeight":[32],"bodyOverflowSetting":[32]}]]],["ptc-nav.cjs",[[1,"ptc-nav"]]],["ptc-nav-item.cjs",[[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"]]]]],["ptc-para.cjs",[[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"]}]]],["ptc-picture.cjs",[[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"]]]]],["ptc-pricing-block.cjs",[[1,"ptc-pricing-block"]]],["ptc-responsive-wrapper.cjs",[[1,"ptc-responsive-wrapper"]]],["ptc-shopping-cart.cjs",[[1,"ptc-shopping-cart",{"cartCount":[1,"cart-count"],"color":[1]}]]],["ptc-spacer.cjs",[[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}]]],["ptc-span.cjs",[[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"styles":[1]}]]],["ptc-title.cjs",[[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]}]]],["ptc-two-column-media.cjs",[[1,"ptc-two-column-media",{"componentType":[1,"component-type"]}]]],["tab-content.cjs",[[4,"tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["tab-header.cjs",[[1,"tab-header",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["ptc-ellipsis-dropdown.cjs",[[1,"ptc-ellipsis-dropdown",{"dataItems":[16],"isDropdownOpen":[32]}]]],["lottie-player.cjs",[[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]}]]],["ptc-button.cjs",[[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]}]]],["ptc-date.cjs",[[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"]}]]],["ptc-announcement_2.cjs",[[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]}]]],["ptc-img_2.cjs",[[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]}]]],["dropdown-item.cjs",[[4,"dropdown-item",{"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]]],["list-item.cjs",[[1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"],"linkTarget":[1,"link-target"]}]]],["icon-asset.cjs",[[2,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1],"injectedStyle":[1,"injected-style"]}]]]], options);
+  return index.bootstrapLazy([["ptc-tab-list.cjs",[[4,"ptc-tab-list",null,[[0,"tabClicked","onSelectedTab"],[9,"resize","calculateHeaderTabsRendering"]]]]],["ptc-breadcrumb.cjs",[[1,"ptc-breadcrumb"]]],["ptc-hero.cjs",[[1,"ptc-hero",{"heroType":[1,"hero-type"],"bgUrl":[1,"bg-url"]}]]],["ptc-previous-url.cjs",[[1,"ptc-previous-url",{"href":[1],"text":[1]}]]],["ptc-announcement.cjs",[[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]}]]],["ptc-card.cjs",[[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]}]]],["ptc-lottie.cjs",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["ptc-mobile-select.cjs",[[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"]}]]],["ptc-quote.cjs",[[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"]}]]],["ptc-social-share.cjs",[[1,"ptc-social-share",{"display":[1],"shareType":[1,"share-type"],"shareTitle":[1,"share-title"],"text":[1],"url":[1],"source":[1],"recipient":[1],"isHover":[32]}]]],["my-component.cjs",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["ptc-accordion.cjs",[[1,"ptc-accordion",{"multiple":[4]},[[0,"opened","openHandler"]]]]],["ptc-accordion-item.cjs",[[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]}]]],["ptc-card-bottom.cjs",[[1,"ptc-card-bottom",{"cardType":[1,"card-type"],"styles":[1]}]]],["ptc-card-content.cjs",[[1,"ptc-card-content",{"cardType":[1,"card-type"],"styles":[1]}]]],["ptc-card-plm.cjs",[[1,"ptc-card-plm",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"]}]]],["ptc-hero-footer-cta.cjs",[[6,"ptc-hero-footer-cta",{"ctaTitle":[1,"cta-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["ptc-icon-list.cjs",[[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"]}]]],["ptc-list.cjs",[[1,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["ptc-minimized-footer.cjs",[[1,"ptc-minimized-footer"]]],["ptc-minimized-header.cjs",[[1,"ptc-minimized-header",{"linkUrl":[513,"link-url"],"imgSrc":[513,"img-src"],"imgAlt":[513,"img-alt"]}]]],["ptc-nav.cjs",[[1,"ptc-nav"]]],["ptc-nav-item.cjs",[[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"]]]]],["ptc-picture.cjs",[[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"]]]]],["ptc-pricing-block.cjs",[[1,"ptc-pricing-block"]]],["ptc-responsive-wrapper.cjs",[[1,"ptc-responsive-wrapper"]]],["ptc-span.cjs",[[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"styles":[1]}]]],["ptc-two-column-media.cjs",[[1,"ptc-two-column-media",{"componentType":[1,"component-type"]}]]],["tab-content.cjs",[[4,"tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["tab-header.cjs",[[1,"tab-header",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["ptc-ellipsis-dropdown.cjs",[[1,"ptc-ellipsis-dropdown",{"dataItems":[16],"isDropdownOpen":[32]}]]],["lottie-player.cjs",[[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]}]]],["ptc-date.cjs",[[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"]}]]],["ptc-img_2.cjs",[[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]}]]],["dropdown-item.cjs",[[4,"dropdown-item",{"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]]],["list-item.cjs",[[1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"],"linkTarget":[1,"link-target"]}]]],["ptc-svg-btn.cjs",[[1,"ptc-svg-btn",{"svgName":[1,"svg-name"],"display":[1]}]]],["icon-asset_13.cjs",[[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"]}]]]], options);
   });
 };
 

package/dist/cjs/ptc-accordion-item.cjs.entry.js

@@ -0,0 +1,110 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-3adcf9f4.js');
+
+const hasSlot = (parentEl, slotName) => {
+  return !!parentEl.querySelector(':scope > [slot="' + slotName + '"'); // cast boolean
+};
+
+const ptcAccordionItemCss = ":host{display:block}:host .heading{display:flex;align-items:center;justify-content:initial;width:100%;border:none;text-align:left;padding:var(--ptc-element-spacing-06);padding-left:0;cursor:pointer;transition:border-radius var(--ptc-transition-fast) ease var(--ptc-transition-fast);background-color:transparent;border-bottom:1px solid var(--color-gray-03)}:host .heading .heading-text{color:var(--color-gray-10);margin:0;font-weight:var(--ptc-font-weight-bold);flex:1;font-size:var(--ptc-font-size-large);font-family:var(--ptc-font-latin)}:host .heading .arrow{color:var(--color-green-06);margin-right:var(--ptc-element-spacing-05);transition:transform var(--ptc-transition-fast) ease-in-out}:host .heading .arrow svg{width:34px;height:34px}:host .heading .arrow svg path{fill:currentColor}:host .body-container{overflow:hidden;max-height:0;transition:max-height var(--ptc-transition-fast) ease-in-out;scrollbar-width:none;}:host .body-container::-webkit-scrollbar{display:none;}:host .body-container .body{border-top-left-radius:0;border-top-right-radius:0;overflow:hidden;padding:var(--ptc-layout-spacing-02)}:host(.autoHeight) .body-container{overflow:hidden}:host(.active) .heading{border-bottom-left-radius:0;border-bottom-right-radius:0;transition:border-radius 0s ease;border-color:var(--color-gray-02)}:host(.active) .heading .arrow{transform:rotate(180deg)}:host(.active) .heading .arrow svg{color:var(--color-gray-03)}:host(.active) .body-container{max-height:var(--ptc-accordion-item-body-max-height)}";
+
+let PtcAccordionItem = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.opened = index.createEvent(this, "opened", 7);
+    this.opening = index.createEvent(this, "opening", 7);
+    this.closed = index.createEvent(this, "closed", 7);
+    this.closing = index.createEvent(this, "closing", 7);
+    /**
+     * Heading text.
+     * This will be overwritten by `heading` slot
+     */
+    this.heading = null;
+    /**
+     * The HTML tag to be applied to the heading text.
+     * This will be overwritten by `heading` slot
+     */
+    this.headingTag = 'h3';
+    /**
+     * 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
+     */
+    this.autoHeight = false;
+    /**
+     * If the accordion item should be opened by default
+     */
+    this.active = false;
+    this.hasHeadingSlot = true;
+    this.hasArrowSlot = true;
+  }
+  componentWillLoad() {
+    this.hasHeadingSlot = hasSlot(this.el, 'heading');
+    this.hasArrowSlot = hasSlot(this.el, 'arrow');
+  }
+  componentDidLoad() {
+    if (this.autoHeight) {
+      this.bodyEl.style.setProperty('--ptc-accordion-item-body-max-height', this.bodyEl.scrollHeight + 2 + 'px');
+    }
+    this.onTransitionEnd();
+    this.bodyEl.addEventListener('transitionstart', () => {
+      this.onTransitionStart();
+    });
+    this.bodyEl.addEventListener('transitionend', () => {
+      this.onTransitionEnd();
+    });
+    this.hasHeadingSlot = hasSlot(this.el, 'heading');
+    this.hasArrowSlot = hasSlot(this.el, 'arrow');
+  }
+  onTransitionEnd() {
+    if (this.active) {
+      this.bodyEl.style.overflow = 'auto';
+      this.opened.emit();
+    }
+    else {
+      this.bodyEl.style.overflow = 'hidden';
+      this.bodyEl.style.visibility = 'hidden';
+      this.closed.emit();
+    }
+  }
+  onTransitionStart() {
+    if (this.active) {
+      this.bodyEl.style.visibility = 'visible';
+      this.opening.emit();
+    }
+    else {
+      this.closing.emit();
+    }
+  }
+  /**
+   * Toggle open state of accordion item
+   */
+  async toggle() {
+    if (this.active) {
+      this.close();
+    }
+    else {
+      this.open();
+    }
+  }
+  /**
+   * Closes the accordion item
+   */
+  async close() {
+    this.active = false;
+  }
+  /**
+   * Opens the accordion item.
+   */
+  async open() {
+    this.active = true;
+  }
+  render() {
+    const { active, autoHeight, headingTag: HeadingTag } = this;
+    return (index.h(index.Host, { class: { active, autoHeight } }, index.h("button", { class: "heading", role: "button", onClick: () => this.toggle() }, index.h("span", { class: "arrow" }, this.hasArrowSlot ? (index.h("slot", { name: "arrow" })) : (index.h("svg", { focusable: "false", viewBox: "0 0 24 24", "aria-hidden": "true" }, index.h("path", { d: "M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" })))), this.hasHeadingSlot ? (index.h("slot", { name: "heading" })) : (index.h(HeadingTag, { class: "heading-text" }, this.heading))), index.h("div", { class: "body-container", ref: el => (this.bodyEl = el) }, index.h("div", { class: "body" }, index.h("slot", null)))));
+  }
+  get el() { return index.getElement(this); }
+};
+PtcAccordionItem.style = ptcAccordionItemCss;
+
+exports.ptc_accordion_item = PtcAccordionItem;

package/dist/cjs/ptc-accordion.cjs.entry.js

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-3adcf9f4.js');
+
+const ptcAccordionCss = ":host{--ptc-accordion-item-body-max-height:100vh}";
+
+let PtcAccordion = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * If multiple `<ptc-accordion-item>`s can open at the same time
+     */
+    this.multiple = false;
+  }
+  componentWillLoad() {
+    this.items = this.el.querySelectorAll(':scope > ptc-accordion-item');
+    if (!this.multiple) {
+      this.activeItem = this.el.querySelector(':scope > ptc-accordion-item[active]');
+      if (this.activeItem) {
+        this.activeItem.open();
+      }
+      this.closeNonActive();
+    }
+  }
+  openHandler(e) {
+    e.stopPropagation();
+    const eventTarget = e.target;
+    if (!this.multiple) {
+      this.activeItem = eventTarget;
+      this.closeNonActive();
+    }
+  }
+  closeNonActive() {
+    this.items.forEach(item => {
+      if (!item.isEqualNode(this.activeItem)) {
+        item.close();
+      }
+    });
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("slot", null)));
+  }
+  get el() { return index.getElement(this); }
+};
+PtcAccordion.style = ptcAccordionCss;
+
+exports.ptc_accordion = PtcAccordion;

package/dist/cjs/ptc-announcement.cjs.entry.js

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-3adcf9f4.js');
+
+const ptcAnnouncementCss = ":host{display:block}.announcement{width:100%;position:relative;background-color:var(--color-gray-02);z-index:860;background-size:cover;background-repeat:repeat-x;border:1px solid var(--color-green-06);box-shadow:var(--ptc-shadow-small);z-index:999;display:none}.visible{display:block}.content-wrapper{display:flex;padding:var(--ptc-element-spacing-02) var(--ptc-element-spacing-03);margin:0 auto;align-items:center;justify-content:space-between}@media only screen and (min-width: 768px){.content-wrapper{padding:var(--ptc-element-spacing-02) var(--ptc-element-spacing-04)}}@media only screen and (min-width: 768px){.temp-container{width:750px}}@media only screen and (min-width: 992px){.temp-container{width:970px}}@media only screen and (min-width: 1200px){.temp-container{width:1170px}}@media only screen and (min-width: 1440px){.temp-container{width:1400px}}@media only screen and (min-width: 1600px){.temp-container{width:1560px}}.left-content{display:flex;flex-basis:82%;flex-direction:column}@media only screen and (min-width: 768px){.left-content{align-items:flex-start;justify-content:flex-start}}.title{flex-basis:18%;font-family:Raleway;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-extrabold);font-stretch:normal;font-style:normal;line-height:var(--ptc-line-height-looser);letter-spacing:var(--ptc-letter-spacing-loose);text-align:left;color:var(--color-gray-10);text-transform:uppercase}.ptc-svg-btn{flex-basis:18%}.bar-close{padding-right:var(--ptc-element-spacing-04)}.description{flex-basis:82%;font-family:Raleway;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-medium);font-stretch:normal;font-style:normal;line-height:var(--ptc-line-height-denser);letter-spacing:normal;text-align:left;color:var(--color-gray-10)}a{color:var(--color-blue-07);-webkit-transition:color var(--ptc-transition-slow) var(--ptc-ease-inout);-o-transition:color var(--ptc-transition-slow) var(--ptc-ease-inout);transition:color var(--ptc-transition-slow) var(--ptc-ease-inout);font-weight:var(--ptc-font-weight-bold);text-decoration:underline;white-space:nowrap;margin-left:var(--ptc-element-spacing-04)}a:hover{color:var(--color-blue-08)}a:focus{outline:3px solid var(--color-blue-07);outline-offset:0.25rem;border-radius:var(--ptc-border-radius-standard)}a:visited{color:var(--color-blue-09)}@media only screen and (min-width: 768px){.bar-close{padding-right:0px}}@media only screen and (min-width: 992px){.left-content{flex-direction:row;align-items:center}.title{font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-dense);letter-spacing:var(--ptc-letter-spacing-loose)}.description{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense)}}";
+
+let PtcAnnouncement = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.close = index.createEvent(this, "close", 7);
+    /**
+     * bar title
+     */
+    this.barTitle = "";
+    /**
+     * bar description
+     */
+    this.Description = "";
+    /**
+     * Link Url
+     */
+    this.linkUrl = '#';
+    /**
+    * Target
+    */
+    this.target = '_self';
+    this.closeClick = () => {
+      this.visible = false;
+      this.close.emit();
+    };
+  }
+  render() {
+    var _a;
+    const classMap = this.getCssClassMap();
+    return (index.h(index.Host, null, index.h("div", { class: classMap, part: "part-announcement" }, index.h("div", { class: this.tempContainer ? 'content-wrapper temp-container' : 'content-wrapper' }, index.h("div", { class: "left-content", part: "part-left-content" }, !!this.barTitle ? index.h("div", { class: "title" }, this.barTitle) : null, index.h("div", { class: "description" }, !!this.Description ? index.h("span", null, this.Description) : null, !!this.linkText ? (index.h("a", { href: this.linkUrl, title: (_a = this.linkTitle) !== null && _a !== void 0 ? _a : this.linkText, target: this.target }, this.linkText)) : null)), index.h("ptc-svg-btn", { class: "bar-close", "svg-name": "close", onClick: this.closeClick })))));
+  }
+  getCssClassMap() {
+    return {
+      ['announcement']: true,
+      [this.visible ? 'visible' : '']: true,
+    };
+  }
+};
+PtcAnnouncement.style = ptcAnnouncementCss;
+
+exports.ptc_announcement = PtcAnnouncement;

package/dist/cjs/{ptc-announcement_2.cjs.entry.js → ptc-svg-btn.cjs.entry.js}

@@ -4,47 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-3adcf9f4.js');
 
-const ptcAnnouncementCss = ":host{display:block}.announcement{width:100%;position:relative;background-color:var(--color-gray-02);z-index:860;background-size:cover;background-repeat:repeat-x;border:1px solid var(--color-green-06);box-shadow:var(--ptc-shadow-small);z-index:999;display:none}.visible{display:block}.content-wrapper{display:flex;padding:var(--ptc-element-spacing-02) var(--ptc-element-spacing-03);margin:0 auto;align-items:center;justify-content:space-between}@media only screen and (min-width: 768px){.content-wrapper{padding:var(--ptc-element-spacing-02) var(--ptc-element-spacing-04)}}@media only screen and (min-width: 768px){.temp-container{width:750px}}@media only screen and (min-width: 992px){.temp-container{width:970px}}@media only screen and (min-width: 1200px){.temp-container{width:1170px}}@media only screen and (min-width: 1440px){.temp-container{width:1400px}}@media only screen and (min-width: 1600px){.temp-container{width:1560px}}.left-content{display:flex;flex-basis:82%;flex-direction:column}@media only screen and (min-width: 768px){.left-content{align-items:flex-start;justify-content:flex-start}}.title{flex-basis:18%;font-family:Raleway;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-extrabold);font-stretch:normal;font-style:normal;line-height:var(--ptc-line-height-looser);letter-spacing:var(--ptc-letter-spacing-loose);text-align:left;color:var(--color-gray-10);text-transform:uppercase}.ptc-svg-btn{flex-basis:18%}.bar-close{padding-right:var(--ptc-element-spacing-04)}.description{flex-basis:82%;font-family:Raleway;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-medium);font-stretch:normal;font-style:normal;line-height:var(--ptc-line-height-denser);letter-spacing:normal;text-align:left;color:var(--color-gray-10)}a{color:var(--color-blue-07);-webkit-transition:color var(--ptc-transition-slow) var(--ptc-ease-inout);-o-transition:color var(--ptc-transition-slow) var(--ptc-ease-inout);transition:color var(--ptc-transition-slow) var(--ptc-ease-inout);font-weight:var(--ptc-font-weight-bold);text-decoration:underline;white-space:nowrap;margin-left:var(--ptc-element-spacing-04)}a:hover{color:var(--color-blue-08)}a:focus{outline:3px solid var(--color-blue-07);outline-offset:0.25rem;border-radius:var(--ptc-border-radius-standard)}a:visited{color:var(--color-blue-09)}@media only screen and (min-width: 768px){.bar-close{padding-right:0px}}@media only screen and (min-width: 992px){.left-content{flex-direction:row;align-items:center}.title{font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-dense);letter-spacing:var(--ptc-letter-spacing-loose)}.description{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense)}}";
-
-let PtcAnnouncement = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.close = index.createEvent(this, "close", 7);
-    /**
-     * bar title
-     */
-    this.barTitle = "";
-    /**
-     * bar description
-     */
-    this.Description = "";
-    /**
-     * Link Url
-     */
-    this.linkUrl = '#';
-    /**
-    * Target
-    */
-    this.target = '_self';
-    this.closeClick = () => {
-      this.visible = false;
-      this.close.emit();
-    };
-  }
-  render() {
-    var _a;
-    const classMap = this.getCssClassMap();
-    return (index.h(index.Host, null, index.h("div", { class: classMap, part: "part-announcement" }, index.h("div", { class: this.tempContainer ? 'content-wrapper temp-container' : 'content-wrapper' }, index.h("div", { class: "left-content", part: "part-left-content" }, !!this.barTitle ? index.h("div", { class: "title" }, this.barTitle) : null, index.h("div", { class: "description" }, !!this.Description ? index.h("span", null, this.Description) : null, !!this.linkText ? (index.h("a", { href: this.linkUrl, title: (_a = this.linkTitle) !== null && _a !== void 0 ? _a : this.linkText, target: this.target }, this.linkText)) : null)), index.h("ptc-svg-btn", { class: "bar-close", "svg-name": "close", onClick: this.closeClick })))));
-  }
-  getCssClassMap() {
-    return {
-      ['announcement']: true,
-      [this.visible ? 'visible' : '']: true,
-    };
-  }
-};
-PtcAnnouncement.style = ptcAnnouncementCss;
-
 const closeSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 42 41.485">
     <g id="Group_1042" data-name="Group 1042" transform="rotate(180 108.25 87.993)">
         <path id="Line_446" d="M0 0v39.486" class="cls-1" data-name="Line 446"></path>
@@ -132,5 +91,4 @@ let PtcSvgBtn = class {
 };
 PtcSvgBtn.style = ptcSvgBtnCss;
 
-exports.ptc_announcement = PtcAnnouncement;
 exports.ptc_svg_btn = PtcSvgBtn;

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

@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["ptc-tab-list.cjs",[[4,"ptc-tab-list",null,[[0,"tabClicked","onSelectedTab"],[9,"resize","calculateHeaderTabsRendering"]]]]],["ptc-breadcrumb.cjs",[[1,"ptc-breadcrumb"]]],["ptc-hero.cjs",[[1,"ptc-hero",{"heroType":[1,"hero-type"],"bgUrl":[1,"bg-url"]}]]],["ptc-previous-url.cjs",[[1,"ptc-previous-url",{"href":[1],"text":[1]}]]],["ptc-card.cjs",[[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]}]]],["ptc-checkbox.cjs",[[1,"ptc-checkbox",{"checked":[1],"selectedItem":[32]}]]],["ptc-filter-tag.cjs",[[1,"ptc-filter-tag",{"theme":[1],"uppercase":[4],"fontSize":[1,"font-size"]}]]],["ptc-link.cjs",[[1,"ptc-link",{"disabled":[516],"external":[516],"href":[1],"target":[1],"linkTitle":[1,"link-title"],"theme":[1],"uppercase":[4],"fontSize":[1,"font-size"]}]]],["ptc-lottie.cjs",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["ptc-mobile-select.cjs",[[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"]}]]],["ptc-quote.cjs",[[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"]}]]],["ptc-social-share.cjs",[[1,"ptc-social-share",{"display":[1],"shareType":[1,"share-type"],"shareTitle":[1,"share-title"],"text":[1],"url":[1],"source":[1],"recipient":[1],"isHover":[32]}]]],["my-component.cjs",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["ptc-card-bottom.cjs",[[1,"ptc-card-bottom",{"cardType":[1,"card-type"],"styles":[1]}]]],["ptc-card-content.cjs",[[1,"ptc-card-content",{"cardType":[1,"card-type"],"styles":[1]}]]],["ptc-card-plm.cjs",[[1,"ptc-card-plm",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"]}]]],["ptc-container.cjs",[[1,"ptc-container",{"backgroundColor":[1,"background-color"],"elevation":[1],"containerType":[1,"container-type"]}]]],["ptc-hero-footer-cta.cjs",[[6,"ptc-hero-footer-cta",{"ctaTitle":[1,"cta-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["ptc-icon-list.cjs",[[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"]}]]],["ptc-list.cjs",[[1,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["ptc-minimized-footer.cjs",[[1,"ptc-minimized-footer"]]],["ptc-minimized-header.cjs",[[1,"ptc-minimized-header",{"linkUrl":[513,"link-url"],"imgSrc":[513,"img-src"],"imgAlt":[513,"img-alt"]}]]],["ptc-modal.cjs",[[1,"ptc-modal",{"iframeUrl":[1025,"iframe-url"],"size":[1025],"show":[1028],"overlay":[1028],"closeOnBlur":[1028,"close-on-blur"],"overlayHeight":[32],"bodyOverflowSetting":[32]}]]],["ptc-nav.cjs",[[1,"ptc-nav"]]],["ptc-nav-item.cjs",[[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"]]]]],["ptc-para.cjs",[[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"]}]]],["ptc-picture.cjs",[[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"]]]]],["ptc-pricing-block.cjs",[[1,"ptc-pricing-block"]]],["ptc-responsive-wrapper.cjs",[[1,"ptc-responsive-wrapper"]]],["ptc-shopping-cart.cjs",[[1,"ptc-shopping-cart",{"cartCount":[1,"cart-count"],"color":[1]}]]],["ptc-spacer.cjs",[[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}]]],["ptc-span.cjs",[[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"styles":[1]}]]],["ptc-title.cjs",[[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]}]]],["ptc-two-column-media.cjs",[[1,"ptc-two-column-media",{"componentType":[1,"component-type"]}]]],["tab-content.cjs",[[4,"tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["tab-header.cjs",[[1,"tab-header",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["ptc-ellipsis-dropdown.cjs",[[1,"ptc-ellipsis-dropdown",{"dataItems":[16],"isDropdownOpen":[32]}]]],["lottie-player.cjs",[[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]}]]],["ptc-button.cjs",[[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]}]]],["ptc-date.cjs",[[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"]}]]],["ptc-announcement_2.cjs",[[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]}]]],["ptc-img_2.cjs",[[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]}]]],["dropdown-item.cjs",[[4,"dropdown-item",{"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]]],["list-item.cjs",[[1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"],"linkTarget":[1,"link-target"]}]]],["icon-asset.cjs",[[2,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1],"injectedStyle":[1,"injected-style"]}]]]], options);
+  return index.bootstrapLazy([["ptc-tab-list.cjs",[[4,"ptc-tab-list",null,[[0,"tabClicked","onSelectedTab"],[9,"resize","calculateHeaderTabsRendering"]]]]],["ptc-breadcrumb.cjs",[[1,"ptc-breadcrumb"]]],["ptc-hero.cjs",[[1,"ptc-hero",{"heroType":[1,"hero-type"],"bgUrl":[1,"bg-url"]}]]],["ptc-previous-url.cjs",[[1,"ptc-previous-url",{"href":[1],"text":[1]}]]],["ptc-announcement.cjs",[[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]}]]],["ptc-card.cjs",[[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]}]]],["ptc-lottie.cjs",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["ptc-mobile-select.cjs",[[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"]}]]],["ptc-quote.cjs",[[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"]}]]],["ptc-social-share.cjs",[[1,"ptc-social-share",{"display":[1],"shareType":[1,"share-type"],"shareTitle":[1,"share-title"],"text":[1],"url":[1],"source":[1],"recipient":[1],"isHover":[32]}]]],["my-component.cjs",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["ptc-accordion.cjs",[[1,"ptc-accordion",{"multiple":[4]},[[0,"opened","openHandler"]]]]],["ptc-accordion-item.cjs",[[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]}]]],["ptc-card-bottom.cjs",[[1,"ptc-card-bottom",{"cardType":[1,"card-type"],"styles":[1]}]]],["ptc-card-content.cjs",[[1,"ptc-card-content",{"cardType":[1,"card-type"],"styles":[1]}]]],["ptc-card-plm.cjs",[[1,"ptc-card-plm",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"]}]]],["ptc-hero-footer-cta.cjs",[[6,"ptc-hero-footer-cta",{"ctaTitle":[1,"cta-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["ptc-icon-list.cjs",[[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"]}]]],["ptc-list.cjs",[[1,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["ptc-minimized-footer.cjs",[[1,"ptc-minimized-footer"]]],["ptc-minimized-header.cjs",[[1,"ptc-minimized-header",{"linkUrl":[513,"link-url"],"imgSrc":[513,"img-src"],"imgAlt":[513,"img-alt"]}]]],["ptc-nav.cjs",[[1,"ptc-nav"]]],["ptc-nav-item.cjs",[[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"]]]]],["ptc-picture.cjs",[[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"]]]]],["ptc-pricing-block.cjs",[[1,"ptc-pricing-block"]]],["ptc-responsive-wrapper.cjs",[[1,"ptc-responsive-wrapper"]]],["ptc-span.cjs",[[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"styles":[1]}]]],["ptc-two-column-media.cjs",[[1,"ptc-two-column-media",{"componentType":[1,"component-type"]}]]],["tab-content.cjs",[[4,"tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["tab-header.cjs",[[1,"tab-header",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["ptc-ellipsis-dropdown.cjs",[[1,"ptc-ellipsis-dropdown",{"dataItems":[16],"isDropdownOpen":[32]}]]],["lottie-player.cjs",[[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]}]]],["ptc-date.cjs",[[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"]}]]],["ptc-img_2.cjs",[[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]}]]],["dropdown-item.cjs",[[4,"dropdown-item",{"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]]],["list-item.cjs",[[1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"],"linkTarget":[1,"link-target"]}]]],["ptc-svg-btn.cjs",[[1,"ptc-svg-btn",{"svgName":[1,"svg-name"],"display":[1]}]]],["icon-asset_13.cjs",[[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"]}]]]], options);
 });

package/dist/collection/collection-manifest.json

@@ -4,6 +4,8 @@
     "./components/icon-asset/icon-asset.js",
     "./components/list-item/list-item.js",
     "./components/my-component/my-component.js",
+    "./components/ptc-accordion/ptc-accordion.js",
+    "./components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.js",
     "./components/ptc-announcement/ptc-announcement.js",
     "./components/ptc-breadcrumb/ptc-breadcrumb.js",
     "./components/ptc-button/ptc-button.js",
@@ -14,11 +16,13 @@
     "./components/ptc-checkbox/ptc-checkbox.js",
     "./components/ptc-container/ptc-container.js",
     "./components/ptc-date/ptc-date.js",
+    "./components/ptc-dropdown/ptc-dropdown.js",
     "./components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.js",
     "./components/ptc-filter-tag/ptc-filter-tag.js",
     "./components/ptc-hero/ptc-hero.js",
     "./components/ptc-hero-footer-cta/ptc-hero-footer-cta.js",
     "./components/ptc-icon-list/ptc-icon-list.js",
+    "./components/ptc-icon-minimize/ptc-icon-minimize.js",
     "./components/ptc-img/ptc-img.js",
     "./components/ptc-link/ptc-link.js",
     "./components/ptc-list/ptc-list.js",

package/dist/collection/components/icon-asset/media/designer.svg

@@ -325,4 +325,15 @@
       </g>
     </g>
   </symbol>
+  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 16" id="options">
+    <path d="M18.3902 7.51956H6.17969C6.24888 7.83487 6.24888 8.16168 6.17969 8.47699H18.3902C18.4529 8.47769 18.515 8.46582 18.5731 8.44208C18.6312 8.41833 18.684 8.38318 18.7286 8.33866C18.7731 8.29414 18.8085 8.24113 18.8326 8.1827C18.8568 8.12427 18.8692 8.06159 18.8692 7.99827C18.8692 7.93496 18.8568 7.87228 18.8326 7.81385C18.8085 7.75542 18.7731 7.70241 18.7286 7.65789C18.684 7.61337 18.6312 7.57822 18.5731 7.55447C18.515 7.53073 18.4529 7.51886 18.3902 7.51956Z" fill="#323B42"/>
+    <path d="M1.88029 7.51956H0.478934C0.41629 7.51886 0.354131 7.53073 0.296055 7.55447C0.237979 7.57822 0.185141 7.61337 0.140598 7.65789C0.096056 7.70241 0.0606943 7.75542 0.0365604 7.81385C0.0124266 7.87228 0 7.93496 0 7.99827C0 8.06159 0.0124266 8.12427 0.0365604 8.1827C0.0606943 8.24113 0.096056 8.29414 0.140598 8.33866C0.185141 8.38318 0.237979 8.41833 0.296055 8.44208C0.354131 8.46582 0.41629 8.47769 0.478934 8.47699H1.88029C1.81109 8.16168 1.81109 7.83487 1.88029 7.51956Z" fill="#323B42"/>
+    <path d="M18.3894 1.74612H17.207C17.2762 2.06144 17.2762 2.38824 17.207 2.70356H18.3894C18.4521 2.70426 18.5142 2.69239 18.5723 2.66865C18.6304 2.6449 18.6832 2.60975 18.7278 2.56523C18.7723 2.52071 18.8077 2.4677 18.8318 2.40927C18.8559 2.35084 18.8684 2.28816 18.8684 2.22484C18.8684 2.16153 18.8559 2.09884 18.8318 2.04041C18.8077 1.98199 18.7723 1.92898 18.7278 1.88446C18.6832 1.83993 18.6304 1.80478 18.5723 1.78104C18.5142 1.75729 18.4521 1.74543 18.3894 1.74612Z" fill="#323B42"/>
+    <path d="M12.9086 1.74612H0.478933C0.416289 1.74543 0.35413 1.75729 0.296054 1.78104C0.237979 1.80478 0.18514 1.83993 0.140598 1.88446C0.0960558 1.92898 0.0606941 1.98199 0.0365603 2.04041C0.0124266 2.09884 0 2.16153 0 2.22484C0 2.28816 0.0124266 2.35084 0.0365603 2.40927C0.0606941 2.4677 0.0960558 2.52071 0.140598 2.56523C0.18514 2.60975 0.237979 2.6449 0.296054 2.66865C0.35413 2.69239 0.416289 2.70426 0.478933 2.70356H12.9086C12.8394 2.38824 12.8394 2.06144 12.9086 1.74612Z" fill="#323B42"/>
+    <path d="M18.3905 13.2969H13.2305C13.2997 13.6122 13.2997 13.939 13.2305 14.2543H18.3905C18.4532 14.255 18.5153 14.2432 18.5734 14.2194C18.6315 14.1957 18.6843 14.1605 18.7289 14.116C18.7734 14.0715 18.8088 14.0185 18.8329 13.96C18.857 13.9016 18.8695 13.8389 18.8695 13.7756C18.8695 13.7123 18.857 13.6496 18.8329 13.5912C18.8088 13.5328 18.7734 13.4798 18.7289 13.4352C18.6843 13.3907 18.6315 13.3556 18.5734 13.3318C18.5153 13.3081 18.4532 13.2962 18.3905 13.2969Z" fill="#323B42"/>
+    <path d="M8.93086 13.2969H0.478936C0.416291 13.2962 0.354132 13.3081 0.296056 13.3318C0.23798 13.3556 0.185142 13.3907 0.140599 13.4352C0.0960563 13.4798 0.0606945 13.5328 0.0365606 13.5912C0.0124266 13.6496 0 13.7123 0 13.7756C0 13.8389 0.0124266 13.9016 0.0365606 13.96C0.0606945 14.0185 0.0960563 14.0715 0.140599 14.116C0.185142 14.1605 0.23798 14.1957 0.296056 14.2194C0.354132 14.2432 0.416291 14.255 0.478936 14.2543H8.93086C8.86166 13.939 8.86166 13.6122 8.93086 13.2969Z" fill="#323B42"/>
+    <path d="M17.2049 1.74544C16.9877 0.748413 16.107 0 15.0561 0C14.0052 0 13.1245 0.748413 12.9074 1.74544C12.8382 2.06076 12.8382 2.38756 12.9074 2.70288C13.1247 3.69991 14.0053 4.44838 15.0563 4.44838C16.1072 4.44838 16.9877 3.69991 17.2049 2.70317C17.2741 2.38785 17.2741 2.06105 17.2049 1.74573V1.74544ZM15.0561 3.49094C14.365 3.49094 13.8027 2.92266 13.8027 2.22419C13.8027 1.52572 14.365 0.957435 15.0561 0.957435C15.7472 0.957435 16.3095 1.52566 16.3095 2.22419C16.3095 2.92271 15.7472 3.49094 15.0561 3.49094Z" fill="#323B42"/>
+    <path d="M6.17784 7.52278C5.96049 6.52575 5.0798 5.77734 4.02893 5.77734C2.97806 5.77734 2.09737 6.52575 1.88002 7.52278C1.81083 7.83809 1.81083 8.1649 1.88002 8.48021C2.09737 9.47723 2.97801 10.2256 4.02893 10.2256C5.07986 10.2256 5.96049 9.47723 6.17784 8.48021C6.24704 8.1649 6.24704 7.83809 6.17784 7.52278ZM4.02893 9.26821C3.33781 9.26821 2.77549 8.69999 2.77549 8.00146C2.77549 7.30294 3.33781 6.73477 4.02893 6.73477C4.72006 6.73477 5.28237 7.30306 5.28237 8.00146C5.28237 8.69987 4.72006 9.26821 4.02893 9.26821Z" fill="#323B42"/>
+    <path d="M13.2286 13.2963C13.0113 12.2993 12.1306 11.5508 11.0797 11.5508C10.0287 11.5508 9.1481 12.2993 8.9308 13.2963C8.86161 13.6116 8.86161 13.9384 8.9308 14.2537C9.1481 15.2508 10.0288 15.9992 11.0797 15.9992C12.1305 15.9992 13.0113 15.2508 13.2286 14.2537C13.2978 13.9384 13.2978 13.6116 13.2286 13.2963ZM11.0797 15.0417C10.3885 15.0417 9.82628 14.4735 9.82628 13.775C9.82628 13.0765 10.3885 12.5082 11.0797 12.5082C11.7708 12.5082 12.3333 13.0765 12.3333 13.775C12.3333 14.4735 11.7708 15.0417 11.0797 15.0417Z" fill="#323B42"/>
+  </symbol>
 </svg>

package/dist/collection/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.css

@@ -0,0 +1,74 @@
+:host {
+  display: block;
+}
+:host .heading {
+  display: flex;
+  align-items: center;
+  justify-content: initial;
+  width: 100%;
+  border: none;
+  text-align: left;
+  padding: var(--ptc-element-spacing-06);
+  padding-left: 0;
+  cursor: pointer;
+  transition: border-radius var(--ptc-transition-fast) ease var(--ptc-transition-fast);
+  background-color: transparent;
+  border-bottom: 1px solid var(--color-gray-03);
+}
+:host .heading .heading-text {
+  color: var(--color-gray-10);
+  margin: 0;
+  font-weight: var(--ptc-font-weight-bold);
+  flex: 1;
+  font-size: var(--ptc-font-size-large);
+  font-family: var(--ptc-font-latin);
+}
+:host .heading .arrow {
+  color: var(--color-green-06);
+  margin-right: var(--ptc-element-spacing-05);
+  transition: transform var(--ptc-transition-fast) ease-in-out;
+}
+:host .heading .arrow svg {
+  width: 34px;
+  height: 34px;
+}
+:host .heading .arrow svg path {
+  fill: currentColor;
+}
+:host .body-container {
+  overflow: hidden;
+  max-height: 0;
+  transition: max-height var(--ptc-transition-fast) ease-in-out;
+  scrollbar-width: none;
+  /* Firefox */
+}
+:host .body-container::-webkit-scrollbar {
+  display: none;
+  /* Safari and Chrome */
+}
+:host .body-container .body {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  overflow: hidden;
+  padding: var(--ptc-layout-spacing-02);
+}
+
+:host(.autoHeight) .body-container {
+  overflow: hidden;
+}
+
+:host(.active) .heading {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  transition: border-radius 0s ease;
+  border-color: var(--color-gray-02);
+}
+:host(.active) .heading .arrow {
+  transform: rotate(180deg);
+}
+:host(.active) .heading .arrow svg {
+  color: var(--color-gray-03);
+}
+:host(.active) .body-container {
+  max-height: var(--ptc-accordion-item-body-max-height);
+}