trimble-terra 1.1.11 → 1.1.13
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/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.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-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
|
-
{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA/pBmB,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
|
};
|