@ptcwebops/ptcw-design 2.7.7 → 2.7.9
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/author-listing-example.cjs.entry.js +233 -233
- package/dist/cjs/bundle-example.cjs.entry.js +44 -31
- package/dist/cjs/bundle-jumbotron-example.cjs.entry.js +40 -40
- package/dist/cjs/dropdown-item.cjs.entry.js +11 -11
- package/dist/cjs/dynamic-box-bundle.cjs.entry.js +26 -26
- package/dist/cjs/embedded-form.cjs.entry.js +83 -83
- package/dist/cjs/featured-list.cjs.entry.js +91 -91
- package/dist/cjs/fl-tab-content_3.cjs.entry.js +45 -45
- package/dist/cjs/icon-asset.cjs.entry.js +43 -43
- package/dist/cjs/{index-1662de74.js → index-cd9a1b1a.js} +2 -0
- package/dist/cjs/innovator-toggle-container.cjs.entry.js +22 -22
- package/dist/cjs/{interfaces-0ecd8027.js → interfaces-574e6df7.js} +9 -9
- package/dist/cjs/list-item.cjs.entry.js +23 -23
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/max-width-container.cjs.entry.js +44 -44
- package/dist/cjs/my-component.cjs.entry.js +16 -16
- package/dist/cjs/ptc-accordion-item.cjs.entry.js +85 -85
- package/dist/cjs/ptc-accordion.cjs.entry.js +40 -40
- package/dist/cjs/ptc-announcement.cjs.entry.js +53 -53
- package/dist/cjs/ptc-back-to-top.cjs.entry.js +36 -36
- package/dist/cjs/ptc-background-video.cjs.entry.js +58 -58
- package/dist/cjs/ptc-bio-card.cjs.entry.js +25 -25
- package/dist/cjs/ptc-breadcrumb_2.cjs.entry.js +133 -133
- package/dist/cjs/ptc-brightcov-video.cjs.entry.js +47 -47
- package/dist/cjs/ptc-button.cjs.entry.js +40 -40
- package/dist/cjs/ptc-card-bottom_3.cjs.entry.js +131 -124
- package/dist/cjs/ptc-card-content.cjs.entry.js +58 -58
- package/dist/cjs/ptc-card.cjs.entry.js +75 -75
- package/dist/cjs/ptc-case-studies-slider.cjs.entry.js +78 -78
- package/dist/cjs/ptc-checkbox.cjs.entry.js +51 -51
- package/dist/cjs/ptc-collapse-list.cjs.entry.js +398 -398
- package/dist/cjs/ptc-container.cjs.entry.js +34 -34
- package/dist/cjs/ptc-date.cjs.entry.js +51 -51
- package/dist/cjs/ptc-dropdown.cjs.entry.js +65 -65
- package/dist/cjs/ptc-dynamic-card.cjs.entry.js +48 -48
- package/dist/cjs/ptc-ellipsis-dropdown.cjs.entry.js +47 -47
- package/dist/cjs/ptc-embedded-quiz.cjs.entry.js +90 -90
- package/dist/cjs/ptc-featured-list.cjs.entry.js +96 -96
- package/dist/cjs/ptc-filter-dropdown_4.cjs.entry.js +224 -224
- package/dist/cjs/ptc-filter-level-theater.cjs.entry.js +53 -53
- package/dist/cjs/ptc-filter-tag.cjs.entry.js +58 -58
- package/dist/cjs/ptc-form-checkbox_3.cjs.entry.js +221 -221
- package/dist/cjs/ptc-form.cjs.entry.js +79 -79
- package/dist/cjs/ptc-hero-footer-cta.cjs.entry.js +12 -12
- package/dist/cjs/ptc-hero.cjs.entry.js +19 -19
- package/dist/cjs/ptc-icon-component.cjs.entry.js +61 -61
- package/dist/cjs/ptc-icon-list.cjs.entry.js +22 -22
- package/dist/cjs/ptc-icon-minimize.cjs.entry.js +44 -44
- package/dist/cjs/ptc-image-download-strip.cjs.entry.js +19 -19
- package/dist/cjs/ptc-img.cjs.entry.js +123 -123
- package/dist/cjs/ptc-link.cjs.entry.js +49 -49
- package/dist/cjs/ptc-list.cjs.entry.js +50 -50
- package/dist/cjs/ptc-media-card.cjs.entry.js +59 -59
- package/dist/cjs/ptc-minimized-nav.cjs.entry.js +14 -14
- package/dist/cjs/ptc-mobile-select.cjs.entry.js +63 -63
- package/dist/cjs/ptc-modal-quiz.cjs.entry.js +108 -84
- package/dist/cjs/ptc-modal.cjs.entry.js +151 -151
- package/dist/cjs/ptc-nav-card.cjs.entry.js +37 -37
- package/dist/cjs/ptc-nav-link.cjs.entry.js +41 -41
- package/dist/cjs/ptc-nav-pills.cjs.entry.js +9 -9
- package/dist/cjs/ptc-nav-slider.cjs.entry.js +91 -91
- package/dist/cjs/ptc-nav-submenu.cjs.entry.js +38 -38
- package/dist/cjs/ptc-news.cjs.entry.js +25 -25
- package/dist/cjs/ptc-overlay.cjs.entry.js +24 -24
- package/dist/cjs/ptc-pagenation.cjs.entry.js +307 -307
- package/dist/cjs/ptc-para.cjs.entry.js +52 -52
- package/dist/cjs/ptc-picture.cjs.entry.js +153 -153
- package/dist/cjs/ptc-podcast-card.cjs.entry.js +12 -12
- package/dist/cjs/ptc-previous-url.cjs.entry.js +12 -12
- package/dist/cjs/ptc-pricing-add-on-card.cjs.entry.js +19 -18
- package/dist/cjs/ptc-pricing-add-on-section.cjs.entry.js +39 -40
- package/dist/cjs/ptc-pricing-block.cjs.entry.js +21 -21
- package/dist/cjs/ptc-pricing-packaging-table.cjs.entry.js +341 -0
- package/dist/cjs/ptc-pricing-table.cjs.entry.js +526 -526
- package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +125 -125
- package/dist/cjs/ptc-product-card.cjs.entry.js +23 -23
- package/dist/cjs/ptc-product-category.cjs.entry.js +11 -11
- package/dist/cjs/ptc-product-dropdown.cjs.entry.js +70 -70
- package/dist/cjs/ptc-product-highlight-card.cjs.entry.js +13 -13
- package/dist/cjs/ptc-product-list.cjs.entry.js +141 -141
- package/dist/cjs/ptc-product-sidebar.cjs.entry.js +129 -129
- package/dist/cjs/ptc-progress-bar.cjs.entry.js +17 -17
- package/dist/cjs/ptc-quote.cjs.entry.js +24 -24
- package/dist/cjs/ptc-readmore-char.cjs.entry.js +25 -25
- package/dist/cjs/ptc-readmore.cjs.entry.js +83 -83
- package/dist/cjs/ptc-related-card-rail.cjs.entry.js +150 -150
- package/dist/cjs/ptc-responsive-wrapper.cjs.entry.js +55 -55
- package/dist/cjs/ptc-search-field.cjs.entry.js +72 -72
- package/dist/cjs/ptc-shopping-cart.cjs.entry.js +51 -51
- package/dist/cjs/ptc-slit-card.cjs.entry.js +26 -26
- package/dist/cjs/ptc-spacer.cjs.entry.js +28 -28
- package/dist/cjs/ptc-span.cjs.entry.js +21 -21
- package/dist/cjs/ptc-square-card.cjs.entry.js +11 -11
- package/dist/cjs/ptc-sticky-icons.cjs.entry.js +33 -33
- package/dist/cjs/ptc-sticky-section.cjs.entry.js +31 -31
- package/dist/cjs/ptc-sticky-title.cjs.entry.js +24 -24
- package/dist/cjs/ptc-subnav-card.cjs.entry.js +16 -16
- package/dist/cjs/ptc-subnav.cjs.entry.js +25 -25
- package/dist/cjs/ptc-svg-btn.cjs.entry.js +96 -96
- package/dist/cjs/ptc-tab-list.cjs.entry.js +144 -144
- package/dist/cjs/ptc-tab.cjs.entry.js +21 -21
- package/dist/cjs/ptc-tabs.cjs.entry.js +48 -48
- package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +44 -44
- package/dist/cjs/ptc-theater-video-modal.cjs.entry.js +78 -78
- package/dist/cjs/ptc-title.cjs.entry.js +68 -68
- package/dist/cjs/ptc-tooltip.cjs.entry.js +96 -96
- package/dist/cjs/ptc-two-column-media.cjs.entry.js +16 -16
- package/dist/cjs/ptc-value-prop-card.cjs.entry.js +14 -14
- package/dist/cjs/ptcw-design.cjs.js +2 -2
- package/dist/cjs/sequential-bundle-example.cjs.entry.js +109 -109
- package/dist/cjs/sequential-bundle.cjs.entry.js +89 -89
- package/dist/cjs/tab-content.cjs.entry.js +28 -28
- package/dist/cjs/tab-header.cjs.entry.js +66 -66
- package/dist/cjs/{utils-416c94fe.js → utils-9eb22041.js} +90 -90
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/dropdown-item/dropdown-item.js +61 -61
- package/dist/collection/components/dynamic-box-bundle/dynamic-box-bundle.js +114 -114
- 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 +489 -489
- package/dist/collection/components/icon-asset/media/regular.svg +463 -463
- package/dist/collection/components/icon-asset/media/solid.svg +3016 -3016
- package/dist/collection/components/icon-asset/media/svg-with-js.min.css +4 -4
- package/dist/collection/components/innovator-toggle-container/innovator-toggle-container.js +89 -89
- package/dist/collection/components/list-item/list-item.js +144 -144
- package/dist/collection/components/max-width-container/max-width-container.css +11 -11
- package/dist/collection/components/max-width-container/max-width-container.js +146 -146
- 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/organism-bundles/author-listing-example/author-listing-example.css +69 -69
- package/dist/collection/components/organism-bundles/author-listing-example/author-listing-example.js +282 -282
- package/dist/collection/components/organism-bundles/bundle-example/bundle-example.css +25 -25
- package/dist/collection/components/organism-bundles/bundle-example/bundle-example.js +79 -58
- package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.css +218 -218
- package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.js +122 -122
- package/dist/collection/components/organism-bundles/bundle-jumbotron-example/bundle-jumbotron-example.css +3 -3
- package/dist/collection/components/organism-bundles/bundle-jumbotron-example/bundle-jumbotron-example.js +91 -91
- package/dist/collection/components/organism-bundles/form/embedded-form/embedded-form.js +98 -98
- package/dist/collection/components/organism-bundles/form/ptc-form/ptc-form.css +13 -13
- package/dist/collection/components/organism-bundles/form/ptc-form/ptc-form.js +94 -94
- package/dist/collection/components/organism-bundles/sequential-bundle/sequential-bundle.js +116 -116
- package/dist/collection/components/organism-bundles/sequential-bundle-example/sequential-bundle-example.css +90 -90
- package/dist/collection/components/organism-bundles/sequential-bundle-example/sequential-bundle-example.js +160 -160
- package/dist/collection/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.js +306 -306
- package/dist/collection/components/ptc-accordion/ptc-accordion.js +100 -100
- package/dist/collection/components/ptc-announcement/ptc-announcement.js +274 -274
- package/dist/collection/components/ptc-back-to-top/ptc-back-to-top.js +61 -61
- package/dist/collection/components/ptc-background-video/ptc-background-video.js +200 -200
- package/dist/collection/components/ptc-bio-card/ptc-bio-card.js +130 -130
- package/dist/collection/components/ptc-breadcrumb/ptc-breadcrumb.js +105 -105
- package/dist/collection/components/ptc-brightcov-video/ptc-brightcov-video.js +79 -79
- package/dist/collection/components/ptc-button/ptc-button.js +304 -304
- package/dist/collection/components/ptc-card/ptc-card.js +439 -439
- package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.js +116 -116
- package/dist/collection/components/ptc-card-content/ptc-card-content.js +212 -212
- package/dist/collection/components/ptc-card-wrapper/ptc-card-wrapper.js +253 -232
- package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.js +91 -91
- package/dist/collection/components/ptc-checkbox/ptc-checkbox.js +152 -152
- package/dist/collection/components/ptc-collapse-list/ptc-collapse-list.js +639 -639
- package/dist/collection/components/ptc-container/ptc-container.js +138 -138
- package/dist/collection/components/ptc-date/ptc-date.js +224 -224
- 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 +174 -174
- package/dist/collection/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.js +137 -137
- package/dist/collection/components/ptc-embedded-quiz/ptc-embedded-quiz.js +146 -146
- package/dist/collection/components/ptc-featured-list/fl-tab-content/fl-tab-content.js +61 -61
- package/dist/collection/components/ptc-featured-list/fl-tab-header/fl-tab-header.js +114 -114
- package/dist/collection/components/ptc-featured-list/fl-tab-image/fl-tab-image.js +61 -61
- package/dist/collection/components/ptc-featured-list/ptc-featured-list.js +128 -128
- package/dist/collection/components/ptc-filter-dropdown/ptc-filter-dropdown.js +134 -134
- package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.js +98 -98
- package/dist/collection/components/ptc-filter-tag/ptc-filter-tag.js +113 -113
- package/dist/collection/components/ptc-form-checkbox/ptc-form-checkbox.js +209 -209
- package/dist/collection/components/ptc-hero/ptc-hero.js +86 -86
- package/dist/collection/components/ptc-hero-footer-cta/ptc-hero-footer-cta.js +78 -78
- package/dist/collection/components/ptc-icon-component/ptc-icon-component.js +87 -87
- package/dist/collection/components/ptc-icon-list/ptc-icon-list.js +127 -127
- package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.js +119 -119
- package/dist/collection/components/ptc-image-download-strip/ptc-image-download-strip.js +51 -51
- package/dist/collection/components/ptc-img/ptc-img.js +311 -311
- package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.js +355 -355
- package/dist/collection/components/ptc-link/ptc-link.js +239 -239
- package/dist/collection/components/ptc-list/ptc-list.js +99 -99
- package/dist/collection/components/ptc-media-card/ptc-media-card.js +240 -240
- package/dist/collection/components/ptc-minimized-nav/ptc-minimized-nav.css +26 -13
- package/dist/collection/components/ptc-minimized-nav/ptc-minimized-nav.js +100 -100
- package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js +199 -199
- package/dist/collection/components/ptc-modal/ptc-modal.js +407 -407
- package/dist/collection/components/ptc-modal-quiz/ptc-modal-quiz.css +7 -2
- package/dist/collection/components/ptc-modal-quiz/ptc-modal-quiz.js +182 -157
- package/dist/collection/components/ptc-nav-card/ptc-nav-card.js +224 -224
- package/dist/collection/components/ptc-nav-pills/ptc-nav-pills.js +18 -18
- package/dist/collection/components/ptc-news/ptc-news.js +176 -176
- package/dist/collection/components/ptc-overlay/ptc-overlay.js +131 -131
- package/dist/collection/components/ptc-pagenation/ptc-pagenation.js +573 -573
- package/dist/collection/components/ptc-para/ptc-para.js +242 -242
- package/dist/collection/components/ptc-picture/ptc-picture.js +500 -500
- package/dist/collection/components/ptc-podcast-card/ptc-podcast-card.js +78 -78
- package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +78 -78
- package/dist/collection/components/ptc-pricing-add-on-card/ptc-pricing-add-on-card.css +1 -0
- package/dist/collection/components/ptc-pricing-add-on-card/ptc-pricing-add-on-card.js +139 -120
- package/dist/collection/components/ptc-pricing-add-on-section/ptc-pricing-add-on-section.js +75 -76
- package/dist/collection/components/ptc-pricing-block/ptc-pricing-block.js +70 -70
- package/dist/collection/components/ptc-pricing-packaging-table/ptc-pricing-packaging-table.css +319 -0
- package/dist/collection/components/ptc-pricing-packaging-table/ptc-pricing-packaging-table.js +471 -0
- package/dist/collection/components/ptc-pricing-table/ptc-pricing-table.js +680 -680
- package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.js +272 -272
- package/dist/collection/components/ptc-product-card/ptc-product-card.js +162 -162
- package/dist/collection/components/ptc-product-category/ptc-product-category.js +60 -60
- package/dist/collection/components/ptc-product-dropdown/ptc-product-dropdown.js +185 -185
- package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.js +96 -96
- package/dist/collection/components/ptc-product-list/ptc-product-list.js +194 -194
- package/dist/collection/components/ptc-product-sidebar/ptc-product-sidebar.js +252 -252
- package/dist/collection/components/ptc-progress-bar/ptc-progress-bar.js +42 -42
- package/dist/collection/components/ptc-quote/ptc-quote.js +144 -144
- package/dist/collection/components/ptc-readmore/ptc-readmore.js +326 -326
- package/dist/collection/components/ptc-readmore-char/ptc-readmore-char.js +133 -133
- package/dist/collection/components/ptc-related-card-rail/ptc-related-card-rail.js +190 -190
- 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-search-field/ptc-search-field.js +247 -247
- package/dist/collection/components/ptc-select/ptc-select.js +190 -190
- package/dist/collection/components/ptc-shopping-cart/ptc-shopping-cart.js +97 -97
- package/dist/collection/components/ptc-skeleton/ptc-skeleton.js +139 -139
- package/dist/collection/components/ptc-slit-card/ptc-slit-card.js +181 -181
- package/dist/collection/components/ptc-social-share/ptc-social-share.js +267 -267
- package/dist/collection/components/ptc-spacer/ptc-spacer.css +332 -332
- package/dist/collection/components/ptc-spacer/ptc-spacer.js +97 -97
- package/dist/collection/components/ptc-span/ptc-span.js +107 -107
- package/dist/collection/components/ptc-square-card/ptc-square-card.js +60 -60
- package/dist/collection/components/ptc-sticky-icons/ptc-sticky-icons.js +51 -51
- package/dist/collection/components/ptc-sticky-section/ptc-sticky-section.js +49 -49
- package/dist/collection/components/ptc-sticky-title/ptc-sticky-title.js +89 -89
- package/dist/collection/components/ptc-svg-btn/ptc-svg-btn.js +109 -109
- package/dist/collection/components/ptc-tab-list/ptc-tab-list.js +214 -214
- package/dist/collection/components/ptc-tabs/ptc-tab.js +121 -121
- package/dist/collection/components/ptc-tabs/ptc-tabs.js +104 -104
- package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.js +199 -199
- package/dist/collection/components/ptc-textfield/ptc-textfield.js +351 -351
- package/dist/collection/components/ptc-theater-video/ptc-theater-video.js +140 -140
- package/dist/collection/components/ptc-theater-video-modal/ptc-theater-video-modal.js +123 -123
- package/dist/collection/components/ptc-theater-video-playlist/ptc-theater-video-playlist.js +99 -99
- package/dist/collection/components/ptc-title/ptc-title.js +310 -310
- package/dist/collection/components/ptc-tooltip/ptc-tooltip.js +342 -342
- package/dist/collection/components/ptc-two-column-media/ptc-two-column-media.js +48 -48
- package/dist/collection/components/ptc-value-prop-card/ptc-value-prop-card.js +117 -117
- package/dist/collection/components/subnav/ptc-nav-link/ptc-nav-link.js +135 -135
- package/dist/collection/components/subnav/ptc-nav-slider/ptc-nav-slider.js +133 -133
- package/dist/collection/components/subnav/ptc-nav-submenu/ptc-nav-submenu.js +121 -121
- package/dist/collection/components/subnav/ptc-subnav/ptc-subnav.js +78 -78
- package/dist/collection/components/subnav/ptc-subnav-card/ptc-subnav-card.js +133 -133
- package/dist/collection/components/tab-content/tab-content.js +84 -84
- package/dist/collection/components/tab-header/tab-header.js +183 -183
- 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/nav-active-dotslick.svg +16 -16
- package/dist/collection/media/svg-imgs/play-button-dark.svg +20 -20
- 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/stories/Accordian.stories.js +205 -205
- package/dist/collection/stories/Announcement.stories.js +64 -64
- package/dist/collection/stories/BackgroundImage.stories.js +81 -81
- package/dist/collection/stories/Breadcrumb.stories.js +50 -50
- package/dist/collection/stories/Button.stories.js +119 -119
- package/dist/collection/stories/Card.stories.js +234 -234
- package/dist/collection/stories/CardWrapper.stories.js +270 -270
- package/dist/collection/stories/Checkbox.stories.js +52 -52
- package/dist/collection/stories/Date.stories.js +81 -81
- package/dist/collection/stories/Dropdown.stories.js +48 -48
- package/dist/collection/stories/DynamicCard.stories.js +68 -68
- package/dist/collection/stories/FilterTag.stories.js +73 -73
- package/dist/collection/stories/FormCheckbox.stories.js +57 -57
- package/dist/collection/stories/Hero.stories.js +119 -119
- package/dist/collection/stories/Icon.stories.js +71 -71
- package/dist/collection/stories/IconList.stories.js +114 -114
- package/dist/collection/stories/IconMinimize.stories.js +40 -40
- package/dist/collection/stories/Link.stories.js +101 -101
- package/dist/collection/stories/ListItem.stories.js +59 -59
- package/dist/collection/stories/MaxWidthContainer.stories.js +45 -45
- package/dist/collection/stories/MinimizedHeader.stories.js +37 -37
- package/dist/collection/stories/MobileSelect.stories.js +79 -79
- package/dist/collection/stories/Modal.stories.js +105 -105
- package/dist/collection/stories/Overlay.stories.js +48 -48
- package/dist/collection/stories/Pagination.stories.js +101 -101
- package/dist/collection/stories/Paragraph.stories.js +95 -95
- package/dist/collection/stories/Picture.stories.js +139 -139
- package/dist/collection/stories/Quote.stories.js +107 -107
- package/dist/collection/stories/ReadMore.stories.js +100 -100
- package/dist/collection/stories/Select.stories.js +81 -81
- package/dist/collection/stories/SocialShare.stories.js +66 -66
- package/dist/collection/stories/Spacer.stories.js +48 -48
- package/dist/collection/stories/Span.stories.js +57 -57
- package/dist/collection/stories/SvgButton.stories.js +34 -34
- package/dist/collection/stories/Tabs.stories.js +213 -213
- package/dist/collection/stories/TextCopyWithBackground.stories.js +237 -237
- package/dist/collection/stories/Textfield.stories.js +81 -81
- package/dist/collection/stories/Title.stories.js +115 -115
- package/dist/collection/stories/Tooltip.stories.js +112 -112
- package/dist/collection/utils/component.js +3 -3
- package/dist/collection/utils/interfaces.js +11 -11
- package/dist/collection/utils/utils.js +92 -92
- package/dist/custom-elements/index.d.ts +6 -0
- package/dist/custom-elements/index.js +7965 -7583
- package/dist/esm/author-listing-example.entry.js +233 -233
- package/dist/esm/bundle-example.entry.js +44 -31
- package/dist/esm/bundle-jumbotron-example.entry.js +40 -40
- package/dist/esm/dropdown-item.entry.js +11 -11
- package/dist/esm/dynamic-box-bundle.entry.js +26 -26
- package/dist/esm/embedded-form.entry.js +83 -83
- package/dist/esm/featured-list.entry.js +91 -91
- package/dist/esm/fl-tab-content_3.entry.js +45 -45
- package/dist/esm/icon-asset.entry.js +43 -43
- package/dist/esm/{index-22a84644.js → index-62587d0b.js} +2 -0
- package/dist/esm/innovator-toggle-container.entry.js +22 -22
- package/dist/esm/{interfaces-3cb94654.js → interfaces-4caedd26.js} +9 -9
- package/dist/esm/list-item.entry.js +23 -23
- package/dist/esm/loader.js +3 -3
- package/dist/esm/max-width-container.entry.js +44 -44
- package/dist/esm/my-component.entry.js +16 -16
- 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 +85 -85
- package/dist/esm/ptc-accordion.entry.js +40 -40
- package/dist/esm/ptc-announcement.entry.js +53 -53
- package/dist/esm/ptc-back-to-top.entry.js +36 -36
- package/dist/esm/ptc-background-video.entry.js +58 -58
- package/dist/esm/ptc-bio-card.entry.js +25 -25
- package/dist/esm/ptc-breadcrumb_2.entry.js +133 -133
- package/dist/esm/ptc-brightcov-video.entry.js +47 -47
- package/dist/esm/ptc-button.entry.js +40 -40
- package/dist/esm/ptc-card-bottom_3.entry.js +131 -124
- package/dist/esm/ptc-card-content.entry.js +58 -58
- package/dist/esm/ptc-card.entry.js +75 -75
- package/dist/esm/ptc-case-studies-slider.entry.js +78 -78
- package/dist/esm/ptc-checkbox.entry.js +51 -51
- package/dist/esm/ptc-collapse-list.entry.js +398 -398
- package/dist/esm/ptc-container.entry.js +34 -34
- package/dist/esm/ptc-date.entry.js +51 -51
- package/dist/esm/ptc-dropdown.entry.js +65 -65
- package/dist/esm/ptc-dynamic-card.entry.js +48 -48
- package/dist/esm/ptc-ellipsis-dropdown.entry.js +47 -47
- package/dist/esm/ptc-embedded-quiz.entry.js +90 -90
- package/dist/esm/ptc-featured-list.entry.js +96 -96
- package/dist/esm/ptc-filter-dropdown_4.entry.js +224 -224
- package/dist/esm/ptc-filter-level-theater.entry.js +53 -53
- package/dist/esm/ptc-filter-tag.entry.js +58 -58
- package/dist/esm/ptc-form-checkbox_3.entry.js +221 -221
- package/dist/esm/ptc-form.entry.js +79 -79
- package/dist/esm/ptc-hero-footer-cta.entry.js +12 -12
- package/dist/esm/ptc-hero.entry.js +19 -19
- package/dist/esm/ptc-icon-component.entry.js +61 -61
- package/dist/esm/ptc-icon-list.entry.js +22 -22
- package/dist/esm/ptc-icon-minimize.entry.js +44 -44
- package/dist/esm/ptc-image-download-strip.entry.js +19 -19
- package/dist/esm/ptc-img.entry.js +123 -123
- package/dist/esm/ptc-link.entry.js +49 -49
- package/dist/esm/ptc-list.entry.js +50 -50
- package/dist/esm/ptc-media-card.entry.js +59 -59
- package/dist/esm/ptc-minimized-nav.entry.js +14 -14
- package/dist/esm/ptc-mobile-select.entry.js +63 -63
- package/dist/esm/ptc-modal-quiz.entry.js +108 -84
- package/dist/esm/ptc-modal.entry.js +151 -151
- package/dist/esm/ptc-nav-card.entry.js +37 -37
- package/dist/esm/ptc-nav-link.entry.js +41 -41
- package/dist/esm/ptc-nav-pills.entry.js +9 -9
- package/dist/esm/ptc-nav-slider.entry.js +91 -91
- package/dist/esm/ptc-nav-submenu.entry.js +38 -38
- package/dist/esm/ptc-news.entry.js +25 -25
- package/dist/esm/ptc-overlay.entry.js +24 -24
- package/dist/esm/ptc-pagenation.entry.js +307 -307
- package/dist/esm/ptc-para.entry.js +52 -52
- package/dist/esm/ptc-picture.entry.js +153 -153
- package/dist/esm/ptc-podcast-card.entry.js +12 -12
- package/dist/esm/ptc-previous-url.entry.js +12 -12
- package/dist/esm/ptc-pricing-add-on-card.entry.js +19 -18
- package/dist/esm/ptc-pricing-add-on-section.entry.js +39 -40
- package/dist/esm/ptc-pricing-block.entry.js +21 -21
- package/dist/esm/ptc-pricing-packaging-table.entry.js +337 -0
- package/dist/esm/ptc-pricing-table.entry.js +526 -526
- package/dist/esm/ptc-pricing-tabs.entry.js +125 -125
- package/dist/esm/ptc-product-card.entry.js +23 -23
- package/dist/esm/ptc-product-category.entry.js +11 -11
- package/dist/esm/ptc-product-dropdown.entry.js +70 -70
- package/dist/esm/ptc-product-highlight-card.entry.js +13 -13
- package/dist/esm/ptc-product-list.entry.js +141 -141
- package/dist/esm/ptc-product-sidebar.entry.js +129 -129
- package/dist/esm/ptc-progress-bar.entry.js +17 -17
- package/dist/esm/ptc-quote.entry.js +24 -24
- package/dist/esm/ptc-readmore-char.entry.js +25 -25
- package/dist/esm/ptc-readmore.entry.js +83 -83
- package/dist/esm/ptc-related-card-rail.entry.js +150 -150
- package/dist/esm/ptc-responsive-wrapper.entry.js +55 -55
- package/dist/esm/ptc-search-field.entry.js +72 -72
- package/dist/esm/ptc-shopping-cart.entry.js +51 -51
- package/dist/esm/ptc-slit-card.entry.js +26 -26
- package/dist/esm/ptc-spacer.entry.js +28 -28
- package/dist/esm/ptc-span.entry.js +21 -21
- package/dist/esm/ptc-square-card.entry.js +11 -11
- package/dist/esm/ptc-sticky-icons.entry.js +33 -33
- package/dist/esm/ptc-sticky-section.entry.js +31 -31
- package/dist/esm/ptc-sticky-title.entry.js +24 -24
- package/dist/esm/ptc-subnav-card.entry.js +16 -16
- package/dist/esm/ptc-subnav.entry.js +25 -25
- package/dist/esm/ptc-svg-btn.entry.js +96 -96
- package/dist/esm/ptc-tab-list.entry.js +144 -144
- package/dist/esm/ptc-tab.entry.js +21 -21
- package/dist/esm/ptc-tabs.entry.js +48 -48
- package/dist/esm/ptc-text-copy-with-background.entry.js +44 -44
- package/dist/esm/ptc-theater-video-modal.entry.js +78 -78
- package/dist/esm/ptc-title.entry.js +68 -68
- package/dist/esm/ptc-tooltip.entry.js +96 -96
- package/dist/esm/ptc-two-column-media.entry.js +16 -16
- package/dist/esm/ptc-value-prop-card.entry.js +14 -14
- package/dist/esm/ptcw-design.js +3 -3
- package/dist/esm/sequential-bundle-example.entry.js +109 -109
- package/dist/esm/sequential-bundle.entry.js +89 -89
- package/dist/esm/tab-content.entry.js +28 -28
- package/dist/esm/tab-header.entry.js +66 -66
- package/dist/esm/{utils-f937097d.js → utils-38decc43.js} +90 -90
- package/dist/ptcw-design/media/brands.svg +1381 -1381
- package/dist/ptcw-design/media/designer.svg +489 -489
- 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 +3016 -3016
- package/dist/ptcw-design/media/svg-with-js.min.css +4 -4
- package/dist/ptcw-design/{p-92695049.entry.js → p-003e61e7.entry.js} +1 -1
- package/dist/ptcw-design/{p-1fc3d43a.entry.js → p-006da5ab.entry.js} +1 -1
- package/dist/ptcw-design/{p-ce0e4c5c.js → p-00a1336a.js} +1 -1
- package/dist/ptcw-design/{p-dc10f54e.entry.js → p-01f51476.entry.js} +1 -1
- package/dist/ptcw-design/{p-553505a6.entry.js → p-029b2e2f.entry.js} +1 -1
- package/dist/ptcw-design/p-03d6c8f4.entry.js +1 -0
- package/dist/ptcw-design/{p-cda3854b.entry.js → p-03dd9737.entry.js} +1 -1
- package/dist/ptcw-design/{p-67f50038.entry.js → p-048f176c.entry.js} +1 -1
- package/dist/ptcw-design/{p-2893f405.entry.js → p-0a7c799e.entry.js} +1 -1
- package/dist/ptcw-design/{p-bd3cb8df.entry.js → p-0eff6801.entry.js} +1 -1
- package/dist/ptcw-design/{p-10254985.entry.js → p-126a278b.entry.js} +1 -1
- package/dist/ptcw-design/{p-dc748f00.entry.js → p-1286d2f5.entry.js} +1 -1
- package/dist/ptcw-design/{p-57bb43ab.entry.js → p-13cd1ccc.entry.js} +1 -1
- package/dist/ptcw-design/{p-777fb495.entry.js → p-14a53b5a.entry.js} +1 -1
- package/dist/ptcw-design/{p-ad401696.entry.js → p-15cd377e.entry.js} +1 -1
- package/dist/ptcw-design/{p-95198d5f.entry.js → p-1a5a5341.entry.js} +1 -1
- package/dist/ptcw-design/{p-63147b0a.entry.js → p-1aec473a.entry.js} +1 -1
- package/dist/ptcw-design/{p-ad234f99.entry.js → p-1afabe42.entry.js} +1 -1
- package/dist/ptcw-design/{p-d3c22e96.entry.js → p-1eafcbf6.entry.js} +1 -1
- package/dist/ptcw-design/{p-dc5e5116.entry.js → p-211af9e1.entry.js} +1 -1
- package/dist/ptcw-design/{p-85145672.entry.js → p-2240e6c6.entry.js} +1 -1
- package/dist/ptcw-design/{p-0d4d0801.entry.js → p-2a6125a8.entry.js} +1 -1
- package/dist/ptcw-design/{p-7ea29d34.entry.js → p-2ec1526d.entry.js} +1 -1
- package/dist/ptcw-design/{p-377c65ff.entry.js → p-33c054ff.entry.js} +1 -1
- package/dist/ptcw-design/{p-c5df36ad.entry.js → p-33db658c.entry.js} +1 -1
- package/dist/ptcw-design/{p-59ac682d.entry.js → p-37fe2ada.entry.js} +1 -1
- package/dist/ptcw-design/{p-d72c0973.entry.js → p-3aa32e28.entry.js} +1 -1
- package/dist/ptcw-design/{p-689f0741.entry.js → p-3bb91bc8.entry.js} +1 -1
- package/dist/ptcw-design/{p-3f5f1e41.entry.js → p-3be42a04.entry.js} +1 -1
- package/dist/ptcw-design/{p-f6dfc55e.entry.js → p-3ca49454.entry.js} +1 -1
- package/dist/ptcw-design/p-3cd9a53d.entry.js +1 -0
- package/dist/ptcw-design/{p-1791ba1d.entry.js → p-3f57e156.entry.js} +1 -1
- package/dist/ptcw-design/p-405f9284.entry.js +1 -0
- package/dist/ptcw-design/{p-c49293f0.entry.js → p-40a6e32d.entry.js} +1 -1
- package/dist/ptcw-design/p-43aa9e96.entry.js +1 -0
- package/dist/ptcw-design/{p-e8cd5994.entry.js → p-46d9058c.entry.js} +1 -1
- package/dist/ptcw-design/{p-9d64961f.entry.js → p-4a865061.entry.js} +1 -1
- package/dist/ptcw-design/{p-3fa6d101.entry.js → p-4ddf04cf.entry.js} +1 -1
- package/dist/ptcw-design/{p-47910a67.entry.js → p-521f8a44.entry.js} +1 -1
- package/dist/ptcw-design/{p-6a5bc275.entry.js → p-5249434f.entry.js} +1 -1
- package/dist/ptcw-design/{p-84d3f4fa.entry.js → p-565bd4fa.entry.js} +1 -1
- package/dist/ptcw-design/{p-e8ba44ba.entry.js → p-568103b8.entry.js} +1 -1
- package/dist/ptcw-design/{p-e1dd94a9.entry.js → p-58e883bc.entry.js} +1 -1
- package/dist/ptcw-design/{p-1b972064.entry.js → p-5a6614a3.entry.js} +1 -1
- package/dist/ptcw-design/{p-f245f1bd.entry.js → p-5aebbb5d.entry.js} +1 -1
- package/dist/ptcw-design/{p-17a5ae95.entry.js → p-5b7db027.entry.js} +1 -1
- package/dist/ptcw-design/{p-9d681abc.entry.js → p-5d3c3f35.entry.js} +1 -1
- package/dist/ptcw-design/{p-2ba6bbbe.entry.js → p-6159ccab.entry.js} +1 -1
- package/dist/ptcw-design/{p-ff59a433.entry.js → p-6208dc3d.entry.js} +1 -1
- package/dist/ptcw-design/{p-e312626a.entry.js → p-66a121a7.entry.js} +1 -1
- package/dist/ptcw-design/{p-a7f9aa80.entry.js → p-6aa14f70.entry.js} +1 -1
- package/dist/ptcw-design/{p-84090398.entry.js → p-6d1fc569.entry.js} +1 -1
- package/dist/ptcw-design/{p-4097a036.entry.js → p-7057b757.entry.js} +1 -1
- package/dist/ptcw-design/{p-a35d9668.entry.js → p-71a5a4b8.entry.js} +1 -1
- package/dist/ptcw-design/{p-e8d9a19f.entry.js → p-75d0ee9e.entry.js} +1 -1
- package/dist/ptcw-design/{p-60f17bef.entry.js → p-7951252a.entry.js} +1 -1
- package/dist/ptcw-design/{p-bd470a7a.entry.js → p-7f1dd267.entry.js} +1 -1
- package/dist/ptcw-design/{p-3b8731e6.entry.js → p-8471b016.entry.js} +1 -1
- package/dist/ptcw-design/{p-ee20170a.entry.js → p-84e83224.entry.js} +1 -1
- package/dist/ptcw-design/{p-98b6cb94.entry.js → p-8609c7b2.entry.js} +1 -1
- package/dist/ptcw-design/{p-9a71ca13.entry.js → p-88932cf7.entry.js} +1 -1
- package/dist/ptcw-design/{p-bf808180.entry.js → p-8d2425b5.entry.js} +1 -1
- package/dist/ptcw-design/{p-26f31be6.entry.js → p-91a9844b.entry.js} +1 -1
- package/dist/ptcw-design/{p-5f69e216.entry.js → p-92648b82.entry.js} +1 -1
- package/dist/ptcw-design/{p-0532c37c.entry.js → p-92bbd407.entry.js} +1 -1
- package/dist/ptcw-design/{p-15e08cba.entry.js → p-945d22e4.entry.js} +1 -1
- package/dist/ptcw-design/{p-9e3b390e.entry.js → p-94b48312.entry.js} +1 -1
- package/dist/ptcw-design/{p-b82f8dd8.entry.js → p-95405fac.entry.js} +1 -1
- package/dist/ptcw-design/{p-eb65dacf.entry.js → p-9691a9fe.entry.js} +1 -1
- package/dist/ptcw-design/{p-fb88e7a6.entry.js → p-98e44593.entry.js} +1 -1
- package/dist/ptcw-design/{p-6449418a.entry.js → p-9e8791c4.entry.js} +1 -1
- package/dist/ptcw-design/{p-3f368d6d.entry.js → p-9f227e83.entry.js} +1 -1
- package/dist/ptcw-design/{p-99457ebb.entry.js → p-a2ed8861.entry.js} +1 -1
- package/dist/ptcw-design/{p-6aba5f8f.entry.js → p-a32571b5.entry.js} +1 -1
- package/dist/ptcw-design/{p-3ed0384d.entry.js → p-a64f1d6f.entry.js} +1 -1
- package/dist/ptcw-design/{p-31c33a18.entry.js → p-a6c6e898.entry.js} +1 -1
- package/dist/ptcw-design/{p-77f5cf02.entry.js → p-a7330910.entry.js} +1 -1
- package/dist/ptcw-design/{p-75b17a66.entry.js → p-a95fd3fc.entry.js} +1 -1
- package/dist/ptcw-design/{p-9817c40a.entry.js → p-aa5af6a7.entry.js} +1 -1
- package/dist/ptcw-design/{p-df0aa310.entry.js → p-ac96f617.entry.js} +1 -1
- package/dist/ptcw-design/{p-5248efee.entry.js → p-ae99e19e.entry.js} +1 -1
- package/dist/ptcw-design/{p-739ab9b5.entry.js → p-b701d9be.entry.js} +1 -1
- package/dist/ptcw-design/p-b80358ed.entry.js +1 -0
- package/dist/ptcw-design/{p-cefb766f.entry.js → p-bd474021.entry.js} +1 -1
- package/dist/ptcw-design/{p-565dd14e.entry.js → p-bdbb9aa2.entry.js} +1 -1
- package/dist/ptcw-design/{p-018470e2.entry.js → p-c20538ec.entry.js} +1 -1
- package/dist/ptcw-design/{p-189c7c5a.entry.js → p-c3e21c68.entry.js} +1 -1
- package/dist/ptcw-design/{p-cf70a004.entry.js → p-c58c3218.entry.js} +1 -1
- package/dist/ptcw-design/{p-63f811ec.entry.js → p-c9303172.entry.js} +1 -1
- package/dist/ptcw-design/{p-507ab0b3.entry.js → p-ca7250a3.entry.js} +1 -1
- package/dist/ptcw-design/{p-cf1005f9.entry.js → p-ccb6fcb7.entry.js} +1 -1
- package/dist/ptcw-design/{p-11582f1e.entry.js → p-ccca7c24.entry.js} +1 -1
- package/dist/ptcw-design/p-cd1627fd.entry.js +1 -0
- package/dist/ptcw-design/{p-56da9ecd.entry.js → p-cd8b434c.entry.js} +1 -1
- package/dist/ptcw-design/{p-804fa554.entry.js → p-cffa0871.entry.js} +1 -1
- package/dist/ptcw-design/{p-0074d97c.entry.js → p-d4999019.entry.js} +1 -1
- package/dist/ptcw-design/p-d6645d4e.entry.js +1 -0
- package/dist/ptcw-design/{p-726a8b6f.entry.js → p-d8fbe29e.entry.js} +1 -1
- package/dist/ptcw-design/{p-d9501715.entry.js → p-da9d7dd3.entry.js} +1 -1
- package/dist/ptcw-design/{p-6a4bb3e8.entry.js → p-dafb152d.entry.js} +1 -1
- package/dist/ptcw-design/{p-58291e3a.entry.js → p-dfec5f00.entry.js} +1 -1
- package/dist/ptcw-design/{p-704456f9.entry.js → p-dff8c778.entry.js} +1 -1
- package/dist/ptcw-design/{p-029f9072.entry.js → p-e40fc7a4.entry.js} +1 -1
- package/dist/ptcw-design/{p-aa1cd855.entry.js → p-ede6a0f0.entry.js} +1 -1
- package/dist/ptcw-design/{p-3a4f707a.entry.js → p-eef785f3.entry.js} +1 -1
- package/dist/ptcw-design/{p-5c47361e.entry.js → p-f1c77113.entry.js} +1 -1
- package/dist/ptcw-design/{p-17fd5641.entry.js → p-f29c71fe.entry.js} +1 -1
- package/dist/ptcw-design/p-f363d813.entry.js +1 -0
- package/dist/ptcw-design/{p-6449b769.entry.js → p-f7b3d970.entry.js} +1 -1
- package/dist/ptcw-design/{p-2254e000.entry.js → p-ffede29b.entry.js} +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/dynamic-box-bundle/dynamic-box-bundle.d.ts +10 -10
- package/dist/types/components/icon-asset/icon-asset.d.ts +40 -40
- package/dist/types/components/innovator-toggle-container/innovator-toggle-container.d.ts +17 -17
- package/dist/types/components/list-item/list-item.d.ts +16 -16
- package/dist/types/components/max-width-container/max-width-container.d.ts +16 -16
- package/dist/types/components/my-component/my-component.d.ts +16 -16
- package/dist/types/components/organism-bundles/author-listing-example/author-listing-example.d.ts +12 -12
- package/dist/types/components/organism-bundles/bundle-example/bundle-example.d.ts +14 -10
- package/dist/types/components/organism-bundles/bundle-featured-list/featured-list.d.ts +12 -12
- package/dist/types/components/organism-bundles/bundle-jumbotron-example/bundle-jumbotron-example.d.ts +5 -5
- package/dist/types/components/organism-bundles/form/embedded-form/embedded-form.d.ts +29 -29
- package/dist/types/components/organism-bundles/form/ptc-form/ptc-form.d.ts +25 -25
- package/dist/types/components/organism-bundles/sequential-bundle/sequential-bundle.d.ts +12 -12
- package/dist/types/components/organism-bundles/sequential-bundle-example/sequential-bundle-example.d.ts +16 -16
- package/dist/types/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.d.ts +63 -63
- package/dist/types/components/ptc-accordion/ptc-accordion.d.ts +17 -17
- package/dist/types/components/ptc-announcement/ptc-announcement.d.ts +59 -59
- package/dist/types/components/ptc-back-to-top/ptc-back-to-top.d.ts +9 -9
- package/dist/types/components/ptc-background-video/ptc-background-video.d.ts +45 -45
- package/dist/types/components/ptc-bio-card/ptc-bio-card.d.ts +27 -27
- package/dist/types/components/ptc-breadcrumb/ptc-breadcrumb.d.ts +20 -20
- package/dist/types/components/ptc-brightcov-video/ptc-brightcov-video.d.ts +6 -6
- package/dist/types/components/ptc-button/ptc-button.d.ts +64 -64
- package/dist/types/components/ptc-card/ptc-card.d.ts +84 -84
- 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 +19 -19
- package/dist/types/components/ptc-card-wrapper/ptc-card-wrapper.d.ts +30 -28
- package/dist/types/components/ptc-case-studies-slider/ptc-case-studies-slider.d.ts +14 -14
- package/dist/types/components/ptc-checkbox/ptc-checkbox.d.ts +14 -14
- package/dist/types/components/ptc-collapse-list/ptc-collapse-list.d.ts +60 -60
- package/dist/types/components/ptc-container/ptc-container.d.ts +13 -13
- package/dist/types/components/ptc-date/ptc-date.d.ts +46 -46
- package/dist/types/components/ptc-dropdown/ptc-dropdown.d.ts +19 -19
- package/dist/types/components/ptc-dynamic-card/ptc-dynamic-card.d.ts +23 -23
- package/dist/types/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.d.ts +15 -15
- package/dist/types/components/ptc-embedded-quiz/ptc-embedded-quiz.d.ts +21 -21
- package/dist/types/components/ptc-featured-list/fl-tab-content/fl-tab-content.d.ts +5 -5
- package/dist/types/components/ptc-featured-list/fl-tab-header/fl-tab-header.d.ts +12 -12
- package/dist/types/components/ptc-featured-list/fl-tab-image/fl-tab-image.d.ts +5 -5
- package/dist/types/components/ptc-featured-list/ptc-featured-list.d.ts +12 -12
- package/dist/types/components/ptc-filter-dropdown/ptc-filter-dropdown.d.ts +24 -24
- package/dist/types/components/ptc-filter-level-theater/ptc-filter-level-theater.d.ts +14 -14
- package/dist/types/components/ptc-filter-tag/ptc-filter-tag.d.ts +17 -17
- package/dist/types/components/ptc-form-checkbox/ptc-form-checkbox.d.ts +20 -20
- package/dist/types/components/ptc-hero/ptc-hero.d.ts +16 -16
- package/dist/types/components/ptc-hero-footer-cta/ptc-hero-footer-cta.d.ts +6 -6
- package/dist/types/components/ptc-icon-component/ptc-icon-component.d.ts +17 -17
- 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 +12 -12
- package/dist/types/components/ptc-image-download-strip/ptc-image-download-strip.d.ts +9 -9
- package/dist/types/components/ptc-img/ptc-img.d.ts +55 -55
- package/dist/types/components/ptc-jumbotron/ptc-jumbotron.d.ts +26 -26
- package/dist/types/components/ptc-link/ptc-link.d.ts +44 -44
- package/dist/types/components/ptc-list/ptc-list.d.ts +8 -8
- package/dist/types/components/ptc-media-card/ptc-media-card.d.ts +52 -52
- package/dist/types/components/ptc-minimized-nav/ptc-minimized-nav.d.ts +7 -7
- package/dist/types/components/ptc-mobile-select/ptc-mobile-select.d.ts +36 -36
- package/dist/types/components/ptc-modal/ptc-modal.d.ts +71 -71
- package/dist/types/components/ptc-modal-quiz/ptc-modal-quiz.d.ts +35 -34
- package/dist/types/components/ptc-nav-card/ptc-nav-card.d.ts +46 -46
- package/dist/types/components/ptc-nav-pills/ptc-nav-pills.d.ts +3 -3
- package/dist/types/components/ptc-news/ptc-news.d.ts +36 -36
- package/dist/types/components/ptc-overlay/ptc-overlay.d.ts +21 -21
- package/dist/types/components/ptc-pagenation/ptc-pagenation.d.ts +40 -40
- package/dist/types/components/ptc-para/ptc-para.d.ts +47 -47
- package/dist/types/components/ptc-picture/ptc-picture.d.ts +102 -102
- package/dist/types/components/ptc-podcast-card/ptc-podcast-card.d.ts +15 -15
- package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +9 -9
- package/dist/types/components/ptc-pricing-add-on-card/ptc-pricing-add-on-card.d.ts +31 -27
- package/dist/types/components/ptc-pricing-add-on-section/ptc-pricing-add-on-section.d.ts +22 -21
- package/dist/types/components/ptc-pricing-block/ptc-pricing-block.d.ts +7 -7
- package/dist/types/components/ptc-pricing-packaging-table/ptc-pricing-packaging-table.d.ts +78 -0
- package/dist/types/components/ptc-pricing-table/ptc-pricing-table.d.ts +110 -110
- package/dist/types/components/ptc-pricing-tabs/ptc-pricing-tabs.d.ts +52 -52
- package/dist/types/components/ptc-product-card/ptc-product-card.d.ts +37 -37
- package/dist/types/components/ptc-product-category/ptc-product-category.d.ts +5 -5
- package/dist/types/components/ptc-product-dropdown/ptc-product-dropdown.d.ts +18 -18
- package/dist/types/components/ptc-product-highlight-card/ptc-product-highlight-card.d.ts +23 -23
- package/dist/types/components/ptc-product-list/ptc-product-list.d.ts +18 -18
- package/dist/types/components/ptc-product-sidebar/ptc-product-sidebar.d.ts +31 -31
- package/dist/types/components/ptc-progress-bar/ptc-progress-bar.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 +58 -58
- package/dist/types/components/ptc-readmore-char/ptc-readmore-char.d.ts +30 -30
- package/dist/types/components/ptc-related-card-rail/ptc-related-card-rail.d.ts +30 -30
- package/dist/types/components/ptc-responsive-wrapper/ptc-responsive-wrapper.d.ts +8 -8
- package/dist/types/components/ptc-search-field/ptc-search-field.d.ts +23 -23
- package/dist/types/components/ptc-select/ptc-select.d.ts +18 -18
- package/dist/types/components/ptc-shopping-cart/ptc-shopping-cart.d.ts +6 -6
- package/dist/types/components/ptc-skeleton/ptc-skeleton.d.ts +10 -10
- package/dist/types/components/ptc-slit-card/ptc-slit-card.d.ts +36 -36
- package/dist/types/components/ptc-social-share/ptc-social-share.d.ts +37 -37
- package/dist/types/components/ptc-spacer/ptc-spacer.d.ts +16 -16
- package/dist/types/components/ptc-span/ptc-span.d.ts +20 -20
- package/dist/types/components/ptc-square-card/ptc-square-card.d.ts +11 -11
- package/dist/types/components/ptc-sticky-icons/ptc-sticky-icons.d.ts +7 -7
- package/dist/types/components/ptc-sticky-section/ptc-sticky-section.d.ts +9 -9
- package/dist/types/components/ptc-sticky-title/ptc-sticky-title.d.ts +8 -8
- package/dist/types/components/ptc-svg-btn/ptc-svg-btn.d.ts +20 -20
- package/dist/types/components/ptc-tab-list/ptc-tab-list.d.ts +23 -23
- package/dist/types/components/ptc-tabs/ptc-tab.d.ts +9 -9
- package/dist/types/components/ptc-tabs/ptc-tabs.d.ts +10 -10
- package/dist/types/components/ptc-text-copy-with-background/ptc-text-copy-with-background.d.ts +38 -38
- package/dist/types/components/ptc-textfield/ptc-textfield.d.ts +27 -27
- package/dist/types/components/ptc-theater-video/ptc-theater-video.d.ts +11 -11
- package/dist/types/components/ptc-theater-video-modal/ptc-theater-video-modal.d.ts +15 -15
- package/dist/types/components/ptc-theater-video-playlist/ptc-theater-video-playlist.d.ts +12 -12
- package/dist/types/components/ptc-title/ptc-title.d.ts +54 -54
- package/dist/types/components/ptc-tooltip/ptc-tooltip.d.ts +59 -59
- package/dist/types/components/ptc-two-column-media/ptc-two-column-media.d.ts +9 -9
- package/dist/types/components/ptc-value-prop-card/ptc-value-prop-card.d.ts +23 -23
- package/dist/types/components/subnav/ptc-nav-link/ptc-nav-link.d.ts +26 -26
- package/dist/types/components/subnav/ptc-nav-slider/ptc-nav-slider.d.ts +11 -11
- package/dist/types/components/subnav/ptc-nav-submenu/ptc-nav-submenu.d.ts +23 -23
- package/dist/types/components/subnav/ptc-subnav/ptc-subnav.d.ts +11 -11
- package/dist/types/components/subnav/ptc-subnav-card/ptc-subnav-card.d.ts +27 -27
- package/dist/types/components/tab-content/tab-content.d.ts +12 -12
- package/dist/types/components/tab-header/tab-header.d.ts +22 -22
- package/dist/types/components.d.ts +256 -186
- package/dist/types/index.d.ts +1 -1
- package/dist/types/utils/component.d.ts +1 -1
- package/dist/types/utils/interfaces.d.ts +32 -32
- package/dist/types/utils/utils.d.ts +5 -5
- package/package.json +88 -88
- package/readme.md +19 -19
- package/dist/ptcw-design/p-6b1d18b1.entry.js +0 -1
- package/dist/ptcw-design/p-6e11536e.entry.js +0 -1
- package/dist/ptcw-design/p-a417df03.entry.js +0 -1
- package/dist/ptcw-design/p-be8db2b7.entry.js +0 -1
- package/dist/ptcw-design/p-d2696731.entry.js +0 -1
- package/dist/ptcw-design/p-f6cf3eea.entry.js +0 -1
- package/dist/ptcw-design/p-fe85ac05.entry.js +0 -1
- /package/dist/ptcw-design/{p-ea875d9e.js → p-36665caa.js} +0 -0
- /package/dist/ptcw-design/{p-240733ce.js → p-711bcdad.js} +0 -0
|
@@ -1,58 +1,58 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host, g as getElement } from './index-
|
|
1
|
+
import { r as registerInstance, h, H as Host, g as getElement } from './index-62587d0b.js';
|
|
2
2
|
|
|
3
3
|
const ptcParaCss = ":host{position:relative;z-index:1}:host(.white){color:var(--color-white)}:host(.z-1){z-index:1}:host(.z-2){z-index:2}:host(.z-3){z-index:3}:host(.z-99){z-index:99}:host(.z-999){z-index:999}:host(.z-auto){z-index:auto}p.default{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}p.main{text-shadow:0 3px 6px var(--color-white);line-height:var(--ptc-line-height-dense);color:var(--color-gray-10)}p.primary-grey{color:var(--color-gray-10)}p.gray-darker{color:var(--color-gray-11)}p.white{color:var(--color-white)}p.xxx-small{font-size:var(--ptc-font-size-xxx-small)}p.xx-small{font-size:var(--ptc-font-size-xx-small)}p.x-small{font-size:var(--ptc-font-size-x-small)}p.small{font-size:var(--ptc-font-size-small)}p.medium{font-size:var(--ptc-font-size-medium)}p.large{font-size:var(--ptc-font-size-large)}p.x-large{font-size:var(--ptc-font-size-x-large)}p.xx-large{font-size:var(--ptc-font-size-xx-large)}p.xxx-large{font-size:var(--ptc-font-size-xxx-large)}p.xxxx-large{font-size:var(--ptc-font-size-xxxx-large)}p.htmlquote-para{font-size:var(--ptc-font-size-small)}@media only screen and (min-width: 992px){p.htmlquote-para{font-size:var(--ptc-font-size-large)}}p.w-3{font-weight:var(--ptc-font-weight-thin)}p.w-4{font-weight:var(--ptc-font-weight-regular)}p.w-5{font-weight:var(--ptc-font-weight-medium)}p.w-6{font-weight:var(--ptc-font-weight-semibold)}p.w-7{font-weight:var(--ptc-font-weight-bold)}p.w-8{font-weight:var(--ptc-font-weight-extrabold)}p.w-9{font-weight:var(--ptc-font-weight-black)}p.margin-flush{margin-top:0;margin-bottom:0}p.margin-top-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:0}p.margin-top-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}p.margin-top-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}p.margin-top-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}p.margin-top-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}p.margin-top-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}p.margin-bottom-1{margin-bottom:var(--ptc-element-spacing-01);margin-top:0}p.margin-bottom-2{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}p.margin-bottom-3{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}p.margin-bottom-4{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}p.margin-bottom-5{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}p.margin-bottom-6{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}p.margin-1{margin-top:var(--ptc-element-spacing-01);margin-bottom:var(--ptc-element-spacing-01)}p.margin-2{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}p.margin-3{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}p.margin-4{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}p.margin-5{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}p.margin-6{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}p.line-height-densest{line-height:var(--ptc-line-height-densest)}p.line-height-denser{line-height:var(--ptc-line-height-denser)}p.line-height-p{line-height:var(--ptc-line-height-p)}p.line-height-dense{line-height:var(--ptc-line-height-dense)}p.line-height-normal{line-height:var(--ptc-line-height-normal)}p.line-height-loose{line-height:var(--ptc-line-height-loose)}p.line-height-looser{line-height:var(--ptc-line-height-looser)}p.left{text-align:left}p.right{text-align:right}p.center{text-align:center}p.justify{text-align:justify}p.announcement{text-transform:uppercase;font-size:var(--ptc-font-size-small);color:var(--color-gray-07);line-height:var(--ptc-line-height-looser);letter-spacing:var(--ptc-letter-spacing-loose)}p.ellipsis-boxing{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word}";
|
|
4
4
|
|
|
5
|
-
const PtcPara = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.fontSize = 'x-small';
|
|
9
|
-
this.fontWeight = 'w-4';
|
|
10
|
-
this.paraStyle = 'default';
|
|
11
|
-
this.paraColor = 'primary-grey';
|
|
12
|
-
this.paraLineH = 'line-height-normal';
|
|
13
|
-
this.paraMargin = undefined;
|
|
14
|
-
this.paraAlign = undefined;
|
|
15
|
-
this.ellipsisLineCutoff = undefined;
|
|
16
|
-
this.paraZIndex = undefined;
|
|
17
|
-
this.styles = undefined;
|
|
18
|
-
}
|
|
19
|
-
render() {
|
|
20
|
-
const classMap = this.getCssClassMap();
|
|
21
|
-
const colorClass = this.addWhiteClass();
|
|
22
|
-
const cutOff = this.getLineCuttoff();
|
|
23
|
-
return (h(Host, { class: `${colorClass} ${this.paraZIndex}` }, this.styles && h("style", null, this.styles), h("p", { class: classMap, part: "part-para", style: cutOff }, h("slot", null))));
|
|
24
|
-
}
|
|
25
|
-
getCssClassMap() {
|
|
26
|
-
return {
|
|
27
|
-
[this.fontSize]: true,
|
|
28
|
-
[this.fontWeight]: true,
|
|
29
|
-
[this.paraStyle]: true,
|
|
30
|
-
[this.paraMargin]: !!this.paraMargin ? true : false,
|
|
31
|
-
[this.paraColor]: true,
|
|
32
|
-
[this.paraLineH]: true,
|
|
33
|
-
[this.paraAlign]: !!this.paraAlign ? true : false,
|
|
34
|
-
['ellipsis-boxing']: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
|
|
35
|
-
};
|
|
36
|
-
}
|
|
37
|
-
//WEB-2392
|
|
38
|
-
addWhiteClass() {
|
|
39
|
-
if (this.paraColor == 'white') {
|
|
40
|
-
return {
|
|
41
|
-
[this.paraColor]: true,
|
|
42
|
-
};
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
getLineCuttoff() {
|
|
46
|
-
let result;
|
|
47
|
-
if (this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0) {
|
|
48
|
-
result = {
|
|
49
|
-
['-webkit-line-clamp']: `${this.ellipsisLineCutoff}`,
|
|
50
|
-
};
|
|
51
|
-
}
|
|
52
|
-
return result;
|
|
53
|
-
}
|
|
54
|
-
get el() { return getElement(this); }
|
|
55
|
-
};
|
|
5
|
+
const PtcPara = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
this.fontSize = 'x-small';
|
|
9
|
+
this.fontWeight = 'w-4';
|
|
10
|
+
this.paraStyle = 'default';
|
|
11
|
+
this.paraColor = 'primary-grey';
|
|
12
|
+
this.paraLineH = 'line-height-normal';
|
|
13
|
+
this.paraMargin = undefined;
|
|
14
|
+
this.paraAlign = undefined;
|
|
15
|
+
this.ellipsisLineCutoff = undefined;
|
|
16
|
+
this.paraZIndex = undefined;
|
|
17
|
+
this.styles = undefined;
|
|
18
|
+
}
|
|
19
|
+
render() {
|
|
20
|
+
const classMap = this.getCssClassMap();
|
|
21
|
+
const colorClass = this.addWhiteClass();
|
|
22
|
+
const cutOff = this.getLineCuttoff();
|
|
23
|
+
return (h(Host, { class: `${colorClass} ${this.paraZIndex}` }, this.styles && h("style", null, this.styles), h("p", { class: classMap, part: "part-para", style: cutOff }, h("slot", null))));
|
|
24
|
+
}
|
|
25
|
+
getCssClassMap() {
|
|
26
|
+
return {
|
|
27
|
+
[this.fontSize]: true,
|
|
28
|
+
[this.fontWeight]: true,
|
|
29
|
+
[this.paraStyle]: true,
|
|
30
|
+
[this.paraMargin]: !!this.paraMargin ? true : false,
|
|
31
|
+
[this.paraColor]: true,
|
|
32
|
+
[this.paraLineH]: true,
|
|
33
|
+
[this.paraAlign]: !!this.paraAlign ? true : false,
|
|
34
|
+
['ellipsis-boxing']: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
//WEB-2392
|
|
38
|
+
addWhiteClass() {
|
|
39
|
+
if (this.paraColor == 'white') {
|
|
40
|
+
return {
|
|
41
|
+
[this.paraColor]: true,
|
|
42
|
+
};
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
getLineCuttoff() {
|
|
46
|
+
let result;
|
|
47
|
+
if (this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0) {
|
|
48
|
+
result = {
|
|
49
|
+
['-webkit-line-clamp']: `${this.ellipsisLineCutoff}`,
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
return result;
|
|
53
|
+
}
|
|
54
|
+
get el() { return getElement(this); }
|
|
55
|
+
};
|
|
56
56
|
PtcPara.style = ptcParaCss;
|
|
57
57
|
|
|
58
58
|
export { PtcPara as ptc_para };
|
|
@@ -1,159 +1,159 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host, g as getElement } from './index-
|
|
2
|
-
import { a as ResponsivePictureVariables } from './interfaces-
|
|
1
|
+
import { r as registerInstance, h, H as Host, g as getElement } from './index-62587d0b.js';
|
|
2
|
+
import { a as ResponsivePictureVariables } from './interfaces-4caedd26.js';
|
|
3
3
|
|
|
4
4
|
const ptcPictureCss = ":host{display:block;overflow:hidden}:host .inline{display:inline}:host .inline-block{display:inline-block}:host .block{display:block}:host(.relative){position:relative}:host(.static){position:static}:host(.absoltue){position:absolute}img{max-width:100%}.cover{object-fit:cover}.fill{object-fit:fill}.contain{object-fit:contain}.scale-down{object-fit:scale-down}.none{object-fit:none}.initial{object-fit:initial}.inherit{object-fit:inherit}.radius-standard{border-radius:var(--ptc-border-radius-standard)}.radius-large{border-radius:var(--ptc-border-radius-large)}.is-full-height{height:100%}.is-full-width{width:100%}:host(.left){text-align:left}:host(.right){text-align:right}:host(.center){text-align:center}";
|
|
5
5
|
|
|
6
|
-
const PtcPicture = class {
|
|
7
|
-
constructor(hostRef) {
|
|
8
|
-
registerInstance(this, hostRef);
|
|
9
|
-
this.src = undefined;
|
|
10
|
-
this.alt = 'image';
|
|
11
|
-
this.sizeXs = '510x340';
|
|
12
|
-
this.sizeSm = '1240x496';
|
|
13
|
-
this.sizeMd = '1366x500';
|
|
14
|
-
this.sizeLg = '1920x1080';
|
|
15
|
-
this.disableResize = false;
|
|
16
|
-
this.oldSrc = undefined;
|
|
17
|
-
this.imagePosition = 'static';
|
|
18
|
-
this.borderRadius = undefined;
|
|
19
|
-
this.height = undefined;
|
|
20
|
-
this.width = undefined;
|
|
21
|
-
this.objectFit = 'cover';
|
|
22
|
-
this.isFullHeight = false;
|
|
23
|
-
this.isFullWidth = false;
|
|
24
|
-
this.styles = undefined;
|
|
25
|
-
this.imageAlignment = 'left';
|
|
26
|
-
this.maxWidth = undefined;
|
|
27
|
-
this.displayImage = 'block';
|
|
28
|
-
}
|
|
29
|
-
WindowResize() {
|
|
30
|
-
this.addIntersectionObserver();
|
|
31
|
-
}
|
|
32
|
-
componentWillLoad() {
|
|
33
|
-
if (this.disableResize) {
|
|
34
|
-
this.sizeXs = undefined;
|
|
35
|
-
this.sizeSm = undefined;
|
|
36
|
-
this.sizeMd = undefined;
|
|
37
|
-
this.sizeLg = undefined;
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
componentDidLoad() {
|
|
41
|
-
this.addIntersectionObserver();
|
|
42
|
-
}
|
|
43
|
-
componentWillUpdate() {
|
|
44
|
-
if (this.src !== this.oldSrc) {
|
|
45
|
-
this.addIntersectionObserver();
|
|
46
|
-
}
|
|
47
|
-
this.oldSrc = this.src;
|
|
48
|
-
}
|
|
49
|
-
//lazy-loading
|
|
50
|
-
addIntersectionObserver() {
|
|
51
|
-
if (!this.src) {
|
|
52
|
-
return;
|
|
53
|
-
}
|
|
54
|
-
if ('IntersectionObserver' in window) {
|
|
55
|
-
let lazyLoadImages = new IntersectionObserver(entries => {
|
|
56
|
-
entries.forEach(entry => {
|
|
57
|
-
if (entry.isIntersecting) {
|
|
58
|
-
const image = this.el.shadowRoot.querySelector('img');
|
|
59
|
-
image.src = this.setResponsiveBg();
|
|
60
|
-
lazyLoadImages.unobserve(image);
|
|
61
|
-
}
|
|
62
|
-
});
|
|
63
|
-
});
|
|
64
|
-
let tempImg = this.el.shadowRoot.querySelector('img');
|
|
65
|
-
if (tempImg) {
|
|
66
|
-
lazyLoadImages.observe(tempImg);
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
else {
|
|
70
|
-
// fall back to setTimeout for Safari and IE
|
|
71
|
-
setTimeout(() => {
|
|
72
|
-
const image = this.el.shadowRoot.querySelector('img');
|
|
73
|
-
image.src = this.setResponsiveBg();
|
|
74
|
-
image.onload = () => {
|
|
75
|
-
image.removeAttribute('data-src');
|
|
76
|
-
console.log('loaded fallback');
|
|
77
|
-
};
|
|
78
|
-
}, 5000);
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
//responsive image
|
|
82
|
-
setResponsiveBg() {
|
|
83
|
-
// Define local variables
|
|
84
|
-
let backgrounds = (this.el.shadowRoot || document).querySelectorAll('img'), el, elData, currentBreakpoint = this.getCurrentBreakPoints();
|
|
85
|
-
for (var i = 0, len = backgrounds.length; i < len; i++) {
|
|
86
|
-
// Set current variables
|
|
87
|
-
el = backgrounds[i];
|
|
88
|
-
elData = el.getAttribute('data-' + currentBreakpoint);
|
|
89
|
-
if (elData !== null) {
|
|
90
|
-
return elData;
|
|
91
|
-
}
|
|
92
|
-
else {
|
|
93
|
-
if (typeof console == 'object') {
|
|
94
|
-
console.warn('Data attribute: data-' + currentBreakpoint + ' not found on element:\n\n' + el.outerHTML + '\n\n\n');
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
render() {
|
|
100
|
-
const classMap = this.getCssClassMap();
|
|
101
|
-
const classMapHost = this.getCssClassMapHost();
|
|
102
|
-
return (h(Host, { class: classMapHost }, this.styles && h("style", null, this.styles), h("img", Object.assign({ class: classMap, "data-xs": !!this.sizeXs ? `${this.src}:${this.sizeXs}` : `${this.src}`, "data-sm": !!this.sizeSm ? `${this.src}:${this.sizeSm}` : `${this.src}`, "data-md": !!this.sizeMd ? `${this.src}:${this.sizeMd}` : `${this.src}`, "data-lg": !!this.sizeLg ? `${this.src}:${this.sizeLg}` : `${this.src}` }, (!!this.width ? { width: this.width } : {}), (!!this.height ? { height: this.height } : {}), { alt: this.alt, style: Object.assign({}, (!!this.maxWidth ? { maxWidth: this.maxWidth + 'px' } : {})) })), h("slot", null)));
|
|
103
|
-
}
|
|
104
|
-
getCurrentBreakPoints() {
|
|
105
|
-
// Define local variables
|
|
106
|
-
let doc = window.document, temp = doc.createElement('div'), env;
|
|
107
|
-
// Append test node
|
|
108
|
-
doc.body.appendChild(temp);
|
|
109
|
-
// Loop through breakpoints
|
|
110
|
-
for (let i = ResponsivePictureVariables.envs.length - 1; i >= 0; i--) {
|
|
111
|
-
env = ResponsivePictureVariables.envs[i];
|
|
112
|
-
// Add classes
|
|
113
|
-
temp.className = 'hidden-' + env;
|
|
114
|
-
// Found breakpoint
|
|
115
|
-
if (temp.offsetParent === null) {
|
|
116
|
-
// Remove our test node
|
|
117
|
-
doc.body.removeChild(temp);
|
|
118
|
-
// Return current breakpoint
|
|
119
|
-
return env;
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
// Breakpoint not found, try fallback
|
|
123
|
-
doc.body.removeChild(temp);
|
|
124
|
-
return this.getFallbackBreakpoint();
|
|
125
|
-
}
|
|
126
|
-
getFallbackBreakpoint() {
|
|
127
|
-
if (window.matchMedia('(min-width: 992px)').matches) {
|
|
128
|
-
return 'lg';
|
|
129
|
-
}
|
|
130
|
-
else if (window.matchMedia('(min-width: 768px)').matches) {
|
|
131
|
-
return 'md';
|
|
132
|
-
}
|
|
133
|
-
else if (window.matchMedia('(min-width: 576px)').matches) {
|
|
134
|
-
return 'sm';
|
|
135
|
-
}
|
|
136
|
-
else {
|
|
137
|
-
return 'xs';
|
|
138
|
-
}
|
|
139
|
-
}
|
|
140
|
-
getCssClassMap() {
|
|
141
|
-
return {
|
|
142
|
-
[this.borderRadius]: this.borderRadius ? true : false,
|
|
143
|
-
[this.objectFit]: true,
|
|
144
|
-
[this.isFullHeight ? 'is-full-height' : 'is-normal-height']: true,
|
|
145
|
-
[this.isFullWidth ? 'is-full-width' : 'is-normal-width']: true,
|
|
146
|
-
[this.displayImage]: true
|
|
147
|
-
};
|
|
148
|
-
}
|
|
149
|
-
getCssClassMapHost() {
|
|
150
|
-
return {
|
|
151
|
-
[this.imagePosition]: true,
|
|
152
|
-
[this.imageAlignment]: true,
|
|
153
|
-
};
|
|
154
|
-
}
|
|
155
|
-
get el() { return getElement(this); }
|
|
156
|
-
};
|
|
6
|
+
const PtcPicture = class {
|
|
7
|
+
constructor(hostRef) {
|
|
8
|
+
registerInstance(this, hostRef);
|
|
9
|
+
this.src = undefined;
|
|
10
|
+
this.alt = 'image';
|
|
11
|
+
this.sizeXs = '510x340';
|
|
12
|
+
this.sizeSm = '1240x496';
|
|
13
|
+
this.sizeMd = '1366x500';
|
|
14
|
+
this.sizeLg = '1920x1080';
|
|
15
|
+
this.disableResize = false;
|
|
16
|
+
this.oldSrc = undefined;
|
|
17
|
+
this.imagePosition = 'static';
|
|
18
|
+
this.borderRadius = undefined;
|
|
19
|
+
this.height = undefined;
|
|
20
|
+
this.width = undefined;
|
|
21
|
+
this.objectFit = 'cover';
|
|
22
|
+
this.isFullHeight = false;
|
|
23
|
+
this.isFullWidth = false;
|
|
24
|
+
this.styles = undefined;
|
|
25
|
+
this.imageAlignment = 'left';
|
|
26
|
+
this.maxWidth = undefined;
|
|
27
|
+
this.displayImage = 'block';
|
|
28
|
+
}
|
|
29
|
+
WindowResize() {
|
|
30
|
+
this.addIntersectionObserver();
|
|
31
|
+
}
|
|
32
|
+
componentWillLoad() {
|
|
33
|
+
if (this.disableResize) {
|
|
34
|
+
this.sizeXs = undefined;
|
|
35
|
+
this.sizeSm = undefined;
|
|
36
|
+
this.sizeMd = undefined;
|
|
37
|
+
this.sizeLg = undefined;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
componentDidLoad() {
|
|
41
|
+
this.addIntersectionObserver();
|
|
42
|
+
}
|
|
43
|
+
componentWillUpdate() {
|
|
44
|
+
if (this.src !== this.oldSrc) {
|
|
45
|
+
this.addIntersectionObserver();
|
|
46
|
+
}
|
|
47
|
+
this.oldSrc = this.src;
|
|
48
|
+
}
|
|
49
|
+
//lazy-loading
|
|
50
|
+
addIntersectionObserver() {
|
|
51
|
+
if (!this.src) {
|
|
52
|
+
return;
|
|
53
|
+
}
|
|
54
|
+
if ('IntersectionObserver' in window) {
|
|
55
|
+
let lazyLoadImages = new IntersectionObserver(entries => {
|
|
56
|
+
entries.forEach(entry => {
|
|
57
|
+
if (entry.isIntersecting) {
|
|
58
|
+
const image = this.el.shadowRoot.querySelector('img');
|
|
59
|
+
image.src = this.setResponsiveBg();
|
|
60
|
+
lazyLoadImages.unobserve(image);
|
|
61
|
+
}
|
|
62
|
+
});
|
|
63
|
+
});
|
|
64
|
+
let tempImg = this.el.shadowRoot.querySelector('img');
|
|
65
|
+
if (tempImg) {
|
|
66
|
+
lazyLoadImages.observe(tempImg);
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
else {
|
|
70
|
+
// fall back to setTimeout for Safari and IE
|
|
71
|
+
setTimeout(() => {
|
|
72
|
+
const image = this.el.shadowRoot.querySelector('img');
|
|
73
|
+
image.src = this.setResponsiveBg();
|
|
74
|
+
image.onload = () => {
|
|
75
|
+
image.removeAttribute('data-src');
|
|
76
|
+
console.log('loaded fallback');
|
|
77
|
+
};
|
|
78
|
+
}, 5000);
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
//responsive image
|
|
82
|
+
setResponsiveBg() {
|
|
83
|
+
// Define local variables
|
|
84
|
+
let backgrounds = (this.el.shadowRoot || document).querySelectorAll('img'), el, elData, currentBreakpoint = this.getCurrentBreakPoints();
|
|
85
|
+
for (var i = 0, len = backgrounds.length; i < len; i++) {
|
|
86
|
+
// Set current variables
|
|
87
|
+
el = backgrounds[i];
|
|
88
|
+
elData = el.getAttribute('data-' + currentBreakpoint);
|
|
89
|
+
if (elData !== null) {
|
|
90
|
+
return elData;
|
|
91
|
+
}
|
|
92
|
+
else {
|
|
93
|
+
if (typeof console == 'object') {
|
|
94
|
+
console.warn('Data attribute: data-' + currentBreakpoint + ' not found on element:\n\n' + el.outerHTML + '\n\n\n');
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
render() {
|
|
100
|
+
const classMap = this.getCssClassMap();
|
|
101
|
+
const classMapHost = this.getCssClassMapHost();
|
|
102
|
+
return (h(Host, { class: classMapHost }, this.styles && h("style", null, this.styles), h("img", Object.assign({ class: classMap, "data-xs": !!this.sizeXs ? `${this.src}:${this.sizeXs}` : `${this.src}`, "data-sm": !!this.sizeSm ? `${this.src}:${this.sizeSm}` : `${this.src}`, "data-md": !!this.sizeMd ? `${this.src}:${this.sizeMd}` : `${this.src}`, "data-lg": !!this.sizeLg ? `${this.src}:${this.sizeLg}` : `${this.src}` }, (!!this.width ? { width: this.width } : {}), (!!this.height ? { height: this.height } : {}), { alt: this.alt, style: Object.assign({}, (!!this.maxWidth ? { maxWidth: this.maxWidth + 'px' } : {})) })), h("slot", null)));
|
|
103
|
+
}
|
|
104
|
+
getCurrentBreakPoints() {
|
|
105
|
+
// Define local variables
|
|
106
|
+
let doc = window.document, temp = doc.createElement('div'), env;
|
|
107
|
+
// Append test node
|
|
108
|
+
doc.body.appendChild(temp);
|
|
109
|
+
// Loop through breakpoints
|
|
110
|
+
for (let i = ResponsivePictureVariables.envs.length - 1; i >= 0; i--) {
|
|
111
|
+
env = ResponsivePictureVariables.envs[i];
|
|
112
|
+
// Add classes
|
|
113
|
+
temp.className = 'hidden-' + env;
|
|
114
|
+
// Found breakpoint
|
|
115
|
+
if (temp.offsetParent === null) {
|
|
116
|
+
// Remove our test node
|
|
117
|
+
doc.body.removeChild(temp);
|
|
118
|
+
// Return current breakpoint
|
|
119
|
+
return env;
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
// Breakpoint not found, try fallback
|
|
123
|
+
doc.body.removeChild(temp);
|
|
124
|
+
return this.getFallbackBreakpoint();
|
|
125
|
+
}
|
|
126
|
+
getFallbackBreakpoint() {
|
|
127
|
+
if (window.matchMedia('(min-width: 992px)').matches) {
|
|
128
|
+
return 'lg';
|
|
129
|
+
}
|
|
130
|
+
else if (window.matchMedia('(min-width: 768px)').matches) {
|
|
131
|
+
return 'md';
|
|
132
|
+
}
|
|
133
|
+
else if (window.matchMedia('(min-width: 576px)').matches) {
|
|
134
|
+
return 'sm';
|
|
135
|
+
}
|
|
136
|
+
else {
|
|
137
|
+
return 'xs';
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
getCssClassMap() {
|
|
141
|
+
return {
|
|
142
|
+
[this.borderRadius]: this.borderRadius ? true : false,
|
|
143
|
+
[this.objectFit]: true,
|
|
144
|
+
[this.isFullHeight ? 'is-full-height' : 'is-normal-height']: true,
|
|
145
|
+
[this.isFullWidth ? 'is-full-width' : 'is-normal-width']: true,
|
|
146
|
+
[this.displayImage]: true
|
|
147
|
+
};
|
|
148
|
+
}
|
|
149
|
+
getCssClassMapHost() {
|
|
150
|
+
return {
|
|
151
|
+
[this.imagePosition]: true,
|
|
152
|
+
[this.imageAlignment]: true,
|
|
153
|
+
};
|
|
154
|
+
}
|
|
155
|
+
get el() { return getElement(this); }
|
|
156
|
+
};
|
|
157
157
|
PtcPicture.style = ptcPictureCss;
|
|
158
158
|
|
|
159
159
|
export { PtcPicture as ptc_picture };
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-
|
|
1
|
+
import { r as registerInstance, h, H as Host } from './index-62587d0b.js';
|
|
2
2
|
|
|
3
3
|
const ptcPodcastCardCss = ".is-grid,.is-grid-inline{display:grid;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr);direction:ltr;grid-column-gap:var(--col-gap);grid-row-gap:var(--row-gap)}.is-grid>*,.is-grid-inline>*{grid-column:span 12}@media screen and (min-width: 992px){.is-grid>*,.is-grid-inline>*{grid-column:span 1}}.is-grid.is-dense,.is-grid-inline.is-dense{grid-auto-flow:dense;-ms-grid-rows:auto;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-row,.is-grid-inline.has-wrapped-row{grid-auto-flow:row;-ms-grid-rows:auto;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-row.is-dense,.is-grid-inline.has-wrapped-row.is-dense{grid-auto-flow:row dense;-ms-grid-rows:auto;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-col,.is-grid-inline.has-wrapped-col{grid-auto-flow:column}.is-grid.has-wrapped-col.is-dense,.is-grid-inline.has-wrapped-col.is-dense{grid-auto-flow:column dense;-ms-grid-rows:auto;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr)}.is-grid-inline{display:inline-grid !important}.has-row-1{grid-template-rows:repeat(1, 1fr)}.has-row-1>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1>*{grid-column:span 1}}.has-row-1-xs>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-1-xs{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-sm>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-1-sm{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-md>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-1-md{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-lg>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-1-lg{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-xl>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-1-xl{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-xxl>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-1-xxl{grid-template-rows:repeat(1, 1fr) !important}}.has-row-2{grid-template-rows:repeat(2, 1fr)}.has-row-2>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2>*{grid-column:span 1}}.has-row-2-xs>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-2-xs{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-sm>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-2-sm{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-md>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-2-md{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-lg>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-2-lg{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-xl>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-2-xl{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-xxl>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-2-xxl{grid-template-rows:repeat(2, 1fr) !important}}.has-row-3{grid-template-rows:repeat(3, 1fr)}.has-row-3>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3>*{grid-column:span 1}}.has-row-3-xs>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-3-xs{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-sm>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-3-sm{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-md>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-3-md{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-lg>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-3-lg{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-xl>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-3-xl{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-xxl>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-3-xxl{grid-template-rows:repeat(3, 1fr) !important}}.has-row-4{grid-template-rows:repeat(4, 1fr)}.has-row-4>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4>*{grid-column:span 1}}.has-row-4-xs>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-4-xs{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-sm>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-4-sm{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-md>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-4-md{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-lg>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-4-lg{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-xl>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-4-xl{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-xxl>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-4-xxl{grid-template-rows:repeat(4, 1fr) !important}}.has-row-5{grid-template-rows:repeat(5, 1fr)}.has-row-5>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5>*{grid-column:span 1}}.has-row-5-xs>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-5-xs{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-sm>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-5-sm{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-md>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-5-md{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-lg>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-5-lg{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-xl>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-5-xl{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-xxl>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-5-xxl{grid-template-rows:repeat(5, 1fr) !important}}.has-row-6{grid-template-rows:repeat(6, 1fr)}.has-row-6>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6>*{grid-column:span 1}}.has-row-6-xs>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-6-xs{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-sm>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-6-sm{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-md>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-6-md{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-lg>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-6-lg{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-xl>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-6-xl{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-xxl>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-6-xxl{grid-template-rows:repeat(6, 1fr) !important}}.has-row-7{grid-template-rows:repeat(7, 1fr)}.has-row-7>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7>*{grid-column:span 1}}.has-row-7-xs>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-7-xs{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-sm>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-7-sm{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-md>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-7-md{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-lg>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-7-lg{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-xl>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-7-xl{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-xxl>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-7-xxl{grid-template-rows:repeat(7, 1fr) !important}}.has-row-8{grid-template-rows:repeat(8, 1fr)}.has-row-8>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8>*{grid-column:span 1}}.has-row-8-xs>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-8-xs{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-sm>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-8-sm{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-md>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-8-md{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-lg>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-8-lg{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-xl>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-8-xl{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-xxl>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-8-xxl{grid-template-rows:repeat(8, 1fr) !important}}.has-row-9{grid-template-rows:repeat(9, 1fr)}.has-row-9>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9>*{grid-column:span 1}}.has-row-9-xs>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-9-xs{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-sm>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-9-sm{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-md>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-9-md{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-lg>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-9-lg{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-xl>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-9-xl{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-xxl>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-9-xxl{grid-template-rows:repeat(9, 1fr) !important}}.has-row-10{grid-template-rows:repeat(10, 1fr)}.has-row-10>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10>*{grid-column:span 1}}.has-row-10-xs>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-10-xs{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-sm>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-10-sm{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-md>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-10-md{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-lg>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-10-lg{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-xl>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-10-xl{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-xxl>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-10-xxl{grid-template-rows:repeat(10, 1fr) !important}}.has-row-11{grid-template-rows:repeat(11, 1fr)}.has-row-11>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11>*{grid-column:span 1}}.has-row-11-xs>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-11-xs{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-sm>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-11-sm{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-md>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-11-md{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-lg>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-11-lg{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-xl>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-11-xl{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-xxl>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-11-xxl{grid-template-rows:repeat(11, 1fr) !important}}.has-row-12{grid-template-rows:repeat(12, 1fr)}.has-row-12>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12>*{grid-column:span 1}}.has-row-12-xs>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-12-xs{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-sm>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-12-sm{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-md>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-12-md{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-lg>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-12-lg{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-xl>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-12-xl{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-xxl>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-12-xxl{grid-template-rows:repeat(12, 1fr) !important}}.has-col-1{grid-template-columns:repeat(1, 1fr)}.has-col-1>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1>*{grid-column:span 1}}.has-col-1-xs>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-1-xs{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-sm>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-1-sm{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-md>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-1-md{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-lg>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-1-lg{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-xl>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-1-xl{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-xxl>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-1-xxl{grid-template-columns:repeat(1, 1fr) !important}}.has-col-2{grid-template-columns:repeat(2, 1fr)}.has-col-2>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2>*{grid-column:span 1}}.has-col-2-xs>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-2-xs{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-sm>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-2-sm{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-md>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-2-md{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-lg>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-2-lg{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-xl>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-2-xl{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-xxl>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-2-xxl{grid-template-columns:repeat(2, 1fr) !important}}.has-col-3{grid-template-columns:repeat(3, 1fr)}.has-col-3>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3>*{grid-column:span 1}}.has-col-3-xs>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-3-xs{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-sm>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-3-sm{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-md>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-3-md{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-lg>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-3-lg{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-xl>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-3-xl{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-xxl>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-3-xxl{grid-template-columns:repeat(3, 1fr) !important}}.has-col-4{grid-template-columns:repeat(4, 1fr)}.has-col-4>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4>*{grid-column:span 1}}.has-col-4-xs>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-4-xs{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-sm>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-4-sm{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-md>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-4-md{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-lg>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-4-lg{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-xl>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-4-xl{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-xxl>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-4-xxl{grid-template-columns:repeat(4, 1fr) !important}}.has-col-5{grid-template-columns:repeat(5, 1fr)}.has-col-5>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5>*{grid-column:span 1}}.has-col-5-xs>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-5-xs{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-sm>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-5-sm{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-md>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-5-md{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-lg>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-5-lg{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-xl>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-5-xl{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-xxl>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-5-xxl{grid-template-columns:repeat(5, 1fr) !important}}.has-col-6{grid-template-columns:repeat(6, 1fr)}.has-col-6>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6>*{grid-column:span 1}}.has-col-6-xs>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-6-xs{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-sm>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-6-sm{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-md>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-6-md{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-lg>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-6-lg{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-xl>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-6-xl{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-xxl>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-6-xxl{grid-template-columns:repeat(6, 1fr) !important}}.has-col-7{grid-template-columns:repeat(7, 1fr)}.has-col-7>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7>*{grid-column:span 1}}.has-col-7-xs>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-7-xs{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-sm>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-7-sm{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-md>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-7-md{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-lg>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-7-lg{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-xl>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-7-xl{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-xxl>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-7-xxl{grid-template-columns:repeat(7, 1fr) !important}}.has-col-8{grid-template-columns:repeat(8, 1fr)}.has-col-8>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8>*{grid-column:span 1}}.has-col-8-xs>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-8-xs{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-sm>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-8-sm{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-md>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-8-md{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-lg>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-8-lg{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-xl>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-8-xl{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-xxl>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-8-xxl{grid-template-columns:repeat(8, 1fr) !important}}.has-col-9{grid-template-columns:repeat(9, 1fr)}.has-col-9>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9>*{grid-column:span 1}}.has-col-9-xs>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-9-xs{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-sm>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-9-sm{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-md>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-9-md{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-lg>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-9-lg{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-xl>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-9-xl{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-xxl>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-9-xxl{grid-template-columns:repeat(9, 1fr) !important}}.has-col-10{grid-template-columns:repeat(10, 1fr)}.has-col-10>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10>*{grid-column:span 1}}.has-col-10-xs>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-10-xs{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-sm>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-10-sm{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-md>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-10-md{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-lg>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-10-lg{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-xl>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-10-xl{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-xxl>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-10-xxl{grid-template-columns:repeat(10, 1fr) !important}}.has-col-11{grid-template-columns:repeat(11, 1fr)}.has-col-11>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11>*{grid-column:span 1}}.has-col-11-xs>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-11-xs{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-sm>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-11-sm{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-md>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-11-md{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-lg>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-11-lg{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-xl>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-11-xl{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-xxl>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-11-xxl{grid-template-columns:repeat(11, 1fr) !important}}.has-col-12{grid-template-columns:repeat(12, 1fr)}.has-col-12>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12>*{grid-column:span 1}}.has-col-12-xs>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-12-xs{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-sm>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-12-sm{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-md>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-12-md{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-lg>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-12-lg{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-xl>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-12-xl{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-xxl>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-12-xxl{grid-template-columns:repeat(12, 1fr) !important}}.is-row-1{grid-row:span 1}@media screen and (min-width: 575.5px){.is-row-1-xs{grid-row:span 1 !important}}.is-row-2{grid-row:span 2}@media screen and (min-width: 575.5px){.is-row-2-xs{grid-row:span 2 !important}}.is-row-3{grid-row:span 3}@media screen and (min-width: 575.5px){.is-row-3-xs{grid-row:span 3 !important}}.is-row-4{grid-row:span 4}@media screen and (min-width: 575.5px){.is-row-4-xs{grid-row:span 4 !important}}.is-row-5{grid-row:span 5}@media screen and (min-width: 575.5px){.is-row-5-xs{grid-row:span 5 !important}}.is-row-6{grid-row:span 6}@media screen and (min-width: 575.5px){.is-row-6-xs{grid-row:span 6 !important}}.is-row-7{grid-row:span 7}@media screen and (min-width: 575.5px){.is-row-7-xs{grid-row:span 7 !important}}.is-row-8{grid-row:span 8}@media screen and (min-width: 575.5px){.is-row-8-xs{grid-row:span 8 !important}}.is-row-9{grid-row:span 9}@media screen and (min-width: 575.5px){.is-row-9-xs{grid-row:span 9 !important}}.is-row-10{grid-row:span 10}@media screen and (min-width: 575.5px){.is-row-10-xs{grid-row:span 10 !important}}.is-row-11{grid-row:span 11}@media screen and (min-width: 575.5px){.is-row-11-xs{grid-row:span 11 !important}}.is-row-12{grid-row:span 12}@media screen and (min-width: 575.5px){.is-row-12-xs{grid-row:span 12 !important}}.is-row-1{grid-row:span 1}@media screen and (min-width: 576px){.is-row-1-sm{grid-row:span 1 !important}}.is-row-2{grid-row:span 2}@media screen and (min-width: 576px){.is-row-2-sm{grid-row:span 2 !important}}.is-row-3{grid-row:span 3}@media screen and (min-width: 576px){.is-row-3-sm{grid-row:span 3 !important}}.is-row-4{grid-row:span 4}@media screen and (min-width: 576px){.is-row-4-sm{grid-row:span 4 !important}}.is-row-5{grid-row:span 5}@media screen and (min-width: 576px){.is-row-5-sm{grid-row:span 5 !important}}.is-row-6{grid-row:span 6}@media screen and (min-width: 576px){.is-row-6-sm{grid-row:span 6 !important}}.is-row-7{grid-row:span 7}@media screen and (min-width: 576px){.is-row-7-sm{grid-row:span 7 !important}}.is-row-8{grid-row:span 8}@media screen and (min-width: 576px){.is-row-8-sm{grid-row:span 8 !important}}.is-row-9{grid-row:span 9}@media screen and (min-width: 576px){.is-row-9-sm{grid-row:span 9 !important}}.is-row-10{grid-row:span 10}@media screen and (min-width: 576px){.is-row-10-sm{grid-row:span 10 !important}}.is-row-11{grid-row:span 11}@media screen and (min-width: 576px){.is-row-11-sm{grid-row:span 11 !important}}.is-row-12{grid-row:span 12}@media screen and (min-width: 576px){.is-row-12-sm{grid-row:span 12 !important}}.is-row-1{grid-row:span 1}@media screen and (min-width: 768px){.is-row-1-md{grid-row:span 1 !important}}.is-row-2{grid-row:span 2}@media screen and (min-width: 768px){.is-row-2-md{grid-row:span 2 !important}}.is-row-3{grid-row:span 3}@media screen and (min-width: 768px){.is-row-3-md{grid-row:span 3 !important}}.is-row-4{grid-row:span 4}@media screen and (min-width: 768px){.is-row-4-md{grid-row:span 4 !important}}.is-row-5{grid-row:span 5}@media screen and (min-width: 768px){.is-row-5-md{grid-row:span 5 !important}}.is-row-6{grid-row:span 6}@media screen and (min-width: 768px){.is-row-6-md{grid-row:span 6 !important}}.is-row-7{grid-row:span 7}@media screen and (min-width: 768px){.is-row-7-md{grid-row:span 7 !important}}.is-row-8{grid-row:span 8}@media screen and (min-width: 768px){.is-row-8-md{grid-row:span 8 !important}}.is-row-9{grid-row:span 9}@media screen and (min-width: 768px){.is-row-9-md{grid-row:span 9 !important}}.is-row-10{grid-row:span 10}@media screen and (min-width: 768px){.is-row-10-md{grid-row:span 10 !important}}.is-row-11{grid-row:span 11}@media screen and (min-width: 768px){.is-row-11-md{grid-row:span 11 !important}}.is-row-12{grid-row:span 12}@media screen and (min-width: 768px){.is-row-12-md{grid-row:span 12 !important}}.is-row-1{grid-row:span 1}@media screen and (min-width: 992px){.is-row-1-lg{grid-row:span 1 !important}}.is-row-2{grid-row:span 2}@media screen and (min-width: 992px){.is-row-2-lg{grid-row:span 2 !important}}.is-row-3{grid-row:span 3}@media screen and (min-width: 992px){.is-row-3-lg{grid-row:span 3 !important}}.is-row-4{grid-row:span 4}@media screen and (min-width: 992px){.is-row-4-lg{grid-row:span 4 !important}}.is-row-5{grid-row:span 5}@media screen and (min-width: 992px){.is-row-5-lg{grid-row:span 5 !important}}.is-row-6{grid-row:span 6}@media screen and (min-width: 992px){.is-row-6-lg{grid-row:span 6 !important}}.is-row-7{grid-row:span 7}@media screen and (min-width: 992px){.is-row-7-lg{grid-row:span 7 !important}}.is-row-8{grid-row:span 8}@media screen and (min-width: 992px){.is-row-8-lg{grid-row:span 8 !important}}.is-row-9{grid-row:span 9}@media screen and (min-width: 992px){.is-row-9-lg{grid-row:span 9 !important}}.is-row-10{grid-row:span 10}@media screen and (min-width: 992px){.is-row-10-lg{grid-row:span 10 !important}}.is-row-11{grid-row:span 11}@media screen and (min-width: 992px){.is-row-11-lg{grid-row:span 11 !important}}.is-row-12{grid-row:span 12}@media screen and (min-width: 992px){.is-row-12-lg{grid-row:span 12 !important}}.is-row-1{grid-row:span 1}@media screen and (min-width: 1200px){.is-row-1-xl{grid-row:span 1 !important}}.is-row-2{grid-row:span 2}@media screen and (min-width: 1200px){.is-row-2-xl{grid-row:span 2 !important}}.is-row-3{grid-row:span 3}@media screen and (min-width: 1200px){.is-row-3-xl{grid-row:span 3 !important}}.is-row-4{grid-row:span 4}@media screen and (min-width: 1200px){.is-row-4-xl{grid-row:span 4 !important}}.is-row-5{grid-row:span 5}@media screen and (min-width: 1200px){.is-row-5-xl{grid-row:span 5 !important}}.is-row-6{grid-row:span 6}@media screen and (min-width: 1200px){.is-row-6-xl{grid-row:span 6 !important}}.is-row-7{grid-row:span 7}@media screen and (min-width: 1200px){.is-row-7-xl{grid-row:span 7 !important}}.is-row-8{grid-row:span 8}@media screen and (min-width: 1200px){.is-row-8-xl{grid-row:span 8 !important}}.is-row-9{grid-row:span 9}@media screen and (min-width: 1200px){.is-row-9-xl{grid-row:span 9 !important}}.is-row-10{grid-row:span 10}@media screen and (min-width: 1200px){.is-row-10-xl{grid-row:span 10 !important}}.is-row-11{grid-row:span 11}@media screen and (min-width: 1200px){.is-row-11-xl{grid-row:span 11 !important}}.is-row-12{grid-row:span 12}@media screen and (min-width: 1200px){.is-row-12-xl{grid-row:span 12 !important}}.is-row-1{grid-row:span 1}@media screen and (min-width: 1440px){.is-row-1-xxl{grid-row:span 1 !important}}.is-row-2{grid-row:span 2}@media screen and (min-width: 1440px){.is-row-2-xxl{grid-row:span 2 !important}}.is-row-3{grid-row:span 3}@media screen and (min-width: 1440px){.is-row-3-xxl{grid-row:span 3 !important}}.is-row-4{grid-row:span 4}@media screen and (min-width: 1440px){.is-row-4-xxl{grid-row:span 4 !important}}.is-row-5{grid-row:span 5}@media screen and (min-width: 1440px){.is-row-5-xxl{grid-row:span 5 !important}}.is-row-6{grid-row:span 6}@media screen and (min-width: 1440px){.is-row-6-xxl{grid-row:span 6 !important}}.is-row-7{grid-row:span 7}@media screen and (min-width: 1440px){.is-row-7-xxl{grid-row:span 7 !important}}.is-row-8{grid-row:span 8}@media screen and (min-width: 1440px){.is-row-8-xxl{grid-row:span 8 !important}}.is-row-9{grid-row:span 9}@media screen and (min-width: 1440px){.is-row-9-xxl{grid-row:span 9 !important}}.is-row-10{grid-row:span 10}@media screen and (min-width: 1440px){.is-row-10-xxl{grid-row:span 10 !important}}.is-row-11{grid-row:span 11}@media screen and (min-width: 1440px){.is-row-11-xxl{grid-row:span 11 !important}}.is-row-12{grid-row:span 12}@media screen and (min-width: 1440px){.is-row-12-xxl{grid-row:span 12 !important}}.is-col-1{grid-column:span 1}@media screen and (min-width: 575.5px){.is-col-1-xs{grid-column:span 1 !important}}.is-col-2{grid-column:span 2}@media screen and (min-width: 575.5px){.is-col-2-xs{grid-column:span 2 !important}}.is-col-3{grid-column:span 3}@media screen and (min-width: 575.5px){.is-col-3-xs{grid-column:span 3 !important}}.is-col-4{grid-column:span 4}@media screen and (min-width: 575.5px){.is-col-4-xs{grid-column:span 4 !important}}.is-col-5{grid-column:span 5}@media screen and (min-width: 575.5px){.is-col-5-xs{grid-column:span 5 !important}}.is-col-6{grid-column:span 6}@media screen and (min-width: 575.5px){.is-col-6-xs{grid-column:span 6 !important}}.is-col-7{grid-column:span 7}@media screen and (min-width: 575.5px){.is-col-7-xs{grid-column:span 7 !important}}.is-col-8{grid-column:span 8}@media screen and (min-width: 575.5px){.is-col-8-xs{grid-column:span 8 !important}}.is-col-9{grid-column:span 9}@media screen and (min-width: 575.5px){.is-col-9-xs{grid-column:span 9 !important}}.is-col-10{grid-column:span 10}@media screen and (min-width: 575.5px){.is-col-10-xs{grid-column:span 10 !important}}.is-col-11{grid-column:span 11}@media screen and (min-width: 575.5px){.is-col-11-xs{grid-column:span 11 !important}}.is-col-12{grid-column:span 12}@media screen and (min-width: 575.5px){.is-col-12-xs{grid-column:span 12 !important}}.is-col-1{grid-column:span 1}@media screen and (min-width: 576px){.is-col-1-sm{grid-column:span 1 !important}}.is-col-2{grid-column:span 2}@media screen and (min-width: 576px){.is-col-2-sm{grid-column:span 2 !important}}.is-col-3{grid-column:span 3}@media screen and (min-width: 576px){.is-col-3-sm{grid-column:span 3 !important}}.is-col-4{grid-column:span 4}@media screen and (min-width: 576px){.is-col-4-sm{grid-column:span 4 !important}}.is-col-5{grid-column:span 5}@media screen and (min-width: 576px){.is-col-5-sm{grid-column:span 5 !important}}.is-col-6{grid-column:span 6}@media screen and (min-width: 576px){.is-col-6-sm{grid-column:span 6 !important}}.is-col-7{grid-column:span 7}@media screen and (min-width: 576px){.is-col-7-sm{grid-column:span 7 !important}}.is-col-8{grid-column:span 8}@media screen and (min-width: 576px){.is-col-8-sm{grid-column:span 8 !important}}.is-col-9{grid-column:span 9}@media screen and (min-width: 576px){.is-col-9-sm{grid-column:span 9 !important}}.is-col-10{grid-column:span 10}@media screen and (min-width: 576px){.is-col-10-sm{grid-column:span 10 !important}}.is-col-11{grid-column:span 11}@media screen and (min-width: 576px){.is-col-11-sm{grid-column:span 11 !important}}.is-col-12{grid-column:span 12}@media screen and (min-width: 576px){.is-col-12-sm{grid-column:span 12 !important}}.is-col-1{grid-column:span 1}@media screen and (min-width: 768px){.is-col-1-md{grid-column:span 1 !important}}.is-col-2{grid-column:span 2}@media screen and (min-width: 768px){.is-col-2-md{grid-column:span 2 !important}}.is-col-3{grid-column:span 3}@media screen and (min-width: 768px){.is-col-3-md{grid-column:span 3 !important}}.is-col-4{grid-column:span 4}@media screen and (min-width: 768px){.is-col-4-md{grid-column:span 4 !important}}.is-col-5{grid-column:span 5}@media screen and (min-width: 768px){.is-col-5-md{grid-column:span 5 !important}}.is-col-6{grid-column:span 6}@media screen and (min-width: 768px){.is-col-6-md{grid-column:span 6 !important}}.is-col-7{grid-column:span 7}@media screen and (min-width: 768px){.is-col-7-md{grid-column:span 7 !important}}.is-col-8{grid-column:span 8}@media screen and (min-width: 768px){.is-col-8-md{grid-column:span 8 !important}}.is-col-9{grid-column:span 9}@media screen and (min-width: 768px){.is-col-9-md{grid-column:span 9 !important}}.is-col-10{grid-column:span 10}@media screen and (min-width: 768px){.is-col-10-md{grid-column:span 10 !important}}.is-col-11{grid-column:span 11}@media screen and (min-width: 768px){.is-col-11-md{grid-column:span 11 !important}}.is-col-12{grid-column:span 12}@media screen and (min-width: 768px){.is-col-12-md{grid-column:span 12 !important}}.is-col-1{grid-column:span 1}@media screen and (min-width: 992px){.is-col-1-lg{grid-column:span 1 !important}}.is-col-2{grid-column:span 2}@media screen and (min-width: 992px){.is-col-2-lg{grid-column:span 2 !important}}.is-col-3{grid-column:span 3}@media screen and (min-width: 992px){.is-col-3-lg{grid-column:span 3 !important}}.is-col-4{grid-column:span 4}@media screen and (min-width: 992px){.is-col-4-lg{grid-column:span 4 !important}}.is-col-5{grid-column:span 5}@media screen and (min-width: 992px){.is-col-5-lg{grid-column:span 5 !important}}.is-col-6{grid-column:span 6}@media screen and (min-width: 992px){.is-col-6-lg{grid-column:span 6 !important}}.is-col-7{grid-column:span 7}@media screen and (min-width: 992px){.is-col-7-lg{grid-column:span 7 !important}}.is-col-8{grid-column:span 8}@media screen and (min-width: 992px){.is-col-8-lg{grid-column:span 8 !important}}.is-col-9{grid-column:span 9}@media screen and (min-width: 992px){.is-col-9-lg{grid-column:span 9 !important}}.is-col-10{grid-column:span 10}@media screen and (min-width: 992px){.is-col-10-lg{grid-column:span 10 !important}}.is-col-11{grid-column:span 11}@media screen and (min-width: 992px){.is-col-11-lg{grid-column:span 11 !important}}.is-col-12{grid-column:span 12}@media screen and (min-width: 992px){.is-col-12-lg{grid-column:span 12 !important}}.is-col-1{grid-column:span 1}@media screen and (min-width: 1200px){.is-col-1-xl{grid-column:span 1 !important}}.is-col-2{grid-column:span 2}@media screen and (min-width: 1200px){.is-col-2-xl{grid-column:span 2 !important}}.is-col-3{grid-column:span 3}@media screen and (min-width: 1200px){.is-col-3-xl{grid-column:span 3 !important}}.is-col-4{grid-column:span 4}@media screen and (min-width: 1200px){.is-col-4-xl{grid-column:span 4 !important}}.is-col-5{grid-column:span 5}@media screen and (min-width: 1200px){.is-col-5-xl{grid-column:span 5 !important}}.is-col-6{grid-column:span 6}@media screen and (min-width: 1200px){.is-col-6-xl{grid-column:span 6 !important}}.is-col-7{grid-column:span 7}@media screen and (min-width: 1200px){.is-col-7-xl{grid-column:span 7 !important}}.is-col-8{grid-column:span 8}@media screen and (min-width: 1200px){.is-col-8-xl{grid-column:span 8 !important}}.is-col-9{grid-column:span 9}@media screen and (min-width: 1200px){.is-col-9-xl{grid-column:span 9 !important}}.is-col-10{grid-column:span 10}@media screen and (min-width: 1200px){.is-col-10-xl{grid-column:span 10 !important}}.is-col-11{grid-column:span 11}@media screen and (min-width: 1200px){.is-col-11-xl{grid-column:span 11 !important}}.is-col-12{grid-column:span 12}@media screen and (min-width: 1200px){.is-col-12-xl{grid-column:span 12 !important}}.is-col-1{grid-column:span 1}@media screen and (min-width: 1440px){.is-col-1-xxl{grid-column:span 1 !important}}.is-col-2{grid-column:span 2}@media screen and (min-width: 1440px){.is-col-2-xxl{grid-column:span 2 !important}}.is-col-3{grid-column:span 3}@media screen and (min-width: 1440px){.is-col-3-xxl{grid-column:span 3 !important}}.is-col-4{grid-column:span 4}@media screen and (min-width: 1440px){.is-col-4-xxl{grid-column:span 4 !important}}.is-col-5{grid-column:span 5}@media screen and (min-width: 1440px){.is-col-5-xxl{grid-column:span 5 !important}}.is-col-6{grid-column:span 6}@media screen and (min-width: 1440px){.is-col-6-xxl{grid-column:span 6 !important}}.is-col-7{grid-column:span 7}@media screen and (min-width: 1440px){.is-col-7-xxl{grid-column:span 7 !important}}.is-col-8{grid-column:span 8}@media screen and (min-width: 1440px){.is-col-8-xxl{grid-column:span 8 !important}}.is-col-9{grid-column:span 9}@media screen and (min-width: 1440px){.is-col-9-xxl{grid-column:span 9 !important}}.is-col-10{grid-column:span 10}@media screen and (min-width: 1440px){.is-col-10-xxl{grid-column:span 10 !important}}.is-col-11{grid-column:span 11}@media screen and (min-width: 1440px){.is-col-11-xxl{grid-column:span 11 !important}}.is-col-12{grid-column:span 12}@media screen and (min-width: 1440px){.is-col-12-xxl{grid-column:span 12 !important}}.has-row-gap{grid-row-gap:var(--spacing)}.has-row-gap-md{grid-row-gap:var(--spacing-md)}.has-row-gap-lg{grid-row-gap:var(--spacing-lg)}.has-no-row-gap{grid-row-gap:0}.has-col-gap{grid-column-gap:var(--spacing)}.has-col-gap-md{grid-column-gap:var(--spacing-md)}.has-col-gap-lg{grid-column-gap:var(--spacing-lg)}.has-no-col-gap{grid-column-gap:0}.is-ltr{direction:ltr}@media screen and (min-width: 575.5px){.is-ltr-xs{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 576px){.is-ltr-sm{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 768px){.is-ltr-md{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 992px){.is-ltr-lg{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 1200px){.is-ltr-xl{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 1440px){.is-ltr-xxl{direction:ltr}}.is-rtl{direction:rtl}@media screen and (min-width: 575.5px){.is-rtl-xs{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 576px){.is-rtl-sm{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 768px){.is-rtl-md{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 992px){.is-rtl-lg{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 1200px){.is-rtl-xl{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 1440px){.is-rtl-xxl{direction:rtl}}.is-placed-left{place-self:left}.is-placed-right{place-self:right}.is-placed-center{place-self:center}.is-placed-start{place-self:start}.is-placed-normal{place-self:normal}.is-order-1{order:1}@media screen and (min-width: 575.5px){.is-order-1-xs{order:1}}@media screen and (min-width: 576px){.is-order-1-sm{order:1}}@media screen and (min-width: 768px){.is-order-1-md{order:1}}@media screen and (min-width: 992px){.is-order-1-lg{order:1}}@media screen and (min-width: 1200px){.is-order-1-xl{order:1}}@media screen and (min-width: 1440px){.is-order-1-xxl{order:1}}.is-order-2{order:2}@media screen and (min-width: 575.5px){.is-order-2-xs{order:2}}@media screen and (min-width: 576px){.is-order-2-sm{order:2}}@media screen and (min-width: 768px){.is-order-2-md{order:2}}@media screen and (min-width: 992px){.is-order-2-lg{order:2}}@media screen and (min-width: 1200px){.is-order-2-xl{order:2}}@media screen and (min-width: 1440px){.is-order-2-xxl{order:2}}.is-order-3{order:3}@media screen and (min-width: 575.5px){.is-order-3-xs{order:3}}@media screen and (min-width: 576px){.is-order-3-sm{order:3}}@media screen and (min-width: 768px){.is-order-3-md{order:3}}@media screen and (min-width: 992px){.is-order-3-lg{order:3}}@media screen and (min-width: 1200px){.is-order-3-xl{order:3}}@media screen and (min-width: 1440px){.is-order-3-xxl{order:3}}.is-order-4{order:4}@media screen and (min-width: 575.5px){.is-order-4-xs{order:4}}@media screen and (min-width: 576px){.is-order-4-sm{order:4}}@media screen and (min-width: 768px){.is-order-4-md{order:4}}@media screen and (min-width: 992px){.is-order-4-lg{order:4}}@media screen and (min-width: 1200px){.is-order-4-xl{order:4}}@media screen and (min-width: 1440px){.is-order-4-xxl{order:4}}.is-order-5{order:5}@media screen and (min-width: 575.5px){.is-order-5-xs{order:5}}@media screen and (min-width: 576px){.is-order-5-sm{order:5}}@media screen and (min-width: 768px){.is-order-5-md{order:5}}@media screen and (min-width: 992px){.is-order-5-lg{order:5}}@media screen and (min-width: 1200px){.is-order-5-xl{order:5}}@media screen and (min-width: 1440px){.is-order-5-xxl{order:5}}.is-order-6{order:6}@media screen and (min-width: 575.5px){.is-order-6-xs{order:6}}@media screen and (min-width: 576px){.is-order-6-sm{order:6}}@media screen and (min-width: 768px){.is-order-6-md{order:6}}@media screen and (min-width: 992px){.is-order-6-lg{order:6}}@media screen and (min-width: 1200px){.is-order-6-xl{order:6}}@media screen and (min-width: 1440px){.is-order-6-xxl{order:6}}.is-order-7{order:7}@media screen and (min-width: 575.5px){.is-order-7-xs{order:7}}@media screen and (min-width: 576px){.is-order-7-sm{order:7}}@media screen and (min-width: 768px){.is-order-7-md{order:7}}@media screen and (min-width: 992px){.is-order-7-lg{order:7}}@media screen and (min-width: 1200px){.is-order-7-xl{order:7}}@media screen and (min-width: 1440px){.is-order-7-xxl{order:7}}.is-order-8{order:8}@media screen and (min-width: 575.5px){.is-order-8-xs{order:8}}@media screen and (min-width: 576px){.is-order-8-sm{order:8}}@media screen and (min-width: 768px){.is-order-8-md{order:8}}@media screen and (min-width: 992px){.is-order-8-lg{order:8}}@media screen and (min-width: 1200px){.is-order-8-xl{order:8}}@media screen and (min-width: 1440px){.is-order-8-xxl{order:8}}.is-order-9{order:9}@media screen and (min-width: 575.5px){.is-order-9-xs{order:9}}@media screen and (min-width: 576px){.is-order-9-sm{order:9}}@media screen and (min-width: 768px){.is-order-9-md{order:9}}@media screen and (min-width: 992px){.is-order-9-lg{order:9}}@media screen and (min-width: 1200px){.is-order-9-xl{order:9}}@media screen and (min-width: 1440px){.is-order-9-xxl{order:9}}.is-order-10{order:10}@media screen and (min-width: 575.5px){.is-order-10-xs{order:10}}@media screen and (min-width: 576px){.is-order-10-sm{order:10}}@media screen and (min-width: 768px){.is-order-10-md{order:10}}@media screen and (min-width: 992px){.is-order-10-lg{order:10}}@media screen and (min-width: 1200px){.is-order-10-xl{order:10}}@media screen and (min-width: 1440px){.is-order-10-xxl{order:10}}.is-order-11{order:11}@media screen and (min-width: 575.5px){.is-order-11-xs{order:11}}@media screen and (min-width: 576px){.is-order-11-sm{order:11}}@media screen and (min-width: 768px){.is-order-11-md{order:11}}@media screen and (min-width: 992px){.is-order-11-lg{order:11}}@media screen and (min-width: 1200px){.is-order-11-xl{order:11}}@media screen and (min-width: 1440px){.is-order-11-xxl{order:11}}.is-order-12{order:12}@media screen and (min-width: 575.5px){.is-order-12-xs{order:12}}@media screen and (min-width: 576px){.is-order-12-sm{order:12}}@media screen and (min-width: 768px){.is-order-12-md{order:12}}@media screen and (min-width: 992px){.is-order-12-lg{order:12}}@media screen and (min-width: 1200px){.is-order-12-xl{order:12}}@media screen and (min-width: 1440px){.is-order-12-xxl{order:12}}.is-order-1{order:1}@media screen and (min-width: 575.5px){.is-order-1-xs{order:1}}@media screen and (min-width: 576px){.is-order-1-sm{order:1}}@media screen and (min-width: 768px){.is-order-1-md{order:1}}@media screen and (min-width: 992px){.is-order-1-lg{order:1}}@media screen and (min-width: 1200px){.is-order-1-xl{order:1}}@media screen and (min-width: 1440px){.is-order-1-xxl{order:1}}.is-order-2{order:2}@media screen and (min-width: 575.5px){.is-order-2-xs{order:2}}@media screen and (min-width: 576px){.is-order-2-sm{order:2}}@media screen and (min-width: 768px){.is-order-2-md{order:2}}@media screen and (min-width: 992px){.is-order-2-lg{order:2}}@media screen and (min-width: 1200px){.is-order-2-xl{order:2}}@media screen and (min-width: 1440px){.is-order-2-xxl{order:2}}.is-order-3{order:3}@media screen and (min-width: 575.5px){.is-order-3-xs{order:3}}@media screen and (min-width: 576px){.is-order-3-sm{order:3}}@media screen and (min-width: 768px){.is-order-3-md{order:3}}@media screen and (min-width: 992px){.is-order-3-lg{order:3}}@media screen and (min-width: 1200px){.is-order-3-xl{order:3}}@media screen and (min-width: 1440px){.is-order-3-xxl{order:3}}.is-order-4{order:4}@media screen and (min-width: 575.5px){.is-order-4-xs{order:4}}@media screen and (min-width: 576px){.is-order-4-sm{order:4}}@media screen and (min-width: 768px){.is-order-4-md{order:4}}@media screen and (min-width: 992px){.is-order-4-lg{order:4}}@media screen and (min-width: 1200px){.is-order-4-xl{order:4}}@media screen and (min-width: 1440px){.is-order-4-xxl{order:4}}.is-order-5{order:5}@media screen and (min-width: 575.5px){.is-order-5-xs{order:5}}@media screen and (min-width: 576px){.is-order-5-sm{order:5}}@media screen and (min-width: 768px){.is-order-5-md{order:5}}@media screen and (min-width: 992px){.is-order-5-lg{order:5}}@media screen and (min-width: 1200px){.is-order-5-xl{order:5}}@media screen and (min-width: 1440px){.is-order-5-xxl{order:5}}.is-order-6{order:6}@media screen and (min-width: 575.5px){.is-order-6-xs{order:6}}@media screen and (min-width: 576px){.is-order-6-sm{order:6}}@media screen and (min-width: 768px){.is-order-6-md{order:6}}@media screen and (min-width: 992px){.is-order-6-lg{order:6}}@media screen and (min-width: 1200px){.is-order-6-xl{order:6}}@media screen and (min-width: 1440px){.is-order-6-xxl{order:6}}.is-order-7{order:7}@media screen and (min-width: 575.5px){.is-order-7-xs{order:7}}@media screen and (min-width: 576px){.is-order-7-sm{order:7}}@media screen and (min-width: 768px){.is-order-7-md{order:7}}@media screen and (min-width: 992px){.is-order-7-lg{order:7}}@media screen and (min-width: 1200px){.is-order-7-xl{order:7}}@media screen and (min-width: 1440px){.is-order-7-xxl{order:7}}.is-order-8{order:8}@media screen and (min-width: 575.5px){.is-order-8-xs{order:8}}@media screen and (min-width: 576px){.is-order-8-sm{order:8}}@media screen and (min-width: 768px){.is-order-8-md{order:8}}@media screen and (min-width: 992px){.is-order-8-lg{order:8}}@media screen and (min-width: 1200px){.is-order-8-xl{order:8}}@media screen and (min-width: 1440px){.is-order-8-xxl{order:8}}.is-order-9{order:9}@media screen and (min-width: 575.5px){.is-order-9-xs{order:9}}@media screen and (min-width: 576px){.is-order-9-sm{order:9}}@media screen and (min-width: 768px){.is-order-9-md{order:9}}@media screen and (min-width: 992px){.is-order-9-lg{order:9}}@media screen and (min-width: 1200px){.is-order-9-xl{order:9}}@media screen and (min-width: 1440px){.is-order-9-xxl{order:9}}.is-order-10{order:10}@media screen and (min-width: 575.5px){.is-order-10-xs{order:10}}@media screen and (min-width: 576px){.is-order-10-sm{order:10}}@media screen and (min-width: 768px){.is-order-10-md{order:10}}@media screen and (min-width: 992px){.is-order-10-lg{order:10}}@media screen and (min-width: 1200px){.is-order-10-xl{order:10}}@media screen and (min-width: 1440px){.is-order-10-xxl{order:10}}.is-order-11{order:11}@media screen and (min-width: 575.5px){.is-order-11-xs{order:11}}@media screen and (min-width: 576px){.is-order-11-sm{order:11}}@media screen and (min-width: 768px){.is-order-11-md{order:11}}@media screen and (min-width: 992px){.is-order-11-lg{order:11}}@media screen and (min-width: 1200px){.is-order-11-xl{order:11}}@media screen and (min-width: 1440px){.is-order-11-xxl{order:11}}.is-order-12{order:12}@media screen and (min-width: 575.5px){.is-order-12-xs{order:12}}@media screen and (min-width: 576px){.is-order-12-sm{order:12}}@media screen and (min-width: 768px){.is-order-12-md{order:12}}@media screen and (min-width: 992px){.is-order-12-lg{order:12}}@media screen and (min-width: 1200px){.is-order-12-xl{order:12}}@media screen and (min-width: 1440px){.is-order-12-xxl{order:12}}:root{--col-gap-sm:0.5rem;--col-gap:1rem;--col-gap-md:1.5rem;--col-gap-lg:2rem;--col-gap-xl:2.5rem;--col-gap-xxl:3rem;--row-gap-sm:0.5rem;--row-gap:1rem;--row-gap-md:1.5rem;--row-gap-lg:2rem;--col-gap-xl:2.5rem;--col-gap-xxl:3rem;--spacing-sm:0.5rem;--spacing-sml:0.75rem;--spacing:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:2.5rem;--spacing-xxl:3rem}.has-col-gap-default{grid-column-gap:var(--spacing-md)}@media only screen and (min-width: 1200px){.has-col-gap-default{grid-column-gap:var(--spacing-lg)}}@media only screen and (min-width: 1440px){.has-col-gap-default{grid-column-gap:var(--spacing-xl)}}.has-row-gap-default{grid-row-gap:var(--spacing-md)}@media only screen and (min-width: 1200px){.has-row-gap-default{grid-row-gap:var(--spacing-lg)}}@media only screen and (min-width: 1440px){.has-row-gap-default{grid-row-gap:var(--spacing-xl)}}.has-col-gap-sm{grid-column-gap:var(--spacing-sm)}.has-row-gap-sm{grid-row-gap:var(--spacing-sm)}.has-col-gap-sml{grid-column-gap:var(--spacing-sml)}.has-row-gap-sml{grid-row-gap:var(--spacing-sml)}.has-col-gap-lg{grid-column-gap:0px}@media only screen and (min-width: 768px){.has-col-gap-lg{grid-column-gap:var(--spacing-lg)}}.has-row-gap-lg{grid-row-gap:var(--spacing-lg)}.has-col-gap-xl{grid-column-gap:0px}@media only screen and (min-width: 768px){.has-col-gap-xl{grid-column-gap:var(--spacing-xl)}}.has-row-gap-xl{grid-row-gap:var(--spacing-xl)}.has-col-gap-xxl{grid-column-gap:0px}@media only screen and (min-width: 768px){.has-col-gap-xxl{grid-column-gap:var(--spacing-xxl)}}.has-row-gap-xxl{grid-row-gap:var(--spacing-xxl)}.has-no-row{grid-row-gap:0}.has-m-sm{margin:var(--spacing-sm)}.has-m-top-sm{margin-top:var(--spacing-sm)}.has-m-right-sm{margin-right:var(--spacing-sm)}.has-m-bottom-sm{margin-bottom:var(--spacing-sm)}.has-m-left-sm{margin-left:var(--spacing-sm)}.has-m{margin:var(--spacing)}.has-m-top{margin-top:var(--spacing)}.has-m-right{margin-right:var(--spacing)}.has-m-bottom{margin-bottom:var(--spacing)}.has-m-left{margin-left:var(--spacing)}.has-m-md{margin:var(--spacing-md)}.has-m-top-md{margin-top:var(--spacing-md)}.has-m-right-md{margin-right:var(--spacing-md)}.has-m-bottom-md{margin-bottom:var(--spacing-md)}.has-m-left-md{margin-left:var(--spacing-md)}.has-m-lg{margin:var(--spacing-lg)}.has-m-top-lg{margin-top:var(--spacing-lg)}.has-m-right-lg{margin-right:var(--spacing-lg)}.has-m-bottom-lg{margin-bottom:var(--spacing-lg)}.has-m-left-lg{margin-left:var(--spacing-lg)}.has-m-xl{margin:var(--spacing-xl)}.has-m-top-xl{margin-top:var(--spacing-xl)}.has-m-right-xl{margin-right:var(--spacing-xl)}.has-m-bottom-xl{margin-bottom:var(--spacing-xl)}.has-m-left-xl{margin-left:var(--spacing-xl)}.has-m-xxl{margin:var(--spacing-xxl)}.has-m-top-xxl{margin-top:var(--spacing-xxl)}.has-m-right-xxl{margin-right:var(--spacing-xxl)}.has-m-bottom-xxl{margin-bottom:var(--spacing-xxl)}.has-m-left-xxl{margin-left:var(--spacing-xxl)}.has-no-m{margin:0}.has-no-top-m{margin-top:0}.has-no-right-m{margin-right:0}.has-no-bottom-m{margin-bottom:0}.has-no-left-m{margin-left:0}.has-p-sm{padding:var(--spacing-sm)}.has-p-top-sm{padding-top:var(--spacing-sm)}.has-p-right-sm{padding-right:var(--spacing-sm)}.has-p-bottom-sm{padding-bottom:var(--spacing-sm)}.has-p-left-sm{padding-left:var(--spacing-sm)}.has-p{padding:var(--spacing)}.has-p-top{padding-top:var(--spacing)}.has-p-right{padding-right:var(--spacing)}.has-p-bottom{padding-bottom:var(--spacing)}.has-p-left{padding-left:var(--spacing)}.has-p-md{padding:var(--spacing-md)}.has-p-top-md{padding-top:var(--spacing-md)}.has-p-right-md{padding-right:var(--spacing-md)}.has-p-bottom-md{padding-bottom:var(--spacing-md)}.has-p-left-md{padding-left:var(--spacing-md)}.has-p-lg{padding:var(--spacing-lg)}.has-p-top-lg{padding-top:var(--spacing-lg)}.has-p-right-lg{padding-right:var(--spacing-lg)}.has-p-bottom-lg{padding-bottom:var(--spacing-lg)}.has-p-left-lg{padding-left:var(--spacing-lg)}.has-p-xl{padding:var(--spacing-xl)}.has-p-top-xl{padding-top:var(--spacing-xl)}.has-p-right-xl{padding-right:var(--spacing-xl)}.has-p-bottom-xl{padding-bottom:var(--spacing-xl)}.has-p-left-xl{padding-left:var(--spacing-xl)}.has-p-xxl{padding:var(--spacing-lg)}@media screen and (min-width: 769px){.has-p-xxl{padding:var(--spacing-xxl)}}.has-p-top-xxl{padding-top:var(--spacing-lg)}@media screen and (min-width: 769px){.has-p-top-xxl{padding-top:var(--spacing-xxl)}}.has-p-right-xxl{padding-right:var(--spacing-lg)}@media screen and (min-width: 769px){.has-p-right-xxl{padding-right:var(--spacing-xxl)}}.has-p-bottom-xxl{padding-bottom:var(--spacing-lg)}@media screen and (min-width: 769px){.has-p-bottom-xxl{padding-bottom:var(--spacing-xxl)}}.has-p-left-xxl{padding-left:var(--spacing-lg)}@media screen and (min-width: 769px){.has-p-left-xxl{padding-left:var(--spacing-xxl)}}.has-no-p{margin:0}.has-no-top-p{padding-top:0}.has-no-right-p{padding-right:0}.has-no-bottom-p{padding-bottom:0}.has-no-left-p{padding-left:0}.is-centered{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.is-centered-horizontally{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center}.is-centered-vertically{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.is-block{display:block}@media screen and (min-width: 575.5px){.is-block-xs{display:block}}@media screen and (min-width: 576px){.is-block-sm{display:block}}@media only screen and (min-width: 768px){.is-block-md{display:block}}@media only screen and (min-width: 992px){.is-block-lg{display:block}}@media only screen and (min-width: 1200px){.is-block-xl{display:block}}@media only screen and (min-width: 1440px){.is-block-xxl{display:block}}.is-inline-block{display:inline-block}@media screen and (min-width: 575.5px){.is-inline-block-xs{display:inline-block}}@media screen and (min-width: 576px){.is-inline-block-sm{display:inline-block}}@media only screen and (min-width: 768px){.is-inline-block-md{display:inline-block}}@media only screen and (min-width: 992px){.is-inline-block-lg{display:inline-block}}@media only screen and (min-width: 1200px){.is-inline-block-xl{display:inline-block}}@media only screen and (min-width: 1440px){.is-inline-block-xxl{display:inline-block}}.is-flex{display:-webkit-box;display:flex}@media screen and (min-width: 575.5px){.is-flex-xs{display:-webkit-box;display:flex}}@media screen and (min-width: 576px){.is-flex-sm{display:-webkit-box;display:flex}}@media only screen and (min-width: 768px){.is-flex-md{display:-webkit-box;display:flex}}@media only screen and (min-width: 992px){.is-flex-lg{display:-webkit-box;display:flex}}@media only screen and (min-width: 1200px){.is-flex-xl{display:-webkit-box;display:flex}}@media only screen and (min-width: 1440px){.is-flex-xxl{display:-webkit-box;display:flex}}.is-inline-flex{display:-webkit-inline-box;display:inline-flex}@media screen and (min-width: 575.5px){.is-inline-flex-xs{display:-webkit-inline-box;display:inline-flex}}@media screen and (min-width: 576px){.is-inline-flex-sm{display:-webkit-inline-box;display:inline-flex}}@media only screen and (min-width: 768px){.is-inline-flex-md{display:-webkit-inline-box;display:inline-flex}}@media only screen and (min-width: 992px){.is-inline-flex-lg{display:-webkit-inline-box;display:inline-flex}}@media only screen and (min-width: 1200px){.is-inline-flex-xl{display:-webkit-inline-box;display:inline-flex}}@media only screen and (min-width: 1440px){.is-inline-flex-xxl{display:-webkit-inline-box;display:inline-flex}}.is-device{display:none}.is-screen{display:block}.is-medium{display:block !important}@media only screen and (min-device-width: 1px) and (-webkit-min-device-pixel-ratio: 2){.is-device{display:block}.is-screen{display:none}}@media only screen and (min-width: 992px){.is-medium{display:none !important}}.is-flexBasis-half{flex-basis:50%}.is-table{display:table !important}.is-tableCell{display:table-cell !important}.is-widthFull{width:100% !important}@media only screen and (min-width: 2600px){.is-grid .is-col-1-xxxl{grid-column:span 1 !important}.is-grid .is-col-2-xxxl{grid-column:span 2 !important}.is-grid .is-col-3-xxxl{grid-column:span 3 !important}.is-grid .is-col-4-xxxl{grid-column:span 4 !important}.is-grid .is-col-5-xxxl{grid-column:span 6 !important}.is-grid .is-col-7-xxxl{grid-column:span 7 !important}.is-grid .is-col-8-xxxl{grid-column:span 8 !important}.is-grid .is-col-9-xxxl{grid-column:span 9 !important}.is-grid .is-col-10-xxxl{grid-column:span 10 !important}.is-grid .is-col-11-xxxl{grid-column:span 11 !important}.is-grid .is-col-12-xxxl{grid-column:span 12 !important}}.media-gutter{grid-column-gap:10px;grid-row-gap:10px}.bio-grid{grid-row-gap:var(--ptc-layout-spacing-04)}@media only screen and (min-width: 768px){.bio-grid{grid-column-gap:var(--ptc-layout-spacing-04);grid-row-gap:var(--ptc-layout-spacing-04)}}@media (max-width: 480px){.column-gap-mobile{grid-column-gap:1rem}}.hr-1{background-color:var(--color-gray-01)}.hr-2{background-color:var(--color-gray-02)}.hr-3{background-color:var(--color-gray-03)}.hr-4{background-color:var(--color-gray-04)}.hr-5{background-color:var(--color-gray-05)}.hr-6{background-color:var(--color-gray-06)}:host{display:block;padding:2rem 0}:host .flex-col{display:flex;align-items:center}:host .flex-col .img-wrap{align-self:flex-start}@media only screen and (min-width: 1200px){:host .flex-col .img-wrap{align-self:auto}}:host .img-wrap{position:relative;padding-bottom:20px;display:block;max-width:400px;width:100%}:host .img-wrap img{border-radius:var(--ptc-border-radius-standard);display:block;width:100%}:host .img-wrap .first-img{position:relative;z-index:3}:host .img-wrap .second{position:absolute;bottom:10px;left:10px;opacity:0.6;right:10px;z-index:2}:host .img-wrap .third{position:absolute;bottom:0;left:20px;opacity:0.3;right:20px;z-index:1}";
|
|
4
4
|
|
|
5
|
-
const PtcPodcastCard = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.heading = undefined;
|
|
9
|
-
this.imageSrc = undefined;
|
|
10
|
-
this.altText = undefined;
|
|
11
|
-
}
|
|
12
|
-
render() {
|
|
13
|
-
return (h(Host, null, h("div", { class: "is-grid has-col-gap-lg" }, h("div", { class: "is-col is-col-4-md flex-col" }, h("div", { class: 'img-wrap' }, h("img", { src: this.imageSrc, class: "first-img", alt: this.altText }), h("span", { class: "second" }, h("img", { src: this.imageSrc, class: "second-img", alt: this.altText })), h("span", { class: "third" }, h("img", { src: this.imageSrc, class: "third-img", alt: this.altText })))), h("div", { class: "is-col is-col-8-md flex-col" }, h("div", { class: 'content-wrap' }, h("ptc-title", { type: "h3", "text-align": "left", "title-size": "large", "title-color": "gray", upperline: "no-upperline", "title-display": "block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7" }, this.heading), h("slot", null))))));
|
|
14
|
-
}
|
|
15
|
-
};
|
|
5
|
+
const PtcPodcastCard = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
this.heading = undefined;
|
|
9
|
+
this.imageSrc = undefined;
|
|
10
|
+
this.altText = undefined;
|
|
11
|
+
}
|
|
12
|
+
render() {
|
|
13
|
+
return (h(Host, null, h("div", { class: "is-grid has-col-gap-lg" }, h("div", { class: "is-col is-col-4-md flex-col" }, h("div", { class: 'img-wrap' }, h("img", { src: this.imageSrc, class: "first-img", alt: this.altText }), h("span", { class: "second" }, h("img", { src: this.imageSrc, class: "second-img", alt: this.altText })), h("span", { class: "third" }, h("img", { src: this.imageSrc, class: "third-img", alt: this.altText })))), h("div", { class: "is-col is-col-8-md flex-col" }, h("div", { class: 'content-wrap' }, h("ptc-title", { type: "h3", "text-align": "left", "title-size": "large", "title-color": "gray", upperline: "no-upperline", "title-display": "block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7" }, this.heading), h("slot", null))))));
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
16
|
PtcPodcastCard.style = ptcPodcastCardCss;
|
|
17
17
|
|
|
18
18
|
export { PtcPodcastCard as ptc_podcast_card };
|