@ptcwebops/ptcw-design 3.2.2 → 3.2.3
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 +232 -232
- package/dist/cjs/bundle-example.cjs.entry.js +43 -43
- package/dist/cjs/bundle-jumbotron-example.cjs.entry.js +39 -39
- package/dist/cjs/dropdown-item.cjs.entry.js +10 -10
- package/dist/cjs/dynamic-box-bundle.cjs.entry.js +25 -25
- package/dist/cjs/embedded-form_9.cjs.entry.js +1467 -1467
- package/dist/cjs/featured-list.cjs.entry.js +90 -90
- package/dist/cjs/fl-tab-content_3.cjs.entry.js +44 -44
- package/dist/cjs/footer-form.cjs.entry.js +55 -55
- package/dist/cjs/icon-asset.cjs.entry.js +42 -42
- package/dist/cjs/innovator-toggle-container.cjs.entry.js +21 -21
- 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 +1 -1
- package/dist/cjs/my-component.cjs.entry.js +15 -15
- package/dist/cjs/ptc-accordion-item.cjs.entry.js +84 -84
- package/dist/cjs/ptc-accordion.cjs.entry.js +39 -39
- package/dist/cjs/ptc-announcement.cjs.entry.js +52 -52
- package/dist/cjs/ptc-back-to-top.cjs.entry.js +71 -71
- package/dist/cjs/ptc-background-video.cjs.entry.js +57 -57
- package/dist/cjs/ptc-bio-card.cjs.entry.js +24 -24
- package/dist/cjs/ptc-breadcrumb_2.cjs.entry.js +132 -132
- package/dist/cjs/ptc-brightcov-video.cjs.entry.js +46 -46
- package/dist/cjs/ptc-card-bottom_3.cjs.entry.js +130 -130
- package/dist/cjs/ptc-card-content.cjs.entry.js +57 -57
- package/dist/cjs/ptc-card.cjs.entry.js +74 -74
- package/dist/cjs/ptc-case-studies-slider.cjs.entry.js +77 -77
- package/dist/cjs/ptc-checkbox.cjs.entry.js +50 -50
- package/dist/cjs/ptc-collapse-list.cjs.entry.js +397 -397
- package/dist/cjs/ptc-container.cjs.entry.js +33 -33
- package/dist/cjs/ptc-date.cjs.entry.js +50 -50
- package/dist/cjs/ptc-dropdown.cjs.entry.js +64 -64
- package/dist/cjs/ptc-dynamic-card.cjs.entry.js +48 -48
- package/dist/cjs/ptc-ellipsis-dropdown.cjs.entry.js +46 -46
- package/dist/cjs/ptc-embedded-quiz.cjs.entry.js +89 -89
- package/dist/cjs/ptc-featured-list.cjs.entry.js +95 -95
- package/dist/cjs/ptc-filter-dropdown_4.cjs.entry.js +277 -277
- package/dist/cjs/ptc-filter-level-theater.cjs.entry.js +66 -66
- package/dist/cjs/ptc-filter-tag.cjs.entry.js +57 -57
- package/dist/cjs/ptc-form.cjs.entry.js +78 -78
- package/dist/cjs/ptc-hero-footer-cta.cjs.entry.js +11 -11
- package/dist/cjs/ptc-hero.cjs.entry.js +18 -18
- package/dist/cjs/ptc-icon-component.cjs.entry.js +60 -60
- package/dist/cjs/ptc-icon-list.cjs.entry.js +21 -21
- package/dist/cjs/ptc-icon-minimize.cjs.entry.js +43 -43
- package/dist/cjs/ptc-image-download-strip.cjs.entry.js +18 -18
- package/dist/cjs/ptc-img.cjs.entry.js +122 -122
- package/dist/cjs/ptc-link.cjs.entry.js +48 -48
- package/dist/cjs/ptc-list.cjs.entry.js +49 -49
- package/dist/cjs/ptc-media-card.cjs.entry.js +58 -58
- package/dist/cjs/ptc-minimized-nav.cjs.entry.js +12 -12
- package/dist/cjs/ptc-mobile-select.cjs.entry.js +62 -62
- package/dist/cjs/ptc-modal-quiz.cjs.entry.js +115 -115
- package/dist/cjs/ptc-modal.cjs.entry.js +158 -158
- package/dist/cjs/ptc-nav-card.cjs.entry.js +36 -36
- package/dist/cjs/ptc-nav-link.cjs.entry.js +36 -36
- package/dist/cjs/ptc-nav-pills.cjs.entry.js +8 -8
- package/dist/cjs/ptc-nav-slider.cjs.entry.js +90 -90
- package/dist/cjs/ptc-nav-submenu.cjs.entry.js +37 -37
- package/dist/cjs/ptc-news.cjs.entry.js +24 -24
- package/dist/cjs/ptc-overlay.cjs.entry.js +23 -23
- package/dist/cjs/ptc-pagenation.cjs.entry.js +306 -306
- package/dist/cjs/ptc-para.cjs.entry.js +51 -51
- package/dist/cjs/ptc-picture.cjs.entry.js +152 -152
- package/dist/cjs/ptc-podcast-card.cjs.entry.js +11 -11
- package/dist/cjs/ptc-previous-url.cjs.entry.js +11 -11
- package/dist/cjs/ptc-pricing-add-on-card.cjs.entry.js +17 -17
- package/dist/cjs/ptc-pricing-add-on-section.cjs.entry.js +38 -38
- package/dist/cjs/ptc-pricing-block.cjs.entry.js +20 -20
- package/dist/cjs/ptc-pricing-packaging-table.cjs.entry.js +359 -359
- package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +124 -124
- package/dist/cjs/ptc-product-card.cjs.entry.js +22 -22
- package/dist/cjs/ptc-product-category.cjs.entry.js +10 -10
- package/dist/cjs/ptc-product-dropdown.cjs.entry.js +69 -69
- package/dist/cjs/ptc-product-highlight-card.cjs.entry.js +12 -12
- package/dist/cjs/ptc-product-list.cjs.entry.js +140 -140
- package/dist/cjs/ptc-product-sidebar.cjs.entry.js +128 -128
- package/dist/cjs/ptc-progress-bar.cjs.entry.js +16 -16
- package/dist/cjs/ptc-quote.cjs.entry.js +24 -24
- package/dist/cjs/ptc-readmore-char.cjs.entry.js +24 -24
- package/dist/cjs/ptc-readmore.cjs.entry.js +82 -82
- package/dist/cjs/ptc-related-card-rail.cjs.entry.js +149 -149
- package/dist/cjs/ptc-responsive-wrapper.cjs.entry.js +54 -54
- package/dist/cjs/ptc-search-field.cjs.entry.js +71 -71
- package/dist/cjs/ptc-seo-title.cjs.entry.js +82 -0
- package/dist/cjs/ptc-shopping-cart.cjs.entry.js +50 -50
- package/dist/cjs/ptc-slit-card.cjs.entry.js +25 -25
- package/dist/cjs/ptc-span.cjs.entry.js +20 -20
- package/dist/cjs/ptc-square-card.cjs.entry.js +10 -10
- package/dist/cjs/ptc-sticky-icons.cjs.entry.js +32 -32
- package/dist/cjs/ptc-sticky-section.cjs.entry.js +30 -30
- package/dist/cjs/ptc-sticky-title.cjs.entry.js +23 -23
- package/dist/cjs/ptc-subnav-card.cjs.entry.js +16 -16
- package/dist/cjs/ptc-subnav.cjs.entry.js +24 -24
- package/dist/cjs/ptc-svg-btn.cjs.entry.js +95 -95
- package/dist/cjs/ptc-tab-list.cjs.entry.js +143 -143
- package/dist/cjs/ptc-tab.cjs.entry.js +20 -20
- package/dist/cjs/ptc-tabs.cjs.entry.js +47 -47
- package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +44 -44
- package/dist/cjs/ptc-theater-video-modal.cjs.entry.js +81 -81
- package/dist/cjs/ptc-tooltip.cjs.entry.js +96 -96
- package/dist/cjs/ptc-two-column-media.cjs.entry.js +15 -15
- package/dist/cjs/ptc-value-led-card.cjs.entry.js +10 -10
- package/dist/cjs/ptc-value-led-content-highlight.cjs.entry.js +8 -8
- package/dist/cjs/ptc-value-led-content.cjs.entry.js +8 -8
- package/dist/cjs/ptc-value-led-intro.cjs.entry.js +9 -9
- package/dist/cjs/ptc-value-led-layout.cjs.entry.js +103 -103
- package/dist/cjs/ptc-value-led-speed-bump.cjs.entry.js +21 -21
- package/dist/cjs/ptc-value-prop-card.cjs.entry.js +13 -13
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/cjs/sequential-bundle-example.cjs.entry.js +108 -108
- package/dist/cjs/sequential-bundle.cjs.entry.js +88 -88
- package/dist/cjs/tab-content.cjs.entry.js +27 -27
- package/dist/cjs/tab-header.cjs.entry.js +65 -65
- package/dist/cjs/{utils-4e734752.js → utils-3e282dbb.js} +93 -93
- 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 +163 -163
- 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 -79
- package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.css +219 -219
- 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 +120 -120
- package/dist/collection/components/organism-bundles/form/footer-form/footer-form.js +72 -72
- 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 +97 -97
- 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 +323 -323
- 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 -253
- 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-data-lookup/ptc-data-lookup.js +379 -379
- 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 +192 -192
- 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 +143 -143
- package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.js +124 -124
- package/dist/collection/components/ptc-filter-tag/ptc-filter-tag.js +113 -113
- package/dist/collection/components/ptc-form-checkbox/ptc-form-checkbox.js +266 -266
- 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.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 +433 -433
- package/dist/collection/components/ptc-modal-quiz/ptc-modal-quiz.js +191 -191
- 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.js +139 -139
- package/dist/collection/components/ptc-pricing-add-on-section/ptc-pricing-add-on-section.js +75 -75
- 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.js +501 -501
- 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 +145 -145
- 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 +555 -555
- package/dist/collection/components/ptc-seo-title/ptc-seo-title.css +593 -0
- package/dist/collection/components/ptc-seo-title/ptc-seo-title.js +314 -0
- 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 +218 -218
- package/dist/collection/components/ptc-textfield/ptc-textfield.js +489 -489
- package/dist/collection/components/ptc-theater-video/ptc-theater-video.js +181 -181
- package/dist/collection/components/ptc-theater-video-modal/ptc-theater-video-modal.js +128 -128
- package/dist/collection/components/ptc-theater-video-playlist/ptc-theater-video-playlist.js +165 -165
- package/dist/collection/components/ptc-title/ptc-title.js +310 -310
- package/dist/collection/components/ptc-tooltip/ptc-tooltip.js +361 -361
- package/dist/collection/components/ptc-two-column-media/ptc-two-column-media.js +48 -48
- package/dist/collection/components/ptc-value-led-card/ptc-value-led-card.js +60 -60
- package/dist/collection/components/ptc-value-led-content/ptc-value-led-content.js +18 -18
- package/dist/collection/components/ptc-value-led-content-highlight/ptc-value-led-content-highlight.js +18 -18
- package/dist/collection/components/ptc-value-led-intro/ptc-value-led-intro.js +42 -42
- package/dist/collection/components/ptc-value-led-layout/ptc-value-led-layout.js +156 -156
- package/dist/collection/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.js +97 -97
- 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 +131 -131
- 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 +151 -151
- 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 +107 -107
- 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/elq-lib.js +417 -417
- package/dist/collection/utils/interfaces.js +11 -11
- package/dist/collection/utils/utils.js +94 -94
- package/dist/collection/utils/validation-messages.js +102 -102
- package/dist/custom-elements/index.d.ts +6 -0
- package/dist/custom-elements/index.js +8898 -8820
- package/dist/esm/author-listing-example.entry.js +232 -232
- package/dist/esm/bundle-example.entry.js +43 -43
- package/dist/esm/bundle-jumbotron-example.entry.js +39 -39
- package/dist/esm/dropdown-item.entry.js +10 -10
- package/dist/esm/dynamic-box-bundle.entry.js +25 -25
- package/dist/esm/embedded-form_9.entry.js +1467 -1467
- package/dist/esm/featured-list.entry.js +90 -90
- package/dist/esm/fl-tab-content_3.entry.js +44 -44
- package/dist/esm/footer-form.entry.js +55 -55
- package/dist/esm/icon-asset.entry.js +42 -42
- package/dist/esm/innovator-toggle-container.entry.js +21 -21
- 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 +1 -1
- package/dist/esm/my-component.entry.js +15 -15
- package/dist/esm/polyfills/core-js.js +0 -0
- package/dist/esm/polyfills/dom.js +0 -0
- package/dist/esm/polyfills/es5-html-element.js +0 -0
- package/dist/esm/polyfills/index.js +0 -0
- package/dist/esm/polyfills/system.js +0 -0
- package/dist/esm/ptc-accordion-item.entry.js +84 -84
- package/dist/esm/ptc-accordion.entry.js +39 -39
- package/dist/esm/ptc-announcement.entry.js +52 -52
- package/dist/esm/ptc-back-to-top.entry.js +71 -71
- package/dist/esm/ptc-background-video.entry.js +57 -57
- package/dist/esm/ptc-bio-card.entry.js +24 -24
- package/dist/esm/ptc-breadcrumb_2.entry.js +132 -132
- package/dist/esm/ptc-brightcov-video.entry.js +46 -46
- package/dist/esm/ptc-card-bottom_3.entry.js +130 -130
- package/dist/esm/ptc-card-content.entry.js +57 -57
- package/dist/esm/ptc-card.entry.js +74 -74
- package/dist/esm/ptc-case-studies-slider.entry.js +77 -77
- package/dist/esm/ptc-checkbox.entry.js +50 -50
- package/dist/esm/ptc-collapse-list.entry.js +397 -397
- package/dist/esm/ptc-container.entry.js +33 -33
- package/dist/esm/ptc-date.entry.js +50 -50
- package/dist/esm/ptc-dropdown.entry.js +64 -64
- package/dist/esm/ptc-dynamic-card.entry.js +48 -48
- package/dist/esm/ptc-ellipsis-dropdown.entry.js +46 -46
- package/dist/esm/ptc-embedded-quiz.entry.js +89 -89
- package/dist/esm/ptc-featured-list.entry.js +95 -95
- package/dist/esm/ptc-filter-dropdown_4.entry.js +277 -277
- package/dist/esm/ptc-filter-level-theater.entry.js +66 -66
- package/dist/esm/ptc-filter-tag.entry.js +57 -57
- package/dist/esm/ptc-form.entry.js +78 -78
- package/dist/esm/ptc-hero-footer-cta.entry.js +11 -11
- package/dist/esm/ptc-hero.entry.js +18 -18
- package/dist/esm/ptc-icon-component.entry.js +60 -60
- package/dist/esm/ptc-icon-list.entry.js +21 -21
- package/dist/esm/ptc-icon-minimize.entry.js +43 -43
- package/dist/esm/ptc-image-download-strip.entry.js +18 -18
- package/dist/esm/ptc-img.entry.js +122 -122
- package/dist/esm/ptc-link.entry.js +48 -48
- package/dist/esm/ptc-list.entry.js +49 -49
- package/dist/esm/ptc-media-card.entry.js +58 -58
- package/dist/esm/ptc-minimized-nav.entry.js +12 -12
- package/dist/esm/ptc-mobile-select.entry.js +62 -62
- package/dist/esm/ptc-modal-quiz.entry.js +115 -115
- package/dist/esm/ptc-modal.entry.js +158 -158
- package/dist/esm/ptc-nav-card.entry.js +36 -36
- package/dist/esm/ptc-nav-link.entry.js +36 -36
- package/dist/esm/ptc-nav-pills.entry.js +8 -8
- package/dist/esm/ptc-nav-slider.entry.js +90 -90
- package/dist/esm/ptc-nav-submenu.entry.js +37 -37
- package/dist/esm/ptc-news.entry.js +24 -24
- package/dist/esm/ptc-overlay.entry.js +23 -23
- package/dist/esm/ptc-pagenation.entry.js +306 -306
- package/dist/esm/ptc-para.entry.js +51 -51
- package/dist/esm/ptc-picture.entry.js +152 -152
- package/dist/esm/ptc-podcast-card.entry.js +11 -11
- package/dist/esm/ptc-previous-url.entry.js +11 -11
- package/dist/esm/ptc-pricing-add-on-card.entry.js +17 -17
- package/dist/esm/ptc-pricing-add-on-section.entry.js +38 -38
- package/dist/esm/ptc-pricing-block.entry.js +20 -20
- package/dist/esm/ptc-pricing-packaging-table.entry.js +359 -359
- package/dist/esm/ptc-pricing-tabs.entry.js +124 -124
- package/dist/esm/ptc-product-card.entry.js +22 -22
- package/dist/esm/ptc-product-category.entry.js +10 -10
- package/dist/esm/ptc-product-dropdown.entry.js +69 -69
- package/dist/esm/ptc-product-highlight-card.entry.js +12 -12
- package/dist/esm/ptc-product-list.entry.js +140 -140
- package/dist/esm/ptc-product-sidebar.entry.js +128 -128
- package/dist/esm/ptc-progress-bar.entry.js +16 -16
- package/dist/esm/ptc-quote.entry.js +24 -24
- package/dist/esm/ptc-readmore-char.entry.js +24 -24
- package/dist/esm/ptc-readmore.entry.js +82 -82
- package/dist/esm/ptc-related-card-rail.entry.js +149 -149
- package/dist/esm/ptc-responsive-wrapper.entry.js +54 -54
- package/dist/esm/ptc-search-field.entry.js +71 -71
- package/dist/esm/ptc-seo-title.entry.js +78 -0
- package/dist/esm/ptc-shopping-cart.entry.js +50 -50
- package/dist/esm/ptc-slit-card.entry.js +25 -25
- package/dist/esm/ptc-span.entry.js +20 -20
- package/dist/esm/ptc-square-card.entry.js +10 -10
- package/dist/esm/ptc-sticky-icons.entry.js +32 -32
- package/dist/esm/ptc-sticky-section.entry.js +30 -30
- package/dist/esm/ptc-sticky-title.entry.js +23 -23
- package/dist/esm/ptc-subnav-card.entry.js +16 -16
- package/dist/esm/ptc-subnav.entry.js +24 -24
- package/dist/esm/ptc-svg-btn.entry.js +95 -95
- package/dist/esm/ptc-tab-list.entry.js +143 -143
- package/dist/esm/ptc-tab.entry.js +20 -20
- package/dist/esm/ptc-tabs.entry.js +47 -47
- package/dist/esm/ptc-text-copy-with-background.entry.js +44 -44
- package/dist/esm/ptc-theater-video-modal.entry.js +81 -81
- package/dist/esm/ptc-tooltip.entry.js +96 -96
- package/dist/esm/ptc-two-column-media.entry.js +15 -15
- package/dist/esm/ptc-value-led-card.entry.js +10 -10
- package/dist/esm/ptc-value-led-content-highlight.entry.js +8 -8
- package/dist/esm/ptc-value-led-content.entry.js +8 -8
- package/dist/esm/ptc-value-led-intro.entry.js +9 -9
- package/dist/esm/ptc-value-led-layout.entry.js +103 -103
- package/dist/esm/ptc-value-led-speed-bump.entry.js +21 -21
- package/dist/esm/ptc-value-prop-card.entry.js +13 -13
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/esm/sequential-bundle-example.entry.js +108 -108
- package/dist/esm/sequential-bundle.entry.js +88 -88
- package/dist/esm/tab-content.entry.js +27 -27
- package/dist/esm/tab-header.entry.js +65 -65
- package/dist/esm/{utils-4cafa40c.js → utils-ff66a908.js} +93 -93
- 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-a5716559.entry.js → p-2c6cce6c.entry.js} +1 -1
- package/dist/ptcw-design/{p-6ec80150.entry.js → p-46e3abad.entry.js} +1 -1
- package/dist/ptcw-design/{p-028f77a5.entry.js → p-57f91d23.entry.js} +1 -1
- package/dist/ptcw-design/{p-af91e74f.entry.js → p-7a8726da.entry.js} +1 -1
- package/dist/ptcw-design/{p-64052394.entry.js → p-9415f40e.entry.js} +1 -1
- package/dist/ptcw-design/{p-d82dc830.entry.js → p-ab16b22b.entry.js} +1 -1
- package/dist/ptcw-design/p-b1015faf.entry.js +1 -0
- package/dist/ptcw-design/{p-c382cb39.entry.js → p-c12853b9.entry.js} +1 -1
- package/dist/ptcw-design/{p-6c32ca0e.entry.js → p-d2a8372d.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 +17 -17
- 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 -14
- 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 +31 -31
- package/dist/types/components/organism-bundles/form/footer-form/footer-form.d.ts +14 -14
- 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 +10 -10
- 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 +68 -68
- 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 -30
- 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-data-lookup/ptc-data-lookup.d.ts +27 -27
- 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 +27 -27
- 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 +26 -26
- package/dist/types/components/ptc-filter-level-theater/ptc-filter-level-theater.d.ts +17 -17
- 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 +25 -25
- 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 +76 -76
- package/dist/types/components/ptc-modal-quiz/ptc-modal-quiz.d.ts +36 -36
- 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 -31
- package/dist/types/components/ptc-pricing-add-on-section/ptc-pricing-add-on-section.d.ts +22 -22
- 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 +87 -87
- 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 +29 -29
- package/dist/types/components/ptc-seo-title/ptc-seo-title.d.ts +55 -0
- 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 +42 -42
- package/dist/types/components/ptc-textfield/ptc-textfield.d.ts +35 -35
- package/dist/types/components/ptc-theater-video/ptc-theater-video.d.ts +14 -14
- package/dist/types/components/ptc-theater-video-modal/ptc-theater-video-modal.d.ts +16 -16
- package/dist/types/components/ptc-theater-video-playlist/ptc-theater-video-playlist.d.ts +26 -26
- package/dist/types/components/ptc-title/ptc-title.d.ts +54 -54
- package/dist/types/components/ptc-tooltip/ptc-tooltip.d.ts +63 -63
- package/dist/types/components/ptc-two-column-media/ptc-two-column-media.d.ts +9 -9
- package/dist/types/components/ptc-value-led-card/ptc-value-led-card.d.ts +5 -5
- package/dist/types/components/ptc-value-led-content/ptc-value-led-content.d.ts +3 -3
- package/dist/types/components/ptc-value-led-content-highlight/ptc-value-led-content-highlight.d.ts +3 -3
- package/dist/types/components/ptc-value-led-intro/ptc-value-led-intro.d.ts +4 -4
- package/dist/types/components/ptc-value-led-layout/ptc-value-led-layout.d.ts +16 -16
- package/dist/types/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.d.ts +10 -10
- 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 +31 -31
- 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 +347 -186
- package/dist/types/index.d.ts +1 -1
- package/dist/types/utils/component.d.ts +1 -1
- package/dist/types/utils/eloqua.d.ts +8 -8
- package/dist/types/utils/elq-lib.d.ts +55 -55
- package/dist/types/utils/interfaces.d.ts +32 -32
- package/dist/types/utils/utils.d.ts +6 -6
- package/dist/types/utils/validation-messages.d.ts +102 -102
- package/package.json +89 -89
- package/readme.md +19 -19
- /package/dist/ptcw-design/{p-240733ce.js → p-711bcdad.js} +0 -0
- /package/dist/ptcw-design/{p-5c1c23ad.js → p-ff83c1c4.js} +0 -0
|
@@ -2,57 +2,57 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-62
|
|
|
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
1
|
import { r as registerInstance, h, H as Host, g as getElement } from './index-62587d0b.js';
|
|
2
|
-
import { a as ResponsivePictureVariables } from './interfaces-
|
|
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.src}`, "data-sm": !!this.sizeSm ? `${this.src}` : `${this.src}`, "data-md": !!this.sizeMd ? `${this.src}` : `${this.src}`, "data-lg": !!this.sizeLg ? `${this.src}` : `${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.src}`, "data-sm": !!this.sizeSm ? `${this.src}` : `${this.src}`, "data-md": !!this.sizeMd ? `${this.src}` : `${this.src}`, "data-lg": !!this.sizeLg ? `${this.src}` : `${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 };
|
|
@@ -2,17 +2,17 @@ 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 };
|