@ptcwebops/ptcw-design 0.8.0 → 0.8.1
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 +10 -10
- package/dist/cjs/icon-asset.cjs.entry.js +42 -42
- 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 +15 -15
- package/dist/cjs/ptc-accordion-item.cjs.entry.js +83 -83
- package/dist/cjs/ptc-accordion.cjs.entry.js +35 -35
- package/dist/cjs/ptc-announcement.cjs.entry.js +52 -52
- package/dist/cjs/ptc-breadcrumb.cjs.entry.js +12 -12
- package/dist/cjs/ptc-button.cjs.entry.js +35 -35
- package/dist/cjs/ptc-card-bottom.cjs.entry.js +36 -34
- package/dist/cjs/ptc-card-content.cjs.entry.js +40 -38
- package/dist/cjs/ptc-card-wrapper.cjs.entry.js +46 -0
- package/dist/cjs/ptc-card_6.cjs.entry.js +439 -427
- package/dist/cjs/ptc-checkbox.cjs.entry.js +33 -33
- package/dist/cjs/ptc-collapse-list.cjs.entry.js +346 -346
- package/dist/cjs/ptc-container.cjs.entry.js +32 -32
- package/dist/cjs/ptc-dropdown.cjs.entry.js +64 -64
- package/dist/cjs/ptc-dynamic-card.cjs.entry.js +47 -47
- package/dist/cjs/ptc-ellipsis-dropdown.cjs.entry.js +38 -38
- package/dist/cjs/ptc-filter-tag.cjs.entry.js +57 -57
- package/dist/cjs/ptc-hero-footer-cta.cjs.entry.js +11 -11
- package/dist/cjs/ptc-hero.cjs.entry.js +19 -17
- package/dist/cjs/ptc-icon-list.cjs.entry.js +20 -20
- package/dist/cjs/ptc-icon-minimize.cjs.entry.js +36 -36
- package/dist/cjs/ptc-link.cjs.entry.js +29 -27
- package/dist/cjs/ptc-list.cjs.entry.js +50 -50
- package/dist/cjs/ptc-lottie.cjs.entry.js +10 -10
- 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 +53 -54
- package/dist/cjs/ptc-modal.cjs.entry.js +143 -143
- package/dist/cjs/ptc-overlay.cjs.entry.js +21 -21
- package/dist/cjs/ptc-pagenation.cjs.entry.js +105 -105
- package/dist/cjs/ptc-previous-url.cjs.entry.js +10 -10
- package/dist/cjs/ptc-pricing-block.cjs.entry.js +16 -16
- package/dist/cjs/ptc-quote.cjs.entry.js +23 -23
- package/dist/cjs/ptc-readmore_2.cjs.entry.js +59 -69
- package/dist/cjs/ptc-responsive-wrapper.cjs.entry.js +54 -54
- package/dist/cjs/ptc-shopping-cart.cjs.entry.js +50 -50
- package/dist/cjs/ptc-social-share.cjs.entry.js +59 -59
- package/dist/cjs/ptc-span.cjs.entry.js +18 -18
- package/dist/cjs/ptc-sticky-icons.cjs.entry.js +32 -32
- package/dist/cjs/ptc-svg-btn.cjs.entry.js +73 -73
- package/dist/cjs/ptc-tab-list.cjs.entry.js +124 -124
- package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +20 -20
- package/dist/cjs/ptc-title.cjs.entry.js +65 -65
- package/dist/cjs/ptc-two-column-media.cjs.entry.js +15 -15
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/cjs/tab-content.cjs.entry.js +27 -27
- package/dist/cjs/tab-header.cjs.entry.js +45 -45
- package/dist/cjs/{utils-2ac2a528.js → utils-5245e89c.js} +79 -79
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/dropdown-item/dropdown-item.js +61 -61
- 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 +379 -379
- 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 +107 -107
- package/dist/collection/components/my-component/my-component.css +3 -3
- package/dist/collection/components/my-component/my-component.js +82 -82
- package/dist/collection/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.js +287 -287
- package/dist/collection/components/ptc-accordion/ptc-accordion.js +78 -78
- package/dist/collection/components/ptc-announcement/ptc-announcement.css +9 -1
- package/dist/collection/components/ptc-announcement/ptc-announcement.js +239 -239
- package/dist/collection/components/ptc-breadcrumb/ptc-breadcrumb.js +22 -22
- package/dist/collection/components/ptc-button/ptc-button.css +4 -4
- package/dist/collection/components/ptc-button/ptc-button.js +264 -264
- package/dist/collection/components/ptc-card/ptc-card.js +312 -312
- package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.css +25 -0
- package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.js +116 -114
- package/dist/collection/components/ptc-card-content/ptc-card-content.css +57 -0
- package/dist/collection/components/ptc-card-content/ptc-card-content.js +137 -118
- package/dist/collection/components/{ptc-card-plm/ptc-card-plm.css → ptc-card-wrapper/ptc-card-wrapper.css} +27 -0
- package/dist/collection/components/ptc-card-wrapper/ptc-card-wrapper.js +151 -0
- package/dist/collection/components/ptc-checkbox/ptc-checkbox.js +118 -118
- package/dist/collection/components/ptc-collapse-list/ptc-collapse-list.js +570 -570
- package/dist/collection/components/ptc-container/ptc-container.js +120 -120
- package/dist/collection/components/ptc-date/ptc-date.js +190 -190
- package/dist/collection/components/ptc-dropdown/ptc-dropdown.js +162 -162
- package/dist/collection/components/ptc-dynamic-card/media/nav-active-dotslick.svg +15 -15
- package/dist/collection/components/ptc-dynamic-card/ptc-dynamic-card.js +183 -183
- package/dist/collection/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.js +122 -122
- package/dist/collection/components/ptc-filter-tag/ptc-filter-tag.js +113 -113
- package/dist/collection/components/ptc-hero/ptc-hero.css +12 -0
- package/dist/collection/components/ptc-hero/ptc-hero.js +86 -67
- package/dist/collection/components/ptc-hero-footer-cta/ptc-hero-footer-cta.js +78 -78
- package/dist/collection/components/ptc-icon-list/ptc-icon-list.js +126 -126
- package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.js +87 -87
- package/dist/collection/components/ptc-img/ptc-img.js +296 -296
- package/dist/collection/components/ptc-link/ptc-link.css +36 -0
- package/dist/collection/components/ptc-link/ptc-link.js +203 -184
- package/dist/collection/components/ptc-list/ptc-list.js +100 -100
- package/dist/collection/components/ptc-lottie/ptc-lottie.css +5 -5
- package/dist/collection/components/ptc-lottie/ptc-lottie.js +62 -62
- package/dist/collection/components/ptc-minimized-footer/ptc-minimized-footer.js +18 -18
- package/dist/collection/components/ptc-minimized-header/ptc-minimized-header.js +81 -81
- package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js +190 -209
- package/dist/collection/components/ptc-modal/ptc-modal.js +347 -347
- package/dist/collection/components/ptc-overlay/ptc-overlay.css +4 -0
- package/dist/collection/components/ptc-overlay/ptc-overlay.js +105 -105
- package/dist/collection/components/ptc-pagenation/ptc-pagenation.js +322 -322
- package/dist/collection/components/ptc-para/ptc-para.css +37 -0
- package/dist/collection/components/ptc-para/ptc-para.js +232 -186
- package/dist/collection/components/ptc-picture/ptc-picture.js +452 -452
- package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +60 -60
- package/dist/collection/components/ptc-pricing-block/ptc-pricing-block.js +49 -49
- package/dist/collection/components/ptc-quote/ptc-quote.js +144 -144
- package/dist/collection/components/ptc-readmore/ptc-readmore.js +129 -129
- package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.css +3 -3
- package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.js +65 -65
- package/dist/collection/components/ptc-shopping-cart/ptc-shopping-cart.js +97 -97
- package/dist/collection/components/ptc-social-share/ptc-social-share.js +239 -239
- package/dist/collection/components/ptc-spacer/ptc-spacer.css +322 -322
- package/dist/collection/components/ptc-spacer/ptc-spacer.js +96 -96
- package/dist/collection/components/ptc-span/ptc-span.js +87 -87
- package/dist/collection/components/ptc-sticky-icons/ptc-sticky-icons.js +51 -51
- package/dist/collection/components/ptc-svg-btn/ptc-svg-btn.js +72 -72
- package/dist/collection/components/ptc-tab-list/ptc-tab-list.js +155 -155
- package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.js +123 -123
- package/dist/collection/components/ptc-title/ptc-title.js +291 -291
- package/dist/collection/components/ptc-tooltip/ptc-tooltip.js +153 -163
- package/dist/collection/components/ptc-two-column-media/ptc-two-column-media.js +48 -48
- package/dist/collection/components/tab-content/tab-content.js +84 -84
- package/dist/collection/components/tab-header/tab-header.js +136 -136
- 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 -3
- package/dist/collection/media/svg-imgs/ptc-shopping-cart-white.svg +3 -3
- 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/media/svg-imgs/union.svg +3 -3
- package/dist/collection/utils/component.js +3 -3
- package/dist/collection/utils/interfaces.js +11 -11
- package/dist/collection/utils/utils.js +81 -81
- package/dist/custom-elements/index.d.ts +4 -4
- package/dist/custom-elements/index.js +3223 -3198
- package/dist/esm/dropdown-item.entry.js +10 -10
- package/dist/esm/icon-asset.entry.js +42 -42
- 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 +15 -15
- 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-accordion-item.entry.js +83 -83
- package/dist/esm/ptc-accordion.entry.js +35 -35
- package/dist/esm/ptc-announcement.entry.js +52 -52
- package/dist/esm/ptc-breadcrumb.entry.js +12 -12
- package/dist/esm/ptc-button.entry.js +35 -35
- package/dist/esm/ptc-card-bottom.entry.js +36 -34
- package/dist/esm/ptc-card-content.entry.js +40 -38
- package/dist/esm/ptc-card-wrapper.entry.js +42 -0
- package/dist/esm/ptc-card_6.entry.js +439 -427
- package/dist/esm/ptc-checkbox.entry.js +33 -33
- package/dist/esm/ptc-collapse-list.entry.js +346 -346
- package/dist/esm/ptc-container.entry.js +32 -32
- package/dist/esm/ptc-dropdown.entry.js +64 -64
- package/dist/esm/ptc-dynamic-card.entry.js +47 -47
- package/dist/esm/ptc-ellipsis-dropdown.entry.js +38 -38
- package/dist/esm/ptc-filter-tag.entry.js +57 -57
- package/dist/esm/ptc-hero-footer-cta.entry.js +11 -11
- package/dist/esm/ptc-hero.entry.js +19 -17
- package/dist/esm/ptc-icon-list.entry.js +20 -20
- package/dist/esm/ptc-icon-minimize.entry.js +36 -36
- package/dist/esm/ptc-link.entry.js +29 -27
- package/dist/esm/ptc-list.entry.js +50 -50
- package/dist/esm/ptc-lottie.entry.js +10 -10
- 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 +53 -54
- package/dist/esm/ptc-modal.entry.js +143 -143
- package/dist/esm/ptc-overlay.entry.js +21 -21
- package/dist/esm/ptc-pagenation.entry.js +105 -105
- package/dist/esm/ptc-previous-url.entry.js +10 -10
- package/dist/esm/ptc-pricing-block.entry.js +16 -16
- package/dist/esm/ptc-quote.entry.js +23 -23
- package/dist/esm/ptc-readmore_2.entry.js +59 -69
- package/dist/esm/ptc-responsive-wrapper.entry.js +54 -54
- package/dist/esm/ptc-shopping-cart.entry.js +50 -50
- package/dist/esm/ptc-social-share.entry.js +59 -59
- package/dist/esm/ptc-span.entry.js +18 -18
- package/dist/esm/ptc-sticky-icons.entry.js +32 -32
- package/dist/esm/ptc-svg-btn.entry.js +73 -73
- package/dist/esm/ptc-tab-list.entry.js +124 -124
- package/dist/esm/ptc-text-copy-with-background.entry.js +20 -20
- package/dist/esm/ptc-title.entry.js +65 -65
- package/dist/esm/ptc-two-column-media.entry.js +15 -15
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/esm/tab-content.entry.js +27 -27
- package/dist/esm/tab-header.entry.js +45 -45
- package/dist/esm/{utils-2dbb41dc.js → utils-646cc62f.js} +79 -79
- package/dist/ptcw-design/media/brands.svg +1381 -1381
- package/dist/ptcw-design/media/designer.svg +379 -379
- package/dist/ptcw-design/media/nav-active-dotslick.svg +15 -15
- 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-b701bbc0.entry.js → p-14d6a40c.entry.js} +1 -1
- package/dist/ptcw-design/p-1b0d15aa.entry.js +1 -0
- package/dist/ptcw-design/p-2ca0340b.entry.js +1 -0
- package/dist/ptcw-design/{p-5005c698.entry.js → p-482a8bc9.entry.js} +1 -1
- package/dist/ptcw-design/p-557e8e2a.entry.js +1 -0
- package/dist/ptcw-design/{p-3db835e4.entry.js → p-5f782173.entry.js} +1 -1
- package/dist/ptcw-design/{p-b897780a.entry.js → p-7ddea860.entry.js} +1 -1
- package/dist/ptcw-design/{p-8b197833.entry.js → p-867c711f.entry.js} +1 -1
- package/dist/ptcw-design/p-88fc4011.entry.js +1 -0
- package/dist/ptcw-design/p-9b34acfa.entry.js +1 -0
- package/dist/ptcw-design/p-a14a99ce.entry.js +1 -0
- package/dist/ptcw-design/{p-d910c9d6.entry.js → p-c095d100.entry.js} +1 -1
- package/dist/ptcw-design/{p-e38a57ce.entry.js → p-f9694131.entry.js} +1 -1
- 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 -5
- package/dist/types/components/icon-asset/icon-asset.d.ts +40 -40
- 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-accordion/ptc-accordion-item/ptc-accordion-item.d.ts +59 -59
- package/dist/types/components/ptc-accordion/ptc-accordion.d.ts +13 -13
- package/dist/types/components/ptc-announcement/ptc-announcement.d.ts +51 -51
- 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 +62 -62
- 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 +16 -15
- package/dist/types/components/ptc-card-wrapper/ptc-card-wrapper.d.ts +18 -0
- package/dist/types/components/ptc-checkbox/ptc-checkbox.d.ts +11 -11
- package/dist/types/components/ptc-collapse-list/ptc-collapse-list.d.ts +56 -56
- package/dist/types/components/ptc-container/ptc-container.d.ts +12 -12
- package/dist/types/components/ptc-date/ptc-date.d.ts +41 -41
- package/dist/types/components/ptc-dropdown/ptc-dropdown.d.ts +19 -19
- package/dist/types/components/ptc-dynamic-card/ptc-dynamic-card.d.ts +24 -24
- package/dist/types/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.d.ts +12 -12
- package/dist/types/components/ptc-filter-tag/ptc-filter-tag.d.ts +17 -17
- package/dist/types/components/ptc-hero/ptc-hero.d.ts +16 -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-icon-minimize/ptc-icon-minimize.d.ts +9 -9
- package/dist/types/components/ptc-img/ptc-img.d.ts +51 -51
- package/dist/types/components/ptc-link/ptc-link.d.ts +40 -36
- package/dist/types/components/ptc-list/ptc-list.d.ts +8 -8
- 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 +36 -40
- package/dist/types/components/ptc-modal/ptc-modal.d.ts +59 -59
- package/dist/types/components/ptc-overlay/ptc-overlay.d.ts +20 -20
- package/dist/types/components/ptc-pagenation/ptc-pagenation.d.ts +27 -27
- package/dist/types/components/ptc-para/ptc-para.d.ts +43 -34
- 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 +5 -5
- package/dist/types/components/ptc-quote/ptc-quote.d.ts +29 -29
- package/dist/types/components/ptc-readmore/ptc-readmore.d.ts +27 -27
- 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 -6
- package/dist/types/components/ptc-social-share/ptc-social-share.d.ts +33 -33
- 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-sticky-icons/ptc-sticky-icons.d.ts +7 -7
- 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 +15 -15
- package/dist/types/components/ptc-text-copy-with-background/ptc-text-copy-with-background.d.ts +25 -25
- package/dist/types/components/ptc-title/ptc-title.d.ts +50 -50
- package/dist/types/components/ptc-tooltip/ptc-tooltip.d.ts +34 -34
- 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 -12
- package/dist/types/components/tab-header/tab-header.d.ts +14 -14
- package/dist/types/components.d.ts +169 -59
- package/dist/types/global.d.ts +1072 -1072
- package/dist/types/index.d.ts +1 -1
- package/dist/types/utils/component.d.ts +1 -1
- package/dist/types/utils/interfaces.d.ts +31 -31
- package/dist/types/utils/utils.d.ts +4 -4
- package/package.json +61 -61
- package/readme.md +11 -11
- package/dist/cjs/ptc-card-plm.cjs.entry.js +0 -30
- package/dist/collection/components/ptc-card-plm/ptc-card-plm.js +0 -104
- package/dist/esm/ptc-card-plm.entry.js +0 -26
- package/dist/ptcw-design/p-1e80c01f.entry.js +0 -1
- package/dist/ptcw-design/p-4de70656.entry.js +0 -1
- package/dist/ptcw-design/p-5dbf98a9.entry.js +0 -1
- package/dist/ptcw-design/p-9311ee3f.entry.js +0 -1
- package/dist/ptcw-design/p-a0f25c98.entry.js +0 -1
- package/dist/ptcw-design/p-a4900673.entry.js +0 -1
- package/dist/types/components/ptc-card-plm/ptc-card-plm.d.ts +0 -8
- /package/dist/ptcw-design/{p-5e98555a.js → p-e121ff2a.js} +0 -0
package/dist/types/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { Components, JSX } from './components';
|
|
1
|
+
export { Components, JSX } from './components';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const hasSlot: (HTMLElement: any, string?: any) => boolean;
|
|
1
|
+
export declare const hasSlot: (HTMLElement: any, string?: any) => boolean;
|
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
declare type CssClassMap = {
|
|
2
|
-
[className: string]: boolean;
|
|
3
|
-
};
|
|
4
|
-
declare type StylesMap = {
|
|
5
|
-
[key: string]: string;
|
|
6
|
-
};
|
|
7
|
-
declare let ResponsiveBgVariables: {
|
|
8
|
-
envs: string[];
|
|
9
|
-
selector: string;
|
|
10
|
-
interval: number;
|
|
11
|
-
};
|
|
12
|
-
declare let ResponsivePictureVariables: {
|
|
13
|
-
envs: string[];
|
|
14
|
-
selector: string;
|
|
15
|
-
interval: number;
|
|
16
|
-
};
|
|
17
|
-
export { StylesMap, CssClassMap, ResponsiveBgVariables, ResponsivePictureVariables };
|
|
18
|
-
export interface ITabData {
|
|
19
|
-
select: () => void;
|
|
20
|
-
unselect: () => void;
|
|
21
|
-
name: string;
|
|
22
|
-
}
|
|
23
|
-
export interface ITabHeaderData extends ITabData {
|
|
24
|
-
id: string;
|
|
25
|
-
}
|
|
26
|
-
export interface ITabContentData extends ITabData {
|
|
27
|
-
}
|
|
28
|
-
export interface ITabGroup {
|
|
29
|
-
header: ITabHeaderData;
|
|
30
|
-
content: ITabContentData;
|
|
31
|
-
}
|
|
1
|
+
declare type CssClassMap = {
|
|
2
|
+
[className: string]: boolean;
|
|
3
|
+
};
|
|
4
|
+
declare type StylesMap = {
|
|
5
|
+
[key: string]: string;
|
|
6
|
+
};
|
|
7
|
+
declare let ResponsiveBgVariables: {
|
|
8
|
+
envs: string[];
|
|
9
|
+
selector: string;
|
|
10
|
+
interval: number;
|
|
11
|
+
};
|
|
12
|
+
declare let ResponsivePictureVariables: {
|
|
13
|
+
envs: string[];
|
|
14
|
+
selector: string;
|
|
15
|
+
interval: number;
|
|
16
|
+
};
|
|
17
|
+
export { StylesMap, CssClassMap, ResponsiveBgVariables, ResponsivePictureVariables };
|
|
18
|
+
export interface ITabData {
|
|
19
|
+
select: () => void;
|
|
20
|
+
unselect: () => void;
|
|
21
|
+
name: string;
|
|
22
|
+
}
|
|
23
|
+
export interface ITabHeaderData extends ITabData {
|
|
24
|
+
id: string;
|
|
25
|
+
}
|
|
26
|
+
export interface ITabContentData extends ITabData {
|
|
27
|
+
}
|
|
28
|
+
export interface ITabGroup {
|
|
29
|
+
header: ITabHeaderData;
|
|
30
|
+
content: ITabContentData;
|
|
31
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare function format(first: string, middle: string, last: string): string;
|
|
2
|
-
export declare function MapDOM(domElement: HTMLElement, selector?: string, toString?: boolean): any;
|
|
3
|
-
export declare function generateUUID(): string;
|
|
4
|
-
export declare function debounce(func: Function, wait: number, referer?: any): (e: any) => void;
|
|
1
|
+
export declare function format(first: string, middle: string, last: string): string;
|
|
2
|
+
export declare function MapDOM(domElement: HTMLElement, selector?: string, toString?: boolean): any;
|
|
3
|
+
export declare function generateUUID(): string;
|
|
4
|
+
export declare function debounce(func: Function, wait: number, referer?: any): (e: any) => void;
|
package/package.json
CHANGED
|
@@ -1,61 +1,61 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@ptcwebops/ptcw-design",
|
|
3
|
-
"version": "0.8.
|
|
4
|
-
"description": "Stencil Component Starter",
|
|
5
|
-
"main": "dist/index.cjs.js",
|
|
6
|
-
"module": "./dist/index.js",
|
|
7
|
-
"es2015": "dist/esm/index.mjs",
|
|
8
|
-
"es2017": "dist/esm/index.mjs",
|
|
9
|
-
"types": "dist/custom-elements/index.d.ts",
|
|
10
|
-
"collection": "dist/collection/collection-manifest.json",
|
|
11
|
-
"collection:main": "dist/collection/index.js",
|
|
12
|
-
"unpkg": "dist/ptcw-design/ptcw-design.esm.js",
|
|
13
|
-
"files": [
|
|
14
|
-
"dist/",
|
|
15
|
-
"loader/"
|
|
16
|
-
],
|
|
17
|
-
"scripts": {
|
|
18
|
-
"build": "stencil build --docs",
|
|
19
|
-
"start": "stencil build --dev --watch --serve",
|
|
20
|
-
"test": "stencil test --spec --e2e",
|
|
21
|
-
"test.watch": "stencil test --spec --e2e --watchAll",
|
|
22
|
-
"test.unit": "stencil test --spec",
|
|
23
|
-
"test.end-to-end": "stencil test --e2e",
|
|
24
|
-
"test.unit.watch": "stencil test --spec --watch",
|
|
25
|
-
"generate": "stencil generate",
|
|
26
|
-
"prepare": "stencil build --docs"
|
|
27
|
-
},
|
|
28
|
-
"dependencies": {
|
|
29
|
-
"@daveberning/griddle": "^0.3.0",
|
|
30
|
-
"@stencil/core": "^2.20.0",
|
|
31
|
-
"@teamhive/lottie-player": "^1.0.0",
|
|
32
|
-
"ellipsize": "^0.5.1",
|
|
33
|
-
"enquire.js": "^2.1.6",
|
|
34
|
-
"npmrc": "^1.1.1",
|
|
35
|
-
"resize-observer-polyfill": "^1.5.1"
|
|
36
|
-
},
|
|
37
|
-
"license": "MIT",
|
|
38
|
-
"devDependencies": {
|
|
39
|
-
"@stencil/sass": "^1.4.1",
|
|
40
|
-
"@types/jest": "^27.0.3",
|
|
41
|
-
"jest": "^27.4.5",
|
|
42
|
-
"jest-cli": "^27.4.5",
|
|
43
|
-
"mobile-select": "^1.1.2",
|
|
44
|
-
"puppeteer": "^10.0.0",
|
|
45
|
-
"stencil-inline-svg": "^1.1.0"
|
|
46
|
-
},
|
|
47
|
-
"directories": {
|
|
48
|
-
"doc": "docs"
|
|
49
|
-
},
|
|
50
|
-
"repository": {
|
|
51
|
-
"type": "git",
|
|
52
|
-
"url": "git+https://@bitbucket.org/ptc-sitecore-workspace/ptc-design-system.git"
|
|
53
|
-
},
|
|
54
|
-
"keywords": [
|
|
55
|
-
"design system",
|
|
56
|
-
"web components",
|
|
57
|
-
"stenciljs"
|
|
58
|
-
],
|
|
59
|
-
"author": "Yunfeng Qian",
|
|
60
|
-
"homepage": "https://bitbucket.org/ptc-sitecore-workspace/ptc-design-system#readme"
|
|
61
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@ptcwebops/ptcw-design",
|
|
3
|
+
"version": "0.8.1",
|
|
4
|
+
"description": "Stencil Component Starter",
|
|
5
|
+
"main": "dist/index.cjs.js",
|
|
6
|
+
"module": "./dist/index.js",
|
|
7
|
+
"es2015": "dist/esm/index.mjs",
|
|
8
|
+
"es2017": "dist/esm/index.mjs",
|
|
9
|
+
"types": "dist/custom-elements/index.d.ts",
|
|
10
|
+
"collection": "dist/collection/collection-manifest.json",
|
|
11
|
+
"collection:main": "dist/collection/index.js",
|
|
12
|
+
"unpkg": "dist/ptcw-design/ptcw-design.esm.js",
|
|
13
|
+
"files": [
|
|
14
|
+
"dist/",
|
|
15
|
+
"loader/"
|
|
16
|
+
],
|
|
17
|
+
"scripts": {
|
|
18
|
+
"build": "stencil build --docs",
|
|
19
|
+
"start": "stencil build --dev --watch --serve",
|
|
20
|
+
"test": "stencil test --spec --e2e",
|
|
21
|
+
"test.watch": "stencil test --spec --e2e --watchAll",
|
|
22
|
+
"test.unit": "stencil test --spec",
|
|
23
|
+
"test.end-to-end": "stencil test --e2e",
|
|
24
|
+
"test.unit.watch": "stencil test --spec --watch",
|
|
25
|
+
"generate": "stencil generate",
|
|
26
|
+
"prepare": "stencil build --docs"
|
|
27
|
+
},
|
|
28
|
+
"dependencies": {
|
|
29
|
+
"@daveberning/griddle": "^0.3.0",
|
|
30
|
+
"@stencil/core": "^2.20.0",
|
|
31
|
+
"@teamhive/lottie-player": "^1.0.0",
|
|
32
|
+
"ellipsize": "^0.5.1",
|
|
33
|
+
"enquire.js": "^2.1.6",
|
|
34
|
+
"npmrc": "^1.1.1",
|
|
35
|
+
"resize-observer-polyfill": "^1.5.1"
|
|
36
|
+
},
|
|
37
|
+
"license": "MIT",
|
|
38
|
+
"devDependencies": {
|
|
39
|
+
"@stencil/sass": "^1.4.1",
|
|
40
|
+
"@types/jest": "^27.0.3",
|
|
41
|
+
"jest": "^27.4.5",
|
|
42
|
+
"jest-cli": "^27.4.5",
|
|
43
|
+
"mobile-select": "^1.1.2",
|
|
44
|
+
"puppeteer": "^10.0.0",
|
|
45
|
+
"stencil-inline-svg": "^1.1.0"
|
|
46
|
+
},
|
|
47
|
+
"directories": {
|
|
48
|
+
"doc": "docs"
|
|
49
|
+
},
|
|
50
|
+
"repository": {
|
|
51
|
+
"type": "git",
|
|
52
|
+
"url": "git+https://@bitbucket.org/ptc-sitecore-workspace/ptc-design-system.git"
|
|
53
|
+
},
|
|
54
|
+
"keywords": [
|
|
55
|
+
"design system",
|
|
56
|
+
"web components",
|
|
57
|
+
"stenciljs"
|
|
58
|
+
],
|
|
59
|
+
"author": "Yunfeng Qian",
|
|
60
|
+
"homepage": "https://bitbucket.org/ptc-sitecore-workspace/ptc-design-system#readme"
|
|
61
|
+
}
|
package/readme.md
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-

|
|
2
|
-
|
|
3
|
-
# PTC Design 0.8.
|
|
4
|
-
|
|
5
|
-
The site is the place for documentation on PTC Design System
|
|
6
|
-
|
|
7
|
-
## Building the Site
|
|
8
|
-
|
|
9
|
-
To build the site from the source, ensure you're using the most recent versions of Node and Npm, and pull the latest from master. Next, run `npm install`, `npm run docs` to build the docs files and `npm start` to launch the site in development mode.
|
|
10
|
-
|
|
11
|
-
## License
|
|
1
|
+

|
|
2
|
+
|
|
3
|
+
# PTC Design 0.8.1
|
|
4
|
+
|
|
5
|
+
The site is the place for documentation on PTC Design System
|
|
6
|
+
|
|
7
|
+
## Building the Site
|
|
8
|
+
|
|
9
|
+
To build the site from the source, ensure you're using the most recent versions of Node and Npm, and pull the latest from master. Next, run `npm install`, `npm run docs` to build the docs files and `npm start` to launch the site in development mode.
|
|
10
|
+
|
|
11
|
+
## License
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-8745a0a3.js');
|
|
6
|
-
|
|
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
|
-
|
|
9
|
-
const PtcCardPlm = class {
|
|
10
|
-
constructor(hostRef) {
|
|
11
|
-
index.registerInstance(this, hostRef);
|
|
12
|
-
this.cardType = undefined;
|
|
13
|
-
this.cardLink = undefined;
|
|
14
|
-
this.linkTitle = undefined;
|
|
15
|
-
this.linkTarget = '_self';
|
|
16
|
-
}
|
|
17
|
-
render() {
|
|
18
|
-
const classMap = this.getCssClassMap();
|
|
19
|
-
const Tag = !!this.cardLink ? 'a' : 'div';
|
|
20
|
-
return (index.h(index.Host, { class: classMap }, index.h(Tag, Object.assign({}, (!!this.cardLink ? { href: this.cardLink } : {}), (!!this.linkTarget && !!this.cardLink ? { target: this.linkTarget } : {}), (!!this.cardLink ? { title: this.linkTitle ? this.linkTitle : this.cardLink } : {})), index.h("slot", null))));
|
|
21
|
-
}
|
|
22
|
-
getCssClassMap() {
|
|
23
|
-
return {
|
|
24
|
-
[this.cardType]: this.cardType ? true : false
|
|
25
|
-
};
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
PtcCardPlm.style = ptcCardPlmCss;
|
|
29
|
-
|
|
30
|
-
exports.ptc_card_plm = PtcCardPlm;
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
import { Host, h } from '@stencil/core';
|
|
2
|
-
export class PtcCardPlm {
|
|
3
|
-
constructor() {
|
|
4
|
-
this.cardType = undefined;
|
|
5
|
-
this.cardLink = undefined;
|
|
6
|
-
this.linkTitle = undefined;
|
|
7
|
-
this.linkTarget = '_self';
|
|
8
|
-
}
|
|
9
|
-
render() {
|
|
10
|
-
const classMap = this.getCssClassMap();
|
|
11
|
-
const Tag = !!this.cardLink ? 'a' : 'div';
|
|
12
|
-
return (h(Host, { class: classMap }, h(Tag, Object.assign({}, (!!this.cardLink ? { href: this.cardLink } : {}), (!!this.linkTarget && !!this.cardLink ? { target: this.linkTarget } : {}), (!!this.cardLink ? { title: this.linkTitle ? this.linkTitle : this.cardLink } : {})), h("slot", null))));
|
|
13
|
-
}
|
|
14
|
-
getCssClassMap() {
|
|
15
|
-
return {
|
|
16
|
-
[this.cardType]: this.cardType ? true : false
|
|
17
|
-
};
|
|
18
|
-
}
|
|
19
|
-
static get is() { return "ptc-card-plm"; }
|
|
20
|
-
static get encapsulation() { return "shadow"; }
|
|
21
|
-
static get originalStyleUrls() {
|
|
22
|
-
return {
|
|
23
|
-
"$": ["ptc-card-plm.scss"]
|
|
24
|
-
};
|
|
25
|
-
}
|
|
26
|
-
static get styleUrls() {
|
|
27
|
-
return {
|
|
28
|
-
"$": ["ptc-card-plm.css"]
|
|
29
|
-
};
|
|
30
|
-
}
|
|
31
|
-
static get properties() {
|
|
32
|
-
return {
|
|
33
|
-
"cardType": {
|
|
34
|
-
"type": "string",
|
|
35
|
-
"mutable": false,
|
|
36
|
-
"complexType": {
|
|
37
|
-
"original": "'card-video'| 'card-tall' | 'card-wide' | 'speed-bump' | 'card-playlist' | 'card-video-intro'| 'card-2up'",
|
|
38
|
-
"resolved": "\"card-2up\" | \"card-playlist\" | \"card-tall\" | \"card-video\" | \"card-video-intro\" | \"card-wide\" | \"speed-bump\"",
|
|
39
|
-
"references": {}
|
|
40
|
-
},
|
|
41
|
-
"required": false,
|
|
42
|
-
"optional": false,
|
|
43
|
-
"docs": {
|
|
44
|
-
"tags": [],
|
|
45
|
-
"text": ""
|
|
46
|
-
},
|
|
47
|
-
"attribute": "card-type",
|
|
48
|
-
"reflect": false
|
|
49
|
-
},
|
|
50
|
-
"cardLink": {
|
|
51
|
-
"type": "string",
|
|
52
|
-
"mutable": false,
|
|
53
|
-
"complexType": {
|
|
54
|
-
"original": "string",
|
|
55
|
-
"resolved": "string",
|
|
56
|
-
"references": {}
|
|
57
|
-
},
|
|
58
|
-
"required": false,
|
|
59
|
-
"optional": false,
|
|
60
|
-
"docs": {
|
|
61
|
-
"tags": [],
|
|
62
|
-
"text": ""
|
|
63
|
-
},
|
|
64
|
-
"attribute": "card-link",
|
|
65
|
-
"reflect": false
|
|
66
|
-
},
|
|
67
|
-
"linkTitle": {
|
|
68
|
-
"type": "string",
|
|
69
|
-
"mutable": false,
|
|
70
|
-
"complexType": {
|
|
71
|
-
"original": "string",
|
|
72
|
-
"resolved": "string",
|
|
73
|
-
"references": {}
|
|
74
|
-
},
|
|
75
|
-
"required": false,
|
|
76
|
-
"optional": false,
|
|
77
|
-
"docs": {
|
|
78
|
-
"tags": [],
|
|
79
|
-
"text": ""
|
|
80
|
-
},
|
|
81
|
-
"attribute": "link-title",
|
|
82
|
-
"reflect": false
|
|
83
|
-
},
|
|
84
|
-
"linkTarget": {
|
|
85
|
-
"type": "string",
|
|
86
|
-
"mutable": false,
|
|
87
|
-
"complexType": {
|
|
88
|
-
"original": "string",
|
|
89
|
-
"resolved": "string",
|
|
90
|
-
"references": {}
|
|
91
|
-
},
|
|
92
|
-
"required": false,
|
|
93
|
-
"optional": false,
|
|
94
|
-
"docs": {
|
|
95
|
-
"tags": [],
|
|
96
|
-
"text": ""
|
|
97
|
-
},
|
|
98
|
-
"attribute": "link-target",
|
|
99
|
-
"reflect": false,
|
|
100
|
-
"defaultValue": "'_self'"
|
|
101
|
-
}
|
|
102
|
-
};
|
|
103
|
-
}
|
|
104
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-0c73b51e.js';
|
|
2
|
-
|
|
3
|
-
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}}";
|
|
4
|
-
|
|
5
|
-
const PtcCardPlm = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.cardType = undefined;
|
|
9
|
-
this.cardLink = undefined;
|
|
10
|
-
this.linkTitle = undefined;
|
|
11
|
-
this.linkTarget = '_self';
|
|
12
|
-
}
|
|
13
|
-
render() {
|
|
14
|
-
const classMap = this.getCssClassMap();
|
|
15
|
-
const Tag = !!this.cardLink ? 'a' : 'div';
|
|
16
|
-
return (h(Host, { class: classMap }, h(Tag, Object.assign({}, (!!this.cardLink ? { href: this.cardLink } : {}), (!!this.linkTarget && !!this.cardLink ? { target: this.linkTarget } : {}), (!!this.cardLink ? { title: this.linkTitle ? this.linkTitle : this.cardLink } : {})), h("slot", null))));
|
|
17
|
-
}
|
|
18
|
-
getCssClassMap() {
|
|
19
|
-
return {
|
|
20
|
-
[this.cardType]: this.cardType ? true : false
|
|
21
|
-
};
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
PtcCardPlm.style = ptcCardPlmCss;
|
|
25
|
-
|
|
26
|
-
export { PtcCardPlm as ptc_card_plm };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as r,H as a,g as o}from"./p-009001dc.js";const p=class{constructor(r){t(this,r),this.hoverEvent=e(this,"hoverEvent",7),this.leaveEvent=e(this,"leaveEvent",7),this.cardType=void 0,this.styles=void 0}hoverEventHandler(){this.el.classList.contains("speed-bump")||this.el.classList.contains("card-video-intro")||this.el.classList.contains("card-dynamic")||(this.hoverEvent.emit(),this.el.classList.add("mouse-hover"),this.el.classList.contains("card-video")||this.el.classList.contains("card-playlist")||!this.el.nextElementSibling||this.el.nextElementSibling.classList.add("mouse-hover-card-bottom"))}leaveEventHandler(){this.el.classList.contains("speed-bump")||this.el.classList.contains("card-video-intro")||this.el.classList.contains("card-dynamic")||(this.hoverEvent.emit(),this.el.classList.remove("mouse-hover"),this.el.classList.contains("card-video")||this.el.classList.contains("card-playlist")||!this.el.nextElementSibling||this.el.nextElementSibling.classList.remove("mouse-hover-card-bottom"))}render(){const t=this.getCssClassMap();return r(a,{class:t,onMouseEnter:this.hoverEventHandler.bind(this),onMouseLeave:this.leaveEventHandler.bind(this)},this.styles&&r("style",null,this.styles),r("div",{class:"ptc-card-content-wrapper"},r("slot",null)))}getCssClassMap(){return{[this.cardType]:!!this.cardType}}get el(){return o(this)}};p.style=":host{display:block;height:100%}: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}}";export{p as ptc_card_content}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as o,H as e}from"./p-009001dc.js";const r=class{constructor(o){t(this,o),this.disabled=!1,this.external=!1,this.href=void 0,this.target="_self",this.linkTitle=void 0,this.theme="simple",this.uppercase=!1,this.fontSize="medium"}render(){const t=this.getCssClassMap();return o(e,null,o("a",{class:t,href:this.href,target:this.external?"_blank":this.target,title:this.linkTitle},"arrow"==this.theme?o("icon-asset",{type:"solid",size:"x-small",name:"arrow-right"}):"","arrow-plm"==this.theme?o("icon-asset",{type:"ptc",size:"xxx-small",name:"button-arrow-right"}):"",o("slot",null)))}getCssClassMap(){return{"ptc-link":!0,[this.theme]:!0,uppercase:this.uppercase,disabled:this.disabled,[this.fontSize]:!0}}};r.style=':host{display:block}.disabled{pointer-events:none;cursor:default;text-decoration:none}.ptc-link{display:inline-block;color:var(--color-gray-10);font-weight:var(--ptc-font-weight-black);position:relative;line-height:var(--ptc-line-height-normal);outline:none;text-decoration:none}.simple::after{content:"";position:absolute;width:100%;left:0px;bottom:2px;transition:opacity var(--ptc-transition-fast) var(--ptc-ease-inout);border-bottom:2px solid var(--color-green-07);opacity:0}.simple:hover.simple::after{opacity:1}.product-link{font-weight:var(--ptc-font-weight-extrabold)}.product-link::after{content:"";position:absolute;width:100%;left:0px;bottom:2px;transition:opacity var(--ptc-transition-fast) var(--ptc-ease-inout);border-bottom:2px solid var(--color-green-07);opacity:1;color:var(--color-green-07)}.product-link:hover.product-link{color:var(--color-green-07)}.product-link:hover.product-link::after{opacity:1}.arrow{margin-right:var(--ptc-element-spacing-01)}.arrow::after{position:absolute;display:block;content:"";width:var(--ptc-element-spacing-07);border-bottom:2px solid var(--color-green-07);bottom:1px;transition:width var(--ptc-transition-fast) var(--ptc-ease-inout)}.arrow:hover.arrow::after{width:100%}.underline{border-bottom:2px solid var(--color-green-07)}.underline:hover{color:#00890B;border-bottom:2px solid #00890B}.uppercase{text-transform:uppercase}.small{font-size:var(--ptc-font-size-xx-small)}.medium{font-size:var(--ptc-font-size-x-small)}.large{font-size:var(--ptc-font-size-medium)}.ptc-link.arrow icon-asset{position:absolute;right:-25px;transition:transform var(--ptc-transition-fast) var(--ptc-ease-inout);transform:translateY(2px)}.ptc-link.arrow icon-asset svg{fill:var(--color-green-07) !important}.ptc-link.arrow-plm icon-asset{position:absolute;right:-6.75px;transform:translate(100%, 3%)}.ptc-link.arrow-plm svg{fill:var(--color-green-07) !important}.ptc-link:hover.arrow icon-asset{transform:translate(var(--ptc-element-spacing-04), 2px)}.nav-title:focus,.nav-title-link:focus,.primary-nav-link:focus,.secondary-nav-link:focus,.footer-nav-link:focus,.copyright-link:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}.nav-title{box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:var(--ptc-font-size-x-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-dense);list-style:none;margin-bottom:var(--ptc-element-spacing-02);text-align:left}.primary-nav-link{background-color:transparent;box-sizing:border-box;color:var(--color-gray-01);display:inline-block;font-size:var(--ptc-font-size-x-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-dense);list-style:none;margin:var(--ptc-element-spacing-01) var(--ptc-element-spacing-03);padding:var(--ptc-element-spacing-02) var(--ptc-element-spacing-06);position:relative;text-decoration:none;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.primary-nav-link:hover{border-radius:var(--ptc-border-radius-standard);background-color:var(--color-gray-12);text-decoration:none;outline:none}.nav-title-link{background-color:transparent;box-sizing:border-box;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);list-style:none;text-align:left;text-decoration-color:var(--color-white);text-decoration:none;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1.5px solid transparent;display:inline-block}.nav-title-link:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-green-06)}.secondary-nav-link{display:inline-block;background-color:transparent;box-sizing:border-box;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-stretch:100%;font-style:normal;font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-densest);list-style:none;margin-bottom:var(--ptc-element-spacing-03);text-align:left;text-decoration:none;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1.5px solid transparent;white-space:nowrap}.secondary-nav-link:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-green-06);border-radius:0;text-decoration:none}.footer-nav-link{color:var(--color-white);transition:border var(--ptc-transition-medium) var(--ptc-ease-inout), color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1px solid transparent;outline:none;text-decoration:none;font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-densest);text-align:left;font-size:var(--ptc-font-size-x-small)}.footer-nav-link:hover{outline:none;text-decoration:none;border-bottom:0.1rem solid var(--color-green-06);color:var(--color-green-06)}.copyright-link{color:var(--color-white);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-normal);line-height:var(--ptc-line-height-loose);display:inline-block}.arrow-plm{color:var(--color-white);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:transparent;text-underline-offset:2px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.arrow-plm:hover{text-decoration-color:var(--color-green-07)}';export{r as ptc_link}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as a,H as o}from"./p-009001dc.js";const s=class{constructor(a){t(this,a),this.cardType=void 0,this.cardLink=void 0,this.linkTitle=void 0,this.linkTarget="_self"}render(){const t=this.getCssClassMap();return a(o,{class:t},a(this.cardLink?"a":"div",Object.assign({},this.cardLink?{href:this.cardLink}:{},this.linkTarget&&this.cardLink?{target:this.linkTarget}:{},this.cardLink?{title:this.linkTitle?this.linkTitle:this.cardLink}:{}),a("slot",null)))}getCssClassMap(){return{[this.cardType]:!!this.cardType}}};s.style=":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}}";export{s as ptc_card_plm}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as o,H as s,g as r}from"./p-009001dc.js";const a=class{constructor(o){t(this,o),this.hoverEvent=e(this,"hoverEvent",7),this.leaveEvent=e(this,"leaveEvent",7),this.cardType=void 0,this.styles=void 0}hoverEventHandler(){this.hoverEvent.emit(),this.el.classList.contains("card-video")||this.el.classList.contains("card-playlist")||(this.el.previousElementSibling.classList.add("mouse-hover"),this.el.classList.add("mouse-hover-card-bottom"))}leaveEventHandler(){this.hoverEvent.emit(),this.el.classList.contains("card-video")||this.el.classList.contains("card-playlist")||(this.el.previousElementSibling.classList.remove("mouse-hover"),this.el.classList.remove("mouse-hover-card-bottom"))}render(){const t=this.getCssClassMap();return o(s,{class:t,onMouseEnter:this.hoverEventHandler.bind(this),onMouseLeave:this.leaveEventHandler.bind(this)},this.styles&&o("style",null,this.styles),o("div",{class:"ptc-card-bottom-wrapper"},o("slot",null)))}getCssClassMap(){return{[this.cardType]:!!this.cardType}}get el(){return r(this)}};a.style=":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%}}";export{a as ptc_card_bottom}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as r,H as o}from"./p-009001dc.js";const s=class{constructor(r){t(this,r),this.heroType=void 0,this.bgUrl=void 0}render(){const t=this.getCssClassMap();return r(o,{class:t},r("div",{class:"ptc-hero-wrapper"},r("ptc-img",Object.assign({"image-type":"smart-bg"},this.bgUrl?{imgUrl:this.bgUrl}:{},{"size-xs":"600x450","size-sm":"1108x658","size-md":"1920x1080","size-lg":"2700x1500"}),"jumbotron"==this.heroType?[r("ptc-overlay",{"filter-color":"black-1"}),r("ptc-overlay",{"filter-color":"black-2"})]:"footer-cta"==this.heroType?r("ptc-overlay",{"filter-color":"black-3"}):null,r("slot",null))))}getCssClassMap(){return{[this.heroType]:!!this.heroType}}};s.style=":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}";export{s as ptc_hero}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as o,H as e,g as i}from"./p-009001dc.js";const r=class{constructor(o){t(this,o),this.moreText="read more",this.display="inline",this.visibleLines="line2",this.zIndex="z-auto"}addBtnTruncated(){this.el.shadowRoot.querySelectorAll(".read-more-text").forEach((t=>{t.classList[t.scrollHeight>t.clientHeight?"add":"remove"]("truncated")}))}componentDidLoad(){this.addBtnTruncated()}render(){const t=this.getCssClassMap();return o(e,{class:this.display},o("div",{class:t},o("input",{type:"checkbox",id:"expanded"}),o("p",{class:`read-more-text ${this.visibleLines}`},o("slot",null)),o("label",{htmlFor:"expanded",role:"button",class:this.zIndex},this.moreText)))}getCssClassMap(){return{box:!0}}get el(){return i(this)}};r.style=":host{display:block}.box input{opacity:0;position:absolute;pointer-events:none}.box .read-more-text{display:-webkit-box;-webkit-box-orient:vertical;margin:0;overflow:hidden}.box .line1{-webkit-line-clamp:1}.box .line2{-webkit-line-clamp:2}.box .line3{-webkit-line-clamp:3}.box .line4{-webkit-line-clamp:4}.box .line5{-webkit-line-clamp:5}.box input~label{display:block;position:relative;cursor:pointer;right:0;margin-top:var(--ptc-element-spacing-02);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-densest);text-decoration-line:underline;color:var(--color-blue-07);text-align:right;transform:translateX(-36px)}.box .z-auto{z-index:auto}.box .z-1{z-index:1}.box .z-2{z-index:2}.box .z-3{z-index:3}.box .z-999{z-index:999}.box input:checked+.read-more-text{-webkit-line-clamp:unset}.box input:checked~label,.box .read-more-text:not(.truncated)~label{display:none}";const s=class{constructor(o){t(this,o),this.textDisplay="inline",this.maxLength=45,this.description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. ",this.zIndex="z-auto",this.position="bottom",this.styles=void 0}render(){const t=this.getCssClassMap();let i=this.description.substring(0,this.maxLength);return this.description.length>this.maxLength&&(i+="... "),o(e,{class:this.textDisplay},this.styles&&o("style",null,this.styles),o("div",{class:t},i),o("div",{class:`tooltip ${this.position}`},this.description))}getCssClassMap(){return{"text-ellipsis":!0,[this.zIndex]:!0,truncated:this.description.length>this.maxLength}}get el(){return i(this)}};s.style=':host{position:relative}:host(.inline){display:inline}:host(.block){display:block}.text-ellipsis{position:relative;display:inline}.text-ellipsis:not(.truncated){z-index:auto !important}.z-auto{z-index:auto}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-999{z-index:999}.tooltip{position:absolute;padding:8px;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);background:var(--color-gray-09);box-shadow:0px 2px 4px rgba(0, 0, 0, 0.3);border:none;border-radius:2px;width:273px;height:auto;visibility:hidden}.tooltip.bottom{bottom:-12px;transform:translateY(100%)}.tooltip.bottom::after{top:1px;left:50%;transform:translate(-50%, -100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.left{bottom:-12px;transform:translate(-80%, 100%)}.tooltip.left::after{top:1px;right:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.right{bottom:-12px;transform:translateY(100%);right:0px}.tooltip.right::after{top:1px;left:8px;transform:translateY(-100%);border:8px solid transparent;border-bottom:8px solid var(--color-gray-09)}.tooltip.top{top:-8px;transform:translateY(-100%)}.tooltip.top::after{left:50%;bottom:1px;transform:translate(-50%, 100%);border:8px solid transparent;border-top:8px solid var(--color-gray-09)}.truncated{cursor:help}.truncated:hover+.tooltip{visibility:visible;z-index:9999}.tooltip::after{content:"";position:absolute}';export{r as ptc_readmore,s as ptc_tooltip}
|
|
File without changes
|