trimble-terra 1.1.9-beta.4 → 1.1.9-beta.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/component/Dialog/Dialog.css +1 -1
- package/dist/src/component/ProductDetail/InlineMedia/InlineMedia.css +1 -1
- package/dist/src/component/ProductDetail/InlineMedia/InlineMediaPanel/InlineMediaPanel.css +1 -1
- package/dist/src/component/ProductDetail/InlineMedia/InlineMediaPanel/InlineMediaPanel.d.ts +8 -8
- package/dist/src/component/ProductDetail/InlineMedia/InlineMediaPanel/InlineMediaPanel.d.ts.map +1 -1
- package/dist/src/component/ProductDetail/InlineMedia/InlineMediaPanel/InlineMediaPanel.js +47 -58
- package/dist/src/component/ProductDetail/ProductDetail.css +1 -1
- package/dist/src/component/ProductDetail/ProductDetail.d.ts.map +1 -1
- package/dist/src/component/ProductDetail/ProductDetail.js +59 -53
- package/dist/src/component/ProductDetail/ProductDetail.stories.d.ts.map +1 -1
- package/dist/src/component/Video/Video.d.ts +0 -1
- package/dist/src/component/Video/Video.d.ts.map +1 -1
- package/dist/src/component/Video/Video.js +77 -46
- package/dist/src/component/Video/VimeoVideo.d.ts +1 -0
- package/dist/src/component/Video/VimeoVideo.d.ts.map +1 -1
- package/dist/src/component/Video/VimeoVideo.js +27 -21
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.t2-dialog{position:fixed;z-index:5;background:#fff;max-width:500px;top:40%;left:50%;transform:translate(-50%,-50%);flex-direction:column;align-items:center;padding:32px;border-radius:10px;box-shadow:0 110px 31px #0000,0 70px 28px #00000003,0 40px 24px #0000000d,0 18px 18px #00000017,0 4px 10px #0000001a;text-transform:none;text-align:center}.t2-dialog p:first-of-type{margin-top:0}.t2-dialog p:last-of-type{margin-bottom:0}@media not (min-width:600px){.t2-dialog{width:90%;height:auto}}.t2-dialog__overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:#3635454d}.t2-dialog__close{all:unset;position:absolute;top:33px;right:32px;margin:0;padding:0;cursor:pointer}.t2-dialog__close:focus{outline:revert}.t2-dialog__title{color:#353a40;font-size:1.5rem;font-style:normal;font-weight:700;line-height:1.875rem;letter-spacing:1.92px}.t2-dialog__title{letter-spacing:.5px;margin:0 0 18px}.t2-dialog__content,.t2-dialog__content__text,.t2-dialog__content__text-holder{text-align:center;text-wrap:balance;color:#353a40;font-size:1.125rem;font-style:normal;font-weight:400;line-height:2rem;letter-spacing:.18px}@media screen and (max-width:600px){.t2-dialog__content,.t2-dialog__content__text,.t2-dialog__content__text-holder{font-size:1rem;line-height:1.375rem}}.t2-dialog__content--link,.t2-dialog__content__text--link,.t2-dialog__content__text-holder--link{color:#353a40;font-size:1.125rem;font-style:normal;font-weight:400;line-height:2rem;letter-spacing:.18px}@media screen and (max-width:600px){.t2-dialog__content--link,.t2-dialog__content__text--link,.t2-dialog__content__text-holder--link{font-size:1rem;line-height:1.375rem}}.t2-dialog__buttons{display:flex;gap:12px;flex-direction:row;align-items:center;justify-content:center;margin-top:32px}@media not (min-width:600px){.t2-dialog__buttons{flex-direction:column-reverse}}.t2-dialog--opened{display:flex}.t2-dialog--closed{display:none}.t2-dialog-loading__section{display:flex;gap:12px;flex-direction:column;align-items:center;justify-content:center;margin-bottom:24px;margin-top:12px}.t2-dialog-loading__text{color:#0063a3;line-height:27px;letter-spacing:.15;color:#353a40;font-size:1.125rem;font-style:normal;font-weight:400;line-height:2rem;letter-spacing:.18px}@media screen and (max-width:600px){.t2-dialog-loading__text{font-size:1rem;line-height:1.375rem}}
|
|
1
|
+
.t2-dialog{position:fixed;z-index:5;background:#fff;max-width:500px;top:40%;left:50%;transform:translate(-50%,-50%);flex-direction:column;align-items:center;padding:32px;border-radius:10px;box-shadow:0 110px 31px #0000,0 70px 28px #00000003,0 40px 24px #0000000d,0 18px 18px #00000017,0 4px 10px #0000001a;text-transform:none;text-align:center}@media(max-height:1000px){.t2-dialog{max-height:calc(100dvh - 32px)!important;top:50%!important;overflow-y:auto!important}}@media(max-height:750px)and (max-width:650px){.t2-dialog{width:90%}}.t2-dialog p:first-of-type{margin-top:0}.t2-dialog p:last-of-type{margin-bottom:0}@media not (min-width:600px){.t2-dialog{width:90%;height:auto}}.t2-dialog__overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:#3635454d}.t2-dialog__close{all:unset;position:absolute;top:33px;right:32px;margin:0;padding:0;cursor:pointer}.t2-dialog__close:focus{outline:revert}.t2-dialog__title{color:#353a40;font-size:1.5rem;font-style:normal;font-weight:700;line-height:1.875rem;letter-spacing:1.92px}.t2-dialog__title{letter-spacing:.5px;margin:0 0 18px}.t2-dialog__content,.t2-dialog__content__text,.t2-dialog__content__text-holder{text-align:center;text-wrap:balance;color:#353a40;font-size:1.125rem;font-style:normal;font-weight:400;line-height:2rem;letter-spacing:.18px}@media screen and (max-width:600px){.t2-dialog__content,.t2-dialog__content__text,.t2-dialog__content__text-holder{font-size:1rem;line-height:1.375rem}}.t2-dialog__content--link,.t2-dialog__content__text--link,.t2-dialog__content__text-holder--link{color:#353a40;font-size:1.125rem;font-style:normal;font-weight:400;line-height:2rem;letter-spacing:.18px}@media screen and (max-width:600px){.t2-dialog__content--link,.t2-dialog__content__text--link,.t2-dialog__content__text-holder--link{font-size:1rem;line-height:1.375rem}}.t2-dialog__buttons{display:flex;gap:12px;flex-direction:row;align-items:center;justify-content:center;margin-top:32px}@media not (min-width:600px){.t2-dialog__buttons{flex-direction:column-reverse}}.t2-dialog--opened{display:flex}.t2-dialog--closed{display:none}.t2-dialog-loading__section{display:flex;gap:12px;flex-direction:column;align-items:center;justify-content:center;margin-bottom:24px;margin-top:12px}.t2-dialog-loading__text{color:#0063a3;line-height:27px;letter-spacing:.15;color:#353a40;font-size:1.125rem;font-style:normal;font-weight:400;line-height:2rem;letter-spacing:.18px}@media screen and (max-width:600px){.t2-dialog-loading__text{font-size:1rem;line-height:1.375rem}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.t2-media-inline-panel__description li p{margin-bottom:0}.t2-layout-inline-media__list-carousel-panel-wrap .slick-slider{min-height:auto!important}@media screen and (max-width:600px){.t2-layout-inline-media__list-carousel-panel-wrap .t2-media-inline-panel__content{padding-bottom:50px}}.t2-layout-inline-media__list-carousel-panel-wrap .slick-dots{bottom:0;position:relative}.t2-layout-inline-media__list-carousel-panel-wrap .t2-media-inline-panel__media{margin-bottom:100px}@media(max-width:599px){.t2-layout-inline-media__list-carousel-panel-wrap .t2-media-inline-panel__media{margin-bottom:0}}.t2-layout-inline-media__list-carousel-panel-wrap .t2-media-inline-panel__media .t2-video-embed{width:631px}@media(max-width:599px){.t2-layout-inline-media__list-carousel-panel-wrap .t2-media-inline-panel__media .t2-video-embed{width:100%}}.t2-layout-inline-media__list-carousel-panel-wrap .t2-media-inline-panel__media--no-description{margin-bottom:200px;width:1060px;max-height:none}@media(max-width:599px){.t2-layout-inline-media__list-carousel-panel-wrap .t2-media-inline-panel__media--no-description{margin-bottom:0;padding:0 20px;width:100%}}.t2-layout-inline-media__list-carousel-panel-wrap .t2-media-inline-panel__media--no-description .t2-video-embed{width:100%}.slick-dots{bottom:5%}@media screen and (max-width:1400px){.slick-dots{bottom:6%}}@media screen and (max-width:1100px){.slick-dots{bottom:8%;border-bottom:1px solid #e0e1e9}}@media screen and (max-width:800px){.slick-dots{bottom:14%}}@media screen and (max-width:600px){.slick-dots{bottom:6%}}@media screen and (max-width:450px){.slick-dots{bottom:5%}}@media screen and (max-width:800px){.slick-dots .custom-slick-dots{margin-top:0}}.slick-dots:has(.custom-dots-position){bottom:auto!important}.slick-dots:has(.custom-dots-position) .t2-layout-inline-media__cta{margin-top:60px}@media screen and (max-width:600px){.slick-dots:has(.custom-dots-position) .t2-layout-inline-media__cta{margin-top:35px}}@media screen and (max-width:1080px){.slick-dots:has(.custom-dots-position){bottom:12%!important}}@media screen and (max-width:600px){.slick-dots:has(.custom-dots-position){bottom:6%!important}}@media screen and (max-width:450px){.slick-dots:has(.custom-dots-position){bottom:auto!important}}.t2-layout-inline-media__inner-wrap{display:flex}.t2-layout-inline-media__items-wrap,.t2-layout-inline-media__items{max-width:100%;width:100%}.t2-layout-inline-media__items-wrap .react-tabs .slick-slider,.t2-layout-inline-media__items .react-tabs .slick-slider{min-height:auto}@media screen and (max-width:1080px){.t2-layout-inline-media__items-wrap .react-tabs,.t2-layout-inline-media__items .react-tabs{padding:0 20px;width:100%;overflow:hidden}}@media screen and (max-width:600px){.t2-layout-inline-media__items-wrap .react-tabs,.t2-layout-inline-media__items .react-tabs{width:100%;overflow:hidden;padding:0 20px}}.t2-layout-inline-media__items-wrap .react-tabs__tab-list,.t2-layout-inline-media__items .react-tabs__tab-list{border-bottom:1px solid #e0e1e9;position:relative;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;margin:0 0 80px}@media screen and (max-width:600px){.t2-layout-inline-media__items-wrap .react-tabs__tab-list,.t2-layout-inline-media__items .react-tabs__tab-list{margin:0 0 50px}}.t2-layout-inline-media__items-wrap .react-tabs .react-tabs__tab-panel .t2-video-embed,.t2-layout-inline-media__items .react-tabs .react-tabs__tab-panel .t2-video-embed{width:
|
|
1
|
+
.t2-media-inline-panel__description li p{margin-bottom:0}.t2-layout-inline-media__list-carousel-panel-wrap .slick-slider{min-height:auto!important}@media screen and (max-width:600px){.t2-layout-inline-media__list-carousel-panel-wrap .t2-media-inline-panel__content{padding-bottom:50px}}.t2-layout-inline-media__list-carousel-panel-wrap .slick-dots{bottom:0;position:relative}.t2-layout-inline-media__list-carousel-panel-wrap .t2-media-inline-panel__media{margin-bottom:100px}@media(max-width:599px){.t2-layout-inline-media__list-carousel-panel-wrap .t2-media-inline-panel__media{margin-bottom:0}}.t2-layout-inline-media__list-carousel-panel-wrap .t2-media-inline-panel__media .t2-video-embed{width:631px}@media(max-width:599px){.t2-layout-inline-media__list-carousel-panel-wrap .t2-media-inline-panel__media .t2-video-embed{width:100%}}.t2-layout-inline-media__list-carousel-panel-wrap .t2-media-inline-panel__media--no-description{margin-bottom:200px;width:1060px;max-height:none}@media(max-width:599px){.t2-layout-inline-media__list-carousel-panel-wrap .t2-media-inline-panel__media--no-description{margin-bottom:0;padding:0 20px;width:100%}}.t2-layout-inline-media__list-carousel-panel-wrap .t2-media-inline-panel__media--no-description .t2-video-embed{width:100%}.slick-dots{bottom:5%}@media screen and (max-width:1400px){.slick-dots{bottom:6%}}@media screen and (max-width:1100px){.slick-dots{bottom:8%;border-bottom:1px solid #e0e1e9}}@media screen and (max-width:800px){.slick-dots{bottom:14%}}@media screen and (max-width:600px){.slick-dots{bottom:6%}}@media screen and (max-width:450px){.slick-dots{bottom:5%}}@media screen and (max-width:800px){.slick-dots .custom-slick-dots{margin-top:0}}.slick-dots:has(.custom-dots-position){bottom:auto!important}.slick-dots:has(.custom-dots-position) .t2-layout-inline-media__cta{margin-top:60px}@media screen and (max-width:600px){.slick-dots:has(.custom-dots-position) .t2-layout-inline-media__cta{margin-top:35px}}@media screen and (max-width:1080px){.slick-dots:has(.custom-dots-position){bottom:12%!important}}@media screen and (max-width:600px){.slick-dots:has(.custom-dots-position){bottom:6%!important}}@media screen and (max-width:450px){.slick-dots:has(.custom-dots-position){bottom:auto!important}}.t2-layout-inline-media__inner-wrap{display:flex}.t2-layout-inline-media__items-wrap,.t2-layout-inline-media__items{max-width:100%;width:100%}.t2-layout-inline-media__items-wrap .react-tabs .slick-slider,.t2-layout-inline-media__items .react-tabs .slick-slider{min-height:auto}@media screen and (max-width:1080px){.t2-layout-inline-media__items-wrap .react-tabs,.t2-layout-inline-media__items .react-tabs{padding:0 20px;width:100%;overflow:hidden}}@media screen and (max-width:600px){.t2-layout-inline-media__items-wrap .react-tabs,.t2-layout-inline-media__items .react-tabs{width:100%;overflow:hidden;padding:0 20px}}.t2-layout-inline-media__items-wrap .react-tabs__tab-list,.t2-layout-inline-media__items .react-tabs__tab-list{border-bottom:1px solid #e0e1e9;position:relative;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;margin:0 0 80px}@media screen and (max-width:600px){.t2-layout-inline-media__items-wrap .react-tabs__tab-list,.t2-layout-inline-media__items .react-tabs__tab-list{margin:0 0 50px}}.t2-layout-inline-media__items-wrap .react-tabs .react-tabs__tab-panel .t2-video-embed,.t2-layout-inline-media__items .react-tabs .react-tabs__tab-panel .t2-video-embed{width:100%;max-width:631px}.t2-layout-inline-media__items-wrap .react-tabs__tab,.t2-layout-inline-media__items .react-tabs__tab{padding:0}.t2-layout-inline-media__items-wrap .react-tabs__tab:focus:after,.t2-layout-inline-media__items .react-tabs__tab:focus:after{display:none}.t2-layout-inline-media__items-wrap .react-tabs__tab .t2-lo-inline-media-tab-title,.t2-layout-inline-media__items .react-tabs__tab .t2-lo-inline-media-tab-title{white-space:nowrap;font-size:1rem;line-height:1.375rem;letter-spacing:.4px;color:#353a40;padding:10px 25px;font-weight:400;text-transform:uppercase;margin:0}@media screen and (max-width:600px){.t2-layout-inline-media__items-wrap .react-tabs__tab .t2-lo-inline-media-tab-title,.t2-layout-inline-media__items .react-tabs__tab .t2-lo-inline-media-tab-title{padding:10px 20px;white-space:nowrap;cursor:pointer;border-bottom:4px solid transparent}}.t2-layout-inline-media__items-wrap .react-tabs__tab .t2-lo-inline-media-tab-title:focus:after,.t2-layout-inline-media__items .react-tabs__tab .t2-lo-inline-media-tab-title:focus:after{border-bottom:4px solid #0063a3}.t2-layout-inline-media__items-wrap .react-tabs__tab--selected,.t2-layout-inline-media__items .react-tabs__tab--selected{border:0;padding:0}.t2-layout-inline-media__items-wrap .react-tabs__tab--selected .t2-lo-inline-media-tab-title,.t2-layout-inline-media__items .react-tabs__tab--selected .t2-lo-inline-media-tab-title{box-shadow:0 -2px 6px #00000014;border-bottom:4px solid #0063a3;border-top:0;border-left:0;border-right:0;background-color:transparent;font-weight:700;color:#0063a3}.t2-layout-inline-media__items-wrap .react-tabs__tab--selected .t2-lo-inline-media-tab-title:focus:after,.t2-layout-inline-media__items .react-tabs__tab--selected .t2-lo-inline-media-tab-title:focus:after{display:none}.t2-slider-carousel-wrap button{color:#353a40;background-color:transparent;border:0;cursor:pointer}.t2-slider-carousel-wrap button:focus-visible{outline:2px solid #000000}.t2-slider-carousel-wrap button:not(:focus-visible){outline:0}.t2-slider-carousel-wrap .t2-media-inline-panel-wrap--carousel{padding-left:2px;padding-right:2px}@media screen and (max-width:600px){.t2-slider-carousel-wrap .t2-media-inline-panel-wrap--carousel{min-height:auto}}@media screen and (max-width:600px){.t2-slider-carousel-wrap .custom-slick-dots{margin-top:20px}}.t2-layout-inline-media__items{padding-bottom:35px;position:relative}@media screen and (max-width:1080px){.t2-layout-inline-media__items{padding-bottom:0}}.t2-media-inline-panel--no-text .t2-media-inline-panel-wrap{display:block;min-height:auto!important}.t2-layout-inline-media__scroll-indicator{position:absolute;right:-2px;top:0;z-index:5;height:46px;cursor:pointer;width:35px;border-right:2px solid #0063a3;background:transparent}@media screen and (max-width:1080px){.t2-layout-inline-media__scroll-indicator{right:19px}}.t2-layout-inline-media__scroll-indicator--wrapper{background:linear-gradient(270deg,#fff 80%,#0000);height:43px;width:33px;text-align:center;display:flex;align-items:center;justify-content:center;padding-left:4px}.t2-layout-inline-media__scroll-indicator--left{left:-2px;right:auto;border-left:2px solid #0063a3;border-right:0}@media screen and (max-width:1080px){.t2-layout-inline-media__scroll-indicator--left{left:19px}}.t2-layout-inline-media__scroll-indicator--left svg{transform:rotate(180deg)}.t2-layout-inline-media__scroll-indicator--left .t2-layout-inline-media__scroll-indicator--wrapper{background:linear-gradient(90deg,#fff 80%,#0000);padding-left:0;padding-right:4px}.slick-slider{min-height:550px}.slick-slider .slick-slide:not(.slick-active) a{visibility:hidden}.slick-slider .t2-video-embed{width:100%}.slick-slider .t2-media-inline-panel__img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover}@media screen and (max-width:1080px){.slick-slider{min-height:370px}}@media screen and (max-width:600px){.slick-slider{min-height:425px}}@media screen and (max-width:450px){.slick-slider{min-height:275px}}.t2-color-setting--dark .t2-media-inline-panel__description p,.t2-color-setting--dark .t2-media-inline-panel__description ul li,.t2-color-setting--dark .t2-media-inline-panel__description p:has(+ul){color:#fff}.t2-color-setting--dark .react-tabs__tab,.t2-color-setting--dark .react-tabs .t2-lo-inline-media-tab-title{color:#fff}.t2-color-setting--dark .react-tabs__tab--selected .t2-lo-inline-media-tab-title{box-shadow:0 -2px 6px #00000014;border-bottom:4px solid #fbad26;border-top:0;border-left:0;border-right:0;background-color:transparent;font-weight:700;color:#fbad26}.t2-color-setting--dark .react-tabs__tab--selected .t2-lo-inline-media-tab-title:focus:after{display:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.t2-media-inline-panel{width:100%;display:block}.t2-media-inline-panel__media,.t2-media-inline-panel__media-wrap{width:100%;max-width:50%;max-height:346px}@media screen and (max-width:600px){.t2-media-inline-panel__media,.t2-media-inline-panel__media-wrap{max-width:100%}}.t2-media-inline-panel__media{display:block;width:100%;height:auto;margin-bottom:10px}.t2-media-inline-panel__header{font-size:1.125rem;font-weight:700;margin:0 0 12px;padding:0}.t2-media-inline-panel__media,.t2-media-inline-panel__content{max-width:631px;max-height:346px}.t2-media-inline-panel__media--no-description,.t2-media-inline-panel__content--no-description{max-width:100%}.t2-media-inline-panel__media--no-description .t2-video-
|
|
1
|
+
.t2-media-inline-panel{width:100%;display:block}.t2-media-inline-panel__media,.t2-media-inline-panel__media-wrap{width:100%;max-width:50%;max-height:346px}@media screen and (max-width:600px){.t2-media-inline-panel__media,.t2-media-inline-panel__media-wrap{max-width:100%}}.t2-media-inline-panel__media{display:block;width:100%;height:auto;margin-bottom:10px}.t2-media-inline-panel__header{font-size:1.125rem;font-weight:700;margin:0 0 12px;padding:0}.t2-media-inline-panel__media,.t2-media-inline-panel__content{max-width:631px;max-height:346px}.t2-media-inline-panel__media--no-description,.t2-media-inline-panel__content--no-description{max-width:631px;max-height:none;margin-left:auto;margin-right:auto;width:100%}.t2-media-inline-panel__media--no-description .t2-video-embed,.t2-media-inline-panel__content--no-description .t2-video-embed{width:100%}.t2-media-inline-panel__media--no-description .t2-video-embed__image,.t2-media-inline-panel__media--no-description .t2-media-inline-panel__img,.t2-media-inline-panel__content--no-description .t2-video-embed__image,.t2-media-inline-panel__content--no-description .t2-media-inline-panel__img{width:100%;max-width:631px;height:auto;aspect-ratio:631/354;max-height:none;-o-object-fit:cover;object-fit:cover;margin-left:auto;margin-right:auto}@media screen and (max-width:600px){.t2-media-inline-panel__media--no-description .t2-video-embed__image,.t2-media-inline-panel__media--no-description .t2-media-inline-panel__img,.t2-media-inline-panel__content--no-description .t2-video-embed__image,.t2-media-inline-panel__content--no-description .t2-media-inline-panel__img{max-width:100%;aspect-ratio:107/60}}@media screen and (max-width:1080px){.t2-media-inline-panel__media,.t2-media-inline-panel__content{max-width:100%;max-height:none}}@media screen and (max-width:600px){.t2-media-inline-panel__media,.t2-media-inline-panel__content{max-width:100%;max-height:none}}.t2-media-inline-panel__media .t2-special-button,.t2-media-inline-panel__content .t2-special-button{background-color:#353a40}.t2-media-inline-panel__media .t2-special-button:hover,.t2-media-inline-panel__content .t2-special-button:hover{background-color:#353a40;color:#fff}.t2-media-inline-panel__description{color:#353a40;font-size:1.125rem;font-style:normal;font-weight:400;line-height:2rem;letter-spacing:.18px}@media screen and (max-width:600px){.t2-media-inline-panel__description{font-size:1rem;line-height:1.375rem}}@media screen and (max-width:1080px){.t2-media-inline-panel__description{padding:50px 0 0}}@media screen and (max-width:600px){.t2-media-inline-panel__description{padding:50px 20px 0}}.t2-media-inline-panel__description p{color:#353a40;font-size:1.125rem;font-style:normal;font-weight:400;line-height:2rem;letter-spacing:.18px}@media screen and (max-width:600px){.t2-media-inline-panel__description p{font-size:1rem;line-height:1.375rem}}.t2-media-inline-panel__description p:has(+ul){font-size:.875rem!important;font-weight:700!important;line-height:1.25rem!important;letter-spacing:.56px!important;text-transform:uppercase;margin-bottom:25px}.t2-media-inline-panel__description ul{font-size:1.375rem;font-weight:400;line-height:2.5rem;letter-spacing:.22px;padding-inline-start:40px}.t2-media-inline-panel__description ul li{list-style:disc!important;vertical-align:top;margin-top:0!important}.t2-media-inline-panel__description ul li::marker{vertical-align:top;font-size:.6875rem}.t2-media-inline-panel__description ul li>p{font-size:1.375rem;font-weight:400!important;line-height:40px;letter-spacing:.22px;vertical-align:top}@media screen and (max-width:600px){.t2-media-inline-panel__description ul li>p{font-size:1rem;line-height:1.375rem}}.t2-media-inline-panel__description ul li:before{display:none!important}@media screen and (max-width:600px){.t2-media-inline-panel__description ul{font-size:1rem;line-height:1.375rem}}.t2-media-inline-panel__cta{display:flex;gap:50px;align-items:center;margin-top:60px}@media screen and (max-width:600px){.t2-media-inline-panel__cta{gap:20px;padding:0 10px;margin-top:30px}.t2-media-inline-panel__cta .t2-button--medium{width:100%}.t2-media-inline-panel__cta .t2-button{margin:0 5px!important}}.t2-media-inline-panel__cta .t2-special-button__wrap:hover{text-decoration:underline}.t2-media-inline-panel__cta .t2-special-button__wrap:hover .t2-special-button{background-color:#252a2e}.t2-media-inline-panel-wrap{display:flex;justify-content:flex-start;gap:127px;min-height:400px}@media screen and (max-width:1080px){.t2-media-inline-panel-wrap{flex-direction:column-reverse;gap:0;width:100%}}@media screen and (max-width:600px){.t2-media-inline-panel-wrap{flex-direction:column-reverse;gap:0;height:auto}}.t2-media-inline-panel-wrap--carousel{padding:50px 0 200px;border-top:1px solid #e0e1e9;border-bottom:1px solid #e0e1e9;min-height:620px}@media screen and (max-width:1080px){.t2-media-inline-panel-wrap--carousel{padding:0 0 60px;border-top:0;border-bottom:0;flex-direction:column-reverse;gap:0;height:auto}}@media screen and (max-width:800px){.t2-media-inline-panel-wrap--carousel{padding:0 2px;border-top:0;flex-direction:column-reverse;gap:0;height:auto;border-bottom:none}}@media screen and (max-width:1080px){.t2-media-inline-panel-wrap--carousel .t2-media-inline-panel__content{display:flex;flex-direction:column;padding-bottom:160px}}@media screen and (max-width:800px){.t2-media-inline-panel-wrap--carousel .t2-media-inline-panel__content{margin:0 20px;padding-top:0;padding-bottom:124px}}@media screen and (max-width:600px){.t2-media-inline-panel__list-carousel-in-tabs-wrap{margin-bottom:50px}}@media screen and (max-width:600px){.t2-media-inline-panel__list-carousel-in-tabs-wrap .t2-media-inline-panel__content{padding-bottom:50px;border-bottom:1px solid #e0e1e9}}.t2-media-inline-panel__list-carousel-in-tabs-wrap .slick-dots{bottom:-25%!important}@media screen and (max-width:600px){.t2-media-inline-panel__list-carousel-in-tabs-wrap .slick-dots{bottom:-30%!important}}.t2-media-inline-panel__list-carousel-in-tabs-wrap .t2-media-inline-panel__media{margin-bottom:100px}.t2-media-inline-panel--mediaLeft .t2-media-inline-panel-wrap{flex-direction:row-reverse}@media screen and (max-width:1080px){.t2-media-inline-panel--mediaLeft .t2-media-inline-panel-wrap{flex-direction:column-reverse}}.t2-media-inline-panel--mediaLeft .t2-media-inline-panel-wrap--carousel,.t2-media-inline-panel--mediaRight .t2-media-inline-panel-wrap--carousel{display:flex}.t2-media-inline-panel--mediaLeft .t2-media-inline-panel-wrap--carousel .t2-media-inline-panel__content,.t2-media-inline-panel--mediaRight .t2-media-inline-panel-wrap--carousel .t2-media-inline-panel__content{flex:1}.t2-media-inline-panel--mediaLeft .t2-media-inline-panel-wrap--carousel .t2-media-inline-panel__media,.t2-media-inline-panel--mediaRight .t2-media-inline-panel-wrap--carousel .t2-media-inline-panel__media{flex:0 0 631px}@media(max-width:599px){.t2-media-inline-panel--mediaLeft .t2-media-inline-panel-wrap--carousel .t2-media-inline-panel__media,.t2-media-inline-panel--mediaRight .t2-media-inline-panel-wrap--carousel .t2-media-inline-panel__media{flex:unset;width:100%;height:auto}.t2-media-inline-panel--mediaLeft .t2-media-inline-panel-wrap--carousel .t2-media-inline-panel__media picture,.t2-media-inline-panel--mediaRight .t2-media-inline-panel-wrap--carousel .t2-media-inline-panel__media picture{display:block;aspect-ratio:107/60;width:100%;height:auto}}.t2-media-inline-panel--mediaLeft .t2-media-inline-panel-wrap--carousel .t2-media-inline-panel__media--no-description,.t2-media-inline-panel--mediaRight .t2-media-inline-panel-wrap--carousel .t2-media-inline-panel__media--no-description{flex:1;min-height:100%}.t2-media-inline-panel--no-text .t2-media-inline-panel__media{margin:0 auto}@media screen and (max-width:600px){.t2-media-inline-panel--no-text{padding-bottom:0}}.t2-media-inline-panel--no-text .t2-media-inline-panel-wrap--carousel{border-top:0;border-bottom:0;height:625px!important;padding:0}@media screen and (max-width:1080px){.t2-media-inline-panel--no-text .t2-media-inline-panel-wrap--carousel{height:auto!important}}.t2-media-inline-panel .slick-slider{max-height:none}.t2-media-inline-panel .slick-slider .slick-dots{bottom:0;position:relative}.t2-video-embed__image,.t2-media-inline-panel__img{border-radius:10px;position:relative;width:100%;max-width:1060px;width:631px;height:354px;margin:0 auto;display:block;max-height:354px;-o-object-fit:fill;object-fit:fill}@media screen and (max-width:600px){.t2-video-embed__image,.t2-media-inline-panel__img{width:100%;height:auto;border-radius:0}}.has-natural-img{margin-bottom:0!important}.t2-media-inline-panel__img--natural{max-height:none!important;height:auto!important;width:100%!important;-o-object-fit:contain!important;object-fit:contain!important;aspect-ratio:auto!important}.t2-media-inline-panel__img--natural.ter-focused-image-container,.t2-media-inline-panel__media--no-description .t2-media-inline-panel__img--natural.ter-focused-image-container{height:auto!important;aspect-ratio:auto!important}.t2-media-inline-panel__img--natural img.ter-focused-image{position:static!important;inset:auto!important;width:100%!important;height:auto!important;-o-object-fit:contain!important;object-fit:contain!important}.t2-video-embed__icon{width:64px!important;height:64px!important;background:#fbad26;display:flex!important;justify-content:center;align-items:center;border-radius:50%}.t2-video-embed__icon svg{width:20px;height:20px;margin-left:5px}.t2-video-embed__icon .t2-icon,.t2-video-embed__icon svg{pointer-events:none}.t2-special-button__submit-icon{width:18px!important;height:18px!important;fill:#fff!important}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { SpecialButton } from '../../../SpecialButton/SpecialButton';
|
|
2
|
+
type InlineMediaPanelMediaItem = {
|
|
3
|
+
type: "image" | "video";
|
|
4
|
+
assetURL?: string;
|
|
5
|
+
videoURL?: string;
|
|
6
|
+
alt: string;
|
|
7
|
+
};
|
|
2
8
|
export interface InlineMediaPanel {
|
|
3
9
|
publicTitle?: string;
|
|
4
10
|
description?: string;
|
|
5
|
-
media?: [
|
|
6
|
-
{
|
|
7
|
-
type: "image" | "video";
|
|
8
|
-
assetURL?: string;
|
|
9
|
-
videoURL?: string;
|
|
10
|
-
alt: string;
|
|
11
|
-
}
|
|
12
|
-
];
|
|
11
|
+
media?: InlineMediaPanelMediaItem[];
|
|
13
12
|
buttons?: SpecialButton[];
|
|
14
13
|
alignment?: "mediaRight" | "mediaLeft";
|
|
15
14
|
displayMode?: string;
|
|
16
15
|
colorSetting?: string;
|
|
17
16
|
}
|
|
18
17
|
export declare const InlineMediaPanel: ({ description, media, buttons, alignment, displayMode, colorSetting, }: InlineMediaPanel) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export {};
|
|
19
19
|
//# sourceMappingURL=InlineMediaPanel.d.ts.map
|
package/dist/src/component/ProductDetail/InlineMedia/InlineMediaPanel/InlineMediaPanel.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineMediaPanel.d.ts","sourceRoot":"","sources":["../../../../../../src/component/ProductDetail/InlineMedia/InlineMediaPanel/InlineMediaPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,yBAAyB,CAAC;AAGjC,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAIrE,
|
|
1
|
+
{"version":3,"file":"InlineMediaPanel.d.ts","sourceRoot":"","sources":["../../../../../../src/component/ProductDetail/InlineMedia/InlineMediaPanel/InlineMediaPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,yBAAyB,CAAC;AAGjC,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAIrE,KAAK,yBAAyB,GAAG;IAC/B,IAAI,EAAE,OAAO,GAAG,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,yBAAyB,EAAE,CAAC;IACpC,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAC1B,SAAS,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,gBAAgB,GAAI,wEAO9B,gBAAgB,4CA4KlB,CAAC"}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { jsx as i, Fragment as
|
|
2
|
-
import { TerraLink as
|
|
1
|
+
import { jsx as i, Fragment as $, jsxs as s } from "react/jsx-runtime";
|
|
2
|
+
import { TerraLink as u } from "../../../TerraLink/TerraLink.js";
|
|
3
3
|
import './InlineMediaPanel.css';/* empty css */
|
|
4
|
-
import { VideoCovered as
|
|
5
|
-
import { SpecialButton as
|
|
6
|
-
import { CommonDescription as
|
|
4
|
+
import { VideoCovered as f } from "../../../VideoCovered/VideoCovered.js";
|
|
5
|
+
import { SpecialButton as L } from "../../../SpecialButton/SpecialButton.js";
|
|
6
|
+
import { CommonDescription as U } from "../../../CommonDescription/CommonDescription.js";
|
|
7
7
|
import { renderFocusedOrRegularImage as v } from "../../../../utils/renderFocusedOrRegularImage.js";
|
|
8
|
-
const
|
|
9
|
-
description:
|
|
10
|
-
media:
|
|
8
|
+
const M = ({
|
|
9
|
+
description: a,
|
|
10
|
+
media: n,
|
|
11
11
|
buttons: t,
|
|
12
|
-
alignment:
|
|
12
|
+
alignment: c,
|
|
13
13
|
displayMode: o,
|
|
14
|
-
colorSetting:
|
|
14
|
+
colorSetting: _
|
|
15
15
|
}) => {
|
|
16
|
-
const
|
|
16
|
+
const w = `${c || "mediaRight"}`, N = a ? "" : "t2-media-inline-panel--no-text", d = {
|
|
17
17
|
mobile: {
|
|
18
18
|
width: 535,
|
|
19
19
|
height: 300,
|
|
@@ -38,8 +38,7 @@ const C = ({
|
|
|
38
38
|
height: 354
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
|
-
},
|
|
42
|
-
videoUrl: e?.videoUrl,
|
|
41
|
+
}, m = (e) => e?.focalPointImage !== void 0 ? e?.type === "video" ? {
|
|
43
42
|
image: {
|
|
44
43
|
focalPointImage: e?.focalPointImage,
|
|
45
44
|
alt: e?.alt
|
|
@@ -50,22 +49,28 @@ const C = ({
|
|
|
50
49
|
} : {
|
|
51
50
|
url: e?.assetURL,
|
|
52
51
|
alt: e?.alt
|
|
53
|
-
},
|
|
54
|
-
|
|
52
|
+
}, p = (e) => {
|
|
53
|
+
if (e) {
|
|
54
|
+
if ("image" in e && e.image) return e.image;
|
|
55
|
+
if ("url" in e && e.url)
|
|
56
|
+
return { url: e.url, alt: e.alt };
|
|
57
|
+
}
|
|
58
|
+
}, x = `t2-media-inline-panel t2-media-inline-panel--${w} ${N}`, h = !a && n && n.length === 1;
|
|
59
|
+
return /* @__PURE__ */ i($, { children: /* @__PURE__ */ i("div", { className: x, children: /* @__PURE__ */ s(
|
|
55
60
|
"div",
|
|
56
61
|
{
|
|
57
|
-
className: `${o === "carousel" ? "t2-media-inline-panel-wrap t2-media-inline-panel-wrap--carousel" : "t2-media-inline-panel-wrap"} ${o === "tabs" &&
|
|
62
|
+
className: `${o === "carousel" ? "t2-media-inline-panel-wrap t2-media-inline-panel-wrap--carousel" : "t2-media-inline-panel-wrap"} ${o === "tabs" && n && n?.length > 1 && "t2-media-inline-panel__list-carousel-in-tabs-wrap"}`,
|
|
58
63
|
children: [
|
|
59
|
-
|
|
64
|
+
a && /* @__PURE__ */ s("div", { className: "t2-media-inline-panel__content", children: [
|
|
60
65
|
/* @__PURE__ */ i(
|
|
61
|
-
|
|
66
|
+
U,
|
|
62
67
|
{
|
|
63
|
-
description:
|
|
68
|
+
description: a,
|
|
64
69
|
componentClass: "t2-media-inline-panel"
|
|
65
70
|
}
|
|
66
71
|
),
|
|
67
72
|
/* @__PURE__ */ i("div", { className: "t2-media-inline-panel__cta", children: t && t.map((e) => e.primary ? /* @__PURE__ */ i(
|
|
68
|
-
|
|
73
|
+
u,
|
|
69
74
|
{
|
|
70
75
|
tabIndex: 0,
|
|
71
76
|
primary: e.primary,
|
|
@@ -74,71 +79,55 @@ const C = ({
|
|
|
74
79
|
},
|
|
75
80
|
e.label
|
|
76
81
|
) : /* @__PURE__ */ i(
|
|
77
|
-
|
|
82
|
+
L,
|
|
78
83
|
{
|
|
79
84
|
label: e.label,
|
|
80
85
|
destination: e.destination,
|
|
81
86
|
size: e.size,
|
|
82
87
|
iconColor: t.length > 1 ? "dark" : "light",
|
|
83
|
-
isDarkTheme:
|
|
88
|
+
isDarkTheme: _ === "dark"
|
|
84
89
|
},
|
|
85
90
|
e.label
|
|
86
91
|
)) })
|
|
87
92
|
] }),
|
|
88
|
-
/* @__PURE__ */
|
|
93
|
+
/* @__PURE__ */ s(
|
|
89
94
|
"div",
|
|
90
95
|
{
|
|
91
|
-
className: `t2-media-inline-panel__media ${!
|
|
96
|
+
className: `t2-media-inline-panel__media ${!a && "t2-media-inline-panel__media--no-description"} has-natural-img`,
|
|
92
97
|
children: [
|
|
93
|
-
|
|
94
|
-
const l =
|
|
98
|
+
n && n?.length > 0 && (n?.length === 1 ? n?.map((e) => {
|
|
99
|
+
const l = m(e) || null, r = l?.focalPointImage, P = h && r ? {} : d, R = `t2-media-inline-panel__img ${h && r ? "t2-media-inline-panel__img--natural" : ""}`.trim(), g = e?.videoURL;
|
|
95
100
|
return e?.type === "video" ? /* @__PURE__ */ i(
|
|
96
|
-
|
|
101
|
+
f,
|
|
97
102
|
{
|
|
98
|
-
videoId:
|
|
99
|
-
image: l
|
|
100
|
-
isNoDescription: !
|
|
103
|
+
videoId: g,
|
|
104
|
+
image: p(l),
|
|
105
|
+
isNoDescription: !a
|
|
101
106
|
},
|
|
102
|
-
|
|
107
|
+
g
|
|
103
108
|
) : v(
|
|
104
109
|
l,
|
|
105
|
-
|
|
106
|
-
|
|
110
|
+
P,
|
|
111
|
+
R,
|
|
107
112
|
100
|
|
108
113
|
);
|
|
109
114
|
}) : o === "carousel" ? (() => {
|
|
110
|
-
const e =
|
|
115
|
+
const e = n[0], l = m(e) || null, r = e?.videoURL;
|
|
111
116
|
return e.type === "video" ? /* @__PURE__ */ i(
|
|
112
|
-
|
|
117
|
+
f,
|
|
113
118
|
{
|
|
114
|
-
videoId:
|
|
115
|
-
image: l
|
|
119
|
+
videoId: r,
|
|
120
|
+
image: p(l)
|
|
116
121
|
},
|
|
117
|
-
|
|
122
|
+
r
|
|
118
123
|
) : v(
|
|
119
124
|
l,
|
|
120
|
-
|
|
125
|
+
d,
|
|
121
126
|
"t2-media-inline-panel__img",
|
|
122
127
|
100
|
|
123
128
|
);
|
|
124
|
-
})() :
|
|
125
|
-
|
|
126
|
-
// {media.map(mediaItem => {
|
|
127
|
-
// const mediaImage = formatMediaItem(mediaItem) || null;
|
|
128
|
-
// return mediaItem.type === "video" ? (
|
|
129
|
-
// <VideoCovered
|
|
130
|
-
// key={mediaItem.videoURL}
|
|
131
|
-
// videoId={mediaItem.videoURL}
|
|
132
|
-
// image={mediaImage?.image}
|
|
133
|
-
// />
|
|
134
|
-
// ) : (
|
|
135
|
-
// renderFocusedOrRegularImage(mediaImage, mediaImageSizes, "t2-media-inline-panel__img", 100)
|
|
136
|
-
// )
|
|
137
|
-
// })}
|
|
138
|
-
// </Carousel>
|
|
139
|
-
null
|
|
140
|
-
)),
|
|
141
|
-
!n && t && /* @__PURE__ */ i("div", { className: "t2-media-inline-panel__cta", children: t && t.map((e, l) => /* @__PURE__ */ i(p, { tabIndex: 0, ...e }, l)) })
|
|
129
|
+
})() : null),
|
|
130
|
+
!a && t && /* @__PURE__ */ i("div", { className: "t2-media-inline-panel__cta", children: t && t.map((e, l) => /* @__PURE__ */ i(u, { tabIndex: 0, ...e }, l)) })
|
|
142
131
|
]
|
|
143
132
|
}
|
|
144
133
|
)
|
|
@@ -147,5 +136,5 @@ const C = ({
|
|
|
147
136
|
) }) });
|
|
148
137
|
};
|
|
149
138
|
export {
|
|
150
|
-
|
|
139
|
+
M as InlineMediaPanel
|
|
151
140
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.highlight-columns .t2-row>div{outline:1px solid pink}.t2-product-detail-page{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;margin:0 -10px}.t2-product-detail-page{background-color:#fff!important}.t2-product-detail-page,.t2-product-detail-page__left-column,.t2-product-detail-page__right-column,.t2-product-detail-page__image-gallery,.t2-product-detail-page__product-information,.t2-product-detail-page__overview--desktop,.t2-product-detail-page__overview--mobile,.t2-product-detail-page__inline-media,.t2-product-detail-page__disclaimer,.t2-product-detail-page__section,.t2-product-detail-page__fieldset{box-sizing:border-box;background-color:#fff!important}.t2-product-detail-page__product-name,.t2-product-detail-page__eyebrow,.t2-product-detail-page__subheader,.t2-product-detail-page__section-title,.t2-product-detail-page__section__title,.t2-product-detail-page__disclaimer--headline{margin:0;padding:0}.t2-product-detail-page{color:#252a2e}.t2-product-detail-page__eyebrow{margin-bottom:16px;color:#0063a3;text-transform:uppercase;font-size:1.125rem;font-style:normal;font-weight:700;line-height:1.75rem;letter-spacing:1.44px}@media screen and (max-width:600px){.t2-product-detail-page__eyebrow{font-size:.875rem;line-height:1.125rem;letter-spacing:.7px}}.t2-product-detail-page__header__eyebrow{margin-bottom:16px;color:#0063a3;text-transform:uppercase;font-size:1.125rem;font-style:normal;font-weight:700;line-height:1.75rem;letter-spacing:1.44px}@media screen and (max-width:600px){.t2-product-detail-page__header__eyebrow{font-size:.875rem;line-height:1.125rem;letter-spacing:.7px}}.t2-product-detail-page__header__title-row{display:flex;align-items:center;gap:16px;margin-bottom:12px}.t2-product-detail-page__header__title-row .t2-product-detail-page__header__product-name{margin:0}.t2-product-detail-page__header__list-image{width:48px;height:48px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.t2-product-detail-page__header__product-name{color:#353a40;font-size:2.5rem;font-style:normal;font-weight:300;line-height:3rem;letter-spacing:.8px}.t2-product-detail-page__header__product-name{margin:0 0 12px}.t2-product-detail-page__header__subheader{color:#353a40;font-size:1.375rem;font-style:normal;font-weight:700;line-height:1.875rem;letter-spacing:.18px;margin-bottom:16px}.t2-product-detail-page__header__region{font-weight:700;line-height:28px;display:inline-block;border-radius:4px;background-color:#f1f1f6;padding:6px 10px;margin:0}.t2-product-detail-page__left-column{flex-basis:100%;max-width:100%;padding-right:10px;padding-left:10px;margin-left:0%}@media(min-width:600px)and (max-width:959px){.t2-product-detail-page__left-column{flex-basis:100%;max-width:100%;padding-right:10px;padding-left:10px;margin-left:0%}}@media(min-width:960px)and (max-width:1079px){.t2-product-detail-page__left-column{flex-basis:58.333%;max-width:58.333%;padding-right:10px;padding-left:10px;margin-left:0%}}@media(min-width:1080px){.t2-product-detail-page__left-column{flex-basis:58.333%;max-width:58.333%;padding-right:10px;padding-left:10px;margin-left:0%}}.t2-product-detail-page__left-column .t2-product-detail-page__header{border-bottom:1px solid #e0e1e9;padding-bottom:40px;margin-bottom:40px}@media(max-width:959px){.t2-product-detail-page__overview--desktop{display:none}}@media(min-width:959px){.t2-product-detail-page__overview--mobile{display:none}}.t2-product-detail-page__right-column{flex-basis:100%;max-width:100%;padding-right:10px;padding-left:10px;margin-left:0%}@media(min-width:600px)and (max-width:959px){.t2-product-detail-page__right-column{flex-basis:100%;max-width:100%;padding-right:10px;padding-left:10px;margin-left:0%}}@media(min-width:960px)and (max-width:1079px){.t2-product-detail-page__right-column{flex-basis:41.666%;max-width:41.666%;padding-right:10px;padding-left:10px;margin-left:0%}}@media(min-width:1080px){.t2-product-detail-page__right-column{flex-basis:33.333%;max-width:33.333%;padding-right:10px;padding-left:10px;margin-left:8.333%}}.t2-product-detail-page__right-column .t2-product-detail-page__header{margin-bottom:24px}.t2-product-detail-page__fieldset{border:none;margin:0 0 24px;padding:0}.t2-product-detail-page__processing{display:flex;align-items:center;justify-content:center;gap:7px}.t2-product-detail-page__section-title{color:#353a40;font-size:2.5rem;font-style:normal;font-weight:300;line-height:3rem;letter-spacing:.8px}.t2-product-detail-page__section-title{margin:0 0 37px}.t2-product-detail-page__overview{margin-bottom:37px}@media(max-width:959px){.t2-product-detail-page__overview{margin-top:44px;margin-bottom:24px}}.t2-product-detail-page__overview__text{font-size:1.125rem;line-height:2rem;margin-bottom:37px}.t2-product-detail-page__overview__expand-all{display:flex;align-items:center;gap:8px;padding-bottom:37px;border-bottom:1px solid #e0e1e9}.t2-product-detail-page__overview__expand-all__label{font-size:.875rem;line-height:1.5rem}@media screen and (max-width:400px){.t2-product-detail-page__overview .t2-accordion .t2-accordion-title__headline{max-width:200px}}.t2-product-detail-page__product-detail-list,.t2-product-detail-page__product-detail-list>p,.t2-product-detail-page__product-detail-list>ul,.t2-product-detail-page__product-detail-list>ol,.t2-product-detail-page__product-detail-list>ul>li,.t2-product-detail-page__product-detail-list>ol>li{color:#353a40;font-size:1.125rem;font-style:normal;font-weight:400;line-height:2rem;letter-spacing:.18px}@media screen and (max-width:600px){.t2-product-detail-page__product-detail-list,.t2-product-detail-page__product-detail-list>p,.t2-product-detail-page__product-detail-list>ul,.t2-product-detail-page__product-detail-list>ol,.t2-product-detail-page__product-detail-list>ul>li,.t2-product-detail-page__product-detail-list>ol>li{font-size:1rem;line-height:1.375rem}}.t2-product-detail-page__product-detail-list,.t2-product-detail-page__product-detail-list>p,.t2-product-detail-page__product-detail-list>ul,.t2-product-detail-page__product-detail-list>ol,.t2-product-detail-page__product-detail-list>ul>li,.t2-product-detail-page__product-detail-list>ol>li{line-height:32px}@media screen and (max-width:600px){.t2-product-detail-page__product-detail-list,.t2-product-detail-page__product-detail-list>p,.t2-product-detail-page__product-detail-list>ul,.t2-product-detail-page__product-detail-list>ol,.t2-product-detail-page__product-detail-list>ul>li,.t2-product-detail-page__product-detail-list>ol>li{line-height:22px}}.t2-product-detail-page__product-detail-list>h1,.t2-product-detail-page__product-detail-list>h2,.t2-product-detail-page__product-detail-list>h3,.t2-product-detail-page__product-detail-list>h4,.t2-product-detail-page__product-detail-list>h5,.t2-product-detail-page__product-detail-list>h6{color:#353a40;font-size:1.125rem;font-style:normal;font-weight:700;line-height:2rem;letter-spacing:.18px}@media screen and (max-width:600px){.t2-product-detail-page__product-detail-list>h1,.t2-product-detail-page__product-detail-list>h2,.t2-product-detail-page__product-detail-list>h3,.t2-product-detail-page__product-detail-list>h4,.t2-product-detail-page__product-detail-list>h5,.t2-product-detail-page__product-detail-list>h6{font-size:1rem;line-height:1.375rem}}.t2-product-detail-page__product-detail-list>p,.t2-product-detail-page__product-detail-list>ul,.t2-product-detail-page__product-detail-list>ol{margin:0 0 16px}.t2-product-detail-page__choose-your-plan-label,.t2-product-detail-page__choose-your-plan-number-label{color:#252a2e;font-family:Open Sans;font-size:.75rem;font-style:normal;font-weight:800;line-height:1rem;letter-spacing:.24px;text-transform:uppercase;margin-bottom:16px}.t2-product-detail-page__image-gallery{margin-bottom:36px}.t2-product-detail-page__image-gallery-sticky-wrapper{position:sticky}.t2-product-detail-page__image-gallery .t2-image-gallery__nav{padding:30px 0}.t2-product-detail-page__purchase-options__header{color:#171c1e;font-size:1.125rem;font-style:normal;font-weight:700;line-height:1.75rem;letter-spacing:1.44px;margin-bottom:16px;text-transform:uppercase}.t2-product-detail-page__purchase-options__add-to-cart{display:flex;flex-direction:column;gap:16px}.t2-product-detail-page__purchase-options__add-to-cart__flex{display:flex;gap:16px}.t2-product-detail-page__purchase-options__add-to-cart label{font-size:.875rem;line-height:48px;font-weight:700;color:#252a2e}.t2-product-detail-page__purchase-options__add-to-cart__quantity-tracker__input{display:flex;gap:16px}.t2-product-detail-page__purchase-options__add-to-cart__button,.t2-product-detail-page__purchase-options__add-to-cart__button:active{display:flex;align-items:center;justify-content:center;max-width:342px;width:100%}.t2-product-detail-page__purchase-options--small-print-details-with-links--content{max-width:420px;display:block;overflow:hidden;border-top:1px solid #e0e1e9;border-bottom:1px solid #e0e1e9;padding:24px 0;margin-top:24px}.t2-product-detail-page__purchase-options--small-print-details-with-links--content--no-top-border{border-top:none;margin-top:0}.t2-product-detail-page__purchase-options--small-print-details-with-links--content--no-bottom-border{border-bottom:none}.t2-product-detail-page__purchase-options--small-print-details-with-links--text{font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.16px}.t2-product-detail-page__purchase-options--small-print-details-with-links a{margin-left:4px!important;display:inline!important;font-size:16px!important;font-weight:600!important;color:#0063a3!important;text-decoration:underline!important}.t2-product-detail-page__purchase-options--small-print-details-with-links a:visited,.t2-product-detail-page__purchase-options--small-print-details-with-links a:focus,.t2-product-detail-page__purchase-options--small-print-details-with-links a:active{font-weight:700!important;color:#0063a3!important;text-decoration:underline!important}.t2-product-detail-page__purchase-options--compare-trial{display:flex;margin:16px 0}.t2-product-detail-page__purchase-options--compare-trial a{flex-direction:row;flex:1;color:#0063a3!important;font-size:1rem;font-weight:700}@media screen and (max-width:770px){.t2-product-detail-page__purchase-options--compare-trial a{flex:inherit;flex-direction:column;margin:5px 0 10px}}.t2-product-detail-page__purchase-options--compare-trial a:visited,.t2-product-detail-page__purchase-options--compare-trial a:focus{font-weight:700}@media screen and (max-width:770px){.t2-product-detail-page__purchase-options--compare-trial{flex-direction:column}}.t2-product-detail-page__purchase-options--credit-cards--accepted-payment{margin-top:24px;font-size:14px;font-style:normal;font-weight:700;line-height:171%;margin-bottom:8px}.t2-product-detail-page__purchase-options--credit-cards--payment-fine-print{font-size:12px;font-style:normal;font-weight:400;line-height:167%;margin-top:8px}.t2-product-detail-page__purchase-options--credit-cards .t2-lo-price-cards__payment-options svg{width:46px;height:32px}.t2-product-detail-page__purchase-options--credit-cards .t2-lo-price-cards__payment-options{display:flex;justify-content:flex-start;gap:8px}.t2-product-detail-page__credit-policy{border-top:1px solid #e0e1e9;padding:24px 0;margin-top:8px}.t2-product-detail-page__credit-policy__label{font-size:12px;font-weight:800;line-height:16px;letter-spacing:.24px;text-transform:uppercase;color:#252a2e;margin:0 0 8px}.t2-product-detail-page__credit-policy__text{font-size:16px;line-height:24px;color:#353a40;margin:0}.t2-product-detail-page__credit-policy-link{border-bottom:none!important;padding-bottom:16px!important}.t2-product-detail-page__fine-print-section{margin-top:60px;grid-column:1/span 2}@media(max-width:599px){.t2-product-detail-page__fine-print-section{margin:20px 0}}@media screen and (max-width:770px){.t2-product-detail-page__fine-print-section{margin:40px 0;max-width:332px}}@media screen and (max-width:1025px){.t2-product-detail-page__fine-print-section{width:auto}}.t2-product-detail-page .disabled{opacity:.6}.t2-product-detail-page .disabled:hover,.t2-product-detail-page .disabled:visited,.t2-product-detail-page .disabled:active,.t2-product-detail-page .disabled:focus{background-color:#fbad26;border:2px solid #fbad26;cursor:not-allowed}.t2-product-detail-page__fine-print{font-size:.75rem;font-weight:400}.t2-product-detail-page__section{margin:100px 0}.t2-product-detail-page__section .t2-accordion{border-top:1px solid #e0e1e9;border-bottom:1px solid #e0e1e9}.t2-product-detail-page__section__title{font-size:40px;font-style:normal;font-weight:300;line-height:48px;letter-spacing:.8px;padding-top:100px;margin-bottom:37px}@media screen and (max-width:600px){.t2-product-detail-page__section__title{font-size:26px;line-height:32px}}.t2-product-detail-page__section__description{font-size:18px;line-height:32px;margin-bottom:80px;font-weight:400}@media screen and (max-width:600px){.t2-product-detail-page__section__description{font-size:16px;line-height:22px}}.t2-product-detail-page__section__link-container{display:flex;justify-content:center;margin-top:80px}.t2-product-detail-page__inline-media{margin:200px 0 100px}
|
|
1
|
+
.highlight-columns .t2-row>div{outline:1px solid pink}.t2-product-detail-page{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap;margin:0 -10px}.t2-product-detail-page{background-color:#fff!important}.t2-product-detail-page,.t2-product-detail-page__left-column,.t2-product-detail-page__right-column,.t2-product-detail-page__image-gallery,.t2-product-detail-page__product-information,.t2-product-detail-page__overview--desktop,.t2-product-detail-page__overview--mobile,.t2-product-detail-page__inline-media,.t2-product-detail-page__disclaimer,.t2-product-detail-page__section,.t2-product-detail-page__fieldset{box-sizing:border-box;background-color:#fff!important}.t2-product-detail-page__product-name,.t2-product-detail-page__eyebrow,.t2-product-detail-page__subheader,.t2-product-detail-page__section-title,.t2-product-detail-page__section__title,.t2-product-detail-page__disclaimer--headline{margin:0;padding:0}.t2-product-detail-page{color:#252a2e}.t2-product-detail-page__eyebrow{margin-bottom:16px;color:#0063a3;text-transform:uppercase;font-size:1.125rem;font-style:normal;font-weight:700;line-height:1.75rem;letter-spacing:1.44px}@media screen and (max-width:600px){.t2-product-detail-page__eyebrow{font-size:.875rem;line-height:1.125rem;letter-spacing:.7px}}.t2-product-detail-page__header__eyebrow{margin-bottom:16px;color:#0063a3;text-transform:uppercase;font-size:1.125rem;font-style:normal;font-weight:700;line-height:1.75rem;letter-spacing:1.44px}@media screen and (max-width:600px){.t2-product-detail-page__header__eyebrow{font-size:.875rem;line-height:1.125rem;letter-spacing:.7px}}.t2-product-detail-page__header__title-row{display:flex;align-items:center;gap:16px;margin-bottom:12px}.t2-product-detail-page__header__title-row .t2-product-detail-page__header__product-name{margin:0}.t2-product-detail-page__header__list-image{width:48px;height:48px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.t2-product-detail-page__header__product-name{color:#353a40;font-size:2.5rem;font-style:normal;font-weight:300;line-height:3rem;letter-spacing:.8px}.t2-product-detail-page__header__product-name{margin:0 0 12px}@media(max-width:599px){.t2-product-detail-page__header__product-name{font-size:26px;line-height:34px}}.t2-product-detail-page__header__subheader{color:#353a40;font-size:1.375rem;font-style:normal;font-weight:700;line-height:1.875rem;letter-spacing:.18px;margin-bottom:16px}.t2-product-detail-page__header__region{font-weight:700;line-height:28px;display:inline-block;border-radius:4px;background-color:#f1f1f6;padding:6px 10px;margin:0}@media(max-width:599px){.t2-product-detail-page__header--with-list-image .t2-product-detail-page__header__title-row{flex-direction:column;align-items:flex-start;gap:12px}.t2-product-detail-page__header--with-list-image .t2-product-detail-page__header__list-image{width:48px;height:48px}}.t2-product-detail-page__left-column{flex-basis:100%;max-width:100%;padding-right:10px;padding-left:10px;margin-left:0%}@media(min-width:600px)and (max-width:959px){.t2-product-detail-page__left-column{flex-basis:100%;max-width:100%;padding-right:10px;padding-left:10px;margin-left:0%}}@media(min-width:960px)and (max-width:1079px){.t2-product-detail-page__left-column{flex-basis:58.333%;max-width:58.333%;padding-right:10px;padding-left:10px;margin-left:0%}}@media(min-width:1080px){.t2-product-detail-page__left-column{flex-basis:58.333%;max-width:58.333%;padding-right:10px;padding-left:10px;margin-left:0%}}.t2-product-detail-page__left-column .t2-product-detail-page__header{border-bottom:1px solid #e0e1e9;padding-bottom:40px;margin-bottom:40px}@media(max-width:959px){.t2-product-detail-page__overview--desktop{display:none}}@media(min-width:959px){.t2-product-detail-page__overview--mobile{display:none}}.t2-product-detail-page__right-column{flex-basis:100%;max-width:100%;padding-right:10px;padding-left:10px;margin-left:0%}@media(min-width:600px)and (max-width:959px){.t2-product-detail-page__right-column{flex-basis:100%;max-width:100%;padding-right:10px;padding-left:10px;margin-left:0%}}@media(min-width:960px)and (max-width:1079px){.t2-product-detail-page__right-column{flex-basis:41.666%;max-width:41.666%;padding-right:10px;padding-left:10px;margin-left:0%}}@media(min-width:1080px){.t2-product-detail-page__right-column{flex-basis:33.333%;max-width:33.333%;padding-right:10px;padding-left:10px;margin-left:8.333%}}.t2-product-detail-page__right-column .t2-product-detail-page__header{margin-bottom:24px}.t2-product-detail-page__fieldset{border:none;margin:0 0 24px;padding:0}.t2-product-detail-page__processing{display:flex;align-items:center;justify-content:center;gap:7px}.t2-product-detail-page__section-title{color:#353a40;font-size:2.5rem;font-style:normal;font-weight:300;line-height:3rem;letter-spacing:.8px}.t2-product-detail-page__section-title{margin:0 0 37px}.t2-product-detail-page__overview{margin-bottom:37px}@media(max-width:959px){.t2-product-detail-page__overview{margin-top:44px;margin-bottom:24px}}.t2-product-detail-page__overview__text{font-size:1.125rem;line-height:2rem;margin-bottom:37px}.t2-product-detail-page__overview__expand-all{display:flex;align-items:center;gap:8px;padding-bottom:37px;border-bottom:1px solid #e0e1e9}.t2-product-detail-page__overview__expand-all__label{font-size:.875rem;line-height:1.5rem}@media screen and (max-width:400px){.t2-product-detail-page__overview .t2-accordion .t2-accordion-title__headline{max-width:200px}}.t2-product-detail-page__product-detail-list,.t2-product-detail-page__product-detail-list>p,.t2-product-detail-page__product-detail-list>ul,.t2-product-detail-page__product-detail-list>ol,.t2-product-detail-page__product-detail-list>ul>li,.t2-product-detail-page__product-detail-list>ol>li{color:#353a40;font-size:1.125rem;font-style:normal;font-weight:400;line-height:2rem;letter-spacing:.18px}@media screen and (max-width:600px){.t2-product-detail-page__product-detail-list,.t2-product-detail-page__product-detail-list>p,.t2-product-detail-page__product-detail-list>ul,.t2-product-detail-page__product-detail-list>ol,.t2-product-detail-page__product-detail-list>ul>li,.t2-product-detail-page__product-detail-list>ol>li{font-size:1rem;line-height:1.375rem}}.t2-product-detail-page__product-detail-list,.t2-product-detail-page__product-detail-list>p,.t2-product-detail-page__product-detail-list>ul,.t2-product-detail-page__product-detail-list>ol,.t2-product-detail-page__product-detail-list>ul>li,.t2-product-detail-page__product-detail-list>ol>li{line-height:32px}@media screen and (max-width:600px){.t2-product-detail-page__product-detail-list,.t2-product-detail-page__product-detail-list>p,.t2-product-detail-page__product-detail-list>ul,.t2-product-detail-page__product-detail-list>ol,.t2-product-detail-page__product-detail-list>ul>li,.t2-product-detail-page__product-detail-list>ol>li{line-height:22px}}.t2-product-detail-page__product-detail-list>h1,.t2-product-detail-page__product-detail-list>h2,.t2-product-detail-page__product-detail-list>h3,.t2-product-detail-page__product-detail-list>h4,.t2-product-detail-page__product-detail-list>h5,.t2-product-detail-page__product-detail-list>h6{color:#353a40;font-size:1.125rem;font-style:normal;font-weight:700;line-height:2rem;letter-spacing:.18px}@media screen and (max-width:600px){.t2-product-detail-page__product-detail-list>h1,.t2-product-detail-page__product-detail-list>h2,.t2-product-detail-page__product-detail-list>h3,.t2-product-detail-page__product-detail-list>h4,.t2-product-detail-page__product-detail-list>h5,.t2-product-detail-page__product-detail-list>h6{font-size:1rem;line-height:1.375rem}}.t2-product-detail-page__product-detail-list>p,.t2-product-detail-page__product-detail-list>ul,.t2-product-detail-page__product-detail-list>ol{margin:0 0 16px}.t2-product-detail-page__choose-your-plan-label,.t2-product-detail-page__choose-your-plan-number-label{color:#252a2e;font-family:Open Sans;font-size:.75rem;font-style:normal;font-weight:800;line-height:1rem;letter-spacing:.24px;text-transform:uppercase;margin-bottom:16px}.t2-product-detail-page__image-gallery{margin-bottom:36px}.t2-product-detail-page__image-gallery-sticky-wrapper{position:sticky}.t2-product-detail-page__image-gallery .t2-image-gallery__nav{padding:30px 0}.t2-product-detail-page__purchase-options__header{color:#171c1e;font-size:1.125rem;font-style:normal;font-weight:700;line-height:1.75rem;letter-spacing:1.44px;margin-bottom:16px;text-transform:uppercase}.t2-product-detail-page__purchase-options__add-to-cart{display:flex;flex-direction:column;gap:16px}.t2-product-detail-page__purchase-options__add-to-cart__flex{display:flex;gap:16px}.t2-product-detail-page__purchase-options__add-to-cart label{font-size:.875rem;line-height:48px;font-weight:700;color:#252a2e}.t2-product-detail-page__purchase-options__add-to-cart__quantity-tracker__input{display:flex;gap:16px}.t2-product-detail-page__purchase-options__add-to-cart__button,.t2-product-detail-page__purchase-options__add-to-cart__button:active{display:flex;align-items:center;justify-content:center;max-width:342px;width:100%}.t2-product-detail-page__purchase-options--small-print-details-with-links--content{max-width:420px;display:block;overflow:hidden;border-top:1px solid #e0e1e9;border-bottom:1px solid #e0e1e9;padding:24px 0;margin-top:24px}.t2-product-detail-page__purchase-options--small-print-details-with-links--content--no-top-border{border-top:none;margin-top:0}.t2-product-detail-page__purchase-options--small-print-details-with-links--content--no-bottom-border{border-bottom:none}.t2-product-detail-page__purchase-options--small-print-details-with-links--text{font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:.16px}.t2-product-detail-page__purchase-options--small-print-details-with-links a{margin-left:4px!important;display:inline!important;font-size:16px!important;font-weight:600!important;color:#0063a3!important;text-decoration:underline!important}.t2-product-detail-page__purchase-options--small-print-details-with-links a:visited,.t2-product-detail-page__purchase-options--small-print-details-with-links a:focus,.t2-product-detail-page__purchase-options--small-print-details-with-links a:active{font-weight:700!important;color:#0063a3!important;text-decoration:underline!important}.t2-product-detail-page__purchase-options--compare-trial{display:flex;margin:16px 0}.t2-product-detail-page__purchase-options--compare-trial a{flex-direction:row;flex:1;color:#0063a3!important;font-size:1rem;font-weight:700}@media screen and (max-width:770px){.t2-product-detail-page__purchase-options--compare-trial a{flex:inherit;flex-direction:column;margin:5px 0 10px}}.t2-product-detail-page__purchase-options--compare-trial a:visited,.t2-product-detail-page__purchase-options--compare-trial a:focus{font-weight:700}@media screen and (max-width:770px){.t2-product-detail-page__purchase-options--compare-trial{flex-direction:column}}.t2-product-detail-page__purchase-options--credit-cards--accepted-payment{margin-top:24px;font-size:14px;font-style:normal;font-weight:700;line-height:171%;margin-bottom:8px}.t2-product-detail-page__purchase-options--credit-cards--payment-fine-print{font-size:12px;font-style:normal;font-weight:400;line-height:167%;margin-top:8px}.t2-product-detail-page__purchase-options--credit-cards .t2-lo-price-cards__payment-options svg{width:46px;height:32px}.t2-product-detail-page__purchase-options--credit-cards .t2-lo-price-cards__payment-options{display:flex;justify-content:flex-start;gap:8px}.t2-product-detail-page__credit-policy{border-top:1px solid #e0e1e9;padding:24px 0;margin-top:8px}.t2-product-detail-page__credit-policy__label{font-size:12px;font-weight:800;line-height:16px;letter-spacing:.24px;text-transform:uppercase;color:#252a2e;margin:0 0 8px}.t2-product-detail-page__credit-policy__text{font-size:16px;line-height:24px;color:#353a40;margin:0}.t2-product-detail-page__credit-policy-link{border-bottom:none!important;padding-bottom:16px!important}.t2-product-detail-page__fine-print-section{margin-top:60px;grid-column:1/span 2}@media(max-width:599px){.t2-product-detail-page__fine-print-section{margin:20px 0}}@media screen and (max-width:770px){.t2-product-detail-page__fine-print-section{margin:40px 0;max-width:332px}}@media screen and (max-width:1025px){.t2-product-detail-page__fine-print-section{width:auto}}.t2-product-detail-page .disabled{opacity:.6}.t2-product-detail-page .disabled:hover,.t2-product-detail-page .disabled:visited,.t2-product-detail-page .disabled:active,.t2-product-detail-page .disabled:focus{background-color:#fbad26;border:2px solid #fbad26;cursor:not-allowed}.t2-product-detail-page__fine-print{font-size:.75rem;font-weight:400}.t2-product-detail-page__section{margin:100px 0}.t2-product-detail-page__section .t2-accordion{border-top:1px solid #e0e1e9;border-bottom:1px solid #e0e1e9}.t2-product-detail-page__section__title{font-size:40px;font-style:normal;font-weight:300;line-height:48px;letter-spacing:.8px;padding-top:100px;margin-bottom:37px}@media screen and (max-width:600px){.t2-product-detail-page__section__title{font-size:26px;line-height:32px}}.t2-product-detail-page__section__description{font-size:18px;line-height:32px;margin-bottom:80px;font-weight:400}@media screen and (max-width:600px){.t2-product-detail-page__section__description{font-size:16px;line-height:22px}}.t2-product-detail-page__section__link-container{display:flex;justify-content:center;margin-top:80px}.t2-product-detail-page__inline-media{margin:200px 0 100px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductDetail.d.ts","sourceRoot":"","sources":["../../../../src/component/ProductDetail/ProductDetail.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ProductDetail.d.ts","sourceRoot":"","sources":["../../../../src/component/ProductDetail/ProductDetail.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as e, jsxs as a, Fragment as pe } from "react/jsx-runtime";
|
|
2
|
-
import { useRef as ue, useState as me, useCallback as _e, useMemo as
|
|
2
|
+
import { useRef as ue, useState as me, useCallback as _e, useMemo as $ } from "react";
|
|
3
3
|
import { Tabs as he, TabList as be, Tab as F, TabPanel as V } from "react-tabs";
|
|
4
4
|
import './ProductDetail.css';import '../../styles/layout.css';import '../../styles/themes.css';import '../../../node_modules/react-tabs/style/react-tabs.css';/* empty css */
|
|
5
5
|
import { TerraLink as h } from "../TerraLink/TerraLink.js";
|
|
@@ -11,7 +11,7 @@ import ve from "../ImageGallery/ImageGallery.js";
|
|
|
11
11
|
import { QuantityTracker as fe } from "../QuantityTracker/QuantityTracker.js";
|
|
12
12
|
import { ErrorMessage as xe } from "../QuantityTracker/ErrorMessage.js";
|
|
13
13
|
import Ce from "../LoadingSpinner/LoadingSpinner.js";
|
|
14
|
-
import
|
|
14
|
+
import j from "./ProductOverview.js";
|
|
15
15
|
import we from "./StickyNav.js";
|
|
16
16
|
import { renderCreditCardPaymentAssets as Le } from "../../layout/LayoutPricingCards/LayoutPricingCardsStaticAssets.js";
|
|
17
17
|
import { Accordion as Pe } from "../Accordion/Accordion.js";
|
|
@@ -19,7 +19,7 @@ import { InlineMedia as Te } from "./InlineMedia/InlineMedia.js";
|
|
|
19
19
|
/* empty css */
|
|
20
20
|
/* empty css */
|
|
21
21
|
/* empty css */
|
|
22
|
-
const Ie = Ne,
|
|
22
|
+
const Ie = Ne, z = ({ text: N }) => /* @__PURE__ */ a("span", { className: "t2-product-detail-page__processing", children: [
|
|
23
23
|
/* @__PURE__ */ e(Ce, { size: "20px", width: "2px", color: "#353a40" }),
|
|
24
24
|
" ",
|
|
25
25
|
N
|
|
@@ -27,15 +27,15 @@ const Ie = Ne, j = ({ text: N }) => /* @__PURE__ */ a("span", { className: "t2-p
|
|
|
27
27
|
content: N,
|
|
28
28
|
selected: b,
|
|
29
29
|
setSelected: C,
|
|
30
|
-
handleDecreaseQuantity:
|
|
31
|
-
handleIncreaseQuantity:
|
|
32
|
-
handleChangeQuantity:
|
|
33
|
-
count:
|
|
30
|
+
handleDecreaseQuantity: K,
|
|
31
|
+
handleIncreaseQuantity: U,
|
|
32
|
+
handleChangeQuantity: G,
|
|
33
|
+
count: J,
|
|
34
34
|
error: k,
|
|
35
|
-
errorMessage:
|
|
35
|
+
errorMessage: M,
|
|
36
36
|
isLoading: w = !1,
|
|
37
37
|
isProcessing: L = !1,
|
|
38
|
-
disableBtn:
|
|
38
|
+
disableBtn: W = !1,
|
|
39
39
|
regionBlocked: l = !1,
|
|
40
40
|
regionBlockedPurchasingText: c,
|
|
41
41
|
// regionBlockedPurchasingLink,
|
|
@@ -45,7 +45,7 @@ const Ie = Ne, j = ({ text: N }) => /* @__PURE__ */ a("span", { className: "t2-p
|
|
|
45
45
|
const {
|
|
46
46
|
eyebrow: T,
|
|
47
47
|
productName: v,
|
|
48
|
-
productDescription:
|
|
48
|
+
productDescription: X,
|
|
49
49
|
// subheader,
|
|
50
50
|
images: f,
|
|
51
51
|
labels: t,
|
|
@@ -67,28 +67,28 @@ const Ie = Ne, j = ({ text: N }) => /* @__PURE__ */ a("span", { className: "t2-p
|
|
|
67
67
|
creditPolicyLink: d,
|
|
68
68
|
questionsAndReturnsLink: s,
|
|
69
69
|
listImage: x,
|
|
70
|
-
locale:
|
|
71
|
-
customTab:
|
|
72
|
-
} = N || {}, m = !!f && f.length > 0, O = ue(null), { element:
|
|
70
|
+
locale: Z = "en",
|
|
71
|
+
customTab: B
|
|
72
|
+
} = N || {}, m = !!f && f.length > 0, O = ue(null), { element: ee, isIntersecting: te } = ge({
|
|
73
73
|
selector: ".ter-navbar",
|
|
74
74
|
threshold: 0.1,
|
|
75
75
|
rootMargin: "0px 0px 0px 0px"
|
|
76
|
-
}),
|
|
76
|
+
}), ae = ye(
|
|
77
77
|
O,
|
|
78
78
|
{ offset: 0 }
|
|
79
|
-
), [q,
|
|
79
|
+
), [q, ie] = me(0), y = k || !b && !(r && q === 1) || w || L || W, le = g?.processingText || "Processing", H = g?.text || "Add to Cart", re = L ? /* @__PURE__ */ e(z, { text: le }) : w ? /* @__PURE__ */ e(z, { text: H }) : H, Q = _e(() => {
|
|
80
80
|
window.scrollTo({
|
|
81
81
|
top: 0,
|
|
82
82
|
behavior: "smooth"
|
|
83
83
|
});
|
|
84
|
-
}, []),
|
|
84
|
+
}, []), se = $(
|
|
85
85
|
() => ({
|
|
86
86
|
text: t?.choosePlanLabel,
|
|
87
87
|
isDisabled: !1,
|
|
88
88
|
onClick: Q
|
|
89
89
|
}),
|
|
90
90
|
[t?.choosePlanLabel, Q]
|
|
91
|
-
), Y =
|
|
91
|
+
), Y = $(() => n?.cards && n?.cards?.length > 0 ? /* @__PURE__ */ e("div", { className: "t2-product-detail-page__purchase-options__pricing-cards", children: /* @__PURE__ */ e(
|
|
92
92
|
Ie,
|
|
93
93
|
{
|
|
94
94
|
content: n,
|
|
@@ -104,42 +104,48 @@ const Ie = Ne, j = ({ text: N }) => /* @__PURE__ */ a("span", { className: "t2-p
|
|
|
104
104
|
C,
|
|
105
105
|
P,
|
|
106
106
|
l
|
|
107
|
-
]),
|
|
107
|
+
]), ne = (i) => {
|
|
108
108
|
i.key === "Enter" && !y && g?.onClick?.();
|
|
109
|
-
},
|
|
109
|
+
}, oe = (i) => {
|
|
110
110
|
i.preventDefault(), y || g?.onClick?.();
|
|
111
|
-
},
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
{
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
111
|
+
}, E = r && !m && !!x?.src, R = /* @__PURE__ */ a(
|
|
112
|
+
"div",
|
|
113
|
+
{
|
|
114
|
+
className: `t2-product-detail-page__header${E ? " t2-product-detail-page__header--with-list-image" : ""}`,
|
|
115
|
+
children: [
|
|
116
|
+
T && /* @__PURE__ */ e("div", { className: "t2-product-detail-page__header__eyebrow", children: T }),
|
|
117
|
+
/* @__PURE__ */ a("div", { className: "t2-product-detail-page__header__title-row", children: [
|
|
118
|
+
E && /* @__PURE__ */ e(
|
|
119
|
+
"img",
|
|
120
|
+
{
|
|
121
|
+
className: "t2-product-detail-page__header__list-image",
|
|
122
|
+
src: x?.src,
|
|
123
|
+
alt: x?.altText ?? ""
|
|
124
|
+
}
|
|
125
|
+
),
|
|
126
|
+
v && /* @__PURE__ */ e("h1", { className: "t2-product-detail-page__header__product-name", children: v })
|
|
127
|
+
] }),
|
|
128
|
+
D && /* @__PURE__ */ e("p", { className: "t2-product-detail-page__header__region", children: D })
|
|
129
|
+
]
|
|
130
|
+
}
|
|
131
|
+
);
|
|
126
132
|
return /* @__PURE__ */ a(pe, { children: [
|
|
127
133
|
/* @__PURE__ */ e(
|
|
128
134
|
we,
|
|
129
135
|
{
|
|
130
|
-
isVisible:
|
|
136
|
+
isVisible: ae,
|
|
131
137
|
productName: v,
|
|
132
|
-
productDescription:
|
|
133
|
-
isNavbarVisible:
|
|
134
|
-
button:
|
|
138
|
+
productDescription: X,
|
|
139
|
+
isNavbarVisible: ee ? te : !1,
|
|
140
|
+
button: se
|
|
135
141
|
}
|
|
136
142
|
),
|
|
137
143
|
/* @__PURE__ */ a("div", { className: "t2-wrapper", children: [
|
|
138
144
|
/* @__PURE__ */ a("div", { className: "t2-product-detail-page", children: [
|
|
139
145
|
/* @__PURE__ */ a("div", { className: "t2-product-detail-page__left-column", children: [
|
|
140
|
-
m ? /* @__PURE__ */ e("div", { className: "t2-product-detail-page__image-gallery", children: /* @__PURE__ */ e(ve, { images: f }) }) :
|
|
146
|
+
m ? /* @__PURE__ */ e("div", { className: "t2-product-detail-page__image-gallery", children: /* @__PURE__ */ e(ve, { images: f }) }) : R,
|
|
141
147
|
/* @__PURE__ */ e("div", { className: "t2-product-detail-page__overview--desktop", children: /* @__PURE__ */ e(
|
|
142
|
-
|
|
148
|
+
j,
|
|
143
149
|
{
|
|
144
150
|
hasImages: m,
|
|
145
151
|
title: t?.overviewTitle || "Overview",
|
|
@@ -151,7 +157,7 @@ const Ie = Ne, j = ({ text: N }) => /* @__PURE__ */ a("span", { className: "t2-p
|
|
|
151
157
|
] }),
|
|
152
158
|
/* @__PURE__ */ a("div", { className: "t2-product-detail-page__right-column", children: [
|
|
153
159
|
/* @__PURE__ */ a("section", { className: "t2-product-detail-page__purchase-options", children: [
|
|
154
|
-
m &&
|
|
160
|
+
m && R,
|
|
155
161
|
!m && !r && /* @__PURE__ */ e("h3", { className: "t2-product-detail-page__purchase-options__header", children: t?.purchaseOptionsTitle || "Purchase Options" }),
|
|
156
162
|
/* @__PURE__ */ a("form", { children: [
|
|
157
163
|
r ? /* @__PURE__ */ a(
|
|
@@ -159,7 +165,7 @@ const Ie = Ne, j = ({ text: N }) => /* @__PURE__ */ a("span", { className: "t2-p
|
|
|
159
165
|
{
|
|
160
166
|
className: "t2-product-detail-page__credit-tabs",
|
|
161
167
|
selectedIndex: q,
|
|
162
|
-
onSelect: (i) =>
|
|
168
|
+
onSelect: (i) => ie(i),
|
|
163
169
|
children: [
|
|
164
170
|
/* @__PURE__ */ a(be, { children: [
|
|
165
171
|
/* @__PURE__ */ e(F, { children: t?.packsLabel || "Packs" }),
|
|
@@ -177,9 +183,9 @@ const Ie = Ne, j = ({ text: N }) => /* @__PURE__ */ a("span", { className: "t2-p
|
|
|
177
183
|
maximumQuantity: n?.cards?.[0]?.maximumQuantity ?? 1e6,
|
|
178
184
|
incrementRate: n?.cards?.[0]?.increment ?? 100,
|
|
179
185
|
currency: n?.cards?.[0]?.currency || "USD",
|
|
180
|
-
locale:
|
|
186
|
+
locale: Z,
|
|
181
187
|
labels: t,
|
|
182
|
-
customTab:
|
|
188
|
+
customTab: B
|
|
183
189
|
}
|
|
184
190
|
) })
|
|
185
191
|
]
|
|
@@ -200,16 +206,16 @@ const Ie = Ne, j = ({ text: N }) => /* @__PURE__ */ a("span", { className: "t2-p
|
|
|
200
206
|
labelText: null,
|
|
201
207
|
size: "large",
|
|
202
208
|
min: 1,
|
|
203
|
-
quantityCount:
|
|
204
|
-
handleDecreaseQuantity:
|
|
205
|
-
handleIncreaseQuantity:
|
|
206
|
-
handleChangeQuantity:
|
|
207
|
-
handleKeyDown:
|
|
209
|
+
quantityCount: J,
|
|
210
|
+
handleDecreaseQuantity: K,
|
|
211
|
+
handleIncreaseQuantity: U,
|
|
212
|
+
handleChangeQuantity: G,
|
|
213
|
+
handleKeyDown: ne,
|
|
208
214
|
error: k,
|
|
209
215
|
disabled: !b
|
|
210
216
|
}
|
|
211
217
|
) }),
|
|
212
|
-
k && /* @__PURE__ */ e(xe, { errorMessage:
|
|
218
|
+
k && /* @__PURE__ */ e(xe, { errorMessage: M })
|
|
213
219
|
] })
|
|
214
220
|
] }) })
|
|
215
221
|
] }),
|
|
@@ -222,8 +228,8 @@ const Ie = Ne, j = ({ text: N }) => /* @__PURE__ */ a("span", { className: "t2-p
|
|
|
222
228
|
{
|
|
223
229
|
className: `t2-button t2-button--large t2-button--primary t2-product-detail-page__purchase-options__add-to-cart__button ${y ? " disabled" : ""}`,
|
|
224
230
|
disabled: y,
|
|
225
|
-
onClick:
|
|
226
|
-
children:
|
|
231
|
+
onClick: oe,
|
|
232
|
+
children: re
|
|
227
233
|
}
|
|
228
234
|
) })
|
|
229
235
|
] }),
|
|
@@ -294,7 +300,7 @@ const Ie = Ne, j = ({ text: N }) => /* @__PURE__ */ a("span", { className: "t2-p
|
|
|
294
300
|
] })
|
|
295
301
|
] }),
|
|
296
302
|
/* @__PURE__ */ e("div", { className: "t2-product-detail-page__overview--mobile", children: /* @__PURE__ */ e(
|
|
297
|
-
|
|
303
|
+
j,
|
|
298
304
|
{
|
|
299
305
|
title: t?.overviewTitle || "Overview",
|
|
300
306
|
text: I,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductDetail.stories.d.ts","sourceRoot":"","sources":["../../../../src/component/ProductDetail/ProductDetail.stories.jsx"],"names":[],"mappings":";;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"ProductDetail.stories.d.ts","sourceRoot":"","sources":["../../../../src/component/ProductDetail/ProductDetail.stories.jsx"],"names":[],"mappings":";;;;;;;;;;;;AAgEA,4EAoDC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA2Nc,gCAER;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjRP,mFAoDC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA2Uc,kCAER;;;;;;;;;;;AAjYP,+EAoDC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAyZc,kCAER;;;;;;;;;;;;;AA/cP,4EAoDC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAyec,kCAER;;;;;;;;;;;;;;AA/hBP,qFAoDC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA0iBc,kCAER;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBP,mFAqBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA4Fc,kCAER;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAlyBmB,iBAAiB;AAoL3C;;;;;;;;;;;KA6CE;AA5GF;;;;;IA6DE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../../src/component/Video/Video.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAOtB,MAAM,WAAW,KAAK;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../../src/component/Video/Video.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAOtB,MAAM,WAAW,KAAK;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AA0ID;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,wDAKnB,KAAK,4CAOP,CAAC"}
|
|
@@ -1,63 +1,94 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import './Video.css';/* empty css */
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
3
|
+
import a from "./YoutubeVideo.js";
|
|
4
|
+
import l from "./VimeoVideo.js";
|
|
5
|
+
import p from "./WistiaVideo.js";
|
|
6
|
+
import g from "./VidyardVideo.js";
|
|
7
|
+
const v = (e, o) => (
|
|
8
|
+
// Prefer `h` from the query string, e.g. ?h=abc123
|
|
9
|
+
(e ? new URLSearchParams(e).get("h") : null) ?? // Else use hash from the URL path, e.g. /347119375/abc123
|
|
10
|
+
o ?? void 0
|
|
11
|
+
), b = (e) => {
|
|
12
|
+
const o = e.trim();
|
|
13
|
+
if (!o) return null;
|
|
14
|
+
const t = o.match(
|
|
15
|
+
/vimeo\.com\/(?:video\/)?(\d+)(?:\/([a-f0-9]+))?(?:\?([^#]*))?/i
|
|
16
|
+
);
|
|
17
|
+
if (t) {
|
|
18
|
+
const [, d, n, m] = t;
|
|
19
|
+
return { id: d, privacyHash: v(m, n) };
|
|
20
|
+
}
|
|
21
|
+
const i = o.match(/^(\d{6,})(?:\?([^#]*))?$/);
|
|
22
|
+
if (i) {
|
|
23
|
+
const [, d, n] = i;
|
|
24
|
+
return { id: d, privacyHash: v(n) };
|
|
25
|
+
}
|
|
26
|
+
return null;
|
|
27
|
+
}, V = (e, o, t) => o ? /* @__PURE__ */ r(
|
|
28
|
+
l,
|
|
29
|
+
{
|
|
30
|
+
videoId: e.id,
|
|
31
|
+
privacyHash: e.privacyHash,
|
|
32
|
+
autoplay: !0,
|
|
33
|
+
controls: !1,
|
|
34
|
+
muted: !0,
|
|
35
|
+
loop: !0
|
|
36
|
+
}
|
|
37
|
+
) : /* @__PURE__ */ r(
|
|
38
|
+
l,
|
|
39
|
+
{
|
|
40
|
+
videoId: e.id,
|
|
41
|
+
privacyHash: e.privacyHash,
|
|
42
|
+
autoplay: t
|
|
43
|
+
}
|
|
44
|
+
), x = (e, o, t, i) => {
|
|
45
|
+
const d = /^((?:https?:)?\/\/)?((?:www|m)\.)?((?:youtube(-nocookie)?\.com|youtu.be))(\/(?:[\w\-]+\?v=|embed\/|v\/)?)([\w\-]+)(\S+)?$/im, n = /^[a-z,0-9,_,-]{11}$/gim, m = /^[a-z,0-9,_,-]{10}$/gim, h = /[a-z,0-9,_,-]{34}$/gim, f = /[a-z,0-9,_,-]{22}$/gim, s = e.trim().replace("https://videos.trimble.com/watch/", "").split("?")[0] || "", c = e.match(d)?.[6];
|
|
46
|
+
if (c)
|
|
47
|
+
return /* @__PURE__ */ r(
|
|
48
|
+
a,
|
|
12
49
|
{
|
|
13
|
-
videoId:
|
|
50
|
+
videoId: c,
|
|
14
51
|
isNoDescription: i,
|
|
15
|
-
autoplay:
|
|
52
|
+
autoplay: t
|
|
16
53
|
}
|
|
17
54
|
);
|
|
18
|
-
if (
|
|
19
|
-
return /* @__PURE__ */
|
|
20
|
-
|
|
55
|
+
if (n.test(s))
|
|
56
|
+
return /* @__PURE__ */ r(
|
|
57
|
+
a,
|
|
21
58
|
{
|
|
22
|
-
videoId:
|
|
59
|
+
videoId: s,
|
|
23
60
|
isNoDescription: i,
|
|
24
|
-
autoplay:
|
|
61
|
+
autoplay: t
|
|
25
62
|
}
|
|
26
63
|
);
|
|
27
|
-
if (
|
|
28
|
-
const
|
|
29
|
-
return /* @__PURE__ */
|
|
30
|
-
|
|
64
|
+
if (h.test(s)) {
|
|
65
|
+
const y = `?listType=playlist&list=${s}`;
|
|
66
|
+
return /* @__PURE__ */ r(
|
|
67
|
+
a,
|
|
31
68
|
{
|
|
32
|
-
videoId:
|
|
69
|
+
videoId: y,
|
|
33
70
|
isNoDescription: i,
|
|
34
|
-
autoplay:
|
|
71
|
+
autoplay: t
|
|
35
72
|
}
|
|
36
73
|
);
|
|
37
74
|
}
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
}
|
|
54
|
-
) : /* @__PURE__ */ t(u, { videoId: e, autoplay: o }) : a.test(e) ? /* @__PURE__ */ t(b, { videoId: e, autoplay: o }) : /* @__PURE__ */ t("div", { children: "Video not supported" });
|
|
55
|
-
}, $ = ({
|
|
56
|
-
videoId: d,
|
|
57
|
-
animationMode: r = !1,
|
|
58
|
-
autoplay: o = !1,
|
|
75
|
+
if (f.test(s))
|
|
76
|
+
return /* @__PURE__ */ r(
|
|
77
|
+
g,
|
|
78
|
+
{
|
|
79
|
+
videoId: s,
|
|
80
|
+
isNoDescription: i,
|
|
81
|
+
autoplay: t
|
|
82
|
+
}
|
|
83
|
+
);
|
|
84
|
+
const u = b(e);
|
|
85
|
+
return u ? V(u, o, t) : m.test(s) ? /* @__PURE__ */ r(p, { videoId: s, autoplay: t }) : /* @__PURE__ */ r("div", { children: "Video not supported" });
|
|
86
|
+
}, M = ({
|
|
87
|
+
videoId: e,
|
|
88
|
+
animationMode: o = !1,
|
|
89
|
+
autoplay: t = !1,
|
|
59
90
|
isNoDescription: i
|
|
60
|
-
}) => /* @__PURE__ */
|
|
91
|
+
}) => /* @__PURE__ */ r("div", { className: `t2-video-base${o ? " animation-mode" : ""}`, children: x(e || "", o, t, i) });
|
|
61
92
|
export {
|
|
62
|
-
|
|
93
|
+
M as Video
|
|
63
94
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VimeoVideo.d.ts","sourceRoot":"","sources":["../../../../src/component/Video/VimeoVideo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,UAAU;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"VimeoVideo.d.ts","sourceRoot":"","sources":["../../../../src/component/Video/VimeoVideo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,UAAU;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAyCpC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1,23 +1,29 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
const
|
|
3
|
-
videoId:
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
1
|
+
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
+
const d = ({
|
|
3
|
+
videoId: o,
|
|
4
|
+
privacyHash: t,
|
|
5
|
+
videoTitle: a = "Vimeo video player",
|
|
6
|
+
autoplay: i = !1,
|
|
7
|
+
controls: s = !0,
|
|
8
|
+
loop: l = !1,
|
|
9
|
+
muted: c = !1
|
|
10
|
+
}) => {
|
|
11
|
+
const e = new URLSearchParams();
|
|
12
|
+
t && e.set("h", t), i && e.set("autoplay", "1"), s || (e.set("controls", "0"), e.set("modestbranding", "1")), l && e.set("loop", "1"), c && e.set("muted", "1");
|
|
13
|
+
const r = e.toString();
|
|
14
|
+
return /* @__PURE__ */ m(
|
|
15
|
+
"iframe",
|
|
16
|
+
{
|
|
17
|
+
width: "800",
|
|
18
|
+
height: "450",
|
|
19
|
+
src: `https://player.vimeo.com/video/${o}${r ? `?${r}` : ""}`,
|
|
20
|
+
title: a,
|
|
21
|
+
frameBorder: "0",
|
|
22
|
+
allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
|
|
23
|
+
allowFullScreen: !0
|
|
24
|
+
}
|
|
25
|
+
);
|
|
26
|
+
};
|
|
21
27
|
export {
|
|
22
|
-
|
|
28
|
+
d as default
|
|
23
29
|
};
|