@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
|
@@ -3,720 +3,720 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-cd9a1b1a.js');
|
|
6
|
-
const utils = require('./utils-
|
|
6
|
+
const utils = require('./utils-3e282dbb.js');
|
|
7
7
|
|
|
8
8
|
const embeddedFormCss = ":host{display:block}.flex-adjustments{display:flex;justify-content:center}@media only screen and (min-width: 768px){.flex-adjustments{justify-content:flex-end}}.embedded-form-container{background-color:#142D48}.ptc-embedded-form.form-wrapper{max-width:361px;display:flex;border-radius:3px;background:#FFF;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.16);flex-direction:column;align-items:center;padding:24px 0px;justify-content:center}@media only screen and (min-width: 480px){.ptc-embedded-form.form-wrapper{width:361px}}@keyframes rollUp{from{height:auto;opacity:1}to{height:0;opacity:0}}.ptc-form-roll-up{animation:rollUp 1s forwards;}";
|
|
9
9
|
|
|
10
|
-
const EmbeddedForm = class {
|
|
11
|
-
constructor(hostRef) {
|
|
12
|
-
index.registerInstance(this, hostRef);
|
|
13
|
-
this.formData = {
|
|
14
|
-
email: '',
|
|
15
|
-
firstName: '',
|
|
16
|
-
lastName: '',
|
|
17
|
-
company: '',
|
|
18
|
-
country: '',
|
|
19
|
-
phone: '',
|
|
20
|
-
inquiryReason: '',
|
|
21
|
-
howhearselfreport: '',
|
|
22
|
-
policyChecked: false,
|
|
23
|
-
};
|
|
24
|
-
this.isSubmitted = false;
|
|
25
|
-
}
|
|
26
|
-
componentDidLoad() {
|
|
27
|
-
this.onDataLookup();
|
|
28
|
-
this.formButton = this.el.querySelector('.form-submit');
|
|
29
|
-
this.formButton.addEventListener('click', this.handleSubmit.bind(this));
|
|
30
|
-
//get Email
|
|
31
|
-
this.emailEle = this.el.querySelector('ptc-textfield[field-id="contact-email"]');
|
|
32
|
-
this.firstNameEle = this.el.querySelector('ptc-textfield[field-id="contact-firstname"]');
|
|
33
|
-
this.lastNameEle = this.el.querySelector('ptc-textfield[field-id="contact-lastname"]');
|
|
34
|
-
this.companyEle = this.el.querySelector('ptc-textfield[field-id="company"]');
|
|
35
|
-
this.phoneEle = this.el.querySelector('ptc-textfield[field-id="contact-phone"]');
|
|
36
|
-
this.countryEle = this.el.querySelector('ptc-select[field-id="contact-country"]');
|
|
37
|
-
this.inquiryreasonEle = this.el.querySelector('ptc-select[field-id="contact-inquiry"]');
|
|
38
|
-
this.howhearselfreport = this.el.querySelector('ptc-textfield[field-id="self-reporting"]');
|
|
39
|
-
this.policy1 = this.el.querySelector('ptc-form-checkbox[checkbox-id="policy1"]');
|
|
40
|
-
}
|
|
41
|
-
//handle dataLookup
|
|
42
|
-
onDataLookup() {
|
|
43
|
-
const dataLookupElement = this.el.closest('ptc-data-lookup');
|
|
44
|
-
if (dataLookupElement) {
|
|
45
|
-
console.log('Perform Data Lookup...');
|
|
46
|
-
dataLookupElement.performDataLookup();
|
|
47
|
-
}
|
|
48
|
-
else {
|
|
49
|
-
console.log('No Data Lookup...');
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
// private init_notme(): void{
|
|
53
|
-
// const topAdditional = document.getElementById('not-me-additional-top');
|
|
54
|
-
// const bottomAdditional = document.getElementById('not-me-additional-bottom');
|
|
55
|
-
// console.log("top: " + topAdditional)
|
|
56
|
-
// if(topAdditional) topAdditional.style.display = 'none';
|
|
57
|
-
// if(bottomAdditional) bottomAdditional.style.display = 'none';
|
|
58
|
-
// }
|
|
59
|
-
handleInputChange(field, value) {
|
|
60
|
-
this.formData = Object.assign(Object.assign({}, this.formData), { [field]: value });
|
|
61
|
-
}
|
|
62
|
-
handleSubmit(event) {
|
|
63
|
-
event.preventDefault();
|
|
64
|
-
this.formData.email = this.emailEle.inputValue;
|
|
65
|
-
this.formData.firstName = this.firstNameEle.inputValue;
|
|
66
|
-
this.formData.lastName = this.lastNameEle.inputValue;
|
|
67
|
-
this.formData.company = this.companyEle.inputValue;
|
|
68
|
-
this.formData.phone = this.phoneEle.inputValue;
|
|
69
|
-
this.formData.country = this.countryEle.selectedValue;
|
|
70
|
-
this.formData.inquiryReason = this.inquiryreasonEle.selectedValue;
|
|
71
|
-
this.formData.howhearselfreport = this.howhearselfreport.inputValue;
|
|
72
|
-
this.formData.policyChecked = this.policy1.isChecked;
|
|
73
|
-
if (this.formData.policyChecked) {
|
|
74
|
-
if (this.isValid()) {
|
|
75
|
-
const formSubmitEvent = new CustomEvent('formSubmit', {
|
|
76
|
-
detail: this.formData,
|
|
77
|
-
bubbles: true,
|
|
78
|
-
});
|
|
79
|
-
this.el.dispatchEvent(formSubmitEvent);
|
|
80
|
-
this.isSubmitted = true;
|
|
81
|
-
console.log('Form Submitted: ' + this.formData.email, this.formData.firstName, this.formData.lastName, this.formData.company, this.formData.phone, this.formData.country, this.formData.inquiryReason, this.formData.howhearselfreport, this.formData.policyChecked);
|
|
82
|
-
}
|
|
83
|
-
else {
|
|
84
|
-
console.log('Form validation failed');
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
else {
|
|
88
|
-
this.policy1.validateCheckbox();
|
|
89
|
-
console.log('Warning: Checkbox is not checked. This field is required');
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
isValid() {
|
|
93
|
-
const { email, firstName, lastName, company, country, phone, inquiryReason, howhearselfreport, policyChecked } = this.formData;
|
|
94
|
-
const invalidLength = document.querySelectorAll('.invalid-field').length;
|
|
95
|
-
// console.log('invalid fields length: ' + invalidLength), check the select field
|
|
96
|
-
return (email !== '' &&
|
|
97
|
-
phone !== '' &&
|
|
98
|
-
firstName !== '' &&
|
|
99
|
-
lastName !== '' &&
|
|
100
|
-
company !== '' &&
|
|
101
|
-
country !== '' &&
|
|
102
|
-
inquiryReason !== '' &&
|
|
103
|
-
howhearselfreport != '' &&
|
|
104
|
-
policyChecked &&
|
|
105
|
-
invalidLength === 0);
|
|
106
|
-
}
|
|
107
|
-
render() {
|
|
108
|
-
const formClass = this.isSubmitted ? "ptc-form-roll-up" : "";
|
|
109
|
-
return (index.h(index.Host, null, index.h("div", { class: "ptc-container ptc-section-standard flex-adjustments" }, index.h("div", { class: "form-wrapper ptc-embedded-form" }, index.h("max-width-container", { "max-width": "277", breakpoint: 480 }, index.h("ptc-title", { type: "h2", "text-align": "center", "title-size": "x-small", "title-color": "gray", upperline: "no-upperline", "title-display": "inline-block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-6", "is-plm-hub": "false" }, "Please fill out the form and a PTC sales representative will be in touch."), index.h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), index.h("ptc-spacer", { breakpoint: "small", size: "small" }), index.h("ptc-spacer", { breakpoint: "small", size: "small" })), index.h("form", { onSubmit: event => this.handleSubmit(event), class: formClass }, index.h("div", { id: "not-me-link-id" }), index.h("div", { id: "not-me-additional-top", class: "not-me-additional-text" }), index.h("ptc-textfield", { "field-id": "contact-firstname", "label-text": "First Name*", type: "text", "ptc-data-eloqua-name": "C_FirstName", "field-name": "firstname" }), index.h("ptc-textfield", { "field-id": "contact-lastname", "label-text": "Last Name*", type: "text", "ptc-data-eloqua-name": "C_LastName", "field-name": "lastname" }), index.h("ptc-textfield", { "field-id": "company", "label-text": "Company*", type: "text", "ptc-data-eloqua-name": "C_Company", "field-name": "company" }), index.h("ptc-textfield", { "field-id": "contact-email", "label-text": "Email*", type: "email", "ptc-data-eloqua-name": "C_EmailAddress", "field-name": "email", "info-text": "Please include @ in the email address" }), index.h("ptc-select", { "field-id": "contact-country", label: "Country*", "ptc-data-eloqua-name": "C_Country", "field-name": "country", "default-value": "USA" }, index.h("ul", { class: "mdc-list" }, index.h("li", { class: "mdc-list-item", "data-value": "" }, index.h("span", { class: "mdc-list-item__ripple" })), index.h("li", { class: "mdc-list-item", "data-value": "USA" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "USA")), index.h("li", { class: "mdc-list-item", "data-value": "Canada" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Canada")), index.h("li", { class: "mdc-list-item", "data-value": "China" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "China")))), index.h("ptc-textfield", { "field-id": "contact-phone", "label-text": "Phone*", type: "tel", "ptc-data-eloqua-name": "C_BusPhone", "field-name": "phone" }), index.h("ptc-select", { label: "What information are you interested in?*", "ptc-data-eloqua-name": "Inquiry_Reason", "field-name": "inquiryreason", "field-id": "contact-inquiry", "info-text": "info text example." }, index.h("ul", { class: "mdc-list" }, index.h("li", { class: "mdc-list-item", "data-value": "" }, index.h("span", { class: "mdc-list-item__ripple" })), index.h("li", { class: "mdc-list-item", "data-value": "Augmented Reality (AR)" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Augmented Reality (AR)")), index.h("li", { class: "mdc-list-item", "data-value": "CAD" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Computer Aided Design")), index.h("li", { class: "mdc-list-item", "data-value": "Retail(FlexPLM)" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Fashion and Retail Product Lifecycle Management")))), index.h("ptc-textfield", { "field-id": "self-reporting", "label-text": "How can we help you?*", type: "text", "ptc-data-eloqua-name": "HowHearSelfReport", "ptc-max-length": "100", "field-name": "howhearselfreport" }), index.h("ptc-textfield", { type: "hidden", "ptc-data-eloqua-name": "test", "input-value": "test" }), index.h("ptc-form-checkbox", { label: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec ultricies risus. Praesent suscipit mauris vel augue facilisis, nec consequat ipsum placerat. Curabitur nisi elit, dignissim tincidunt tincidunt at, vehicula sit amet nisl. Maecenas sodales est vulputate ex feugiat tincidunt.", "checkbox-id": "policy1" }), index.h("div", { id: "not-me-additional-bottom", class: "not-me-additional-text" }), index.h("ptc-button", { class: "form-submit", color: "ptc-quaternary", type: "submit", styles: ":host{align-self:flex-end; margin-top: 12px; display:block; text-align:right;}" }, "Submit"))))));
|
|
110
|
-
}
|
|
111
|
-
get el() { return index.getElement(this); }
|
|
112
|
-
};
|
|
10
|
+
const EmbeddedForm = class {
|
|
11
|
+
constructor(hostRef) {
|
|
12
|
+
index.registerInstance(this, hostRef);
|
|
13
|
+
this.formData = {
|
|
14
|
+
email: '',
|
|
15
|
+
firstName: '',
|
|
16
|
+
lastName: '',
|
|
17
|
+
company: '',
|
|
18
|
+
country: '',
|
|
19
|
+
phone: '',
|
|
20
|
+
inquiryReason: '',
|
|
21
|
+
howhearselfreport: '',
|
|
22
|
+
policyChecked: false,
|
|
23
|
+
};
|
|
24
|
+
this.isSubmitted = false;
|
|
25
|
+
}
|
|
26
|
+
componentDidLoad() {
|
|
27
|
+
this.onDataLookup();
|
|
28
|
+
this.formButton = this.el.querySelector('.form-submit');
|
|
29
|
+
this.formButton.addEventListener('click', this.handleSubmit.bind(this));
|
|
30
|
+
//get Email
|
|
31
|
+
this.emailEle = this.el.querySelector('ptc-textfield[field-id="contact-email"]');
|
|
32
|
+
this.firstNameEle = this.el.querySelector('ptc-textfield[field-id="contact-firstname"]');
|
|
33
|
+
this.lastNameEle = this.el.querySelector('ptc-textfield[field-id="contact-lastname"]');
|
|
34
|
+
this.companyEle = this.el.querySelector('ptc-textfield[field-id="company"]');
|
|
35
|
+
this.phoneEle = this.el.querySelector('ptc-textfield[field-id="contact-phone"]');
|
|
36
|
+
this.countryEle = this.el.querySelector('ptc-select[field-id="contact-country"]');
|
|
37
|
+
this.inquiryreasonEle = this.el.querySelector('ptc-select[field-id="contact-inquiry"]');
|
|
38
|
+
this.howhearselfreport = this.el.querySelector('ptc-textfield[field-id="self-reporting"]');
|
|
39
|
+
this.policy1 = this.el.querySelector('ptc-form-checkbox[checkbox-id="policy1"]');
|
|
40
|
+
}
|
|
41
|
+
//handle dataLookup
|
|
42
|
+
onDataLookup() {
|
|
43
|
+
const dataLookupElement = this.el.closest('ptc-data-lookup');
|
|
44
|
+
if (dataLookupElement) {
|
|
45
|
+
console.log('Perform Data Lookup...');
|
|
46
|
+
dataLookupElement.performDataLookup();
|
|
47
|
+
}
|
|
48
|
+
else {
|
|
49
|
+
console.log('No Data Lookup...');
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
// private init_notme(): void{
|
|
53
|
+
// const topAdditional = document.getElementById('not-me-additional-top');
|
|
54
|
+
// const bottomAdditional = document.getElementById('not-me-additional-bottom');
|
|
55
|
+
// console.log("top: " + topAdditional)
|
|
56
|
+
// if(topAdditional) topAdditional.style.display = 'none';
|
|
57
|
+
// if(bottomAdditional) bottomAdditional.style.display = 'none';
|
|
58
|
+
// }
|
|
59
|
+
handleInputChange(field, value) {
|
|
60
|
+
this.formData = Object.assign(Object.assign({}, this.formData), { [field]: value });
|
|
61
|
+
}
|
|
62
|
+
handleSubmit(event) {
|
|
63
|
+
event.preventDefault();
|
|
64
|
+
this.formData.email = this.emailEle.inputValue;
|
|
65
|
+
this.formData.firstName = this.firstNameEle.inputValue;
|
|
66
|
+
this.formData.lastName = this.lastNameEle.inputValue;
|
|
67
|
+
this.formData.company = this.companyEle.inputValue;
|
|
68
|
+
this.formData.phone = this.phoneEle.inputValue;
|
|
69
|
+
this.formData.country = this.countryEle.selectedValue;
|
|
70
|
+
this.formData.inquiryReason = this.inquiryreasonEle.selectedValue;
|
|
71
|
+
this.formData.howhearselfreport = this.howhearselfreport.inputValue;
|
|
72
|
+
this.formData.policyChecked = this.policy1.isChecked;
|
|
73
|
+
if (this.formData.policyChecked) {
|
|
74
|
+
if (this.isValid()) {
|
|
75
|
+
const formSubmitEvent = new CustomEvent('formSubmit', {
|
|
76
|
+
detail: this.formData,
|
|
77
|
+
bubbles: true,
|
|
78
|
+
});
|
|
79
|
+
this.el.dispatchEvent(formSubmitEvent);
|
|
80
|
+
this.isSubmitted = true;
|
|
81
|
+
console.log('Form Submitted: ' + this.formData.email, this.formData.firstName, this.formData.lastName, this.formData.company, this.formData.phone, this.formData.country, this.formData.inquiryReason, this.formData.howhearselfreport, this.formData.policyChecked);
|
|
82
|
+
}
|
|
83
|
+
else {
|
|
84
|
+
console.log('Form validation failed');
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
else {
|
|
88
|
+
this.policy1.validateCheckbox();
|
|
89
|
+
console.log('Warning: Checkbox is not checked. This field is required');
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
isValid() {
|
|
93
|
+
const { email, firstName, lastName, company, country, phone, inquiryReason, howhearselfreport, policyChecked } = this.formData;
|
|
94
|
+
const invalidLength = document.querySelectorAll('.invalid-field').length;
|
|
95
|
+
// console.log('invalid fields length: ' + invalidLength), check the select field
|
|
96
|
+
return (email !== '' &&
|
|
97
|
+
phone !== '' &&
|
|
98
|
+
firstName !== '' &&
|
|
99
|
+
lastName !== '' &&
|
|
100
|
+
company !== '' &&
|
|
101
|
+
country !== '' &&
|
|
102
|
+
inquiryReason !== '' &&
|
|
103
|
+
howhearselfreport != '' &&
|
|
104
|
+
policyChecked &&
|
|
105
|
+
invalidLength === 0);
|
|
106
|
+
}
|
|
107
|
+
render() {
|
|
108
|
+
const formClass = this.isSubmitted ? "ptc-form-roll-up" : "";
|
|
109
|
+
return (index.h(index.Host, null, index.h("div", { class: "ptc-container ptc-section-standard flex-adjustments" }, index.h("div", { class: "form-wrapper ptc-embedded-form" }, index.h("max-width-container", { "max-width": "277", breakpoint: 480 }, index.h("ptc-title", { type: "h2", "text-align": "center", "title-size": "x-small", "title-color": "gray", upperline: "no-upperline", "title-display": "inline-block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-6", "is-plm-hub": "false" }, "Please fill out the form and a PTC sales representative will be in touch."), index.h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), index.h("ptc-spacer", { breakpoint: "small", size: "small" }), index.h("ptc-spacer", { breakpoint: "small", size: "small" })), index.h("form", { onSubmit: event => this.handleSubmit(event), class: formClass }, index.h("div", { id: "not-me-link-id" }), index.h("div", { id: "not-me-additional-top", class: "not-me-additional-text" }), index.h("ptc-textfield", { "field-id": "contact-firstname", "label-text": "First Name*", type: "text", "ptc-data-eloqua-name": "C_FirstName", "field-name": "firstname" }), index.h("ptc-textfield", { "field-id": "contact-lastname", "label-text": "Last Name*", type: "text", "ptc-data-eloqua-name": "C_LastName", "field-name": "lastname" }), index.h("ptc-textfield", { "field-id": "company", "label-text": "Company*", type: "text", "ptc-data-eloqua-name": "C_Company", "field-name": "company" }), index.h("ptc-textfield", { "field-id": "contact-email", "label-text": "Email*", type: "email", "ptc-data-eloqua-name": "C_EmailAddress", "field-name": "email", "info-text": "Please include @ in the email address" }), index.h("ptc-select", { "field-id": "contact-country", label: "Country*", "ptc-data-eloqua-name": "C_Country", "field-name": "country", "default-value": "USA" }, index.h("ul", { class: "mdc-list" }, index.h("li", { class: "mdc-list-item", "data-value": "" }, index.h("span", { class: "mdc-list-item__ripple" })), index.h("li", { class: "mdc-list-item", "data-value": "USA" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "USA")), index.h("li", { class: "mdc-list-item", "data-value": "Canada" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Canada")), index.h("li", { class: "mdc-list-item", "data-value": "China" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "China")))), index.h("ptc-textfield", { "field-id": "contact-phone", "label-text": "Phone*", type: "tel", "ptc-data-eloqua-name": "C_BusPhone", "field-name": "phone" }), index.h("ptc-select", { label: "What information are you interested in?*", "ptc-data-eloqua-name": "Inquiry_Reason", "field-name": "inquiryreason", "field-id": "contact-inquiry", "info-text": "info text example." }, index.h("ul", { class: "mdc-list" }, index.h("li", { class: "mdc-list-item", "data-value": "" }, index.h("span", { class: "mdc-list-item__ripple" })), index.h("li", { class: "mdc-list-item", "data-value": "Augmented Reality (AR)" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Augmented Reality (AR)")), index.h("li", { class: "mdc-list-item", "data-value": "CAD" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Computer Aided Design")), index.h("li", { class: "mdc-list-item", "data-value": "Retail(FlexPLM)" }, index.h("span", { class: "mdc-list-item__ripple" }), index.h("span", { class: "mdc-list-item__text" }, "Fashion and Retail Product Lifecycle Management")))), index.h("ptc-textfield", { "field-id": "self-reporting", "label-text": "How can we help you?*", type: "text", "ptc-data-eloqua-name": "HowHearSelfReport", "ptc-max-length": "100", "field-name": "howhearselfreport" }), index.h("ptc-textfield", { type: "hidden", "ptc-data-eloqua-name": "test", "input-value": "test" }), index.h("ptc-form-checkbox", { label: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec ultricies risus. Praesent suscipit mauris vel augue facilisis, nec consequat ipsum placerat. Curabitur nisi elit, dignissim tincidunt tincidunt at, vehicula sit amet nisl. Maecenas sodales est vulputate ex feugiat tincidunt.", "checkbox-id": "policy1" }), index.h("div", { id: "not-me-additional-bottom", class: "not-me-additional-text" }), index.h("ptc-button", { class: "form-submit", color: "ptc-quaternary", type: "submit", styles: ":host{align-self:flex-end; margin-top: 12px; display:block; text-align:right;}" }, "Submit"))))));
|
|
110
|
+
}
|
|
111
|
+
get el() { return index.getElement(this); }
|
|
112
|
+
};
|
|
113
113
|
EmbeddedForm.style = embeddedFormCss;
|
|
114
114
|
|
|
115
115
|
const maxWidthContainerCss = ":host{display:block}:host(.left){margin:auto auto auto 0}:host(.right){margin:auto 0 auto auto}:host(.center){margin:0 auto}";
|
|
116
116
|
|
|
117
|
-
const MaxWidthContainer = class {
|
|
118
|
-
constructor(hostRef) {
|
|
119
|
-
index.registerInstance(this, hostRef);
|
|
120
|
-
this.maxWidthP = undefined;
|
|
121
|
-
this.maxWidth = undefined;
|
|
122
|
-
this.breakpoint = 768;
|
|
123
|
-
this.contentAlign = 'center';
|
|
124
|
-
this.styles = undefined;
|
|
125
|
-
}
|
|
126
|
-
componentDidLoad() {
|
|
127
|
-
this.handleResize();
|
|
128
|
-
window.addEventListener('resize', this.handleResize.bind(this));
|
|
129
|
-
}
|
|
130
|
-
disconnectedCallback() {
|
|
131
|
-
window.removeEventListener('resize', this.handleResize);
|
|
132
|
-
}
|
|
133
|
-
render() {
|
|
134
|
-
const classMap = this.getCssClassMap();
|
|
135
|
-
return (index.h(index.Host, { class: classMap }, this.styles && index.h("style", null, this.styles), index.h("slot", null)));
|
|
136
|
-
}
|
|
137
|
-
getCssClassMap() {
|
|
138
|
-
return {
|
|
139
|
-
[this.contentAlign]: true,
|
|
140
|
-
};
|
|
141
|
-
}
|
|
142
|
-
handleResize() {
|
|
143
|
-
// const selectedContainer = this.el.querySelector('.max-width-container');
|
|
144
|
-
if (this.el) {
|
|
145
|
-
if (window.innerWidth >= this.breakpoint) {
|
|
146
|
-
if (this.maxWidthP) {
|
|
147
|
-
this.el.style.maxWidth = `${this.maxWidthP}%`;
|
|
148
|
-
}
|
|
149
|
-
else {
|
|
150
|
-
this.el.style.maxWidth = `${this.maxWidth}px`;
|
|
151
|
-
}
|
|
152
|
-
}
|
|
153
|
-
else {
|
|
154
|
-
this.el.style.maxWidth = 'initial';
|
|
155
|
-
}
|
|
156
|
-
}
|
|
157
|
-
}
|
|
158
|
-
get el() { return index.getElement(this); }
|
|
159
|
-
};
|
|
117
|
+
const MaxWidthContainer = class {
|
|
118
|
+
constructor(hostRef) {
|
|
119
|
+
index.registerInstance(this, hostRef);
|
|
120
|
+
this.maxWidthP = undefined;
|
|
121
|
+
this.maxWidth = undefined;
|
|
122
|
+
this.breakpoint = 768;
|
|
123
|
+
this.contentAlign = 'center';
|
|
124
|
+
this.styles = undefined;
|
|
125
|
+
}
|
|
126
|
+
componentDidLoad() {
|
|
127
|
+
this.handleResize();
|
|
128
|
+
window.addEventListener('resize', this.handleResize.bind(this));
|
|
129
|
+
}
|
|
130
|
+
disconnectedCallback() {
|
|
131
|
+
window.removeEventListener('resize', this.handleResize);
|
|
132
|
+
}
|
|
133
|
+
render() {
|
|
134
|
+
const classMap = this.getCssClassMap();
|
|
135
|
+
return (index.h(index.Host, { class: classMap }, this.styles && index.h("style", null, this.styles), index.h("slot", null)));
|
|
136
|
+
}
|
|
137
|
+
getCssClassMap() {
|
|
138
|
+
return {
|
|
139
|
+
[this.contentAlign]: true,
|
|
140
|
+
};
|
|
141
|
+
}
|
|
142
|
+
handleResize() {
|
|
143
|
+
// const selectedContainer = this.el.querySelector('.max-width-container');
|
|
144
|
+
if (this.el) {
|
|
145
|
+
if (window.innerWidth >= this.breakpoint) {
|
|
146
|
+
if (this.maxWidthP) {
|
|
147
|
+
this.el.style.maxWidth = `${this.maxWidthP}%`;
|
|
148
|
+
}
|
|
149
|
+
else {
|
|
150
|
+
this.el.style.maxWidth = `${this.maxWidth}px`;
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
else {
|
|
154
|
+
this.el.style.maxWidth = 'initial';
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
get el() { return index.getElement(this); }
|
|
159
|
+
};
|
|
160
160
|
MaxWidthContainer.style = maxWidthContainerCss;
|
|
161
161
|
|
|
162
162
|
const ptcButtonCss = "button.disabled{pointer-events:none;opacity:0.6}button{background-color:var(--color-gray-10);display:inline-block;border-style:solid;border-width:1px;white-space:normal;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:pointer;padding:9.4px 17.5px;border-radius:var(--ptc-border-radius-standard)}button.reveal-down .content{transition:opacity var(--ptc-transition-medium) var(--ptc-ease-out);opacity:0;font-size:var(--ptc-font-size-xx-small)}button.reveal-down .icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;align-content:center;height:16px}button.reveal-down .icon-wrapper .icon{transition:top var(--ptc-transition-fast) var(--ptc-ease-out);position:absolute;display:inline-block;top:-12px}button:hover.reveal-down .content{opacity:1}button:hover.reveal-down .icon-wrapper .icon{top:4px}button.animation-right ::slotted([slot=slot-after-text]),button.animation-right ::slotted([slot=slot-before-text]),button.animation-down ::slotted([slot=slot-after-text]),button.animation-down ::slotted([slot=slot-before-text]){transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);position:relative;display:inline-block}button:hover.animation-right ::slotted([slot=slot-after-text]),button:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}button:hover.animation-down ::slotted([slot=slot-after-text]),button:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}button span{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:bold;line-height:var(--ptc-line-height-densest)}button.left{text-align:left}button.right{text-align:right}button.center{text-align:center}.icon-left ::slotted([slot=slot-before-text]){margin-right:var(--ptc-element-spacing-01)}.icon-right ::slotted([slot=slot-after-text]){margin-left:var(--ptc-element-spacing-01)}.blackgrey{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-10);background-image:linear-gradient(285deg, var(--color-gray-10) 155%, var(--color-gray-07) 62%)}.blackgrey:hover{box-shadow:var(--ptc-shadow-x-large)}.blackgrey span{color:var(--color-white)}.turtlegreen{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-green-07);background-image:linear-gradient(285deg, var(--color-green-07) 155%, var(--color-green-07) 62%)}.turtlegreen:hover{box-shadow:var(--ptc-shadow-x-large)}.turtlegreen span{color:var(--color-white)}.offwhite{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-10);background-image:linear-gradient(to right, var(--color-white), var(--color-gray-02), var(--color-gray-01))}.offwhite:hover{box-shadow:var(--ptc-shadow-x-large)}.offwhite span{color:var(--color-gray-10)}.legacy-green{margin-left:10px;padding:10px 20px;margin-bottom:var(--ptc-element-spacing-01);margin-top:var(--ptc-element-spacing-01);box-shadow:var(--ptc-shadow-large);border:solid 2.5px var(--color-green-08);background-image:linear-gradient(to right, var(--color-green-06), var(--color-green-08))}.legacy-green:after{position:absolute;content:\"\";top:-1px;left:0;bottom:0;right:0;width:100%;height:103%;background-image:linear-gradient(to right, var(--color-green-08), var(--color-green-06));opacity:0;transition:opacity var(--ptc-transition-x-slow) var(--ptc-ease-inout);border-radius:2px}.legacy-green:hover{box-shadow:var(--ptc-shadow-x-large)}.legacy-green:hover span{color:var(--color-white)}.legacy-green:hover:after{opacity:1}.legacy-green span{font-family:var(--ptc-font-secondary-latin);color:var(--color-white);z-index:100;position:relative;text-transform:uppercase;font-weight:var(--ptc-font-weight-bold);letter-spacing:var(--ptc-letter-spacing-normal);font-size:var(--ptc-font-size-x-small)}@media only screen and (min-width: 768px){.legacy-green span{font-size:var(--ptc-font-size-small);letter-spacing:var(--ptc-letter-spacing-loose)}}.legacy-green icon-asset{display:inline}a{border-style:solid;border-width:1px;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding:9.4px 17.5px;border-radius:var(--ptc-border-radius-standard);display:inline-block;position:relative}a.animation-right ::slotted([slot=slot-after-text]),a.animation-right ::slotted([slot=slot-before-text]),a.animation-down ::slotted([slot=slot-after-text]),a.animation-down ::slotted([slot=slot-before-text]){transition:all var(--ptc-ease-inout) var(--ptc-transition-medium);position:relative;display:inline-block;margin-left:5px}a:hover.animation-right ::slotted([slot=slot-after-text]),a:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}a:hover.animation-down ::slotted([slot=slot-after-text]),a:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}a.left{text-align:left}a.right{text-align:right}a.center{text-align:center}.nav{font-family:var(--ptc-font-latin);background-color:var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);border:1px solid var(--color-white);border-bottom-style:solid;border-bottom-width:1px;box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:var(--ptc-font-size-xx-small);font-stretch:100%;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-loose);list-style:none;padding:3px var(--ptc-element-spacing-04);position:relative;text-align:center;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.nav:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}.nav:hover{background-color:var(--color-gray-12)}.ptc-primary,.ptc-quaternary,.ptc-secondary,.ptc-tertiary,.icon-toggle{padding:var(--ptc-font-size-xx-small) var(--ptc-font-size-medium);transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium);line-height:20px}.ptc-primary.disabled,.ptc-quaternary.disabled,.ptc-secondary.disabled,.ptc-tertiary.disabled,.icon-toggle.disabled{pointer-events:none;border-color:var(--color-gray-03);background:var(--color-gray-02)}.ptc-primary.disabled span,.ptc-quaternary.disabled span,.ptc-secondary.disabled span,.ptc-tertiary.disabled span,.icon-toggle.disabled span{color:var(--color-gray-03)}.ptc-primary.disabled ::slotted([slot=slot-after-text]),.ptc-quaternary.disabled ::slotted([slot=slot-after-text]),.ptc-secondary.disabled ::slotted([slot=slot-after-text]),.ptc-tertiary.disabled ::slotted([slot=slot-after-text]),.icon-toggle.disabled ::slotted([slot=slot-after-text]){fill:var(--color-gray-03) !important}.ptc-primary:focus,.ptc-quaternary:focus,.ptc-secondary:focus,.ptc-tertiary:focus,.icon-toggle:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}.ptc-primary span,.ptc-quaternary span,.ptc-secondary span,.ptc-tertiary span,.icon-toggle span{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);letter-spacing:normal}.ptc-primary.small,.ptc-quaternary.small,.ptc-secondary.small,.ptc-tertiary.small,.icon-toggle.small{padding:var(--ptc-element-spacing-03) var(--ptc-element-spacing-04)}.ptc-primary.small span,.ptc-quaternary.small span,.ptc-secondary.small span,.ptc-tertiary.small span,.icon-toggle.small span{font-size:var(--ptc-font-size-xx-small)}.ptc-primary.medium,.ptc-quaternary.medium,.ptc-secondary.medium,.ptc-tertiary.medium,.icon-toggle.medium{padding:14px 20px}.ptc-primary.medium span,.ptc-quaternary.medium span,.ptc-secondary.medium span,.ptc-tertiary.medium span,.icon-toggle.medium span{font-size:var(--ptc-font-size-small)}.ptc-primary.large,.ptc-quaternary.large,.ptc-secondary.large,.ptc-tertiary.large,.icon-toggle.large{padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06)}.ptc-primary.large span,.ptc-quaternary.large span,.ptc-secondary.large span,.ptc-tertiary.large span,.icon-toggle.large span{font-size:var(--ptc-font-size-large)}.ptc-primary{background:var(--color-gray-12);border:2px solid var(--color-green-07);border-radius:var(--ptc-border-radius-standard)}.ptc-primary:hover{background-color:var(--color-gray-10)}.ptc-primary:active{background-color:var(--color-black)}.ptc-primary span{color:var(--color-white)}.ptc-primary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-secondary{background:var(--color-gray-12);border:2px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-standard)}.ptc-secondary:hover{background-color:var(--color-gray-10)}.ptc-secondary:active{background-color:var(--color-black)}.ptc-secondary span{color:var(--color-white)}.ptc-secondary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-tertiary{background:var(--color-white);border:2px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard)}.ptc-tertiary:hover{background-color:var(--color-gray-02)}.ptc-tertiary:active{background-color:var(--color-gray-03)}.ptc-tertiary span{color:var(--color-gray-10)}.ptc-tertiary ::slotted([slot=slot-after-text]){fill:var(--color-gray-10) !important}.ptc-quaternary{background:var(--color-green-07);border:2px solid var(--color-green-07);border-radius:var(--ptc-border-radius-standard)}.ptc-quaternary:hover{background-color:var(--color-green-08)}.ptc-quaternary:active{background-color:var(--color-green-09)}.ptc-quaternary span{color:var(--color-white)}.ptc-quaternary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.icon-toggle{background:var(--color-white);border:1px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);padding:0;height:2.125rem;width:2.125rem;box-shadow:var(--ptc-shadow-medium)}.icon-toggle:hover{background-color:var(--color-gray-02)}.icon-toggle:active{background-color:var(--color-gray-03)}.icon-toggle.active{background-color:var(--color-gray-04)}.icon-toggle.active:hover{background-color:var(--color-gray-05)}.icon-toggle.active:active{background-color:var(--color-gray-03)}.icon-toggle:focus{outline:2px solid var(--color-blue-07);outline-offset:1px}.icon-toggle span{color:var(--color-gray-10);padding:0}.icon-toggle ::slotted([slot=slot-after-text]){fill:var(--color-gray-10) !important}.icon-toggle ::slotted(icon-asset){display:block;margin:auto;height:18px;width:18px}.clear-search{border:none;padding:0px;line-height:var(----ptc-line-height-densest);background-color:transparent}.clear-search:hover{text-decoration:underline;text-decoration-color:var(--color-white)}.clear-search span{color:var(--color-white);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}";
|
|
163
163
|
|
|
164
|
-
const PtcButton = class {
|
|
165
|
-
constructor(hostRef) {
|
|
166
|
-
index.registerInstance(this, hostRef);
|
|
167
|
-
this.clickEvent = index.createEvent(this, "clickEvent", 7);
|
|
168
|
-
this.disabled = false;
|
|
169
|
-
this.active = false;
|
|
170
|
-
this.type = 'button';
|
|
171
|
-
this.color = 'ptc-primary';
|
|
172
|
-
this.iconAnimation = '';
|
|
173
|
-
this.iconPosition = 'icon-right';
|
|
174
|
-
this.linkHref = undefined;
|
|
175
|
-
this.linkTitle = undefined;
|
|
176
|
-
this.target = '_self';
|
|
177
|
-
this.rel = undefined;
|
|
178
|
-
this.tabNav = 0;
|
|
179
|
-
this.styles = undefined;
|
|
180
|
-
this.textAlign = undefined;
|
|
181
|
-
this.size = undefined;
|
|
182
|
-
}
|
|
183
|
-
clickEventHandler() {
|
|
184
|
-
this.clickEvent.emit();
|
|
185
|
-
}
|
|
186
|
-
render() {
|
|
187
|
-
const classMap = this.getCssClassMap();
|
|
188
|
-
const Tag = !!this.linkHref ? 'a' : 'button';
|
|
189
|
-
return (index.h(index.Host, null, this.styles && index.h("style", null, this.styles), index.h(Tag, Object.assign({ class: classMap, onClick: this.clickEventHandler.bind(this) }, (!!this.linkHref ? { href: this.linkHref } : {}), (!this.linkHref ? { type: this.type } : {}), (!!this.target && !!this.linkHref ? { target: this.target } : {}), (!!this.rel && !!this.linkHref ? { rel: this.rel } : {}), (!!this.linkHref ? { title: this.linkTitle ? this.linkTitle : this.linkHref } : {}), (!!this.tabNav ? { tabindex: -1 } : { tabindex: 0 })), this.iconAnimation == 'reveal-down' ?
|
|
190
|
-
index.h("span", null, index.h("div", { class: "content" }, index.h("slot", null)), index.h("div", { class: "icon-wrapper" }, index.h("div", { class: "icon" }, index.h("slot", { name: "slot-after-text" })))) :
|
|
191
|
-
index.h("span", null, index.h("slot", { name: "slot-before-text" }), index.h("slot", null), index.h("slot", { name: "slot-after-text" })))));
|
|
192
|
-
}
|
|
193
|
-
getCssClassMap() {
|
|
194
|
-
return {
|
|
195
|
-
[this.color]: true,
|
|
196
|
-
[this.iconAnimation]: true,
|
|
197
|
-
[this.iconPosition]: true,
|
|
198
|
-
['disabled']: this.disabled ? true : false,
|
|
199
|
-
['active']: this.active ? true : false,
|
|
200
|
-
[this.textAlign]: true,
|
|
201
|
-
[this.size]: true
|
|
202
|
-
};
|
|
203
|
-
}
|
|
204
|
-
};
|
|
164
|
+
const PtcButton = class {
|
|
165
|
+
constructor(hostRef) {
|
|
166
|
+
index.registerInstance(this, hostRef);
|
|
167
|
+
this.clickEvent = index.createEvent(this, "clickEvent", 7);
|
|
168
|
+
this.disabled = false;
|
|
169
|
+
this.active = false;
|
|
170
|
+
this.type = 'button';
|
|
171
|
+
this.color = 'ptc-primary';
|
|
172
|
+
this.iconAnimation = '';
|
|
173
|
+
this.iconPosition = 'icon-right';
|
|
174
|
+
this.linkHref = undefined;
|
|
175
|
+
this.linkTitle = undefined;
|
|
176
|
+
this.target = '_self';
|
|
177
|
+
this.rel = undefined;
|
|
178
|
+
this.tabNav = 0;
|
|
179
|
+
this.styles = undefined;
|
|
180
|
+
this.textAlign = undefined;
|
|
181
|
+
this.size = undefined;
|
|
182
|
+
}
|
|
183
|
+
clickEventHandler() {
|
|
184
|
+
this.clickEvent.emit();
|
|
185
|
+
}
|
|
186
|
+
render() {
|
|
187
|
+
const classMap = this.getCssClassMap();
|
|
188
|
+
const Tag = !!this.linkHref ? 'a' : 'button';
|
|
189
|
+
return (index.h(index.Host, null, this.styles && index.h("style", null, this.styles), index.h(Tag, Object.assign({ class: classMap, onClick: this.clickEventHandler.bind(this) }, (!!this.linkHref ? { href: this.linkHref } : {}), (!this.linkHref ? { type: this.type } : {}), (!!this.target && !!this.linkHref ? { target: this.target } : {}), (!!this.rel && !!this.linkHref ? { rel: this.rel } : {}), (!!this.linkHref ? { title: this.linkTitle ? this.linkTitle : this.linkHref } : {}), (!!this.tabNav ? { tabindex: -1 } : { tabindex: 0 })), this.iconAnimation == 'reveal-down' ?
|
|
190
|
+
index.h("span", null, index.h("div", { class: "content" }, index.h("slot", null)), index.h("div", { class: "icon-wrapper" }, index.h("div", { class: "icon" }, index.h("slot", { name: "slot-after-text" })))) :
|
|
191
|
+
index.h("span", null, index.h("slot", { name: "slot-before-text" }), index.h("slot", null), index.h("slot", { name: "slot-after-text" })))));
|
|
192
|
+
}
|
|
193
|
+
getCssClassMap() {
|
|
194
|
+
return {
|
|
195
|
+
[this.color]: true,
|
|
196
|
+
[this.iconAnimation]: true,
|
|
197
|
+
[this.iconPosition]: true,
|
|
198
|
+
['disabled']: this.disabled ? true : false,
|
|
199
|
+
['active']: this.active ? true : false,
|
|
200
|
+
[this.textAlign]: true,
|
|
201
|
+
[this.size]: true
|
|
202
|
+
};
|
|
203
|
+
}
|
|
204
|
+
};
|
|
205
205
|
PtcButton.style = ptcButtonCss;
|
|
206
206
|
|
|
207
|
-
// Define the ElqLib class
|
|
208
|
-
class ElqLib {
|
|
209
|
-
constructor(params) {
|
|
210
|
-
this.params = params;
|
|
211
|
-
this.url_vars = {};
|
|
212
|
-
this.visitor_elq_id = null;
|
|
213
|
-
this.field_mappings = [];
|
|
214
|
-
this.callback_queue = [];
|
|
215
|
-
this.fields_populated = false;
|
|
216
|
-
this.user_elq_email = '';
|
|
217
|
-
this.user_elq_firstname = '';
|
|
218
|
-
this.user_elq_lastname = '';
|
|
219
|
-
// Merge defaults with params
|
|
220
|
-
const defaults = {
|
|
221
|
-
elq_site_id: '',
|
|
222
|
-
elq_visitor_lookup_key: '',
|
|
223
|
-
elq_recipient_id_lookup_key: '',
|
|
224
|
-
elq_contact_lookup_key: '',
|
|
225
|
-
elq_field_email_rec_id: 'V_EmailRecipientID',
|
|
226
|
-
elq_field_contact_email: 'C_EmailAddress',
|
|
227
|
-
elq_field_visitor_email: 'V_Email_Address',
|
|
228
|
-
elq_field_visitor_firstname: 'V_First_Name',
|
|
229
|
-
elq_field_visitor_lastname: 'V_Last_Name',
|
|
230
|
-
notme_link_id: 'not-me-link-id',
|
|
231
|
-
notme_fields_class: null,
|
|
232
|
-
notme_message: 'Not {name}? Click here.',
|
|
233
|
-
notme_message_noname: 'Not your details below? Click here.',
|
|
234
|
-
};
|
|
235
|
-
this.params = Object.assign(Object.assign({}, defaults), this.params);
|
|
236
|
-
this.init();
|
|
237
|
-
}
|
|
238
|
-
init() {
|
|
239
|
-
// Merge defaults with user-provided params if not already done in the constructor
|
|
240
|
-
// ...
|
|
241
|
-
// Set Eloqua site ID
|
|
242
|
-
this.setEloquaSiteId();
|
|
243
|
-
// Load Eloqua scripts
|
|
244
|
-
this.async_load();
|
|
245
|
-
// Store URL variables
|
|
246
|
-
this.store_url_vars();
|
|
247
|
-
// Store visitor's Eloqua IDgit
|
|
248
|
-
this.store_visitor_elq_id();
|
|
249
|
-
// init noteme link;
|
|
250
|
-
// this.init_notme();
|
|
251
|
-
// Set the global Eloqua callback function
|
|
252
|
-
window.SetElqContent = this.eloqua_callback.bind(this);
|
|
253
|
-
}
|
|
254
|
-
setEloquaSiteId() {
|
|
255
|
-
if (this.params.elq_site_id) {
|
|
256
|
-
ElqLib._elqQ.push(['elqSetSiteId', this.params.elq_site_id]);
|
|
257
|
-
ElqLib._elqQ.push(['elqUseFirstPartyCookie', 'tracking.ptc.com']);
|
|
258
|
-
ElqLib._elqQ.push(['elqTrackPageView', window.location.href]);
|
|
259
|
-
}
|
|
260
|
-
}
|
|
261
|
-
fire_pageview(url) {
|
|
262
|
-
try {
|
|
263
|
-
if (typeof url === 'undefined') {
|
|
264
|
-
ElqLib._elqQ.push(['elqTrackPageView']);
|
|
265
|
-
}
|
|
266
|
-
else {
|
|
267
|
-
ElqLib._elqQ.push(['elqTrackPageView', url]);
|
|
268
|
-
}
|
|
269
|
-
console.log('TRACKING: Eloqua pageview fired for URL: ' + (url || 'current page'));
|
|
270
|
-
}
|
|
271
|
-
catch (e) {
|
|
272
|
-
console.log('TRACKING: Could not fire Eloqua pageview: ', e);
|
|
273
|
-
}
|
|
274
|
-
}
|
|
275
|
-
find_eloqua_contact() {
|
|
276
|
-
console.log('CONTACT LOOKUP: Attempting to find Eloqua contact...');
|
|
277
|
-
// Queue callback action for the return of lookup
|
|
278
|
-
this.callback_queue.push(this.handle_visitor_lookup.bind(this));
|
|
279
|
-
// Start with a recipient lookup if ID was supplied in URL
|
|
280
|
-
if (this.visitor_elq_id !== null) {
|
|
281
|
-
this.lookup_visitor_by_recipient_id();
|
|
282
|
-
}
|
|
283
|
-
else {
|
|
284
|
-
// If no visitor ID, attempt to do a visitor lookup with an Eloqua cookie
|
|
285
|
-
this.lookup_visitor_by_cookie(); //preference center
|
|
286
|
-
this.lookup_contact_by_email();
|
|
287
|
-
}
|
|
288
|
-
}
|
|
289
|
-
add_field_mapping(mapping) {
|
|
290
|
-
this.field_mappings.push(mapping);
|
|
291
|
-
}
|
|
292
|
-
add_queue_action(action) {
|
|
293
|
-
this.callback_queue.push(action);
|
|
294
|
-
}
|
|
295
|
-
store_url_vars() {
|
|
296
|
-
// Clear the current url_vars
|
|
297
|
-
this.url_vars = {};
|
|
298
|
-
// Split the URL by the '?' to get the query string part
|
|
299
|
-
const queryString = window.location.search.substring(1);
|
|
300
|
-
// Split the query string by '&' to get each key-value pair
|
|
301
|
-
queryString.split('&').forEach(paramString => {
|
|
302
|
-
// Split the key-value pairs by '=' to separate keys and values
|
|
303
|
-
let [key, value] = paramString.split('=');
|
|
304
|
-
// Decode URI components to handle URL encoding
|
|
305
|
-
key = decodeURIComponent(key);
|
|
306
|
-
value = decodeURIComponent(value);
|
|
307
|
-
// Store the key-value pair in the url_vars object
|
|
308
|
-
this.url_vars[key] = value;
|
|
309
|
-
});
|
|
310
|
-
// Optionally, log the stored URL variables
|
|
311
|
-
console.log('URL variables stored:', this.url_vars);
|
|
312
|
-
}
|
|
313
|
-
store_visitor_elq_id() {
|
|
314
|
-
console.log("INIT: Looking for visitor's Eloqua ID in URL...");
|
|
315
|
-
const elqIdParam = this.url_vars['elq'];
|
|
316
|
-
if (elqIdParam) {
|
|
317
|
-
const elqId = elqIdParam.toUpperCase().replace(/(.{8})(.{4})(.{4})(.{4})(.{12})/, '$1-$2-$3-$4-$5');
|
|
318
|
-
this.visitor_elq_id = elqId;
|
|
319
|
-
console.log(`INIT: ...visitor Eloqua ID found in URL: ${elqId}`);
|
|
320
|
-
}
|
|
321
|
-
else {
|
|
322
|
-
this.visitor_elq_id = null;
|
|
323
|
-
console.log('INIT: ...no visitor Eloqua ID found in URL');
|
|
324
|
-
}
|
|
325
|
-
}
|
|
326
|
-
// private merge(root: any, ...sources: any[]): any {
|
|
327
|
-
// sources.forEach(source => {
|
|
328
|
-
// for (const key in source) {
|
|
329
|
-
// if (source.hasOwnProperty(key)) {
|
|
330
|
-
// root[key] = source[key];
|
|
331
|
-
// }
|
|
332
|
-
// }
|
|
333
|
-
// });
|
|
334
|
-
// return root;
|
|
335
|
-
// }
|
|
336
|
-
eloqua_callback() {
|
|
337
|
-
console.log('LOOKUP: Eloqua lookup finished');
|
|
338
|
-
// Process each action in the callback queue
|
|
339
|
-
let actionSucceeded = true;
|
|
340
|
-
while (actionSucceeded && this.callback_queue.length > 0) {
|
|
341
|
-
const action = this.callback_queue.shift();
|
|
342
|
-
if (action) {
|
|
343
|
-
console.log(`QUEUE: Executing action`);
|
|
344
|
-
actionSucceeded = action(); // Execute the action. It must return a boolean indicating success.
|
|
345
|
-
if (actionSucceeded) {
|
|
346
|
-
console.log('QUEUE: Action executed successfully, removed from queue');
|
|
347
|
-
}
|
|
348
|
-
else {
|
|
349
|
-
console.log('QUEUE: Action failed, re-adding to queue');
|
|
350
|
-
this.callback_queue.unshift(action); // Re-add the action to the front of the queue
|
|
351
|
-
break; // Break out of the loop if an action fails
|
|
352
|
-
}
|
|
353
|
-
}
|
|
354
|
-
}
|
|
355
|
-
// After processing the queue, update user details or perform other operations
|
|
356
|
-
if (actionSucceeded) {
|
|
357
|
-
this.update_user_details();
|
|
358
|
-
this.populate_mapped_fields();
|
|
359
|
-
}
|
|
360
|
-
// ...additional code to handle the aftermath of callback processing...
|
|
361
|
-
}
|
|
362
|
-
lookup_visitor_by_cookie() {
|
|
363
|
-
if (this.params.elq_visitor_lookup_key != '') {
|
|
364
|
-
ElqLib._elqQ.push(['elqDataLookup', escape(this.params.elq_visitor_lookup_key), '']);
|
|
365
|
-
console.log('LOOKUP: Visitor lookup sent using Eloqua cookie');
|
|
366
|
-
}
|
|
367
|
-
else {
|
|
368
|
-
console.log('LOOKUP: A visitor lookup cannot be performed as no lookup key was defined');
|
|
369
|
-
}
|
|
370
|
-
}
|
|
371
|
-
lookup_visitor_by_recipient_id() {
|
|
372
|
-
if (this.params.elq_recipient_id_lookup_key != '') {
|
|
373
|
-
ElqLib._elqQ.push([
|
|
374
|
-
'elqDataLookup',
|
|
375
|
-
escape(this.params.elq_recipient_id_lookup_key),
|
|
376
|
-
'<' + this.params.elq_field_email_rec_id + '>' + this.visitor_elq_id + '</' + this.params.elq_field_email_rec_id + '>',
|
|
377
|
-
]);
|
|
378
|
-
console.log('LOOKUP: Visitor lookup sent using email recipient id: ' + this.visitor_elq_id);
|
|
379
|
-
}
|
|
380
|
-
else {
|
|
381
|
-
console.log('LOOKUP: A visitor lookup cannot be performed as no lookup key was defined');
|
|
382
|
-
}
|
|
383
|
-
}
|
|
384
|
-
lookup_contact_by_email() {
|
|
385
|
-
if (this.params.elq_contact_lookup_key != '') {
|
|
386
|
-
ElqLib._elqQ.push([
|
|
387
|
-
'elqDataLookup',
|
|
388
|
-
escape(this.params.elq_contact_lookup_key),
|
|
389
|
-
'<' + this.params.elq_field_contact_email + '>' + this.user_elq_email + '</' + this.params.elq_field_contact_email + '>',
|
|
390
|
-
]);
|
|
391
|
-
console.log('LOOKUP: Contact lookup sent using email address: ' + this.user_elq_email);
|
|
392
|
-
}
|
|
393
|
-
else {
|
|
394
|
-
console.log('LOOKUP: A visitor lookup cannot be performed as no lookup key was defined');
|
|
395
|
-
}
|
|
396
|
-
}
|
|
397
|
-
handle_visitor_lookup() {
|
|
398
|
-
//console.log('Contact Email: ' + this.params.elq_field_contact_email)
|
|
399
|
-
const email = window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email); //it was elq_field_visitor_email ( V_Email_Address)
|
|
400
|
-
if (email) {
|
|
401
|
-
console.log(`LOOKUP: Found contact email address: ${email}`);
|
|
402
|
-
this.user_elq_email = email.trim();
|
|
403
|
-
this.lookup_contact_by_email();
|
|
404
|
-
this.callback_queue.push(this.handle_contact_lookup.bind(this));
|
|
405
|
-
return true;
|
|
406
|
-
}
|
|
407
|
-
else {
|
|
408
|
-
return false;
|
|
409
|
-
}
|
|
410
|
-
}
|
|
411
|
-
handle_contact_lookup() {
|
|
412
|
-
if (window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email) != '') {
|
|
413
|
-
console.log('LOOKUP: Found contact email address: ' + window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email));
|
|
414
|
-
return true;
|
|
415
|
-
}
|
|
416
|
-
else {
|
|
417
|
-
return false;
|
|
418
|
-
}
|
|
419
|
-
}
|
|
420
|
-
populate_mapped_fields() {
|
|
421
|
-
console.log('MAPPING: Starting field mapping');
|
|
422
|
-
//debugger;
|
|
423
|
-
this.field_mappings.forEach(({ elementId, elqFieldName }) => {
|
|
424
|
-
const fieldValue = window.GetElqContentPersonalizationValue(elqFieldName);
|
|
425
|
-
if (elementId !== 'contact-country') {
|
|
426
|
-
const element = document.getElementById(elementId);
|
|
427
|
-
console.log('element ID of field mappings: ' + elementId);
|
|
428
|
-
console.log('fieldValue ID of field mappings: ' + fieldValue);
|
|
429
|
-
if (element && fieldValue) {
|
|
430
|
-
element.value = fieldValue;
|
|
431
|
-
//element.style.display = 'none'; // Hide the field.
|
|
432
|
-
if (element.closest('ptc-textfield')) {
|
|
433
|
-
element.closest('ptc-textfield').style.display = 'none';
|
|
434
|
-
element.closest('ptc-textfield').inputValue = fieldValue;
|
|
435
|
-
}
|
|
436
|
-
else if (element.closest('ptc-select')) {
|
|
437
|
-
element.closest('ptc-select').style.display = 'none';
|
|
438
|
-
element.closest("ptc-select").selectedValue = fieldValue;
|
|
439
|
-
}
|
|
440
|
-
this.fields_populated = true;
|
|
441
|
-
}
|
|
442
|
-
}
|
|
443
|
-
else {
|
|
444
|
-
const countryEle = document.getElementById(elementId);
|
|
445
|
-
if (countryEle && fieldValue) {
|
|
446
|
-
countryEle.textContent = fieldValue;
|
|
447
|
-
countryEle.closest("ptc-select").selectedValue = fieldValue;
|
|
448
|
-
}
|
|
449
|
-
// debugger;
|
|
450
|
-
if (countryEle.closest('ptc-select')) {
|
|
451
|
-
countryEle.closest('ptc-select').style.display = 'none';
|
|
452
|
-
}
|
|
453
|
-
}
|
|
454
|
-
});
|
|
455
|
-
console.log('MAPPING: Finished ');
|
|
456
|
-
if (this.fields_populated) {
|
|
457
|
-
this.update_notme_link();
|
|
458
|
-
}
|
|
459
|
-
}
|
|
460
|
-
update_user_details() {
|
|
461
|
-
console.log('displaying user info...');
|
|
462
|
-
if (window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email) !== '') {
|
|
463
|
-
document
|
|
464
|
-
.querySelectorAll('input[type=text], input[type=tel], input[name="phonenumber"], input[name="phonenumbertwo"], input[type=email], select, textarea, span.mdc-select__selected-text')
|
|
465
|
-
.forEach((element) => {
|
|
466
|
-
if (element.tagName === 'SPAN') {
|
|
467
|
-
const spanText = element;
|
|
468
|
-
const spanEloquaName = spanText.getAttribute('data-eloqua-name');
|
|
469
|
-
if (spanEloquaName !== null) {
|
|
470
|
-
const spanElqValue = window.GetElqContentPersonalizationValue(spanEloquaName);
|
|
471
|
-
if (spanElqValue !== '' && spanElqValue.length > 0) {
|
|
472
|
-
spanText.textContent = spanElqValue;
|
|
473
|
-
spanText.closest('ptc-select').defaultValue = spanElqValue;
|
|
474
|
-
}
|
|
475
|
-
}
|
|
476
|
-
}
|
|
477
|
-
else if (element.className.includes('intl-tel-input')) {
|
|
478
|
-
const telInput = element;
|
|
479
|
-
const eloquaName = telInput.getAttribute('data-eloqua-name');
|
|
480
|
-
if (eloquaName !== null) {
|
|
481
|
-
const elqValue = window.GetElqContentPersonalizationValue(eloquaName);
|
|
482
|
-
if (elqValue !== '' && elqValue.length > 0) {
|
|
483
|
-
setTimeout(() => {
|
|
484
|
-
telInput.placeholder = elqValue;
|
|
485
|
-
telInput.value = elqValue;
|
|
486
|
-
telInput.closest('ptc-textfield').inputValue = elqValue;
|
|
487
|
-
}, 1000);
|
|
488
|
-
}
|
|
489
|
-
}
|
|
490
|
-
}
|
|
491
|
-
else {
|
|
492
|
-
const input = element;
|
|
493
|
-
const eloquaName = input.getAttribute('data-eloqua-name');
|
|
494
|
-
if (eloquaName !== null) {
|
|
495
|
-
const elqValue = window.GetElqContentPersonalizationValue(eloquaName);
|
|
496
|
-
if (elqValue !== '' && elqValue.length > 0) {
|
|
497
|
-
input.value = elqValue;
|
|
498
|
-
input.closest('ptc-textfield').inputValue = elqValue;
|
|
499
|
-
}
|
|
500
|
-
}
|
|
501
|
-
}
|
|
502
|
-
});
|
|
503
|
-
}
|
|
504
|
-
if (this.user_elq_email == '' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email) != '') {
|
|
505
|
-
this.user_elq_email = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email);
|
|
506
|
-
}
|
|
507
|
-
if (this.user_elq_firstname == '' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname) != '') {
|
|
508
|
-
this.user_elq_firstname = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname);
|
|
509
|
-
}
|
|
510
|
-
if (this.user_elq_lastname == '' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname) != '') {
|
|
511
|
-
this.user_elq_lastname = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname);
|
|
512
|
-
}
|
|
513
|
-
}
|
|
514
|
-
update_notme_link() {
|
|
515
|
-
// Assuming the user's first and last name are available from Eloqua fields
|
|
516
|
-
const firstName = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname);
|
|
517
|
-
const lastName = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname);
|
|
518
|
-
const topAdditional = document.getElementById('not-me-additional-top');
|
|
519
|
-
const bottomAdditional = document.getElementById('not-me-additional-bottom');
|
|
520
|
-
if (topAdditional) {
|
|
521
|
-
let message = topAdditional.innerHTML;
|
|
522
|
-
console.log('first name: ' + firstName);
|
|
523
|
-
if (firstName && lastName) {
|
|
524
|
-
message = message.replace('{name}', lastName + ' ' + firstName);
|
|
525
|
-
}
|
|
526
|
-
else {
|
|
527
|
-
message = this.params.notme_message_noname;
|
|
528
|
-
}
|
|
529
|
-
topAdditional.innerHTML = message;
|
|
530
|
-
topAdditional.style.display = 'block';
|
|
531
|
-
}
|
|
532
|
-
if (bottomAdditional) {
|
|
533
|
-
//bottomAdditional.innerHTML="Click the button below to recieve email confirmation.";
|
|
534
|
-
bottomAdditional.style.display = 'block';
|
|
535
|
-
}
|
|
536
|
-
const notMeLinkElement = document.getElementById(this.params.notme_link_id);
|
|
537
|
-
if (notMeLinkElement) {
|
|
538
|
-
notMeLinkElement.style.display = 'block';
|
|
539
|
-
notMeLinkElement.onclick = this.remove_user_details.bind(this);
|
|
540
|
-
}
|
|
541
|
-
}
|
|
542
|
-
// private init_notme(): void{
|
|
543
|
-
// const topAdditional = document.getElementById('not-me-additional-top');
|
|
544
|
-
// const bottomAdditional = document.getElementById('not-me-additional-bottom');
|
|
545
|
-
// console.log("top: " + topAdditional)
|
|
546
|
-
// if(topAdditional) topAdditional.style.display = 'none';
|
|
547
|
-
// if(bottomAdditional) bottomAdditional.style.display = 'none';
|
|
548
|
-
// }
|
|
549
|
-
remove_user_details(e) {
|
|
550
|
-
e.preventDefault();
|
|
551
|
-
this.user_elq_email = '';
|
|
552
|
-
this.user_elq_firstname = '';
|
|
553
|
-
this.user_elq_lastname = '';
|
|
554
|
-
// $('.' + this.params.notme_fields_class).val('');
|
|
555
|
-
//const linkDiv = document.getElementById(this.params.notme_link_id);
|
|
556
|
-
const topAdditional = document.getElementById('not-me-additional-top');
|
|
557
|
-
const bottomAdditional = document.getElementById('not-me-additional-bottom');
|
|
558
|
-
//linkDiv.querySelector('a').remove();
|
|
559
|
-
topAdditional.style.display = 'none';
|
|
560
|
-
bottomAdditional.style.display = 'none';
|
|
561
|
-
this.refreshForm();
|
|
562
|
-
return false;
|
|
563
|
-
}
|
|
564
|
-
refreshForm() {
|
|
565
|
-
this.field_mappings.forEach(({ elementId }) => {
|
|
566
|
-
if (elementId !== 'contact-country') {
|
|
567
|
-
const element = document.getElementById(elementId);
|
|
568
|
-
if (element) {
|
|
569
|
-
console.log('element: ' + element);
|
|
570
|
-
element.value = ''; // Reset the value
|
|
571
|
-
if (element.closest('ptc-textfield')) {
|
|
572
|
-
element.closest('ptc-textfield').style.display = '';
|
|
573
|
-
}
|
|
574
|
-
else if (element.closest('ptc-select')) {
|
|
575
|
-
element.closest('ptc-select').style.display = '';
|
|
576
|
-
}
|
|
577
|
-
}
|
|
578
|
-
}
|
|
579
|
-
else {
|
|
580
|
-
const countryEle = document.getElementById(elementId);
|
|
581
|
-
if (countryEle) {
|
|
582
|
-
countryEle.textContent = '';
|
|
583
|
-
}
|
|
584
|
-
// debugger;
|
|
585
|
-
if (countryEle.closest('ptc-select')) {
|
|
586
|
-
countryEle.closest('ptc-select').style.display = '';
|
|
587
|
-
}
|
|
588
|
-
}
|
|
589
|
-
});
|
|
590
|
-
this.clearEloquaCookie('elq-uid'); // Optionally clear the Eloqua cookie
|
|
591
|
-
this.fields_populated = false;
|
|
592
|
-
//this.update_notme_link(); // Update the 'Not Me' link if necessary
|
|
593
|
-
}
|
|
594
|
-
clearEloquaCookie(name) {
|
|
595
|
-
document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
|
|
596
|
-
console.log('cookie cleared');
|
|
597
|
-
}
|
|
598
|
-
// Private Method to load Eloqua Scripts
|
|
599
|
-
async_load() {
|
|
600
|
-
const scriptUrl = 'https://img.en25.com/i/elqCfg.min.js';
|
|
601
|
-
const scriptElement = document.createElement('script');
|
|
602
|
-
scriptElement.type = 'text/javascript';
|
|
603
|
-
scriptElement.async = true;
|
|
604
|
-
scriptElement.src = scriptUrl;
|
|
605
|
-
// Error handling for script loading
|
|
606
|
-
scriptElement.onerror = errorEvent => {
|
|
607
|
-
console.log(`Error loading script: ${errorEvent}`);
|
|
608
|
-
};
|
|
609
|
-
// Append the script element to the head of the document, or before the first script tag found
|
|
610
|
-
const firstScriptTag = document.getElementsByTagName('script')[0];
|
|
611
|
-
if (firstScriptTag && firstScriptTag.parentNode) {
|
|
612
|
-
firstScriptTag.parentNode.insertBefore(scriptElement, firstScriptTag);
|
|
613
|
-
}
|
|
614
|
-
else {
|
|
615
|
-
document.head.appendChild(scriptElement);
|
|
616
|
-
}
|
|
617
|
-
console.log(`Async loading of script ${scriptUrl} initiated.`);
|
|
618
|
-
}
|
|
619
|
-
}
|
|
620
|
-
ElqLib._elqQ = window['_elqQ'] || [];
|
|
621
|
-
// Static member initialization
|
|
207
|
+
// Define the ElqLib class
|
|
208
|
+
class ElqLib {
|
|
209
|
+
constructor(params) {
|
|
210
|
+
this.params = params;
|
|
211
|
+
this.url_vars = {};
|
|
212
|
+
this.visitor_elq_id = null;
|
|
213
|
+
this.field_mappings = [];
|
|
214
|
+
this.callback_queue = [];
|
|
215
|
+
this.fields_populated = false;
|
|
216
|
+
this.user_elq_email = '';
|
|
217
|
+
this.user_elq_firstname = '';
|
|
218
|
+
this.user_elq_lastname = '';
|
|
219
|
+
// Merge defaults with params
|
|
220
|
+
const defaults = {
|
|
221
|
+
elq_site_id: '',
|
|
222
|
+
elq_visitor_lookup_key: '',
|
|
223
|
+
elq_recipient_id_lookup_key: '',
|
|
224
|
+
elq_contact_lookup_key: '',
|
|
225
|
+
elq_field_email_rec_id: 'V_EmailRecipientID',
|
|
226
|
+
elq_field_contact_email: 'C_EmailAddress',
|
|
227
|
+
elq_field_visitor_email: 'V_Email_Address',
|
|
228
|
+
elq_field_visitor_firstname: 'V_First_Name',
|
|
229
|
+
elq_field_visitor_lastname: 'V_Last_Name',
|
|
230
|
+
notme_link_id: 'not-me-link-id',
|
|
231
|
+
notme_fields_class: null,
|
|
232
|
+
notme_message: 'Not {name}? Click here.',
|
|
233
|
+
notme_message_noname: 'Not your details below? Click here.',
|
|
234
|
+
};
|
|
235
|
+
this.params = Object.assign(Object.assign({}, defaults), this.params);
|
|
236
|
+
this.init();
|
|
237
|
+
}
|
|
238
|
+
init() {
|
|
239
|
+
// Merge defaults with user-provided params if not already done in the constructor
|
|
240
|
+
// ...
|
|
241
|
+
// Set Eloqua site ID
|
|
242
|
+
this.setEloquaSiteId();
|
|
243
|
+
// Load Eloqua scripts
|
|
244
|
+
this.async_load();
|
|
245
|
+
// Store URL variables
|
|
246
|
+
this.store_url_vars();
|
|
247
|
+
// Store visitor's Eloqua IDgit
|
|
248
|
+
this.store_visitor_elq_id();
|
|
249
|
+
// init noteme link;
|
|
250
|
+
// this.init_notme();
|
|
251
|
+
// Set the global Eloqua callback function
|
|
252
|
+
window.SetElqContent = this.eloqua_callback.bind(this);
|
|
253
|
+
}
|
|
254
|
+
setEloquaSiteId() {
|
|
255
|
+
if (this.params.elq_site_id) {
|
|
256
|
+
ElqLib._elqQ.push(['elqSetSiteId', this.params.elq_site_id]);
|
|
257
|
+
ElqLib._elqQ.push(['elqUseFirstPartyCookie', 'tracking.ptc.com']);
|
|
258
|
+
ElqLib._elqQ.push(['elqTrackPageView', window.location.href]);
|
|
259
|
+
}
|
|
260
|
+
}
|
|
261
|
+
fire_pageview(url) {
|
|
262
|
+
try {
|
|
263
|
+
if (typeof url === 'undefined') {
|
|
264
|
+
ElqLib._elqQ.push(['elqTrackPageView']);
|
|
265
|
+
}
|
|
266
|
+
else {
|
|
267
|
+
ElqLib._elqQ.push(['elqTrackPageView', url]);
|
|
268
|
+
}
|
|
269
|
+
console.log('TRACKING: Eloqua pageview fired for URL: ' + (url || 'current page'));
|
|
270
|
+
}
|
|
271
|
+
catch (e) {
|
|
272
|
+
console.log('TRACKING: Could not fire Eloqua pageview: ', e);
|
|
273
|
+
}
|
|
274
|
+
}
|
|
275
|
+
find_eloqua_contact() {
|
|
276
|
+
console.log('CONTACT LOOKUP: Attempting to find Eloqua contact...');
|
|
277
|
+
// Queue callback action for the return of lookup
|
|
278
|
+
this.callback_queue.push(this.handle_visitor_lookup.bind(this));
|
|
279
|
+
// Start with a recipient lookup if ID was supplied in URL
|
|
280
|
+
if (this.visitor_elq_id !== null) {
|
|
281
|
+
this.lookup_visitor_by_recipient_id();
|
|
282
|
+
}
|
|
283
|
+
else {
|
|
284
|
+
// If no visitor ID, attempt to do a visitor lookup with an Eloqua cookie
|
|
285
|
+
this.lookup_visitor_by_cookie(); //preference center
|
|
286
|
+
this.lookup_contact_by_email();
|
|
287
|
+
}
|
|
288
|
+
}
|
|
289
|
+
add_field_mapping(mapping) {
|
|
290
|
+
this.field_mappings.push(mapping);
|
|
291
|
+
}
|
|
292
|
+
add_queue_action(action) {
|
|
293
|
+
this.callback_queue.push(action);
|
|
294
|
+
}
|
|
295
|
+
store_url_vars() {
|
|
296
|
+
// Clear the current url_vars
|
|
297
|
+
this.url_vars = {};
|
|
298
|
+
// Split the URL by the '?' to get the query string part
|
|
299
|
+
const queryString = window.location.search.substring(1);
|
|
300
|
+
// Split the query string by '&' to get each key-value pair
|
|
301
|
+
queryString.split('&').forEach(paramString => {
|
|
302
|
+
// Split the key-value pairs by '=' to separate keys and values
|
|
303
|
+
let [key, value] = paramString.split('=');
|
|
304
|
+
// Decode URI components to handle URL encoding
|
|
305
|
+
key = decodeURIComponent(key);
|
|
306
|
+
value = decodeURIComponent(value);
|
|
307
|
+
// Store the key-value pair in the url_vars object
|
|
308
|
+
this.url_vars[key] = value;
|
|
309
|
+
});
|
|
310
|
+
// Optionally, log the stored URL variables
|
|
311
|
+
console.log('URL variables stored:', this.url_vars);
|
|
312
|
+
}
|
|
313
|
+
store_visitor_elq_id() {
|
|
314
|
+
console.log("INIT: Looking for visitor's Eloqua ID in URL...");
|
|
315
|
+
const elqIdParam = this.url_vars['elq'];
|
|
316
|
+
if (elqIdParam) {
|
|
317
|
+
const elqId = elqIdParam.toUpperCase().replace(/(.{8})(.{4})(.{4})(.{4})(.{12})/, '$1-$2-$3-$4-$5');
|
|
318
|
+
this.visitor_elq_id = elqId;
|
|
319
|
+
console.log(`INIT: ...visitor Eloqua ID found in URL: ${elqId}`);
|
|
320
|
+
}
|
|
321
|
+
else {
|
|
322
|
+
this.visitor_elq_id = null;
|
|
323
|
+
console.log('INIT: ...no visitor Eloqua ID found in URL');
|
|
324
|
+
}
|
|
325
|
+
}
|
|
326
|
+
// private merge(root: any, ...sources: any[]): any {
|
|
327
|
+
// sources.forEach(source => {
|
|
328
|
+
// for (const key in source) {
|
|
329
|
+
// if (source.hasOwnProperty(key)) {
|
|
330
|
+
// root[key] = source[key];
|
|
331
|
+
// }
|
|
332
|
+
// }
|
|
333
|
+
// });
|
|
334
|
+
// return root;
|
|
335
|
+
// }
|
|
336
|
+
eloqua_callback() {
|
|
337
|
+
console.log('LOOKUP: Eloqua lookup finished');
|
|
338
|
+
// Process each action in the callback queue
|
|
339
|
+
let actionSucceeded = true;
|
|
340
|
+
while (actionSucceeded && this.callback_queue.length > 0) {
|
|
341
|
+
const action = this.callback_queue.shift();
|
|
342
|
+
if (action) {
|
|
343
|
+
console.log(`QUEUE: Executing action`);
|
|
344
|
+
actionSucceeded = action(); // Execute the action. It must return a boolean indicating success.
|
|
345
|
+
if (actionSucceeded) {
|
|
346
|
+
console.log('QUEUE: Action executed successfully, removed from queue');
|
|
347
|
+
}
|
|
348
|
+
else {
|
|
349
|
+
console.log('QUEUE: Action failed, re-adding to queue');
|
|
350
|
+
this.callback_queue.unshift(action); // Re-add the action to the front of the queue
|
|
351
|
+
break; // Break out of the loop if an action fails
|
|
352
|
+
}
|
|
353
|
+
}
|
|
354
|
+
}
|
|
355
|
+
// After processing the queue, update user details or perform other operations
|
|
356
|
+
if (actionSucceeded) {
|
|
357
|
+
this.update_user_details();
|
|
358
|
+
this.populate_mapped_fields();
|
|
359
|
+
}
|
|
360
|
+
// ...additional code to handle the aftermath of callback processing...
|
|
361
|
+
}
|
|
362
|
+
lookup_visitor_by_cookie() {
|
|
363
|
+
if (this.params.elq_visitor_lookup_key != '') {
|
|
364
|
+
ElqLib._elqQ.push(['elqDataLookup', escape(this.params.elq_visitor_lookup_key), '']);
|
|
365
|
+
console.log('LOOKUP: Visitor lookup sent using Eloqua cookie');
|
|
366
|
+
}
|
|
367
|
+
else {
|
|
368
|
+
console.log('LOOKUP: A visitor lookup cannot be performed as no lookup key was defined');
|
|
369
|
+
}
|
|
370
|
+
}
|
|
371
|
+
lookup_visitor_by_recipient_id() {
|
|
372
|
+
if (this.params.elq_recipient_id_lookup_key != '') {
|
|
373
|
+
ElqLib._elqQ.push([
|
|
374
|
+
'elqDataLookup',
|
|
375
|
+
escape(this.params.elq_recipient_id_lookup_key),
|
|
376
|
+
'<' + this.params.elq_field_email_rec_id + '>' + this.visitor_elq_id + '</' + this.params.elq_field_email_rec_id + '>',
|
|
377
|
+
]);
|
|
378
|
+
console.log('LOOKUP: Visitor lookup sent using email recipient id: ' + this.visitor_elq_id);
|
|
379
|
+
}
|
|
380
|
+
else {
|
|
381
|
+
console.log('LOOKUP: A visitor lookup cannot be performed as no lookup key was defined');
|
|
382
|
+
}
|
|
383
|
+
}
|
|
384
|
+
lookup_contact_by_email() {
|
|
385
|
+
if (this.params.elq_contact_lookup_key != '') {
|
|
386
|
+
ElqLib._elqQ.push([
|
|
387
|
+
'elqDataLookup',
|
|
388
|
+
escape(this.params.elq_contact_lookup_key),
|
|
389
|
+
'<' + this.params.elq_field_contact_email + '>' + this.user_elq_email + '</' + this.params.elq_field_contact_email + '>',
|
|
390
|
+
]);
|
|
391
|
+
console.log('LOOKUP: Contact lookup sent using email address: ' + this.user_elq_email);
|
|
392
|
+
}
|
|
393
|
+
else {
|
|
394
|
+
console.log('LOOKUP: A visitor lookup cannot be performed as no lookup key was defined');
|
|
395
|
+
}
|
|
396
|
+
}
|
|
397
|
+
handle_visitor_lookup() {
|
|
398
|
+
//console.log('Contact Email: ' + this.params.elq_field_contact_email)
|
|
399
|
+
const email = window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email); //it was elq_field_visitor_email ( V_Email_Address)
|
|
400
|
+
if (email) {
|
|
401
|
+
console.log(`LOOKUP: Found contact email address: ${email}`);
|
|
402
|
+
this.user_elq_email = email.trim();
|
|
403
|
+
this.lookup_contact_by_email();
|
|
404
|
+
this.callback_queue.push(this.handle_contact_lookup.bind(this));
|
|
405
|
+
return true;
|
|
406
|
+
}
|
|
407
|
+
else {
|
|
408
|
+
return false;
|
|
409
|
+
}
|
|
410
|
+
}
|
|
411
|
+
handle_contact_lookup() {
|
|
412
|
+
if (window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email) != '') {
|
|
413
|
+
console.log('LOOKUP: Found contact email address: ' + window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email));
|
|
414
|
+
return true;
|
|
415
|
+
}
|
|
416
|
+
else {
|
|
417
|
+
return false;
|
|
418
|
+
}
|
|
419
|
+
}
|
|
420
|
+
populate_mapped_fields() {
|
|
421
|
+
console.log('MAPPING: Starting field mapping');
|
|
422
|
+
//debugger;
|
|
423
|
+
this.field_mappings.forEach(({ elementId, elqFieldName }) => {
|
|
424
|
+
const fieldValue = window.GetElqContentPersonalizationValue(elqFieldName);
|
|
425
|
+
if (elementId !== 'contact-country') {
|
|
426
|
+
const element = document.getElementById(elementId);
|
|
427
|
+
console.log('element ID of field mappings: ' + elementId);
|
|
428
|
+
console.log('fieldValue ID of field mappings: ' + fieldValue);
|
|
429
|
+
if (element && fieldValue) {
|
|
430
|
+
element.value = fieldValue;
|
|
431
|
+
//element.style.display = 'none'; // Hide the field.
|
|
432
|
+
if (element.closest('ptc-textfield')) {
|
|
433
|
+
element.closest('ptc-textfield').style.display = 'none';
|
|
434
|
+
element.closest('ptc-textfield').inputValue = fieldValue;
|
|
435
|
+
}
|
|
436
|
+
else if (element.closest('ptc-select')) {
|
|
437
|
+
element.closest('ptc-select').style.display = 'none';
|
|
438
|
+
element.closest("ptc-select").selectedValue = fieldValue;
|
|
439
|
+
}
|
|
440
|
+
this.fields_populated = true;
|
|
441
|
+
}
|
|
442
|
+
}
|
|
443
|
+
else {
|
|
444
|
+
const countryEle = document.getElementById(elementId);
|
|
445
|
+
if (countryEle && fieldValue) {
|
|
446
|
+
countryEle.textContent = fieldValue;
|
|
447
|
+
countryEle.closest("ptc-select").selectedValue = fieldValue;
|
|
448
|
+
}
|
|
449
|
+
// debugger;
|
|
450
|
+
if (countryEle.closest('ptc-select')) {
|
|
451
|
+
countryEle.closest('ptc-select').style.display = 'none';
|
|
452
|
+
}
|
|
453
|
+
}
|
|
454
|
+
});
|
|
455
|
+
console.log('MAPPING: Finished ');
|
|
456
|
+
if (this.fields_populated) {
|
|
457
|
+
this.update_notme_link();
|
|
458
|
+
}
|
|
459
|
+
}
|
|
460
|
+
update_user_details() {
|
|
461
|
+
console.log('displaying user info...');
|
|
462
|
+
if (window.GetElqContentPersonalizationValue(this.params.elq_field_contact_email) !== '') {
|
|
463
|
+
document
|
|
464
|
+
.querySelectorAll('input[type=text], input[type=tel], input[name="phonenumber"], input[name="phonenumbertwo"], input[type=email], select, textarea, span.mdc-select__selected-text')
|
|
465
|
+
.forEach((element) => {
|
|
466
|
+
if (element.tagName === 'SPAN') {
|
|
467
|
+
const spanText = element;
|
|
468
|
+
const spanEloquaName = spanText.getAttribute('data-eloqua-name');
|
|
469
|
+
if (spanEloquaName !== null) {
|
|
470
|
+
const spanElqValue = window.GetElqContentPersonalizationValue(spanEloquaName);
|
|
471
|
+
if (spanElqValue !== '' && spanElqValue.length > 0) {
|
|
472
|
+
spanText.textContent = spanElqValue;
|
|
473
|
+
spanText.closest('ptc-select').defaultValue = spanElqValue;
|
|
474
|
+
}
|
|
475
|
+
}
|
|
476
|
+
}
|
|
477
|
+
else if (element.className.includes('intl-tel-input')) {
|
|
478
|
+
const telInput = element;
|
|
479
|
+
const eloquaName = telInput.getAttribute('data-eloqua-name');
|
|
480
|
+
if (eloquaName !== null) {
|
|
481
|
+
const elqValue = window.GetElqContentPersonalizationValue(eloquaName);
|
|
482
|
+
if (elqValue !== '' && elqValue.length > 0) {
|
|
483
|
+
setTimeout(() => {
|
|
484
|
+
telInput.placeholder = elqValue;
|
|
485
|
+
telInput.value = elqValue;
|
|
486
|
+
telInput.closest('ptc-textfield').inputValue = elqValue;
|
|
487
|
+
}, 1000);
|
|
488
|
+
}
|
|
489
|
+
}
|
|
490
|
+
}
|
|
491
|
+
else {
|
|
492
|
+
const input = element;
|
|
493
|
+
const eloquaName = input.getAttribute('data-eloqua-name');
|
|
494
|
+
if (eloquaName !== null) {
|
|
495
|
+
const elqValue = window.GetElqContentPersonalizationValue(eloquaName);
|
|
496
|
+
if (elqValue !== '' && elqValue.length > 0) {
|
|
497
|
+
input.value = elqValue;
|
|
498
|
+
input.closest('ptc-textfield').inputValue = elqValue;
|
|
499
|
+
}
|
|
500
|
+
}
|
|
501
|
+
}
|
|
502
|
+
});
|
|
503
|
+
}
|
|
504
|
+
if (this.user_elq_email == '' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email) != '') {
|
|
505
|
+
this.user_elq_email = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_email);
|
|
506
|
+
}
|
|
507
|
+
if (this.user_elq_firstname == '' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname) != '') {
|
|
508
|
+
this.user_elq_firstname = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname);
|
|
509
|
+
}
|
|
510
|
+
if (this.user_elq_lastname == '' && window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname) != '') {
|
|
511
|
+
this.user_elq_lastname = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname);
|
|
512
|
+
}
|
|
513
|
+
}
|
|
514
|
+
update_notme_link() {
|
|
515
|
+
// Assuming the user's first and last name are available from Eloqua fields
|
|
516
|
+
const firstName = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_firstname);
|
|
517
|
+
const lastName = window.GetElqContentPersonalizationValue(this.params.elq_field_visitor_lastname);
|
|
518
|
+
const topAdditional = document.getElementById('not-me-additional-top');
|
|
519
|
+
const bottomAdditional = document.getElementById('not-me-additional-bottom');
|
|
520
|
+
if (topAdditional) {
|
|
521
|
+
let message = topAdditional.innerHTML;
|
|
522
|
+
console.log('first name: ' + firstName);
|
|
523
|
+
if (firstName && lastName) {
|
|
524
|
+
message = message.replace('{name}', lastName + ' ' + firstName);
|
|
525
|
+
}
|
|
526
|
+
else {
|
|
527
|
+
message = this.params.notme_message_noname;
|
|
528
|
+
}
|
|
529
|
+
topAdditional.innerHTML = message;
|
|
530
|
+
topAdditional.style.display = 'block';
|
|
531
|
+
}
|
|
532
|
+
if (bottomAdditional) {
|
|
533
|
+
//bottomAdditional.innerHTML="Click the button below to recieve email confirmation.";
|
|
534
|
+
bottomAdditional.style.display = 'block';
|
|
535
|
+
}
|
|
536
|
+
const notMeLinkElement = document.getElementById(this.params.notme_link_id);
|
|
537
|
+
if (notMeLinkElement) {
|
|
538
|
+
notMeLinkElement.style.display = 'block';
|
|
539
|
+
notMeLinkElement.onclick = this.remove_user_details.bind(this);
|
|
540
|
+
}
|
|
541
|
+
}
|
|
542
|
+
// private init_notme(): void{
|
|
543
|
+
// const topAdditional = document.getElementById('not-me-additional-top');
|
|
544
|
+
// const bottomAdditional = document.getElementById('not-me-additional-bottom');
|
|
545
|
+
// console.log("top: " + topAdditional)
|
|
546
|
+
// if(topAdditional) topAdditional.style.display = 'none';
|
|
547
|
+
// if(bottomAdditional) bottomAdditional.style.display = 'none';
|
|
548
|
+
// }
|
|
549
|
+
remove_user_details(e) {
|
|
550
|
+
e.preventDefault();
|
|
551
|
+
this.user_elq_email = '';
|
|
552
|
+
this.user_elq_firstname = '';
|
|
553
|
+
this.user_elq_lastname = '';
|
|
554
|
+
// $('.' + this.params.notme_fields_class).val('');
|
|
555
|
+
//const linkDiv = document.getElementById(this.params.notme_link_id);
|
|
556
|
+
const topAdditional = document.getElementById('not-me-additional-top');
|
|
557
|
+
const bottomAdditional = document.getElementById('not-me-additional-bottom');
|
|
558
|
+
//linkDiv.querySelector('a').remove();
|
|
559
|
+
topAdditional.style.display = 'none';
|
|
560
|
+
bottomAdditional.style.display = 'none';
|
|
561
|
+
this.refreshForm();
|
|
562
|
+
return false;
|
|
563
|
+
}
|
|
564
|
+
refreshForm() {
|
|
565
|
+
this.field_mappings.forEach(({ elementId }) => {
|
|
566
|
+
if (elementId !== 'contact-country') {
|
|
567
|
+
const element = document.getElementById(elementId);
|
|
568
|
+
if (element) {
|
|
569
|
+
console.log('element: ' + element);
|
|
570
|
+
element.value = ''; // Reset the value
|
|
571
|
+
if (element.closest('ptc-textfield')) {
|
|
572
|
+
element.closest('ptc-textfield').style.display = '';
|
|
573
|
+
}
|
|
574
|
+
else if (element.closest('ptc-select')) {
|
|
575
|
+
element.closest('ptc-select').style.display = '';
|
|
576
|
+
}
|
|
577
|
+
}
|
|
578
|
+
}
|
|
579
|
+
else {
|
|
580
|
+
const countryEle = document.getElementById(elementId);
|
|
581
|
+
if (countryEle) {
|
|
582
|
+
countryEle.textContent = '';
|
|
583
|
+
}
|
|
584
|
+
// debugger;
|
|
585
|
+
if (countryEle.closest('ptc-select')) {
|
|
586
|
+
countryEle.closest('ptc-select').style.display = '';
|
|
587
|
+
}
|
|
588
|
+
}
|
|
589
|
+
});
|
|
590
|
+
this.clearEloquaCookie('elq-uid'); // Optionally clear the Eloqua cookie
|
|
591
|
+
this.fields_populated = false;
|
|
592
|
+
//this.update_notme_link(); // Update the 'Not Me' link if necessary
|
|
593
|
+
}
|
|
594
|
+
clearEloquaCookie(name) {
|
|
595
|
+
document.cookie = name + '=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
|
|
596
|
+
console.log('cookie cleared');
|
|
597
|
+
}
|
|
598
|
+
// Private Method to load Eloqua Scripts
|
|
599
|
+
async_load() {
|
|
600
|
+
const scriptUrl = 'https://img.en25.com/i/elqCfg.min.js';
|
|
601
|
+
const scriptElement = document.createElement('script');
|
|
602
|
+
scriptElement.type = 'text/javascript';
|
|
603
|
+
scriptElement.async = true;
|
|
604
|
+
scriptElement.src = scriptUrl;
|
|
605
|
+
// Error handling for script loading
|
|
606
|
+
scriptElement.onerror = errorEvent => {
|
|
607
|
+
console.log(`Error loading script: ${errorEvent}`);
|
|
608
|
+
};
|
|
609
|
+
// Append the script element to the head of the document, or before the first script tag found
|
|
610
|
+
const firstScriptTag = document.getElementsByTagName('script')[0];
|
|
611
|
+
if (firstScriptTag && firstScriptTag.parentNode) {
|
|
612
|
+
firstScriptTag.parentNode.insertBefore(scriptElement, firstScriptTag);
|
|
613
|
+
}
|
|
614
|
+
else {
|
|
615
|
+
document.head.appendChild(scriptElement);
|
|
616
|
+
}
|
|
617
|
+
console.log(`Async loading of script ${scriptUrl} initiated.`);
|
|
618
|
+
}
|
|
619
|
+
}
|
|
620
|
+
ElqLib._elqQ = window['_elqQ'] || [];
|
|
621
|
+
// Static member initialization
|
|
622
622
|
//ElqLib._elqQ = window['_elqQ'] || [];
|
|
623
623
|
|
|
624
624
|
const ptcDataLookupCss = ":host{display:block}#not-me-link-id{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-medium);font-style:normal;font-weight:var(--ptc-font-weight-bold);line-height:normal;margin-bottom:var(--ptc-element-spacing-03);position:relative}#not-me-link-id a{color:var(--color-blue-07);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-medium);font-style:normal;font-weight:var(--ptc-font-weight-bold);line-height:normal;text-decoration-line:underline}.not-me-additional-text{color:var(--color-gray-10);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-medium);font-style:normal;font-weight:var(--ptc-font-weight-regular);line-height:normal;margin-bottom:var(--ptc-element-spacing-03)}.not-me-additional-text#not-me-additional-bottom{margin-bottom:unset;margin-top:var(--ptc-element-spacing-03)}.ptc-embedded-form>div{max-width:273px;overflow-wrap:break-word}.ptc-embedded-form .iti__country-name{color:var(--color-gray-12)}.ptc-embedded-form .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{color:var(--color-gray-12)}.ptc-embedded-form .mdc-menu-surface--open{z-index:99999}";
|
|
625
625
|
|
|
626
|
-
const PtcDataLookup = class {
|
|
627
|
-
constructor(hostRef) {
|
|
628
|
-
index.registerInstance(this, hostRef);
|
|
629
|
-
this.elqSiteId = undefined;
|
|
630
|
-
this.elqVisitorLookupKey = undefined;
|
|
631
|
-
this.elqRecipientIdLookupKey = undefined;
|
|
632
|
-
this.elqContactLookupKey = undefined;
|
|
633
|
-
this.elqFieldEmailRecId = 'V_EmailRecipientID';
|
|
634
|
-
this.elqFieldContactEmail = 'C_EmailAddress';
|
|
635
|
-
this.elqFieldVisitorEmail = 'V_Email_Address';
|
|
636
|
-
this.elqFieldVisitorFirstname = 'C_FirstName';
|
|
637
|
-
this.elqFieldVisitorLastname = 'C_LastName';
|
|
638
|
-
this.notmeLinkId = undefined;
|
|
639
|
-
this.notmeFieldsClass = undefined;
|
|
640
|
-
this.notmeMessage = undefined;
|
|
641
|
-
this.notmeMessageNoname = undefined;
|
|
642
|
-
this.isBlindSubmit = true;
|
|
643
|
-
this.isInitialized = false;
|
|
644
|
-
}
|
|
645
|
-
componentWillLoad() {
|
|
646
|
-
this.initializeElqLib();
|
|
647
|
-
if (this.isBlindSubmit) {
|
|
648
|
-
this.populateBlindField();
|
|
649
|
-
}
|
|
650
|
-
}
|
|
651
|
-
componentDidLoad() {
|
|
652
|
-
this.init_notme();
|
|
653
|
-
}
|
|
654
|
-
initializeElqLib() {
|
|
655
|
-
this.elqLib = new ElqLib({
|
|
656
|
-
elq_site_id: this.elqSiteId,
|
|
657
|
-
elq_visitor_lookup_key: this.elqVisitorLookupKey,
|
|
658
|
-
elq_recipient_id_lookup_key: this.elqRecipientIdLookupKey,
|
|
659
|
-
elq_contact_lookup_key: this.elqContactLookupKey,
|
|
660
|
-
elq_field_email_rec_id: this.elqFieldEmailRecId,
|
|
661
|
-
elq_field_contact_email: this.elqFieldContactEmail,
|
|
662
|
-
elq_field_visitor_email: this.elqFieldVisitorEmail,
|
|
663
|
-
elq_field_visitor_firstname: this.elqFieldVisitorFirstname,
|
|
664
|
-
elq_field_visitor_lastname: this.elqFieldVisitorLastname,
|
|
665
|
-
notme_link_id: this.notmeLinkId,
|
|
666
|
-
notme_fields_class: this.notmeFieldsClass,
|
|
667
|
-
notme_message: this.notmeMessage,
|
|
668
|
-
notme_message_noname: this.notmeMessageNoname,
|
|
669
|
-
});
|
|
670
|
-
this.isInitialized = true;
|
|
671
|
-
}
|
|
672
|
-
populateBlindField() {
|
|
673
|
-
this.elqLib.add_field_mapping({ elementId: 'contact-phone', elqFieldName: 'C_BusPhone' });
|
|
674
|
-
this.elqLib.add_field_mapping({ elementId: 'contact-email', elqFieldName: 'C_EmailAddress' });
|
|
675
|
-
this.elqLib.add_field_mapping({ elementId: 'contact-firstname', elqFieldName: 'C_FirstName' });
|
|
676
|
-
this.elqLib.add_field_mapping({ elementId: 'contact-lastname', elqFieldName: 'C_LastName' });
|
|
677
|
-
this.elqLib.add_field_mapping({ elementId: 'contact-country', elqFieldName: 'C_Country' });
|
|
678
|
-
this.elqLib.add_field_mapping({ elementId: 'contact-phone', elqFieldName: 'C_BusPhone' });
|
|
679
|
-
this.elqLib.add_field_mapping({ elementId: 'company', elqFieldName: 'C_Company' });
|
|
680
|
-
this.elqLib.add_field_mapping({ elementId: 'contact-state', elqFieldName: 'C_State_Prov' });
|
|
681
|
-
this.elqLib.add_field_mapping({ elementId: 'contact-zipcode', elqFieldName: 'C_Zip_Postal' });
|
|
682
|
-
this.elqLib.add_field_mapping({ elementId: 'contact-job-category', elqFieldName: 'C_Job_Role1' });
|
|
683
|
-
this.elqLib.add_field_mapping({ elementId: 'contact-job-function', elqFieldName: 'C_Job_Function1' });
|
|
684
|
-
this.elqLib.add_field_mapping({ elementId: 'contact-jp-job-title', elqFieldName: 'C_Title' });
|
|
685
|
-
}
|
|
686
|
-
getCookie(name) {
|
|
687
|
-
let cookieValue = null;
|
|
688
|
-
if (document.cookie) {
|
|
689
|
-
const cookies = document.cookie.split(';');
|
|
690
|
-
for (let cookie of cookies) {
|
|
691
|
-
const [key, value] = cookie.trim().split('=');
|
|
692
|
-
if (key === name) {
|
|
693
|
-
cookieValue = decodeURIComponent(value);
|
|
694
|
-
break;
|
|
695
|
-
}
|
|
696
|
-
}
|
|
697
|
-
}
|
|
698
|
-
return cookieValue;
|
|
699
|
-
}
|
|
700
|
-
init_notme() {
|
|
701
|
-
const topAdditional = document.getElementById('not-me-additional-top');
|
|
702
|
-
const bottomAdditional = document.getElementById('not-me-additional-bottom');
|
|
703
|
-
console.log("top: " + topAdditional);
|
|
704
|
-
if (topAdditional)
|
|
705
|
-
topAdditional.style.display = 'none';
|
|
706
|
-
if (bottomAdditional)
|
|
707
|
-
bottomAdditional.style.display = 'none';
|
|
708
|
-
}
|
|
709
|
-
async performDataLookup() {
|
|
710
|
-
if (this.isInitialized) {
|
|
711
|
-
this.elqLib.user_elq_email = this.getCookie('elq-uid');
|
|
712
|
-
this.elqLib.find_eloqua_contact();
|
|
713
|
-
}
|
|
714
|
-
}
|
|
715
|
-
render() {
|
|
716
|
-
return index.h("slot", null);
|
|
717
|
-
}
|
|
718
|
-
get el() { return index.getElement(this); }
|
|
719
|
-
};
|
|
626
|
+
const PtcDataLookup = class {
|
|
627
|
+
constructor(hostRef) {
|
|
628
|
+
index.registerInstance(this, hostRef);
|
|
629
|
+
this.elqSiteId = undefined;
|
|
630
|
+
this.elqVisitorLookupKey = undefined;
|
|
631
|
+
this.elqRecipientIdLookupKey = undefined;
|
|
632
|
+
this.elqContactLookupKey = undefined;
|
|
633
|
+
this.elqFieldEmailRecId = 'V_EmailRecipientID';
|
|
634
|
+
this.elqFieldContactEmail = 'C_EmailAddress';
|
|
635
|
+
this.elqFieldVisitorEmail = 'V_Email_Address';
|
|
636
|
+
this.elqFieldVisitorFirstname = 'C_FirstName';
|
|
637
|
+
this.elqFieldVisitorLastname = 'C_LastName';
|
|
638
|
+
this.notmeLinkId = undefined;
|
|
639
|
+
this.notmeFieldsClass = undefined;
|
|
640
|
+
this.notmeMessage = undefined;
|
|
641
|
+
this.notmeMessageNoname = undefined;
|
|
642
|
+
this.isBlindSubmit = true;
|
|
643
|
+
this.isInitialized = false;
|
|
644
|
+
}
|
|
645
|
+
componentWillLoad() {
|
|
646
|
+
this.initializeElqLib();
|
|
647
|
+
if (this.isBlindSubmit) {
|
|
648
|
+
this.populateBlindField();
|
|
649
|
+
}
|
|
650
|
+
}
|
|
651
|
+
componentDidLoad() {
|
|
652
|
+
this.init_notme();
|
|
653
|
+
}
|
|
654
|
+
initializeElqLib() {
|
|
655
|
+
this.elqLib = new ElqLib({
|
|
656
|
+
elq_site_id: this.elqSiteId,
|
|
657
|
+
elq_visitor_lookup_key: this.elqVisitorLookupKey,
|
|
658
|
+
elq_recipient_id_lookup_key: this.elqRecipientIdLookupKey,
|
|
659
|
+
elq_contact_lookup_key: this.elqContactLookupKey,
|
|
660
|
+
elq_field_email_rec_id: this.elqFieldEmailRecId,
|
|
661
|
+
elq_field_contact_email: this.elqFieldContactEmail,
|
|
662
|
+
elq_field_visitor_email: this.elqFieldVisitorEmail,
|
|
663
|
+
elq_field_visitor_firstname: this.elqFieldVisitorFirstname,
|
|
664
|
+
elq_field_visitor_lastname: this.elqFieldVisitorLastname,
|
|
665
|
+
notme_link_id: this.notmeLinkId,
|
|
666
|
+
notme_fields_class: this.notmeFieldsClass,
|
|
667
|
+
notme_message: this.notmeMessage,
|
|
668
|
+
notme_message_noname: this.notmeMessageNoname,
|
|
669
|
+
});
|
|
670
|
+
this.isInitialized = true;
|
|
671
|
+
}
|
|
672
|
+
populateBlindField() {
|
|
673
|
+
this.elqLib.add_field_mapping({ elementId: 'contact-phone', elqFieldName: 'C_BusPhone' });
|
|
674
|
+
this.elqLib.add_field_mapping({ elementId: 'contact-email', elqFieldName: 'C_EmailAddress' });
|
|
675
|
+
this.elqLib.add_field_mapping({ elementId: 'contact-firstname', elqFieldName: 'C_FirstName' });
|
|
676
|
+
this.elqLib.add_field_mapping({ elementId: 'contact-lastname', elqFieldName: 'C_LastName' });
|
|
677
|
+
this.elqLib.add_field_mapping({ elementId: 'contact-country', elqFieldName: 'C_Country' });
|
|
678
|
+
this.elqLib.add_field_mapping({ elementId: 'contact-phone', elqFieldName: 'C_BusPhone' });
|
|
679
|
+
this.elqLib.add_field_mapping({ elementId: 'company', elqFieldName: 'C_Company' });
|
|
680
|
+
this.elqLib.add_field_mapping({ elementId: 'contact-state', elqFieldName: 'C_State_Prov' });
|
|
681
|
+
this.elqLib.add_field_mapping({ elementId: 'contact-zipcode', elqFieldName: 'C_Zip_Postal' });
|
|
682
|
+
this.elqLib.add_field_mapping({ elementId: 'contact-job-category', elqFieldName: 'C_Job_Role1' });
|
|
683
|
+
this.elqLib.add_field_mapping({ elementId: 'contact-job-function', elqFieldName: 'C_Job_Function1' });
|
|
684
|
+
this.elqLib.add_field_mapping({ elementId: 'contact-jp-job-title', elqFieldName: 'C_Title' });
|
|
685
|
+
}
|
|
686
|
+
getCookie(name) {
|
|
687
|
+
let cookieValue = null;
|
|
688
|
+
if (document.cookie) {
|
|
689
|
+
const cookies = document.cookie.split(';');
|
|
690
|
+
for (let cookie of cookies) {
|
|
691
|
+
const [key, value] = cookie.trim().split('=');
|
|
692
|
+
if (key === name) {
|
|
693
|
+
cookieValue = decodeURIComponent(value);
|
|
694
|
+
break;
|
|
695
|
+
}
|
|
696
|
+
}
|
|
697
|
+
}
|
|
698
|
+
return cookieValue;
|
|
699
|
+
}
|
|
700
|
+
init_notme() {
|
|
701
|
+
const topAdditional = document.getElementById('not-me-additional-top');
|
|
702
|
+
const bottomAdditional = document.getElementById('not-me-additional-bottom');
|
|
703
|
+
console.log("top: " + topAdditional);
|
|
704
|
+
if (topAdditional)
|
|
705
|
+
topAdditional.style.display = 'none';
|
|
706
|
+
if (bottomAdditional)
|
|
707
|
+
bottomAdditional.style.display = 'none';
|
|
708
|
+
}
|
|
709
|
+
async performDataLookup() {
|
|
710
|
+
if (this.isInitialized) {
|
|
711
|
+
this.elqLib.user_elq_email = this.getCookie('elq-uid');
|
|
712
|
+
this.elqLib.find_eloqua_contact();
|
|
713
|
+
}
|
|
714
|
+
}
|
|
715
|
+
render() {
|
|
716
|
+
return index.h("slot", null);
|
|
717
|
+
}
|
|
718
|
+
get el() { return index.getElement(this); }
|
|
719
|
+
};
|
|
720
720
|
PtcDataLookup.style = ptcDataLookupCss;
|
|
721
721
|
|
|
722
722
|
/******************************************************************************
|
|
@@ -2544,173 +2544,173 @@ var MDCFormField = /** @class */ (function (_super) {
|
|
|
2544
2544
|
return MDCFormField;
|
|
2545
2545
|
}(MDCComponent));
|
|
2546
2546
|
|
|
2547
|
-
const ValidationMessages = {
|
|
2548
|
-
de: {
|
|
2549
|
-
required: 'Dieses Feld ist erforderlich.',
|
|
2550
|
-
select: 'Bitte wählen Sie einen Wert.',
|
|
2551
|
-
firstname: 'Bitte überprüfen Sie Ihren Vornamen.',
|
|
2552
|
-
lastname: 'Bitte überprüfen Sie Ihren Nachnamen.',
|
|
2553
|
-
validemail: 'Bitte geben Sie eine gültige E-Mail-Adresse ein.',
|
|
2554
|
-
email: 'Bitte geben Sie eine gültige E-Mail-Adresse ein.',
|
|
2555
|
-
companyemail: 'Bitte geben Sie eine Firmen-E-Mail-Adresse ein.',
|
|
2556
|
-
tel: 'Telefonnummer ist erforderlich.',
|
|
2557
|
-
validtel: 'Bitte geben Sie eine gültige Telefonnummer ein.',
|
|
2558
|
-
},
|
|
2559
|
-
en: {
|
|
2560
|
-
required: 'This field is required.',
|
|
2561
|
-
select: 'Please select a value.',
|
|
2562
|
-
firstname: 'Please check your firstname.',
|
|
2563
|
-
lastname: 'Please check your lastname.',
|
|
2564
|
-
validemail: 'Please enter a valid email.',
|
|
2565
|
-
email: 'Email is required.',
|
|
2566
|
-
companyemail: 'Please enter a company email.',
|
|
2567
|
-
tel: 'Telephone number is required.',
|
|
2568
|
-
validtel: 'Please enter a valid telephone number',
|
|
2569
|
-
},
|
|
2570
|
-
fr: {
|
|
2571
|
-
required: 'Ce champ est obligatoire.',
|
|
2572
|
-
select: 'Veuillez sélectionner une valeur.',
|
|
2573
|
-
firstname: 'Veuillez vérifier votre prénom.',
|
|
2574
|
-
lastname: 'Veuillez vérifier votre nom de famille.',
|
|
2575
|
-
validemail: 'Veuillez saisir une adresse e-mail valide.',
|
|
2576
|
-
email: 'Adresse e-mail requise.',
|
|
2577
|
-
companyemail: 'Veuillez saisir une adresse e-mail professionnelle.',
|
|
2578
|
-
tel: 'Numéro de téléphone requis.',
|
|
2579
|
-
validtel: 'Veuillez saisir un numéro de téléphone valide.',
|
|
2580
|
-
},
|
|
2581
|
-
ko: {
|
|
2582
|
-
required: '이 필드는 필수입니다.',
|
|
2583
|
-
select: '값을 선택해 주세요.',
|
|
2584
|
-
firstname: '이름을 확인해 주세요.',
|
|
2585
|
-
lastname: '성을 확인해 주세요.',
|
|
2586
|
-
validemail: '유효한 이메일 주소를 입력해 주세요.',
|
|
2587
|
-
email: '이메일 주소가 필요합니다.',
|
|
2588
|
-
companyemail: '회사 이메일을 입력해 주세요.',
|
|
2589
|
-
tel: '전화번호가 필요합니다.',
|
|
2590
|
-
validtel: '유효한 전화번호를 입력해 주세요.',
|
|
2591
|
-
},
|
|
2592
|
-
pt: {
|
|
2593
|
-
required: 'Este campo é obrigatório.',
|
|
2594
|
-
select: 'Por favor, selecione um valor.',
|
|
2595
|
-
firstname: 'Por favor, verifique seu primeiro nome.',
|
|
2596
|
-
lastname: 'Por favor, verifique seu sobrenome.',
|
|
2597
|
-
validemail: 'Por favor, insira um endereço de e-mail válido.',
|
|
2598
|
-
email: 'Endereço de e-mail é obrigatório.',
|
|
2599
|
-
companyemail: 'Por favor, insira um e-mail da empresa.',
|
|
2600
|
-
tel: 'Número de telefone é obrigatório.',
|
|
2601
|
-
validtel: 'Por favor, insira um número de telefone válido.',
|
|
2602
|
-
},
|
|
2603
|
-
cn: {
|
|
2604
|
-
required: '此字段为必填项。',
|
|
2605
|
-
select: '请选择一个值。',
|
|
2606
|
-
firstname: '请检查您的名字。',
|
|
2607
|
-
lastname: '请检查您的姓氏。',
|
|
2608
|
-
validemail: '请输入有效的电子邮件地址。',
|
|
2609
|
-
email: '需要电子邮件地址。',
|
|
2610
|
-
companyemail: '请输入公司电子邮件。',
|
|
2611
|
-
tel: '需要电话号码。',
|
|
2612
|
-
validtel: '请输入有效的电话号码。',
|
|
2613
|
-
},
|
|
2614
|
-
tw: {
|
|
2615
|
-
required: '此欄位為必填。',
|
|
2616
|
-
select: '請選擇一個值。',
|
|
2617
|
-
firstname: '請檢查您的名字。',
|
|
2618
|
-
lastname: '請檢查您的姓氏。',
|
|
2619
|
-
validemail: '請輸入有效的電子郵件地址。',
|
|
2620
|
-
email: '需要電子郵件地址。',
|
|
2621
|
-
companyemail: '請輸入公司電子郵件。',
|
|
2622
|
-
tel: '需要電話號碼。',
|
|
2623
|
-
validtel: '請輸入有效的電話號碼。',
|
|
2624
|
-
},
|
|
2625
|
-
ja: {
|
|
2626
|
-
required: 'このフィールドは必須です。',
|
|
2627
|
-
select: '値を選択してください。',
|
|
2628
|
-
firstname: '名前を確認してください。',
|
|
2629
|
-
lastname: '苗字を確認してください。',
|
|
2630
|
-
validemail: '有効なメールアドレスを入力してください。',
|
|
2631
|
-
email: 'メールアドレスが必要です。',
|
|
2632
|
-
companyemail: '会社のメールアドレスを入力してください。',
|
|
2633
|
-
tel: '電話番号が必要です。',
|
|
2634
|
-
validtel: '有効な電話番号を入力してください。',
|
|
2635
|
-
},
|
|
2636
|
-
it: {
|
|
2637
|
-
required: 'Questo campo è obbligatorio.',
|
|
2638
|
-
select: 'Si prega di selezionare un valore.',
|
|
2639
|
-
firstname: 'Si prega di controllare il proprio nome.',
|
|
2640
|
-
lastname: 'Si prega di controllare il proprio cognome.',
|
|
2641
|
-
validemail: 'Si prega di inserire un indirizzo email valido.',
|
|
2642
|
-
email: "L'indirizzo email è richiesto.",
|
|
2643
|
-
companyemail: "Si prega di inserire un'email aziendale.",
|
|
2644
|
-
tel: 'È richiesto un numero di telefono.',
|
|
2645
|
-
validtel: 'Si prega di inserire un numero di telefono valido.',
|
|
2646
|
-
}
|
|
2547
|
+
const ValidationMessages = {
|
|
2548
|
+
de: {
|
|
2549
|
+
required: 'Dieses Feld ist erforderlich.',
|
|
2550
|
+
select: 'Bitte wählen Sie einen Wert.',
|
|
2551
|
+
firstname: 'Bitte überprüfen Sie Ihren Vornamen.',
|
|
2552
|
+
lastname: 'Bitte überprüfen Sie Ihren Nachnamen.',
|
|
2553
|
+
validemail: 'Bitte geben Sie eine gültige E-Mail-Adresse ein.',
|
|
2554
|
+
email: 'Bitte geben Sie eine gültige E-Mail-Adresse ein.',
|
|
2555
|
+
companyemail: 'Bitte geben Sie eine Firmen-E-Mail-Adresse ein.',
|
|
2556
|
+
tel: 'Telefonnummer ist erforderlich.',
|
|
2557
|
+
validtel: 'Bitte geben Sie eine gültige Telefonnummer ein.',
|
|
2558
|
+
},
|
|
2559
|
+
en: {
|
|
2560
|
+
required: 'This field is required.',
|
|
2561
|
+
select: 'Please select a value.',
|
|
2562
|
+
firstname: 'Please check your firstname.',
|
|
2563
|
+
lastname: 'Please check your lastname.',
|
|
2564
|
+
validemail: 'Please enter a valid email.',
|
|
2565
|
+
email: 'Email is required.',
|
|
2566
|
+
companyemail: 'Please enter a company email.',
|
|
2567
|
+
tel: 'Telephone number is required.',
|
|
2568
|
+
validtel: 'Please enter a valid telephone number',
|
|
2569
|
+
},
|
|
2570
|
+
fr: {
|
|
2571
|
+
required: 'Ce champ est obligatoire.',
|
|
2572
|
+
select: 'Veuillez sélectionner une valeur.',
|
|
2573
|
+
firstname: 'Veuillez vérifier votre prénom.',
|
|
2574
|
+
lastname: 'Veuillez vérifier votre nom de famille.',
|
|
2575
|
+
validemail: 'Veuillez saisir une adresse e-mail valide.',
|
|
2576
|
+
email: 'Adresse e-mail requise.',
|
|
2577
|
+
companyemail: 'Veuillez saisir une adresse e-mail professionnelle.',
|
|
2578
|
+
tel: 'Numéro de téléphone requis.',
|
|
2579
|
+
validtel: 'Veuillez saisir un numéro de téléphone valide.',
|
|
2580
|
+
},
|
|
2581
|
+
ko: {
|
|
2582
|
+
required: '이 필드는 필수입니다.',
|
|
2583
|
+
select: '값을 선택해 주세요.',
|
|
2584
|
+
firstname: '이름을 확인해 주세요.',
|
|
2585
|
+
lastname: '성을 확인해 주세요.',
|
|
2586
|
+
validemail: '유효한 이메일 주소를 입력해 주세요.',
|
|
2587
|
+
email: '이메일 주소가 필요합니다.',
|
|
2588
|
+
companyemail: '회사 이메일을 입력해 주세요.',
|
|
2589
|
+
tel: '전화번호가 필요합니다.',
|
|
2590
|
+
validtel: '유효한 전화번호를 입력해 주세요.',
|
|
2591
|
+
},
|
|
2592
|
+
pt: {
|
|
2593
|
+
required: 'Este campo é obrigatório.',
|
|
2594
|
+
select: 'Por favor, selecione um valor.',
|
|
2595
|
+
firstname: 'Por favor, verifique seu primeiro nome.',
|
|
2596
|
+
lastname: 'Por favor, verifique seu sobrenome.',
|
|
2597
|
+
validemail: 'Por favor, insira um endereço de e-mail válido.',
|
|
2598
|
+
email: 'Endereço de e-mail é obrigatório.',
|
|
2599
|
+
companyemail: 'Por favor, insira um e-mail da empresa.',
|
|
2600
|
+
tel: 'Número de telefone é obrigatório.',
|
|
2601
|
+
validtel: 'Por favor, insira um número de telefone válido.',
|
|
2602
|
+
},
|
|
2603
|
+
cn: {
|
|
2604
|
+
required: '此字段为必填项。',
|
|
2605
|
+
select: '请选择一个值。',
|
|
2606
|
+
firstname: '请检查您的名字。',
|
|
2607
|
+
lastname: '请检查您的姓氏。',
|
|
2608
|
+
validemail: '请输入有效的电子邮件地址。',
|
|
2609
|
+
email: '需要电子邮件地址。',
|
|
2610
|
+
companyemail: '请输入公司电子邮件。',
|
|
2611
|
+
tel: '需要电话号码。',
|
|
2612
|
+
validtel: '请输入有效的电话号码。',
|
|
2613
|
+
},
|
|
2614
|
+
tw: {
|
|
2615
|
+
required: '此欄位為必填。',
|
|
2616
|
+
select: '請選擇一個值。',
|
|
2617
|
+
firstname: '請檢查您的名字。',
|
|
2618
|
+
lastname: '請檢查您的姓氏。',
|
|
2619
|
+
validemail: '請輸入有效的電子郵件地址。',
|
|
2620
|
+
email: '需要電子郵件地址。',
|
|
2621
|
+
companyemail: '請輸入公司電子郵件。',
|
|
2622
|
+
tel: '需要電話號碼。',
|
|
2623
|
+
validtel: '請輸入有效的電話號碼。',
|
|
2624
|
+
},
|
|
2625
|
+
ja: {
|
|
2626
|
+
required: 'このフィールドは必須です。',
|
|
2627
|
+
select: '値を選択してください。',
|
|
2628
|
+
firstname: '名前を確認してください。',
|
|
2629
|
+
lastname: '苗字を確認してください。',
|
|
2630
|
+
validemail: '有効なメールアドレスを入力してください。',
|
|
2631
|
+
email: 'メールアドレスが必要です。',
|
|
2632
|
+
companyemail: '会社のメールアドレスを入力してください。',
|
|
2633
|
+
tel: '電話番号が必要です。',
|
|
2634
|
+
validtel: '有効な電話番号を入力してください。',
|
|
2635
|
+
},
|
|
2636
|
+
it: {
|
|
2637
|
+
required: 'Questo campo è obbligatorio.',
|
|
2638
|
+
select: 'Si prega di selezionare un valore.',
|
|
2639
|
+
firstname: 'Si prega di controllare il proprio nome.',
|
|
2640
|
+
lastname: 'Si prega di controllare il proprio cognome.',
|
|
2641
|
+
validemail: 'Si prega di inserire un indirizzo email valido.',
|
|
2642
|
+
email: "L'indirizzo email è richiesto.",
|
|
2643
|
+
companyemail: "Si prega di inserire un'email aziendale.",
|
|
2644
|
+
tel: 'È richiesto un numero di telefono.',
|
|
2645
|
+
validtel: 'Si prega di inserire un numero di telefono valido.',
|
|
2646
|
+
}
|
|
2647
2647
|
};
|
|
2648
2648
|
|
|
2649
2649
|
const ptcFormCheckboxCss = ".mdc-checkbox{padding:calc((40px - 18px) / 2);padding:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);margin:calc((40px - 40px) / 2);margin:calc((var(--mdc-checkbox-touch-target-size, 40px) - 40px) / 2)}.mdc-checkbox .mdc-checkbox__ripple::before,.mdc-checkbox .mdc-checkbox__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-checkbox:hover .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-ripple-surface--hover .mdc-checkbox__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-checkbox:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after{transition:opacity 150ms linear}.mdc-checkbox:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after{background-color:#018786;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))}.mdc-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-surface--hover .mdc-checkbox__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after{transition:opacity 150ms linear}.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after{background-color:#018786;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))}.mdc-checkbox .mdc-checkbox__background{top:calc((40px - 18px) / 2);top:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);left:calc((40px - 18px) / 2);left:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2)}.mdc-checkbox .mdc-checkbox__native-control{top:calc((40px - 40px) / 2);top:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);right:calc((40px - 40px) / 2);right:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);left:calc((40px - 40px) / 2);left:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);width:40px;width:var(--mdc-checkbox-touch-target-size, 40px);height:40px;height:var(--mdc-checkbox-touch-target-size, 40px)}.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}.mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}@-webkit-keyframes mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786{0%{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}50%{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}}@keyframes mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786{0%{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}50%{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}}@-webkit-keyframes mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786{0%,80%{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}100%{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}}@keyframes mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786{0%,80%{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}100%{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}}.mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background{-webkit-animation-name:mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786;animation-name:mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786}.mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background{-webkit-animation-name:mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786;animation-name:mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786}.mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{border-color:rgba(0, 0, 0, 0.38);border-color:var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38));background-color:transparent}.mdc-checkbox .mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true][disabled]~.mdc-checkbox__background{border-color:transparent;background-color:rgba(0, 0, 0, 0.38);background-color:var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38))}.mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:#fff;color:var(--mdc-checkbox-ink-color, #fff)}.mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff;border-color:var(--mdc-checkbox-ink-color, #fff)}.mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:#fff;color:var(--mdc-checkbox-ink-color, #fff)}.mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff;border-color:var(--mdc-checkbox-ink-color, #fff)}.mdc-touch-target-wrapper{display:inline}@-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path{0%,50%{stroke-dashoffset:29.7833385}50%{-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}100%{stroke-dashoffset:0}}@keyframes mdc-checkbox-unchecked-checked-checkmark-path{0%,50%{stroke-dashoffset:29.7833385}50%{-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}100%{stroke-dashoffset:0}}@-webkit-keyframes mdc-checkbox-unchecked-indeterminate-mixedmark{0%,68.2%{-webkit-transform:scaleX(0);transform:scaleX(0)}68.2%{-webkit-animation-timing-function:cubic-bezier(0, 0, 0, 1);animation-timing-function:cubic-bezier(0, 0, 0, 1)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark{0%,68.2%{-webkit-transform:scaleX(0);transform:scaleX(0)}68.2%{-webkit-animation-timing-function:cubic-bezier(0, 0, 0, 1);animation-timing-function:cubic-bezier(0, 0, 0, 1)}100%{-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes mdc-checkbox-checked-unchecked-checkmark-path{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 1, 1);animation-timing-function:cubic-bezier(0.4, 0, 1, 1);opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-29.7833385}}@keyframes mdc-checkbox-checked-unchecked-checkmark-path{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 1, 1);animation-timing-function:cubic-bezier(0.4, 0, 1, 1);opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-29.7833385}}@-webkit-keyframes mdc-checkbox-checked-indeterminate-checkmark{from{-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes mdc-checkbox-checked-indeterminate-checkmark{from{-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@-webkit-keyframes mdc-checkbox-indeterminate-checked-checkmark{from{-webkit-animation-timing-function:cubic-bezier(0.14, 0, 0, 1);animation-timing-function:cubic-bezier(0.14, 0, 0, 1);-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:1}}@keyframes mdc-checkbox-indeterminate-checked-checkmark{from{-webkit-animation-timing-function:cubic-bezier(0.14, 0, 0, 1);animation-timing-function:cubic-bezier(0.14, 0, 0, 1);-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:1}}@-webkit-keyframes mdc-checkbox-checked-indeterminate-mixedmark{from{-webkit-animation-timing-function:mdc-animation-deceleration-curve-timing-function;animation-timing-function:mdc-animation-deceleration-curve-timing-function;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}}@keyframes mdc-checkbox-checked-indeterminate-mixedmark{from{-webkit-animation-timing-function:mdc-animation-deceleration-curve-timing-function;animation-timing-function:mdc-animation-deceleration-curve-timing-function;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}}@-webkit-keyframes mdc-checkbox-indeterminate-checked-mixedmark{from{-webkit-animation-timing-function:cubic-bezier(0.14, 0, 0, 1);animation-timing-function:cubic-bezier(0.14, 0, 0, 1);-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}to{-webkit-transform:rotate(315deg);transform:rotate(315deg);opacity:0}}@keyframes mdc-checkbox-indeterminate-checked-mixedmark{from{-webkit-animation-timing-function:cubic-bezier(0.14, 0, 0, 1);animation-timing-function:cubic-bezier(0.14, 0, 0, 1);-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}to{-webkit-transform:rotate(315deg);transform:rotate(315deg);opacity:0}}@-webkit-keyframes mdc-checkbox-indeterminate-unchecked-mixedmark{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}32.8%,100%{-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0}}@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark{0%{-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}32.8%,100%{-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0}}.mdc-checkbox{display:inline-block;position:relative;flex:0 0 18px;box-sizing:content-box;width:18px;height:18px;line-height:0;white-space:nowrap;cursor:pointer;vertical-align:bottom}.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:100%;width:100%}@media screen and (forced-colors: active){.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring{border-color:CanvasText}}.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring::after,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring::after{content:\"\";border:2px solid transparent;border-radius:8px;display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}@media screen and (forced-colors: active){.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring::after,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring::after{border-color:CanvasText}}@media all and (-ms-high-contrast: none){.mdc-checkbox .mdc-checkbox__focus-ring{display:none}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-checkbox__mixedmark{margin:0 1px}}.mdc-checkbox--disabled{cursor:default;pointer-events:none}.mdc-checkbox__background{display:inline-flex;position:absolute;align-items:center;justify-content:center;box-sizing:border-box;width:18px;height:18px;border:2px solid currentColor;border-radius:2px;background-color:transparent;pointer-events:none;will-change:background-color, border-color;transition:background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox__checkmark{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;transition:opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox--upgraded .mdc-checkbox__checkmark{opacity:1}.mdc-checkbox__checkmark-path{transition:stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);stroke:currentColor;stroke-width:3.12px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}.mdc-checkbox__mixedmark{width:100%;height:0;-webkit-transform:scaleX(0) rotate(0deg);transform:scaleX(0) rotate(0deg);border-width:1px;border-style:solid;opacity:0;transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background,.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background,.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background{-webkit-animation-duration:180ms;animation-duration:180ms;-webkit-animation-timing-function:linear;animation-timing-function:linear}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path{-webkit-animation:mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;animation:mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;transition:none}.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark{-webkit-animation:mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;animation:mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path{-webkit-animation:mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;animation:mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark{-webkit-animation:mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;animation:mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark{-webkit-animation:mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;animation:mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark{-webkit-animation:mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;animation:mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark{-webkit-animation:mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;animation:mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark{-webkit-animation:mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;animation:mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;transition:none}.mdc-checkbox__native-control:checked~.mdc-checkbox__background,.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background{transition:border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark-path,.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark-path,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__checkmark-path{stroke-dashoffset:0}.mdc-checkbox__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit}.mdc-checkbox__native-control:disabled{cursor:default;pointer-events:none}.mdc-checkbox--touch{margin:calc((48px - 40px) / 2);margin:calc((var(--mdc-checkbox-state-layer-size, 48px) - var(--mdc-checkbox-state-layer-size, 40px)) / 2)}.mdc-checkbox--touch .mdc-checkbox__native-control{top:calc((40px - 48px) / 2);top:calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);right:calc((40px - 48px) / 2);right:calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);left:calc((40px - 48px) / 2);left:calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);width:48px;width:var(--mdc-checkbox-state-layer-size, 48px);height:48px;height:var(--mdc-checkbox-state-layer-size, 48px)}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark{transition:opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);opacity:1}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__mixedmark{-webkit-transform:scaleX(1) rotate(-45deg);transform:scaleX(1) rotate(-45deg)}.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__checkmark{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0;transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__mixedmark,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__mixedmark{-webkit-transform:scaleX(1) rotate(0deg);transform:scaleX(1) rotate(0deg);opacity:1}.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark,.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__mixedmark{transition:none}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-checkbox{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}.mdc-checkbox .mdc-checkbox__ripple::before,.mdc-checkbox .mdc-checkbox__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-checkbox .mdc-checkbox__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-checkbox .mdc-checkbox__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-checkbox.mdc-ripple-upgraded--unbounded .mdc-checkbox__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-checkbox.mdc-ripple-upgraded--foreground-activation .mdc-checkbox__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation .mdc-checkbox__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-checkbox .mdc-checkbox__ripple::before,.mdc-checkbox .mdc-checkbox__ripple::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-checkbox{z-index:0}.mdc-checkbox .mdc-checkbox__ripple::before,.mdc-checkbox .mdc-checkbox__ripple::after{z-index:-1;z-index:var(--mdc-ripple-z-index, -1)}.mdc-checkbox__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{border-color:GrayText;border-color:var(--mdc-checkbox-disabled-unselected-icon-color, GrayText);background-color:transparent}.mdc-checkbox .mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true][disabled]~.mdc-checkbox__background{border-color:GrayText;background-color:GrayText;background-color:var(--mdc-checkbox-disabled-selected-icon-color, GrayText)}.mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:ButtonText;color:var(--mdc-checkbox-selected-checkmark-color, ButtonText)}.mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:ButtonText;border-color:var(--mdc-checkbox-selected-checkmark-color, ButtonText)}.mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:ButtonFace;color:var(--mdc-checkbox-disabled-selected-checkmark-color, ButtonFace)}.mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:ButtonFace;border-color:var(--mdc-checkbox-disabled-selected-checkmark-color, ButtonFace)}}.mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));display:inline-flex;align-items:center;vertical-align:middle}.mdc-form-field>label{margin-left:0;margin-right:auto;padding-left:4px;padding-right:0;order:0}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{margin-left:auto;margin-right:0;}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{padding-left:0;padding-right:4px;}.mdc-form-field--nowrap>label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.mdc-form-field--align-end>label{margin-left:auto;margin-right:0;padding-left:0;padding-right:4px;order:-1}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{margin-left:0;margin-right:auto;}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{padding-left:4px;padding-right:0;}.mdc-form-field--space-between{justify-content:space-between}.mdc-form-field--space-between>label{margin:0}[dir=rtl] .mdc-form-field--space-between>label,.mdc-form-field--space-between>label[dir=rtl]{margin:0;}:host{display:block}.mdc-form-field{width:273px;align-items:flex-start;margin-top:12px;margin-bottom:12px}.mdc-form-field>label{transform:translate(-11px, 7px)}.mdc-form-field>label a{color:var(--color-blue-07)}.mdc-form-field>label a:hover{color:var(--color-blue-08)}.mdc-form-field>label a:active{color:var(--color-blue-09)}.mdc-form-field.invalid-checkbox{position:relative}.mdc-form-field.invalid-checkbox::before{content:\"\";position:absolute;width:calc(100% + 16px);height:calc(100% + 10px);background:#FEF3F3;display:flex;flex-direction:column;justify-content:center;z-index:0;left:50%;top:50%;transform:translate(-50%, -50%)}.mdc-checkbox{transform:translateX(-8px);padding:8px;padding:calc((var(--mdc-checkbox-ripple-size, 34px) - 18px) / 2);margin:0px;margin:calc((var(--mdc-checkbox-touch-target-size, 34px) - 34px) / 2)}.mdc-checkbox .mdc-checkbox__background{top:8px;top:calc((var(--mdc-checkbox-ripple-size, 34px) - 18px) / 2);left:8px;left:calc((var(--mdc-checkbox-ripple-size, 34px) - 18px) / 2)}.mdc-checkbox .mdc-checkbox__native-control{top:0px;top:calc((34px - var(--mdc-checkbox-touch-target-size, 34px)) / 2);right:0px;right:calc((34px - var(--mdc-checkbox-touch-target-size, 34px)) / 2);left:0px;left:calc((34px - var(--mdc-checkbox-touch-target-size, 34px)) / 2);width:34px;width:var(--mdc-checkbox-touch-target-size, 34px);height:34px;height:var(--mdc-checkbox-touch-target-size, 34px)}.mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background{background-color:var(--color-green-06)}.label-only .mdc-checkbox{display:none}.label-only>label{padding-left:10px}.checkbox-helper-wrapper{padding-right:16px;padding-left:8px;margin-bottom:32px}.checkbox-helper-wrapper p{position:relative;color:#AF3231;font-family:Raleway;font-size:14px;font-style:normal;font-weight:600;line-height:10px}.checkbox-helper-wrapper p svg{transform:translate(-8px, 3px)}";
|
|
2650
2650
|
|
|
2651
|
-
const PtcFormCheckbox = class {
|
|
2652
|
-
constructor(hostRef) {
|
|
2653
|
-
index.registerInstance(this, hostRef);
|
|
2654
|
-
this.checkboxChanged = index.createEvent(this, "checkboxChanged", 7);
|
|
2655
|
-
this.checkboxId = undefined;
|
|
2656
|
-
this.label = undefined;
|
|
2657
|
-
this.isRequired = true;
|
|
2658
|
-
this.isChecked = false;
|
|
2659
|
-
this.name = undefined;
|
|
2660
|
-
this.helpertext = 'This field is required';
|
|
2661
|
-
this.hideCheckbox = false;
|
|
2662
|
-
this.disabled = false;
|
|
2663
|
-
this.hasError = false;
|
|
2664
|
-
this.language = 'en';
|
|
2665
|
-
}
|
|
2666
|
-
handleChange(event) {
|
|
2667
|
-
if (this.disabled) {
|
|
2668
|
-
event.preventDefault();
|
|
2669
|
-
}
|
|
2670
|
-
else {
|
|
2671
|
-
const isCheckedStatus = event.target.checked;
|
|
2672
|
-
this.checkboxChanged.emit(isCheckedStatus);
|
|
2673
|
-
this.isChecked = isCheckedStatus;
|
|
2674
|
-
this.validateCheckbox();
|
|
2675
|
-
console.log('log: isChecked:' + this.isChecked);
|
|
2676
|
-
}
|
|
2677
|
-
}
|
|
2678
|
-
componentWillLoad() {
|
|
2679
|
-
this.language = utils.getLanguageFromURL();
|
|
2680
|
-
this.helpertext = this.getValidationMessage('required');
|
|
2681
|
-
}
|
|
2682
|
-
componentDidLoad() {
|
|
2683
|
-
this.mdcCheckboxComponent = MDCCheckbox.attachTo(this.mdcCheckbox);
|
|
2684
|
-
this.mdcFormfieldComponent = MDCFormField.attachTo(this.mdcFormfield);
|
|
2685
|
-
}
|
|
2686
|
-
async validateCheckbox() {
|
|
2687
|
-
// this.isCheckboxChecked = !this.isCheckboxChecked; // Toggle checkbox state
|
|
2688
|
-
if (this.isRequired) {
|
|
2689
|
-
if (!this.checkboxInput.checked) {
|
|
2690
|
-
this.hasError = true; // Set error state to true
|
|
2691
|
-
}
|
|
2692
|
-
else {
|
|
2693
|
-
this.hasError = false; // Reset error state
|
|
2694
|
-
}
|
|
2695
|
-
}
|
|
2696
|
-
}
|
|
2697
|
-
getValidationMessage(type) {
|
|
2698
|
-
// console.log("lang type: " + type);
|
|
2699
|
-
return ValidationMessages[this.language][type];
|
|
2700
|
-
}
|
|
2701
|
-
render() {
|
|
2702
|
-
return [
|
|
2703
|
-
index.h("div", { class: `mdc-form-field ${this.hasError && this.isRequired ? 'invalid-checkbox' : ''} ${this.hideCheckbox ? 'label-only' : ''}`, ref: mdcFormfield => {
|
|
2704
|
-
this.mdcFormfield = mdcFormfield;
|
|
2705
|
-
} }, index.h("div", { class: "mdc-checkbox", ref: mdcCheckbox => {
|
|
2706
|
-
this.mdcCheckbox = mdcCheckbox;
|
|
2707
|
-
} }, index.h("input", Object.assign({ id: this.checkboxId, ref: checkboxInput => {
|
|
2708
|
-
this.checkboxInput = checkboxInput;
|
|
2709
|
-
}, type: "checkbox" }, (this.isRequired ? { required: true } : { required: false }), { class: "mdc-checkbox__native-control", onChange: this.handleChange.bind(this) })), index.h("div", { class: "mdc-checkbox__background" }, index.h("svg", { class: "mdc-checkbox__checkmark", viewBox: "0 0 24 24" }, index.h("path", { class: "mdc-checkbox__checkmark-path", fill: "none", d: "M1.73,12.91 8.1,19.28 22.79,4.59" })), index.h("div", { class: "mdc-checkbox__mixedmark" })), index.h("div", { class: "mdc-checkbox__ripple" })), index.h("label", { htmlFor: this.checkboxId, innerHTML: this.label })),
|
|
2710
|
-
this.hasError ? (index.h("div", { class: "checkbox-helper-wrapper" }, index.h("p", { id: this.name }, index.h("svg", { class: "select-error-svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { "clip-path": "url(#clip0_12_1424)" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z", fill: "#AF3231" })), index.h("defs", null, index.h("clipPath", { id: "clip0_12_1424" }, index.h("rect", { width: "16", height: "16", fill: "white" })))), this.helpertext))) : null,
|
|
2711
|
-
];
|
|
2712
|
-
}
|
|
2713
|
-
};
|
|
2651
|
+
const PtcFormCheckbox = class {
|
|
2652
|
+
constructor(hostRef) {
|
|
2653
|
+
index.registerInstance(this, hostRef);
|
|
2654
|
+
this.checkboxChanged = index.createEvent(this, "checkboxChanged", 7);
|
|
2655
|
+
this.checkboxId = undefined;
|
|
2656
|
+
this.label = undefined;
|
|
2657
|
+
this.isRequired = true;
|
|
2658
|
+
this.isChecked = false;
|
|
2659
|
+
this.name = undefined;
|
|
2660
|
+
this.helpertext = 'This field is required';
|
|
2661
|
+
this.hideCheckbox = false;
|
|
2662
|
+
this.disabled = false;
|
|
2663
|
+
this.hasError = false;
|
|
2664
|
+
this.language = 'en';
|
|
2665
|
+
}
|
|
2666
|
+
handleChange(event) {
|
|
2667
|
+
if (this.disabled) {
|
|
2668
|
+
event.preventDefault();
|
|
2669
|
+
}
|
|
2670
|
+
else {
|
|
2671
|
+
const isCheckedStatus = event.target.checked;
|
|
2672
|
+
this.checkboxChanged.emit(isCheckedStatus);
|
|
2673
|
+
this.isChecked = isCheckedStatus;
|
|
2674
|
+
this.validateCheckbox();
|
|
2675
|
+
console.log('log: isChecked:' + this.isChecked);
|
|
2676
|
+
}
|
|
2677
|
+
}
|
|
2678
|
+
componentWillLoad() {
|
|
2679
|
+
this.language = utils.getLanguageFromURL();
|
|
2680
|
+
this.helpertext = this.getValidationMessage('required');
|
|
2681
|
+
}
|
|
2682
|
+
componentDidLoad() {
|
|
2683
|
+
this.mdcCheckboxComponent = MDCCheckbox.attachTo(this.mdcCheckbox);
|
|
2684
|
+
this.mdcFormfieldComponent = MDCFormField.attachTo(this.mdcFormfield);
|
|
2685
|
+
}
|
|
2686
|
+
async validateCheckbox() {
|
|
2687
|
+
// this.isCheckboxChecked = !this.isCheckboxChecked; // Toggle checkbox state
|
|
2688
|
+
if (this.isRequired) {
|
|
2689
|
+
if (!this.checkboxInput.checked) {
|
|
2690
|
+
this.hasError = true; // Set error state to true
|
|
2691
|
+
}
|
|
2692
|
+
else {
|
|
2693
|
+
this.hasError = false; // Reset error state
|
|
2694
|
+
}
|
|
2695
|
+
}
|
|
2696
|
+
}
|
|
2697
|
+
getValidationMessage(type) {
|
|
2698
|
+
// console.log("lang type: " + type);
|
|
2699
|
+
return ValidationMessages[this.language][type];
|
|
2700
|
+
}
|
|
2701
|
+
render() {
|
|
2702
|
+
return [
|
|
2703
|
+
index.h("div", { class: `mdc-form-field ${this.hasError && this.isRequired ? 'invalid-checkbox' : ''} ${this.hideCheckbox ? 'label-only' : ''}`, ref: mdcFormfield => {
|
|
2704
|
+
this.mdcFormfield = mdcFormfield;
|
|
2705
|
+
} }, index.h("div", { class: "mdc-checkbox", ref: mdcCheckbox => {
|
|
2706
|
+
this.mdcCheckbox = mdcCheckbox;
|
|
2707
|
+
} }, index.h("input", Object.assign({ id: this.checkboxId, ref: checkboxInput => {
|
|
2708
|
+
this.checkboxInput = checkboxInput;
|
|
2709
|
+
}, type: "checkbox" }, (this.isRequired ? { required: true } : { required: false }), { class: "mdc-checkbox__native-control", onChange: this.handleChange.bind(this) })), index.h("div", { class: "mdc-checkbox__background" }, index.h("svg", { class: "mdc-checkbox__checkmark", viewBox: "0 0 24 24" }, index.h("path", { class: "mdc-checkbox__checkmark-path", fill: "none", d: "M1.73,12.91 8.1,19.28 22.79,4.59" })), index.h("div", { class: "mdc-checkbox__mixedmark" })), index.h("div", { class: "mdc-checkbox__ripple" })), index.h("label", { htmlFor: this.checkboxId, innerHTML: this.label })),
|
|
2710
|
+
this.hasError ? (index.h("div", { class: "checkbox-helper-wrapper" }, index.h("p", { id: this.name }, index.h("svg", { class: "select-error-svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { "clip-path": "url(#clip0_12_1424)" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z", fill: "#AF3231" })), index.h("defs", null, index.h("clipPath", { id: "clip0_12_1424" }, index.h("rect", { width: "16", height: "16", fill: "white" })))), this.helpertext))) : null,
|
|
2711
|
+
];
|
|
2712
|
+
}
|
|
2713
|
+
};
|
|
2714
2714
|
PtcFormCheckbox.style = ptcFormCheckboxCss;
|
|
2715
2715
|
|
|
2716
2716
|
/**
|
|
@@ -7978,359 +7978,359 @@ var MDCSelect = /** @class */ (function (_super) {
|
|
|
7978
7978
|
|
|
7979
7979
|
const ptcSelectCss = "@charset \"UTF-8\";.mdc-floating-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);position:absolute;left:0;-webkit-transform-origin:left top;transform-origin:left top;line-height:1.15rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;overflow:hidden;will-change:transform;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1)}[dir=rtl] .mdc-floating-label,.mdc-floating-label[dir=rtl]{right:0;left:auto;-webkit-transform-origin:right top;transform-origin:right top;text-align:right;}.mdc-floating-label--float-above{cursor:auto}.mdc-floating-label--required::after{margin-left:1px;margin-right:0px;content:\"*\"}[dir=rtl] .mdc-floating-label--required,.mdc-floating-label--required[dir=rtl]{}[dir=rtl] .mdc-floating-label--required::after,.mdc-floating-label--required[dir=rtl]::after{margin-left:0;margin-right:1px}.mdc-floating-label--float-above{-webkit-transform:translateY(-106%) scale(0.75);transform:translateY(-106%) scale(0.75)}.mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-standard 250ms 1;animation:mdc-floating-label-shake-float-above-standard 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-standard{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-standard{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-line-ripple::before,.mdc-line-ripple::after{position:absolute;bottom:0;left:0;width:100%;border-bottom-style:solid;content:\"\"}.mdc-line-ripple::before{border-bottom-width:1px}.mdc-line-ripple::before{z-index:1}.mdc-line-ripple::after{-webkit-transform:scaleX(0);transform:scaleX(0);border-bottom-width:2px;opacity:0;z-index:2}.mdc-line-ripple::after{transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-line-ripple--active::after{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.mdc-line-ripple--deactivating::after{opacity:0}.mdc-notched-outline{display:flex;position:absolute;top:0;right:0;left:0;box-sizing:border-box;width:100%;max-width:100%;height:100%;text-align:left;pointer-events:none}[dir=rtl] .mdc-notched-outline,.mdc-notched-outline[dir=rtl]{text-align:right;}.mdc-notched-outline__leading,.mdc-notched-outline__notch,.mdc-notched-outline__trailing{box-sizing:border-box;height:100%;border-top:1px solid;border-bottom:1px solid;pointer-events:none}.mdc-notched-outline__leading{border-left:1px solid;border-right:none;width:12px}[dir=rtl] .mdc-notched-outline__leading,.mdc-notched-outline__leading[dir=rtl]{border-left:none;border-right:1px solid;}.mdc-notched-outline__trailing{border-left:none;border-right:1px solid;flex-grow:1}[dir=rtl] .mdc-notched-outline__trailing,.mdc-notched-outline__trailing[dir=rtl]{border-left:1px solid;border-right:none;}.mdc-notched-outline__notch{flex:0 0 auto;width:auto;max-width:calc(100% - 12px * 2)}.mdc-notched-outline .mdc-floating-label{display:inline-block;position:relative;max-width:100%}.mdc-notched-outline .mdc-floating-label--float-above{text-overflow:clip}.mdc-notched-outline--upgraded .mdc-floating-label--float-above{max-width:133.3333333333%}.mdc-notched-outline--notched .mdc-notched-outline__notch{padding-left:0;padding-right:8px;border-top:none}[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch,.mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl]{padding-left:8px;padding-right:0;}.mdc-notched-outline--no-label .mdc-notched-outline__notch{display:none}.mdc-select{display:inline-flex;position:relative}.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text{color:rgba(0, 0, 0, 0.87)}.mdc-select.mdc-select--disabled .mdc-select__selected-text{color:rgba(0, 0, 0, 0.38)}.mdc-select:not(.mdc-select--disabled) .mdc-floating-label{color:rgba(0, 0, 0, 0.6)}.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label{color:rgba(98, 0, 238, 0.87)}.mdc-select.mdc-select--disabled .mdc-floating-label{color:rgba(0, 0, 0, 0.38)}.mdc-select:not(.mdc-select--disabled) .mdc-select__dropdown-icon{fill:rgba(0, 0, 0, 0.54)}.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon{fill:#6200ee;fill:var(--mdc-theme-primary, #6200ee)}.mdc-select.mdc-select--disabled .mdc-select__dropdown-icon{fill:rgba(0, 0, 0, 0.38)}.mdc-select:not(.mdc-select--disabled)+.mdc-select-helper-text{color:rgba(0, 0, 0, 0.6)}.mdc-select.mdc-select--disabled+.mdc-select-helper-text{color:rgba(0, 0, 0, 0.38)}.mdc-select:not(.mdc-select--disabled) .mdc-select__icon{color:rgba(0, 0, 0, 0.54)}.mdc-select.mdc-select--disabled .mdc-select__icon{color:rgba(0, 0, 0, 0.38)}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-select.mdc-select--disabled .mdc-select__selected-text{color:GrayText}.mdc-select.mdc-select--disabled .mdc-select__dropdown-icon{fill:red}.mdc-select.mdc-select--disabled .mdc-floating-label{color:GrayText}.mdc-select.mdc-select--disabled .mdc-line-ripple::before{border-bottom-color:GrayText}.mdc-select.mdc-select--disabled .mdc-notched-outline__leading,.mdc-select.mdc-select--disabled .mdc-notched-outline__notch,.mdc-select.mdc-select--disabled .mdc-notched-outline__trailing{border-color:GrayText}.mdc-select.mdc-select--disabled .mdc-select__icon{color:GrayText}.mdc-select.mdc-select--disabled+.mdc-select-helper-text{color:GrayText}}.mdc-select .mdc-floating-label{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}.mdc-select .mdc-select__anchor{padding-left:16px;padding-right:0}[dir=rtl] .mdc-select .mdc-select__anchor,.mdc-select .mdc-select__anchor[dir=rtl]{padding-left:0;padding-right:16px;}.mdc-select.mdc-select--with-leading-icon .mdc-select__anchor{padding-left:0;padding-right:0}[dir=rtl] .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor,.mdc-select.mdc-select--with-leading-icon .mdc-select__anchor[dir=rtl]{padding-left:0;padding-right:0;}.mdc-select .mdc-select__icon{width:24px;height:24px;font-size:24px}.mdc-select .mdc-select__dropdown-icon{width:24px;height:24px}.mdc-select .mdc-select__menu .mdc-deprecated-list-item{padding-left:16px;padding-right:16px}[dir=rtl] .mdc-select .mdc-select__menu .mdc-deprecated-list-item,.mdc-select .mdc-select__menu .mdc-deprecated-list-item[dir=rtl]{padding-left:16px;padding-right:16px;}.mdc-select .mdc-select__menu .mdc-deprecated-list-item__graphic{margin-left:0;margin-right:12px}[dir=rtl] .mdc-select .mdc-select__menu .mdc-deprecated-list-item__graphic,.mdc-select .mdc-select__menu .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:12px;margin-right:0;}.mdc-select__dropdown-icon{margin-left:12px;margin-right:12px;display:inline-flex;position:relative;align-self:center;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.mdc-select__dropdown-icon .mdc-select__dropdown-icon-active,.mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive{position:absolute;top:0;left:0}.mdc-select__dropdown-icon .mdc-select__dropdown-icon-graphic{width:41.6666666667%;height:20.8333333333%}.mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive{opacity:1;transition:opacity 75ms linear 75ms}.mdc-select__dropdown-icon .mdc-select__dropdown-icon-active{opacity:0;transition:opacity 75ms linear}[dir=rtl] .mdc-select__dropdown-icon,.mdc-select__dropdown-icon[dir=rtl]{margin-left:12px;margin-right:12px;}.mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive{opacity:0;transition:opacity 49.5ms linear}.mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-active{opacity:1;transition:opacity 100.5ms linear 49.5ms}.mdc-select__anchor{width:200px;min-width:0;flex:1 1 auto;position:relative;box-sizing:border-box;overflow:hidden;outline:none;cursor:pointer}.mdc-select__anchor .mdc-floating-label--float-above{-webkit-transform:translateY(-106%) scale(0.75);transform:translateY(-106%) scale(0.75)}.mdc-select__selected-text-container{display:flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none;box-sizing:border-box;width:auto;min-width:0;flex-grow:1;height:28px;border:none;outline:none;padding:0;background-color:transparent;color:inherit}.mdc-select__selected-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;width:100%;text-align:left}[dir=rtl] .mdc-select__selected-text,.mdc-select__selected-text[dir=rtl]{text-align:right;}.mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid+.mdc-select-helper-text--validation-msg{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__dropdown-icon{fill:#b00020;fill:var(--mdc-theme-error, #b00020)}.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon{fill:#b00020;fill:var(--mdc-theme-error, #b00020)}.mdc-select--disabled{cursor:default;pointer-events:none}.mdc-select--with-leading-icon .mdc-select__menu .mdc-deprecated-list-item{padding-left:12px;padding-right:12px}[dir=rtl] .mdc-select--with-leading-icon .mdc-select__menu .mdc-deprecated-list-item,.mdc-select--with-leading-icon .mdc-select__menu .mdc-deprecated-list-item[dir=rtl]{padding-left:12px;padding-right:12px;}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-select__menu::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:\"\";pointer-events:none}}@media screen and (forced-colors: active) and (forced-colors: active), screen and (-ms-high-contrast: active) and (forced-colors: active){.mdc-select__menu::before{border-color:CanvasText}}.mdc-select__menu .mdc-deprecated-list .mdc-select__icon,.mdc-select__menu .mdc-list .mdc-select__icon{margin-left:0;margin-right:0}[dir=rtl] .mdc-select__menu .mdc-deprecated-list .mdc-select__icon,[dir=rtl] .mdc-select__menu .mdc-list .mdc-select__icon,.mdc-select__menu .mdc-deprecated-list .mdc-select__icon[dir=rtl],.mdc-select__menu .mdc-list .mdc-select__icon[dir=rtl]{margin-left:0;margin-right:0;}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected,.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--activated,.mdc-select__menu .mdc-list .mdc-deprecated-list-item--selected,.mdc-select__menu .mdc-list .mdc-deprecated-list-item--activated{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__graphic,.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,.mdc-select__menu .mdc-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__graphic,.mdc-select__menu .mdc-list .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-select__menu .mdc-list-item__start{display:inline-flex;align-items:center}.mdc-select__option{padding-left:16px;padding-right:16px}[dir=rtl] .mdc-select__option,.mdc-select__option[dir=rtl]{padding-left:16px;padding-right:16px;}.mdc-select__one-line-option.mdc-list-item--with-one-line{height:48px}.mdc-select__two-line-option.mdc-list-item--with-two-lines{height:64px}.mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__start{margin-top:20px}.mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-select__two-line-option.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-select__two-line-option.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before{display:inline-block;width:0;height:36px;content:\"\";vertical-align:0}.mdc-select__option-with-leading-content{padding-left:0;padding-right:12px}.mdc-select__option-with-leading-content.mdc-list-item{padding-left:0;padding-right:auto}[dir=rtl] .mdc-select__option-with-leading-content.mdc-list-item,.mdc-select__option-with-leading-content.mdc-list-item[dir=rtl]{padding-left:auto;padding-right:0;}.mdc-select__option-with-leading-content .mdc-list-item__start{margin-left:12px;margin-right:0}[dir=rtl] .mdc-select__option-with-leading-content .mdc-list-item__start,.mdc-select__option-with-leading-content .mdc-list-item__start[dir=rtl]{margin-left:0;margin-right:12px;}.mdc-select__option-with-leading-content .mdc-list-item__start{width:36px;height:24px}[dir=rtl] .mdc-select__option-with-leading-content,.mdc-select__option-with-leading-content[dir=rtl]{padding-left:12px;padding-right:0;}.mdc-select__option-with-meta.mdc-list-item{padding-left:auto;padding-right:0}[dir=rtl] .mdc-select__option-with-meta.mdc-list-item,.mdc-select__option-with-meta.mdc-list-item[dir=rtl]{padding-left:0;padding-right:auto;}.mdc-select__option-with-meta .mdc-list-item__end{margin-left:12px;margin-right:12px}[dir=rtl] .mdc-select__option-with-meta .mdc-list-item__end,.mdc-select__option-with-meta .mdc-list-item__end[dir=rtl]{margin-left:12px;margin-right:12px;}.mdc-select--filled .mdc-select__anchor{height:56px;display:flex;align-items:baseline}.mdc-select--filled .mdc-select__anchor::before{display:inline-block;width:0;height:40px;content:\"\";vertical-align:0}.mdc-select--filled.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text::before{content:\"\"}.mdc-select--filled.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text-container{height:100%;display:inline-flex;align-items:center}.mdc-select--filled.mdc-select--no-label .mdc-select__anchor::before{display:none}.mdc-select--filled .mdc-select__anchor{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:0;border-bottom-left-radius:0}.mdc-select--filled:not(.mdc-select--disabled) .mdc-select__anchor{background-color:whitesmoke}.mdc-select--filled.mdc-select--disabled .mdc-select__anchor{background-color:#fafafa}.mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.42)}.mdc-select--filled:not(.mdc-select--disabled):hover .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.87)}.mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::after{border-bottom-color:#6200ee;border-bottom-color:var(--mdc-theme-primary, #6200ee)}.mdc-select--filled.mdc-select--disabled .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.06)}.mdc-select--filled .mdc-floating-label{max-width:calc(100% - 64px)}.mdc-select--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 64px / 0.75)}.mdc-select--filled .mdc-menu-surface--is-open-below{border-top-left-radius:0px;border-top-right-radius:0px}.mdc-select--filled.mdc-select--focused.mdc-line-ripple::after{-webkit-transform:scale(1, 2);transform:scale(1, 2);opacity:1}.mdc-select--filled .mdc-floating-label{left:16px;right:initial}[dir=rtl] .mdc-select--filled .mdc-floating-label,.mdc-select--filled .mdc-floating-label[dir=rtl]{left:initial;right:16px;}.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label{left:48px;right:initial}[dir=rtl] .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label,.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl]{left:initial;right:48px;}.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label{max-width:calc(100% - 96px)}.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 96px / 0.75)}.mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::before{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-select--invalid:not(.mdc-select--disabled):hover .mdc-line-ripple::before{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::after{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-select--outlined{border:none}.mdc-select--outlined .mdc-select__anchor{height:56px}.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above{-webkit-transform:translateY(-37.25px) scale(1);transform:translateY(-37.25px) scale(1)}.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above{font-size:0.75rem}.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above{-webkit-transform:translateY(-34.75px) scale(0.75);transform:translateY(-34.75px) scale(0.75)}.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-select-outlined-56px 250ms 1;animation:mdc-floating-label-shake-float-above-select-outlined-56px 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-56px{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-select-outlined-56px{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}}.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mdc-shape-small, 4px)}[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl]{border-top-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mdc-shape-small, 4px);border-bottom-left-radius:0;}@supports (top: max(0%)){.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading{width:max(12px, var(--mdc-shape-small, 4px))}}@supports (top: max(0%)){.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__notch{max-width:calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2)}}.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing{border-top-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mdc-shape-small, 4px);border-bottom-left-radius:0}[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing,.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl]{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mdc-shape-small, 4px);}@supports (top: max(0%)){.mdc-select--outlined .mdc-select__anchor{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}[dir=rtl] .mdc-select--outlined .mdc-select__anchor,.mdc-select--outlined .mdc-select__anchor[dir=rtl]{padding-left:0;}@supports (top: max(0%)){[dir=rtl] .mdc-select--outlined .mdc-select__anchor,.mdc-select--outlined .mdc-select__anchor[dir=rtl]{padding-right:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}@supports (top: max(0%)){.mdc-select--outlined+.mdc-select-helper-text{margin-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}[dir=rtl] .mdc-select--outlined+.mdc-select-helper-text,.mdc-select--outlined+.mdc-select-helper-text[dir=rtl]{margin-left:0;}@supports (top: max(0%)){[dir=rtl] .mdc-select--outlined+.mdc-select-helper-text,.mdc-select--outlined+.mdc-select-helper-text[dir=rtl]{margin-right:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}.mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__anchor{background-color:transparent}.mdc-select--outlined.mdc-select--disabled .mdc-select__anchor{background-color:transparent}.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.38)}.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.87)}.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing{border-width:2px}.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__leading,.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__notch,.mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.06)}.mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 60px)}.mdc-select--outlined .mdc-select__anchor{display:flex;align-items:baseline;overflow:visible}.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-select-outlined 250ms 1;animation:mdc-floating-label-shake-float-above-select-outlined 250ms 1}.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above{-webkit-transform:translateY(-37.25px) scale(1);transform:translateY(-37.25px) scale(1)}.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above{font-size:0.75rem}.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above{-webkit-transform:translateY(-34.75px) scale(0.75);transform:translateY(-34.75px) scale(0.75)}.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:1px}.mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text::before{content:\"\"}.mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text-container{height:100%;display:inline-flex;align-items:center}.mdc-select--outlined .mdc-select__anchor::before{display:none}.mdc-select--outlined .mdc-select__selected-text-container{display:flex;border:none;z-index:1;background-color:transparent}.mdc-select--outlined .mdc-select__icon{z-index:2}.mdc-select--outlined .mdc-floating-label{line-height:1.15rem;left:4px;right:initial}[dir=rtl] .mdc-select--outlined .mdc-floating-label,.mdc-select--outlined .mdc-floating-label[dir=rtl]{left:initial;right:4px;}.mdc-select--outlined.mdc-select--focused .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:2px}.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__leading,.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__notch,.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing{border-width:2px}.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,.mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label{left:36px;right:initial}[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label,.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl]{left:initial;right:36px;}.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above{-webkit-transform:translateY(-37.25px) translateX(-32px) scale(1);transform:translateY(-37.25px) translateX(-32px) scale(1)}[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above,.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir=rtl]{-webkit-transform:translateY(-37.25px) translateX(32px) scale(1);transform:translateY(-37.25px) translateX(32px) scale(1);}.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above{font-size:0.75rem}.mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above{-webkit-transform:translateY(-34.75px) translateX(-32px) scale(0.75);transform:translateY(-34.75px) translateX(-32px) scale(0.75)}[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above,[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl]{-webkit-transform:translateY(-34.75px) translateX(32px) scale(0.75);transform:translateY(-34.75px) translateX(32px) scale(0.75);}.mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;animation:mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px{0%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px{0%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}}[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon,.mdc-select--outlined.mdc-select--with-leading-icon[dir=rtl]{}[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--shake,.mdc-select--outlined.mdc-select--with-leading-icon[dir=rtl] .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;animation:mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl{0%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl{0%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}}.mdc-select--outlined.mdc-select--with-leading-icon .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 96px)}.mdc-select--outlined .mdc-menu-surface{margin-bottom:8px}.mdc-select--outlined.mdc-select--no-label .mdc-menu-surface,.mdc-select--outlined .mdc-menu-surface--is-open-below{margin-bottom:0}.mdc-select__anchor{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}.mdc-select__anchor .mdc-select__ripple::before,.mdc-select__anchor .mdc-select__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-select__anchor .mdc-select__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-select__anchor .mdc-select__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-select__anchor.mdc-ripple-upgraded--unbounded .mdc-select__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-select__anchor.mdc-ripple-upgraded--foreground-activation .mdc-select__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-select__anchor.mdc-ripple-upgraded--foreground-deactivation .mdc-select__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-select__anchor .mdc-select__ripple::before,.mdc-select__anchor .mdc-select__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-select__anchor .mdc-select__ripple::before,.mdc-select__anchor .mdc-select__ripple::after{background-color:rgba(0, 0, 0, 0.87);background-color:var(--mdc-ripple-color, rgba(0, 0, 0, 0.87))}.mdc-select__anchor:hover .mdc-select__ripple::before,.mdc-select__anchor.mdc-ripple-surface--hover .mdc-select__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-select__anchor.mdc-ripple-upgraded--background-focused .mdc-select__ripple::before,.mdc-select__anchor:not(.mdc-ripple-upgraded):focus .mdc-select__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-select__anchor .mdc-select__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::before,.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000))}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:hover .mdc-deprecated-list-item__ripple::before,.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before,.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded) .mdc-deprecated-list-item__ripple::after{transition:opacity 150ms linear}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-deprecated-list-item__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-list-item__ripple::before,.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-list-item__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000))}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:hover .mdc-list-item__ripple::before,.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after{transition:opacity 150ms linear}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-select-helper-text{margin:0;margin-left:16px;margin-right:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit);display:block;margin-top:0;line-height:normal}[dir=rtl] .mdc-select-helper-text,.mdc-select-helper-text[dir=rtl]{margin-left:16px;margin-right:16px;}.mdc-select-helper-text::before{display:inline-block;width:0;height:16px;content:\"\";vertical-align:0}.mdc-select-helper-text--validation-msg{opacity:0;transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-select--invalid+.mdc-select-helper-text--validation-msg,.mdc-select-helper-text--validation-msg-persistent{opacity:1}.mdc-select--with-leading-icon .mdc-select__icon{display:inline-block;box-sizing:border-box;border:none;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;align-self:center;background-color:transparent;fill:currentColor}.mdc-select--with-leading-icon .mdc-select__icon{margin-left:12px;margin-right:12px}[dir=rtl] .mdc-select--with-leading-icon .mdc-select__icon,.mdc-select--with-leading-icon .mdc-select__icon[dir=rtl]{margin-left:12px;margin-right:12px;}.mdc-select__icon:not([tabindex]),.mdc-select__icon[tabindex=\"-1\"]{cursor:default;pointer-events:none}.mdc-deprecated-list{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);line-height:1.5rem;margin:0;padding:8px 0;list-style-type:none;color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-deprecated-list:focus{outline:none}.mdc-deprecated-list-item{height:48px}.mdc-deprecated-list-item__secondary-text{color:rgba(0, 0, 0, 0.54);color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))}.mdc-deprecated-list-item__graphic{background-color:transparent}.mdc-deprecated-list-item__graphic{color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38))}.mdc-deprecated-list-item__meta{color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-deprecated-list-group__subheader{color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__text{opacity:0.38}.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__text,.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__primary-text,.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__secondary-text{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-deprecated-list-item--selected,.mdc-deprecated-list-item--activated{color:#6200ee;color:var(--mdc-theme-primary, #6200ee)}.mdc-deprecated-list-item--selected .mdc-deprecated-list-item__graphic,.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic{color:#6200ee;color:var(--mdc-theme-primary, #6200ee)}.mdc-deprecated-list--dense{padding-top:4px;padding-bottom:4px;font-size:0.812rem}.mdc-deprecated-list-item__wrapper{display:block}.mdc-deprecated-list-item{display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;padding:0;padding-left:16px;padding-right:16px;height:48px}.mdc-deprecated-list-item:focus{outline:none}.mdc-deprecated-list-item:not(.mdc-deprecated-list-item--selected):focus::before,.mdc-deprecated-list-item.mdc-ripple-upgraded--background-focused::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:\"\";pointer-events:none}@media screen and (forced-colors: active){.mdc-deprecated-list-item:not(.mdc-deprecated-list-item--selected):focus::before,.mdc-deprecated-list-item.mdc-ripple-upgraded--background-focused::before{border-color:CanvasText}}.mdc-deprecated-list-item.mdc-deprecated-list-item--selected::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:3px double transparent;border-radius:inherit;content:\"\";pointer-events:none}@media screen and (forced-colors: active){.mdc-deprecated-list-item.mdc-deprecated-list-item--selected::before{border-color:CanvasText}}[dir=rtl] .mdc-deprecated-list-item,.mdc-deprecated-list-item[dir=rtl]{padding-left:16px;padding-right:16px;}.mdc-deprecated-list--icon-list .mdc-deprecated-list-item{padding-left:16px;padding-right:16px;height:56px}[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-item,.mdc-deprecated-list--icon-list .mdc-deprecated-list-item[dir=rtl]{padding-left:16px;padding-right:16px;}.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item{padding-left:16px;padding-right:16px;height:56px}[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item,.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item[dir=rtl]{padding-left:16px;padding-right:16px;}.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item{padding-left:16px;padding-right:16px;height:56px}[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item,.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item[dir=rtl]{padding-left:16px;padding-right:16px;}.mdc-deprecated-list--image-list .mdc-deprecated-list-item{padding-left:16px;padding-right:16px;height:72px}[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-item,.mdc-deprecated-list--image-list .mdc-deprecated-list-item[dir=rtl]{padding-left:16px;padding-right:16px;}.mdc-deprecated-list--video-list .mdc-deprecated-list-item{padding-left:0px;padding-right:16px;height:72px}[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-item,.mdc-deprecated-list--video-list .mdc-deprecated-list-item[dir=rtl]{padding-left:16px;padding-right:0px;}.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic{margin-left:0;margin-right:16px;width:20px;height:20px}[dir=rtl] .mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic,.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:16px;margin-right:0;}.mdc-deprecated-list-item__graphic{flex-shrink:0;align-items:center;justify-content:center;fill:currentColor;-o-object-fit:cover;object-fit:cover;margin-left:0;margin-right:32px;width:24px;height:24px}[dir=rtl] .mdc-deprecated-list-item__graphic,.mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:32px;margin-right:0;}.mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic{margin-left:0;margin-right:32px;width:24px;height:24px}[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic,.mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:32px;margin-right:0;}.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__graphic{margin-left:0;margin-right:16px;width:40px;height:40px;border-radius:50%}[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__graphic,.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:16px;margin-right:0;}.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__graphic{margin-left:0;margin-right:16px;width:40px;height:40px}[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__graphic,.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:16px;margin-right:0;}.mdc-deprecated-list--image-list .mdc-deprecated-list-item__graphic{margin-left:0;margin-right:16px;width:56px;height:56px}[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-item__graphic,.mdc-deprecated-list--image-list .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:16px;margin-right:0;}.mdc-deprecated-list--video-list .mdc-deprecated-list-item__graphic{margin-left:0;margin-right:16px;width:100px;height:56px}[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-item__graphic,.mdc-deprecated-list--video-list .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:16px;margin-right:0;}.mdc-deprecated-list .mdc-deprecated-list-item__graphic{display:inline-flex}.mdc-deprecated-list-item__meta{margin-left:auto;margin-right:0}.mdc-deprecated-list-item__meta:not(.material-icons){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit)}.mdc-deprecated-list-item[dir=rtl] .mdc-deprecated-list-item__meta,[dir=rtl] .mdc-deprecated-list-item .mdc-deprecated-list-item__meta{margin-left:0;margin-right:auto}.mdc-deprecated-list-item__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mdc-deprecated-list-item__text[for]{pointer-events:none}.mdc-deprecated-list-item__primary-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-deprecated-list-item__primary-text::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-deprecated-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-deprecated-list--video-list .mdc-deprecated-list-item__primary-text,.mdc-deprecated-list--image-list .mdc-deprecated-list-item__primary-text,.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__primary-text,.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__primary-text,.mdc-deprecated-list--icon-list .mdc-deprecated-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-deprecated-list--video-list .mdc-deprecated-list-item__primary-text::before,.mdc-deprecated-list--image-list .mdc-deprecated-list-item__primary-text::before,.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__primary-text::before,.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__primary-text::before,.mdc-deprecated-list--icon-list .mdc-deprecated-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-deprecated-list--video-list .mdc-deprecated-list-item__primary-text::after,.mdc-deprecated-list--image-list .mdc-deprecated-list-item__primary-text::after,.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__primary-text::after,.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__primary-text::after,.mdc-deprecated-list--icon-list .mdc-deprecated-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-deprecated-list--dense .mdc-deprecated-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-deprecated-list--dense .mdc-deprecated-list-item__primary-text::before{display:inline-block;width:0;height:24px;content:\"\";vertical-align:0}.mdc-deprecated-list--dense .mdc-deprecated-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-deprecated-list-item__secondary-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;margin-top:0;line-height:normal}.mdc-deprecated-list-item__secondary-text::before{display:inline-block;width:0;height:20px;content:\"\";vertical-align:0}.mdc-deprecated-list--dense .mdc-deprecated-list-item__secondary-text{font-size:inherit}.mdc-deprecated-list--dense .mdc-deprecated-list-item{height:40px}.mdc-deprecated-list--two-line .mdc-deprecated-list-item__text{align-self:flex-start}.mdc-deprecated-list--two-line .mdc-deprecated-list-item{height:64px}.mdc-deprecated-list--two-line.mdc-deprecated-list--video-list .mdc-deprecated-list-item,.mdc-deprecated-list--two-line.mdc-deprecated-list--image-list .mdc-deprecated-list-item,.mdc-deprecated-list--two-line.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item,.mdc-deprecated-list--two-line.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item,.mdc-deprecated-list--two-line.mdc-deprecated-list--icon-list .mdc-deprecated-list-item{height:72px}.mdc-deprecated-list--two-line.mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic{align-self:flex-start;margin-top:16px}.mdc-deprecated-list--two-line.mdc-deprecated-list--dense .mdc-deprecated-list-item,.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense .mdc-deprecated-list-item{height:60px}.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic{margin-left:0;margin-right:16px;width:36px;height:36px}[dir=rtl] .mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic,.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:16px;margin-right:0;}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item{cursor:pointer}a.mdc-deprecated-list-item{color:inherit;text-decoration:none}.mdc-deprecated-list-divider{height:0;margin:0;border:none;border-bottom-width:1px;border-bottom-style:solid}.mdc-deprecated-list-divider{border-bottom-color:rgba(0, 0, 0, 0.12)}.mdc-deprecated-list-divider--padded{margin-left:16px;margin-right:0;width:calc(100% - 32px)}[dir=rtl] .mdc-deprecated-list-divider--padded,.mdc-deprecated-list-divider--padded[dir=rtl]{margin-left:0;margin-right:16px;}.mdc-deprecated-list-divider--inset{margin-left:72px;margin-right:0;width:calc(100% - 72px)}[dir=rtl] .mdc-deprecated-list-divider--inset,.mdc-deprecated-list-divider--inset[dir=rtl]{margin-left:0;margin-right:72px;}.mdc-deprecated-list-divider--inset.mdc-deprecated-list-divider--padded{margin-left:72px;margin-right:0;width:calc(100% - 88px)}[dir=rtl] .mdc-deprecated-list-divider--inset.mdc-deprecated-list-divider--padded,.mdc-deprecated-list-divider--inset.mdc-deprecated-list-divider--padded[dir=rtl]{margin-left:0;margin-right:72px;}.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading{margin-left:16px;margin-right:0;width:calc(100% - 16px)}[dir=rtl] .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading,.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading[dir=rtl]{margin-left:0;margin-right:16px;}.mdc-deprecated-list .mdc-deprecated-list-divider--inset-trailing{width:calc(100% - 16px)}.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing{margin-left:16px;margin-right:0;width:calc(100% - 32px)}[dir=rtl] .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing,.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl]{margin-left:0;margin-right:16px;}.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding{margin-left:16px;margin-right:0;width:calc(100% - 16px)}[dir=rtl] .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding,.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl]{margin-left:0;margin-right:16px;}.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding{margin-left:16px;margin-right:0;width:calc(100% - 32px)}[dir=rtl] .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding,.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl]{margin-left:0;margin-right:16px;}.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading{margin-left:72px;margin-right:0;width:calc(100% - 72px)}[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading,.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading[dir=rtl]{margin-left:0;margin-right:72px;}.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-trailing{width:calc(100% - 16px)}.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing{margin-left:72px;margin-right:0;width:calc(100% - 88px)}[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing,.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl]{margin-left:0;margin-right:72px;}.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding{margin-left:16px;margin-right:0;width:calc(100% - 16px)}[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding,.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl]{margin-left:0;margin-right:16px;}.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding{margin-left:16px;margin-right:0;width:calc(100% - 32px)}[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding,.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl]{margin-left:0;margin-right:16px;}.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading{margin-left:72px;margin-right:0;width:calc(100% - 72px)}[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading,.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading[dir=rtl]{margin-left:0;margin-right:72px;}.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-trailing{width:calc(100% - 16px)}.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing{margin-left:72px;margin-right:0;width:calc(100% - 88px)}[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing,.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl]{margin-left:0;margin-right:72px;}.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding{margin-left:16px;margin-right:0;width:calc(100% - 16px)}[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding,.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl]{margin-left:0;margin-right:16px;}.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding{margin-left:16px;margin-right:0;width:calc(100% - 32px)}[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding,.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl]{margin-left:0;margin-right:16px;}.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading{margin-left:72px;margin-right:0;width:calc(100% - 72px)}[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading,.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading[dir=rtl]{margin-left:0;margin-right:72px;}.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-trailing{width:calc(100% - 16px)}.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing{margin-left:72px;margin-right:0;width:calc(100% - 88px)}[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing,.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl]{margin-left:0;margin-right:72px;}.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding{margin-left:16px;margin-right:0;width:calc(100% - 16px)}[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding,.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl]{margin-left:0;margin-right:16px;}.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding{margin-left:16px;margin-right:0;width:calc(100% - 32px)}[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding,.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl]{margin-left:0;margin-right:16px;}.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading{margin-left:88px;margin-right:0;width:calc(100% - 88px)}[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading,.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading[dir=rtl]{margin-left:0;margin-right:88px;}.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-trailing{width:calc(100% - 16px)}.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing{margin-left:88px;margin-right:0;width:calc(100% - 104px)}[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing,.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl]{margin-left:0;margin-right:88px;}.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding{margin-left:16px;margin-right:0;width:calc(100% - 16px)}[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding,.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl]{margin-left:0;margin-right:16px;}.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding{margin-left:16px;margin-right:0;width:calc(100% - 32px)}[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding,.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl]{margin-left:0;margin-right:16px;}.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading{margin-left:116px;margin-right:0;width:calc(100% - 116px)}[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading,.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading[dir=rtl]{margin-left:0;margin-right:116px;}.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-trailing{width:calc(100% - 16px)}.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing{margin-left:116px;margin-right:0;width:calc(100% - 132px)}[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing,.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl]{margin-left:0;margin-right:116px;}.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding{margin-left:0px;margin-right:0;width:calc(100% - 0px)}[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding,.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl]{margin-left:0;margin-right:0px;}.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding{margin-left:0px;margin-right:0;width:calc(100% - 16px)}[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding,.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl]{margin-left:0;margin-right:0px;}.mdc-deprecated-list-group .mdc-deprecated-list{padding:0}.mdc-deprecated-list-group__subheader{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);margin:calc((3rem - 1.5rem) / 2) 16px}.mdc-list-item__primary-text{color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-list-item__secondary-text{color:rgba(0, 0, 0, 0.54);color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))}.mdc-list-item__overline-text{color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{background-color:transparent}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item__end{color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--disabled .mdc-list-item__start,.mdc-list-item--disabled .mdc-list-item__content,.mdc-list-item--disabled .mdc-list-item__end{opacity:0.38}.mdc-list-item--disabled .mdc-list-item__primary-text{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled .mdc-list-item__secondary-text{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled .mdc-list-item__overline-text{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--selected .mdc-list-item__primary-text,.mdc-list-item--activated .mdc-list-item__primary-text{color:#6200ee;color:var(--mdc-theme-primary, #6200ee)}.mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start{color:#6200ee;color:var(--mdc-theme-primary, #6200ee)}.mdc-deprecated-list-group__subheader{color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-list-divider::after{content:\"\";display:block;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:white}}.mdc-list{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);line-height:1.5rem;margin:0;padding:8px 0;list-style-type:none}.mdc-list:focus{outline:none}.mdc-list-item__wrapper{display:block}.mdc-list-item{display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;padding:0;align-items:stretch;cursor:pointer}.mdc-list-item:focus{outline:none}.mdc-list-item.mdc-list-item--with-one-line{height:48px}.mdc-list-item.mdc-list-item--with-two-lines{height:64px}.mdc-list-item.mdc-list-item--with-three-lines{height:88px}.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__start{align-self:center;margin-top:0}.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__start{align-self:flex-start;margin-top:16px}.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__start{align-self:flex-start;margin-top:16px}.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__end{align-self:center;margin-top:0}.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__end{align-self:center;margin-top:0}.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__end{align-self:flex-start;margin-top:16px}.mdc-list-item.mdc-list-item--disabled,.mdc-list-item.mdc-list-item--non-interactive{cursor:auto}.mdc-list-item:not(.mdc-list-item--selected):focus::before,.mdc-list-item.mdc-ripple-upgraded--background-focused::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:\"\";pointer-events:none}@media screen and (forced-colors: active){.mdc-list-item:not(.mdc-list-item--selected):focus::before,.mdc-list-item.mdc-ripple-upgraded--background-focused::before{border-color:CanvasText}}.mdc-list-item.mdc-list-item--selected::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:3px double transparent;border-radius:inherit;content:\"\";pointer-events:none}@media screen and (forced-colors: active){.mdc-list-item.mdc-list-item--selected::before{border-color:CanvasText}}.mdc-list-item.mdc-list-item--selected:focus::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:3px solid transparent;border-radius:inherit;content:\"\";pointer-events:none}@media screen and (forced-colors: active){.mdc-list-item.mdc-list-item--selected:focus::before{border-color:CanvasText}}a.mdc-list-item{color:inherit;text-decoration:none}.mdc-list-item__start{fill:currentColor;flex-shrink:0;pointer-events:none}.mdc-list-item__end{flex-shrink:0;pointer-events:none}.mdc-list-item__content{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;align-self:center;flex:1;pointer-events:none}.mdc-list-item--with-two-lines .mdc-list-item__content,.mdc-list-item--with-three-lines .mdc-list-item__content{align-self:stretch}.mdc-list-item__content[for]{pointer-events:none}.mdc-list-item__primary-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mdc-list-item--with-two-lines .mdc-list-item__primary-text,.mdc-list-item--with-three-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,.mdc-list-item--with-three-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,.mdc-list-item--with-three-lines .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item__secondary-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;margin-top:0;line-height:normal}.mdc-list-item__secondary-text::before{display:inline-block;width:0;height:20px;content:\"\";vertical-align:0}.mdc-list-item--with-three-lines .mdc-list-item__secondary-text{white-space:normal;line-height:20px}.mdc-list-item--with-overline .mdc-list-item__secondary-text{white-space:nowrap;line-height:auto}.mdc-list-item__overline-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-overline-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-overline-font-size, 0.75rem);line-height:2rem;line-height:var(--mdc-typography-overline-line-height, 2rem);font-weight:500;font-weight:var(--mdc-typography-overline-font-weight, 500);letter-spacing:0.1666666667em;letter-spacing:var(--mdc-typography-overline-letter-spacing, 0.1666666667em);text-decoration:none;-webkit-text-decoration:var(--mdc-typography-overline-text-decoration, none);text-decoration:var(--mdc-typography-overline-text-decoration, none);text-transform:uppercase;text-transform:var(--mdc-typography-overline-text-transform, uppercase);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mdc-list-item--with-two-lines .mdc-list-item__overline-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before{display:inline-block;width:0;height:24px;content:\"\";vertical-align:0}.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-three-lines .mdc-list-item__overline-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-three-lines .mdc-list-item__overline-text::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-list-item--with-three-lines .mdc-list-item__overline-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-avatar.mdc-list-item{padding-left:0;padding-right:auto}[dir=rtl] .mdc-list-item--with-leading-avatar.mdc-list-item,.mdc-list-item--with-leading-avatar.mdc-list-item[dir=rtl]{padding-left:auto;padding-right:0;}.mdc-list-item--with-leading-avatar .mdc-list-item__start{margin-left:16px;margin-right:16px}[dir=rtl] .mdc-list-item--with-leading-avatar .mdc-list-item__start,.mdc-list-item--with-leading-avatar .mdc-list-item__start[dir=rtl]{margin-left:16px;margin-right:16px;}.mdc-list-item--with-leading-avatar .mdc-list-item__start{width:40px;height:40px}.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__overline-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line{height:56px}.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines{height:72px}.mdc-list-item--with-leading-avatar .mdc-list-item__start{border-radius:50%}.mdc-list-item--with-leading-icon .mdc-list-item__start{width:24px;height:24px}.mdc-list-item--with-leading-icon.mdc-list-item{padding-left:0;padding-right:auto}[dir=rtl] .mdc-list-item--with-leading-icon.mdc-list-item,.mdc-list-item--with-leading-icon.mdc-list-item[dir=rtl]{padding-left:auto;padding-right:0;}.mdc-list-item--with-leading-icon .mdc-list-item__start{margin-left:16px;margin-right:32px}[dir=rtl] .mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-leading-icon .mdc-list-item__start[dir=rtl]{margin-left:32px;margin-right:16px;}.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__overline-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line{height:56px}.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines{height:72px}.mdc-list-item--with-leading-thumbnail.mdc-list-item{padding-left:0;padding-right:auto}[dir=rtl] .mdc-list-item--with-leading-thumbnail.mdc-list-item,.mdc-list-item--with-leading-thumbnail.mdc-list-item[dir=rtl]{padding-left:auto;padding-right:0;}.mdc-list-item--with-leading-thumbnail .mdc-list-item__start{margin-left:16px;margin-right:16px}[dir=rtl] .mdc-list-item--with-leading-thumbnail .mdc-list-item__start,.mdc-list-item--with-leading-thumbnail .mdc-list-item__start[dir=rtl]{margin-left:16px;margin-right:16px;}.mdc-list-item--with-leading-thumbnail .mdc-list-item__start{width:40px;height:40px}.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__overline-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-one-line{height:56px}.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines{height:72px}.mdc-list-item--with-leading-image.mdc-list-item{padding-left:0;padding-right:auto}[dir=rtl] .mdc-list-item--with-leading-image.mdc-list-item,.mdc-list-item--with-leading-image.mdc-list-item[dir=rtl]{padding-left:auto;padding-right:0;}.mdc-list-item--with-leading-image .mdc-list-item__start{margin-left:16px;margin-right:16px}[dir=rtl] .mdc-list-item--with-leading-image .mdc-list-item__start,.mdc-list-item--with-leading-image .mdc-list-item__start[dir=rtl]{margin-left:16px;margin-right:16px;}.mdc-list-item--with-leading-image .mdc-list-item__start{width:56px;height:56px}.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__overline-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-image.mdc-list-item--with-one-line{height:72px}.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines{height:72px}.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__start{align-self:flex-start;margin-top:8px}.mdc-list-item--with-leading-video.mdc-list-item{padding-left:0;padding-right:auto}[dir=rtl] .mdc-list-item--with-leading-video.mdc-list-item,.mdc-list-item--with-leading-video.mdc-list-item[dir=rtl]{padding-left:auto;padding-right:0;}.mdc-list-item--with-leading-video .mdc-list-item__start{margin-left:0;margin-right:16px}[dir=rtl] .mdc-list-item--with-leading-video .mdc-list-item__start,.mdc-list-item--with-leading-video .mdc-list-item__start[dir=rtl]{margin-left:16px;margin-right:0;}.mdc-list-item--with-leading-video .mdc-list-item__start{width:100px;height:56px}.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__overline-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-video.mdc-list-item--with-one-line{height:72px}.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines{height:72px}.mdc-list-item--with-leading-checkbox.mdc-list-item{padding-left:0;padding-right:auto}[dir=rtl] .mdc-list-item--with-leading-checkbox.mdc-list-item,.mdc-list-item--with-leading-checkbox.mdc-list-item[dir=rtl]{padding-left:auto;padding-right:0;}.mdc-list-item--with-leading-checkbox .mdc-list-item__start{margin-left:8px;margin-right:24px}[dir=rtl] .mdc-list-item--with-leading-checkbox .mdc-list-item__start,.mdc-list-item--with-leading-checkbox .mdc-list-item__start[dir=rtl]{margin-left:24px;margin-right:8px;}.mdc-list-item--with-leading-checkbox .mdc-list-item__start{width:40px;height:40px}.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__start{align-self:flex-start;margin-top:8px}.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__overline-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line{height:56px}.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines{height:72px}.mdc-list-item--with-leading-radio.mdc-list-item{padding-left:0;padding-right:auto}[dir=rtl] .mdc-list-item--with-leading-radio.mdc-list-item,.mdc-list-item--with-leading-radio.mdc-list-item[dir=rtl]{padding-left:auto;padding-right:0;}.mdc-list-item--with-leading-radio .mdc-list-item__start{margin-left:8px;margin-right:24px}[dir=rtl] .mdc-list-item--with-leading-radio .mdc-list-item__start,.mdc-list-item--with-leading-radio .mdc-list-item__start[dir=rtl]{margin-left:24px;margin-right:8px;}.mdc-list-item--with-leading-radio .mdc-list-item__start{width:40px;height:40px}.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__start{align-self:flex-start;margin-top:8px}.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__overline-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-radio.mdc-list-item--with-one-line{height:56px}.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines{height:72px}.mdc-list-item--with-leading-switch.mdc-list-item{padding-left:0;padding-right:auto}[dir=rtl] .mdc-list-item--with-leading-switch.mdc-list-item,.mdc-list-item--with-leading-switch.mdc-list-item[dir=rtl]{padding-left:auto;padding-right:0;}.mdc-list-item--with-leading-switch .mdc-list-item__start{margin-left:16px;margin-right:16px}[dir=rtl] .mdc-list-item--with-leading-switch .mdc-list-item__start,.mdc-list-item--with-leading-switch .mdc-list-item__start[dir=rtl]{margin-left:16px;margin-right:16px;}.mdc-list-item--with-leading-switch .mdc-list-item__start{width:36px;height:20px}.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__start{align-self:flex-start;margin-top:16px}.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__overline-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-switch.mdc-list-item--with-one-line{height:56px}.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines{height:72px}.mdc-list-item--with-trailing-icon.mdc-list-item{padding-left:auto;padding-right:0}[dir=rtl] .mdc-list-item--with-trailing-icon.mdc-list-item,.mdc-list-item--with-trailing-icon.mdc-list-item[dir=rtl]{padding-left:0;padding-right:auto;}.mdc-list-item--with-trailing-icon .mdc-list-item__end{margin-left:16px;margin-right:16px}[dir=rtl] .mdc-list-item--with-trailing-icon .mdc-list-item__end,.mdc-list-item--with-trailing-icon .mdc-list-item__end[dir=rtl]{margin-left:16px;margin-right:16px;}.mdc-list-item--with-trailing-icon .mdc-list-item__end{width:24px;height:24px}.mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end{align-self:flex-start;margin-top:0}.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end{align-self:flex-start;margin-top:0}.mdc-list-item--with-trailing-meta.mdc-list-item{padding-left:auto;padding-right:0}[dir=rtl] .mdc-list-item--with-trailing-meta.mdc-list-item,.mdc-list-item--with-trailing-meta.mdc-list-item[dir=rtl]{padding-left:0;padding-right:auto;}.mdc-list-item--with-trailing-meta .mdc-list-item__end{margin-left:28px;margin-right:16px}[dir=rtl] .mdc-list-item--with-trailing-meta .mdc-list-item__end,.mdc-list-item--with-trailing-meta .mdc-list-item__end[dir=rtl]{margin-left:16px;margin-right:28px;}.mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-list-item--with-trailing-meta .mdc-list-item__end{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit)}.mdc-list-item--with-trailing-checkbox.mdc-list-item{padding-left:auto;padding-right:0}[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item,.mdc-list-item--with-trailing-checkbox.mdc-list-item[dir=rtl]{padding-left:0;padding-right:auto;}.mdc-list-item--with-trailing-checkbox .mdc-list-item__end{margin-left:24px;margin-right:8px}[dir=rtl] .mdc-list-item--with-trailing-checkbox .mdc-list-item__end,.mdc-list-item--with-trailing-checkbox .mdc-list-item__end[dir=rtl]{margin-left:8px;margin-right:24px;}.mdc-list-item--with-trailing-checkbox .mdc-list-item__end{width:40px;height:40px}.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-three-lines .mdc-list-item__end{align-self:flex-start;margin-top:8px}.mdc-list-item--with-trailing-radio.mdc-list-item{padding-left:auto;padding-right:0}[dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item,.mdc-list-item--with-trailing-radio.mdc-list-item[dir=rtl]{padding-left:0;padding-right:auto;}.mdc-list-item--with-trailing-radio .mdc-list-item__end{margin-left:24px;margin-right:8px}[dir=rtl] .mdc-list-item--with-trailing-radio .mdc-list-item__end,.mdc-list-item--with-trailing-radio .mdc-list-item__end[dir=rtl]{margin-left:8px;margin-right:24px;}.mdc-list-item--with-trailing-radio .mdc-list-item__end{width:40px;height:40px}.mdc-list-item--with-trailing-radio.mdc-list-item--with-three-lines .mdc-list-item__end{align-self:flex-start;margin-top:8px}.mdc-list-item--with-trailing-switch.mdc-list-item{padding-left:auto;padding-right:0}[dir=rtl] .mdc-list-item--with-trailing-switch.mdc-list-item,.mdc-list-item--with-trailing-switch.mdc-list-item[dir=rtl]{padding-left:0;padding-right:auto;}.mdc-list-item--with-trailing-switch .mdc-list-item__end{margin-left:16px;margin-right:16px}[dir=rtl] .mdc-list-item--with-trailing-switch .mdc-list-item__end,.mdc-list-item--with-trailing-switch .mdc-list-item__end[dir=rtl]{margin-left:16px;margin-right:16px;}.mdc-list-item--with-trailing-switch .mdc-list-item__end{width:36px;height:20px}.mdc-list-item--with-trailing-switch.mdc-list-item--with-three-lines .mdc-list-item__end{align-self:flex-start;margin-top:16px}.mdc-list-item--with-overline.mdc-list-item--with-two-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-overline.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:20px;content:\"\";vertical-align:0}.mdc-list-item--with-overline.mdc-list-item--with-three-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-overline.mdc-list-item--with-three-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:20px;content:\"\";vertical-align:0}.mdc-list-item{padding-left:16px;padding-right:16px}[dir=rtl] .mdc-list-item,.mdc-list-item[dir=rtl]{padding-left:16px;padding-right:16px;}.mdc-list-group .mdc-deprecated-list{padding:0}.mdc-list-group__subheader{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);margin:calc((3rem - 1.5rem) / 2) 16px}.mdc-list-divider{background-color:rgba(0, 0, 0, 0.12)}.mdc-list-divider{height:1px}.mdc-list-divider{padding:0;background-clip:content-box}.mdc-list-divider.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset{padding-left:16px;padding-right:auto}[dir=rtl] .mdc-list-divider.mdc-list-divider--with-leading-inset,[dir=rtl] .mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset,[dir=rtl] .mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset,[dir=rtl] .mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset,[dir=rtl] .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset,[dir=rtl] .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset,[dir=rtl] .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset,[dir=rtl] .mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset,[dir=rtl] .mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset,.mdc-list-divider.mdc-list-divider--with-leading-inset[dir=rtl],.mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset[dir=rtl],.mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset[dir=rtl],.mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset[dir=rtl],.mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset[dir=rtl],.mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset[dir=rtl],.mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset[dir=rtl],.mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset[dir=rtl],.mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset[dir=rtl]{padding-left:auto;padding-right:16px;}.mdc-list-divider.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset{padding-left:auto;padding-right:16px}[dir=rtl] .mdc-list-divider.mdc-list-divider--with-trailing-inset,[dir=rtl] .mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset,[dir=rtl] .mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset,[dir=rtl] .mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset,[dir=rtl] .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset,[dir=rtl] .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset,[dir=rtl] .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset,[dir=rtl] .mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset,[dir=rtl] .mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset,.mdc-list-divider.mdc-list-divider--with-trailing-inset[dir=rtl],.mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset[dir=rtl],.mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset[dir=rtl],.mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset[dir=rtl],.mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset[dir=rtl],.mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset[dir=rtl],.mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset[dir=rtl],.mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset[dir=rtl],.mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset[dir=rtl]{padding-left:16px;padding-right:auto;}.mdc-list-divider--with-leading-video.mdc-list-divider--with-leading-inset{padding-left:0px;padding-right:auto}[dir=rtl] .mdc-list-divider--with-leading-video.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-video.mdc-list-divider--with-leading-inset[dir=rtl]{padding-left:auto;padding-right:0px;}[dir=rtl] .mdc-list-divider,.mdc-list-divider[dir=rtl]{padding:0;}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity;--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--unbounded .mdc-deprecated-list-item__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-activation .mdc-deprecated-list-item__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-deprecated-list-item__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:hover .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded) .mdc-deprecated-list-item__ripple::after{transition:opacity 150ms linear}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded):active .mdc-deprecated-list-item__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:hover .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-surface--hover .mdc-list-item__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after{transition:opacity 150ms linear}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-deprecated-list-item__ripple::before{opacity:0.12;opacity:var(--mdc-ripple-activated-opacity, 0.12)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-deprecated-list-item__ripple::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:hover .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple::before{opacity:0.16;opacity:var(--mdc-ripple-hover-opacity, 0.16)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded) .mdc-deprecated-list-item__ripple::after{transition:opacity 150ms linear}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-deprecated-list-item__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-list-item__ripple::before{opacity:0.12;opacity:var(--mdc-ripple-activated-opacity, 0.12)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-list-item__ripple::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:hover .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-surface--hover .mdc-list-item__ripple::before{opacity:0.16;opacity:var(--mdc-ripple-hover-opacity, 0.16)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after{transition:opacity 150ms linear}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::before{opacity:0.08;opacity:var(--mdc-ripple-selected-opacity, 0.08)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:hover .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple::before{opacity:0.12;opacity:var(--mdc-ripple-hover-opacity, 0.12)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-focus-opacity, 0.2)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded) .mdc-deprecated-list-item__ripple::after{transition:opacity 150ms linear}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-deprecated-list-item__ripple::after{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-press-opacity, 0.2)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-list-item__ripple::before{opacity:0.08;opacity:var(--mdc-ripple-selected-opacity, 0.08)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-list-item__ripple::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:hover .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple::before{opacity:0.12;opacity:var(--mdc-ripple-hover-opacity, 0.12)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-focus-opacity, 0.2)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after{transition:opacity 150ms linear}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-press-opacity, 0.2)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mdc-deprecated-list-item--disabled{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity;--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::before,.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-deprecated-list-item__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-deprecated-list-item__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-deprecated-list-item__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::before,.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::before,.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::before,.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::before,.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::before,.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before,.mdc-deprecated-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,.mdc-deprecated-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple,.mdc-deprecated-list-item--disabled .mdc-list-item__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}:not(.mdc-list-item--disabled).mdc-list-item{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}:not(.mdc-list-item--disabled).mdc-list-item:hover .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-surface--hover .mdc-list-item__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after{transition:opacity 150ms linear}:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before{opacity:0.12;opacity:var(--mdc-ripple-activated-opacity, 0.12)}:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}:not(.mdc-list-item--disabled).mdc-list-item--activated:hover .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-surface--hover .mdc-list-item__ripple::before{opacity:0.16;opacity:var(--mdc-ripple-hover-opacity, 0.16)}:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after{transition:opacity 150ms linear}:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before{opacity:0.08;opacity:var(--mdc-ripple-selected-opacity, 0.08)}:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}:not(.mdc-list-item--disabled).mdc-list-item--selected:hover .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple::before{opacity:0.12;opacity:var(--mdc-ripple-hover-opacity, 0.12)}:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-focus-opacity, 0.2)}:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after{transition:opacity 150ms linear}:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-press-opacity, 0.2)}:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mdc-list-item--disabled{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}.mdc-list-item--disabled .mdc-list-item__ripple::before,.mdc-list-item--disabled .mdc-list-item__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-list-item--disabled .mdc-list-item__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-list-item--disabled .mdc-list-item__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-list-item--disabled .mdc-list-item__ripple::before,.mdc-list-item--disabled .mdc-list-item__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-list-item--disabled .mdc-list-item__ripple::before,.mdc-list-item--disabled .mdc-list-item__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,.mdc-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-list-item--disabled .mdc-list-item__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color, #fff)}.mdc-menu{min-width:112px;min-width:var(--mdc-menu-min-width, 112px)}.mdc-menu .mdc-deprecated-list-item__meta{color:rgba(0, 0, 0, 0.87)}.mdc-menu .mdc-deprecated-list-item__graphic{color:rgba(0, 0, 0, 0.87)}.mdc-menu .mdc-menu-item--submenu-open .mdc-deprecated-list-item__ripple::before{opacity:0.04}.mdc-menu .mdc-menu-item--submenu-open .mdc-list-item__ripple::before{opacity:0.04}.mdc-menu .mdc-deprecated-list{color:rgba(0, 0, 0, 0.87)}.mdc-menu .mdc-deprecated-list,.mdc-menu .mdc-list{position:relative}.mdc-menu .mdc-deprecated-list .mdc-elevation-overlay,.mdc-menu .mdc-list .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-menu .mdc-deprecated-list-divider{margin:8px 0}.mdc-menu .mdc-deprecated-list-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mdc-menu .mdc-deprecated-list-item--disabled{cursor:auto}.mdc-menu a.mdc-deprecated-list-item .mdc-deprecated-list-item__text,.mdc-menu a.mdc-deprecated-list-item .mdc-deprecated-list-item__graphic{pointer-events:none}.mdc-menu__selection-group{padding:0;fill:currentColor}.mdc-menu__selection-group .mdc-deprecated-list-item{padding-left:56px;padding-right:16px}[dir=rtl] .mdc-menu__selection-group .mdc-deprecated-list-item,.mdc-menu__selection-group .mdc-deprecated-list-item[dir=rtl]{padding-left:16px;padding-right:56px;}.mdc-menu__selection-group .mdc-menu__selection-group-icon{left:16px;right:initial;display:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}[dir=rtl] .mdc-menu__selection-group .mdc-menu__selection-group-icon,.mdc-menu__selection-group .mdc-menu__selection-group-icon[dir=rtl]{left:initial;right:16px;}.mdc-menu-item--selected .mdc-menu__selection-group-icon{display:inline}.mdc-menu-surface{display:none;position:absolute;box-sizing:border-box;max-width:calc(100vw - 32px);max-width:var(--mdc-menu-max-width, calc(100vw - 32px));max-height:calc(100vh - 32px);max-height:var(--mdc-menu-max-height, calc(100vh - 32px));margin:0;padding:0;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:top left;transform-origin:top left;opacity:0;overflow:auto;will-change:transform, opacity;z-index:8;transition:opacity 0.03s linear, height 250ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);transition:opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1), height 250ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1), height 250ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);background-color:#fff;background-color:var(--mdc-theme-surface, #fff);color:#000;color:var(--mdc-theme-on-surface, #000);border-radius:4px;border-radius:var(--mdc-shape-medium, 4px);transform-origin-left:top left;transform-origin-right:top right}.mdc-menu-surface:focus{outline:none}.mdc-menu-surface--animating-open{display:inline-block;-webkit-transform:scale(0.8);transform:scale(0.8);opacity:0}.mdc-menu-surface--open{display:inline-block;-webkit-transform:scale(1);transform:scale(1);opacity:1}.mdc-menu-surface--animating-closed{display:inline-block;opacity:0;transition:opacity 0.075s linear}[dir=rtl] .mdc-menu-surface,.mdc-menu-surface[dir=rtl]{transform-origin-left:top right;transform-origin-right:top left;}.mdc-menu-surface--anchor{position:relative;overflow:visible}.mdc-menu-surface--fixed{position:fixed}.mdc-menu-surface--fullwidth{width:100%}:host{display:block}.ptc-select .ptc-label-select{display:block;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);line-height:normal;margin-bottom:var(--ptc-element-spacing-01);z-index:1;position:relative;color:#40434A}.ptc-select .mdc-select{display:flex;flex-direction:column;margin-bottom:var(--ptc-element-spacing-04)}.ptc-select .mdc-select--invalid::before{content:\"\";position:absolute;width:calc(100% + 16px);height:calc(100% + 10px);background:#FEF3F3;display:flex;flex-direction:column;justify-content:center;z-index:0;left:50%;top:50%;transform:translate(-50%, -50%)}.ptc-select .mdc-select--invalid .mdc-select__anchor{background-color:var(--color-white) !important}.ptc-select .mdc-select--outlined{width:273px}.ptc-select .mdc-select--outlined .mdc-select__anchor{height:34px;width:273px}.ptc-select .mdc-select--outlined .mdc-notched-outline__trailing{border-radius:0px !important}.ptc-select .mdc-select--outlined .mdc-notched-outline__leading{border-radius:0px !important}.ptc-select .mdc-select-helper-text{z-index:1;position:relative;opacity:0}.ptc-select .select-error-svg{transform:translate(-8px, 3px)}.ptc-select .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid .mdc-select-helper-text--validation-msg{color:#AF3231;font-family:Raleway;font-size:14px;font-style:normal;font-weight:600;line-height:var(--ptc-line-height-densest);opacity:1;height:auto;margin-left:8px}.ptc-select .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid .mdc-select-helper-text--info-msg{color:#40434A;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-style:normal;font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-densest);max-width:240px;opacity:1;height:auto;transform:translateX(8px)}.ptc-select .mdc-select-helper-text--validation-msg,.ptc-select .mdc-select-helper-text--info-msg{line-height:0.66;height:0}.ptc-select .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,.ptc-select .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,.ptc-select .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--color-blue-07)}.ptc-select .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon{fill:var(--color-blue-07)}";
|
|
7980
7980
|
|
|
7981
|
-
const PtcSelect = class {
|
|
7982
|
-
constructor(hostRef) {
|
|
7983
|
-
index.registerInstance(this, hostRef);
|
|
7984
|
-
this.valueChange = index.createEvent(this, "valueChange", 7);
|
|
7985
|
-
this.map = {
|
|
7986
|
-
'Afghanistan': 'AF',
|
|
7987
|
-
'Albania': 'AL',
|
|
7988
|
-
'Algeria': 'DZ',
|
|
7989
|
-
'American Samoa': 'AS',
|
|
7990
|
-
'Andorra': 'AD',
|
|
7991
|
-
'Angola': 'AO',
|
|
7992
|
-
'Anguilla': 'AI',
|
|
7993
|
-
'Antarctica': 'AQ',
|
|
7994
|
-
'Antigua and Barbuda': 'AG',
|
|
7995
|
-
'Argentina': 'AR',
|
|
7996
|
-
'Armenia': 'AM',
|
|
7997
|
-
'Aruba': 'AW',
|
|
7998
|
-
'Australia': 'AU',
|
|
7999
|
-
'Austria': 'AT',
|
|
8000
|
-
'Azerbaijan': 'AZ',
|
|
8001
|
-
'Bahamas': 'BS',
|
|
8002
|
-
'Bahrain': 'BH',
|
|
8003
|
-
'Bangladesh': 'BD',
|
|
8004
|
-
'Barbados': 'BB',
|
|
8005
|
-
'Belarus': 'BY',
|
|
8006
|
-
'Belgium': 'BE',
|
|
8007
|
-
'Belize': 'BZ',
|
|
8008
|
-
'Benin': 'BJ',
|
|
8009
|
-
'Bermuda': 'BM',
|
|
8010
|
-
'Bhutan': 'BT',
|
|
8011
|
-
'Bolivia': 'BO',
|
|
8012
|
-
'Bosnia and Herzegovina': 'BA',
|
|
8013
|
-
'Botswana': 'BW',
|
|
8014
|
-
'Bouvet Island': 'BV',
|
|
8015
|
-
'Brazil': 'BR',
|
|
8016
|
-
'British Indian Ocean Territory': 'IO',
|
|
8017
|
-
'Brunei Darussalam': 'BN',
|
|
8018
|
-
'Bulgaria': 'BG',
|
|
8019
|
-
'Burkina Faso': 'BF',
|
|
8020
|
-
'Burundi': 'BI',
|
|
8021
|
-
'Cambodia': 'KH',
|
|
8022
|
-
'Cameroon': 'CM',
|
|
8023
|
-
'Canada': 'CA',
|
|
8024
|
-
'Cape Verde': 'CV',
|
|
8025
|
-
'Cayman Islands': 'KY',
|
|
8026
|
-
'Central African Republic': 'CF',
|
|
8027
|
-
'Chad': 'TD',
|
|
8028
|
-
'Chile': 'CL',
|
|
8029
|
-
'China': 'CN',
|
|
8030
|
-
'Christmas Island': 'CX',
|
|
8031
|
-
'Cocos (Keeling) Islands': 'CC',
|
|
8032
|
-
'Colombia': 'CO',
|
|
8033
|
-
'Comoros': 'KM',
|
|
8034
|
-
'Congo': 'CG',
|
|
8035
|
-
'Congo, Democratic Republic': 'CD',
|
|
8036
|
-
'Cook Islands': 'CK',
|
|
8037
|
-
'Costa Rica': 'CR',
|
|
8038
|
-
'Cote d ivoire': 'CI',
|
|
8039
|
-
'Croatia': 'HR',
|
|
8040
|
-
'Cuba': 'CU',
|
|
8041
|
-
'Cyprus': 'CY',
|
|
8042
|
-
'Czech Republic': 'CZ',
|
|
8043
|
-
'Denmark': 'DK',
|
|
8044
|
-
'Djibouti': 'DJ',
|
|
8045
|
-
'Dominica': 'DM',
|
|
8046
|
-
'Dominican Republic': 'DO',
|
|
8047
|
-
'Ecuador': 'EC',
|
|
8048
|
-
'Egypt': 'EG',
|
|
8049
|
-
'El Salvador': 'SV',
|
|
8050
|
-
'Equatorial Guinea': 'GQ',
|
|
8051
|
-
'Eritrea': 'ER',
|
|
8052
|
-
'Estonia': 'EE',
|
|
8053
|
-
'Ethiopia': 'ET',
|
|
8054
|
-
'Falkland Islands': 'FK',
|
|
8055
|
-
'Faroe Islands': 'FO',
|
|
8056
|
-
'Fiji': 'FJ',
|
|
8057
|
-
'Finland': 'FI',
|
|
8058
|
-
'France': 'FR',
|
|
8059
|
-
'French Guiana': 'GF',
|
|
8060
|
-
'French Polynesia': 'PF',
|
|
8061
|
-
'French Southern Territories': 'TF',
|
|
8062
|
-
'Gabon': 'GA',
|
|
8063
|
-
'Gambia': 'GM',
|
|
8064
|
-
'Georgia': 'GE',
|
|
8065
|
-
'Germany': 'DE',
|
|
8066
|
-
'Ghana': 'GH',
|
|
8067
|
-
'Gibraltar': 'GI',
|
|
8068
|
-
'Greece': 'GR',
|
|
8069
|
-
'Greenland': 'GL',
|
|
8070
|
-
'Grenada': 'GD',
|
|
8071
|
-
'Guadeloupe': 'GP',
|
|
8072
|
-
'Guam': 'GU',
|
|
8073
|
-
'Guatemala': 'GT',
|
|
8074
|
-
'Guernsey': 'GG',
|
|
8075
|
-
'Guinea': 'GN',
|
|
8076
|
-
'Guinea-Bissau': 'GW',
|
|
8077
|
-
'Guyana': 'GY',
|
|
8078
|
-
'Haiti': 'HT',
|
|
8079
|
-
'Heard and McDonald Isl': 'HM',
|
|
8080
|
-
'Holy See (Vatican City State)': 'VA',
|
|
8081
|
-
'Honduras': 'HN',
|
|
8082
|
-
'Hong Kong': 'HK',
|
|
8083
|
-
'Hungary': 'HU',
|
|
8084
|
-
'Iceland': 'IS',
|
|
8085
|
-
'India': 'IN',
|
|
8086
|
-
'Indonesia': 'ID',
|
|
8087
|
-
'Iran, Islamic Republic Of': 'IR',
|
|
8088
|
-
'Iraq': 'IQ',
|
|
8089
|
-
'Ireland': 'IE',
|
|
8090
|
-
'Isle Of Man': 'IM',
|
|
8091
|
-
'Israel': 'IL',
|
|
8092
|
-
'Italy': 'IT',
|
|
8093
|
-
'Jamaica': 'JM',
|
|
8094
|
-
'Japan': 'JP',
|
|
8095
|
-
'Jersey': 'JE',
|
|
8096
|
-
'Jordan': 'JO',
|
|
8097
|
-
'Kazakhstan': 'KZ',
|
|
8098
|
-
'Kenya': 'KE',
|
|
8099
|
-
'Kiribati': 'KI',
|
|
8100
|
-
'Korea': 'KR',
|
|
8101
|
-
'Kuwait': 'KW',
|
|
8102
|
-
'Kyrgyzstan': 'KG',
|
|
8103
|
-
"Lao People's Democratic Republic": 'LA',
|
|
8104
|
-
'Latvia': 'LV',
|
|
8105
|
-
'Lebanon': 'LB',
|
|
8106
|
-
'Lesotho': 'LS',
|
|
8107
|
-
'Liberia': 'LR',
|
|
8108
|
-
'Libyan Arab Jamahiriya': 'LY',
|
|
8109
|
-
'Liechtenstein': 'LI',
|
|
8110
|
-
'Lithuania': 'LT',
|
|
8111
|
-
'Luxembourg': 'LU',
|
|
8112
|
-
'Macao': 'MO',
|
|
8113
|
-
'Macedonia': 'MK',
|
|
8114
|
-
'Madagascar': 'MG',
|
|
8115
|
-
'Malawi': 'MW',
|
|
8116
|
-
'Malaysia': 'MY',
|
|
8117
|
-
'Maldives': 'MV',
|
|
8118
|
-
'Mali': 'ML',
|
|
8119
|
-
'Malta': 'MT',
|
|
8120
|
-
'Marshall Islands': 'MH',
|
|
8121
|
-
'Martinique': 'MQ',
|
|
8122
|
-
'Mauritania': 'MR',
|
|
8123
|
-
'Mauritius': 'MU',
|
|
8124
|
-
'Mayotte': 'YT',
|
|
8125
|
-
'Mexico': 'MX',
|
|
8126
|
-
'Micronesia, Federated States Of': 'FM',
|
|
8127
|
-
'Moldova': 'MD',
|
|
8128
|
-
'Monaco': 'MC',
|
|
8129
|
-
'Mongolia': 'MN',
|
|
8130
|
-
'Montenegro': 'ME',
|
|
8131
|
-
'Montserrat': 'MS',
|
|
8132
|
-
'Morocco': 'MA',
|
|
8133
|
-
'Mozambique': 'MZ',
|
|
8134
|
-
'Myanmar': 'MM',
|
|
8135
|
-
'Namibia': 'NA',
|
|
8136
|
-
'Nauru': 'NR',
|
|
8137
|
-
'Nepal': 'NP',
|
|
8138
|
-
'Netherlands': 'NL',
|
|
8139
|
-
'Netherlands Antilles': 'AN',
|
|
8140
|
-
'New Caledonia': 'NC',
|
|
8141
|
-
'New Zealand': 'NZ',
|
|
8142
|
-
'Nicaragua': 'NI',
|
|
8143
|
-
'Niger': 'NE',
|
|
8144
|
-
'Nigeria': 'NG',
|
|
8145
|
-
'Niue': 'NU',
|
|
8146
|
-
'Norfolk Island': 'NF',
|
|
8147
|
-
'Northern Mariana Islands': 'MP',
|
|
8148
|
-
'Norway': 'NO',
|
|
8149
|
-
'Oman': 'OM',
|
|
8150
|
-
'Pakistan': 'PK',
|
|
8151
|
-
'Palau': 'PW',
|
|
8152
|
-
'Palestinian Territory, Occupied': 'PS',
|
|
8153
|
-
'Panama': 'PA',
|
|
8154
|
-
'Papua New Guinea': 'PG',
|
|
8155
|
-
'Paraguay': 'PY',
|
|
8156
|
-
'Peru': 'PE',
|
|
8157
|
-
'Philippines': 'PH',
|
|
8158
|
-
'Pitcairn': 'PN',
|
|
8159
|
-
'Poland': 'PL',
|
|
8160
|
-
'Portugal': 'PT',
|
|
8161
|
-
'Puerto Rico': 'PR',
|
|
8162
|
-
'Qatar': 'QA',
|
|
8163
|
-
'Reunion': 'RE',
|
|
8164
|
-
'Romania': 'RO',
|
|
8165
|
-
'Russian Federation': 'RU',
|
|
8166
|
-
'Rwanda': 'RW',
|
|
8167
|
-
'Saint Barthelemy': 'BL',
|
|
8168
|
-
'Saint Helena': 'SH',
|
|
8169
|
-
'Saint Kitts and Nevis': 'KN',
|
|
8170
|
-
'Saint Lucia': 'LC',
|
|
8171
|
-
'Saint Martin': 'MF',
|
|
8172
|
-
'Saint Pierre and Miquelon': 'PM',
|
|
8173
|
-
'Saint Vincent and Grenadines': 'VC',
|
|
8174
|
-
'Samoa': 'WS',
|
|
8175
|
-
'San Marino': 'SM',
|
|
8176
|
-
'Sao Tome and Principe': 'ST',
|
|
8177
|
-
'Saudi Arabia': 'SA',
|
|
8178
|
-
'Senegal': 'SN',
|
|
8179
|
-
'Serbia': 'RS',
|
|
8180
|
-
'Seychelles': 'SC',
|
|
8181
|
-
'Sierra Leone': 'SL',
|
|
8182
|
-
'Singapore': 'SG',
|
|
8183
|
-
'Slovakia': 'SK',
|
|
8184
|
-
'Slovenia': 'SI',
|
|
8185
|
-
'Solomon Islands': 'SB',
|
|
8186
|
-
'Somalia': 'SO',
|
|
8187
|
-
'South Africa': 'ZA',
|
|
8188
|
-
'South Georgia and Sandwich Isl.': 'GS',
|
|
8189
|
-
'Spain': 'ES',
|
|
8190
|
-
'Sri Lanka': 'LK',
|
|
8191
|
-
'Sudan': 'SD',
|
|
8192
|
-
'Suriname': 'SR',
|
|
8193
|
-
'Svalbard and Jan Mayen': 'SJ',
|
|
8194
|
-
'Swaziland': 'SZ',
|
|
8195
|
-
'Sweden': 'SE',
|
|
8196
|
-
'Switzerland': 'CH',
|
|
8197
|
-
'Syrian Arab Republic': 'SY',
|
|
8198
|
-
'Taiwan': 'TW',
|
|
8199
|
-
'Tajikistan': 'TJ',
|
|
8200
|
-
'Tanzania': 'TZ',
|
|
8201
|
-
'Thailand': 'TH',
|
|
8202
|
-
'Timor-Leste': 'TL',
|
|
8203
|
-
'Togo': 'TG',
|
|
8204
|
-
'Tokelau': 'TK',
|
|
8205
|
-
'Tonga': 'TO',
|
|
8206
|
-
'Trinidad and Tobago': 'TT',
|
|
8207
|
-
'Tunisia': 'TN',
|
|
8208
|
-
'Turkey': 'TR',
|
|
8209
|
-
'Turkmenistan': 'TM',
|
|
8210
|
-
'Turks and Caicos Islands': 'TC',
|
|
8211
|
-
'Tuvalu': 'TV',
|
|
8212
|
-
'Uganda': 'UG',
|
|
8213
|
-
'Ukraine': 'UA',
|
|
8214
|
-
'United Arab Emirates': 'AE',
|
|
8215
|
-
'United Kingdom': 'GB',
|
|
8216
|
-
'USA': 'US',
|
|
8217
|
-
'US Minor Outlying Islands': 'UM',
|
|
8218
|
-
'Uruguay': 'UY',
|
|
8219
|
-
'Uzbekistan': 'UZ',
|
|
8220
|
-
'Vanuatu': 'VU',
|
|
8221
|
-
'Venezuela': 'VE',
|
|
8222
|
-
'Vietnam': 'VN',
|
|
8223
|
-
'Virgin Islands (British)': 'VG',
|
|
8224
|
-
'Virgin Islands (U.S.)': 'VI',
|
|
8225
|
-
'Wallis And Futuna': 'WF',
|
|
8226
|
-
'Western Sahara': 'EH',
|
|
8227
|
-
'Yemen': 'YE',
|
|
8228
|
-
'Zambia': 'ZM',
|
|
8229
|
-
'Zimbabwe': 'ZW',
|
|
8230
|
-
};
|
|
8231
|
-
this.fieldId = undefined;
|
|
8232
|
-
this.label = undefined;
|
|
8233
|
-
this.isRequired = true;
|
|
8234
|
-
this.helpertext = 'Please select a value.';
|
|
8235
|
-
this.fieldName = undefined;
|
|
8236
|
-
this.disabled = false;
|
|
8237
|
-
this.selectedValue = '';
|
|
8238
|
-
this.defaultValue = '';
|
|
8239
|
-
this.infoText = undefined;
|
|
8240
|
-
this.ptcDataEloquaName = undefined;
|
|
8241
|
-
this.ptcDataTargetEloquaName = undefined;
|
|
8242
|
-
this.language = 'en';
|
|
8243
|
-
}
|
|
8244
|
-
async setValue() {
|
|
8245
|
-
//const userCountry = await this.getUserCountry(); // Function to get user's country
|
|
8246
|
-
// if (userCountry) {
|
|
8247
|
-
// console.log("country by IP: " + userCountry)
|
|
8248
|
-
// this.defaultSelect.value = userCountry;
|
|
8249
|
-
// }
|
|
8250
|
-
this.defaultSelect.value = this.defaultValue;
|
|
8251
|
-
}
|
|
8252
|
-
componentWillLoad() {
|
|
8253
|
-
this.language = utils.getLanguageFromURL();
|
|
8254
|
-
this.helpertext = this.getValidationMessage('select');
|
|
8255
|
-
}
|
|
8256
|
-
componentDidLoad() {
|
|
8257
|
-
const select = new MDCSelect(this.el.querySelector('.mdc-select'));
|
|
8258
|
-
this.defaultSelect = new MDCSelect(this.el.querySelector('.mdc-select'));
|
|
8259
|
-
//if (this.fieldId === 'contact-country') {this.setSelectedCountry();}
|
|
8260
|
-
if (this.defaultValue)
|
|
8261
|
-
this.setValue();
|
|
8262
|
-
select.listen('MDCSelect:change', () => {
|
|
8263
|
-
if (this.selectedValue != select.value) {
|
|
8264
|
-
this.valueChange.emit(select.value);
|
|
8265
|
-
this.selectedValue = select.value;
|
|
8266
|
-
if (this.fieldId === 'contact-country') {
|
|
8267
|
-
console.log('changing country field value');
|
|
8268
|
-
const countryCode = this.selectedValue ? this.map[this.selectedValue] : '';
|
|
8269
|
-
const telField = document.querySelector('ptc-textfield[field-id="contact-phone"]');
|
|
8270
|
-
if (telField && countryCode) {
|
|
8271
|
-
telField.syncCountry(countryCode);
|
|
8272
|
-
}
|
|
8273
|
-
}
|
|
8274
|
-
}
|
|
8275
|
-
});
|
|
8276
|
-
}
|
|
8277
|
-
// async getUserCountry() {
|
|
8278
|
-
// try {
|
|
8279
|
-
// const response = await fetch('https://ipapi.co/json/'); // Example API
|
|
8280
|
-
// const data = await response.json();
|
|
8281
|
-
// return data.country_name; // or data.country_code, depending on your dropdown values
|
|
8282
|
-
// } catch (error) {
|
|
8283
|
-
// console.error('Error fetching user country:', error);
|
|
8284
|
-
// return null;
|
|
8285
|
-
// }
|
|
8286
|
-
// }
|
|
8287
|
-
getValidationMessage(type) {
|
|
8288
|
-
// console.log("lang type: " + type);
|
|
8289
|
-
return ValidationMessages[this.language][type];
|
|
8290
|
-
}
|
|
8291
|
-
getSelectClassName() {
|
|
8292
|
-
let className = 'mdc-select mdc-select--outlined mdc-select--no-label';
|
|
8293
|
-
if (this.isRequired) {
|
|
8294
|
-
className = `${className} mdc-select--required`;
|
|
8295
|
-
}
|
|
8296
|
-
return className;
|
|
8297
|
-
}
|
|
8298
|
-
render() {
|
|
8299
|
-
return (index.h(index.Host, { class: "ptc-select" }, index.h("div", { class: this.getSelectClassName() }, index.h("label", { class: "ptc-label-select" }, this.label), index.h("div", Object.assign({ class: "mdc-select__anchor", "aria-labelledby": "outlined-select-label" }, (this.isRequired ? { ariaRequired: true } : null)), index.h("span", { class: "mdc-notched-outline" }, index.h("span", { class: "mdc-notched-outline__leading" }), index.h("span", { class: "mdc-notched-outline__trailing" })), index.h("span", { class: "mdc-select__selected-text-container" }, index.h("span", { id: this.fieldId, class: "mdc-select__selected-text", "aria-controls": this.fieldName, "aria-describedby": this.fieldName, "data-eloqua-name": this.ptcDataEloquaName, "data-target-eloqua-name": this.ptcDataTargetEloquaName })), index.h("span", { class: "mdc-select__dropdown-icon" }, index.h("svg", { class: "", width: "20", height: "12", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M1.375 1.875L5 5.5L8.625 1.875L9.9375 3.1875L5 8.125L0.0625 3.1875L1.375 1.875Z" })))), index.h("div", { class: "mdc-select__menu mdc-menu mdc-menu-surface mdc-menu-surface--fullwidth" }, index.h("slot", null)), index.h("p", { id: this.fieldName, class: "mdc-select-helper-text mdc-select-helper-text--validation-msg" }, index.h("svg", { class: "select-error-svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { "clip-path": "url(#clip0_12_1424)" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z", fill: "#AF3231" })), index.h("defs", null, index.h("clipPath", { id: "clip0_12_1424" }, index.h("rect", { width: "16", height: "16", fill: "white" })))), this.helpertext), this.infoText ? index.h("p", { class: "mdc-select-helper-text mdc-select-helper-text--info-msg" }, this.infoText) : null)));
|
|
8300
|
-
}
|
|
8301
|
-
get el() { return index.getElement(this); }
|
|
8302
|
-
};
|
|
7981
|
+
const PtcSelect = class {
|
|
7982
|
+
constructor(hostRef) {
|
|
7983
|
+
index.registerInstance(this, hostRef);
|
|
7984
|
+
this.valueChange = index.createEvent(this, "valueChange", 7);
|
|
7985
|
+
this.map = {
|
|
7986
|
+
'Afghanistan': 'AF',
|
|
7987
|
+
'Albania': 'AL',
|
|
7988
|
+
'Algeria': 'DZ',
|
|
7989
|
+
'American Samoa': 'AS',
|
|
7990
|
+
'Andorra': 'AD',
|
|
7991
|
+
'Angola': 'AO',
|
|
7992
|
+
'Anguilla': 'AI',
|
|
7993
|
+
'Antarctica': 'AQ',
|
|
7994
|
+
'Antigua and Barbuda': 'AG',
|
|
7995
|
+
'Argentina': 'AR',
|
|
7996
|
+
'Armenia': 'AM',
|
|
7997
|
+
'Aruba': 'AW',
|
|
7998
|
+
'Australia': 'AU',
|
|
7999
|
+
'Austria': 'AT',
|
|
8000
|
+
'Azerbaijan': 'AZ',
|
|
8001
|
+
'Bahamas': 'BS',
|
|
8002
|
+
'Bahrain': 'BH',
|
|
8003
|
+
'Bangladesh': 'BD',
|
|
8004
|
+
'Barbados': 'BB',
|
|
8005
|
+
'Belarus': 'BY',
|
|
8006
|
+
'Belgium': 'BE',
|
|
8007
|
+
'Belize': 'BZ',
|
|
8008
|
+
'Benin': 'BJ',
|
|
8009
|
+
'Bermuda': 'BM',
|
|
8010
|
+
'Bhutan': 'BT',
|
|
8011
|
+
'Bolivia': 'BO',
|
|
8012
|
+
'Bosnia and Herzegovina': 'BA',
|
|
8013
|
+
'Botswana': 'BW',
|
|
8014
|
+
'Bouvet Island': 'BV',
|
|
8015
|
+
'Brazil': 'BR',
|
|
8016
|
+
'British Indian Ocean Territory': 'IO',
|
|
8017
|
+
'Brunei Darussalam': 'BN',
|
|
8018
|
+
'Bulgaria': 'BG',
|
|
8019
|
+
'Burkina Faso': 'BF',
|
|
8020
|
+
'Burundi': 'BI',
|
|
8021
|
+
'Cambodia': 'KH',
|
|
8022
|
+
'Cameroon': 'CM',
|
|
8023
|
+
'Canada': 'CA',
|
|
8024
|
+
'Cape Verde': 'CV',
|
|
8025
|
+
'Cayman Islands': 'KY',
|
|
8026
|
+
'Central African Republic': 'CF',
|
|
8027
|
+
'Chad': 'TD',
|
|
8028
|
+
'Chile': 'CL',
|
|
8029
|
+
'China': 'CN',
|
|
8030
|
+
'Christmas Island': 'CX',
|
|
8031
|
+
'Cocos (Keeling) Islands': 'CC',
|
|
8032
|
+
'Colombia': 'CO',
|
|
8033
|
+
'Comoros': 'KM',
|
|
8034
|
+
'Congo': 'CG',
|
|
8035
|
+
'Congo, Democratic Republic': 'CD',
|
|
8036
|
+
'Cook Islands': 'CK',
|
|
8037
|
+
'Costa Rica': 'CR',
|
|
8038
|
+
'Cote d ivoire': 'CI',
|
|
8039
|
+
'Croatia': 'HR',
|
|
8040
|
+
'Cuba': 'CU',
|
|
8041
|
+
'Cyprus': 'CY',
|
|
8042
|
+
'Czech Republic': 'CZ',
|
|
8043
|
+
'Denmark': 'DK',
|
|
8044
|
+
'Djibouti': 'DJ',
|
|
8045
|
+
'Dominica': 'DM',
|
|
8046
|
+
'Dominican Republic': 'DO',
|
|
8047
|
+
'Ecuador': 'EC',
|
|
8048
|
+
'Egypt': 'EG',
|
|
8049
|
+
'El Salvador': 'SV',
|
|
8050
|
+
'Equatorial Guinea': 'GQ',
|
|
8051
|
+
'Eritrea': 'ER',
|
|
8052
|
+
'Estonia': 'EE',
|
|
8053
|
+
'Ethiopia': 'ET',
|
|
8054
|
+
'Falkland Islands': 'FK',
|
|
8055
|
+
'Faroe Islands': 'FO',
|
|
8056
|
+
'Fiji': 'FJ',
|
|
8057
|
+
'Finland': 'FI',
|
|
8058
|
+
'France': 'FR',
|
|
8059
|
+
'French Guiana': 'GF',
|
|
8060
|
+
'French Polynesia': 'PF',
|
|
8061
|
+
'French Southern Territories': 'TF',
|
|
8062
|
+
'Gabon': 'GA',
|
|
8063
|
+
'Gambia': 'GM',
|
|
8064
|
+
'Georgia': 'GE',
|
|
8065
|
+
'Germany': 'DE',
|
|
8066
|
+
'Ghana': 'GH',
|
|
8067
|
+
'Gibraltar': 'GI',
|
|
8068
|
+
'Greece': 'GR',
|
|
8069
|
+
'Greenland': 'GL',
|
|
8070
|
+
'Grenada': 'GD',
|
|
8071
|
+
'Guadeloupe': 'GP',
|
|
8072
|
+
'Guam': 'GU',
|
|
8073
|
+
'Guatemala': 'GT',
|
|
8074
|
+
'Guernsey': 'GG',
|
|
8075
|
+
'Guinea': 'GN',
|
|
8076
|
+
'Guinea-Bissau': 'GW',
|
|
8077
|
+
'Guyana': 'GY',
|
|
8078
|
+
'Haiti': 'HT',
|
|
8079
|
+
'Heard and McDonald Isl': 'HM',
|
|
8080
|
+
'Holy See (Vatican City State)': 'VA',
|
|
8081
|
+
'Honduras': 'HN',
|
|
8082
|
+
'Hong Kong': 'HK',
|
|
8083
|
+
'Hungary': 'HU',
|
|
8084
|
+
'Iceland': 'IS',
|
|
8085
|
+
'India': 'IN',
|
|
8086
|
+
'Indonesia': 'ID',
|
|
8087
|
+
'Iran, Islamic Republic Of': 'IR',
|
|
8088
|
+
'Iraq': 'IQ',
|
|
8089
|
+
'Ireland': 'IE',
|
|
8090
|
+
'Isle Of Man': 'IM',
|
|
8091
|
+
'Israel': 'IL',
|
|
8092
|
+
'Italy': 'IT',
|
|
8093
|
+
'Jamaica': 'JM',
|
|
8094
|
+
'Japan': 'JP',
|
|
8095
|
+
'Jersey': 'JE',
|
|
8096
|
+
'Jordan': 'JO',
|
|
8097
|
+
'Kazakhstan': 'KZ',
|
|
8098
|
+
'Kenya': 'KE',
|
|
8099
|
+
'Kiribati': 'KI',
|
|
8100
|
+
'Korea': 'KR',
|
|
8101
|
+
'Kuwait': 'KW',
|
|
8102
|
+
'Kyrgyzstan': 'KG',
|
|
8103
|
+
"Lao People's Democratic Republic": 'LA',
|
|
8104
|
+
'Latvia': 'LV',
|
|
8105
|
+
'Lebanon': 'LB',
|
|
8106
|
+
'Lesotho': 'LS',
|
|
8107
|
+
'Liberia': 'LR',
|
|
8108
|
+
'Libyan Arab Jamahiriya': 'LY',
|
|
8109
|
+
'Liechtenstein': 'LI',
|
|
8110
|
+
'Lithuania': 'LT',
|
|
8111
|
+
'Luxembourg': 'LU',
|
|
8112
|
+
'Macao': 'MO',
|
|
8113
|
+
'Macedonia': 'MK',
|
|
8114
|
+
'Madagascar': 'MG',
|
|
8115
|
+
'Malawi': 'MW',
|
|
8116
|
+
'Malaysia': 'MY',
|
|
8117
|
+
'Maldives': 'MV',
|
|
8118
|
+
'Mali': 'ML',
|
|
8119
|
+
'Malta': 'MT',
|
|
8120
|
+
'Marshall Islands': 'MH',
|
|
8121
|
+
'Martinique': 'MQ',
|
|
8122
|
+
'Mauritania': 'MR',
|
|
8123
|
+
'Mauritius': 'MU',
|
|
8124
|
+
'Mayotte': 'YT',
|
|
8125
|
+
'Mexico': 'MX',
|
|
8126
|
+
'Micronesia, Federated States Of': 'FM',
|
|
8127
|
+
'Moldova': 'MD',
|
|
8128
|
+
'Monaco': 'MC',
|
|
8129
|
+
'Mongolia': 'MN',
|
|
8130
|
+
'Montenegro': 'ME',
|
|
8131
|
+
'Montserrat': 'MS',
|
|
8132
|
+
'Morocco': 'MA',
|
|
8133
|
+
'Mozambique': 'MZ',
|
|
8134
|
+
'Myanmar': 'MM',
|
|
8135
|
+
'Namibia': 'NA',
|
|
8136
|
+
'Nauru': 'NR',
|
|
8137
|
+
'Nepal': 'NP',
|
|
8138
|
+
'Netherlands': 'NL',
|
|
8139
|
+
'Netherlands Antilles': 'AN',
|
|
8140
|
+
'New Caledonia': 'NC',
|
|
8141
|
+
'New Zealand': 'NZ',
|
|
8142
|
+
'Nicaragua': 'NI',
|
|
8143
|
+
'Niger': 'NE',
|
|
8144
|
+
'Nigeria': 'NG',
|
|
8145
|
+
'Niue': 'NU',
|
|
8146
|
+
'Norfolk Island': 'NF',
|
|
8147
|
+
'Northern Mariana Islands': 'MP',
|
|
8148
|
+
'Norway': 'NO',
|
|
8149
|
+
'Oman': 'OM',
|
|
8150
|
+
'Pakistan': 'PK',
|
|
8151
|
+
'Palau': 'PW',
|
|
8152
|
+
'Palestinian Territory, Occupied': 'PS',
|
|
8153
|
+
'Panama': 'PA',
|
|
8154
|
+
'Papua New Guinea': 'PG',
|
|
8155
|
+
'Paraguay': 'PY',
|
|
8156
|
+
'Peru': 'PE',
|
|
8157
|
+
'Philippines': 'PH',
|
|
8158
|
+
'Pitcairn': 'PN',
|
|
8159
|
+
'Poland': 'PL',
|
|
8160
|
+
'Portugal': 'PT',
|
|
8161
|
+
'Puerto Rico': 'PR',
|
|
8162
|
+
'Qatar': 'QA',
|
|
8163
|
+
'Reunion': 'RE',
|
|
8164
|
+
'Romania': 'RO',
|
|
8165
|
+
'Russian Federation': 'RU',
|
|
8166
|
+
'Rwanda': 'RW',
|
|
8167
|
+
'Saint Barthelemy': 'BL',
|
|
8168
|
+
'Saint Helena': 'SH',
|
|
8169
|
+
'Saint Kitts and Nevis': 'KN',
|
|
8170
|
+
'Saint Lucia': 'LC',
|
|
8171
|
+
'Saint Martin': 'MF',
|
|
8172
|
+
'Saint Pierre and Miquelon': 'PM',
|
|
8173
|
+
'Saint Vincent and Grenadines': 'VC',
|
|
8174
|
+
'Samoa': 'WS',
|
|
8175
|
+
'San Marino': 'SM',
|
|
8176
|
+
'Sao Tome and Principe': 'ST',
|
|
8177
|
+
'Saudi Arabia': 'SA',
|
|
8178
|
+
'Senegal': 'SN',
|
|
8179
|
+
'Serbia': 'RS',
|
|
8180
|
+
'Seychelles': 'SC',
|
|
8181
|
+
'Sierra Leone': 'SL',
|
|
8182
|
+
'Singapore': 'SG',
|
|
8183
|
+
'Slovakia': 'SK',
|
|
8184
|
+
'Slovenia': 'SI',
|
|
8185
|
+
'Solomon Islands': 'SB',
|
|
8186
|
+
'Somalia': 'SO',
|
|
8187
|
+
'South Africa': 'ZA',
|
|
8188
|
+
'South Georgia and Sandwich Isl.': 'GS',
|
|
8189
|
+
'Spain': 'ES',
|
|
8190
|
+
'Sri Lanka': 'LK',
|
|
8191
|
+
'Sudan': 'SD',
|
|
8192
|
+
'Suriname': 'SR',
|
|
8193
|
+
'Svalbard and Jan Mayen': 'SJ',
|
|
8194
|
+
'Swaziland': 'SZ',
|
|
8195
|
+
'Sweden': 'SE',
|
|
8196
|
+
'Switzerland': 'CH',
|
|
8197
|
+
'Syrian Arab Republic': 'SY',
|
|
8198
|
+
'Taiwan': 'TW',
|
|
8199
|
+
'Tajikistan': 'TJ',
|
|
8200
|
+
'Tanzania': 'TZ',
|
|
8201
|
+
'Thailand': 'TH',
|
|
8202
|
+
'Timor-Leste': 'TL',
|
|
8203
|
+
'Togo': 'TG',
|
|
8204
|
+
'Tokelau': 'TK',
|
|
8205
|
+
'Tonga': 'TO',
|
|
8206
|
+
'Trinidad and Tobago': 'TT',
|
|
8207
|
+
'Tunisia': 'TN',
|
|
8208
|
+
'Turkey': 'TR',
|
|
8209
|
+
'Turkmenistan': 'TM',
|
|
8210
|
+
'Turks and Caicos Islands': 'TC',
|
|
8211
|
+
'Tuvalu': 'TV',
|
|
8212
|
+
'Uganda': 'UG',
|
|
8213
|
+
'Ukraine': 'UA',
|
|
8214
|
+
'United Arab Emirates': 'AE',
|
|
8215
|
+
'United Kingdom': 'GB',
|
|
8216
|
+
'USA': 'US',
|
|
8217
|
+
'US Minor Outlying Islands': 'UM',
|
|
8218
|
+
'Uruguay': 'UY',
|
|
8219
|
+
'Uzbekistan': 'UZ',
|
|
8220
|
+
'Vanuatu': 'VU',
|
|
8221
|
+
'Venezuela': 'VE',
|
|
8222
|
+
'Vietnam': 'VN',
|
|
8223
|
+
'Virgin Islands (British)': 'VG',
|
|
8224
|
+
'Virgin Islands (U.S.)': 'VI',
|
|
8225
|
+
'Wallis And Futuna': 'WF',
|
|
8226
|
+
'Western Sahara': 'EH',
|
|
8227
|
+
'Yemen': 'YE',
|
|
8228
|
+
'Zambia': 'ZM',
|
|
8229
|
+
'Zimbabwe': 'ZW',
|
|
8230
|
+
};
|
|
8231
|
+
this.fieldId = undefined;
|
|
8232
|
+
this.label = undefined;
|
|
8233
|
+
this.isRequired = true;
|
|
8234
|
+
this.helpertext = 'Please select a value.';
|
|
8235
|
+
this.fieldName = undefined;
|
|
8236
|
+
this.disabled = false;
|
|
8237
|
+
this.selectedValue = '';
|
|
8238
|
+
this.defaultValue = '';
|
|
8239
|
+
this.infoText = undefined;
|
|
8240
|
+
this.ptcDataEloquaName = undefined;
|
|
8241
|
+
this.ptcDataTargetEloquaName = undefined;
|
|
8242
|
+
this.language = 'en';
|
|
8243
|
+
}
|
|
8244
|
+
async setValue() {
|
|
8245
|
+
//const userCountry = await this.getUserCountry(); // Function to get user's country
|
|
8246
|
+
// if (userCountry) {
|
|
8247
|
+
// console.log("country by IP: " + userCountry)
|
|
8248
|
+
// this.defaultSelect.value = userCountry;
|
|
8249
|
+
// }
|
|
8250
|
+
this.defaultSelect.value = this.defaultValue;
|
|
8251
|
+
}
|
|
8252
|
+
componentWillLoad() {
|
|
8253
|
+
this.language = utils.getLanguageFromURL();
|
|
8254
|
+
this.helpertext = this.getValidationMessage('select');
|
|
8255
|
+
}
|
|
8256
|
+
componentDidLoad() {
|
|
8257
|
+
const select = new MDCSelect(this.el.querySelector('.mdc-select'));
|
|
8258
|
+
this.defaultSelect = new MDCSelect(this.el.querySelector('.mdc-select'));
|
|
8259
|
+
//if (this.fieldId === 'contact-country') {this.setSelectedCountry();}
|
|
8260
|
+
if (this.defaultValue)
|
|
8261
|
+
this.setValue();
|
|
8262
|
+
select.listen('MDCSelect:change', () => {
|
|
8263
|
+
if (this.selectedValue != select.value) {
|
|
8264
|
+
this.valueChange.emit(select.value);
|
|
8265
|
+
this.selectedValue = select.value;
|
|
8266
|
+
if (this.fieldId === 'contact-country') {
|
|
8267
|
+
console.log('changing country field value');
|
|
8268
|
+
const countryCode = this.selectedValue ? this.map[this.selectedValue] : '';
|
|
8269
|
+
const telField = document.querySelector('ptc-textfield[field-id="contact-phone"]');
|
|
8270
|
+
if (telField && countryCode) {
|
|
8271
|
+
telField.syncCountry(countryCode);
|
|
8272
|
+
}
|
|
8273
|
+
}
|
|
8274
|
+
}
|
|
8275
|
+
});
|
|
8276
|
+
}
|
|
8277
|
+
// async getUserCountry() {
|
|
8278
|
+
// try {
|
|
8279
|
+
// const response = await fetch('https://ipapi.co/json/'); // Example API
|
|
8280
|
+
// const data = await response.json();
|
|
8281
|
+
// return data.country_name; // or data.country_code, depending on your dropdown values
|
|
8282
|
+
// } catch (error) {
|
|
8283
|
+
// console.error('Error fetching user country:', error);
|
|
8284
|
+
// return null;
|
|
8285
|
+
// }
|
|
8286
|
+
// }
|
|
8287
|
+
getValidationMessage(type) {
|
|
8288
|
+
// console.log("lang type: " + type);
|
|
8289
|
+
return ValidationMessages[this.language][type];
|
|
8290
|
+
}
|
|
8291
|
+
getSelectClassName() {
|
|
8292
|
+
let className = 'mdc-select mdc-select--outlined mdc-select--no-label';
|
|
8293
|
+
if (this.isRequired) {
|
|
8294
|
+
className = `${className} mdc-select--required`;
|
|
8295
|
+
}
|
|
8296
|
+
return className;
|
|
8297
|
+
}
|
|
8298
|
+
render() {
|
|
8299
|
+
return (index.h(index.Host, { class: "ptc-select" }, index.h("div", { class: this.getSelectClassName() }, index.h("label", { class: "ptc-label-select" }, this.label), index.h("div", Object.assign({ class: "mdc-select__anchor", "aria-labelledby": "outlined-select-label" }, (this.isRequired ? { ariaRequired: true } : null)), index.h("span", { class: "mdc-notched-outline" }, index.h("span", { class: "mdc-notched-outline__leading" }), index.h("span", { class: "mdc-notched-outline__trailing" })), index.h("span", { class: "mdc-select__selected-text-container" }, index.h("span", { id: this.fieldId, class: "mdc-select__selected-text", "aria-controls": this.fieldName, "aria-describedby": this.fieldName, "data-eloqua-name": this.ptcDataEloquaName, "data-target-eloqua-name": this.ptcDataTargetEloquaName })), index.h("span", { class: "mdc-select__dropdown-icon" }, index.h("svg", { class: "", width: "20", height: "12", viewBox: "0 0 10 10", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M1.375 1.875L5 5.5L8.625 1.875L9.9375 3.1875L5 8.125L0.0625 3.1875L1.375 1.875Z" })))), index.h("div", { class: "mdc-select__menu mdc-menu mdc-menu-surface mdc-menu-surface--fullwidth" }, index.h("slot", null)), index.h("p", { id: this.fieldName, class: "mdc-select-helper-text mdc-select-helper-text--validation-msg" }, index.h("svg", { class: "select-error-svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { "clip-path": "url(#clip0_12_1424)" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z", fill: "#AF3231" })), index.h("defs", null, index.h("clipPath", { id: "clip0_12_1424" }, index.h("rect", { width: "16", height: "16", fill: "white" })))), this.helpertext), this.infoText ? index.h("p", { class: "mdc-select-helper-text mdc-select-helper-text--info-msg" }, this.infoText) : null)));
|
|
8300
|
+
}
|
|
8301
|
+
get el() { return index.getElement(this); }
|
|
8302
|
+
};
|
|
8303
8303
|
PtcSelect.style = ptcSelectCss;
|
|
8304
8304
|
|
|
8305
8305
|
const ptcSpacerCss = ":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.ptc-spacer-horizontal){display:inline-block;height:100% !important}:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.ptc-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.ptc-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.small){width:12px;min-width:12px}}:host(.ptc-spacer-horizontal.medium){height:100%}:host(.ptc-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.large){width:20px;min-width:20px}}:host(.ptc-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.ptc-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.ptc-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.ptc-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.ptc-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.ptc-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.ptc-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.ptc-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.ptc-spacer-vertical.small){height:12px;min-height:12px}}:host(.ptc-spacer-vertical.medium){width:100%}:host(.ptc-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.ptc-spacer-vertical.large){height:20px;min-height:20px}}:host(.ptc-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.ptc-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.ptc-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.ptc-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.ptc-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.ptc-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.ptc-spacer-vertical.space-144){width:100%;height:144px;min-height:144px}:host(.ptc-spacer-vertical.space-120){width:100%;height:120px;min-height:120px}:host(.ptc-spacer-vertical.space-128){width:100%;height:128px;min-height:128px}:host(.ptc-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.ptc-spacer-xx-small){display:block}}:host(.ptc-spacer-x-small){display:none}@media (max-width: 35.99em){:host(.ptc-spacer-x-small){display:block}}:host(.ptc-spacer-small){display:none}@media (min-width: 36em){:host(.ptc-spacer-small){display:block}}:host(.ptc-spacer-medium){display:none}@media (min-width: 48em){:host(.ptc-spacer-medium){display:block}}:host(.ptc-spacer-large){display:none}@media (min-width: 62em){:host(.ptc-spacer-large){display:block}}:host(.ptc-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.ptc-spacer-x-large){display:block}}:host(.ptc-spacer-xx-large){display:none}@media (min-width: 75em){:host(.ptc-spacer-xx-large){display:block}}:host(.ptc-spacer-xxx-large){display:none}@media (min-width: 90em){:host(.ptc-spacer-xxx-large){display:block}}";
|
|
8306
8306
|
|
|
8307
|
-
const PtcSpacer = class {
|
|
8308
|
-
constructor(hostRef) {
|
|
8309
|
-
index.registerInstance(this, hostRef);
|
|
8310
|
-
this.breakpoint = '';
|
|
8311
|
-
this.size = 'medium';
|
|
8312
|
-
this.direction = 'vertical';
|
|
8313
|
-
}
|
|
8314
|
-
render() {
|
|
8315
|
-
const classMap = this.getCssClassMap();
|
|
8316
|
-
return (index.h(index.Host, { class: classMap }));
|
|
8317
|
-
}
|
|
8318
|
-
getCssClassMap() {
|
|
8319
|
-
return {
|
|
8320
|
-
[this.size]: true,
|
|
8321
|
-
['ptc-spacer-horizontal']: this.direction === 'horizontal',
|
|
8322
|
-
['ptc-spacer-vertical']: this.direction === 'vertical',
|
|
8323
|
-
['ptc-spacer-xx-small']: this.breakpoint === 'xx-small',
|
|
8324
|
-
['ptc-spacer-x-small']: this.breakpoint === 'x-small',
|
|
8325
|
-
['ptc-spacer-small']: this.breakpoint === 'small',
|
|
8326
|
-
['ptc-spacer-medium']: this.breakpoint === 'medium',
|
|
8327
|
-
['ptc-spacer-large']: this.breakpoint === 'large',
|
|
8328
|
-
['ptc-spacer-x-large']: this.breakpoint === 'x-large',
|
|
8329
|
-
['ptc-spacer-xx-large']: this.breakpoint === 'xx-large',
|
|
8330
|
-
['ptc-spacer-xxx-large']: this.breakpoint === 'xxx-large',
|
|
8331
|
-
};
|
|
8332
|
-
}
|
|
8333
|
-
};
|
|
8307
|
+
const PtcSpacer = class {
|
|
8308
|
+
constructor(hostRef) {
|
|
8309
|
+
index.registerInstance(this, hostRef);
|
|
8310
|
+
this.breakpoint = '';
|
|
8311
|
+
this.size = 'medium';
|
|
8312
|
+
this.direction = 'vertical';
|
|
8313
|
+
}
|
|
8314
|
+
render() {
|
|
8315
|
+
const classMap = this.getCssClassMap();
|
|
8316
|
+
return (index.h(index.Host, { class: classMap }));
|
|
8317
|
+
}
|
|
8318
|
+
getCssClassMap() {
|
|
8319
|
+
return {
|
|
8320
|
+
[this.size]: true,
|
|
8321
|
+
['ptc-spacer-horizontal']: this.direction === 'horizontal',
|
|
8322
|
+
['ptc-spacer-vertical']: this.direction === 'vertical',
|
|
8323
|
+
['ptc-spacer-xx-small']: this.breakpoint === 'xx-small',
|
|
8324
|
+
['ptc-spacer-x-small']: this.breakpoint === 'x-small',
|
|
8325
|
+
['ptc-spacer-small']: this.breakpoint === 'small',
|
|
8326
|
+
['ptc-spacer-medium']: this.breakpoint === 'medium',
|
|
8327
|
+
['ptc-spacer-large']: this.breakpoint === 'large',
|
|
8328
|
+
['ptc-spacer-x-large']: this.breakpoint === 'x-large',
|
|
8329
|
+
['ptc-spacer-xx-large']: this.breakpoint === 'xx-large',
|
|
8330
|
+
['ptc-spacer-xxx-large']: this.breakpoint === 'xxx-large',
|
|
8331
|
+
};
|
|
8332
|
+
}
|
|
8333
|
+
};
|
|
8334
8334
|
PtcSpacer.style = ptcSpacerCss;
|
|
8335
8335
|
|
|
8336
8336
|
/**
|
|
@@ -11670,268 +11670,268 @@ var intlTelInput = intlTelInput$1;
|
|
|
11670
11670
|
|
|
11671
11671
|
const ptcTextfieldCss = ".mdc-floating-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);position:absolute;left:0;-webkit-transform-origin:left top;transform-origin:left top;line-height:1.15rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;overflow:hidden;will-change:transform;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1)}[dir=rtl] .mdc-floating-label,.mdc-floating-label[dir=rtl]{right:0;left:auto;-webkit-transform-origin:right top;transform-origin:right top;text-align:right;}.mdc-floating-label--float-above{cursor:auto}.mdc-floating-label--required::after{margin-left:1px;margin-right:0px;content:\"*\"}[dir=rtl] .mdc-floating-label--required,.mdc-floating-label--required[dir=rtl]{}[dir=rtl] .mdc-floating-label--required::after,.mdc-floating-label--required[dir=rtl]::after{margin-left:0;margin-right:1px}.mdc-floating-label--float-above{-webkit-transform:translateY(-106%) scale(0.75);transform:translateY(-106%) scale(0.75)}.mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-standard 250ms 1;animation:mdc-floating-label-shake-float-above-standard 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-standard{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-standard{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}}.mdc-line-ripple::before,.mdc-line-ripple::after{position:absolute;bottom:0;left:0;width:100%;border-bottom-style:solid;content:\"\"}.mdc-line-ripple::before{border-bottom-width:1px}.mdc-line-ripple::before{z-index:1}.mdc-line-ripple::after{-webkit-transform:scaleX(0);transform:scaleX(0);border-bottom-width:2px;opacity:0;z-index:2}.mdc-line-ripple::after{transition:opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-line-ripple--active::after{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.mdc-line-ripple--deactivating::after{opacity:0}.mdc-notched-outline{display:flex;position:absolute;top:0;right:0;left:0;box-sizing:border-box;width:100%;max-width:100%;height:100%;text-align:left;pointer-events:none}[dir=rtl] .mdc-notched-outline,.mdc-notched-outline[dir=rtl]{text-align:right;}.mdc-notched-outline__leading,.mdc-notched-outline__notch,.mdc-notched-outline__trailing{box-sizing:border-box;height:100%;border-top:1px solid;border-bottom:1px solid;pointer-events:none}.mdc-notched-outline__leading{border-left:1px solid;border-right:none;width:12px}[dir=rtl] .mdc-notched-outline__leading,.mdc-notched-outline__leading[dir=rtl]{border-left:none;border-right:1px solid;}.mdc-notched-outline__trailing{border-left:none;border-right:1px solid;flex-grow:1}[dir=rtl] .mdc-notched-outline__trailing,.mdc-notched-outline__trailing[dir=rtl]{border-left:1px solid;border-right:none;}.mdc-notched-outline__notch{flex:0 0 auto;width:auto;max-width:calc(100% - 12px * 2)}.mdc-notched-outline .mdc-floating-label{display:inline-block;position:relative;max-width:100%}.mdc-notched-outline .mdc-floating-label--float-above{text-overflow:clip}.mdc-notched-outline--upgraded .mdc-floating-label--float-above{max-width:133.3333333333%}.mdc-notched-outline--notched .mdc-notched-outline__notch{padding-left:0;padding-right:8px;border-top:none}[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch,.mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl]{padding-left:8px;padding-right:0;}.mdc-notched-outline--no-label .mdc-notched-outline__notch{display:none}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-text-field--filled{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-text-field--filled .mdc-text-field__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-text-field--filled .mdc-text-field__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale, 1));transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-text-field--filled.mdc-ripple-upgraded--unbounded .mdc-text-field__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-text-field--filled.mdc-ripple-upgraded--foreground-activation .mdc-text-field__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-text-field--filled.mdc-ripple-upgraded--foreground-deactivation .mdc-text-field__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-text-field__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mdc-text-field{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:0;border-bottom-left-radius:0;display:inline-flex;align-items:baseline;padding:0 16px;position:relative;box-sizing:border-box;overflow:hidden;will-change:opacity, transform, color}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input{color:rgba(0, 0, 0, 0.87)}@media all{.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder{color:rgba(0, 0, 0, 0.54)}}@media all{.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.54)}}.mdc-text-field .mdc-text-field__input{caret-color:#6200ee;caret-color:var(--mdc-theme-primary, #6200ee)}.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix{color:rgba(0, 0, 0, 0.6)}.mdc-text-field .mdc-floating-label{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none}.mdc-text-field__input{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);height:28px;transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);width:100%;min-width:0;border:none;border-radius:0;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0}.mdc-text-field__input::-ms-clear{display:none}.mdc-text-field__input::-webkit-calendar-picker-indicator{display:none}.mdc-text-field__input:focus{outline:none}.mdc-text-field__input:invalid{box-shadow:none}@media all{.mdc-text-field__input::-webkit-input-placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}.mdc-text-field__input:-ms-input-placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}.mdc-text-field__input::-ms-input-placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}.mdc-text-field__input::placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}}@media all{.mdc-text-field__input:-ms-input-placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}}@media all{.mdc-text-field--no-label .mdc-text-field__input::-webkit-input-placeholder,.mdc-text-field--focused .mdc-text-field__input::-webkit-input-placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}.mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder,.mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}.mdc-text-field--no-label .mdc-text-field__input::-ms-input-placeholder,.mdc-text-field--focused .mdc-text-field__input::-ms-input-placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}.mdc-text-field--no-label .mdc-text-field__input::placeholder,.mdc-text-field--focused .mdc-text-field__input::placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}}@media all{.mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder,.mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}}.mdc-text-field__affix{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);height:28px;transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0;white-space:nowrap}.mdc-text-field--label-floating .mdc-text-field__affix,.mdc-text-field--no-label .mdc-text-field__affix{opacity:1}@supports (-webkit-hyphens: none){.mdc-text-field--outlined .mdc-text-field__affix{align-items:center;align-self:center;display:inline-flex;height:100%}}.mdc-text-field__affix--prefix{padding-left:0;padding-right:2px}[dir=rtl] .mdc-text-field__affix--prefix,.mdc-text-field__affix--prefix[dir=rtl]{padding-left:2px;padding-right:0;}.mdc-text-field--end-aligned .mdc-text-field__affix--prefix{padding-left:0;padding-right:12px}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix,.mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl]{padding-left:12px;padding-right:0;}.mdc-text-field__affix--suffix{padding-left:12px;padding-right:0}[dir=rtl] .mdc-text-field__affix--suffix,.mdc-text-field__affix--suffix[dir=rtl]{padding-left:0;padding-right:12px;}.mdc-text-field--end-aligned .mdc-text-field__affix--suffix{padding-left:2px;padding-right:0}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix,.mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl]{padding-left:0;padding-right:2px;}.mdc-text-field--filled{height:56px}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{background-color:rgba(0, 0, 0, 0.87);background-color:var(--mdc-ripple-color, rgba(0, 0, 0, 0.87))}.mdc-text-field--filled:hover .mdc-text-field__ripple::before,.mdc-text-field--filled.mdc-ripple-surface--hover .mdc-text-field__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before,.mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-text-field--filled::before{display:inline-block;width:0;height:40px;content:\"\";vertical-align:0}.mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:whitesmoke}.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.42)}.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.87)}.mdc-text-field--filled .mdc-line-ripple::after{border-bottom-color:#6200ee;border-bottom-color:var(--mdc-theme-primary, #6200ee)}.mdc-text-field--filled .mdc-floating-label{left:16px;right:initial}[dir=rtl] .mdc-text-field--filled .mdc-floating-label,.mdc-text-field--filled .mdc-floating-label[dir=rtl]{left:initial;right:16px;}.mdc-text-field--filled .mdc-floating-label--float-above{-webkit-transform:translateY(-106%) scale(0.75);transform:translateY(-106%) scale(0.75)}.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input{height:100%}.mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label{display:none}.mdc-text-field--filled.mdc-text-field--no-label::before{display:none}@supports (-webkit-hyphens: none){.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__affix{align-items:center;align-self:center;display:inline-flex;height:100%}}.mdc-text-field--outlined{height:56px;overflow:visible}.mdc-text-field--outlined .mdc-floating-label--float-above{-webkit-transform:translateY(-37.25px) scale(1);transform:translateY(-37.25px) scale(1)}.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:0.75rem}.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{-webkit-transform:translateY(-34.75px) scale(0.75);transform:translateY(-34.75px) scale(0.75)}.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--outlined .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;animation:mdc-floating-label-shake-float-above-text-field-outlined 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-text-field-outlined{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}}.mdc-text-field--outlined .mdc-text-field__input{height:100%}.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.38)}.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.87)}.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mdc-shape-small, 4px)}[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl]{border-top-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mdc-shape-small, 4px);border-bottom-left-radius:0;}@supports (top: max(0%)){.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{width:max(12px, var(--mdc-shape-small, 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch{max-width:calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2)}}.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing{border-top-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mdc-shape-small, 4px);border-bottom-left-radius:0}[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing,.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl]{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mdc-shape-small, 4px);}@supports (top: max(0%)){.mdc-text-field--outlined{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined{padding-right:max(16px, var(--mdc-shape-small, 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined+.mdc-text-field-helper-line{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined+.mdc-text-field-helper-line{padding-right:max(16px, var(--mdc-shape-small, 4px))}}.mdc-text-field--outlined.mdc-text-field--with-leading-icon{padding-left:0}@supports (top: max(0%)){.mdc-text-field--outlined.mdc-text-field--with-leading-icon{padding-right:max(16px, var(--mdc-shape-small, 4px))}}[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl]{padding-right:0;}@supports (top: max(0%)){[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl]{padding-left:max(16px, var(--mdc-shape-small, 4px))}}.mdc-text-field--outlined.mdc-text-field--with-trailing-icon{padding-right:0}@supports (top: max(0%)){.mdc-text-field--outlined.mdc-text-field--with-trailing-icon{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl]{padding-left:0;}@supports (top: max(0%)){[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl]{padding-right:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon{padding-left:0;padding-right:0}.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:1px}.mdc-text-field--outlined .mdc-text-field__ripple::before,.mdc-text-field--outlined .mdc-text-field__ripple::after{background-color:transparent;background-color:var(--mdc-ripple-color, transparent)}.mdc-text-field--outlined .mdc-floating-label{left:4px;right:initial}[dir=rtl] .mdc-text-field--outlined .mdc-floating-label,.mdc-text-field--outlined .mdc-floating-label[dir=rtl]{left:initial;right:4px;}.mdc-text-field--outlined .mdc-text-field__input{display:flex;border:none !important;background-color:transparent}.mdc-text-field--outlined .mdc-notched-outline{z-index:1}.mdc-text-field--textarea{flex-direction:column;align-items:center;width:auto;height:auto;padding:0;transition:none}.mdc-text-field--textarea .mdc-floating-label{top:19px}.mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above){-webkit-transform:none;transform:none}.mdc-text-field--textarea .mdc-text-field__input{flex-grow:1;height:auto;min-height:1.5rem;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;resize:none;padding:0 16px;line-height:1.5rem}.mdc-text-field--textarea.mdc-text-field--filled::before{display:none}.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above{-webkit-transform:translateY(-10.25px) scale(0.75);transform:translateY(-10.25px) scale(0.75)}.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-textarea-filled 250ms 1;animation:mdc-floating-label-shake-float-above-textarea-filled 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-textarea-filled{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-textarea-filled{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}}.mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input{margin-top:23px;margin-bottom:9px}.mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input{margin-top:16px;margin-bottom:16px}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:0}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above{-webkit-transform:translateY(-27.25px) scale(1);transform:translateY(-27.25px) scale(1)}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:0.75rem}.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{-webkit-transform:translateY(-24.75px) scale(0.75);transform:translateY(-24.75px) scale(0.75)}.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-textarea-outlined 250ms 1;animation:mdc-floating-label-shake-float-above-textarea-outlined 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-textarea-outlined{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-textarea-outlined{0%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input{margin-top:16px;margin-bottom:16px}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label{top:18px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field__input{margin-bottom:2px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter{align-self:flex-end;padding:0 16px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::after{display:inline-block;width:0;height:16px;content:\"\";vertical-align:-16px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::before{display:none}.mdc-text-field__resizer{align-self:stretch;display:inline-flex;flex-direction:column;flex-grow:1;max-height:100%;max-width:100%;min-height:56px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;min-width:-moz-available;min-width:-webkit-fill-available;overflow:hidden;resize:both}.mdc-text-field--filled .mdc-text-field__resizer{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input,.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field-character-counter{-webkit-transform:translateY(1px);transform:translateY(1px)}.mdc-text-field--outlined .mdc-text-field__resizer{-webkit-transform:translateX(-1px) translateY(-1px);transform:translateX(-1px) translateY(-1px)}[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer,.mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl]{-webkit-transform:translateX(1px) translateY(-1px);transform:translateX(1px) translateY(-1px);}.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter{-webkit-transform:translateX(1px) translateY(1px);transform:translateX(1px) translateY(1px)}[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter,.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl],.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl]{-webkit-transform:translateX(-1px) translateY(1px);transform:translateX(-1px) translateY(1px);}.mdc-text-field--with-leading-icon{padding-left:0;padding-right:16px}[dir=rtl] .mdc-text-field--with-leading-icon,.mdc-text-field--with-leading-icon[dir=rtl]{padding-left:16px;padding-right:0;}.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 48px);left:48px;right:initial}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label,.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl]{left:initial;right:48px;}.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 64px / 0.75)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label{left:36px;right:initial}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl]{left:initial;right:36px;}.mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 60px)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{-webkit-transform:translateY(-37.25px) translateX(-32px) scale(1);transform:translateY(-37.25px) translateX(-32px) scale(1)}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl]{-webkit-transform:translateY(-37.25px) translateX(32px) scale(1);transform:translateY(-37.25px) translateX(32px) scale(1);}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:0.75rem}.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{-webkit-transform:translateY(-34.75px) translateX(-32px) scale(0.75);transform:translateY(-34.75px) translateX(-32px) scale(0.75)}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl]{-webkit-transform:translateY(-34.75px) translateX(32px) scale(0.75);transform:translateY(-34.75px) translateX(32px) scale(0.75);}.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon{0%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon{0%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined,.mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl]{}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake,.mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake{-webkit-animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1}@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl{0%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}}@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl{0%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}33%{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);-webkit-transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75)}66%{-webkit-animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);-webkit-transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75)}100%{-webkit-transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}}.mdc-text-field--with-trailing-icon{padding-left:16px;padding-right:0}[dir=rtl] .mdc-text-field--with-trailing-icon,.mdc-text-field--with-trailing-icon[dir=rtl]{padding-left:0;padding-right:16px;}.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 64px)}.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 64px / 0.75)}.mdc-text-field--with-trailing-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 60px)}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon{padding-left:0;padding-right:0}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 96px)}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 96px / 0.75)}.mdc-text-field-helper-line{display:flex;justify-content:space-between;box-sizing:border-box}.mdc-text-field+.mdc-text-field-helper-line{padding-right:16px;padding-left:16px}.mdc-form-field>.mdc-text-field+label{align-self:flex-start}.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(98, 0, 238, 0.87)}.mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--focused .mdc-notched-outline__trailing{border-width:2px}.mdc-text-field--focused+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg){opacity:1}.mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:2px}.mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:0}.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid .mdc-text-field__input{caret-color:#b00020;caret-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{opacity:1}.mdc-text-field--disabled{pointer-events:none}.mdc-text-field--disabled .mdc-text-field__input{color:rgba(0, 0, 0, 0.38)}@media all{.mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:rgba(0, 0, 0, 0.38)}}@media all{.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.38)}}.mdc-text-field--disabled .mdc-floating-label{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__icon--leading{color:rgba(0, 0, 0, 0.3)}.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:rgba(0, 0, 0, 0.3)}.mdc-text-field--disabled .mdc-text-field__affix--prefix{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__affix--suffix{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.06)}.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.06)}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder{color:GrayText}.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:GrayText}.mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder{color:GrayText}.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-floating-label{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__icon--leading{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__affix--prefix{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__affix--suffix{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:GrayText}}@media screen and (forced-colors: active){.mdc-text-field--disabled .mdc-text-field__input{background-color:Window}.mdc-text-field--disabled .mdc-floating-label{z-index:1}}.mdc-text-field--disabled .mdc-floating-label{cursor:default}.mdc-text-field--disabled.mdc-text-field--filled{background-color:#fafafa}.mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple{display:none}.mdc-text-field--disabled .mdc-text-field__input{pointer-events:auto}.mdc-text-field--end-aligned .mdc-text-field__input{text-align:right}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input,.mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl]{text-align:left;}[dir=rtl] .mdc-text-field--ltr-text,.mdc-text-field--ltr-text[dir=rtl]{}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix{direction:ltr}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix{padding-left:0;padding-right:2px}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix{padding-left:12px;padding-right:0}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading{order:1}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix{order:2}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input{order:3}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix{order:4}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing{order:5}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl]{}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input{text-align:right}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix{padding-right:12px}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix{padding-left:2px}.mdc-text-field-helper-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin:0;opacity:0;will-change:opacity;transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-text-field-helper-text::before{display:inline-block;width:0;height:16px;content:\"\";vertical-align:0}.mdc-text-field-helper-text--persistent{transition:none;opacity:1;will-change:initial}.mdc-text-field-character-counter{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-left:auto;margin-right:0;padding-left:16px;padding-right:0;white-space:nowrap}.mdc-text-field-character-counter::before{display:inline-block;width:0;height:16px;content:\"\";vertical-align:0}[dir=rtl] .mdc-text-field-character-counter,.mdc-text-field-character-counter[dir=rtl]{margin-left:0;margin-right:auto;}[dir=rtl] .mdc-text-field-character-counter,.mdc-text-field-character-counter[dir=rtl]{padding-left:0;padding-right:16px;}.mdc-text-field__icon{align-self:center;cursor:pointer}.mdc-text-field__icon:not([tabindex]),.mdc-text-field__icon[tabindex=\"-1\"]{cursor:default;pointer-events:none}.mdc-text-field__icon svg{display:block}.mdc-text-field__icon--leading{margin-left:16px;margin-right:8px}[dir=rtl] .mdc-text-field__icon--leading,.mdc-text-field__icon--leading[dir=rtl]{margin-left:8px;margin-right:16px;}.mdc-text-field__icon--trailing{padding:12px;margin-left:0px;margin-right:0px}[dir=rtl] .mdc-text-field__icon--trailing,.mdc-text-field__icon--trailing[dir=rtl]{margin-left:0px;margin-right:0px;}.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti input,.iti input[type=text],.iti input[type=tel]{position:relative;z-index:0;margin-top:0 !important;margin-bottom:0 !important;padding-right:36px;margin-right:0}.iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 0 8px}.iti__arrow{margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}[dir=rtl] .iti__arrow{margin-right:6px;margin-left:0}.iti__arrow--up{border-top:none;border-bottom:4px solid #555}.iti__country-list{position:absolute;z-index:2;list-style:none;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0, 0, 0, 0.2);background-color:white;border:1px solid #ccc;white-space:nowrap;max-height:200px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti__country-list--dropup{bottom:100%;margin-bottom:-1px}@media (max-width: 500px){.iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:20px}.iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.iti__country{display:flex;align-items:center;padding:5px 10px;outline:none}.iti__dial-code{color:#999}.iti__country.iti__highlight{background-color:rgba(0, 0, 0, 0.05)}.iti__flag-box,.iti__country-name{margin-right:6px}[dir=rtl] .iti__flag-box,[dir=rtl] .iti__country-name{margin-right:0;margin-left:6px}.iti--allow-dropdown input,.iti--allow-dropdown input[type=text],.iti--allow-dropdown input[type=tel],.iti--separate-dial-code input,.iti--separate-dial-code input[type=text],.iti--separate-dial-code input[type=tel]{padding-right:6px;padding-left:52px;margin-left:0}[dir=rtl] .iti--allow-dropdown input,[dir=rtl] .iti--allow-dropdown input[type=text],[dir=rtl] .iti--allow-dropdown input[type=tel],[dir=rtl] .iti--separate-dial-code input,[dir=rtl] .iti--separate-dial-code input[type=text],[dir=rtl] .iti--separate-dial-code input[type=tel]{padding-right:52px;padding-left:6px;margin-right:0}.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{right:auto;left:0}[dir=rtl] .iti--allow-dropdown .iti__flag-container,[dir=rtl] .iti--separate-dial-code .iti__flag-container{right:0;left:auto}.iti--allow-dropdown .iti__flag-container:hover{cursor:pointer}.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:rgba(0, 0, 0, 0.05)}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover{cursor:default}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag{background-color:transparent}.iti--separate-dial-code .iti__selected-flag{background-color:rgba(0, 0, 0, 0.05)}.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{margin-left:6px}[dir=rtl] .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{margin-left:0;margin-right:6px}.iti--container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.iti--container:hover{cursor:pointer}.iti-mobile .iti--container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .iti__country-list{max-height:100%;width:100%}.iti-mobile .iti__country{padding:10px 10px;line-height:1.5em}.iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.iti__flag{background-size:5762px 15px}}.iti__flag.iti__ac{height:10px;background-position:0px 0px}.iti__flag.iti__ad{height:14px;background-position:-22px 0px}.iti__flag.iti__ae{height:10px;background-position:-44px 0px}.iti__flag.iti__af{height:14px;background-position:-66px 0px}.iti__flag.iti__ag{height:14px;background-position:-88px 0px}.iti__flag.iti__ai{height:10px;background-position:-110px 0px}.iti__flag.iti__al{height:15px;background-position:-132px 0px}.iti__flag.iti__am{height:10px;background-position:-154px 0px}.iti__flag.iti__ao{height:14px;background-position:-176px 0px}.iti__flag.iti__aq{height:14px;background-position:-198px 0px}.iti__flag.iti__ar{height:13px;background-position:-220px 0px}.iti__flag.iti__as{height:10px;background-position:-242px 0px}.iti__flag.iti__at{height:14px;background-position:-264px 0px}.iti__flag.iti__au{height:10px;background-position:-286px 0px}.iti__flag.iti__aw{height:14px;background-position:-308px 0px}.iti__flag.iti__ax{height:13px;background-position:-330px 0px}.iti__flag.iti__az{height:10px;background-position:-352px 0px}.iti__flag.iti__ba{height:10px;background-position:-374px 0px}.iti__flag.iti__bb{height:14px;background-position:-396px 0px}.iti__flag.iti__bd{height:12px;background-position:-418px 0px}.iti__flag.iti__be{height:15px;background-position:-440px 0px}.iti__flag.iti__bf{height:14px;background-position:-460px 0px}.iti__flag.iti__bg{height:12px;background-position:-482px 0px}.iti__flag.iti__bh{height:12px;background-position:-504px 0px}.iti__flag.iti__bi{height:12px;background-position:-526px 0px}.iti__flag.iti__bj{height:14px;background-position:-548px 0px}.iti__flag.iti__bl{height:14px;background-position:-570px 0px}.iti__flag.iti__bm{height:10px;background-position:-592px 0px}.iti__flag.iti__bn{height:10px;background-position:-614px 0px}.iti__flag.iti__bo{height:14px;background-position:-636px 0px}.iti__flag.iti__bq{height:14px;background-position:-658px 0px}.iti__flag.iti__br{height:14px;background-position:-680px 0px}.iti__flag.iti__bs{height:10px;background-position:-702px 0px}.iti__flag.iti__bt{height:14px;background-position:-724px 0px}.iti__flag.iti__bv{height:15px;background-position:-746px 0px}.iti__flag.iti__bw{height:14px;background-position:-768px 0px}.iti__flag.iti__by{height:10px;background-position:-790px 0px}.iti__flag.iti__bz{height:12px;background-position:-812px 0px}.iti__flag.iti__ca{height:10px;background-position:-834px 0px}.iti__flag.iti__cc{height:10px;background-position:-856px 0px}.iti__flag.iti__cd{height:15px;background-position:-878px 0px}.iti__flag.iti__cf{height:14px;background-position:-900px 0px}.iti__flag.iti__cg{height:14px;background-position:-922px 0px}.iti__flag.iti__ch{height:15px;background-position:-944px 0px}.iti__flag.iti__ci{height:14px;background-position:-961px 0px}.iti__flag.iti__ck{height:10px;background-position:-983px 0px}.iti__flag.iti__cl{height:14px;background-position:-1005px 0px}.iti__flag.iti__cm{height:14px;background-position:-1027px 0px}.iti__flag.iti__cn{height:14px;background-position:-1049px 0px}.iti__flag.iti__co{height:14px;background-position:-1071px 0px}.iti__flag.iti__cp{height:14px;background-position:-1093px 0px}.iti__flag.iti__cq{height:12px;background-position:-1115px 0px}.iti__flag.iti__cr{height:12px;background-position:-1137px 0px}.iti__flag.iti__cu{height:10px;background-position:-1159px 0px}.iti__flag.iti__cv{height:12px;background-position:-1181px 0px}.iti__flag.iti__cw{height:14px;background-position:-1203px 0px}.iti__flag.iti__cx{height:10px;background-position:-1225px 0px}.iti__flag.iti__cy{height:14px;background-position:-1247px 0px}.iti__flag.iti__cz{height:14px;background-position:-1269px 0px}.iti__flag.iti__de{height:12px;background-position:-1291px 0px}.iti__flag.iti__dg{height:10px;background-position:-1313px 0px}.iti__flag.iti__dj{height:14px;background-position:-1335px 0px}.iti__flag.iti__dk{height:15px;background-position:-1357px 0px}.iti__flag.iti__dm{height:10px;background-position:-1379px 0px}.iti__flag.iti__do{height:14px;background-position:-1401px 0px}.iti__flag.iti__dz{height:14px;background-position:-1423px 0px}.iti__flag.iti__ea{height:14px;background-position:-1445px 0px}.iti__flag.iti__ec{height:14px;background-position:-1467px 0px}.iti__flag.iti__ee{height:13px;background-position:-1489px 0px}.iti__flag.iti__eg{height:14px;background-position:-1511px 0px}.iti__flag.iti__eh{height:10px;background-position:-1533px 0px}.iti__flag.iti__er{height:10px;background-position:-1555px 0px}.iti__flag.iti__es{height:14px;background-position:-1577px 0px}.iti__flag.iti__et{height:10px;background-position:-1599px 0px}.iti__flag.iti__eu{height:14px;background-position:-1621px 0px}.iti__flag.iti__ez{height:14px;background-position:-1643px 0px}.iti__flag.iti__fi{height:12px;background-position:-1665px 0px}.iti__flag.iti__fj{height:10px;background-position:-1687px 0px}.iti__flag.iti__fk{height:10px;background-position:-1709px 0px}.iti__flag.iti__fm{height:11px;background-position:-1731px 0px}.iti__flag.iti__fo{height:15px;background-position:-1753px 0px}.iti__flag.iti__fr{height:14px;background-position:-1775px 0px}.iti__flag.iti__fx{height:14px;background-position:-1797px 0px}.iti__flag.iti__ga{height:15px;background-position:-1819px 0px}.iti__flag.iti__gb{height:10px;background-position:-1841px 0px}.iti__flag.iti__gd{height:12px;background-position:-1863px 0px}.iti__flag.iti__ge{height:14px;background-position:-1885px 0px}.iti__flag.iti__gf{height:14px;background-position:-1907px 0px}.iti__flag.iti__gg{height:14px;background-position:-1929px 0px}.iti__flag.iti__gh{height:14px;background-position:-1951px 0px}.iti__flag.iti__gi{height:10px;background-position:-1973px 0px}.iti__flag.iti__gl{height:14px;background-position:-1995px 0px}.iti__flag.iti__gm{height:14px;background-position:-2017px 0px}.iti__flag.iti__gn{height:14px;background-position:-2039px 0px}.iti__flag.iti__gp{height:14px;background-position:-2061px 0px}.iti__flag.iti__gq{height:14px;background-position:-2083px 0px}.iti__flag.iti__gr{height:14px;background-position:-2105px 0px}.iti__flag.iti__gs{height:10px;background-position:-2127px 0px}.iti__flag.iti__gt{height:13px;background-position:-2149px 0px}.iti__flag.iti__gu{height:11px;background-position:-2171px 0px}.iti__flag.iti__gw{height:10px;background-position:-2193px 0px}.iti__flag.iti__gy{height:12px;background-position:-2215px 0px}.iti__flag.iti__hk{height:14px;background-position:-2237px 0px}.iti__flag.iti__hm{height:10px;background-position:-2259px 0px}.iti__flag.iti__hn{height:10px;background-position:-2281px 0px}.iti__flag.iti__hr{height:10px;background-position:-2303px 0px}.iti__flag.iti__ht{height:12px;background-position:-2325px 0px}.iti__flag.iti__hu{height:10px;background-position:-2347px 0px}.iti__flag.iti__ic{height:14px;background-position:-2369px 0px}.iti__flag.iti__id{height:14px;background-position:-2391px 0px}.iti__flag.iti__ie{height:10px;background-position:-2413px 0px}.iti__flag.iti__il{height:15px;background-position:-2435px 0px}.iti__flag.iti__im{height:10px;background-position:-2457px 0px}.iti__flag.iti__in{height:14px;background-position:-2479px 0px}.iti__flag.iti__io{height:10px;background-position:-2501px 0px}.iti__flag.iti__iq{height:14px;background-position:-2523px 0px}.iti__flag.iti__ir{height:12px;background-position:-2545px 0px}.iti__flag.iti__is{height:15px;background-position:-2567px 0px}.iti__flag.iti__it{height:14px;background-position:-2589px 0px}.iti__flag.iti__je{height:12px;background-position:-2611px 0px}.iti__flag.iti__jm{height:10px;background-position:-2633px 0px}.iti__flag.iti__jo{height:10px;background-position:-2655px 0px}.iti__flag.iti__jp{height:14px;background-position:-2677px 0px}.iti__flag.iti__ke{height:14px;background-position:-2699px 0px}.iti__flag.iti__kg{height:12px;background-position:-2721px 0px}.iti__flag.iti__kh{height:13px;background-position:-2743px 0px}.iti__flag.iti__ki{height:10px;background-position:-2765px 0px}.iti__flag.iti__km{height:12px;background-position:-2787px 0px}.iti__flag.iti__kn{height:14px;background-position:-2809px 0px}.iti__flag.iti__kp{height:10px;background-position:-2831px 0px}.iti__flag.iti__kr{height:14px;background-position:-2853px 0px}.iti__flag.iti__kw{height:10px;background-position:-2875px 0px}.iti__flag.iti__ky{height:10px;background-position:-2897px 0px}.iti__flag.iti__kz{height:10px;background-position:-2919px 0px}.iti__flag.iti__la{height:14px;background-position:-2941px 0px}.iti__flag.iti__lb{height:14px;background-position:-2963px 0px}.iti__flag.iti__lc{height:10px;background-position:-2985px 0px}.iti__flag.iti__li{height:12px;background-position:-3007px 0px}.iti__flag.iti__lk{height:10px;background-position:-3029px 0px}.iti__flag.iti__lr{height:11px;background-position:-3051px 0px}.iti__flag.iti__ls{height:14px;background-position:-3073px 0px}.iti__flag.iti__lt{height:12px;background-position:-3095px 0px}.iti__flag.iti__lu{height:12px;background-position:-3117px 0px}.iti__flag.iti__lv{height:10px;background-position:-3139px 0px}.iti__flag.iti__ly{height:10px;background-position:-3161px 0px}.iti__flag.iti__ma{height:14px;background-position:-3183px 0px}.iti__flag.iti__mc{height:15px;background-position:-3205px 0px}.iti__flag.iti__md{height:10px;background-position:-3226px 0px}.iti__flag.iti__me{height:10px;background-position:-3248px 0px}.iti__flag.iti__mf{height:14px;background-position:-3270px 0px}.iti__flag.iti__mg{height:14px;background-position:-3292px 0px}.iti__flag.iti__mh{height:11px;background-position:-3314px 0px}.iti__flag.iti__mk{height:10px;background-position:-3336px 0px}.iti__flag.iti__ml{height:14px;background-position:-3358px 0px}.iti__flag.iti__mm{height:14px;background-position:-3380px 0px}.iti__flag.iti__mn{height:10px;background-position:-3402px 0px}.iti__flag.iti__mo{height:14px;background-position:-3424px 0px}.iti__flag.iti__mp{height:10px;background-position:-3446px 0px}.iti__flag.iti__mq{height:14px;background-position:-3468px 0px}.iti__flag.iti__mr{height:14px;background-position:-3490px 0px}.iti__flag.iti__ms{height:10px;background-position:-3512px 0px}.iti__flag.iti__mt{height:14px;background-position:-3534px 0px}.iti__flag.iti__mu{height:14px;background-position:-3556px 0px}.iti__flag.iti__mv{height:14px;background-position:-3578px 0px}.iti__flag.iti__mw{height:14px;background-position:-3600px 0px}.iti__flag.iti__mx{height:12px;background-position:-3622px 0px}.iti__flag.iti__my{height:10px;background-position:-3644px 0px}.iti__flag.iti__mz{height:14px;background-position:-3666px 0px}.iti__flag.iti__na{height:14px;background-position:-3688px 0px}.iti__flag.iti__nc{height:10px;background-position:-3710px 0px}.iti__flag.iti__ne{height:15px;background-position:-3732px 0px}.iti__flag.iti__nf{height:10px;background-position:-3752px 0px}.iti__flag.iti__ng{height:10px;background-position:-3774px 0px}.iti__flag.iti__ni{height:12px;background-position:-3796px 0px}.iti__flag.iti__nl{height:14px;background-position:-3818px 0px}.iti__flag.iti__no{height:15px;background-position:-3840px 0px}.iti__flag.iti__np{height:15px;background-position:-3862px 0px}.iti__flag.iti__nr{height:10px;background-position:-3877px 0px}.iti__flag.iti__nu{height:10px;background-position:-3899px 0px}.iti__flag.iti__nz{height:10px;background-position:-3921px 0px}.iti__flag.iti__om{height:10px;background-position:-3943px 0px}.iti__flag.iti__pa{height:14px;background-position:-3965px 0px}.iti__flag.iti__pe{height:14px;background-position:-3987px 0px}.iti__flag.iti__pf{height:14px;background-position:-4009px 0px}.iti__flag.iti__pg{height:15px;background-position:-4031px 0px}.iti__flag.iti__ph{height:10px;background-position:-4053px 0px}.iti__flag.iti__pk{height:14px;background-position:-4075px 0px}.iti__flag.iti__pl{height:13px;background-position:-4097px 0px}.iti__flag.iti__pm{height:14px;background-position:-4119px 0px}.iti__flag.iti__pn{height:10px;background-position:-4141px 0px}.iti__flag.iti__pr{height:14px;background-position:-4163px 0px}.iti__flag.iti__ps{height:10px;background-position:-4185px 0px}.iti__flag.iti__pt{height:14px;background-position:-4207px 0px}.iti__flag.iti__pw{height:13px;background-position:-4229px 0px}.iti__flag.iti__py{height:11px;background-position:-4251px 0px}.iti__flag.iti__qa{height:8px;background-position:-4273px 0px}.iti__flag.iti__re{height:14px;background-position:-4295px 0px}.iti__flag.iti__ro{height:14px;background-position:-4317px 0px}.iti__flag.iti__rs{height:14px;background-position:-4339px 0px}.iti__flag.iti__ru{height:14px;background-position:-4361px 0px}.iti__flag.iti__rw{height:14px;background-position:-4383px 0px}.iti__flag.iti__sa{height:14px;background-position:-4405px 0px}.iti__flag.iti__sb{height:10px;background-position:-4427px 0px}.iti__flag.iti__sc{height:10px;background-position:-4449px 0px}.iti__flag.iti__sd{height:10px;background-position:-4471px 0px}.iti__flag.iti__se{height:13px;background-position:-4493px 0px}.iti__flag.iti__sg{height:14px;background-position:-4515px 0px}.iti__flag.iti__sh{height:10px;background-position:-4537px 0px}.iti__flag.iti__si{height:10px;background-position:-4559px 0px}.iti__flag.iti__sj{height:15px;background-position:-4581px 0px}.iti__flag.iti__sk{height:14px;background-position:-4603px 0px}.iti__flag.iti__sl{height:14px;background-position:-4625px 0px}.iti__flag.iti__sm{height:15px;background-position:-4647px 0px}.iti__flag.iti__sn{height:14px;background-position:-4669px 0px}.iti__flag.iti__so{height:14px;background-position:-4691px 0px}.iti__flag.iti__sr{height:14px;background-position:-4713px 0px}.iti__flag.iti__ss{height:10px;background-position:-4735px 0px}.iti__flag.iti__st{height:10px;background-position:-4757px 0px}.iti__flag.iti__su{height:10px;background-position:-4779px 0px}.iti__flag.iti__sv{height:12px;background-position:-4801px 0px}.iti__flag.iti__sx{height:14px;background-position:-4823px 0px}.iti__flag.iti__sy{height:14px;background-position:-4845px 0px}.iti__flag.iti__sz{height:14px;background-position:-4867px 0px}.iti__flag.iti__ta{height:10px;background-position:-4889px 0px}.iti__flag.iti__tc{height:10px;background-position:-4911px 0px}.iti__flag.iti__td{height:14px;background-position:-4933px 0px}.iti__flag.iti__tf{height:14px;background-position:-4955px 0px}.iti__flag.iti__tg{height:13px;background-position:-4977px 0px}.iti__flag.iti__th{height:14px;background-position:-4999px 0px}.iti__flag.iti__tj{height:10px;background-position:-5021px 0px}.iti__flag.iti__tk{height:10px;background-position:-5043px 0px}.iti__flag.iti__tl{height:10px;background-position:-5065px 0px}.iti__flag.iti__tm{height:14px;background-position:-5087px 0px}.iti__flag.iti__tn{height:14px;background-position:-5109px 0px}.iti__flag.iti__to{height:10px;background-position:-5131px 0px}.iti__flag.iti__tr{height:14px;background-position:-5153px 0px}.iti__flag.iti__tt{height:12px;background-position:-5175px 0px}.iti__flag.iti__tv{height:10px;background-position:-5197px 0px}.iti__flag.iti__tw{height:14px;background-position:-5219px 0px}.iti__flag.iti__tz{height:14px;background-position:-5241px 0px}.iti__flag.iti__ua{height:14px;background-position:-5263px 0px}.iti__flag.iti__ug{height:14px;background-position:-5285px 0px}.iti__flag.iti__uk{height:10px;background-position:-5307px 0px}.iti__flag.iti__um{height:11px;background-position:-5329px 0px}.iti__flag.iti__un{height:14px;background-position:-5351px 0px}.iti__flag.iti__us{height:11px;background-position:-5373px 0px}.iti__flag.iti__uy{height:14px;background-position:-5395px 0px}.iti__flag.iti__uz{height:10px;background-position:-5417px 0px}.iti__flag.iti__va{height:15px;background-position:-5439px 0px}.iti__flag.iti__vc{height:14px;background-position:-5456px 0px}.iti__flag.iti__ve{height:14px;background-position:-5478px 0px}.iti__flag.iti__vg{height:10px;background-position:-5500px 0px}.iti__flag.iti__vi{height:14px;background-position:-5522px 0px}.iti__flag.iti__vn{height:14px;background-position:-5544px 0px}.iti__flag.iti__vu{height:12px;background-position:-5566px 0px}.iti__flag.iti__wf{height:14px;background-position:-5588px 0px}.iti__flag.iti__ws{height:10px;background-position:-5610px 0px}.iti__flag.iti__xk{height:15px;background-position:-5632px 0px}.iti__flag.iti__ye{height:14px;background-position:-5654px 0px}.iti__flag.iti__yt{height:14px;background-position:-5676px 0px}.iti__flag.iti__za{height:14px;background-position:-5698px 0px}.iti__flag.iti__zm{height:14px;background-position:-5720px 0px}.iti__flag.iti__zw{height:10px;background-position:-5742px 0px}.iti__flag{height:15px;box-shadow:0px 0px 1px 0px #888;background-image:url(\"../img/flags.png?1\");background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.iti__flag{background-image:url(\"../img/flags@2x.png?1\")}}.iti__flag.iti__np{background-color:transparent}:host{display:block}.ptc-text-field{display:block;margin-bottom:var(--ptc-element-spacing-04)}.ptc-text-field.invalid-field{position:relative}.ptc-text-field.invalid-field::before{content:\"\";position:absolute;width:calc(100% + 16px);height:calc(100% + 10px);background:#FEF3F3;display:flex;flex-direction:column;justify-content:center;z-index:0;left:50%;top:50%;transform:translate(-50%, -50%)}.ptc-text-field .phone-field-style{z-index:3}.ptc-text-field form{width:273px;display:flex;flex-direction:column;justify-content:center;align-items:center}.ptc-text-field .ptc-label{display:block;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);line-height:normal;margin-bottom:var(--ptc-element-spacing-01);position:relative;z-index:1;color:#40434A}.ptc-text-field .mdc-text-field-helper-line{display:flex;flex-direction:column;height:0}.ptc-text-field .mdc-text-field+.mdc-text-field-helper-line{padding-left:8px}.ptc-text-field .mdc-text-field-helper-text{color:#40434A;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-style:normal;font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-densest);max-width:240px;opacity:0}.ptc-text-field .mdc-text-field--invalid+.mdc-text-field-helper-line{height:auto}.ptc-text-field .mdc-text-field--invalid+.mdc-text-field-helper-line .input-error-svg{transform:translate(-8px, 3px)}.ptc-text-field .mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text{opacity:1}.ptc-text-field .field-with-counter{position:relative}.ptc-text-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.ptc-text-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.ptc-text-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--color-blue-07)}.ptc-text-field .mdc-text-field--outlined{height:34px;width:273px}.ptc-text-field .mdc-text-field--outlined .mdc-notched-outline__trailing{border-radius:0px !important}.ptc-text-field .mdc-text-field--outlined .mdc-notched-outline__leading{border-radius:0px !important}.ptc-text-field .ptc-textfield-outline{background-color:var(--color-white)}.ptc-text-field .mdc-text-field-helper-text--validation-msg{color:#AF3231 !important;font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold) !important;line-height:var(--ptc-line-height-densest);max-width:240px}.ptc-text-field .mdc-text-field-helper-text--info-msg{transform:translateX(16px)}.ptc-text-field .mdc-text-field__input{z-index:2}.ptc-text-field .mdc-text-field--with-internal-counter{padding-right:56px}.ptc-text-field .mdc-text-field-character-counter{position:absolute;right:16px;top:0px;transform:translateY(-150%)}.ptc-text-field .iti{height:35px;z-index:3}.ptc-text-field .iti__flag{background-image:url(\"https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/18.2.1/img/flags.png\")}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.ptc-text-field .iti__flag{background-image:url(\"https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/18.2.1/img/flags@2x.png\")}}.ptc-text-field .intl-phone-adjustments{padding-left:0px;z-index:3}.ptc-text-field .intl-phone-adjustments ul{width:273px}.ptc-text-field .mdc-text-field--focused:not(.mdc-text-field--invalid)+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg){opacity:0}.ptc-text-field .mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:#40434A}";
|
|
11672
11672
|
|
|
11673
|
-
const PtcTextfield = class {
|
|
11674
|
-
constructor(hostRef) {
|
|
11675
|
-
index.registerInstance(this, hostRef);
|
|
11676
|
-
this.phoneValidity = 'validating';
|
|
11677
|
-
this.fieldId = undefined;
|
|
11678
|
-
this.type = 'text';
|
|
11679
|
-
this.required = true;
|
|
11680
|
-
this.ptcMaxLength = undefined;
|
|
11681
|
-
this.labelText = 'Email';
|
|
11682
|
-
this.helpertext = '';
|
|
11683
|
-
this.infoText = undefined;
|
|
11684
|
-
this.disabled = false;
|
|
11685
|
-
this.fieldName = 'email';
|
|
11686
|
-
this.ptcDataEloquaName = undefined;
|
|
11687
|
-
this.ptcDataTargetEloquaName = undefined;
|
|
11688
|
-
this.inputValue = '';
|
|
11689
|
-
this.customValidation = undefined;
|
|
11690
|
-
this.language = 'en';
|
|
11691
|
-
}
|
|
11692
|
-
handleInput(event) {
|
|
11693
|
-
this.inputValue = event.target.value;
|
|
11694
|
-
this.setHelperText();
|
|
11695
|
-
}
|
|
11696
|
-
handleFocus(event) {
|
|
11697
|
-
const target = event.target;
|
|
11698
|
-
if (target.tagName === 'INPUT') {
|
|
11699
|
-
this.inputValue = event.target.value;
|
|
11700
|
-
this.setHelperText();
|
|
11701
|
-
}
|
|
11702
|
-
}
|
|
11703
|
-
inputBlurHandler() {
|
|
11704
|
-
// console.log(event.target)
|
|
11705
|
-
// this.getPhoneValidation();
|
|
11706
|
-
if (this.customValidation) {
|
|
11707
|
-
let message = this.customValidation(this.customInput);
|
|
11708
|
-
this.customInput.setCustomValidity(message);
|
|
11709
|
-
this.customInput.checkValidity();
|
|
11710
|
-
this.infoText = message;
|
|
11711
|
-
this.setErrorBackground();
|
|
11712
|
-
}
|
|
11713
|
-
else {
|
|
11714
|
-
this.setErrorBackground();
|
|
11715
|
-
setTimeout(() => {
|
|
11716
|
-
this.getPhoneValidation();
|
|
11717
|
-
}, 100);
|
|
11718
|
-
}
|
|
11719
|
-
}
|
|
11720
|
-
async syncCountry(countryCode) {
|
|
11721
|
-
this.iti.setCountry(countryCode);
|
|
11722
|
-
}
|
|
11723
|
-
componentWillLoad() {
|
|
11724
|
-
this.language = utils.getLanguageFromURL();
|
|
11725
|
-
}
|
|
11726
|
-
componentDidLoad() {
|
|
11727
|
-
if (this.type !== 'hidden') {
|
|
11728
|
-
this.mdcTextfieldComponent = MDCTextField.attachTo(this.mdcTextfield);
|
|
11729
|
-
}
|
|
11730
|
-
// try{
|
|
11731
|
-
// // debugger;
|
|
11732
|
-
// this.mdcTextfieldComponent = MDCTextField.attachTo(this.mdcTextfield);
|
|
11733
|
-
// }catch(error){
|
|
11734
|
-
// debugger;
|
|
11735
|
-
// console.error('An error found here!', error.message);
|
|
11736
|
-
// }
|
|
11737
|
-
if (this.fieldId === 'contact-phone' && this.fieldName === 'phone') {
|
|
11738
|
-
this.iti = intlTelInput(this.customInput, {
|
|
11739
|
-
separateDialCode: true,
|
|
11740
|
-
initialCountry: 'auto',
|
|
11741
|
-
nationalMode: true,
|
|
11742
|
-
geoIpLookup: callback => {
|
|
11743
|
-
fetch('https://ipapi.co/json')
|
|
11744
|
-
.then(res => res.json())
|
|
11745
|
-
.then(data => callback(data.country_code))
|
|
11746
|
-
.catch(() => callback('us'));
|
|
11747
|
-
},
|
|
11748
|
-
utilsScript: 'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/18.2.1/js/utils.min.js', // Required for formatting/validation
|
|
11749
|
-
});
|
|
11750
|
-
}
|
|
11751
|
-
}
|
|
11752
|
-
getValidationMessage(type) {
|
|
11753
|
-
// console.log("lang type: " + type);
|
|
11754
|
-
return ValidationMessages[this.language][type];
|
|
11755
|
-
}
|
|
11756
|
-
getPhoneValidation() {
|
|
11757
|
-
if (this.fieldId === 'contact-phone' && this.fieldName === 'phone') {
|
|
11758
|
-
if (this.iti.isValidNumber()) {
|
|
11759
|
-
if (this.mdcTextfield.classList.contains('mdc-text-field--invalid')) {
|
|
11760
|
-
this.mdcTextfield.classList.remove('mdc-text-field--invalid');
|
|
11761
|
-
}
|
|
11762
|
-
if (this.el.classList.contains('invalid-field')) {
|
|
11763
|
-
this.el.classList.remove('invalid-field');
|
|
11764
|
-
}
|
|
11765
|
-
this.inputValue = this.iti.getNumber();
|
|
11766
|
-
// console.log('sending phone number: ' + this.inputValue);
|
|
11767
|
-
}
|
|
11768
|
-
else if (!this.iti.isValidNumber()) {
|
|
11769
|
-
if (!this.mdcTextfield.classList.contains('mdc-text-field--invalid')) {
|
|
11770
|
-
this.mdcTextfield.classList.add('mdc-text-field--invalid');
|
|
11771
|
-
}
|
|
11772
|
-
if (!this.el.classList.contains('invalid-field')) {
|
|
11773
|
-
this.el.classList.add('invalid-field');
|
|
11774
|
-
}
|
|
11775
|
-
}
|
|
11776
|
-
}
|
|
11777
|
-
}
|
|
11778
|
-
setErrorBackground() {
|
|
11779
|
-
if (this.customInput.checkValidity()) {
|
|
11780
|
-
if (this.el.classList.contains('invalid-field')) {
|
|
11781
|
-
this.el.classList.remove('invalid-field');
|
|
11782
|
-
}
|
|
11783
|
-
}
|
|
11784
|
-
else if (!this.customInput.checkValidity()) {
|
|
11785
|
-
if (!this.el.classList.contains('invalid-field')) {
|
|
11786
|
-
this.el.classList.add('invalid-field');
|
|
11787
|
-
}
|
|
11788
|
-
}
|
|
11789
|
-
}
|
|
11790
|
-
getInputClassName() {
|
|
11791
|
-
let className = 'mdc-text-field__input';
|
|
11792
|
-
if (this.type === 'tel' && this.fieldName === 'phone') {
|
|
11793
|
-
className = `${className} intl-tel-input`;
|
|
11794
|
-
}
|
|
11795
|
-
else if (this.type === 'text' && this.ptcMaxLength) {
|
|
11796
|
-
className = `${className} mdc-text-field--with-internal-counter`;
|
|
11797
|
-
}
|
|
11798
|
-
return className;
|
|
11799
|
-
}
|
|
11800
|
-
getValidationPattern() {
|
|
11801
|
-
let validationPattern = '';
|
|
11802
|
-
// if (this.type === 'email' && this.name === 'email') {
|
|
11803
|
-
// validationPattern = '[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+.[a-zA-Z]{2,}';
|
|
11804
|
-
// }
|
|
11805
|
-
if (this.fieldName === 'firstname' || this.fieldName === 'lastname') {
|
|
11806
|
-
validationPattern = "^[^!*@&$¥£€>#^~+=<>%]+$";
|
|
11807
|
-
}
|
|
11808
|
-
return validationPattern;
|
|
11809
|
-
}
|
|
11810
|
-
setHelperText() {
|
|
11811
|
-
this.helpertext = this.getValidationMessage('required');
|
|
11812
|
-
console.log("default: " + this.getValidationMessage('required'));
|
|
11813
|
-
if (this.type === 'email' && this.fieldName === 'email') {
|
|
11814
|
-
if (this.customInput.validity.valueMissing) {
|
|
11815
|
-
this.helpertext = this.getValidationMessage('email');
|
|
11816
|
-
}
|
|
11817
|
-
else if (this.customInput.validity.typeMismatch) {
|
|
11818
|
-
this.helpertext = this.getValidationMessage('validemail');
|
|
11819
|
-
}
|
|
11820
|
-
}
|
|
11821
|
-
else if (this.fieldName === 'firstname') {
|
|
11822
|
-
if (this.customInput.validity.valueMissing) {
|
|
11823
|
-
this.helpertext = this.getValidationMessage('required');
|
|
11824
|
-
}
|
|
11825
|
-
else if (this.customInput.validity.patternMismatch) {
|
|
11826
|
-
this.helpertext = this.getValidationMessage('firstname');
|
|
11827
|
-
}
|
|
11828
|
-
}
|
|
11829
|
-
else if (this.fieldName === 'lastname') {
|
|
11830
|
-
if (this.customInput.validity.valueMissing) {
|
|
11831
|
-
this.helpertext = this.getValidationMessage('required');
|
|
11832
|
-
}
|
|
11833
|
-
else if (this.customInput.validity.patternMismatch) {
|
|
11834
|
-
this.helpertext = this.getValidationMessage('lastname');
|
|
11835
|
-
}
|
|
11836
|
-
}
|
|
11837
|
-
else if (this.fieldId === 'contact-phone') {
|
|
11838
|
-
if (this.iti) {
|
|
11839
|
-
if (this.inputValue === '') {
|
|
11840
|
-
this.helpertext = this.getValidationMessage('tel');
|
|
11841
|
-
}
|
|
11842
|
-
else if (!this.iti.isValidNumber()) {
|
|
11843
|
-
this.helpertext = this.getValidationMessage('validtel');
|
|
11844
|
-
}
|
|
11845
|
-
}
|
|
11846
|
-
}
|
|
11847
|
-
}
|
|
11848
|
-
render() {
|
|
11849
|
-
return (index.h(index.Host, { class: `ptc-text-field
|
|
11850
|
-
${this.fieldId === 'contact-phone' ? 'phone-field-style' : ''}` }, this.type !== 'hidden' ? ([
|
|
11851
|
-
index.h("label", { class: "ptc-label" }, this.labelText),
|
|
11852
|
-
index.h("div", { class: `mdc-text-field mdc-text-field--outlined mdc-text-field--no-label
|
|
11853
|
-
${this.fieldId === 'contact-phone' ? 'intl-phone-adjustments' : ''}`, ref: mdcTextfield => {
|
|
11854
|
-
this.mdcTextfield = mdcTextfield;
|
|
11855
|
-
} }, index.h("span", { class: "mdc-notched-outline ptc-textfield-outline" }, index.h("span", { class: "mdc-notched-outline__leading" }), index.h("span", { class: "mdc-notched-outline__trailing" })), index.h("input", Object.assign({ ref: customInput => {
|
|
11856
|
-
this.customInput = customInput;
|
|
11857
|
-
}, id: this.fieldId }, (this.getInputClassName() ? { class: this.getInputClassName() } : null), { type: this.type }, (this.required ? { required: true } : null), (this.ptcMaxLength ? { maxlength: this.ptcMaxLength } : null), { "aria-controls": this.fieldName, "aria-describedby": this.fieldName, "data-eloqua-name": this.ptcDataEloquaName, "data-target-eloqua-name": this.ptcDataTargetEloquaName, value: this.inputValue, name: this.fieldName }, (this.getValidationPattern() ? { pattern: this.getValidationPattern() } : null)))),
|
|
11858
|
-
index.h("div", { class: `mdc-text-field-helper-line
|
|
11859
|
-
${!!this.ptcMaxLength ? 'field-with-counter' : ''}` }, index.h("div", { class: "mdc-text-field-helper-text mdc-text-field-helper-text--validation-msg", id: this.fieldName }, index.h("svg", { class: "input-error-svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { "clip-path": "url(#clip0_12_1424)" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z", fill: "#AF3231" })), index.h("defs", null, index.h("clipPath", { id: "clip0_12_1424" }, index.h("rect", { width: "16", height: "16", fill: "white" })))), this.helpertext), this.infoText ? index.h("div", { class: "mdc-text-field-helper-text mdc-text-field-helper-text--info-msg" }, this.infoText) : null, this.ptcMaxLength ? (index.h("div", { class: "mdc-text-field-character-counter" }, this.inputValue.length, " / ", this.ptcMaxLength)) : null),
|
|
11860
|
-
]) : (index.h("input", { type: "hidden", "data-eloqua-name": this.ptcDataEloquaName, value: this.inputValue }))));
|
|
11861
|
-
}
|
|
11862
|
-
get el() { return index.getElement(this); }
|
|
11863
|
-
};
|
|
11673
|
+
const PtcTextfield = class {
|
|
11674
|
+
constructor(hostRef) {
|
|
11675
|
+
index.registerInstance(this, hostRef);
|
|
11676
|
+
this.phoneValidity = 'validating';
|
|
11677
|
+
this.fieldId = undefined;
|
|
11678
|
+
this.type = 'text';
|
|
11679
|
+
this.required = true;
|
|
11680
|
+
this.ptcMaxLength = undefined;
|
|
11681
|
+
this.labelText = 'Email';
|
|
11682
|
+
this.helpertext = '';
|
|
11683
|
+
this.infoText = undefined;
|
|
11684
|
+
this.disabled = false;
|
|
11685
|
+
this.fieldName = 'email';
|
|
11686
|
+
this.ptcDataEloquaName = undefined;
|
|
11687
|
+
this.ptcDataTargetEloquaName = undefined;
|
|
11688
|
+
this.inputValue = '';
|
|
11689
|
+
this.customValidation = undefined;
|
|
11690
|
+
this.language = 'en';
|
|
11691
|
+
}
|
|
11692
|
+
handleInput(event) {
|
|
11693
|
+
this.inputValue = event.target.value;
|
|
11694
|
+
this.setHelperText();
|
|
11695
|
+
}
|
|
11696
|
+
handleFocus(event) {
|
|
11697
|
+
const target = event.target;
|
|
11698
|
+
if (target.tagName === 'INPUT') {
|
|
11699
|
+
this.inputValue = event.target.value;
|
|
11700
|
+
this.setHelperText();
|
|
11701
|
+
}
|
|
11702
|
+
}
|
|
11703
|
+
inputBlurHandler() {
|
|
11704
|
+
// console.log(event.target)
|
|
11705
|
+
// this.getPhoneValidation();
|
|
11706
|
+
if (this.customValidation) {
|
|
11707
|
+
let message = this.customValidation(this.customInput);
|
|
11708
|
+
this.customInput.setCustomValidity(message);
|
|
11709
|
+
this.customInput.checkValidity();
|
|
11710
|
+
this.infoText = message;
|
|
11711
|
+
this.setErrorBackground();
|
|
11712
|
+
}
|
|
11713
|
+
else {
|
|
11714
|
+
this.setErrorBackground();
|
|
11715
|
+
setTimeout(() => {
|
|
11716
|
+
this.getPhoneValidation();
|
|
11717
|
+
}, 100);
|
|
11718
|
+
}
|
|
11719
|
+
}
|
|
11720
|
+
async syncCountry(countryCode) {
|
|
11721
|
+
this.iti.setCountry(countryCode);
|
|
11722
|
+
}
|
|
11723
|
+
componentWillLoad() {
|
|
11724
|
+
this.language = utils.getLanguageFromURL();
|
|
11725
|
+
}
|
|
11726
|
+
componentDidLoad() {
|
|
11727
|
+
if (this.type !== 'hidden') {
|
|
11728
|
+
this.mdcTextfieldComponent = MDCTextField.attachTo(this.mdcTextfield);
|
|
11729
|
+
}
|
|
11730
|
+
// try{
|
|
11731
|
+
// // debugger;
|
|
11732
|
+
// this.mdcTextfieldComponent = MDCTextField.attachTo(this.mdcTextfield);
|
|
11733
|
+
// }catch(error){
|
|
11734
|
+
// debugger;
|
|
11735
|
+
// console.error('An error found here!', error.message);
|
|
11736
|
+
// }
|
|
11737
|
+
if (this.fieldId === 'contact-phone' && this.fieldName === 'phone') {
|
|
11738
|
+
this.iti = intlTelInput(this.customInput, {
|
|
11739
|
+
separateDialCode: true,
|
|
11740
|
+
initialCountry: 'auto',
|
|
11741
|
+
nationalMode: true,
|
|
11742
|
+
geoIpLookup: callback => {
|
|
11743
|
+
fetch('https://ipapi.co/json')
|
|
11744
|
+
.then(res => res.json())
|
|
11745
|
+
.then(data => callback(data.country_code))
|
|
11746
|
+
.catch(() => callback('us'));
|
|
11747
|
+
},
|
|
11748
|
+
utilsScript: 'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/18.2.1/js/utils.min.js', // Required for formatting/validation
|
|
11749
|
+
});
|
|
11750
|
+
}
|
|
11751
|
+
}
|
|
11752
|
+
getValidationMessage(type) {
|
|
11753
|
+
// console.log("lang type: " + type);
|
|
11754
|
+
return ValidationMessages[this.language][type];
|
|
11755
|
+
}
|
|
11756
|
+
getPhoneValidation() {
|
|
11757
|
+
if (this.fieldId === 'contact-phone' && this.fieldName === 'phone') {
|
|
11758
|
+
if (this.iti.isValidNumber()) {
|
|
11759
|
+
if (this.mdcTextfield.classList.contains('mdc-text-field--invalid')) {
|
|
11760
|
+
this.mdcTextfield.classList.remove('mdc-text-field--invalid');
|
|
11761
|
+
}
|
|
11762
|
+
if (this.el.classList.contains('invalid-field')) {
|
|
11763
|
+
this.el.classList.remove('invalid-field');
|
|
11764
|
+
}
|
|
11765
|
+
this.inputValue = this.iti.getNumber();
|
|
11766
|
+
// console.log('sending phone number: ' + this.inputValue);
|
|
11767
|
+
}
|
|
11768
|
+
else if (!this.iti.isValidNumber()) {
|
|
11769
|
+
if (!this.mdcTextfield.classList.contains('mdc-text-field--invalid')) {
|
|
11770
|
+
this.mdcTextfield.classList.add('mdc-text-field--invalid');
|
|
11771
|
+
}
|
|
11772
|
+
if (!this.el.classList.contains('invalid-field')) {
|
|
11773
|
+
this.el.classList.add('invalid-field');
|
|
11774
|
+
}
|
|
11775
|
+
}
|
|
11776
|
+
}
|
|
11777
|
+
}
|
|
11778
|
+
setErrorBackground() {
|
|
11779
|
+
if (this.customInput.checkValidity()) {
|
|
11780
|
+
if (this.el.classList.contains('invalid-field')) {
|
|
11781
|
+
this.el.classList.remove('invalid-field');
|
|
11782
|
+
}
|
|
11783
|
+
}
|
|
11784
|
+
else if (!this.customInput.checkValidity()) {
|
|
11785
|
+
if (!this.el.classList.contains('invalid-field')) {
|
|
11786
|
+
this.el.classList.add('invalid-field');
|
|
11787
|
+
}
|
|
11788
|
+
}
|
|
11789
|
+
}
|
|
11790
|
+
getInputClassName() {
|
|
11791
|
+
let className = 'mdc-text-field__input';
|
|
11792
|
+
if (this.type === 'tel' && this.fieldName === 'phone') {
|
|
11793
|
+
className = `${className} intl-tel-input`;
|
|
11794
|
+
}
|
|
11795
|
+
else if (this.type === 'text' && this.ptcMaxLength) {
|
|
11796
|
+
className = `${className} mdc-text-field--with-internal-counter`;
|
|
11797
|
+
}
|
|
11798
|
+
return className;
|
|
11799
|
+
}
|
|
11800
|
+
getValidationPattern() {
|
|
11801
|
+
let validationPattern = '';
|
|
11802
|
+
// if (this.type === 'email' && this.name === 'email') {
|
|
11803
|
+
// validationPattern = '[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+.[a-zA-Z]{2,}';
|
|
11804
|
+
// }
|
|
11805
|
+
if (this.fieldName === 'firstname' || this.fieldName === 'lastname') {
|
|
11806
|
+
validationPattern = "^[^!*@&$¥£€>#^~+=<>%]+$";
|
|
11807
|
+
}
|
|
11808
|
+
return validationPattern;
|
|
11809
|
+
}
|
|
11810
|
+
setHelperText() {
|
|
11811
|
+
this.helpertext = this.getValidationMessage('required');
|
|
11812
|
+
console.log("default: " + this.getValidationMessage('required'));
|
|
11813
|
+
if (this.type === 'email' && this.fieldName === 'email') {
|
|
11814
|
+
if (this.customInput.validity.valueMissing) {
|
|
11815
|
+
this.helpertext = this.getValidationMessage('email');
|
|
11816
|
+
}
|
|
11817
|
+
else if (this.customInput.validity.typeMismatch) {
|
|
11818
|
+
this.helpertext = this.getValidationMessage('validemail');
|
|
11819
|
+
}
|
|
11820
|
+
}
|
|
11821
|
+
else if (this.fieldName === 'firstname') {
|
|
11822
|
+
if (this.customInput.validity.valueMissing) {
|
|
11823
|
+
this.helpertext = this.getValidationMessage('required');
|
|
11824
|
+
}
|
|
11825
|
+
else if (this.customInput.validity.patternMismatch) {
|
|
11826
|
+
this.helpertext = this.getValidationMessage('firstname');
|
|
11827
|
+
}
|
|
11828
|
+
}
|
|
11829
|
+
else if (this.fieldName === 'lastname') {
|
|
11830
|
+
if (this.customInput.validity.valueMissing) {
|
|
11831
|
+
this.helpertext = this.getValidationMessage('required');
|
|
11832
|
+
}
|
|
11833
|
+
else if (this.customInput.validity.patternMismatch) {
|
|
11834
|
+
this.helpertext = this.getValidationMessage('lastname');
|
|
11835
|
+
}
|
|
11836
|
+
}
|
|
11837
|
+
else if (this.fieldId === 'contact-phone') {
|
|
11838
|
+
if (this.iti) {
|
|
11839
|
+
if (this.inputValue === '') {
|
|
11840
|
+
this.helpertext = this.getValidationMessage('tel');
|
|
11841
|
+
}
|
|
11842
|
+
else if (!this.iti.isValidNumber()) {
|
|
11843
|
+
this.helpertext = this.getValidationMessage('validtel');
|
|
11844
|
+
}
|
|
11845
|
+
}
|
|
11846
|
+
}
|
|
11847
|
+
}
|
|
11848
|
+
render() {
|
|
11849
|
+
return (index.h(index.Host, { class: `ptc-text-field
|
|
11850
|
+
${this.fieldId === 'contact-phone' ? 'phone-field-style' : ''}` }, this.type !== 'hidden' ? ([
|
|
11851
|
+
index.h("label", { class: "ptc-label" }, this.labelText),
|
|
11852
|
+
index.h("div", { class: `mdc-text-field mdc-text-field--outlined mdc-text-field--no-label
|
|
11853
|
+
${this.fieldId === 'contact-phone' ? 'intl-phone-adjustments' : ''}`, ref: mdcTextfield => {
|
|
11854
|
+
this.mdcTextfield = mdcTextfield;
|
|
11855
|
+
} }, index.h("span", { class: "mdc-notched-outline ptc-textfield-outline" }, index.h("span", { class: "mdc-notched-outline__leading" }), index.h("span", { class: "mdc-notched-outline__trailing" })), index.h("input", Object.assign({ ref: customInput => {
|
|
11856
|
+
this.customInput = customInput;
|
|
11857
|
+
}, id: this.fieldId }, (this.getInputClassName() ? { class: this.getInputClassName() } : null), { type: this.type }, (this.required ? { required: true } : null), (this.ptcMaxLength ? { maxlength: this.ptcMaxLength } : null), { "aria-controls": this.fieldName, "aria-describedby": this.fieldName, "data-eloqua-name": this.ptcDataEloquaName, "data-target-eloqua-name": this.ptcDataTargetEloquaName, value: this.inputValue, name: this.fieldName }, (this.getValidationPattern() ? { pattern: this.getValidationPattern() } : null)))),
|
|
11858
|
+
index.h("div", { class: `mdc-text-field-helper-line
|
|
11859
|
+
${!!this.ptcMaxLength ? 'field-with-counter' : ''}` }, index.h("div", { class: "mdc-text-field-helper-text mdc-text-field-helper-text--validation-msg", id: this.fieldName }, index.h("svg", { class: "input-error-svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { "clip-path": "url(#clip0_12_1424)" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z", fill: "#AF3231" })), index.h("defs", null, index.h("clipPath", { id: "clip0_12_1424" }, index.h("rect", { width: "16", height: "16", fill: "white" })))), this.helpertext), this.infoText ? index.h("div", { class: "mdc-text-field-helper-text mdc-text-field-helper-text--info-msg" }, this.infoText) : null, this.ptcMaxLength ? (index.h("div", { class: "mdc-text-field-character-counter" }, this.inputValue.length, " / ", this.ptcMaxLength)) : null),
|
|
11860
|
+
]) : (index.h("input", { type: "hidden", "data-eloqua-name": this.ptcDataEloquaName, value: this.inputValue }))));
|
|
11861
|
+
}
|
|
11862
|
+
get el() { return index.getElement(this); }
|
|
11863
|
+
};
|
|
11864
11864
|
PtcTextfield.style = ptcTextfieldCss;
|
|
11865
11865
|
|
|
11866
11866
|
const ptcTitleCss = "div.center.sc-ptc-title{text-align:center}div.center.dotted.sc-ptc-title h1.sc-ptc-title::before,div.center.dotted.sc-ptc-title h2.sc-ptc-title::before,div.center.dotted.sc-ptc-title h3.sc-ptc-title::before,div.center.dotted.sc-ptc-title h4.sc-ptc-title::before,div.center.dotted.sc-ptc-title h5.sc-ptc-title::before,div.center.dotted.sc-ptc-title h6.sc-ptc-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-title{text-align:left}div.left.dotted.sc-ptc-title h1.sc-ptc-title::before,div.left.dotted.sc-ptc-title h2.sc-ptc-title::before,div.left.dotted.sc-ptc-title h3.sc-ptc-title::before,div.left.dotted.sc-ptc-title h4.sc-ptc-title::before,div.left.dotted.sc-ptc-title h5.sc-ptc-title::before,div.left.dotted.sc-ptc-title h6.sc-ptc-title::before{left:0%}div.right.sc-ptc-title{text-align:right}div.right.dotted.sc-ptc-title h1.sc-ptc-title::before,div.right.dotted.sc-ptc-title h2.sc-ptc-title::before,div.right.dotted.sc-ptc-title h3.sc-ptc-title::before,div.right.dotted.sc-ptc-title h4.sc-ptc-title::before,div.right.dotted.sc-ptc-title h5.sc-ptc-title::before,div.right.dotted.sc-ptc-title h6.sc-ptc-title::before{right:0%}div.inherit.sc-ptc-title{text-align:inherit}div.dotted.sc-ptc-title h1.sc-ptc-title::before,div.dotted.sc-ptc-title h2.sc-ptc-title::before,div.dotted.sc-ptc-title h3.sc-ptc-title::before,div.dotted.sc-ptc-title h4.sc-ptc-title::before,div.dotted.sc-ptc-title h5.sc-ptc-title::before,div.dotted.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed var(--color-green-07)}div.solid.sc-ptc-title h1.sc-ptc-title,div.solid.sc-ptc-title h2.sc-ptc-title,div.solid.sc-ptc-title h3.sc-ptc-title,div.solid.sc-ptc-title h4.sc-ptc-title,div.solid.sc-ptc-title h5.sc-ptc-title,div.solid.sc-ptc-title h6.sc-ptc-title{padding-top:12px}div.solid.sc-ptc-title h1.sc-ptc-title::before,div.solid.sc-ptc-title h2.sc-ptc-title::before,div.solid.sc-ptc-title h3.sc-ptc-title::before,div.solid.sc-ptc-title h4.sc-ptc-title::before,div.solid.sc-ptc-title h5.sc-ptc-title::before,div.solid.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;width:100%;height:0.7px;background-color:var(--color-gray-03);opacity:0.9;left:0px;top:0}div.solid.sc-ptc-title h1.sc-ptc-title::after,div.solid.sc-ptc-title h2.sc-ptc-title::after,div.solid.sc-ptc-title h3.sc-ptc-title::after,div.solid.sc-ptc-title h4.sc-ptc-title::after,div.solid.sc-ptc-title h5.sc-ptc-title::after,div.solid.sc-ptc-title h6.sc-ptc-title::after{content:\"\";position:absolute;width:56px;height:2px;background-color:var(--color-green-07);top:-2px;left:0px}div.is-standard.sc-ptc-title h1.sc-ptc-title,div.is-standard.sc-ptc-title h2.sc-ptc-title,div.is-standard.sc-ptc-title h3.sc-ptc-title,div.is-standard.sc-ptc-title h4.sc-ptc-title,div.is-standard.sc-ptc-title h5.sc-ptc-title,div.is-standard.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative}div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);letter-spacing:0px;color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.is-plm-hub.sc-ptc-title h1.sc-ptc-title,div.is-plm-hub.sc-ptc-title h2.sc-ptc-title,div.is-plm-hub.sc-ptc-title h3.sc-ptc-title,div.is-plm-hub.sc-ptc-title h4.sc-ptc-title,div.is-plm-hub.sc-ptc-title h5.sc-ptc-title,div.is-plm-hub.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;color:var(--color-white) !important}div.margin-flush.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-flush.sc-ptc-title h1.sc-ptc-title,div.margin-flush.sc-ptc-title h2.sc-ptc-title,div.margin-flush.sc-ptc-title h3.sc-ptc-title,div.margin-flush.sc-ptc-title h4.sc-ptc-title,div.margin-flush.sc-ptc-title h5.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-top-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}div.margin-top-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}div.margin-top-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}div.margin-top-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}div.margin-top-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}div.margin-bottom-2.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}div.margin-bottom-3.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}div.margin-bottom-4.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}div.margin-bottom-5.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}div.margin-bottom-6.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}div.margin-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}div.margin-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}div.margin-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}div.margin-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}div.margin-5.sc-ptc-title h4.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}div.margin-9.sc-ptc-title{margin-top:var(--ptc-element-spacing-09);margin-bottom:var(--ptc-element-spacing-09)}div.green.sc-ptc-title h1.sc-ptc-title,div.green.sc-ptc-title h2.sc-ptc-title,div.green.sc-ptc-title h3.sc-ptc-title,div.green.sc-ptc-title h4.sc-ptc-title,div.green.sc-ptc-title h5.sc-ptc-title,div.green.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-green-07)}div.blue.sc-ptc-title h1.sc-ptc-title,div.blue.sc-ptc-title h2.sc-ptc-title,div.blue.sc-ptc-title h3.sc-ptc-title,div.blue.sc-ptc-title h4.sc-ptc-title,div.blue.sc-ptc-title h5.sc-ptc-title,div.blue.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-blue-07)}div.red.sc-ptc-title h1.sc-ptc-title,div.red.sc-ptc-title h2.sc-ptc-title,div.red.sc-ptc-title h3.sc-ptc-title,div.red.sc-ptc-title h4.sc-ptc-title,div.red.sc-ptc-title h5.sc-ptc-title,div.red.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-red-07)}div.orange.sc-ptc-title h1.sc-ptc-title,div.orange.sc-ptc-title h2.sc-ptc-title,div.orange.sc-ptc-title h3.sc-ptc-title,div.orange.sc-ptc-title h4.sc-ptc-title,div.orange.sc-ptc-title h5.sc-ptc-title,div.orange.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-orange-07)}div.slate-grey.sc-ptc-title h1.sc-ptc-title,div.slate-grey.sc-ptc-title h2.sc-ptc-title,div.slate-grey.sc-ptc-title h3.sc-ptc-title,div.slate-grey.sc-ptc-title h4.sc-ptc-title,div.slate-grey.sc-ptc-title h5.sc-ptc-title,div.slate-grey.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-gray-07)}div.w-3.sc-ptc-title h1.sc-ptc-title,div.w-3.sc-ptc-title h2.sc-ptc-title,div.w-3.sc-ptc-title h3.sc-ptc-title,div.w-3.sc-ptc-title h4.sc-ptc-title,div.w-3.sc-ptc-title h5.sc-ptc-title,div.w-3.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-thin)}div.w-4.sc-ptc-title h1.sc-ptc-title,div.w-4.sc-ptc-title h2.sc-ptc-title,div.w-4.sc-ptc-title h3.sc-ptc-title,div.w-4.sc-ptc-title h4.sc-ptc-title,div.w-4.sc-ptc-title h5.sc-ptc-title,div.w-4.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-regular)}div.w-5.sc-ptc-title h1.sc-ptc-title,div.w-5.sc-ptc-title h2.sc-ptc-title,div.w-5.sc-ptc-title h3.sc-ptc-title,div.w-5.sc-ptc-title h4.sc-ptc-title,div.w-5.sc-ptc-title h5.sc-ptc-title,div.w-5.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-medium)}div.w-6.sc-ptc-title h1.sc-ptc-title,div.w-6.sc-ptc-title h2.sc-ptc-title,div.w-6.sc-ptc-title h3.sc-ptc-title,div.w-6.sc-ptc-title h4.sc-ptc-title,div.w-6.sc-ptc-title h5.sc-ptc-title,div.w-6.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-semibold)}div.w-7.sc-ptc-title h1.sc-ptc-title,div.w-7.sc-ptc-title h2.sc-ptc-title,div.w-7.sc-ptc-title h3.sc-ptc-title,div.w-7.sc-ptc-title h4.sc-ptc-title,div.w-7.sc-ptc-title h5.sc-ptc-title,div.w-7.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-bold)}div.w-8.sc-ptc-title h1.sc-ptc-title,div.w-8.sc-ptc-title h2.sc-ptc-title,div.w-8.sc-ptc-title h3.sc-ptc-title,div.w-8.sc-ptc-title h4.sc-ptc-title,div.w-8.sc-ptc-title h5.sc-ptc-title,div.w-8.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-extrabold)}div.w-9.sc-ptc-title h1.sc-ptc-title,div.w-9.sc-ptc-title h2.sc-ptc-title,div.w-9.sc-ptc-title h3.sc-ptc-title,div.w-9.sc-ptc-title h4.sc-ptc-title,div.w-9.sc-ptc-title h5.sc-ptc-title,div.w-9.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-black)}div.xx-small.sc-ptc-title h1.sc-ptc-title,div.xx-small.sc-ptc-title h2.sc-ptc-title,div.xx-small.sc-ptc-title h3.sc-ptc-title,div.xx-small.sc-ptc-title h4.sc-ptc-title,div.xx-small.sc-ptc-title h5.sc-ptc-title,div.xx-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-small)}div.x-small.sc-ptc-title h1.sc-ptc-title,div.x-small.sc-ptc-title h2.sc-ptc-title,div.x-small.sc-ptc-title h3.sc-ptc-title,div.x-small.sc-ptc-title h4.sc-ptc-title,div.x-small.sc-ptc-title h5.sc-ptc-title,div.x-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-small)}div.small.sc-ptc-title h1.sc-ptc-title,div.small.sc-ptc-title h2.sc-ptc-title,div.small.sc-ptc-title h3.sc-ptc-title,div.small.sc-ptc-title h4.sc-ptc-title,div.small.sc-ptc-title h5.sc-ptc-title,div.small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-small)}div.medium.sc-ptc-title h1.sc-ptc-title,div.medium.sc-ptc-title h2.sc-ptc-title,div.medium.sc-ptc-title h3.sc-ptc-title,div.medium.sc-ptc-title h4.sc-ptc-title,div.medium.sc-ptc-title h5.sc-ptc-title,div.medium.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-medium)}div.large.sc-ptc-title h1.sc-ptc-title,div.large.sc-ptc-title h2.sc-ptc-title,div.large.sc-ptc-title h3.sc-ptc-title,div.large.sc-ptc-title h4.sc-ptc-title,div.large.sc-ptc-title h5.sc-ptc-title,div.large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-large)}div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-medium)}@media only screen and (min-width: 768px){div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-large)}}div.x-large.sc-ptc-title h1.sc-ptc-title,div.x-large.sc-ptc-title h2.sc-ptc-title,div.x-large.sc-ptc-title h3.sc-ptc-title,div.x-large.sc-ptc-title h4.sc-ptc-title,div.x-large.sc-ptc-title h5.sc-ptc-title,div.x-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}@media only screen and (min-width: 768px){div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}@media only screen and (min-width: 768px){div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}}div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media screen and (min-width: 769px){div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}div.xxxx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.densest.sc-ptc-title h1.sc-ptc-title,div.densest.sc-ptc-title h2.sc-ptc-title,div.densest.sc-ptc-title h3.sc-ptc-title,div.densest.sc-ptc-title h4.sc-ptc-title,div.densest.sc-ptc-title h5.sc-ptc-title,div.densest.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-densest)}div.denser.sc-ptc-title h1.sc-ptc-title,div.denser.sc-ptc-title h2.sc-ptc-title,div.denser.sc-ptc-title h3.sc-ptc-title,div.denser.sc-ptc-title h4.sc-ptc-title,div.denser.sc-ptc-title h5.sc-ptc-title,div.denser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-denser)}div.dense.sc-ptc-title h1.sc-ptc-title,div.dense.sc-ptc-title h2.sc-ptc-title,div.dense.sc-ptc-title h3.sc-ptc-title,div.dense.sc-ptc-title h4.sc-ptc-title,div.dense.sc-ptc-title h5.sc-ptc-title,div.dense.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-dense)}div.normal.sc-ptc-title h1.sc-ptc-title,div.normal.sc-ptc-title h2.sc-ptc-title,div.normal.sc-ptc-title h3.sc-ptc-title,div.normal.sc-ptc-title h4.sc-ptc-title,div.normal.sc-ptc-title h5.sc-ptc-title,div.normal.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-normal)}div.loose.sc-ptc-title h1.sc-ptc-title,div.loose.sc-ptc-title h2.sc-ptc-title,div.loose.sc-ptc-title h3.sc-ptc-title,div.loose.sc-ptc-title h4.sc-ptc-title,div.loose.sc-ptc-title h5.sc-ptc-title,div.loose.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-loose)}div.looser.sc-ptc-title h1.sc-ptc-title,div.looser.sc-ptc-title h2.sc-ptc-title,div.looser.sc-ptc-title h3.sc-ptc-title,div.looser.sc-ptc-title h4.sc-ptc-title,div.looser.sc-ptc-title h5.sc-ptc-title,div.looser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-looser)}div.paragraph.sc-ptc-title h1.sc-ptc-title,div.paragraph.sc-ptc-title h2.sc-ptc-title,div.paragraph.sc-ptc-title h3.sc-ptc-title,div.paragraph.sc-ptc-title h4.sc-ptc-title,div.paragraph.sc-ptc-title h5.sc-ptc-title,div.paragraph.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-paragraph)}div.black.sc-ptc-title h1.sc-ptc-title,div.black.sc-ptc-title h2.sc-ptc-title,div.black.sc-ptc-title h3.sc-ptc-title,div.black.sc-ptc-title h4.sc-ptc-title,div.black.sc-ptc-title h5.sc-ptc-title,div.black.sc-ptc-title h6.sc-ptc-title{color:var(--color-black)}div.white.sc-ptc-title h1.sc-ptc-title,div.white.sc-ptc-title h2.sc-ptc-title,div.white.sc-ptc-title h3.sc-ptc-title,div.white.sc-ptc-title h4.sc-ptc-title,div.white.sc-ptc-title h5.sc-ptc-title,div.white.sc-ptc-title h6.sc-ptc-title{color:var(--color-white)}div.gray-1.sc-ptc-title h1.sc-ptc-title,div.gray-1.sc-ptc-title h2.sc-ptc-title,div.gray-1.sc-ptc-title h3.sc-ptc-title,div.gray-1.sc-ptc-title h4.sc-ptc-title,div.gray-1.sc-ptc-title h5.sc-ptc-title,div.gray-1.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-01)}div.gray.sc-ptc-title h1.sc-ptc-title,div.gray.sc-ptc-title h2.sc-ptc-title,div.gray.sc-ptc-title h3.sc-ptc-title,div.gray.sc-ptc-title h4.sc-ptc-title,div.gray.sc-ptc-title h5.sc-ptc-title,div.gray.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-10)}div.gray-darker.sc-ptc-title h1.sc-ptc-title,div.gray-darker.sc-ptc-title h2.sc-ptc-title,div.gray-darker.sc-ptc-title h3.sc-ptc-title,div.gray-darker.sc-ptc-title h4.sc-ptc-title,div.gray-darker.sc-ptc-title h5.sc-ptc-title,div.gray-darker.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-11)}div.ellipsis-boxing.sc-ptc-title h1.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h2.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h3.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h4.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h5.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h6.sc-ptc-title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}div.block.sc-ptc-title h1.sc-ptc-title,div.block.sc-ptc-title h2.sc-ptc-title,div.block.sc-ptc-title h3.sc-ptc-title,div.block.sc-ptc-title h4.sc-ptc-title,div.block.sc-ptc-title h5.sc-ptc-title,div.block.sc-ptc-title h6.sc-ptc-title{display:block}.sc-ptc-title-h{word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}";
|
|
11867
11867
|
|
|
11868
|
-
const PtcTitle = class {
|
|
11869
|
-
constructor(hostRef) {
|
|
11870
|
-
index.registerInstance(this, hostRef);
|
|
11871
|
-
this.isPlmHub = false;
|
|
11872
|
-
this.type = 'h2';
|
|
11873
|
-
this.textAlign = undefined;
|
|
11874
|
-
this.upperline = 'dotted';
|
|
11875
|
-
this.titleShadow = undefined;
|
|
11876
|
-
this.titleColor = 'gray';
|
|
11877
|
-
this.titleMargin = undefined;
|
|
11878
|
-
this.titleWeight = undefined;
|
|
11879
|
-
this.titleSize = undefined;
|
|
11880
|
-
this.titleHeight = 'densest';
|
|
11881
|
-
this.styles = undefined;
|
|
11882
|
-
this.ellipsisLineCutoff = undefined;
|
|
11883
|
-
this.titleDisplay = 'inline-block';
|
|
11884
|
-
}
|
|
11885
|
-
render() {
|
|
11886
|
-
const classMap = this.getCssClassMap();
|
|
11887
|
-
const cutOff = this.getLineCuttoff();
|
|
11888
|
-
let TagType;
|
|
11889
|
-
switch (this.type) {
|
|
11890
|
-
case 'h1':
|
|
11891
|
-
TagType = 'h1';
|
|
11892
|
-
break;
|
|
11893
|
-
case 'h3':
|
|
11894
|
-
TagType = 'h3';
|
|
11895
|
-
break;
|
|
11896
|
-
case 'h4':
|
|
11897
|
-
TagType = 'h4';
|
|
11898
|
-
break;
|
|
11899
|
-
case 'h5':
|
|
11900
|
-
TagType = 'h5';
|
|
11901
|
-
break;
|
|
11902
|
-
case 'h6':
|
|
11903
|
-
TagType = 'h6';
|
|
11904
|
-
break;
|
|
11905
|
-
default:
|
|
11906
|
-
TagType = 'h2';
|
|
11907
|
-
}
|
|
11908
|
-
return (index.h(index.Host, null, this.styles && index.h("style", null, this.styles), index.h("div", { class: classMap }, index.h(TagType, { style: cutOff }, index.h("slot", null)))));
|
|
11909
|
-
}
|
|
11910
|
-
getCssClassMap() {
|
|
11911
|
-
return {
|
|
11912
|
-
[this.textAlign]: !!this.textAlign ? true : false,
|
|
11913
|
-
[this.upperline]: true,
|
|
11914
|
-
[this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
|
|
11915
|
-
[this.titleMargin]: !!this.titleMargin ? true : false,
|
|
11916
|
-
[this.titleShadow]: !!this.titleShadow ? true : false,
|
|
11917
|
-
[this.titleWeight]: !!this.titleWeight ? true : false,
|
|
11918
|
-
[this.titleSize]: !!this.titleSize ? true : false,
|
|
11919
|
-
[this.titleHeight]: !!this.titleHeight ? true : false,
|
|
11920
|
-
[this.titleColor]: !!this.titleColor ? true : false,
|
|
11921
|
-
['ellipsis-boxing']: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
|
|
11922
|
-
[this.titleDisplay]: !!this.titleDisplay ? true : false,
|
|
11923
|
-
};
|
|
11924
|
-
}
|
|
11925
|
-
getLineCuttoff() {
|
|
11926
|
-
let result;
|
|
11927
|
-
if (this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0) {
|
|
11928
|
-
result = {
|
|
11929
|
-
['-webkit-line-clamp']: `${this.ellipsisLineCutoff}`,
|
|
11930
|
-
};
|
|
11931
|
-
}
|
|
11932
|
-
return result;
|
|
11933
|
-
}
|
|
11934
|
-
};
|
|
11868
|
+
const PtcTitle = class {
|
|
11869
|
+
constructor(hostRef) {
|
|
11870
|
+
index.registerInstance(this, hostRef);
|
|
11871
|
+
this.isPlmHub = false;
|
|
11872
|
+
this.type = 'h2';
|
|
11873
|
+
this.textAlign = undefined;
|
|
11874
|
+
this.upperline = 'dotted';
|
|
11875
|
+
this.titleShadow = undefined;
|
|
11876
|
+
this.titleColor = 'gray';
|
|
11877
|
+
this.titleMargin = undefined;
|
|
11878
|
+
this.titleWeight = undefined;
|
|
11879
|
+
this.titleSize = undefined;
|
|
11880
|
+
this.titleHeight = 'densest';
|
|
11881
|
+
this.styles = undefined;
|
|
11882
|
+
this.ellipsisLineCutoff = undefined;
|
|
11883
|
+
this.titleDisplay = 'inline-block';
|
|
11884
|
+
}
|
|
11885
|
+
render() {
|
|
11886
|
+
const classMap = this.getCssClassMap();
|
|
11887
|
+
const cutOff = this.getLineCuttoff();
|
|
11888
|
+
let TagType;
|
|
11889
|
+
switch (this.type) {
|
|
11890
|
+
case 'h1':
|
|
11891
|
+
TagType = 'h1';
|
|
11892
|
+
break;
|
|
11893
|
+
case 'h3':
|
|
11894
|
+
TagType = 'h3';
|
|
11895
|
+
break;
|
|
11896
|
+
case 'h4':
|
|
11897
|
+
TagType = 'h4';
|
|
11898
|
+
break;
|
|
11899
|
+
case 'h5':
|
|
11900
|
+
TagType = 'h5';
|
|
11901
|
+
break;
|
|
11902
|
+
case 'h6':
|
|
11903
|
+
TagType = 'h6';
|
|
11904
|
+
break;
|
|
11905
|
+
default:
|
|
11906
|
+
TagType = 'h2';
|
|
11907
|
+
}
|
|
11908
|
+
return (index.h(index.Host, null, this.styles && index.h("style", null, this.styles), index.h("div", { class: classMap }, index.h(TagType, { style: cutOff }, index.h("slot", null)))));
|
|
11909
|
+
}
|
|
11910
|
+
getCssClassMap() {
|
|
11911
|
+
return {
|
|
11912
|
+
[this.textAlign]: !!this.textAlign ? true : false,
|
|
11913
|
+
[this.upperline]: true,
|
|
11914
|
+
[this.isPlmHub ? 'is-plm-hub' : 'is-standard']: true,
|
|
11915
|
+
[this.titleMargin]: !!this.titleMargin ? true : false,
|
|
11916
|
+
[this.titleShadow]: !!this.titleShadow ? true : false,
|
|
11917
|
+
[this.titleWeight]: !!this.titleWeight ? true : false,
|
|
11918
|
+
[this.titleSize]: !!this.titleSize ? true : false,
|
|
11919
|
+
[this.titleHeight]: !!this.titleHeight ? true : false,
|
|
11920
|
+
[this.titleColor]: !!this.titleColor ? true : false,
|
|
11921
|
+
['ellipsis-boxing']: this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0,
|
|
11922
|
+
[this.titleDisplay]: !!this.titleDisplay ? true : false,
|
|
11923
|
+
};
|
|
11924
|
+
}
|
|
11925
|
+
getLineCuttoff() {
|
|
11926
|
+
let result;
|
|
11927
|
+
if (this.ellipsisLineCutoff && this.ellipsisLineCutoff > 0) {
|
|
11928
|
+
result = {
|
|
11929
|
+
['-webkit-line-clamp']: `${this.ellipsisLineCutoff}`,
|
|
11930
|
+
};
|
|
11931
|
+
}
|
|
11932
|
+
return result;
|
|
11933
|
+
}
|
|
11934
|
+
};
|
|
11935
11935
|
PtcTitle.style = ptcTitleCss;
|
|
11936
11936
|
|
|
11937
11937
|
exports.embedded_form = EmbeddedForm;
|