@ptcwebops/ptcw-design 0.5.4 → 0.5.6
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/LICENSE +21 -21
- package/dist/cjs/dropdown-item.cjs.entry.js +21 -0
- package/dist/cjs/icon-asset.cjs.entry.js +53 -53
- package/dist/cjs/{interfaces-574e6df7.js → interfaces-0ecd8027.js} +9 -9
- package/dist/cjs/list-item.cjs.entry.js +19 -19
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/lottie-player.cjs.entry.js +354 -354
- package/dist/cjs/my-component.cjs.entry.js +13 -13
- package/dist/cjs/ptc-announcement_2.cjs.entry.js +112 -112
- package/dist/cjs/ptc-breadcrumb.cjs.entry.js +12 -12
- package/dist/cjs/ptc-button.cjs.entry.js +65 -65
- package/dist/cjs/ptc-card-bottom.cjs.entry.js +31 -31
- package/dist/cjs/ptc-card-content.cjs.entry.js +31 -31
- package/dist/cjs/ptc-card-plm.cjs.entry.js +16 -16
- package/dist/cjs/ptc-card.cjs.entry.js +68 -68
- package/dist/cjs/ptc-checkbox.cjs.entry.js +36 -0
- package/dist/cjs/ptc-container.cjs.entry.js +33 -20
- package/dist/cjs/ptc-date.cjs.entry.js +48 -48
- package/dist/cjs/ptc-ellipsis-dropdown.cjs.entry.js +34 -0
- package/dist/cjs/ptc-filter-tag.cjs.entry.js +40 -0
- package/dist/cjs/ptc-hero-footer-cta.cjs.entry.js +8 -8
- package/dist/cjs/ptc-hero.cjs.entry.js +18 -18
- package/dist/cjs/ptc-icon-list.cjs.entry.js +32 -32
- package/dist/cjs/ptc-img_2.cjs.entry.js +169 -169
- package/dist/cjs/ptc-link.cjs.entry.js +42 -42
- package/dist/cjs/ptc-list.cjs.entry.js +23 -23
- package/dist/cjs/ptc-lottie.cjs.entry.js +12 -12
- package/dist/cjs/ptc-minimized-footer.cjs.entry.js +8 -8
- package/dist/cjs/ptc-minimized-header.cjs.entry.js +11 -11
- package/dist/cjs/ptc-mobile-select.cjs.entry.js +69 -69
- package/dist/cjs/ptc-modal.cjs.entry.js +106 -106
- package/dist/cjs/ptc-nav-item.cjs.entry.js +83 -83
- package/dist/cjs/ptc-nav.cjs.entry.js +8 -8
- package/dist/cjs/ptc-para.cjs.entry.js +39 -39
- package/dist/cjs/ptc-picture.cjs.entry.js +169 -169
- package/dist/cjs/ptc-previous-url.cjs.entry.js +8 -8
- package/dist/cjs/ptc-pricing-block.cjs.entry.js +15 -15
- package/dist/cjs/ptc-quote.cjs.entry.js +25 -25
- package/dist/cjs/ptc-responsive-wrapper.cjs.entry.js +54 -54
- package/dist/cjs/ptc-shopping-cart.cjs.entry.js +41 -0
- package/dist/cjs/ptc-social-share.cjs.entry.js +64 -64
- package/dist/cjs/ptc-spacer.cjs.entry.js +35 -35
- package/dist/cjs/ptc-span.cjs.entry.js +23 -23
- package/dist/cjs/ptc-tab-list.cjs.entry.js +127 -0
- package/dist/cjs/ptc-title.cjs.entry.js +48 -48
- package/dist/cjs/ptc-two-column-media.cjs.entry.js +14 -14
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/cjs/tab-content.cjs.entry.js +37 -0
- package/dist/cjs/tab-header.cjs.entry.js +54 -0
- package/dist/collection/collection-manifest.json +9 -1
- package/dist/collection/components/dropdown-item/dropdown-item.css +25 -0
- package/dist/collection/components/dropdown-item/dropdown-item.js +56 -0
- package/dist/collection/components/icon-asset/icon-asset.css +4 -4
- package/dist/collection/components/icon-asset/icon-asset.js +199 -199
- package/dist/collection/components/icon-asset/media/brands.svg +1381 -1381
- package/dist/collection/components/icon-asset/media/designer.svg +327 -327
- package/dist/collection/components/icon-asset/media/regular.svg +463 -463
- package/dist/collection/components/icon-asset/media/solid.svg +3013 -3013
- package/dist/collection/components/icon-asset/media/svg-with-js.min.css +4 -4
- package/dist/collection/components/list-item/list-item.js +103 -103
- package/dist/collection/components/my-component/my-component.css +3 -3
- package/dist/collection/components/my-component/my-component.js +73 -73
- package/dist/collection/components/ptc-announcement/ptc-announcement.js +210 -210
- package/dist/collection/components/ptc-breadcrumb/ptc-breadcrumb.js +21 -21
- package/dist/collection/components/ptc-button/ptc-button.js +293 -293
- package/dist/collection/components/ptc-card/ptc-card.js +282 -282
- package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.js +105 -105
- package/dist/collection/components/ptc-card-content/ptc-card-content.js +105 -105
- package/dist/collection/components/ptc-card-plm/ptc-card-plm.js +97 -97
- package/dist/collection/components/ptc-checkbox/ptc-checkbox.css +22 -0
- package/dist/collection/components/ptc-checkbox/ptc-checkbox.js +76 -0
- package/dist/collection/components/ptc-container/ptc-container.css +29 -6
- package/dist/collection/components/ptc-container/ptc-container.js +98 -49
- package/dist/collection/components/ptc-date/ptc-date.js +201 -201
- package/dist/collection/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.css +39 -0
- package/dist/collection/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.js +77 -0
- package/dist/collection/components/ptc-filter-tag/ptc-filter-tag.css +18 -0
- package/dist/collection/components/ptc-filter-tag/ptc-filter-tag.js +96 -0
- package/dist/collection/components/ptc-hero/ptc-hero.js +67 -67
- package/dist/collection/components/ptc-hero-footer-cta/ptc-hero-footer-cta.js +77 -77
- package/dist/collection/components/ptc-icon-list/ptc-icon-list.js +145 -145
- package/dist/collection/components/ptc-img/ptc-img.js +314 -314
- package/dist/collection/components/ptc-link/ptc-link.js +198 -198
- package/dist/collection/components/ptc-list/ptc-list.js +68 -68
- package/dist/collection/components/ptc-lottie/ptc-lottie.css +5 -5
- package/dist/collection/components/ptc-lottie/ptc-lottie.js +58 -58
- package/dist/collection/components/ptc-minimized-footer/ptc-minimized-footer.js +17 -17
- package/dist/collection/components/ptc-minimized-header/ptc-minimized-header.js +80 -80
- package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js +221 -221
- package/dist/collection/components/ptc-modal/ptc-modal.js +255 -255
- package/dist/collection/components/ptc-nav/ptc-nav.js +21 -21
- package/dist/collection/components/ptc-nav-item/ptc-nav-item.js +252 -252
- package/dist/collection/components/ptc-overlay/ptc-overlay.js +99 -99
- package/dist/collection/components/ptc-para/ptc-para.js +157 -157
- package/dist/collection/components/ptc-picture/ptc-picture.js +474 -474
- package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +54 -54
- package/dist/collection/components/ptc-pricing-block/ptc-pricing-block.css +11 -11
- package/dist/collection/components/ptc-pricing-block/ptc-pricing-block.js +25 -25
- package/dist/collection/components/ptc-quote/ptc-quote.js +154 -154
- package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.css +3 -3
- package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.js +62 -62
- package/dist/collection/components/ptc-shopping-cart/ptc-shopping-cart.css +28 -0
- package/dist/collection/components/ptc-shopping-cart/ptc-shopping-cart.js +69 -0
- package/dist/collection/components/ptc-social-share/ptc-social-share.js +206 -206
- package/dist/collection/components/ptc-spacer/ptc-spacer.css +322 -322
- package/dist/collection/components/ptc-spacer/ptc-spacer.js +99 -99
- package/dist/collection/components/ptc-span/ptc-span.js +89 -89
- package/dist/collection/components/ptc-svg-btn/ptc-svg-btn.js +71 -71
- package/dist/collection/components/ptc-tab-list/ptc-tab-list.css +36 -0
- package/dist/collection/components/ptc-tab-list/ptc-tab-list.js +140 -0
- package/dist/collection/components/ptc-title/ptc-title.js +236 -236
- package/dist/collection/components/ptc-two-column-media/ptc-two-column-media.js +40 -40
- package/dist/collection/components/tab-content/tab-content.css +7 -0
- package/dist/collection/components/tab-content/tab-content.js +74 -0
- package/dist/collection/components/tab-header/tab-header.css +30 -0
- package/dist/collection/components/tab-header/tab-header.js +107 -0
- package/dist/collection/index.js +1 -1
- package/dist/collection/media/svg-imgs/Back-arrow.svg +11 -11
- package/dist/collection/media/svg-imgs/close.svg +10 -10
- package/dist/collection/media/svg-imgs/ptc-shopping-cart-black.svg +3 -0
- package/dist/collection/media/svg-imgs/ptc-shopping-cart-white.svg +3 -0
- package/dist/collection/media/svg-imgs/slider-arrow-left.svg +18 -18
- package/dist/collection/media/svg-imgs/slider-arrow-right.svg +18 -18
- package/dist/collection/utils/interfaces.js +11 -11
- package/dist/collection/utils/utils.js +3 -3
- package/dist/custom-elements/index.d.ts +48 -0
- package/dist/custom-elements/index.js +2386 -2010
- package/dist/esm/dropdown-item.entry.js +17 -0
- package/dist/esm/icon-asset.entry.js +53 -53
- package/dist/esm/{interfaces-7c0243be.js → interfaces-c1c73092.js} +9 -9
- package/dist/esm/list-item.entry.js +19 -19
- package/dist/esm/loader.js +1 -1
- package/dist/esm/lottie-player.entry.js +354 -354
- package/dist/esm/my-component.entry.js +13 -13
- package/dist/esm/polyfills/core-js.js +0 -0
- package/dist/esm/polyfills/dom.js +0 -0
- package/dist/esm/polyfills/es5-html-element.js +0 -0
- package/dist/esm/polyfills/index.js +0 -0
- package/dist/esm/polyfills/system.js +0 -0
- package/dist/esm/ptc-announcement_2.entry.js +112 -112
- package/dist/esm/ptc-breadcrumb.entry.js +12 -12
- package/dist/esm/ptc-button.entry.js +65 -65
- package/dist/esm/ptc-card-bottom.entry.js +31 -31
- package/dist/esm/ptc-card-content.entry.js +31 -31
- package/dist/esm/ptc-card-plm.entry.js +16 -16
- package/dist/esm/ptc-card.entry.js +68 -68
- package/dist/esm/ptc-checkbox.entry.js +32 -0
- package/dist/esm/ptc-container.entry.js +33 -20
- package/dist/esm/ptc-date.entry.js +48 -48
- package/dist/esm/ptc-ellipsis-dropdown.entry.js +30 -0
- package/dist/esm/ptc-filter-tag.entry.js +36 -0
- package/dist/esm/ptc-hero-footer-cta.entry.js +8 -8
- package/dist/esm/ptc-hero.entry.js +18 -18
- package/dist/esm/ptc-icon-list.entry.js +32 -32
- package/dist/esm/ptc-img_2.entry.js +169 -169
- package/dist/esm/ptc-link.entry.js +42 -42
- package/dist/esm/ptc-list.entry.js +23 -23
- package/dist/esm/ptc-lottie.entry.js +12 -12
- package/dist/esm/ptc-minimized-footer.entry.js +8 -8
- package/dist/esm/ptc-minimized-header.entry.js +11 -11
- package/dist/esm/ptc-mobile-select.entry.js +69 -69
- package/dist/esm/ptc-modal.entry.js +106 -106
- package/dist/esm/ptc-nav-item.entry.js +83 -83
- package/dist/esm/ptc-nav.entry.js +8 -8
- package/dist/esm/ptc-para.entry.js +39 -39
- package/dist/esm/ptc-picture.entry.js +169 -169
- package/dist/esm/ptc-previous-url.entry.js +8 -8
- package/dist/esm/ptc-pricing-block.entry.js +15 -15
- package/dist/esm/ptc-quote.entry.js +25 -25
- package/dist/esm/ptc-responsive-wrapper.entry.js +54 -54
- package/dist/esm/ptc-shopping-cart.entry.js +37 -0
- package/dist/esm/ptc-social-share.entry.js +64 -64
- package/dist/esm/ptc-spacer.entry.js +35 -35
- package/dist/esm/ptc-span.entry.js +23 -23
- package/dist/esm/ptc-tab-list.entry.js +123 -0
- package/dist/esm/ptc-title.entry.js +48 -48
- package/dist/esm/ptc-two-column-media.entry.js +14 -14
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/esm/tab-content.entry.js +33 -0
- package/dist/esm/tab-header.entry.js +50 -0
- package/dist/ptcw-design/media/brands.svg +1381 -1381
- package/dist/ptcw-design/media/designer.svg +327 -327
- package/dist/ptcw-design/media/regular.svg +463 -463
- package/dist/ptcw-design/media/solid.svg +3013 -3013
- package/dist/ptcw-design/media/svg-with-js.min.css +4 -4
- package/dist/ptcw-design/{p-64d01929.entry.js → p-1cfc77eb.entry.js} +1 -1
- package/dist/ptcw-design/p-279609f3.entry.js +1 -0
- package/dist/ptcw-design/{p-009537ea.entry.js → p-3a41081a.entry.js} +1 -1
- package/dist/ptcw-design/p-412ca190.entry.js +1 -0
- package/dist/ptcw-design/p-49d34cb8.entry.js +1 -0
- package/dist/ptcw-design/p-72e6a3f1.entry.js +1 -0
- package/dist/ptcw-design/p-7448f767.entry.js +1 -0
- package/dist/ptcw-design/p-8ea08e1d.entry.js +1 -0
- package/dist/ptcw-design/p-b238d684.entry.js +1 -0
- package/dist/ptcw-design/p-c3e79e54.entry.js +1 -0
- package/dist/ptcw-design/p-c5bfb13d.entry.js +1 -0
- package/dist/ptcw-design/p-c69933fe.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.css +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/dropdown-item/dropdown-item.d.ts +5 -0
- package/dist/types/components/icon-asset/icon-asset.d.ts +36 -36
- package/dist/types/components/list-item/list-item.d.ts +8 -8
- package/dist/types/components/my-component/my-component.d.ts +16 -16
- package/dist/types/components/ptc-announcement/ptc-announcement.d.ts +43 -43
- package/dist/types/components/ptc-breadcrumb/ptc-breadcrumb.d.ts +4 -4
- package/dist/types/components/ptc-button/ptc-button.d.ts +56 -56
- package/dist/types/components/ptc-card/ptc-card.d.ts +50 -50
- package/dist/types/components/ptc-card-bottom/ptc-card-bottom.d.ts +15 -15
- package/dist/types/components/ptc-card-content/ptc-card-content.d.ts +15 -15
- package/dist/types/components/ptc-card-plm/ptc-card-plm.d.ts +8 -8
- package/dist/types/components/ptc-checkbox/ptc-checkbox.d.ts +9 -0
- package/dist/types/components/ptc-container/ptc-container.d.ts +11 -8
- package/dist/types/components/ptc-date/ptc-date.d.ts +41 -41
- package/dist/types/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.d.ts +10 -0
- package/dist/types/components/ptc-filter-tag/ptc-filter-tag.d.ts +16 -0
- package/dist/types/components/ptc-hero/ptc-hero.d.ts +12 -12
- package/dist/types/components/ptc-hero-footer-cta/ptc-hero-footer-cta.d.ts +6 -6
- package/dist/types/components/ptc-icon-list/ptc-icon-list.d.ts +21 -21
- package/dist/types/components/ptc-img/ptc-img.d.ts +51 -51
- package/dist/types/components/ptc-link/ptc-link.d.ts +36 -36
- package/dist/types/components/ptc-list/ptc-list.d.ts +6 -6
- package/dist/types/components/ptc-lottie/ptc-lottie.d.ts +12 -12
- package/dist/types/components/ptc-minimized-footer/ptc-minimized-footer.d.ts +3 -3
- package/dist/types/components/ptc-minimized-header/ptc-minimized-header.d.ts +6 -6
- package/dist/types/components/ptc-mobile-select/ptc-mobile-select.d.ts +40 -40
- package/dist/types/components/ptc-modal/ptc-modal.d.ts +46 -46
- package/dist/types/components/ptc-nav/ptc-nav.d.ts +3 -3
- package/dist/types/components/ptc-nav-item/ptc-nav-item.d.ts +53 -53
- package/dist/types/components/ptc-overlay/ptc-overlay.d.ts +20 -20
- package/dist/types/components/ptc-para/ptc-para.d.ts +28 -28
- package/dist/types/components/ptc-picture/ptc-picture.d.ts +93 -93
- package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +5 -5
- package/dist/types/components/ptc-pricing-block/ptc-pricing-block.d.ts +4 -4
- package/dist/types/components/ptc-quote/ptc-quote.d.ts +29 -29
- package/dist/types/components/ptc-responsive-wrapper/ptc-responsive-wrapper.d.ts +8 -8
- package/dist/types/components/ptc-shopping-cart/ptc-shopping-cart.d.ts +6 -0
- package/dist/types/components/ptc-social-share/ptc-social-share.d.ts +25 -25
- package/dist/types/components/ptc-spacer/ptc-spacer.d.ts +16 -16
- package/dist/types/components/ptc-span/ptc-span.d.ts +16 -16
- package/dist/types/components/ptc-svg-btn/ptc-svg-btn.d.ts +12 -12
- package/dist/types/components/ptc-tab-list/ptc-tab-list.d.ts +14 -0
- package/dist/types/components/ptc-title/ptc-title.d.ts +41 -41
- package/dist/types/components/ptc-two-column-media/ptc-two-column-media.d.ts +9 -9
- package/dist/types/components/tab-content/tab-content.d.ts +12 -0
- package/dist/types/components/tab-header/tab-header.d.ts +13 -0
- package/dist/types/components.d.ts +179 -26
- package/dist/types/global.d.ts +1072 -1072
- package/dist/types/index.d.ts +1 -1
- package/dist/types/utils/interfaces.d.ts +28 -14
- package/dist/types/utils/utils.d.ts +1 -1
- package/package.json +59 -59
- package/readme.md +11 -11
- package/dist/ptcw-design/p-4f6c0f75.entry.js +0 -1
- package/dist/ptcw-design/p-d3c6d843.entry.js +0 -1
- /package/dist/ptcw-design/{p-ee1183b2.js → p-50e52c88.js} +0 -0
|
@@ -2,54 +2,54 @@ import { r as registerInstance, h, H as Host } from './index-f64012bd.js';
|
|
|
2
2
|
|
|
3
3
|
const ptcTitleCss = "div.center.sc-ptc-title{text-align:center}div.center.dotted.sc-ptc-title h1.sc-ptc-title::before,div.center.dotted.sc-ptc-title h2.sc-ptc-title::before,div.center.dotted.sc-ptc-title h3.sc-ptc-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-title{text-align:left}div.left.dotted.sc-ptc-title h1.sc-ptc-title::before,div.left.dotted.sc-ptc-title h2.sc-ptc-title::before,div.left.dotted.sc-ptc-title h3.sc-ptc-title::before{left:0%}div.right.sc-ptc-title{text-align:right}div.right.dotted.sc-ptc-title h1.sc-ptc-title::before,div.right.dotted.sc-ptc-title h2.sc-ptc-title::before,div.right.dotted.sc-ptc-title h3.sc-ptc-title::before{right:0%}div.inherit.sc-ptc-title{text-align:inherit}div.dotted.sc-ptc-title h1.sc-ptc-title::before,div.dotted.sc-ptc-title h2.sc-ptc-title::before,div.dotted.sc-ptc-title h3.sc-ptc-title::before{content:\"\";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed var(--color-green-07)}div.solid.sc-ptc-title h1.sc-ptc-title::before,div.solid.sc-ptc-title h2.sc-ptc-title::before,div.solid.sc-ptc-title h3.sc-ptc-title::before{content:\"\";position:absolute;width:100%;height:0.7px;background-color:var(--color-gray-07);opacity:0.9;left:0px}div.solid.sc-ptc-title h1.sc-ptc-title::after,div.solid.sc-ptc-title h2.sc-ptc-title::after,div.solid.sc-ptc-title h3.sc-ptc-title::after{content:\"\";position:absolute;width:20%;height:2px;background-color:var(--color-green-07);top:-2px;left:0px}div.is-standard.sc-ptc-title h1.sc-ptc-title,div.is-standard.sc-ptc-title h2.sc-ptc-title,div.is-standard.sc-ptc-title h3.sc-ptc-title{display:inline-block;position:relative}div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);letter-spacing:0px;color:var(--color-gray-10)}div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);color:var(--color-gray-10)}div.is-plm-hub.sc-ptc-title h1.sc-ptc-title,div.is-plm-hub.sc-ptc-title h2.sc-ptc-title,div.is-plm-hub.sc-ptc-title h3.sc-ptc-title{display:inline-block;position:relative;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;color:var(--color-white)}div.margin-flush.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-top-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}div.margin-top-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}div.margin-top-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}div.margin-top-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}div.margin-top-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}div.margin-bottom-2.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}div.margin-bottom-3.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}div.margin-bottom-4.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}div.margin-bottom-5.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}div.margin-bottom-6.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}div.margin-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}div.margin-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}div.margin-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}div.margin-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}div.margin-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}div.green.sc-ptc-title h1.sc-ptc-title,div.green.sc-ptc-title h2.sc-ptc-title,div.green.sc-ptc-title h3.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-green-07)}div.blue.sc-ptc-title h1.sc-ptc-title,div.blue.sc-ptc-title h2.sc-ptc-title,div.blue.sc-ptc-title h3.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-blue-07)}div.red.sc-ptc-title h1.sc-ptc-title,div.red.sc-ptc-title h2.sc-ptc-title,div.red.sc-ptc-title h3.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-red-07)}div.orange.sc-ptc-title h1.sc-ptc-title,div.orange.sc-ptc-title h2.sc-ptc-title,div.orange.sc-ptc-title h3.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-orange-07)}div.slate-grey.sc-ptc-title h1.sc-ptc-title,div.slate-grey.sc-ptc-title h2.sc-ptc-title,div.slate-grey.sc-ptc-title h3.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-grey-07)}div.w-3.sc-ptc-title h1.sc-ptc-title,div.w-3.sc-ptc-title h2.sc-ptc-title,div.w-3.sc-ptc-title h3.sc-ptc-title{font-weight:var(--ptc-font-weight-thin)}div.w-4.sc-ptc-title h1.sc-ptc-title,div.w-4.sc-ptc-title h2.sc-ptc-title,div.w-4.sc-ptc-title h3.sc-ptc-title{font-weight:var(--ptc-font-weight-regular)}div.w-5.sc-ptc-title h1.sc-ptc-title,div.w-5.sc-ptc-title h2.sc-ptc-title,div.w-5.sc-ptc-title h3.sc-ptc-title{font-weight:var(--ptc-font-weight-medium)}div.w-6.sc-ptc-title h1.sc-ptc-title,div.w-6.sc-ptc-title h2.sc-ptc-title,div.w-6.sc-ptc-title h3.sc-ptc-title{font-weight:var(--ptc-font-weight-semibold)}div.w-7.sc-ptc-title h1.sc-ptc-title,div.w-7.sc-ptc-title h2.sc-ptc-title,div.w-7.sc-ptc-title h3.sc-ptc-title{font-weight:var(--ptc-font-weight-bold)}div.w-8.sc-ptc-title h1.sc-ptc-title,div.w-8.sc-ptc-title h2.sc-ptc-title,div.w-8.sc-ptc-title h3.sc-ptc-title{font-weight:var(--ptc-font-weight-extrabold)}div.w-9.sc-ptc-title h1.sc-ptc-title,div.w-9.sc-ptc-title h2.sc-ptc-title,div.w-9.sc-ptc-title h3.sc-ptc-title{font-weight:var(--ptc-font-weight-black)}div.xx-small.sc-ptc-title h1.sc-ptc-title,div.xx-small.sc-ptc-title h2.sc-ptc-title,div.xx-small.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-xx-small)}div.x-small.sc-ptc-title h1.sc-ptc-title,div.x-small.sc-ptc-title h2.sc-ptc-title,div.x-small.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-x-small)}div.small.sc-ptc-title h1.sc-ptc-title,div.small.sc-ptc-title h2.sc-ptc-title,div.small.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-small)}div.medium.sc-ptc-title h1.sc-ptc-title,div.medium.sc-ptc-title h2.sc-ptc-title,div.medium.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-medium)}div.large.sc-ptc-title h1.sc-ptc-title,div.large.sc-ptc-title h2.sc-ptc-title,div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-large)}div.x-large.sc-ptc-title h1.sc-ptc-title,div.x-large.sc-ptc-title h2.sc-ptc-title,div.x-large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}div.densest.sc-ptc-title h1.sc-ptc-title,div.densest.sc-ptc-title h2.sc-ptc-title,div.densest.sc-ptc-title h3.sc-ptc-title{line-height:var(--ptc-line-height-densest)}div.denser.sc-ptc-title h1.sc-ptc-title,div.denser.sc-ptc-title h2.sc-ptc-title,div.denser.sc-ptc-title h3.sc-ptc-title{line-height:var(--ptc-line-height-denser)}div.dense.sc-ptc-title h1.sc-ptc-title,div.dense.sc-ptc-title h2.sc-ptc-title,div.dense.sc-ptc-title h3.sc-ptc-title{line-height:var(--ptc-line-height-dense)}div.normal.sc-ptc-title h1.sc-ptc-title,div.normal.sc-ptc-title h2.sc-ptc-title,div.normal.sc-ptc-title h3.sc-ptc-title{line-height:var(--ptc-line-height-normal)}div.loose.sc-ptc-title h1.sc-ptc-title,div.loose.sc-ptc-title h2.sc-ptc-title,div.loose.sc-ptc-title h3.sc-ptc-title{line-height:var(--ptc-line-height-loose)}div.looser.sc-ptc-title h1.sc-ptc-title,div.looser.sc-ptc-title h2.sc-ptc-title,div.looser.sc-ptc-title h3.sc-ptc-title{line-height:var(--ptc-line-height-looser)}div.paragraph.sc-ptc-title h1.sc-ptc-title,div.paragraph.sc-ptc-title h2.sc-ptc-title,div.paragraph.sc-ptc-title h3.sc-ptc-title{line-height:var(--ptc-line-height-paragraph)}";
|
|
4
4
|
|
|
5
|
-
let PtcTitle = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
/**
|
|
9
|
-
* Is this title using on the PLM Hub page
|
|
10
|
-
*/
|
|
11
|
-
this.isPlmHub = false;
|
|
12
|
-
/**
|
|
13
|
-
* Title Tag Type
|
|
14
|
-
*/
|
|
15
|
-
this.type = 'h2';
|
|
16
|
-
/**
|
|
17
|
-
* Upperline Style
|
|
18
|
-
*/
|
|
19
|
-
this.upperline = 'dotted';
|
|
20
|
-
/**
|
|
21
|
-
* Title line height
|
|
22
|
-
*/
|
|
23
|
-
this.titleHeight = 'paragraph';
|
|
24
|
-
}
|
|
25
|
-
render() {
|
|
26
|
-
const classMap = this.getCssClassMap();
|
|
27
|
-
let TagType;
|
|
28
|
-
switch (this.type) {
|
|
29
|
-
case 'h1':
|
|
30
|
-
TagType = 'h1';
|
|
31
|
-
break;
|
|
32
|
-
case 'h3':
|
|
33
|
-
TagType = 'h3';
|
|
34
|
-
break;
|
|
35
|
-
default:
|
|
36
|
-
TagType = 'h2';
|
|
37
|
-
}
|
|
38
|
-
return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { class: classMap }, h(TagType, null, h("slot", null)))));
|
|
39
|
-
}
|
|
40
|
-
getCssClassMap() {
|
|
41
|
-
return {
|
|
42
|
-
[this.textAlign]: !!this.textAlign ? true : false,
|
|
43
|
-
[this.upperline]: true,
|
|
44
|
-
[this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
|
|
45
|
-
[this.titleMargin]: !!this.titleMargin ? true : false,
|
|
46
|
-
[this.titleShadow]: !!this.titleShadow ? true : false,
|
|
47
|
-
[this.titleWeight]: !!this.titleWeight ? true : false,
|
|
48
|
-
[this.titleSize]: !!this.titleSize ? true : false,
|
|
49
|
-
[this.titleHeight]: !!this.titleHeight ? true : false
|
|
50
|
-
};
|
|
51
|
-
}
|
|
52
|
-
};
|
|
5
|
+
let PtcTitle = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
/**
|
|
9
|
+
* Is this title using on the PLM Hub page
|
|
10
|
+
*/
|
|
11
|
+
this.isPlmHub = false;
|
|
12
|
+
/**
|
|
13
|
+
* Title Tag Type
|
|
14
|
+
*/
|
|
15
|
+
this.type = 'h2';
|
|
16
|
+
/**
|
|
17
|
+
* Upperline Style
|
|
18
|
+
*/
|
|
19
|
+
this.upperline = 'dotted';
|
|
20
|
+
/**
|
|
21
|
+
* Title line height
|
|
22
|
+
*/
|
|
23
|
+
this.titleHeight = 'paragraph';
|
|
24
|
+
}
|
|
25
|
+
render() {
|
|
26
|
+
const classMap = this.getCssClassMap();
|
|
27
|
+
let TagType;
|
|
28
|
+
switch (this.type) {
|
|
29
|
+
case 'h1':
|
|
30
|
+
TagType = 'h1';
|
|
31
|
+
break;
|
|
32
|
+
case 'h3':
|
|
33
|
+
TagType = 'h3';
|
|
34
|
+
break;
|
|
35
|
+
default:
|
|
36
|
+
TagType = 'h2';
|
|
37
|
+
}
|
|
38
|
+
return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { class: classMap }, h(TagType, null, h("slot", null)))));
|
|
39
|
+
}
|
|
40
|
+
getCssClassMap() {
|
|
41
|
+
return {
|
|
42
|
+
[this.textAlign]: !!this.textAlign ? true : false,
|
|
43
|
+
[this.upperline]: true,
|
|
44
|
+
[this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
|
|
45
|
+
[this.titleMargin]: !!this.titleMargin ? true : false,
|
|
46
|
+
[this.titleShadow]: !!this.titleShadow ? true : false,
|
|
47
|
+
[this.titleWeight]: !!this.titleWeight ? true : false,
|
|
48
|
+
[this.titleSize]: !!this.titleSize ? true : false,
|
|
49
|
+
[this.titleHeight]: !!this.titleHeight ? true : false
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
};
|
|
53
53
|
PtcTitle.style = ptcTitleCss;
|
|
54
54
|
|
|
55
55
|
export { PtcTitle as ptc_title };
|
|
@@ -2,20 +2,20 @@ import { r as registerInstance, h, H as Host } from './index-f64012bd.js';
|
|
|
2
2
|
|
|
3
3
|
const ptcTwoColumnMediaCss = ":host{display:block;padding:var(--ptc-layout-spacing-02) 0}@media only screen and (min-width: 992px){:host{padding:var(--ptc-layout-spacing-04) 0}}";
|
|
4
4
|
|
|
5
|
-
let PtcTwoColumnMedia = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
}
|
|
9
|
-
render() {
|
|
10
|
-
const classMap = this.getCssClassMap();
|
|
11
|
-
return (h(Host, { class: classMap }, h("slot", null)));
|
|
12
|
-
}
|
|
13
|
-
getCssClassMap() {
|
|
14
|
-
return {
|
|
15
|
-
[this.componentType]: this.componentType ? true : false
|
|
16
|
-
};
|
|
17
|
-
}
|
|
18
|
-
};
|
|
5
|
+
let PtcTwoColumnMedia = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
}
|
|
9
|
+
render() {
|
|
10
|
+
const classMap = this.getCssClassMap();
|
|
11
|
+
return (h(Host, { class: classMap }, h("slot", null)));
|
|
12
|
+
}
|
|
13
|
+
getCssClassMap() {
|
|
14
|
+
return {
|
|
15
|
+
[this.componentType]: this.componentType ? true : false
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
19
|
PtcTwoColumnMedia.style = ptcTwoColumnMediaCss;
|
|
20
20
|
|
|
21
21
|
export { PtcTwoColumnMedia as ptc_two_column_media };
|
package/dist/esm/ptcw-design.js
CHANGED
|
@@ -13,5 +13,5 @@ const patchBrowser = () => {
|
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
patchBrowser().then(options => {
|
|
16
|
-
return bootstrapLazy([["ptc-breadcrumb",[[1,"ptc-breadcrumb"]]],["ptc-hero",[[1,"ptc-hero",{"heroType":[1,"hero-type"],"bgUrl":[1,"bg-url"]}]]],["ptc-previous-url",[[1,"ptc-previous-url",{"href":[1],"text":[1]}]]],["ptc-card",[[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",[[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",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["ptc-mobile-select",[[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",[[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",[[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",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["ptc-card-bottom",[[1,"ptc-card-bottom",{"cardType":[1,"card-type"],"styles":[1]}]]],["ptc-card-content",[[1,"ptc-card-content",{"cardType":[1,"card-type"],"styles":[1]}]]],["ptc-card-plm",[[1,"ptc-card-plm",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"]}]]],["ptc-container",[[1,"ptc-container",{"backgroundColor":[1,"background-color"]}]]],["ptc-hero-footer-cta",[[6,"ptc-hero-footer-cta",{"ctaTitle":[1,"cta-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["ptc-icon-list",[[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",[[1,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["ptc-minimized-footer",[[1,"ptc-minimized-footer"]]],["ptc-minimized-header",[[1,"ptc-minimized-header",{"linkUrl":[513,"link-url"],"imgSrc":[513,"img-src"],"imgAlt":[513,"img-alt"]}]]],["ptc-modal",[[1,"ptc-modal",{"iframeUrl":[1025,"iframe-url"],"size":[1025],"show":[1028],"overlay":[1028],"closeOnBlur":[1028,"close-on-blur"],"overlayHeight":[32],"bodyOverflowSetting":[32]}]]],["ptc-nav",[[1,"ptc-nav"]]],["ptc-nav-item",[[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",[[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",[[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",[[1,"ptc-pricing-block"]]],["ptc-responsive-wrapper",[[1,"ptc-responsive-wrapper"]]],["ptc-spacer",[[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}]]],["ptc-span",[[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"styles":[1]}]]],["ptc-title",[[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",[[1,"ptc-two-column-media",{"componentType":[1,"component-type"]}]]],["lottie-player",[[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",[[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",[[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",[[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",[[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",[[1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"],"linkTarget":[1,"link-target"]}]]],["icon-asset",[[2,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1],"injectedStyle":[1,"injected-style"]}]]]], options);
|
|
16
|
+
return bootstrapLazy([["ptc-tab-list",[[4,"ptc-tab-list",null,[[0,"tabClicked","onSelectedTab"],[9,"resize","calculateHeaderTabsRendering"]]]]],["ptc-breadcrumb",[[1,"ptc-breadcrumb"]]],["ptc-hero",[[1,"ptc-hero",{"heroType":[1,"hero-type"],"bgUrl":[1,"bg-url"]}]]],["ptc-previous-url",[[1,"ptc-previous-url",{"href":[1],"text":[1]}]]],["ptc-card",[[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",[[1,"ptc-checkbox",{"checked":[1],"selectedItem":[32]}]]],["ptc-filter-tag",[[1,"ptc-filter-tag",{"theme":[1],"uppercase":[4],"fontSize":[1,"font-size"]}]]],["ptc-link",[[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",[[1,"ptc-lottie",{"jsonSrc":[1025,"json-src"],"speed":[1026]}]]],["ptc-mobile-select",[[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",[[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",[[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",[[1,"my-component",{"first":[1],"middle":[1],"last":[1]}]]],["ptc-card-bottom",[[1,"ptc-card-bottom",{"cardType":[1,"card-type"],"styles":[1]}]]],["ptc-card-content",[[1,"ptc-card-content",{"cardType":[1,"card-type"],"styles":[1]}]]],["ptc-card-plm",[[1,"ptc-card-plm",{"cardType":[1,"card-type"],"cardLink":[1,"card-link"],"linkTitle":[1,"link-title"],"linkTarget":[1,"link-target"]}]]],["ptc-container",[[1,"ptc-container",{"backgroundColor":[1,"background-color"],"elevation":[1],"containerType":[1,"container-type"]}]]],["ptc-hero-footer-cta",[[6,"ptc-hero-footer-cta",{"ctaTitle":[1,"cta-title"],"description":[1],"backgroundImage":[1,"background-image"]}]]],["ptc-icon-list",[[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",[[1,"ptc-list",{"listType":[1,"list-type"],"listItems":[16]}]]],["ptc-minimized-footer",[[1,"ptc-minimized-footer"]]],["ptc-minimized-header",[[1,"ptc-minimized-header",{"linkUrl":[513,"link-url"],"imgSrc":[513,"img-src"],"imgAlt":[513,"img-alt"]}]]],["ptc-modal",[[1,"ptc-modal",{"iframeUrl":[1025,"iframe-url"],"size":[1025],"show":[1028],"overlay":[1028],"closeOnBlur":[1028,"close-on-blur"],"overlayHeight":[32],"bodyOverflowSetting":[32]}]]],["ptc-nav",[[1,"ptc-nav"]]],["ptc-nav-item",[[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",[[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",[[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",[[1,"ptc-pricing-block"]]],["ptc-responsive-wrapper",[[1,"ptc-responsive-wrapper"]]],["ptc-shopping-cart",[[1,"ptc-shopping-cart",{"cartCount":[1,"cart-count"],"color":[1]}]]],["ptc-spacer",[[1,"ptc-spacer",{"breakpoint":[1],"size":[1],"direction":[1]}]]],["ptc-span",[[1,"ptc-span",{"spanStyle":[1,"span-style"],"display":[1],"styles":[1]}]]],["ptc-title",[[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",[[1,"ptc-two-column-media",{"componentType":[1,"component-type"]}]]],["tab-content",[[4,"tab-content",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["tab-header",[[1,"tab-header",{"name":[1],"isSelected":[32],"getChild":[64]}]]],["ptc-ellipsis-dropdown",[[1,"ptc-ellipsis-dropdown",{"dataItems":[16],"isDropdownOpen":[32]}]]],["lottie-player",[[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",[[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",[[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",[[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",[[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",[[4,"dropdown-item",{"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]]],["list-item",[[1,"list-item",{"listType":[1,"list-type"],"linkHref":[1,"link-href"],"flushBefore":[4,"flush-before"],"linkTarget":[1,"link-target"]}]]],["icon-asset",[[2,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1],"injectedStyle":[1,"injected-style"]}]]]], options);
|
|
17
17
|
});
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { r as registerInstance, h } from './index-f64012bd.js';
|
|
2
|
+
|
|
3
|
+
const tabContentCss = ".tab-content{display:none}.tab-content-selected{display:block}";
|
|
4
|
+
|
|
5
|
+
let TabContent = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
this.isSelected = false;
|
|
9
|
+
}
|
|
10
|
+
async getChild() {
|
|
11
|
+
return {
|
|
12
|
+
select: this.select.bind(this),
|
|
13
|
+
unselect: this.unselect.bind(this),
|
|
14
|
+
name: this.name
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
unselect() {
|
|
18
|
+
this.isSelected = false;
|
|
19
|
+
}
|
|
20
|
+
select() {
|
|
21
|
+
this.isSelected = true;
|
|
22
|
+
}
|
|
23
|
+
render() {
|
|
24
|
+
const classes = {
|
|
25
|
+
'tab-content': true,
|
|
26
|
+
'tab-content-selected': this.isSelected
|
|
27
|
+
};
|
|
28
|
+
return (h("div", { class: classes }, h("slot", null)));
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
TabContent.style = tabContentCss;
|
|
32
|
+
|
|
33
|
+
export { TabContent as tab_content };
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { r as registerInstance, c as createEvent, h } from './index-f64012bd.js';
|
|
2
|
+
|
|
3
|
+
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;white-space:nowrap;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}";
|
|
4
|
+
|
|
5
|
+
let TabHeader = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
this.tabClicked = createEvent(this, "tabClicked", 7);
|
|
9
|
+
this.id = this.generateId();
|
|
10
|
+
this.isSelected = false;
|
|
11
|
+
}
|
|
12
|
+
async getChild() {
|
|
13
|
+
let self = this;
|
|
14
|
+
let myPromise = new Promise(function (resolve) {
|
|
15
|
+
let data = {
|
|
16
|
+
select: self.select.bind(self),
|
|
17
|
+
unselect: self.unselect.bind(self),
|
|
18
|
+
name: self.name,
|
|
19
|
+
id: self.id
|
|
20
|
+
};
|
|
21
|
+
resolve(data);
|
|
22
|
+
});
|
|
23
|
+
let result = await myPromise;
|
|
24
|
+
return result;
|
|
25
|
+
}
|
|
26
|
+
unselect() {
|
|
27
|
+
this.isSelected = false;
|
|
28
|
+
}
|
|
29
|
+
select() {
|
|
30
|
+
this.isSelected = true;
|
|
31
|
+
}
|
|
32
|
+
onClick() {
|
|
33
|
+
this.tabClicked.emit(this.getChild());
|
|
34
|
+
}
|
|
35
|
+
generateId() {
|
|
36
|
+
return Math.random().toString(36).substring(2, 10);
|
|
37
|
+
}
|
|
38
|
+
render() {
|
|
39
|
+
const classes = {
|
|
40
|
+
'tab-header': true,
|
|
41
|
+
'tab-header-selected': this.isSelected
|
|
42
|
+
};
|
|
43
|
+
return [
|
|
44
|
+
h("div", { class: classes, onClick: this.onClick.bind(this) }, h("slot", null)),
|
|
45
|
+
];
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
TabHeader.style = tabHeaderCss;
|
|
49
|
+
|
|
50
|
+
export { TabHeader as tab_header };
|