@ptcwebops/ptcw-design 0.6.2 → 0.6.4
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.
- package/dist/cjs/dropdown-item.cjs.entry.js +1 -1
- package/dist/cjs/icon-asset_13.cjs.entry.js +767 -0
- package/dist/cjs/{index-3adcf9f4.js → index-b3fabe79.js} +2 -0
- package/dist/cjs/list-item.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/lottie-player.cjs.entry.js +1 -1
- package/dist/cjs/my-component.cjs.entry.js +1 -1
- package/dist/cjs/ptc-accordion-item.cjs.entry.js +1 -1
- package/dist/cjs/ptc-accordion.cjs.entry.js +1 -1
- package/dist/cjs/ptc-announcement.cjs.entry.js +1 -1
- package/dist/cjs/ptc-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/ptc-card-bottom.cjs.entry.js +1 -1
- package/dist/cjs/ptc-card-content.cjs.entry.js +1 -1
- package/dist/cjs/ptc-card-plm.cjs.entry.js +1 -1
- package/dist/cjs/ptc-card.cjs.entry.js +79 -0
- package/dist/cjs/ptc-collapse-list.cjs.entry.js +1 -1
- package/dist/cjs/ptc-date.cjs.entry.js +59 -0
- package/dist/cjs/ptc-ellipsis-dropdown.cjs.entry.js +18 -4
- package/dist/cjs/ptc-hero-footer-cta.cjs.entry.js +1 -1
- package/dist/cjs/ptc-hero.cjs.entry.js +1 -1
- package/dist/cjs/ptc-icon-list.cjs.entry.js +1 -1
- package/dist/cjs/ptc-img_2.cjs.entry.js +185 -0
- package/dist/cjs/ptc-list.cjs.entry.js +1 -1
- package/dist/cjs/ptc-lottie.cjs.entry.js +1 -1
- package/dist/cjs/ptc-minimized-footer.cjs.entry.js +1 -1
- package/dist/cjs/ptc-minimized-header.cjs.entry.js +1 -1
- package/dist/cjs/ptc-mobile-select.cjs.entry.js +1 -1
- package/dist/cjs/ptc-nav-item.cjs.entry.js +1 -1
- package/dist/cjs/ptc-nav.cjs.entry.js +1 -1
- package/dist/cjs/ptc-pagenation.cjs.entry.js +115 -0
- package/dist/cjs/ptc-picture.cjs.entry.js +1 -1
- package/dist/cjs/ptc-previous-url.cjs.entry.js +1 -1
- package/dist/cjs/ptc-pricing-block.cjs.entry.js +1 -1
- package/dist/cjs/ptc-quote.cjs.entry.js +1 -1
- package/dist/cjs/ptc-responsive-wrapper.cjs.entry.js +1 -1
- package/dist/cjs/ptc-social-share.cjs.entry.js +1 -1
- package/dist/cjs/ptc-span.cjs.entry.js +1 -1
- package/dist/cjs/ptc-svg-btn.cjs.entry.js +1 -1
- package/dist/cjs/ptc-tab-list.cjs.entry.js +5 -3
- package/dist/cjs/ptc-two-column-media.cjs.entry.js +1 -1
- package/dist/cjs/ptcw-design.cjs.js +2 -2
- package/dist/cjs/tab-content.cjs.entry.js +1 -1
- package/dist/cjs/tab-header.cjs.entry.js +3 -3
- package/dist/collection/components/icon-asset/media/designer.svg +3 -3
- package/dist/collection/components/ptc-checkbox/ptc-checkbox.css +2 -2
- package/dist/collection/components/ptc-dropdown/ptc-dropdown.css +4 -0
- package/dist/collection/components/ptc-dropdown/ptc-dropdown.js +13 -1
- package/dist/collection/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.css +19 -1
- package/dist/collection/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.js +42 -4
- package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.css +6 -1
- package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.js +1 -1
- package/dist/collection/components/ptc-para/ptc-para.css +4 -0
- package/dist/collection/components/ptc-para/ptc-para.js +13 -3
- package/dist/collection/components/ptc-tab-list/ptc-tab-list.js +8 -3
- package/dist/collection/components/tab-header/tab-header.css +1 -0
- package/dist/collection/components/tab-header/tab-header.js +1 -1
- package/dist/custom-elements/index.js +46 -16
- package/dist/esm/dropdown-item.entry.js +1 -1
- package/dist/esm/icon-asset_13.entry.js +751 -0
- package/dist/esm/{index-f64012bd.js → index-a91c2367.js} +3 -1
- package/dist/esm/{interfaces-3cb94654.js → interfaces-c1c73092.js} +1 -1
- package/dist/esm/list-item.entry.js +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/lottie-player.entry.js +1 -1
- package/dist/esm/my-component.entry.js +1 -1
- package/dist/esm/ptc-accordion-item.entry.js +1 -1
- package/dist/esm/ptc-accordion.entry.js +1 -1
- package/dist/esm/ptc-announcement.entry.js +1 -1
- package/dist/esm/ptc-breadcrumb.entry.js +1 -1
- package/dist/esm/ptc-card-bottom.entry.js +1 -1
- package/dist/esm/ptc-card-content.entry.js +1 -1
- package/dist/esm/ptc-card-plm.entry.js +1 -1
- package/dist/esm/ptc-card.entry.js +75 -0
- package/dist/esm/ptc-collapse-list.entry.js +1 -1
- package/dist/esm/ptc-date.entry.js +55 -0
- package/dist/esm/ptc-ellipsis-dropdown.entry.js +18 -4
- package/dist/esm/ptc-hero-footer-cta.entry.js +1 -1
- package/dist/esm/ptc-hero.entry.js +1 -1
- package/dist/esm/ptc-icon-list.entry.js +1 -1
- package/dist/esm/ptc-img_2.entry.js +180 -0
- package/dist/esm/ptc-list.entry.js +1 -1
- package/dist/esm/ptc-lottie.entry.js +1 -1
- package/dist/esm/ptc-minimized-footer.entry.js +1 -1
- package/dist/esm/ptc-minimized-header.entry.js +1 -1
- package/dist/esm/ptc-mobile-select.entry.js +1 -1
- package/dist/esm/ptc-nav-item.entry.js +1 -1
- package/dist/esm/ptc-nav.entry.js +1 -1
- package/dist/esm/ptc-pagenation.entry.js +111 -0
- package/dist/esm/ptc-picture.entry.js +2 -2
- package/dist/esm/ptc-previous-url.entry.js +1 -1
- package/dist/esm/ptc-pricing-block.entry.js +1 -1
- package/dist/esm/ptc-quote.entry.js +1 -1
- package/dist/esm/ptc-responsive-wrapper.entry.js +1 -1
- package/dist/esm/ptc-social-share.entry.js +1 -1
- package/dist/esm/ptc-span.entry.js +1 -1
- package/dist/esm/ptc-svg-btn.entry.js +1 -1
- package/dist/esm/ptc-tab-list.entry.js +5 -3
- package/dist/esm/ptc-two-column-media.entry.js +1 -1
- package/dist/esm/ptcw-design.js +2 -2
- package/dist/esm/tab-content.entry.js +1 -1
- package/dist/esm/tab-header.entry.js +3 -3
- package/dist/ptcw-design/media/designer.svg +3 -3
- package/dist/ptcw-design/{p-d64c3892.entry.js → p-0004abbb.entry.js} +1 -1
- package/dist/ptcw-design/{p-5069bb7d.entry.js → p-03648d85.entry.js} +1 -1
- package/dist/ptcw-design/{p-c5951736.entry.js → p-07e08a42.entry.js} +1 -1
- package/dist/ptcw-design/p-08b4804a.entry.js +1 -0
- package/dist/ptcw-design/{p-612f7224.entry.js → p-09abf994.entry.js} +1 -1
- package/dist/ptcw-design/{p-72e6a3f1.entry.js → p-2173493c.entry.js} +1 -1
- package/dist/ptcw-design/p-22a11703.js +1 -0
- package/dist/ptcw-design/{p-fe957cbf.entry.js → p-273ff521.entry.js} +1 -1
- package/dist/ptcw-design/{p-46cf7f48.entry.js → p-2bec91cd.entry.js} +1 -1
- package/dist/ptcw-design/{p-8ea08e1d.entry.js → p-2f0223da.entry.js} +1 -1
- package/dist/ptcw-design/{p-2a1808f8.entry.js → p-30f33198.entry.js} +1 -1
- package/dist/ptcw-design/{p-8c6b8bc9.entry.js → p-3f0d3485.entry.js} +1 -1
- package/dist/ptcw-design/{p-dbf3779e.entry.js → p-401e8ad1.entry.js} +1 -1
- package/dist/ptcw-design/p-43e3f76e.entry.js +1 -0
- package/dist/ptcw-design/p-4a653f7f.entry.js +1 -0
- package/dist/ptcw-design/{p-240733ce.js → p-50e52c88.js} +1 -1
- package/dist/ptcw-design/p-57f553f0.entry.js +1 -0
- package/dist/ptcw-design/{p-76635841.entry.js → p-735fb369.entry.js} +1 -1
- package/dist/ptcw-design/{p-28174fbe.entry.js → p-77327ab7.entry.js} +1 -1
- package/dist/ptcw-design/p-7c112bdc.entry.js +1 -0
- package/dist/ptcw-design/{p-796b4a16.entry.js → p-80be8fe1.entry.js} +1 -1
- package/dist/ptcw-design/p-831f5c16.entry.js +1 -0
- package/dist/ptcw-design/{p-3f236e98.entry.js → p-870406ab.entry.js} +1 -1
- package/dist/ptcw-design/{p-b146377a.entry.js → p-90266709.entry.js} +1 -1
- package/dist/ptcw-design/{p-2b3a38c3.entry.js → p-a0ddea6e.entry.js} +1 -1
- package/dist/ptcw-design/{p-3a972520.entry.js → p-a3e99867.entry.js} +1 -1
- package/dist/ptcw-design/p-a53873e9.entry.js +1 -0
- package/dist/ptcw-design/{p-0c86ac1a.entry.js → p-a6a938d2.entry.js} +1 -1
- package/dist/ptcw-design/p-aab72f28.entry.js +1 -0
- package/dist/ptcw-design/{p-dc605137.entry.js → p-b1354b54.entry.js} +1 -1
- package/dist/ptcw-design/{p-18d0d10a.entry.js → p-b22d9c93.entry.js} +1 -1
- package/dist/ptcw-design/{p-cd3fbbb1.entry.js → p-b59e68b8.entry.js} +1 -1
- package/dist/ptcw-design/{p-204a78ce.entry.js → p-b614e18a.entry.js} +1 -1
- package/dist/ptcw-design/{p-dc18ae76.entry.js → p-b6a9d66f.entry.js} +1 -1
- package/dist/ptcw-design/{p-7448f767.entry.js → p-b8dff289.entry.js} +1 -1
- package/dist/ptcw-design/p-b985e510.entry.js +1 -0
- package/dist/ptcw-design/{p-3f136737.entry.js → p-ca54a4bc.entry.js} +1 -1
- package/dist/ptcw-design/{p-e5bfbb91.entry.js → p-dac5d058.entry.js} +1 -1
- package/dist/ptcw-design/{p-781aacb7.entry.js → p-f4148769.entry.js} +1 -1
- package/dist/ptcw-design/{p-58a3c173.entry.js → p-f4bab4bf.entry.js} +1 -1
- package/dist/ptcw-design/p-f8c949be.entry.js +1 -0
- package/dist/ptcw-design/{p-44cb62a9.entry.js → p-fd6eaf5b.entry.js} +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-dropdown/ptc-dropdown.d.ts +1 -0
- package/dist/types/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.d.ts +2 -0
- package/dist/types/components/ptc-para/ptc-para.d.ts +1 -0
- package/dist/types/components/ptc-tab-list/ptc-tab-list.d.ts +1 -0
- package/dist/types/components.d.ts +2 -0
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/cjs/icon-asset.cjs.entry.js +0 -64
- package/dist/cjs/ptc-button.cjs.entry.js +0 -76
- package/dist/cjs/ptc-card_6.cjs.entry.js +0 -479
- package/dist/cjs/ptc-checkbox.cjs.entry.js +0 -42
- package/dist/cjs/ptc-container.cjs.entry.js +0 -46
- package/dist/cjs/ptc-dropdown.cjs.entry.js +0 -69
- package/dist/cjs/ptc-filter-tag.cjs.entry.js +0 -39
- package/dist/cjs/ptc-icon-minimize.cjs.entry.js +0 -46
- package/dist/cjs/ptc-link.cjs.entry.js +0 -53
- package/dist/cjs/ptc-modal.cjs.entry.js +0 -162
- package/dist/cjs/ptc-overlay.cjs.entry.js +0 -31
- package/dist/cjs/ptc-shopping-cart.cjs.entry.js +0 -64
- package/dist/cjs/ptc-title.cjs.entry.js +0 -68
- package/dist/esm/icon-asset.entry.js +0 -60
- package/dist/esm/ptc-button.entry.js +0 -72
- package/dist/esm/ptc-card_6.entry.js +0 -470
- package/dist/esm/ptc-checkbox.entry.js +0 -38
- package/dist/esm/ptc-container.entry.js +0 -42
- package/dist/esm/ptc-dropdown.entry.js +0 -65
- package/dist/esm/ptc-filter-tag.entry.js +0 -35
- package/dist/esm/ptc-icon-minimize.entry.js +0 -42
- package/dist/esm/ptc-link.entry.js +0 -49
- package/dist/esm/ptc-modal.entry.js +0 -158
- package/dist/esm/ptc-overlay.entry.js +0 -27
- package/dist/esm/ptc-shopping-cart.entry.js +0 -60
- package/dist/esm/ptc-title.entry.js +0 -64
- package/dist/ptcw-design/p-021d2117.entry.js +0 -1
- package/dist/ptcw-design/p-07c07cf9.entry.js +0 -1
- package/dist/ptcw-design/p-1726a0cb.entry.js +0 -1
- package/dist/ptcw-design/p-3918de53.entry.js +0 -1
- package/dist/ptcw-design/p-3d3c73b1.entry.js +0 -1
- package/dist/ptcw-design/p-412ca190.entry.js +0 -1
- package/dist/ptcw-design/p-489715bf.entry.js +0 -1
- package/dist/ptcw-design/p-52b80149.entry.js +0 -1
- package/dist/ptcw-design/p-7133275c.entry.js +0 -1
- package/dist/ptcw-design/p-818df883.entry.js +0 -1
- package/dist/ptcw-design/p-a28c7277.entry.js +0 -1
- package/dist/ptcw-design/p-c3e79e54.entry.js +0 -1
- package/dist/ptcw-design/p-d8b48946.entry.js +0 -1
- package/dist/ptcw-design/p-d93ae820.entry.js +0 -1
- package/dist/ptcw-design/p-e8a60227.js +0 -1
- package/dist/ptcw-design/p-ee61991d.entry.js +0 -1
- package/dist/ptcw-design/p-ef93bfcc.entry.js +0 -1
- package/dist/ptcw-design/p-f32f9817.entry.js +0 -1
- package/dist/ptcw-design/p-fa681f61.entry.js +0 -1
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-b3fabe79.js');
|
|
6
6
|
|
|
7
7
|
const listItemCss = ":host(.list-primary){display:block}:host(.flush-before) li::before{content:\"\" !important}:host(.breadcrumb){display:inline-block}:host(.breadcrumb) li{position:relative;display:inline-block;color:var(--color-white);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-xxx-small);line-height:var(--ptc-line-height-densest)}:host(.breadcrumb) li::before{content:\"/\";top:0;left:0}:host(.breadcrumb) li a.item-link{color:var(--color-white);font-weight:var(--ptc-font-weight-bold) !important;font-size:var(--ptc-font-size-xxx-small) !important;line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;text-decoration-thickness:1px;outline:none;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.breadcrumb) li a.item-link:hover{text-decoration:underline;text-decoration-color:var(--color-green-07);outline:none}:host(:not(.flush-before)) li::before{margin-right:2px}:host(.list-footer) li{display:inline-block;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-regular);font-style:normal;font-stretch:normal;line-height:var(--ptc-line-height-denser);letter-spacing:normal;color:var(--color-white);margin:0 0.5rem}:host(.list-footer) li a{color:var(--color-white-grey);border-bottom:1px solid transparent;display:inline-block;text-decoration:none}:host(.list-footer) li a:hover,:host(.list-footer) li a:focus,:host(.list-footer) li a:active{text-decoration:none;border-bottom:1px solid var(--color-green-06);color:var(--color-white-grey);transition:border var(--ptc-ease-inout) var(--ptc-transition-medium)}:host(.list-footer) li a:focus{outline:3px solid var(--color-blue-07);outline-offset:2px;border-radius:var(--ptc-border-radius-standard);text-decoration:none;border-color:transparent !important}";
|
|
8
8
|
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-b3fabe79.js');
|
|
6
6
|
|
|
7
7
|
/*
|
|
8
8
|
Stencil Client Patch Esm v2.13.0 | MIT Licensed | https://stenciljs.com
|
|
@@ -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-tab-list.cjs",[[4,"ptc-tab-list",
|
|
17
|
+
return index.bootstrapLazy([["ptc-tab-list.cjs",[[4,"ptc-tab-list",{"selectedValue":[32]},[[0,"tabClicked","onSelectedTab"],[9,"resize","calculateHeaderTabsRendering"]]]]],["ptc-breadcrumb.cjs",[[1,"ptc-breadcrumb"]]],["ptc-collapse-list.cjs",[[1,"ptc-collapse-list",{"listItems":[1040],"data":[32],"selectedItems":[32],"hashMap":[32]}]]],["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],"ribbonText":[1,"ribbon-text"]}]]],["ptc-list.cjs",[[1,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["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-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-pagenation.cjs",[[1,"ptc-pagenation",{"totalCount":[2,"total-count"],"numberOfItems":[2,"number-of-items"],"previousValue":[1,"previous-value"],"lastValue":[1,"last-value"],"minPageNumber":[2,"min-page-number"],"maxPageNumber":[2,"max-page-number"],"clickedPageNumber":[2,"clicked-page-number"],"appendArray":[4,"append-array"],"prevArrowImg":[1,"prev-arrow-img"],"nextArrowImg":[1,"next-arrow-img"],"pageNumbers":[32]}]]],["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],"selectedTab":[1,"selected-tab"],"isDropdownOpen":[32]},[[4,"click","offClick"]]]]],["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"]}]]],["ptc-svg-btn.cjs",[[1,"ptc-svg-btn",{"svgName":[1,"svg-name"],"display":[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_13.cjs",[[1,"ptc-checkbox",{"checked":[1025],"value":[1025],"inputName":[1,"input-name"]}],[1,"ptc-dropdown",{"theme":[1],"label":[1],"listItems":[16],"toggle":[32],"selectedItem":[32]},[[4,"click","offClick"]]],[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-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]}],[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]}],[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]}],[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
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-b3fabe79.js');
|
|
6
6
|
const _commonjsHelpers = require('./_commonjsHelpers-119ffc74.js');
|
|
7
7
|
|
|
8
8
|
var lottie_svg = _commonjsHelpers.createCommonjsModule(function (module) {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-b3fabe79.js');
|
|
6
6
|
|
|
7
7
|
const hasSlot = (parentEl, slotName) => {
|
|
8
8
|
return !!parentEl.querySelector(':scope > [slot="' + slotName + '"'); // cast boolean
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-b3fabe79.js');
|
|
6
6
|
|
|
7
7
|
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:17%;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);padding-left:var(--ptc-element-spacing-03)}.description{font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense)}}";
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-b3fabe79.js');
|
|
6
6
|
|
|
7
7
|
const ptcBreadcrumbCss = ":host{display:block;margin-top:var(--ptc-element-spacing-05)}::slotted(*){transform:translate(-2px, -2px)}";
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-b3fabe79.js');
|
|
6
6
|
|
|
7
7
|
const ptcCardBottomCss = ":host{display:block}:host(.card-tall) .ptc-card-bottom-wrapper,:host(.card-wide) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0 var(--ptc-element-spacing-07) var(--ptc-element-spacing-07) var(--ptc-element-spacing-06);z-index:2}:host(.card-2up) .ptc-card-bottom-wrapper{position:absolute;bottom:0;left:0;padding:0px 24px 24px 16px}:host(.card-playlist){flex:72% 2 1;align-self:center}:host(.mouse-hover-card-bottom) .ptc-card-bottom-wrapper{z-index:5;cursor:pointer}@media only screen and (min-width: 768px){:host(.card-2up) .ptc-card-bottom-wrapper{padding:0 32px 32px 24px}}@media only screen and (min-width: 1200px){:host(.card-video-intro){flex:20% 2 1;justify-content:flex-end}:host(.card-video-intro) .ptc-card-bottom-wrapper{display:flex;justify-content:flex-end}}@media only screen and (min-width: 1440px){:host(.card-2up) .ptc-card-bottom-wrapper{width:70%}}@media only screen and (min-width: 1980px){:host(.card-2up) .ptc-card-bottom-wrapper{width:60%}}";
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-b3fabe79.js');
|
|
6
6
|
|
|
7
7
|
const ptcCardContentCss = ":host{display:block}:host(.speed-bump){border:1px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-large);padding:var(--ptc-element-spacing-06) 28px var(--ptc-element-spacing-06) 28px;text-align:center}:host(.speed-bump-2){border:1px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-large);padding:var(--ptc-element-spacing-07) var(--ptc-element-spacing-05);text-align:center}@media only screen and (min-width: 768px){:host(.speed-bump){text-align:left}}@media only screen and (min-width: 768px){:host(.speed-bump-2){text-align:left}}:host(.card-tall) .ptc-card-content-wrapper,:host(.card-video) .ptc-card-content-wrapper,:host(.card-wide) .ptc-card-content-wrapper,:host(.card-playlist) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-video) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-playlist) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-large);top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-tall) .ptc-card-content-wrapper::after,:host(.card-video) .ptc-card-content-wrapper::after,:host(.card-wide) .ptc-card-content-wrapper::after,:host(.card-playlist) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");position:absolute;opacity:0;top:52.5%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-2up) .ptc-card-content-wrapper{border-radius:var(--ptc-border-radius-large);position:relative}:host(.card-2up) .ptc-card-content-wrapper::before{content:\"\";position:absolute;width:100%;height:100%;border-radius:var(--ptc-border-radius-large);top:0;left:0;background:transparent;z-index:1;box-shadow:var(--ptc-shadow-x-small);transition:background var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-2up) .ptc-card-content-wrapper::after{content:\"\";position:absolute;opacity:0;top:52.5%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-playlist) .ptc-card-content-wrapper{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::after{content:url(\"data:image/svg+xml,%3Csvg width='46' height='48' viewBox='0 0 46 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10337)'%3E%3Cpath d='M34 16L12 28V4L34 16Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10337' x='0' y='0' width='46' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10337'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10337' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A\");width:40px;height:30px;top:50%}:host(.card-video) .ptc-card-content-wrapper::after{top:59.5%}:host(.mouse-hover) .ptc-card-content-wrapper::before{background:rgba(0, 0, 0, 0.6)}:host(.mouse-hover) .ptc-card-content-wrapper::after{opacity:1}:host(.card-tall) .ptc-card-content-wrapper::before,:host(.card-wide) .ptc-card-content-wrapper::before,:host(.card-2up) .ptc-card-content-wrapper::before{height:100%}:host(.card-playlist){flex:1 2 0%;margin-right:var(--ptc-element-spacing-04)}@media only screen and (min-width: 768px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-03)}}@media only screen and (min-width: 992px){:host(.card-playlist) .ptc-card-content-wrapper{width:88px;height:88px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:88px;height:88px}}@media only screen and (min-width: 768px){:host(.card-playlist) .ptc-card-content-wrapper{width:112px;height:112px}:host(.card-playlist) .ptc-card-content-wrapper::before{width:112px;height:112px}}@media screen and (min-width: 1981px){:host(.card-playlist){margin-right:var(--ptc-element-spacing-04)}}@media only screen and (min-width: 1200px){:host(.card-video-intro){flex:80% 8 1}}:host(.card-video) .ptc-card-content-wrapper{padding-bottom:56.25%}:host(.card-video) .ptc-card-content-wrapper ::slotted(*){position:absolute;width:100%;height:100%;top:0;left:0}:host(.card-tall) .ptc-card-content-wrapper{height:322px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:322px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:322px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:322px}@media only screen and (min-width: 768px){:host(.card-tall) .ptc-card-content-wrapper{height:325px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:325px}:host(.card-wide) .ptc-card-content-wrapper{height:268px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:268px}:host(.card-2up) .ptc-card-content-wrapper{height:268px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:268px}}@media only screen and (min-width: 992px){:host(.card-tall) .ptc-card-content-wrapper{height:380px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:380px}}@media only screen and (min-width: 1980px){:host(.card-tall) .ptc-card-content-wrapper{height:546px}:host(.card-tall) .ptc-card-content-wrapper ::slotted(*){height:546px}:host(.card-wide) .ptc-card-content-wrapper{height:376px}:host(.card-wide) .ptc-card-content-wrapper ::slotted(*){height:376px}:host(.card-2up) .ptc-card-content-wrapper{height:376px}:host(.card-2up) .ptc-card-content-wrapper ::slotted(*){height:376px}}";
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-b3fabe79.js');
|
|
6
6
|
|
|
7
7
|
const ptcCardPlmCss = ":host{display:block}:host(.card-tall),:host(.card-wide),:host(.card-video),:host(.card-playlist),:host(.card-2up){position:relative}:host(.card-tall) a,:host(.card-wide) a,:host(.card-video) a,:host(.card-playlist) a,:host(.card-2up) a{text-decoration:none !important}:host(.card-tall) a:hover,:host(.card-wide) a:hover,:host(.card-video) a:hover,:host(.card-playlist) a:hover,:host(.card-2up) a:hover{text-decoration:none}:host(.card-tall) a:focus,:host(.card-wide) a:focus,:host(.card-video) a:focus,:host(.card-playlist) a:focus,:host(.card-2up) a:focus{outline:none;text-decoration:none}:host(.card-tall) a:focus-visible,:host(.card-wide) a:focus-visible,:host(.card-video) a:focus-visible,:host(.card-playlist) a:focus-visible,:host(.card-2up) a:focus-visible{outline:none;text-decoration:none}:host(.card-playlist) div,:host(.card-playlist) a{display:flex;text-decoration:none;outline:none}:host(.card-playlist) div:hover,:host(.card-playlist) a:hover{text-decoration:none;outline:none}:host(.card-video-intro){border-bottom-left-radius:var(--ptc-border-radius-large);border-bottom-right-radius:var(--ptc-border-radius-large)}:host(.card-video-intro) div{display:block}:host(.card-video-shadow){box-shadow:var(--ptc-shadow-x-small)}:host(.card-video-p){padding:var(--ptc-element-spacing-05);padding-bottom:var(--ptc-element-spacing-06)}:host(.card-m-right){margin-right:var(--ptc-element-spacing-02)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-02)}@media only screen and (min-width: 768px){:host(.card-m-right){margin-right:var(--ptc-element-spacing-03)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-03)}}@media only screen and (min-width: 992px){:host(.card-m-right){margin-right:var(--ptc-element-spacing-04)}:host(.card-m-left){margin-left:var(--ptc-element-spacing-04)}}@media only screen and (min-width: 1200px){:host(.card-video-intro) div{display:flex}}";
|
|
8
8
|
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-b3fabe79.js');
|
|
6
|
+
|
|
7
|
+
const ptcCardCss = ":host{display:block}:host(.lottie-card) .card-border{box-shadow:var(--ptc-shadow-small);border:1px solid var(--color-gray-03);border-radius:10px;position:relative;overflow:hidden}:host(.lottie-card) .card-border::after{content:\"\";height:40%;width:4px;position:absolute;top:30%;right:-2px;background-color:var(--color-green-06);z-index:2;display:block}:host(.lottie-card) .card-border:hover{box-shadow:var(--ptc-shadow-x-large)}:host(.lottie-card) .card-border:hover .card-body h3{border-bottom:2px solid var(--color-green-07)}:host(.lottie-card) .card-layout{display:block}@media only screen and (min-width: 768px){:host(.lottie-card) .card-layout{display:flex;flex-flow:nowrap row;justify-content:center}}:host(.lottie-card) .link-wrapper{outline:none;text-decoration:none}:host(.lottie-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.lottie-card) .card-media{flex-basis:40%;border-right:1px solid var(--color-gray-03);display:flex}:host(.lottie-card) .card-body{flex-basis:60%;align-self:center;padding:0 30px 10px}:host(.lottie-card) .card-body h3{display:inline-block;line-height:var(--ptc-line-height-densest);color:var(--color-gray-10);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);border-bottom:2px solid transparent;margin-bottom:var(--ptc-element-spacing-02)}:host(.simple-card) .card-layout{display:block}:host(.simple-card) .link-wrapper{outline:none;text-decoration:none}:host(.simple-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.simple-card) .link-wrapper:hover .card-body h3::before{width:100%}:host(.simple-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-04)}:host(.simple-card) .card-body h3{color:var(--color-gray-10);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-black);line-height:var(--ptc-line-height-dense);position:relative;margin-bottom:var(--ptc-element-spacing-02);display:inline-block}:host(.simple-card) .card-body h3::before{display:block;position:absolute;content:\"\";width:var(--ptc-element-spacing-07);border-bottom:2px solid var(--color-green-06);bottom:1px;transition:width var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.simple-card) ::slotted([slot=slot-after-heading]){margin-left:var(--ptc-element-spacing-01);transition:margin-left var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) .card-border{overflow:hidden;filter:drop-shadow(rgba(0, 0, 0, 0.32) 0px 3px 6px);width:100%}:host(.clip-edge-card) .card-border:hover{filter:drop-shadow(rgba(0, 0, 0, 0.32) 0px 6px 12px)}:host(.clip-edge-card) .card-layout{display:block}:host(.clip-edge-card) .link-wrapper{outline:none;text-decoration:none}:host(.clip-edge-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.clip-edge-card) .card-media{position:relative;width:100%;height:124px;overflow:hidden;border-radius:var(--ptc-border-radius-standard)}:host(.clip-edge-card) .card-body{transform:translateY(calc((-1) * var(--ptc-element-spacing-04)));overflow:hidden;width:calc(95% - var(--ptc-element-spacing-04) - var(--ptc-element-spacing-04));font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10);clip-path:var(--ptc-clip-path-bottom-right);background-color:var(--color-white);border-radius:var(--ptc-border-radius-standard);padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-03) var(--ptc-element-spacing-04)}:host(.clip-edge-card) .card-body h3{display:inline-block;margin:0px;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10);text-decoration:none;border-bottom:2px solid transparent;transition:border-bottom var(--ptc-transition-medium) var(--ptc-ease-inout), margin var(--ptc-transition-medium) var(--ptc-ease-inout);margin:var(--ptc-element-spacing-03) 0 var(--ptc-element-spacing-03) 0}:host(.clip-edge-card) ::slotted([slot=slot-description]){height:0;opacity:0;transition:height var(--ptc-transition-medium) var(--ptc-ease-inout), opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) ::slotted([slot=slot-image]){display:block;width:100%;height:100%;transform:scale(1);transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);transform-origin:top center}:host(.clip-edge-card) ::slotted([slot=slot-after-heading]){position:absolute;top:var(--ptc-element-spacing-03);left:var(--ptc-element-spacing-04);opacity:1;transform:scale(1);height:44px;transform-origin:bottom center;transition:opacity var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) ::slotted([slot=slot-before-heading]){display:block;opacity:0;height:24px;transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.clip-edge-card) .link-wrapper:hover .card-body h3{border-bottom:2px solid var(--color-green-06)}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:60px;opacity:1}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-image]){transform:scale(1.1)}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]){opacity:0;transform:scale(0);height:0}:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-before-heading]){opacity:1}:host(.hightlight-card) .card-border{width:100%;border-radius:var(--ptc-border-radius-standard);overflow:hidden}:host(.hightlight-card) .card-border:hover .card-media{transform:scale(1.1)}:host(.hightlight-card) .card-layout{display:block;position:relative}:host(.hightlight-card) .link-wrapper{outline:none;text-decoration:none}:host(.hightlight-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:96px;opacity:1}@media only screen and (min-width: 768px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-05)}}@media only screen and (min-width: 992px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-06)}}@media only screen and (min-width: 1440px){:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]){height:var(--ptc-layout-spacing-05)}}:host(.hightlight-card) .card-media{width:100%;height:auto;min-height:450px;position:relative;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);transition-delay:var(--ptc-delay-5)}:host(.hightlight-card) .card-body{position:absolute;bottom:0;top:auto;left:0;right:auto;padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-07);background-color:var(--color-white);box-sizing:border-box}:host(.hightlight-card) .card-body h3{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-bold);color:var(--color-gray-10);margin:var(--ptc-element-spacing-04) 0}:host(.hightlight-card) ::slotted([slot=slot-description]){height:0;opacity:0;transition:height var(--ptc-transition-medium) var(--ptc-ease-inout), opacity var(--ptc-transition-fast) var(--ptc-ease-inout);transition-delay:var(--ptc-delay-5)}:host(.horizontal-card){margin-bottom:var(--ptc-layout-spacing-02)}:host(.horizontal-card) .card-layout{position:relative}@media only screen and (min-width: 768px){:host(.horizontal-card) .card-layout{display:grid;grid-template-columns:42% 58%;direction:ltr;grid-auto-rows:1fr}}:host(.horizontal-card) .link-wrapper{outline:none;text-decoration:none;transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) .link-wrapper:hover{box-shadow:var(--ptc-shadow-large);transition:var(--ptc-transition-slow) linear;background-color:var(--color-white)}:host(.horizontal-card) .link-wrapper:hover h3{border-color:var(--color-green-06);transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) .card-media{display:flex;align-self:center}:host(.horizontal-card) .card-body{padding:var(--ptc-element-spacing-05) var(--ptc-element-spacing-04)}@media only screen and (min-width: 768px){:host(.horizontal-card) .card-body{padding:var(--ptc-element-spacing-06) var(--ptc-element-spacing-07)}}:host(.horizontal-card) .card-body h3{margin-top:0;font-size:var(--ptc-font-size-x-small);color:var(--color-gray-10);border-bottom:1px solid transparent;padding-bottom:var(--ptc-element-spacing-01);margin-bottom:var(--ptc-element-spacing-02);transition:var(--ptc-transition-slow) linear}:host(.horizontal-card) ::slotted([slot=slot-image]){box-shadow:var(--ptc-shadow-medium);width:100%}:host(.listing-card) .card-border{width:320px;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;height:449px;display:flex;flex-direction:row}:host(.listing-card) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.listing-card) .card-layout{display:block;position:relative}:host(.listing-card) .card-layout .ribbon-text{position:absolute;top:0;left:0;margin-right:100px;margin-top:22px;background-color:var(--color-white);padding:4px 22px 5px 23px;font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);color:var(--color-gray-11)}:host(.listing-card) .link-wrapper{outline:none;text-decoration:none}:host(.listing-card) .link-wrapper:hover{outline:none;text-decoration:none}:host(.listing-card) .card-media{width:100%;height:200px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.listing-card) .card-media .smart-img{height:200px}:host(.listing-card) .card-body{padding:20px 38px 20px 20px}:host(.listing-card) .card-body .small{font-size:var(--ptc-font-size-x-small)}:host(.listing-card) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:12px;margin-top:0rem}:host(.listing-card) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:39px}:host(.listing-card-horizontal) .card-border{width:890px;overflow:hidden;background:var(--color-white);box-shadow:var(--ptc-shadow-small);border-radius:3px;height:224px}:host(.listing-card-horizontal) .card-border:hover{background:var(--color-gray-02);box-shadow:var(--ptc-shadow-large)}:host(.listing-card-horizontal) .card-layout{display:flex;flex-direction:row;width:890px;height:224px}:host(.listing-card-horizontal) .link-wrapper{outline:none;text-decoration:none}:host(.listing-card-horizontal) .link-wrapper:hover{outline:none;text-decoration:none}:host(.listing-card-horizontal) .card-media{width:385px;height:224px;transform:scale(1);transform-origin:center bottom;transition:transform var(--ptc-transition-medium) var(--ptc-standard-ease);transition-delay:var(--ptc-delay-medium)}:host(.listing-card-horizontal) .card-media .smart-img{height:224px;width:385px}:host(.listing-card-horizontal) .card-body{padding:20px 38px 20px 20px;width:505px}:host(.listing-card-horizontal) .card-body .small{font-size:var(--ptc-font-size-x-small)}:host(.listing-card-horizontal) .card-body h3{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-loose);line-height:21px;color:var(--color-gray-11);margin-bottom:12px;margin-top:0rem}:host(.listing-card-horizontal) ::slotted([slot=slot-description]){font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);font-weight:400;font-size:1rem;line-height:19px;color:var(--color-gray-11);margin-bottom:39px}.ptc-h3.uppercase{text-transform:uppercase}.ptc-h3.capitalize{text-transform:capitalize}.ptc-h3.lowercase{text-transform:lowercase}.ptc-h3.none{text-transform:none}";
|
|
8
|
+
|
|
9
|
+
let PtcCard = class {
|
|
10
|
+
constructor(hostRef) {
|
|
11
|
+
index.registerInstance(this, hostRef);
|
|
12
|
+
/**
|
|
13
|
+
* Card Type
|
|
14
|
+
* Specify Card Type, default to simple card
|
|
15
|
+
*/
|
|
16
|
+
this.cardType = 'custom-card';
|
|
17
|
+
/**
|
|
18
|
+
* Card Link URL (Optional)
|
|
19
|
+
*/
|
|
20
|
+
this.cardHref = undefined;
|
|
21
|
+
/**
|
|
22
|
+
* (optional) Link card target
|
|
23
|
+
* */
|
|
24
|
+
this.target = '_self';
|
|
25
|
+
/**
|
|
26
|
+
* (optional) Link card rel
|
|
27
|
+
* */
|
|
28
|
+
this.rel = undefined;
|
|
29
|
+
/**
|
|
30
|
+
* If this card has Image
|
|
31
|
+
*/
|
|
32
|
+
this.hasImage = false;
|
|
33
|
+
/**
|
|
34
|
+
* If this card has Video
|
|
35
|
+
*/
|
|
36
|
+
this.hasVideo = false;
|
|
37
|
+
/**
|
|
38
|
+
* If this card has Lottie Image
|
|
39
|
+
*/
|
|
40
|
+
this.hasLottie = false;
|
|
41
|
+
/**
|
|
42
|
+
* Card heading text transform
|
|
43
|
+
*/
|
|
44
|
+
this.headingTransform = 'none';
|
|
45
|
+
}
|
|
46
|
+
render() {
|
|
47
|
+
const Tag = !!this.cardHref ? 'a' : 'div';
|
|
48
|
+
const classMap = this.getCssClassMap();
|
|
49
|
+
return (index.h(index.Host, Object.assign({}, (!!this.cardType ? { class: this.cardType } : {})), this.styles && index.h("style", null, this.styles), index.h("div", { class: "card-border", part: "border-wrapper" }, index.h(Tag, Object.assign({ class: classMap, part: "card-layout" }, (!!this.cardHref ? { href: this.cardHref } : {}), (!!this.target && !!this.cardHref ? { target: this.target } : {}), (!!this.rel && !!this.cardHref ? { rel: this.rel } : {}), (!!this.ribbonText ? { rel: this.ribbonText } : {})), this.hasImage || this.hasLottie || this.hasVideo ? (index.h("div", { class: "card-media", part: "media-wrapper" }, this.getMediaSlot ? index.h("slot", { name: this.getMediaSlot() }) : null)) : null, !!this.ribbonText && this.cardType == 'listing-card' ? index.h("div", { class: "ribbon-text" }, `${this.ribbonText}`) : null, index.h("div", { class: "card-body", part: "body-wrapper" }, !!this.cardDate && (this.cardType === 'listing-card' || this.cardType === 'listing-card-horizontal') ? index.h("ptc-date", { "date-string": `${this.cardDate}`, "date-styles": "span{font-weight: 400;font-size: 16px;line-height: 19px;color: #282F35;margin-bottom:24px;display:inline-block;}" }) : null, index.h("slot", { name: "slot-before-heading" }), !!this.heading
|
|
50
|
+
? [
|
|
51
|
+
index.h("h3", { class: `ptc-h3 ${this.headingTransform}`, part: "card-heading" }, this.heading),
|
|
52
|
+
index.h("slot", { name: "slot-after-heading" }),
|
|
53
|
+
]
|
|
54
|
+
: null, index.h("slot", { name: "slot-description" }), !!this.cardDate && this.cardType !== 'listing-card' && this.cardType !== 'listing-card-horizontal' && this.cardType !== 'hightlight-card' ? index.h("ptc-date", { "date-string": `${this.cardDate}`, "date-styles": "span{color:#40434a;font-size:var(--ptc-font-size-x-small);margin-top:var(--ptc-element-spacing-06);display:inline-block;}" }) : null)))));
|
|
55
|
+
}
|
|
56
|
+
getCssClassMap() {
|
|
57
|
+
return {
|
|
58
|
+
['card-layout']: true,
|
|
59
|
+
['link-wrapper']: !!this.cardType ? true : false,
|
|
60
|
+
};
|
|
61
|
+
}
|
|
62
|
+
getMediaSlot() {
|
|
63
|
+
if (this.hasLottie) {
|
|
64
|
+
return 'slot-lottie';
|
|
65
|
+
}
|
|
66
|
+
else if (this.hasVideo) {
|
|
67
|
+
return 'slot-video';
|
|
68
|
+
}
|
|
69
|
+
else if (this.hasImage) {
|
|
70
|
+
return 'slot-image';
|
|
71
|
+
}
|
|
72
|
+
else {
|
|
73
|
+
return null;
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
};
|
|
77
|
+
PtcCard.style = ptcCardCss;
|
|
78
|
+
|
|
79
|
+
exports.ptc_card = PtcCard;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-b3fabe79.js');
|
|
6
6
|
const utils = require('./utils-dc2c222f.js');
|
|
7
7
|
|
|
8
8
|
const ptcCollapseListCss = ":host{display:block}.container{border-right:1px solid rgba(112, 112, 112, 0.25);position:relative}a{transition:color ease-out 250ms}ul{transition:max-height ease-out 250ms, padding ease-out 250ms;overflow:hidden;list-style:none;padding:0;margin:0}.level-1>ul,.level-2>ul,.level-3>ul,.level-4>ul,.level-5>ul{max-height:0}.level-1{position:relative;padding:17px 20px 17px 0;border-bottom:1px solid rgba(112, 112, 112, 0.25)}.level-1>a{font-size:18px;letter-spacing:0.45px;font-weight:800;color:#40434a;text-decoration:none}.level-1>a:hover,.level-1>a:active,.level-1>a:focus{text-decoration:none}.level-1>icon-asset{transition:transform ease-out 250ms;position:absolute;right:32px}.level-1>ul{padding-top:0}.level-1.expanded>icon-asset{transform:rotate(-180deg)}.level-1.expanded>ul{padding-top:14px}.level-1:after{content:\"\";display:block;position:absolute;bottom:-2px;left:0;height:3px;width:40px;background-color:#74c34d}.level-2{margin:8px 0}.level-2>a{font-size:15px;font-weight:500;letter-spacing:0.4px;color:#3b4550;text-decoration:none}.level-2>a:hover,.level-2>a:active,.level-2>a:focus{font-weight:800;color:#74c34d;text-decoration:none}input[type=text]{padding:9px 45px 9px 18px;font-size:15px;font-weight:500;color:var(--color-gray-07);box-shadow:1px 1px 5px 0 rgba(0, 0, 0, 0.16);border:solid 1px var(--color-gray-07);background-color:#ffffff}input[type=text]::-ms-clear{display:none}input[type=text]:focus{outline:none}input[type=text]::-webkit-input-placeholder{color:var(--color-gray-02)}input[type=text]:-moz-placeholder{color:var(--color-gray-02);opacity:1}input[type=text]::-moz-placeholder{color:var(--color-gray-02);opacity:1}input[type=text]:-ms-input-placeholder{color:var(--color-gray-02)}input[type=text]::-ms-input-placeholder{color:var(--color-gray-02)}input[type=text] *::placeholder{color:var(--color-gray-02)}";
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-b3fabe79.js');
|
|
6
|
+
|
|
7
|
+
const ptcDateCss = ":host{display:block}:host(.small) span{font-size:var(--ptc-font-size-xx-small)}:host(.medium) span{font-size:var(--ptc-font-size-x-small)}:host(.primary-grey){color:var(--color-primary-gray-new)}:host(.white) span{color:var(--color-white)}:host(.date-m-top){margin-top:var(--ptc-element-spacing-01)}";
|
|
8
|
+
|
|
9
|
+
let PtcDate = class {
|
|
10
|
+
constructor(hostRef) {
|
|
11
|
+
index.registerInstance(this, hostRef);
|
|
12
|
+
/**
|
|
13
|
+
* Year
|
|
14
|
+
*/
|
|
15
|
+
this.year = 1900;
|
|
16
|
+
/**
|
|
17
|
+
* Month
|
|
18
|
+
* An integer between 1 (January) and 12 (December) representing the month.If omitted, defaults to 0.
|
|
19
|
+
*/
|
|
20
|
+
this.month = 0;
|
|
21
|
+
/**
|
|
22
|
+
* Day
|
|
23
|
+
* An integer between 1 and 31 representing the day of the month. If omitted, defaults to 1.
|
|
24
|
+
*/
|
|
25
|
+
this.day = 1;
|
|
26
|
+
/**
|
|
27
|
+
* Country
|
|
28
|
+
* examples: en-US, zh-CN, zh-TW, fr-FR, ja-JP, ru-RU, de-DE, ko-KR, it-IT, es-ES
|
|
29
|
+
*/
|
|
30
|
+
this.country = 'en-US';
|
|
31
|
+
/**
|
|
32
|
+
* Date Font Size
|
|
33
|
+
*/
|
|
34
|
+
this.dataSize = 'small';
|
|
35
|
+
}
|
|
36
|
+
render() {
|
|
37
|
+
// const newDate = new Date(this.year, this.month, this.day);
|
|
38
|
+
const classMap = this.getCssClassMap();
|
|
39
|
+
return (index.h(index.Host, { class: classMap }, this.dateStyles && index.h("style", null, this.dateStyles), index.h("span", { part: "part-ptc-date" }, this.getDate().toLocaleDateString(this.country, { year: 'numeric', month: 'short', day: 'numeric' }))));
|
|
40
|
+
}
|
|
41
|
+
getCssClassMap() {
|
|
42
|
+
return {
|
|
43
|
+
[this.dateColor]: !!this.dateColor ? true : false,
|
|
44
|
+
[this.dataSize]: !!this.dataSize ? true : false,
|
|
45
|
+
};
|
|
46
|
+
}
|
|
47
|
+
getDate() {
|
|
48
|
+
if (this.dateString) {
|
|
49
|
+
let newDate = new Date(this.dateString.replace(/-/g, '/'));
|
|
50
|
+
return newDate;
|
|
51
|
+
}
|
|
52
|
+
else {
|
|
53
|
+
return new Date(this.year, this.month - 1, this.day);
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
PtcDate.style = ptcDateCss;
|
|
58
|
+
|
|
59
|
+
exports.ptc_date = PtcDate;
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-b3fabe79.js');
|
|
6
6
|
|
|
7
|
-
const ptcEllipsisDropdownCss = ".ellipsis-icon{border:1px solid #6E717C;border-radius:2px;vertical-align:middle;height:18px;width:18px;text-align:center}.ellipsis-icon icon-asset{display:inline-block;margin-bottom:2px}.ellipsis-icon icon-asset svg{margin:0 auto;display:block}.ptc-ellipsis-dropdown{position:relative;display:inline-block}.dropdown-container{display:none;margin-top:16px;box-shadow:
|
|
7
|
+
const ptcEllipsisDropdownCss = ".ellipsis-icon{border:1px solid #6E717C;border-radius:2px;vertical-align:middle;height:18px;width:18px;text-align:center;transition:background-color var(--ptc-ease-out) var(--ptc-transition-medium), border-color var(--ptc-ease-out) var(--ptc-transition-medium)}.ellipsis-icon icon-asset{display:inline-block;margin-bottom:2px}.ellipsis-icon icon-asset svg{margin:0 auto;display:block}.ellipsis-icon.active{background-color:var(--color-green-07);border-color:var(--color-green-07)}.ptc-ellipsis-dropdown{position:relative;display:inline-block}.dropdown-container{display:none;margin-top:16px;box-shadow:0 6px 16px rgba(0, 0, 0, 0.24);border-radius:4px;position:absolute;z-index:100;background:#FFF;padding:0.8rem 0;right:0;left:auto;min-width:max-content;width:100%}.dropdown-container dropdown-item{}.dropdown-container dropdown-item a{display:inline-block;border-bottom:2px solid transparent;transition:border var(--ptc-ease-out) var(--ptc-transition-medium)}.show .dropdown-container{display:inline-block}";
|
|
8
8
|
|
|
9
9
|
let PtcEllipsisDropdown = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -15,13 +15,27 @@ let PtcEllipsisDropdown = class {
|
|
|
15
15
|
}
|
|
16
16
|
dropdownToggle(e) {
|
|
17
17
|
e.currentTarget.classList.toggle("show");
|
|
18
|
+
this.isDropdownOpen = e.currentTarget.classList.contains("show");
|
|
18
19
|
}
|
|
19
20
|
onItemSelected(e) {
|
|
20
21
|
this.itemSelected.emit(e);
|
|
21
22
|
}
|
|
23
|
+
offClick(e) {
|
|
24
|
+
let container = this.host.shadowRoot.querySelector('.ptc-ellipsis-dropdown');
|
|
25
|
+
if (e && !this.host.contains(e.target) && this.isDropdownOpen) {
|
|
26
|
+
container.classList.remove("show");
|
|
27
|
+
this.isDropdownOpen = false;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
22
30
|
render() {
|
|
23
|
-
|
|
24
|
-
|
|
31
|
+
let activeTab = this.dataItems.find(z => z.value == this.selectedTab);
|
|
32
|
+
let isActive = false;
|
|
33
|
+
if (activeTab) {
|
|
34
|
+
isActive = true;
|
|
35
|
+
}
|
|
36
|
+
return (index.h("div", { class: "ptc-ellipsis-dropdown", onClick: (e) => this.dropdownToggle(e) }, index.h("div", { class: isActive || this.isDropdownOpen ? "ellipsis-icon active" : "ellipsis-icon" }, index.h("icon-asset", { type: "ptc", size: "xxx-small", name: "ellipsis", color: isActive || this.isDropdownOpen ? 'white' : 'black' })), index.h("div", { class: "dropdown-container" }, index.h("slot", { name: "dropdown" }), this.dataItems.map(dataItem => {
|
|
37
|
+
let activeClass = dataItem.value == this.selectedTab ? 'active' : '';
|
|
38
|
+
return (index.h("dropdown-item", { class: activeClass }, index.h("a", { href: "#", onClick: (e) => {
|
|
25
39
|
e.preventDefault();
|
|
26
40
|
this.onItemSelected(dataItem);
|
|
27
41
|
} }, dataItem.text)));
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-b3fabe79.js');
|
|
6
6
|
|
|
7
7
|
const ptcHeroFooterCtaCss = ".sc-ptc-hero-footer-cta-h{display:block}.hero-footer-cta.sc-ptc-hero-footer-cta{position:relative;padding:var(--ptc-layout-spacing-05) 0;background-position:50%;background-size:cover;background-repeat:no-repeat;position:relative}.hero-footer-cta.sc-ptc-hero-footer-cta .is-grid.sc-ptc-hero-footer-cta{align-items:center;position:relative;z-index:10;margin:auto}.hero-footer-cta.sc-ptc-hero-footer-cta h2.sc-ptc-hero-footer-cta,.hero-footer-cta.sc-ptc-hero-footer-cta p.sc-ptc-hero-footer-cta{color:var(--color-white);text-shadow:1px 1px 20px rgba(0, 0, 0, 0.5);font-stretch:normal;font-style:normal;text-align:left;color:var(--color-white)}.hero-footer-cta.sc-ptc-hero-footer-cta h2.sc-ptc-hero-footer-cta{font-size:var(--ptc-font-size-medium);font-weight:var(--ptc-font-weight-black);letter-spacing:var(--ptc-letter-spacing-loose);margin:var(--ptc-element-spacing-04) 0}@media only screen and (min-width: 992px){.hero-footer-cta.sc-ptc-hero-footer-cta h2.sc-ptc-hero-footer-cta{font-size:var(--ptc-font-size-xxxx-large);font-weight:var(--ptc-font-weight-extrabold)}}.hero-footer-cta.sc-ptc-hero-footer-cta p.sc-ptc-hero-footer-cta{font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-p);letter-spacing:var(--ptc-letter-spacing-normal)}@media only screen and (min-width: 768px){.hero-footer-cta.sc-ptc-hero-footer-cta p.sc-ptc-hero-footer-cta{max-width:70%}}@media only screen and (min-width: 992px){.hero-footer-cta.sc-ptc-hero-footer-cta p.sc-ptc-hero-footer-cta{font-size:var(--ptc-font-size-medium);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-denser)}}.hero-footer-cta.sc-ptc-hero-footer-cta .cta-overlay.sc-ptc-hero-footer-cta{position:absolute;top:0;bottom:0;right:0;left:0;background:rgba(0, 0, 0, 0.35)}.hero-footer-cta.sc-ptc-hero-footer-cta .btm-cta-cut.sc-ptc-hero-footer-cta{position:absolute;top:-1px;right:0;fill:var(--color-white);z-index:100;transform:scaleY(-1)}@media only screen and (min-width: 992px){.hero-footer-cta.sc-ptc-hero-footer-cta .cta-left-padding.sc-ptc-hero-footer-cta{padding-left:var(--ptc-element-spacing-08)}}";
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-b3fabe79.js');
|
|
6
6
|
|
|
7
7
|
const ptcHeroCss = ":host{display:block;position:relative}:host(.jumbotron) .ptc-hero-wrapper,:host(.footer-cta) .ptc-hero-wrapper{position:relative}:host(.footer-cta) .ptc-hero-wrapper div>*{text-align:center}";
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-b3fabe79.js');
|
|
6
6
|
|
|
7
7
|
const ptcIconListCss = ":host{display:block;padding-bottom:var(--ptc-element-spacing-03)}:host .ptc-icon-list{display:flex;align-items:center}:host .ptc-icon-list .value-text{font-size:var(--ptc-font-size-small)}:host .ptc-icon-list .ptc-numbered-values{margin-left:var(--ptc-element-spacing-03);font-family:var(--ptc-font-secondary-latin)}:host .ptc-icon-list .ptc-numbered-subtitle{margin:0;font-size:var(--ptc-font-size-medium);font-family:var(--ptc-font-secondary-latin)}@media only screen and (min-width: 992px){:host .ptc-icon-list .ptc-numbered-subtitle{font-size:var(--ptc-font-size-large)}}:host .ptc-icon-list .ptc-content{font-family:var(--ptc-font-secondary-latin);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);font-stretch:normal;font-style:normal;line-height:var(--ptc-line-height-dense);letter-spacing:normal;text-align:left;color:var(--color-gray-10);margin:0 0 0 var(--ptc-element-spacing-03);line-height:var(--ptc-line-height-densest)}:host .ptc-icon-list .ptc-content-simple{margin:0 0 0 var(--ptc-element-spacing-03);font-size:var(--ptc-font-size-small);font-stretch:normal;font-style:normal;line-height:var(--ptc-line-height-dense);letter-spacing:normal;text-align:left;color:var(--color-gray-10);line-height:var(--ptc-line-height-densest)}:host ::slotted(icon-asset){display:flex;align-self:center}:host(.icon-top-align-list) ::slotted(icon-asset){display:flex;align-self:flex-start;transform:translateY(40%)}:host(.last-item){margin-bottom:var(--ptc-layout-spacing-03)}";
|
|
8
8
|
|