@ptcwebops/ptcw-design 0.5.3 → 0.5.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/ptc-checkbox.cjs.entry.js +36 -0
  3. package/dist/cjs/ptc-container.cjs.entry.js +30 -0
  4. package/dist/cjs/ptc-filter-tag.cjs.entry.js +40 -0
  5. package/dist/cjs/ptc-link.cjs.entry.js +1 -1
  6. package/dist/cjs/ptc-pricing-block.cjs.entry.js +25 -0
  7. package/dist/cjs/ptc-shopping-cart.cjs.entry.js +30 -0
  8. package/dist/cjs/ptc-tab-list.cjs.entry.js +88 -0
  9. package/dist/cjs/ptcw-design.cjs.js +1 -1
  10. package/dist/cjs/tab-content.cjs.entry.js +37 -0
  11. package/dist/cjs/tab-header.cjs.entry.js +54 -0
  12. package/dist/collection/collection-manifest.json +9 -1
  13. package/dist/collection/components/ptc-checkbox/ptc-checkbox.css +22 -0
  14. package/dist/collection/components/ptc-checkbox/ptc-checkbox.js +76 -0
  15. package/dist/collection/components/ptc-container/ptc-container.css +16 -0
  16. package/dist/collection/components/ptc-container/ptc-container.js +49 -0
  17. package/dist/collection/components/ptc-filter-tag/ptc-filter-tag.css +18 -0
  18. package/dist/collection/components/ptc-filter-tag/ptc-filter-tag.js +96 -0
  19. package/dist/collection/components/ptc-link/ptc-link.css +8 -0
  20. package/dist/collection/components/ptc-link/ptc-link.js +2 -2
  21. package/dist/collection/components/ptc-pricing-block/ptc-pricing-block.css +33 -0
  22. package/dist/collection/components/ptc-pricing-block/ptc-pricing-block.js +25 -0
  23. package/dist/collection/components/ptc-shopping-cart/ptc-shopping-cart.css +21 -0
  24. package/dist/collection/components/ptc-shopping-cart/ptc-shopping-cart.js +41 -0
  25. package/dist/collection/components/ptc-tab-list/ptc-tab-list.css +10 -0
  26. package/dist/collection/components/ptc-tab-list/ptc-tab-list.js +91 -0
  27. package/dist/collection/components/tab-content/tab-content.css +7 -0
  28. package/dist/collection/components/tab-content/tab-content.js +74 -0
  29. package/dist/collection/components/tab-header/tab-header.css +29 -0
  30. package/dist/collection/components/tab-header/tab-header.js +107 -0
  31. package/dist/collection/media/svg-imgs/ptc-shopping-cart.svg +3 -0
  32. package/dist/custom-elements/index.d.ts +48 -0
  33. package/dist/custom-elements/index.js +317 -3
  34. package/dist/esm/loader.js +1 -1
  35. package/dist/esm/ptc-checkbox.entry.js +32 -0
  36. package/dist/esm/ptc-container.entry.js +26 -0
  37. package/dist/esm/ptc-filter-tag.entry.js +36 -0
  38. package/dist/esm/ptc-link.entry.js +1 -1
  39. package/dist/esm/ptc-pricing-block.entry.js +21 -0
  40. package/dist/esm/ptc-shopping-cart.entry.js +26 -0
  41. package/dist/esm/ptc-tab-list.entry.js +84 -0
  42. package/dist/esm/ptcw-design.js +1 -1
  43. package/dist/esm/tab-content.entry.js +33 -0
  44. package/dist/esm/tab-header.entry.js +50 -0
  45. package/dist/ptcw-design/p-279609f3.entry.js +1 -0
  46. package/dist/ptcw-design/p-4db41d90.entry.js +1 -0
  47. package/dist/ptcw-design/p-4f6c0f75.entry.js +1 -0
  48. package/dist/ptcw-design/p-7448f767.entry.js +1 -0
  49. package/dist/ptcw-design/p-7d156444.entry.js +1 -0
  50. package/dist/ptcw-design/p-ab27089f.entry.js +1 -0
  51. package/dist/ptcw-design/p-b238d684.entry.js +1 -0
  52. package/dist/ptcw-design/p-d3c6d843.entry.js +1 -0
  53. package/dist/ptcw-design/p-dc89ceb2.entry.js +1 -0
  54. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  55. package/dist/types/components/ptc-checkbox/ptc-checkbox.d.ts +9 -0
  56. package/dist/types/components/ptc-container/ptc-container.d.ts +8 -0
  57. package/dist/types/components/ptc-filter-tag/ptc-filter-tag.d.ts +16 -0
  58. package/dist/types/components/ptc-link/ptc-link.d.ts +1 -1
  59. package/dist/types/components/ptc-pricing-block/ptc-pricing-block.d.ts +4 -0
  60. package/dist/types/components/ptc-shopping-cart/ptc-shopping-cart.d.ts +5 -0
  61. package/dist/types/components/ptc-tab-list/ptc-tab-list.d.ts +12 -0
  62. package/dist/types/components/tab-content/tab-content.d.ts +12 -0
  63. package/dist/types/components/tab-header/tab-header.d.ts +13 -0
  64. package/dist/types/components.d.ts +150 -2
  65. package/dist/types/utils/interfaces.d.ts +14 -0
  66. package/package.json +1 -1
  67. package/readme.md +1 -1
  68. package/dist/ptcw-design/p-37ffbdf2.entry.js +0 -1
@@ -14,7 +14,7 @@ const patchEsm = () => {
14
14
  const defineCustomElements = (win, options) => {
15
15
  if (typeof window === 'undefined') return Promise.resolve();
16
16
  return patchEsm().then(() => {
17
- return index.bootstrapLazy([["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-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-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-responsive-wrapper.cjs",[[1,"ptc-responsive-wrapper"]]],["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"]}]]],["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]}]]],["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);
17
+ return index.bootstrapLazy([["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"]}]]],["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"]}]]],["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-tab-list.cjs",[[4,"ptc-tab-list",null,[[0,"tabClicked","onSelectedTab"]]]]],["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]}]]],["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]}]]],["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);
18
18
  });
19
19
  };
20
20
 
@@ -0,0 +1,36 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const index = require('./index-3adcf9f4.js');
6
+
7
+ const ptcCheckboxCss = ":host{display:block}:host .ptc-checkbox icon-asset{vertical-align:middle}:host .ptc-checkbox .ptc-checkbox-label{vertical-align:middle;margin-left:0.5rem}:host .ptc-checkbox.checked .unchecked-icon{display:none}:host .ptc-checkbox.checked .checked-icon{display:inline-block}:host .ptc-checkbox.unchecked .unchecked-icon{display:inline-block}:host .ptc-checkbox.unchecked .checked-icon{display:none}";
8
+
9
+ let PtcCheckbox = class {
10
+ constructor(hostRef) {
11
+ index.registerInstance(this, hostRef);
12
+ this.clickedItem = index.createEvent(this, "clickedItem", 7);
13
+ this.checked = 'unchecked';
14
+ this.handleClick = () => {
15
+ if (this.checked == 'unchecked') {
16
+ this.checked = 'checked';
17
+ }
18
+ else {
19
+ this.checked = 'unchecked';
20
+ }
21
+ };
22
+ }
23
+ render() {
24
+ const classMap = this.getCssClassMap();
25
+ return (index.h(index.Host, null, index.h("div", { class: classMap, onClick: this.handleClick }, index.h("icon-asset", { type: "solid", size: "large", name: "check-square", class: "checked-icon" }), index.h("icon-asset", { type: "solid", size: "large", name: "square", color: "white", class: "unchecked-icon" }), index.h("span", { class: "ptc-checkbox-label" }, index.h("slot", null)))));
26
+ }
27
+ getCssClassMap() {
28
+ return {
29
+ ['ptc-checkbox']: true,
30
+ [this.checked]: true
31
+ };
32
+ }
33
+ };
34
+ PtcCheckbox.style = ptcCheckboxCss;
35
+
36
+ exports.ptc_checkbox = PtcCheckbox;
@@ -0,0 +1,30 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const index = require('./index-3adcf9f4.js');
6
+
7
+ const ptcContainerCss = ".white{box-shadow:0px 1px 4px rgba(0, 0, 0, 0.24);border-radius:4px;background:#FFFFFF;margin-top:5rem}div{padding:1rem;font-family:Raleway;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0em;text-align:left}";
8
+
9
+ let PtcContainer = class {
10
+ constructor(hostRef) {
11
+ index.registerInstance(this, hostRef);
12
+ /**
13
+ * Theme
14
+ */
15
+ this.backgroundColor = 'white';
16
+ }
17
+ render() {
18
+ const classMap = this.getCssClassMap();
19
+ return (index.h(index.Host, { class: classMap }, index.h("div", { class: "white" }, index.h("slot", null))));
20
+ }
21
+ getCssClassMap() {
22
+ return {
23
+ ['ptc-container']: true,
24
+ [this.backgroundColor]: true
25
+ };
26
+ }
27
+ };
28
+ PtcContainer.style = ptcContainerCss;
29
+
30
+ exports.ptc_container = PtcContainer;
@@ -0,0 +1,40 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const index = require('./index-3adcf9f4.js');
6
+
7
+ const ptcFilterTagCss = ".bubble{font-family:Raleway;font-size:14px;font-weight:600;line-height:21px;letter-spacing:0em;text-align:left;border:1px solid #9AA6AD;border-radius:999px;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:1rem;background:#FFFFFF}.bubble icon-asset{vertical-align:middle}";
8
+
9
+ let PtcFilterTag = class {
10
+ constructor(hostRef) {
11
+ index.registerInstance(this, hostRef);
12
+ /**
13
+ * Theme
14
+ */
15
+ this.theme = 'bubble';
16
+ /**
17
+ * Uppercase
18
+ */
19
+ this.uppercase = false;
20
+ /**
21
+ * Font Size
22
+ */
23
+ this.fontSize = 'medium';
24
+ }
25
+ render() {
26
+ const classMap = this.getCssClassMap();
27
+ return (index.h(index.Host, { class: classMap }, index.h("span", { class: "bubble" }, index.h("slot", null), index.h("icon-asset", { type: "solid", size: "x-small", name: "times" }))));
28
+ }
29
+ getCssClassMap() {
30
+ return {
31
+ ['ptc-filter-tag']: true,
32
+ [this.theme]: true,
33
+ ['uppercase']: this.uppercase,
34
+ [this.fontSize]: true,
35
+ };
36
+ }
37
+ };
38
+ PtcFilterTag.style = ptcFilterTagCss;
39
+
40
+ exports.ptc_filter_tag = PtcFilterTag;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-3adcf9f4.js');
6
6
 
7
- const ptcLinkCss = ":host{display:block}.disabled{pointer-events:none;cursor:default;text-decoration:none}.ptc-link{display:inline-block;color:var(--color-gray-10);font-weight:var(--ptc-font-weight-black);position:relative;line-height:var(--ptc-line-height-normal);outline:none;text-decoration:none}.simple::after{content:\"\";position:absolute;width:100%;left:0px;bottom:2px;transition:opacity var(--ptc-transition-fast) var(--ptc-ease-inout);border-bottom:2px solid var(--color-green-07);opacity:0}.simple:hover.simple::after{opacity:1}.arrow{margin-right:var(--ptc-element-spacing-01)}.arrow::after{position:absolute;display:block;content:\"\";width:var(--ptc-element-spacing-07);border-bottom:2px solid var(--color-green-07);bottom:1px;transition:width var(--ptc-transition-fast) var(--ptc-ease-inout)}.arrow:hover.arrow::after{width:100%}.uppercase{text-transform:uppercase}.small{font-size:var(--ptc-font-size-xx-small)}.medium{font-size:var(--ptc-font-size-x-small)}.large{font-size:var(--ptc-font-size-medium)}.ptc-link.arrow icon-asset{position:absolute;right:-25px;transition:transform var(--ptc-transition-fast) var(--ptc-ease-inout);transform:translateY(2px)}.ptc-link.arrow icon-asset svg{fill:var(--color-green-07) !important}.ptc-link.arrow-plm icon-asset{position:absolute;right:-6.75px;transform:translate(100%, 8%)}.ptc-link.arrow-plm svg{fill:var(--color-green-07) !important}.ptc-link:hover.arrow icon-asset{transform:translate(var(--ptc-element-spacing-04), 2px)}.nav-title:focus,.nav-title-link:focus,.primary-nav-link:focus,.secondary-nav-link:focus,.footer-nav-link:focus,.copyright-link:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}.nav-title{box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:var(--ptc-font-size-x-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-dense);list-style:none;margin-bottom:var(--ptc-element-spacing-02);text-align:left}.primary-nav-link{background-color:transparent;box-sizing:border-box;color:var(--color-gray-01);display:inline-block;font-size:var(--ptc-font-size-x-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-dense);list-style:none;margin:var(--ptc-element-spacing-01) var(--ptc-element-spacing-03);padding:var(--ptc-element-spacing-02) var(--ptc-element-spacing-06);position:relative;text-decoration:none;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.primary-nav-link:hover{border-radius:var(--ptc-border-radius-standard);background-color:var(--color-gray-12);text-decoration:none;outline:none}.nav-title-link{background-color:transparent;box-sizing:border-box;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);list-style:none;text-align:left;text-decoration-color:var(--color-white);text-decoration:none;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1.5px solid transparent;display:inline-block}.nav-title-link:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-green-06)}.secondary-nav-link{display:inline-block;background-color:transparent;box-sizing:border-box;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-stretch:100%;font-style:normal;font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-densest);list-style:none;margin-bottom:var(--ptc-element-spacing-03);text-align:left;text-decoration:none;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1.5px solid transparent;white-space:nowrap}.secondary-nav-link:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-green-06);border-radius:0;text-decoration:none}.footer-nav-link{color:var(--color-white);transition:border var(--ptc-transition-medium) var(--ptc-ease-inout), color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1px solid transparent;outline:none;text-decoration:none;font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-densest);text-align:left;font-size:var(--ptc-font-size-x-small)}.footer-nav-link:hover{outline:none;text-decoration:none;border-bottom:0.1rem solid var(--color-green-06);color:var(--color-green-06)}.copyright-link{color:var(--color-white);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-normal);line-height:var(--ptc-line-height-loose);display:inline-block}.arrow-plm{color:var(--color-white);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:transparent;text-underline-offset:2px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.arrow-plm:hover{text-decoration-color:var(--color-green-07)}";
7
+ const ptcLinkCss = ":host{display:block}.disabled{pointer-events:none;cursor:default;text-decoration:none}.ptc-link{display:inline-block;color:var(--color-gray-10);font-weight:var(--ptc-font-weight-black);position:relative;line-height:var(--ptc-line-height-normal);outline:none;text-decoration:none}.simple::after{content:\"\";position:absolute;width:100%;left:0px;bottom:2px;transition:opacity var(--ptc-transition-fast) var(--ptc-ease-inout);border-bottom:2px solid var(--color-green-07);opacity:0}.simple:hover.simple::after{opacity:1}.arrow{margin-right:var(--ptc-element-spacing-01)}.arrow::after{position:absolute;display:block;content:\"\";width:var(--ptc-element-spacing-07);border-bottom:2px solid var(--color-green-07);bottom:1px;transition:width var(--ptc-transition-fast) var(--ptc-ease-inout)}.arrow:hover.arrow::after{width:100%}.underline{border-bottom:2px solid var(--color-green-07)}.underline:hover{color:#00890B;border-bottom:2px solid #00890B}.uppercase{text-transform:uppercase}.small{font-size:var(--ptc-font-size-xx-small)}.medium{font-size:var(--ptc-font-size-x-small)}.large{font-size:var(--ptc-font-size-medium)}.ptc-link.arrow icon-asset{position:absolute;right:-25px;transition:transform var(--ptc-transition-fast) var(--ptc-ease-inout);transform:translateY(2px)}.ptc-link.arrow icon-asset svg{fill:var(--color-green-07) !important}.ptc-link.arrow-plm icon-asset{position:absolute;right:-6.75px;transform:translate(100%, 8%)}.ptc-link.arrow-plm svg{fill:var(--color-green-07) !important}.ptc-link:hover.arrow icon-asset{transform:translate(var(--ptc-element-spacing-04), 2px)}.nav-title:focus,.nav-title-link:focus,.primary-nav-link:focus,.secondary-nav-link:focus,.footer-nav-link:focus,.copyright-link:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}.nav-title{box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:var(--ptc-font-size-x-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-dense);list-style:none;margin-bottom:var(--ptc-element-spacing-02);text-align:left}.primary-nav-link{background-color:transparent;box-sizing:border-box;color:var(--color-gray-01);display:inline-block;font-size:var(--ptc-font-size-x-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-dense);list-style:none;margin:var(--ptc-element-spacing-01) var(--ptc-element-spacing-03);padding:var(--ptc-element-spacing-02) var(--ptc-element-spacing-06);position:relative;text-decoration:none;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.primary-nav-link:hover{border-radius:var(--ptc-border-radius-standard);background-color:var(--color-gray-12);text-decoration:none;outline:none}.nav-title-link{background-color:transparent;box-sizing:border-box;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);list-style:none;text-align:left;text-decoration-color:var(--color-white);text-decoration:none;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1.5px solid transparent;display:inline-block}.nav-title-link:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-green-06)}.secondary-nav-link{display:inline-block;background-color:transparent;box-sizing:border-box;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-stretch:100%;font-style:normal;font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-densest);list-style:none;margin-bottom:var(--ptc-element-spacing-03);text-align:left;text-decoration:none;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1.5px solid transparent;white-space:nowrap}.secondary-nav-link:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-green-06);border-radius:0;text-decoration:none}.footer-nav-link{color:var(--color-white);transition:border var(--ptc-transition-medium) var(--ptc-ease-inout), color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1px solid transparent;outline:none;text-decoration:none;font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-densest);text-align:left;font-size:var(--ptc-font-size-x-small)}.footer-nav-link:hover{outline:none;text-decoration:none;border-bottom:0.1rem solid var(--color-green-06);color:var(--color-green-06)}.copyright-link{color:var(--color-white);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-normal);line-height:var(--ptc-line-height-loose);display:inline-block}.arrow-plm{color:var(--color-white);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:transparent;text-underline-offset:2px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.arrow-plm:hover{text-decoration-color:var(--color-green-07)}";
8
8
 
9
9
  let PtcLink = class {
10
10
  constructor(hostRef) {
@@ -0,0 +1,25 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const index = require('./index-3adcf9f4.js');
6
+
7
+ const ptcPricingBlockCss = ":host .ptc-pricing-block{width:373px;background:#E4E7E9;border-radius:4px;padding:1rem;font-family:Raleway;font-size:18px;font-weight:500;line-height:27px;letter-spacing:0em;vertical-align:middle;display:table}:host .right-text{font-family:Raleway;font-size:18px;font-weight:800;line-height:27px;letter-spacing:0em;text-align:right;vertical-align:middle;float:right;text-align:right}:host .left-text{font-family:Raleway;font-size:18px;font-weight:500;line-height:27px;letter-spacing:0em;text-align:right;vertical-align:middle}";
8
+
9
+ let PtcPricingBlock = class {
10
+ constructor(hostRef) {
11
+ index.registerInstance(this, hostRef);
12
+ }
13
+ render() {
14
+ const classMap = this.getCssClassMap();
15
+ return (index.h(index.Host, null, index.h("div", { class: classMap }, index.h("span", { class: "left-text" }, index.h("slot", { name: "left-text" })), index.h("span", { class: "right-text" }, index.h("slot", { name: "right-text" })))));
16
+ }
17
+ getCssClassMap() {
18
+ return {
19
+ ['ptc-pricing-block']: true
20
+ };
21
+ }
22
+ };
23
+ PtcPricingBlock.style = ptcPricingBlockCss;
24
+
25
+ exports.ptc_pricing_block = PtcPricingBlock;
@@ -0,0 +1,30 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const index = require('./index-3adcf9f4.js');
6
+
7
+ const ShoppingCart = `<svg width="26" height="24" viewBox="0 0 26 24" fill="none" xmlns="http://www.w3.org/2000/svg">
8
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M22.0047 16.9625H7.80762L6.89267 18.9387H22.1419V20.4358H21.288C21.5163 20.7841 21.6448 21.1863 21.66 21.6002C21.6753 22.0141 21.5767 22.4243 21.3747 22.7879C21.1726 23.1514 20.8746 23.4548 20.5118 23.6662C20.1491 23.8776 19.735 23.9892 19.3132 23.9892C18.8914 23.9892 18.4773 23.8776 18.1146 23.6662C17.7518 23.4548 17.4538 23.1514 17.2517 22.7879C17.0497 22.4243 16.9511 22.0141 16.9663 21.6002C16.9816 21.1863 17.1101 20.7841 17.3384 20.4358H9.27155C9.47218 20.7382 9.59773 21.0825 9.63811 21.4412C9.67848 21.7998 9.63255 22.1627 9.50401 22.5008C9.37547 22.8388 9.16791 23.1425 8.89803 23.3875C8.62815 23.6324 8.30348 23.8117 7.95014 23.911C7.5968 24.0103 7.22465 24.0268 6.86364 23.9591C6.50263 23.8915 6.16283 23.7416 5.87158 23.5215C5.58033 23.3014 5.34576 23.0173 5.18674 22.692C5.02772 22.3667 4.94869 22.0093 4.95601 21.6485C4.96201 21.221 5.08301 20.8027 5.30675 20.4358H4.33079L6.49619 14.9713H18.6041V13.7137H6.23695L2.33314 2.08101L0 1.25759V0L3.20235 1.10788L4.43754 4.49139H26L22.0047 16.9625ZM6.64528 22.5946C6.83586 22.7196 7.05993 22.7863 7.28915 22.7863C7.59652 22.7863 7.8913 22.6665 8.10865 22.4531C8.32599 22.2397 8.44809 21.9503 8.44809 21.6485C8.44809 21.4235 8.38012 21.2035 8.25278 21.0164C8.12543 20.8293 7.94443 20.6834 7.73266 20.5973C7.52089 20.5112 7.28786 20.4887 7.06305 20.5326C6.83824 20.5765 6.63173 20.6848 6.46965 20.844C6.30757 21.0031 6.19719 21.2058 6.15247 21.4265C6.10776 21.6473 6.13071 21.876 6.21843 22.0839C6.30614 22.2919 6.45469 22.4696 6.64528 22.5946ZM18.6769 22.5946C18.8675 22.7196 19.0916 22.7863 19.3208 22.7863C19.6282 22.7863 19.923 22.6665 20.1403 22.4531C20.3577 22.2397 20.4798 21.9503 20.4798 21.6485C20.4798 21.4235 20.4118 21.2035 20.2845 21.0164C20.1571 20.8293 19.9761 20.6834 19.7643 20.5973C19.5526 20.5112 19.3195 20.4887 19.0947 20.5326C18.8699 20.5765 18.6634 20.6848 18.5013 20.844C18.3392 21.0031 18.2289 21.2058 18.1841 21.4265C18.1394 21.6473 18.1624 21.876 18.2501 22.0839C18.3378 22.2919 18.4864 22.4696 18.6769 22.5946ZM19.3206 21.1395C19.2138 21.1365 19.1086 21.1651 19.0185 21.2215C18.9284 21.278 18.8577 21.3596 18.8154 21.456C18.7731 21.5523 18.7613 21.6589 18.7814 21.7619C18.8015 21.8649 18.8526 21.9596 18.9282 22.0338C19.0037 22.108 19.1002 22.1582 19.2051 22.1779C19.3101 22.1977 19.4186 22.186 19.5167 22.1445C19.6149 22.103 19.698 22.0336 19.7555 21.9451C19.813 21.8567 19.8421 21.7534 19.8391 21.6485C19.8391 21.5135 19.7845 21.384 19.6872 21.2886C19.59 21.1931 19.4581 21.1395 19.3206 21.1395ZM7.28896 21.1395C7.18276 21.1395 7.07899 21.1707 6.99092 21.2289C6.90285 21.2872 6.83449 21.3699 6.79458 21.4665C6.75467 21.5632 6.74503 21.6693 6.76689 21.7713C6.78875 21.8734 6.84111 21.9667 6.91729 22.0393C6.99347 22.112 7.08999 22.1607 7.1945 22.1791C7.29902 22.1976 7.40678 22.1851 7.504 22.1431C7.60122 22.1012 7.68348 22.0317 7.74025 21.9436C7.79702 21.8555 7.82572 21.7527 7.82269 21.6485C7.81872 21.5121 7.76074 21.3827 7.66107 21.2876C7.56141 21.1926 7.42791 21.1394 7.28896 21.1395Z" fill="#20262A"/>
9
+ </svg>
10
+ `;
11
+
12
+ const ptcShoppingCartCss = ":host .cart .cart__count{position:relative;background:#D33E3E;height:20px;width:20px;text-align:center;border-radius:50%;color:white;left:18px;bottom:38px;vertical-align:middle;display:flex;justify-content:center;align-items:center;text-align:center;font-family:Raleway;font-size:14px;font-weight:600;line-height:21px;letter-spacing:0em}";
13
+
14
+ let PtcShoppingCart = class {
15
+ constructor(hostRef) {
16
+ index.registerInstance(this, hostRef);
17
+ }
18
+ render() {
19
+ const classMap = this.getCssClassMap();
20
+ return (index.h(index.Host, { class: classMap }, this.cartCount ? (index.h("div", { class: "cart", innerHTML: ShoppingCart }, index.h("div", { class: "cart__count" }, this.cartCount))) : (index.h("div", { innerHTML: ShoppingCart }))));
21
+ }
22
+ getCssClassMap() {
23
+ return {
24
+ ['ptc-shopping-cart']: true,
25
+ };
26
+ }
27
+ };
28
+ PtcShoppingCart.style = ptcShoppingCartCss;
29
+
30
+ exports.ptc_shopping_cart = PtcShoppingCart;
@@ -0,0 +1,88 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const index = require('./index-3adcf9f4.js');
6
+
7
+ const ptcTabListCss = ".tabs-header{display:flex;border-bottom:2px solid #E4E7E9;padding-left:2rem;padding-right:2rem}.tabs-content{padding:10px}";
8
+
9
+ let PtcTabList = class {
10
+ constructor(hostRef) {
11
+ index.registerInstance(this, hostRef);
12
+ }
13
+ componentDidLoad() {
14
+ this.createGroup();
15
+ /*const [group] = this.tabGroup;
16
+ this.selectGroup(group);*/
17
+ }
18
+ onSelectedTab(event) {
19
+ let self = this;
20
+ this.tabGroup.forEach(group => {
21
+ event.detail.then(res => {
22
+ if (group.header.name === res.name) {
23
+ self.selectGroup(group);
24
+ }
25
+ });
26
+ });
27
+ }
28
+ createGroup() {
29
+ let self = this;
30
+ let headerComplete = false;
31
+ let contentComplete = false;
32
+ let headerCount = 0;
33
+ let contentCount = 0;
34
+ let headerData = [];
35
+ let contentData = [];
36
+ const tabsHeaderEl = Array.from(this.host.querySelectorAll('tab-header'));
37
+ this.tabsHeader = tabsHeaderEl.map(el => el.getChild().then(res => {
38
+ headerCount++;
39
+ if (headerCount === tabsHeaderEl.length) {
40
+ headerComplete = true;
41
+ }
42
+ headerData.push(res);
43
+ }));
44
+ this.tabsHeader = headerData;
45
+ const tabsContentEl = Array.from(this.host.querySelectorAll('tab-content'));
46
+ this.tabsContent = tabsContentEl.map(el => el.getChild().then(res => {
47
+ contentCount++;
48
+ if (contentCount === tabsContentEl.length) {
49
+ contentComplete = true;
50
+ }
51
+ contentData.push(res);
52
+ }));
53
+ this.tabsContent = contentData;
54
+ let myInterval = setInterval(() => {
55
+ if (headerComplete && contentComplete) {
56
+ clearInterval(myInterval);
57
+ self.tabGroup = self.tabsHeader.map(header => {
58
+ const content = self.tabsContent.find(content => content.name === header.name);
59
+ return {
60
+ header: header,
61
+ content: content
62
+ };
63
+ });
64
+ const group = self.tabGroup[0];
65
+ self.selectGroup(group);
66
+ }
67
+ }, 100);
68
+ }
69
+ selectGroup(group) {
70
+ let self = this;
71
+ self.tabGroup.forEach(_ => {
72
+ _.header.unselect();
73
+ _.content.unselect();
74
+ });
75
+ group.header.select();
76
+ group.content.select();
77
+ }
78
+ render() {
79
+ return [
80
+ index.h("div", { class: "tabs-header" }, index.h("slot", { name: "header" })),
81
+ index.h("div", { class: "tabs-content" }, index.h("slot", { name: "content" }))
82
+ ];
83
+ }
84
+ get host() { return index.getElement(this); }
85
+ };
86
+ PtcTabList.style = ptcTabListCss;
87
+
88
+ exports.ptc_tab_list = PtcTabList;
@@ -15,5 +15,5 @@ const patchBrowser = () => {
15
15
  };
16
16
 
17
17
  patchBrowser().then(options => {
18
- return index.bootstrapLazy([["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-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-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-responsive-wrapper.cjs",[[1,"ptc-responsive-wrapper"]]],["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"]}]]],["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]}]]],["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);
18
+ return index.bootstrapLazy([["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"]}]]],["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"]}]]],["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-tab-list.cjs",[[4,"ptc-tab-list",null,[[0,"tabClicked","onSelectedTab"]]]]],["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]}]]],["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]}]]],["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);
19
19
  });
@@ -0,0 +1,37 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const index = require('./index-3adcf9f4.js');
6
+
7
+ const tabContentCss = ".tab-content{display:none}.tab-content-selected{display:block}";
8
+
9
+ let TabContent = class {
10
+ constructor(hostRef) {
11
+ index.registerInstance(this, hostRef);
12
+ this.isSelected = false;
13
+ }
14
+ async getChild() {
15
+ return {
16
+ select: this.select.bind(this),
17
+ unselect: this.unselect.bind(this),
18
+ name: this.name
19
+ };
20
+ }
21
+ unselect() {
22
+ this.isSelected = false;
23
+ }
24
+ select() {
25
+ this.isSelected = true;
26
+ }
27
+ render() {
28
+ const classes = {
29
+ 'tab-content': true,
30
+ 'tab-content-selected': this.isSelected
31
+ };
32
+ return (index.h("div", { class: classes }, index.h("slot", null)));
33
+ }
34
+ };
35
+ TabContent.style = tabContentCss;
36
+
37
+ exports.tab_content = TabContent;
@@ -0,0 +1,54 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const index = require('./index-3adcf9f4.js');
6
+
7
+ const tabHeaderCss = ".tab-header{min-height:40px;min-width:100px;padding:5px;cursor:pointer;display:flex;justify-content:center;align-items:center;border-bottom:2px solid transparent;font-family:\"Raleway\";font-style:normal;font-weight:700;font-size:18px;line-height:27px;text-align:center;color:#617480}@media (max-width: 599px){.tab-header{min-width:100px}}.tab-header-selected{border-bottom:2px solid #00890B;color:#323B42;font-weight:700}";
8
+
9
+ let TabHeader = class {
10
+ constructor(hostRef) {
11
+ index.registerInstance(this, hostRef);
12
+ this.tabClicked = index.createEvent(this, "tabClicked", 7);
13
+ this.id = this.generateId();
14
+ this.isSelected = false;
15
+ }
16
+ async getChild() {
17
+ let self = this;
18
+ let myPromise = new Promise(function (resolve) {
19
+ let data = {
20
+ select: self.select.bind(self),
21
+ unselect: self.unselect.bind(self),
22
+ name: self.name,
23
+ id: self.id
24
+ };
25
+ resolve(data);
26
+ });
27
+ let result = await myPromise;
28
+ return result;
29
+ }
30
+ unselect() {
31
+ this.isSelected = false;
32
+ }
33
+ select() {
34
+ this.isSelected = true;
35
+ }
36
+ onClick() {
37
+ this.tabClicked.emit(this.getChild());
38
+ }
39
+ generateId() {
40
+ return Math.random().toString(36).substring(2, 10);
41
+ }
42
+ render() {
43
+ const classes = {
44
+ 'tab-header': true,
45
+ 'tab-header-selected': this.isSelected
46
+ };
47
+ return [
48
+ index.h("div", { class: classes, onClick: this.onClick.bind(this) }, index.h("slot", null)),
49
+ ];
50
+ }
51
+ };
52
+ TabHeader.style = tabHeaderCss;
53
+
54
+ exports.tab_header = TabHeader;
@@ -10,7 +10,10 @@
10
10
  "./components/ptc-card-bottom/ptc-card-bottom.js",
11
11
  "./components/ptc-card-content/ptc-card-content.js",
12
12
  "./components/ptc-card-plm/ptc-card-plm.js",
13
+ "./components/ptc-checkbox/ptc-checkbox.js",
14
+ "./components/ptc-container/ptc-container.js",
13
15
  "./components/ptc-date/ptc-date.js",
16
+ "./components/ptc-filter-tag/ptc-filter-tag.js",
14
17
  "./components/ptc-hero/ptc-hero.js",
15
18
  "./components/ptc-hero-footer-cta/ptc-hero-footer-cta.js",
16
19
  "./components/ptc-icon-list/ptc-icon-list.js",
@@ -28,14 +31,19 @@
28
31
  "./components/ptc-para/ptc-para.js",
29
32
  "./components/ptc-picture/ptc-picture.js",
30
33
  "./components/ptc-previous-url/ptc-previous-url.js",
34
+ "./components/ptc-pricing-block/ptc-pricing-block.js",
31
35
  "./components/ptc-quote/ptc-quote.js",
32
36
  "./components/ptc-responsive-wrapper/ptc-responsive-wrapper.js",
37
+ "./components/ptc-shopping-cart/ptc-shopping-cart.js",
33
38
  "./components/ptc-social-share/ptc-social-share.js",
34
39
  "./components/ptc-spacer/ptc-spacer.js",
35
40
  "./components/ptc-span/ptc-span.js",
36
41
  "./components/ptc-svg-btn/ptc-svg-btn.js",
42
+ "./components/ptc-tab-list/ptc-tab-list.js",
37
43
  "./components/ptc-title/ptc-title.js",
38
- "./components/ptc-two-column-media/ptc-two-column-media.js"
44
+ "./components/ptc-two-column-media/ptc-two-column-media.js",
45
+ "./components/tab-content/tab-content.js",
46
+ "./components/tab-header/tab-header.js"
39
47
  ],
40
48
  "compiler": {
41
49
  "name": "@stencil/core",
@@ -0,0 +1,22 @@
1
+ :host {
2
+ display: block;
3
+ }
4
+ :host .ptc-checkbox icon-asset {
5
+ vertical-align: middle;
6
+ }
7
+ :host .ptc-checkbox .ptc-checkbox-label {
8
+ vertical-align: middle;
9
+ margin-left: 0.5rem;
10
+ }
11
+ :host .ptc-checkbox.checked .unchecked-icon {
12
+ display: none;
13
+ }
14
+ :host .ptc-checkbox.checked .checked-icon {
15
+ display: inline-block;
16
+ }
17
+ :host .ptc-checkbox.unchecked .unchecked-icon {
18
+ display: inline-block;
19
+ }
20
+ :host .ptc-checkbox.unchecked .checked-icon {
21
+ display: none;
22
+ }
@@ -0,0 +1,76 @@
1
+ import { Component, h, Host, Prop, Event, State } from '@stencil/core';
2
+ export class PtcCheckbox {
3
+ constructor() {
4
+ this.checked = 'unchecked';
5
+ this.handleClick = () => {
6
+ if (this.checked == 'unchecked') {
7
+ this.checked = 'checked';
8
+ }
9
+ else {
10
+ this.checked = 'unchecked';
11
+ }
12
+ };
13
+ }
14
+ render() {
15
+ const classMap = this.getCssClassMap();
16
+ return (h(Host, null,
17
+ h("div", { class: classMap, onClick: this.handleClick },
18
+ h("icon-asset", { type: "solid", size: "large", name: "check-square", class: "checked-icon" }),
19
+ h("icon-asset", { type: "solid", size: "large", name: "square", color: "white", class: "unchecked-icon" }),
20
+ h("span", { class: "ptc-checkbox-label" },
21
+ h("slot", null)))));
22
+ }
23
+ getCssClassMap() {
24
+ return {
25
+ ['ptc-checkbox']: true,
26
+ [this.checked]: true
27
+ };
28
+ }
29
+ static get is() { return "ptc-checkbox"; }
30
+ static get encapsulation() { return "shadow"; }
31
+ static get originalStyleUrls() { return {
32
+ "$": ["ptc-checkbox.scss"]
33
+ }; }
34
+ static get styleUrls() { return {
35
+ "$": ["ptc-checkbox.css"]
36
+ }; }
37
+ static get properties() { return {
38
+ "checked": {
39
+ "type": "string",
40
+ "mutable": false,
41
+ "complexType": {
42
+ "original": "'checked' | 'unchecked'",
43
+ "resolved": "\"checked\" | \"unchecked\"",
44
+ "references": {}
45
+ },
46
+ "required": false,
47
+ "optional": false,
48
+ "docs": {
49
+ "tags": [],
50
+ "text": ""
51
+ },
52
+ "attribute": "checked",
53
+ "reflect": false,
54
+ "defaultValue": "'unchecked'"
55
+ }
56
+ }; }
57
+ static get states() { return {
58
+ "selectedItem": {}
59
+ }; }
60
+ static get events() { return [{
61
+ "method": "clickedItem",
62
+ "name": "clickedItem",
63
+ "bubbles": true,
64
+ "cancelable": true,
65
+ "composed": true,
66
+ "docs": {
67
+ "tags": [],
68
+ "text": ""
69
+ },
70
+ "complexType": {
71
+ "original": "any",
72
+ "resolved": "any",
73
+ "references": {}
74
+ }
75
+ }]; }
76
+ }
@@ -0,0 +1,16 @@
1
+ .white {
2
+ box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.24);
3
+ border-radius: 4px;
4
+ background: #FFFFFF;
5
+ margin-top: 5rem;
6
+ }
7
+
8
+ div {
9
+ padding: 1rem;
10
+ font-family: Raleway;
11
+ font-size: 16px;
12
+ font-weight: 400;
13
+ line-height: 24px;
14
+ letter-spacing: 0em;
15
+ text-align: left;
16
+ }