@brndts/brndts-ads 1.13.0 → 1.13.2

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.
Files changed (7) hide show
  1. package/dist/index.css +1 -12
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js +184 -51
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +186 -51
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -481,18 +481,7 @@
481
481
  width: 100%;
482
482
  height: 100%;
483
483
  pointer-events: none;
484
- background-color: #e0e0e2;
485
- }
486
- #BRNDTS_BKD::before {
487
- content: "";
488
- position: absolute;
489
- top: 0;
490
- left: 0;
491
- width: 100%;
492
- height: 100%;
493
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.15'/%3E%3C/svg%3E");
494
- opacity: 0.5;
495
- pointer-events: none;
484
+ background-color: #262626;
496
485
  }
497
486
 
498
487
  /* src/Ads/VideoAds/PresentationMode/Basic/BasicMode.scss */
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Ads/Providers/BRNDTSDefaultProvider.scss","../src/Ads/Regions/Plugins/RegionAnimationPlugin.scss","../src/Ads/Regions/Plugins/RegionBorderPlugin.scss","../src/Ads/Regions/Plugins/RegionDebugPlugin.scss","../src/Ads/Region.scss","../src/Ads/VideoAds/UI/Controls.scss","../src/Ads/VideoAds/UI/Controls/Components/ControlBarButton.scss","../src/Ads/VideoAds/UI/Controls/Components/ControlTopBar.scss","../src/Ads/VideoAds/UI/Controls/Components/ProgressBar.scss","../src/Ads/VideoAds/UI/Controls/Components/ControlBottomBar.scss","../src/Ads/VideoAds/Interface.scss","../src/Ads/VideoAds/UI/Backdrop.scss","../src/Ads/VideoAds/PresentationMode/BasicMode.scss","../src/Ads/VideoAds.scss"],"sourcesContent":[".BRNDTS_default_content {\n display: flex;\n justify-content: center;\n align-items: center;\n background: linear-gradient(135deg, #26e293, #024ab6);\n\n .box {\n height: 90%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 1;\n margin: 8px;\n border: 3px solid whitesmoke;\n border-radius: 5px;\n padding: 8px;\n }\n\n .icon {\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n max-height: 90%;\n\n svg {\n max-height: 45px;\n }\n }\n}\n","@keyframes slide-in-rtl {\n 0% {\n visibility: hidden;\n opacity: 0;\n transform: translate(100%, 0);\n }\n 1% {\n visibility: visible;\n opacity: 0;\n }\n 100% {\n visibility: visible;\n opacity: 1;\n transform: translate(0, 0);\n }\n}\n\n@keyframes slide-out-ltr {\n 0% {\n visibility: visible;\n opacity: 1;\n transform: translate(0, 0);\n }\n 99% {\n visibility: visible;\n opacity: 0;\n transform: translate(100%, 0);\n }\n 100% {\n visibility: hidden;\n opacity: 0;\n }\n}\n\n@keyframes slide-in-btt {\n 0% {\n visibility: hidden;\n opacity: 0;\n transform: translate(0, 100%);\n }\n 1% {\n visibility: visible;\n opacity: 0;\n }\n 100% {\n visibility: visible;\n opacity: 1;\n transform: translate(0, 0);\n }\n}\n\n@keyframes slide-out-ttb {\n 0% {\n visibility: visible;\n opacity: 1;\n transform: translate(0, 0);\n }\n 99% {\n visibility: visible;\n opacity: 0;\n }\n 100% {\n visibility: hidden;\n opacity: 0;\n transform: translate(0, 100%);\n }\n}\n\n@keyframes slide-in-ttb {\n 0% {\n visibility: hidden;\n opacity: 0;\n transform: translate(0, -100%);\n }\n 1% {\n visibility: visible;\n opacity: 1;\n }\n 100% {\n visibility: visible;\n opacity: 1;\n transform: translate(0, 0);\n }\n}\n\n@keyframes slide-out-btt {\n 0% {\n visibility: visible;\n opacity: 1;\n transform: translate(0, 0);\n }\n 99% {\n visibility: visible;\n opacity: 0;\n }\n 100% {\n visibility: hidden;\n opacity: 0;\n transform: translate(0, -100%);\n }\n}\n\n@keyframes visible-in {\n 0% {\n visibility: hidden;\n opacity: 0;\n }\n 1% {\n visibility: visible;\n opacity: 0;\n }\n 100% {\n visibility: visible;\n opacity: 1;\n }\n}\n\n@keyframes visible-out {\n 0% {\n visibility: visible;\n opacity: 1;\n }\n 99% {\n visibility: visible;\n opacity: 0;\n }\n 100% {\n visibility: hidden;\n opacity: 0;\n }\n}\n\n.ANIMATE {\n animation-duration: 0.5s;\n animation-delay: 0.5s;\n animation-timing-function: cubic-bezier(0.26, 0.53, 0.74, 1.48);\n animation-fill-mode: forwards;\n\n &[data-animation=\"SLIDE_IN_TOP_RIGHT\"][data-state=\"visible\"] {\n animation-delay: 0s;\n animation-duration: 1s;\n animation-name: slide-in-rtl;\n }\n &[data-animation=\"SLIDE_OUT_TOP_RIGHT\"][data-state=\"hidden\"] {\n animation-name: slide-out-ltr;\n }\n &[data-animation=\"SLIDE_IN_BOTTOM_RIGHT\"][data-state=\"visible\"] {\n animation-delay: 0s;\n animation-duration: 1s;\n animation-name: slide-in-btt;\n }\n &[data-animation=\"SLIDE_OUT_BOTTOM_RIGHT\"][data-state=\"hidden\"] {\n animation-name: slide-out-ttb;\n }\n &[data-animation=\"SLIDE_IN_TOP_CENTER\"][data-state=\"visible\"] {\n animation-delay: 0s;\n animation-duration: 1s;\n animation-name: slide-in-ttb;\n }\n &[data-animation=\"SLIDE_OUT_TOP_CENTER\"][data-state=\"hidden\"] {\n animation-name: slide-out-btt;\n }\n &[data-animation=\"OPACITY_IN\"][data-state=\"visible\"] {\n animation-delay: 0s;\n animation-duration: 1s;\n animation-name: visible-in;\n }\n &[data-animation=\"OPACITY_OUT\"][data-state=\"hidden\"] {\n animation-delay: 0s;\n animation-duration: 1s;\n animation-name: visible-out;\n }\n}\n","// https://codepen.io/burtclan/pen/PoOOey\n\n// @mixin BRNDTS_FTH_B($offset, $blur-radius, $spread-radius) {\n// &.BRNDTS_FTH-left:after {\n// box-shadow: inset $offset 0 $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-right:after {\n// box-shadow: inset (-$offset) 0 $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-top:after {\n// box-shadow: inset 0 $offset $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-bottom:after {\n// box-shadow: inset 0 (-$offset) $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-left.BRNDTS_FTH-right:after {\n// box-shadow: inset $offset 0 $blur-radius (-$spread-radius),\n// inset (-$offset) 0 $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-left.BRNDTS_FTH-top:after {\n// box-shadow: inset $offset ($offset) $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-right.BRNDTS_FTH-bottom:after {\n// box-shadow: inset (-$offset) (-$offset) $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-top.BRNDTS_FTH-right:after {\n// box-shadow: inset (-$offset) $offset $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-top.BRNDTS_FTH-bottom:after {\n// box-shadow: inset 0 $offset $blur-radius (-$spread-radius),\n// inset 0 (-$offset) $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-left.BRNDTS_FTH-bottom:after {\n// box-shadow: inset $offset (-$offset) $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-top.BRNDTS_FTH-right.BRNDTS_FTH-bottom:after {\n// box-shadow: inset (-$offset/2) 0 $blur-radius $spread-radius;\n// }\n\n// &.BRNDTS_FTH-left.BRNDTS_FTH-right.BRNDTS_FTH-bottom:after {\n// box-shadow: inset 0 (-$offset/2) $blur-radius $spread-radius;\n// }\n\n// &.BRNDTS_FTH-left.BRNDTS_FTH-top.BRNDTS_FTH-bottom:after {\n// box-shadow: inset ($offset/2) 0 $blur-radius $spread-radius;\n// }\n\n// &.BRNDTS_FTH-left.BRNDTS_FTH-top.BRNDTS_FTH-right:after {\n// box-shadow: inset 0 ($offset/2) $blur-radius $spread-radius;\n// }\n\n// &.BRNDTS_FTH-ALL:after,\n// &.BRNDTS_FTH-left.BRNDTS_FTH-top.BRNDTS_FTH-right.BRNDTS_FTH-bottom:after {\n// box-shadow: inset 0 0 $blur-radius $spread-radius;\n// }\n// }\n\n// $BRNDTS_FTH-offset: 40px !default;\n// $BRNDTS_FTH-blur-radius: 40px !default;\n// $BRNDTS_FTH-spread-radius: 16px !default;\n\n// $BRNDTS_FTH-narrow-offset: 13px !default;\n// $BRNDTS_FTH-narrow-blur-radius: 13px !default;\n// $BRNDTS_FTH-narrow-spread-radius: 13px !default;\n\n// $BRNDTS_FTH-wide-offset: 80px !default;\n// $BRNDTS_FTH-wide-blur-radius: 80px !default;\n// $BRNDTS_FTH-wide-spread-radius: 28px !default;\n\n// .BRNDTS_FTH_B {\n// position: relative;\n// display: inline-block;\n// color: rgba(0, 0, 0, 0.5);\n\n// &:after {\n// content: \"\";\n// position: absolute;\n// display: block;\n// top: 0;\n// left: 0;\n// width: 100%;\n// height: 100%;\n// border-collapse: separate;\n// }\n\n// @include BRNDTS_FTH_B(\n// $BRNDTS_FTH-offset,\n// $BRNDTS_FTH-blur-radius,\n// $BRNDTS_FTH-spread-radius\n// );\n\n// &.FTH-NARROW {\n// @include BRNDTS_FTH_B(\n// $BRNDTS_FTH-narrow-offset,\n// $BRNDTS_FTH-narrow-blur-radius,\n// $BRNDTS_FTH-narrow-spread-radius\n// );\n// }\n\n// &.FTH-WIDE {\n// @include BRNDTS_FTH_B(\n// $BRNDTS_FTH-wide-offset,\n// $BRNDTS_FTH-wide-blur-radius,\n// $BRNDTS_FTH-wide-spread-radius\n// );\n// }\n// }\n\n.BRNDTS_R_FTH {\n mask-image: linear-gradient(\n 180deg,\n transparent 0%,\n black 10%,\n black 90%,\n transparent 100%\n ),\n linear-gradient(\n 90deg,\n transparent 0%,\n black 10%,\n black 90%,\n transparent 100%\n );\n mask-composite: intersect;\n}\n\n.BRNDTS_R_B {\n border-width: 2px;\n border-style: solid;\n border-image: linear-gradient(to top, #26e29483 0%, #024ab67a 100%) 1;\n border-image: linear-gradient(135deg, #26e29483, #024ab67a) 1;\n box-shadow: 0px 4px 4px rgba(30, 30, 30, 0.25);\n border-radius: 5px;\n}\n",".REGION_DEBUG_LABEL {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n align-items: flex-start;\n position: absolute;\n color: black;\n padding-block: 4px;\n width: 100%;\n border-radius: 4px;\n bottom: 97%;\n letter-spacing: 1px;\n}\n\n.REGION_DEBUG_VALUE,\n.REGION_DEBUG_CLASS {\n font-size: 40%;\n font-weight: bold;\n padding: 2px 4px;\n //border: 1px solid red;\n //box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n}\n",".BRNDTS_R {\n position: absolute;\n //pointer-events: all;\n\n .BRNDTS_RB {\n position: relative;\n }\n\n .BRNDTS_RM {\n display: none;\n pointer-events: none;\n }\n}\n\n.BRNDTS_PLANE {\n .PLANE_POINT {\n position: absolute;\n width: 5px;\n height: 5px;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n }\n}\n","#BRNDTS_CTL {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n",".BRNDTS_BTN {\n border: 0;\n outline: none;\n box-shadow: none;\n background-color: transparent;\n pointer-events: all;\n color: whitesmoke;\n\n &[data-state=\"pressed\"] {\n background-color: transparent;\n }\n\n &:hover {\n background-color: transparent;\n background-image: none;\n border: 0;\n outline: none;\n box-shadow: none;\n border-color: transparent;\n }\n}\n\n.BRNDTS_BTN_FS_TOP {\n padding-left: 8px;\n padding-right: 8px;\n}\n\n.BRNDTS_BTN_FS_BOT {\n width: 40px;\n}\n","#BRNDTS_CTLTB {\n display: flex;\n justify-content: flex-end;\n position: absolute;\n top: 0;\n height: 60px;\n width: 100%;\n pointer-events: none;\n padding-top: 0px;\n padding-bottom: 0px;\n padding-left: 12px;\n padding-right: 12px;\n}\n\n[data-debug=\"true\"] {\n #BRNDTS_CTLTB {\n outline: 1px solid purple; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: 0px;\n left: 0;\n background-color: purple;\n padding: 4px 4px;\n border-radius: 4px;\n color: whitesmoke;\n }\n }\n}\n",".BRNDTS_PRGS_I {\n width: 100%;\n height: 100%;\n position: relative;\n pointer-events: all;\n .BRNDTS_PRGS_R {\n height: 100%;\n position: absolute;\n }\n}\n\n.BRNDTS_PRGS {\n width: 100%;\n height: 4px;\n background-color: #626060d9;\n position: relative;\n border-radius: 2px;\n overflow: hidden;\n margin: 0 4px;\n align-self: flex-end;\n}\n","#BRNDTS_CTLBB {\n display: flex;\n justify-content: flex-end;\n position: absolute;\n bottom: 0;\n height: 43px;\n width: 100%;\n pointer-events: none;\n padding-top: 3px;\n padding-bottom: 0px;\n padding-left: 12px;\n padding-right: 12px;\n box-sizing: border-box;\n &[data-type=\"DM_CTLBB\"] {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n height: 4rem;\n .BRNDTS_BTN {\n padding: 8px;\n width: 3rem;\n margin: 0.25rem;\n }\n }\n}\n\n[data-brndts_d=\"smartphone\"] {\n #BRNDTS_CTLBB {\n &[data-type=\"YT_CTLBB\"] {\n padding-left: 0px;\n padding-right: 0px;\n margin-bottom: 58px;\n .BRNDTS_BTN {\n padding-left: 8px;\n padding-right: 8px;\n }\n }\n &[data-type=\"DM_CTLBB\"] {\n padding-left: 0.125rem;\n padding-right: 0.125rem;\n height: clamp(48px, 3rem, 51px);\n .BRNDTS_BTN {\n padding: 8px;\n width: clamp(40px, 2.5rem, 55px);\n margin: 0.125rem;\n }\n }\n }\n &[data-fullscreen=\"true\"] {\n #BRNDTS_CTLBB {\n &[data-type=\"YT_CTLBB\"] {\n margin-bottom: 82px;\n padding-left: 12px;\n padding-right: 12px;\n .BRNDTS_BTN {\n padding-left: 8px;\n padding-right: 8px;\n }\n }\n &[data-type=\"DM_CTLBB\"] {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n height: 4rem;\n .BRNDTS_BTN {\n padding: 8px;\n width: 3rem;\n margin: 0.25rem;\n }\n }\n }\n }\n}\n","#BRNDTS {\n position: relative;\n padding-top: 0;\n height: 0;\n max-width: 100%;\n overflow: hidden;\n width: 100%;\n padding-bottom: 56.25%;\n\n .picture {\n // position: relative;\n border: 12px solid #2d2d2d;\n border-radius: 1px;\n box-shadow: 0 0 0 1px #1a1a1a, 0 0 0 12px #3a3a3a, 0 0 0 13px #1a1a1a,\n 5px 5px 15px rgba(0, 0, 0, 0.3);\n background-color: white;\n // padding: 20px;\n /* Default size - will be overridden by inline styles */\n // width: 500px;\n // height: 400px;\n // display: flex;\n // justify-content: center;\n // align-items: center;\n // overflow: hidden;\n }\n\n .transition {\n transition: all 0.5s ease;\n }\n\n &[data-brndts_control=\"brndts_fs\"] {\n video::-webkit-media-controls-fullscreen-button {\n display: none;\n }\n }\n\n &[data-fullscreen=\"true\"][data-basic=\"false\"] {\n video {\n height: 100vh !important;\n }\n }\n\n &[data-fullscreen_fb=\"true\"] {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n z-index: 10000000;\n background: #000;\n border-radius: 0 !important;\n height: 100%;\n margin: 0;\n width: 100%;\n\n video {\n height: 100%;\n }\n }\n}\n","#BRNDTS_BKD {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n background-color: #e0e0e2;\n}\n\n// body {\n// min-height: 100vh;\n// position: relative;\n// overflow: hidden;\n// background-color: #e0e0e2;\n// }\n\n#BRNDTS_BKD::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.15'/%3E%3C/svg%3E\");\n opacity: 0.5;\n pointer-events: none;\n}\n","#BRNDTS_ARW_A {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-evenly;\n}\n#BRNDTS_ARW_B {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-evenly;\n}\n","[data-debug=\"true\"] {\n #BRNDTS_ARW, #BRNDTS_AERW {\n outline: 1px solid green; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: green;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n\n .BRNDTS_AR {\n outline: 1px solid red; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: red;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n}\n"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../src/Ads/Providers/BRNDTSDefaultProvider.scss","../src/Ads/Regions/Plugins/RegionAnimationPlugin.scss","../src/Ads/Regions/Plugins/RegionBorderPlugin.scss","../src/Ads/Regions/Plugins/RegionDebugPlugin.scss","../src/Ads/Region.scss","../src/Ads/VideoAds/UI/Controls.scss","../src/Ads/VideoAds/UI/Controls/Components/ControlBarButton.scss","../src/Ads/VideoAds/UI/Controls/Components/ControlTopBar.scss","../src/Ads/VideoAds/UI/Controls/Components/ProgressBar.scss","../src/Ads/VideoAds/UI/Controls/Components/ControlBottomBar.scss","../src/Ads/VideoAds/Interface.scss","../src/Ads/VideoAds/UI/Backdrop.scss","../src/Ads/VideoAds/PresentationMode/BasicMode.scss","../src/Ads/VideoAds.scss"],"sourcesContent":[".BRNDTS_default_content {\n display: flex;\n justify-content: center;\n align-items: center;\n background: linear-gradient(135deg, #26e293, #024ab6);\n\n .box {\n height: 90%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 1;\n margin: 8px;\n border: 3px solid whitesmoke;\n border-radius: 5px;\n padding: 8px;\n }\n\n .icon {\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n max-height: 90%;\n\n svg {\n max-height: 45px;\n }\n }\n}\n","@keyframes slide-in-rtl {\n 0% {\n visibility: hidden;\n opacity: 0;\n transform: translate(100%, 0);\n }\n 1% {\n visibility: visible;\n opacity: 0;\n }\n 100% {\n visibility: visible;\n opacity: 1;\n transform: translate(0, 0);\n }\n}\n\n@keyframes slide-out-ltr {\n 0% {\n visibility: visible;\n opacity: 1;\n transform: translate(0, 0);\n }\n 99% {\n visibility: visible;\n opacity: 0;\n transform: translate(100%, 0);\n }\n 100% {\n visibility: hidden;\n opacity: 0;\n }\n}\n\n@keyframes slide-in-btt {\n 0% {\n visibility: hidden;\n opacity: 0;\n transform: translate(0, 100%);\n }\n 1% {\n visibility: visible;\n opacity: 0;\n }\n 100% {\n visibility: visible;\n opacity: 1;\n transform: translate(0, 0);\n }\n}\n\n@keyframes slide-out-ttb {\n 0% {\n visibility: visible;\n opacity: 1;\n transform: translate(0, 0);\n }\n 99% {\n visibility: visible;\n opacity: 0;\n }\n 100% {\n visibility: hidden;\n opacity: 0;\n transform: translate(0, 100%);\n }\n}\n\n@keyframes slide-in-ttb {\n 0% {\n visibility: hidden;\n opacity: 0;\n transform: translate(0, -100%);\n }\n 1% {\n visibility: visible;\n opacity: 1;\n }\n 100% {\n visibility: visible;\n opacity: 1;\n transform: translate(0, 0);\n }\n}\n\n@keyframes slide-out-btt {\n 0% {\n visibility: visible;\n opacity: 1;\n transform: translate(0, 0);\n }\n 99% {\n visibility: visible;\n opacity: 0;\n }\n 100% {\n visibility: hidden;\n opacity: 0;\n transform: translate(0, -100%);\n }\n}\n\n@keyframes visible-in {\n 0% {\n visibility: hidden;\n opacity: 0;\n }\n 1% {\n visibility: visible;\n opacity: 0;\n }\n 100% {\n visibility: visible;\n opacity: 1;\n }\n}\n\n@keyframes visible-out {\n 0% {\n visibility: visible;\n opacity: 1;\n }\n 99% {\n visibility: visible;\n opacity: 0;\n }\n 100% {\n visibility: hidden;\n opacity: 0;\n }\n}\n\n.ANIMATE {\n animation-duration: 0.5s;\n animation-delay: 0.5s;\n animation-timing-function: cubic-bezier(0.26, 0.53, 0.74, 1.48);\n animation-fill-mode: forwards;\n\n &[data-animation=\"SLIDE_IN_TOP_RIGHT\"][data-state=\"visible\"] {\n animation-delay: 0s;\n animation-duration: 1s;\n animation-name: slide-in-rtl;\n }\n &[data-animation=\"SLIDE_OUT_TOP_RIGHT\"][data-state=\"hidden\"] {\n animation-name: slide-out-ltr;\n }\n &[data-animation=\"SLIDE_IN_BOTTOM_RIGHT\"][data-state=\"visible\"] {\n animation-delay: 0s;\n animation-duration: 1s;\n animation-name: slide-in-btt;\n }\n &[data-animation=\"SLIDE_OUT_BOTTOM_RIGHT\"][data-state=\"hidden\"] {\n animation-name: slide-out-ttb;\n }\n &[data-animation=\"SLIDE_IN_TOP_CENTER\"][data-state=\"visible\"] {\n animation-delay: 0s;\n animation-duration: 1s;\n animation-name: slide-in-ttb;\n }\n &[data-animation=\"SLIDE_OUT_TOP_CENTER\"][data-state=\"hidden\"] {\n animation-name: slide-out-btt;\n }\n &[data-animation=\"OPACITY_IN\"][data-state=\"visible\"] {\n animation-delay: 0s;\n animation-duration: 1s;\n animation-name: visible-in;\n }\n &[data-animation=\"OPACITY_OUT\"][data-state=\"hidden\"] {\n animation-delay: 0s;\n animation-duration: 1s;\n animation-name: visible-out;\n }\n}\n","// https://codepen.io/burtclan/pen/PoOOey\n\n// @mixin BRNDTS_FTH_B($offset, $blur-radius, $spread-radius) {\n// &.BRNDTS_FTH-left:after {\n// box-shadow: inset $offset 0 $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-right:after {\n// box-shadow: inset (-$offset) 0 $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-top:after {\n// box-shadow: inset 0 $offset $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-bottom:after {\n// box-shadow: inset 0 (-$offset) $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-left.BRNDTS_FTH-right:after {\n// box-shadow: inset $offset 0 $blur-radius (-$spread-radius),\n// inset (-$offset) 0 $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-left.BRNDTS_FTH-top:after {\n// box-shadow: inset $offset ($offset) $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-right.BRNDTS_FTH-bottom:after {\n// box-shadow: inset (-$offset) (-$offset) $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-top.BRNDTS_FTH-right:after {\n// box-shadow: inset (-$offset) $offset $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-top.BRNDTS_FTH-bottom:after {\n// box-shadow: inset 0 $offset $blur-radius (-$spread-radius),\n// inset 0 (-$offset) $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-left.BRNDTS_FTH-bottom:after {\n// box-shadow: inset $offset (-$offset) $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-top.BRNDTS_FTH-right.BRNDTS_FTH-bottom:after {\n// box-shadow: inset (-$offset/2) 0 $blur-radius $spread-radius;\n// }\n\n// &.BRNDTS_FTH-left.BRNDTS_FTH-right.BRNDTS_FTH-bottom:after {\n// box-shadow: inset 0 (-$offset/2) $blur-radius $spread-radius;\n// }\n\n// &.BRNDTS_FTH-left.BRNDTS_FTH-top.BRNDTS_FTH-bottom:after {\n// box-shadow: inset ($offset/2) 0 $blur-radius $spread-radius;\n// }\n\n// &.BRNDTS_FTH-left.BRNDTS_FTH-top.BRNDTS_FTH-right:after {\n// box-shadow: inset 0 ($offset/2) $blur-radius $spread-radius;\n// }\n\n// &.BRNDTS_FTH-ALL:after,\n// &.BRNDTS_FTH-left.BRNDTS_FTH-top.BRNDTS_FTH-right.BRNDTS_FTH-bottom:after {\n// box-shadow: inset 0 0 $blur-radius $spread-radius;\n// }\n// }\n\n// $BRNDTS_FTH-offset: 40px !default;\n// $BRNDTS_FTH-blur-radius: 40px !default;\n// $BRNDTS_FTH-spread-radius: 16px !default;\n\n// $BRNDTS_FTH-narrow-offset: 13px !default;\n// $BRNDTS_FTH-narrow-blur-radius: 13px !default;\n// $BRNDTS_FTH-narrow-spread-radius: 13px !default;\n\n// $BRNDTS_FTH-wide-offset: 80px !default;\n// $BRNDTS_FTH-wide-blur-radius: 80px !default;\n// $BRNDTS_FTH-wide-spread-radius: 28px !default;\n\n// .BRNDTS_FTH_B {\n// position: relative;\n// display: inline-block;\n// color: rgba(0, 0, 0, 0.5);\n\n// &:after {\n// content: \"\";\n// position: absolute;\n// display: block;\n// top: 0;\n// left: 0;\n// width: 100%;\n// height: 100%;\n// border-collapse: separate;\n// }\n\n// @include BRNDTS_FTH_B(\n// $BRNDTS_FTH-offset,\n// $BRNDTS_FTH-blur-radius,\n// $BRNDTS_FTH-spread-radius\n// );\n\n// &.FTH-NARROW {\n// @include BRNDTS_FTH_B(\n// $BRNDTS_FTH-narrow-offset,\n// $BRNDTS_FTH-narrow-blur-radius,\n// $BRNDTS_FTH-narrow-spread-radius\n// );\n// }\n\n// &.FTH-WIDE {\n// @include BRNDTS_FTH_B(\n// $BRNDTS_FTH-wide-offset,\n// $BRNDTS_FTH-wide-blur-radius,\n// $BRNDTS_FTH-wide-spread-radius\n// );\n// }\n// }\n\n.BRNDTS_R_FTH {\n mask-image: linear-gradient(\n 180deg,\n transparent 0%,\n black 10%,\n black 90%,\n transparent 100%\n ),\n linear-gradient(\n 90deg,\n transparent 0%,\n black 10%,\n black 90%,\n transparent 100%\n );\n mask-composite: intersect;\n}\n\n.BRNDTS_R_B {\n border-width: 2px;\n border-style: solid;\n border-image: linear-gradient(to top, #26e29483 0%, #024ab67a 100%) 1;\n border-image: linear-gradient(135deg, #26e29483, #024ab67a) 1;\n box-shadow: 0px 4px 4px rgba(30, 30, 30, 0.25);\n border-radius: 5px;\n}\n",".REGION_DEBUG_LABEL {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n align-items: flex-start;\n position: absolute;\n color: black;\n padding-block: 4px;\n width: 100%;\n border-radius: 4px;\n bottom: 97%;\n letter-spacing: 1px;\n}\n\n.REGION_DEBUG_VALUE,\n.REGION_DEBUG_CLASS {\n font-size: 40%;\n font-weight: bold;\n padding: 2px 4px;\n //border: 1px solid red;\n //box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n}\n",".BRNDTS_R {\n position: absolute;\n //pointer-events: all;\n\n .BRNDTS_RB {\n position: relative;\n }\n\n .BRNDTS_RM {\n display: none;\n pointer-events: none;\n }\n}\n\n.BRNDTS_PLANE {\n .PLANE_POINT {\n position: absolute;\n width: 5px;\n height: 5px;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n }\n}\n","#BRNDTS_CTL {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n",".BRNDTS_BTN {\n border: 0;\n outline: none;\n box-shadow: none;\n background-color: transparent;\n pointer-events: all;\n color: whitesmoke;\n\n &[data-state=\"pressed\"] {\n background-color: transparent;\n }\n\n &:hover {\n background-color: transparent;\n background-image: none;\n border: 0;\n outline: none;\n box-shadow: none;\n border-color: transparent;\n }\n}\n\n.BRNDTS_BTN_FS_TOP {\n padding-left: 8px;\n padding-right: 8px;\n}\n\n.BRNDTS_BTN_FS_BOT {\n width: 40px;\n}\n","#BRNDTS_CTLTB {\n display: flex;\n justify-content: flex-end;\n position: absolute;\n top: 0;\n height: 60px;\n width: 100%;\n pointer-events: none;\n padding-top: 0px;\n padding-bottom: 0px;\n padding-left: 12px;\n padding-right: 12px;\n}\n\n[data-debug=\"true\"] {\n #BRNDTS_CTLTB {\n outline: 1px solid purple; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: 0px;\n left: 0;\n background-color: purple;\n padding: 4px 4px;\n border-radius: 4px;\n color: whitesmoke;\n }\n }\n}\n",".BRNDTS_PRGS_I {\n width: 100%;\n height: 100%;\n position: relative;\n pointer-events: all;\n .BRNDTS_PRGS_R {\n height: 100%;\n position: absolute;\n }\n}\n\n.BRNDTS_PRGS {\n width: 100%;\n height: 4px;\n background-color: #626060d9;\n position: relative;\n border-radius: 2px;\n overflow: hidden;\n margin: 0 4px;\n align-self: flex-end;\n}\n","#BRNDTS_CTLBB {\n display: flex;\n justify-content: flex-end;\n position: absolute;\n bottom: 0;\n height: 43px;\n width: 100%;\n pointer-events: none;\n padding-top: 3px;\n padding-bottom: 0px;\n padding-left: 12px;\n padding-right: 12px;\n box-sizing: border-box;\n &[data-type=\"DM_CTLBB\"] {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n height: 4rem;\n .BRNDTS_BTN {\n padding: 8px;\n width: 3rem;\n margin: 0.25rem;\n }\n }\n}\n\n[data-brndts_d=\"smartphone\"] {\n #BRNDTS_CTLBB {\n &[data-type=\"YT_CTLBB\"] {\n padding-left: 0px;\n padding-right: 0px;\n margin-bottom: 58px;\n .BRNDTS_BTN {\n padding-left: 8px;\n padding-right: 8px;\n }\n }\n &[data-type=\"DM_CTLBB\"] {\n padding-left: 0.125rem;\n padding-right: 0.125rem;\n height: clamp(48px, 3rem, 51px);\n .BRNDTS_BTN {\n padding: 8px;\n width: clamp(40px, 2.5rem, 55px);\n margin: 0.125rem;\n }\n }\n }\n &[data-fullscreen=\"true\"] {\n #BRNDTS_CTLBB {\n &[data-type=\"YT_CTLBB\"] {\n margin-bottom: 82px;\n padding-left: 12px;\n padding-right: 12px;\n .BRNDTS_BTN {\n padding-left: 8px;\n padding-right: 8px;\n }\n }\n &[data-type=\"DM_CTLBB\"] {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n height: 4rem;\n .BRNDTS_BTN {\n padding: 8px;\n width: 3rem;\n margin: 0.25rem;\n }\n }\n }\n }\n}\n","#BRNDTS {\n position: relative;\n padding-top: 0;\n height: 0;\n max-width: 100%;\n overflow: hidden;\n width: 100%;\n padding-bottom: 56.25%;\n\n .picture {\n // position: relative;\n border: 12px solid #2d2d2d;\n border-radius: 1px;\n box-shadow: 0 0 0 1px #1a1a1a, 0 0 0 12px #3a3a3a, 0 0 0 13px #1a1a1a,\n 5px 5px 15px rgba(0, 0, 0, 0.3);\n background-color: white;\n // padding: 20px;\n /* Default size - will be overridden by inline styles */\n // width: 500px;\n // height: 400px;\n // display: flex;\n // justify-content: center;\n // align-items: center;\n // overflow: hidden;\n }\n\n .transition {\n transition: all 0.5s ease;\n }\n\n &[data-brndts_control=\"brndts_fs\"] {\n video::-webkit-media-controls-fullscreen-button {\n display: none;\n }\n }\n\n &[data-fullscreen=\"true\"][data-basic=\"false\"] {\n video {\n height: 100vh !important;\n }\n }\n\n &[data-fullscreen_fb=\"true\"] {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n z-index: 10000000;\n background: #000;\n border-radius: 0 !important;\n height: 100%;\n margin: 0;\n width: 100%;\n\n video {\n height: 100%;\n }\n }\n}\n","#BRNDTS_BKD {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n background-color: #262626;\n}\n\n// body {\n// min-height: 100vh;\n// position: relative;\n// overflow: hidden;\n// background-color: #e0e0e2;\n// }\n\n// #BRNDTS_BKD::before {\n// content: \"\";\n// position: absolute;\n// top: 0;\n// left: 0;\n// width: 100%;\n// height: 100%;\n// background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.15'/%3E%3C/svg%3E\");\n// opacity: 0.5;\n// pointer-events: none;\n// }\n","#BRNDTS_ARW_A {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-evenly;\n}\n#BRNDTS_ARW_B {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-evenly;\n}\n","[data-debug=\"true\"] {\n #BRNDTS_ARW, #BRNDTS_AERW {\n outline: 1px solid green; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: green;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n\n .BRNDTS_AR {\n outline: 1px solid red; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: red;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n}\n"],"mappings":"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","names":[]}
package/dist/index.js CHANGED
@@ -67759,7 +67759,38 @@ var AdsConfigsClass = /*#__PURE__*/ function(BRNDTSConfig) {
67759
67759
  key: "defaults",
67760
67760
  get: function get() {
67761
67761
  return {
67762
- general: {},
67762
+ general: {
67763
+ clickability: {
67764
+ value: true,
67765
+ setting: {
67766
+ code: "clickability",
67767
+ name: "clickability",
67768
+ description: "",
67769
+ type: "boolean",
67770
+ constraints: {}
67771
+ }
67772
+ },
67773
+ visibility_on_pause: {
67774
+ value: true,
67775
+ setting: {
67776
+ code: "visibility_on_pause",
67777
+ name: "visibility_on_pause",
67778
+ description: "",
67779
+ type: "boolean",
67780
+ constraints: {}
67781
+ }
67782
+ },
67783
+ debug_mode: {
67784
+ value: false,
67785
+ setting: {
67786
+ code: "debug_mode",
67787
+ name: "debug_mode",
67788
+ description: "",
67789
+ type: "boolean",
67790
+ constraints: {}
67791
+ }
67792
+ }
67793
+ },
67763
67794
  adStrategies: {}
67764
67795
  };
67765
67796
  }
@@ -72953,6 +72984,12 @@ var YoutubeMediaElement = /*#__PURE__*/ function(GenericMediaElement) {
72953
72984
  return this.media;
72954
72985
  }
72955
72986
  },
72987
+ {
72988
+ key: "fullscreenElement",
72989
+ get: function get() {
72990
+ return this.view || void 0;
72991
+ }
72992
+ },
72956
72993
  {
72957
72994
  key: "viewWidth",
72958
72995
  get: function get() {
@@ -73398,6 +73435,12 @@ var NativeMediaElement = /*#__PURE__*/ function(GenericMediaElement) {
73398
73435
  return this.media;
73399
73436
  }
73400
73437
  },
73438
+ {
73439
+ key: "fullscreenElement",
73440
+ get: function get() {
73441
+ return this.view || void 0;
73442
+ }
73443
+ },
73401
73444
  {
73402
73445
  key: "viewWidth",
73403
73446
  get: function get() {
@@ -73767,6 +73810,13 @@ var BradmaxMediaElement = /*#__PURE__*/ function(GenericMediaElement) {
73767
73810
  return this.actualMediaElement;
73768
73811
  }
73769
73812
  },
73813
+ {
73814
+ key: "fullscreenElement",
73815
+ get: function get() {
73816
+ var _this_view;
73817
+ return ((_this_view = this.view) === null || _this_view === void 0 ? void 0 : _this_view.closest(".bsplayer")) || void 0;
73818
+ }
73819
+ },
73770
73820
  {
73771
73821
  key: "viewWidth",
73772
73822
  get: function get() {
@@ -74228,6 +74278,12 @@ var DailymotionMediaElement = /*#__PURE__*/ function(GenericMediaElement) {
74228
74278
  return this.rootNode;
74229
74279
  }
74230
74280
  },
74281
+ {
74282
+ key: "fullscreenElement",
74283
+ get: function get() {
74284
+ return this.view || void 0;
74285
+ }
74286
+ },
74231
74287
  {
74232
74288
  key: "viewWidth",
74233
74289
  get: function get() {
@@ -74526,6 +74582,12 @@ var VideoJSMediaElement = /*#__PURE__*/ function(GenericMediaElement) {
74526
74582
  return this.media;
74527
74583
  }
74528
74584
  },
74585
+ {
74586
+ key: "fullscreenElement",
74587
+ get: function get() {
74588
+ return this.view || void 0;
74589
+ }
74590
+ },
74529
74591
  {
74530
74592
  key: "viewWidth",
74531
74593
  get: function get() {
@@ -79675,7 +79737,7 @@ var Fullscreen = /*#__PURE__*/ function() {
79675
79737
  this.context = context;
79676
79738
  this.container = this.context.elements.container;
79677
79739
  document.addEventListener("fullscreenchange", function() {
79678
- if (document.fullscreenElement === _this.context.media.view || document.fullscreenElement === _this.context.elements.container) {
79740
+ if (document.fullscreenElement === _this.context.media.fullscreenElement || document.fullscreenElement === _this.context.elements.container) {
79679
79741
  _this.context.elements.fullscreen = document.fullscreenElement;
79680
79742
  _this.container.dataset.fullscreen = "true";
79681
79743
  _this.container.style.paddingBottom = "0";
@@ -80109,6 +80171,87 @@ var TYPES = {
80109
80171
  ]
80110
80172
  ]
80111
80173
  };
80174
+ var DefaultTemplate = /*#__PURE__*/ function() {
80175
+ function DefaultTemplate() {
80176
+ _class_call_check(this, DefaultTemplate);
80177
+ }
80178
+ _create_class(DefaultTemplate, [
80179
+ {
80180
+ key: "get",
80181
+ value: function get(plane, cutout) {
80182
+ var areas = [];
80183
+ if (plane.width - (cutout.x + cutout.width) > 0) {
80184
+ areas.push({
80185
+ dimensions: new Dimensions({
80186
+ x: cutout.x + cutout.width,
80187
+ y: 0
80188
+ }, {
80189
+ width: plane.width - (cutout.x + cutout.width),
80190
+ height: cutout.y + cutout.height
80191
+ }),
80192
+ name: "A"
80193
+ });
80194
+ }
80195
+ if (plane.height - (cutout.y + cutout.height) > 0) {
80196
+ areas.push({
80197
+ dimensions: new Dimensions({
80198
+ x: 0,
80199
+ y: cutout.y + cutout.height
80200
+ }, {
80201
+ width: plane.width,
80202
+ height: plane.height - (cutout.y + cutout.height)
80203
+ }),
80204
+ name: "B"
80205
+ });
80206
+ }
80207
+ return areas;
80208
+ }
80209
+ }
80210
+ ]);
80211
+ return DefaultTemplate;
80212
+ }();
80213
+ var FullscreenTemplate = /*#__PURE__*/ function() {
80214
+ function FullscreenTemplate() {
80215
+ _class_call_check(this, FullscreenTemplate);
80216
+ }
80217
+ _create_class(FullscreenTemplate, [
80218
+ {
80219
+ key: "get",
80220
+ value: function get(plane, cutout) {
80221
+ var areas = [];
80222
+ if (plane.width - (cutout.x + cutout.width) > 0) {
80223
+ areas.push({
80224
+ dimensions: new Dimensions({
80225
+ x: cutout.x + cutout.width,
80226
+ y: 0
80227
+ }, {
80228
+ width: plane.width - (cutout.x + cutout.width),
80229
+ height: plane.height
80230
+ }),
80231
+ name: "A"
80232
+ });
80233
+ }
80234
+ if (plane.height - (cutout.y + cutout.height) > 0) {
80235
+ areas.push({
80236
+ dimensions: new Dimensions({
80237
+ x: 0,
80238
+ y: cutout.y + cutout.height
80239
+ }, {
80240
+ width: cutout.x + cutout.width,
80241
+ height: plane.height - (cutout.y + cutout.height)
80242
+ }),
80243
+ available: {
80244
+ w: 0.7
80245
+ },
80246
+ name: "B"
80247
+ });
80248
+ }
80249
+ return areas;
80250
+ }
80251
+ }
80252
+ ]);
80253
+ return FullscreenTemplate;
80254
+ }();
80112
80255
  var RegionPacker = /*#__PURE__*/ function(_import_events8_default) {
80113
80256
  _inherits(RegionPacker, _import_events8_default);
80114
80257
  function RegionPacker(context) {
@@ -80121,6 +80264,7 @@ var RegionPacker = /*#__PURE__*/ function(_import_events8_default) {
80121
80264
  _this.mapped = [];
80122
80265
  _this.areas = [];
80123
80266
  _this.packed = [];
80267
+ _this.templates = {};
80124
80268
  _this.context = context;
80125
80269
  _this.plane = {
80126
80270
  width: ((_this_context_elements_container = _this.context.elements.container) === null || _this_context_elements_container === void 0 ? void 0 : _this_context_elements_container.getBoundingClientRect().width) || 0,
@@ -80129,12 +80273,17 @@ var RegionPacker = /*#__PURE__*/ function(_import_events8_default) {
80129
80273
  _this.mapped = transformData(TYPES).sort(function(a, b) {
80130
80274
  return b.area - a.area;
80131
80275
  });
80276
+ _this.templates = {
80277
+ "default": new DefaultTemplate(),
80278
+ "fullscreen": new FullscreenTemplate()
80279
+ };
80132
80280
  return _this;
80133
80281
  }
80134
80282
  _create_class(RegionPacker, [
80135
80283
  {
80136
80284
  key: "setCutout",
80137
80285
  value: function setCutout(cutout) {
80286
+ var template = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "default";
80138
80287
  var _this_context_elements_container, _this_context_elements_container1;
80139
80288
  this.cutout = cutout;
80140
80289
  this.areas = [];
@@ -80142,30 +80291,7 @@ var RegionPacker = /*#__PURE__*/ function(_import_events8_default) {
80142
80291
  width: ((_this_context_elements_container = this.context.elements.container) === null || _this_context_elements_container === void 0 ? void 0 : _this_context_elements_container.getBoundingClientRect().width) || 0,
80143
80292
  height: ((_this_context_elements_container1 = this.context.elements.container) === null || _this_context_elements_container1 === void 0 ? void 0 : _this_context_elements_container1.getBoundingClientRect().height) || 0
80144
80293
  };
80145
- if (this.plane.width - (this.cutout.x + this.cutout.width) > 0) {
80146
- this.areas.push({
80147
- dimensions: new Dimensions({
80148
- x: this.cutout.x + this.cutout.width,
80149
- y: 0
80150
- }, {
80151
- width: this.plane.width - (this.cutout.x + this.cutout.width),
80152
- height: this.plane.height
80153
- }),
80154
- name: "A"
80155
- });
80156
- }
80157
- if (this.plane.height - (this.cutout.y + this.cutout.height) > 0) {
80158
- this.areas.push({
80159
- dimensions: new Dimensions({
80160
- x: 0,
80161
- y: this.cutout.y + this.cutout.height
80162
- }, {
80163
- width: this.cutout.x + this.cutout.width,
80164
- height: this.plane.height - (this.cutout.y + this.cutout.height)
80165
- }),
80166
- name: "B"
80167
- });
80168
- }
80294
+ this.areas = this.templates[template].get(this.plane, cutout);
80169
80295
  return this;
80170
80296
  }
80171
80297
  },
@@ -80188,9 +80314,10 @@ var RegionPacker = /*#__PURE__*/ function(_import_events8_default) {
80188
80314
  {
80189
80315
  key: "fillRegion",
80190
80316
  value: function fillRegion(region) {
80317
+ var _region_available, _region_available1, _region_available2, _region_available3;
80191
80318
  var result = [];
80192
- var availableWidth = region.name === "B" ? region.dimensions.size.width * 0.7 : region.dimensions.size.width;
80193
- var availableHeight = region.name === "A" ? region.dimensions.size.height * 0.7 : region.dimensions.size.height;
80319
+ var availableWidth = ((_region_available = region.available) === null || _region_available === void 0 ? void 0 : _region_available.w) ? region.dimensions.size.width * ((_region_available1 = region.available) === null || _region_available1 === void 0 ? void 0 : _region_available1.w) : region.dimensions.size.width;
80320
+ var availableHeight = ((_region_available2 = region.available) === null || _region_available2 === void 0 ? void 0 : _region_available2.h) ? region.dimensions.size.height * ((_region_available3 = region.available) === null || _region_available3 === void 0 ? void 0 : _region_available3.h) : region.dimensions.size.height;
80194
80321
  var regionX = region.dimensions.position.x;
80195
80322
  var regionY = region.dimensions.position.y;
80196
80323
  var usableTypes = this.mapped.filter(function(type) {
@@ -80815,27 +80942,33 @@ var AdRegionsArea = /*#__PURE__*/ function() {
80815
80942
  var diffLeft = getDifferenceLeft(visibleRegions, regions2);
80816
80943
  var diffRight = getDifferenceRight(visibleRegions, regions2);
80817
80944
  var common = getIntersection(visibleRegions, regions2);
80945
+ for(var index = 0; index < diffLeft.length; index++){
80946
+ var existingObject = this.regionsObjects.getById(diffLeft[index].id);
80947
+ if (existingObject) {
80948
+ existingObject.clear();
80949
+ }
80950
+ }
80818
80951
  if (common.length) {
80819
- for(var index = 0; index < common.length; index++){
80820
- if (index < this.maxRegions) {
80821
- var pack = mapped.getById(common[index].id);
80952
+ for(var index1 = 0; index1 < common.length; index1++){
80953
+ if (index1 < this.maxRegions) {
80954
+ var pack = mapped.getById(common[index1].id);
80822
80955
  if (pack) {
80823
- common[index].updateSize(pack.width, pack.height);
80956
+ common[index1].updateSize(pack.width, pack.height);
80824
80957
  }
80825
80958
  } else {
80826
- common[index].clear();
80959
+ common[index1].clear();
80827
80960
  }
80828
80961
  }
80829
80962
  } else {
80830
- for(var index1 = 0; index1 < diffRight.length && index1 < this.maxRegions; index1++){
80831
- var existingObject = this.regionsObjects.getById(diffRight[index1].id);
80832
- if (existingObject) {
80833
- var pack1 = mapped.getById(diffRight[index1].id);
80963
+ for(var index2 = 0; index2 < diffRight.length && index2 < this.maxRegions; index2++){
80964
+ var existingObject1 = this.regionsObjects.getById(diffRight[index2].id);
80965
+ if (existingObject1) {
80966
+ var pack1 = mapped.getById(diffRight[index2].id);
80834
80967
  if (pack1) {
80835
- existingObject.updateSize(pack1.width, pack1.height);
80968
+ existingObject1.updateSize(pack1.width, pack1.height);
80836
80969
  }
80837
80970
  } else {
80838
- var region = diffRight[index1];
80971
+ var region = diffRight[index2];
80839
80972
  var provider = ContentProviderFactory.getProvider(this.context, this.context.config.get("ads").provider);
80840
80973
  var plugins2 = [
80841
80974
  new RegionBorderPlugin(),
@@ -80860,18 +80993,21 @@ var AdRegionsArea = /*#__PURE__*/ function() {
80860
80993
  }
80861
80994
  }
80862
80995
  }
80863
- for(var index2 = 0; index2 < diffLeft.length; index2++){
80864
- var existingObject1 = this.regionsObjects.getById(diffLeft[index2].id);
80865
- if (existingObject1) {
80866
- existingObject1.clear();
80867
- }
80868
- }
80869
80996
  }
80870
80997
  },
80871
80998
  {
80872
80999
  key: "clear",
80873
81000
  value: function clear() {
81001
+ var _this = this;
80874
81002
  this.regionsObjects.forEach(function(region) {
81003
+ _this.updateSize({
81004
+ width: 0,
81005
+ height: 0
81006
+ }, _this.context.media.aspectRatio);
81007
+ _this.updatePosition({
81008
+ x: 0,
81009
+ y: 0
81010
+ });
80875
81011
  region.clear();
80876
81012
  });
80877
81013
  }
@@ -81261,7 +81397,7 @@ var BasicPresentationMode = /*#__PURE__*/ function() {
81261
81397
  y: (expected === null || expected === void 0 ? void 0 : expected.position.y) || 0,
81262
81398
  width: (expected === null || expected === void 0 ? void 0 : expected.size.width) || 0,
81263
81399
  height: (expected === null || expected === void 0 ? void 0 : expected.size.height) || 0
81264
- });
81400
+ }, _this.context.store.getState().fullscreen ? "fullscreen" : "default");
81265
81401
  _this.packer.pack();
81266
81402
  if (_this.packer.packed.length > 0) {
81267
81403
  var _this_adPresentationStrategy, _this_regionsRenderer, _this_regionsRenderer1, _this_mediaElementSizeController1;
@@ -81288,10 +81424,7 @@ var BasicPresentationMode = /*#__PURE__*/ function() {
81288
81424
  {
81289
81425
  key: "enteredFullscreen",
81290
81426
  value: function enteredFullscreen() {
81291
- var _this = this;
81292
- setTimeout(function() {
81293
- _this.updatedContainerSize(true);
81294
- }, 0);
81427
+ this.updatedContainerSize(true);
81295
81428
  }
81296
81429
  },
81297
81430
  {
@@ -81316,7 +81449,7 @@ var BasicPresentationMode = /*#__PURE__*/ function() {
81316
81449
  y: ((_this_mediaElementSizeController2 = this.mediaElementSizeController) === null || _this_mediaElementSizeController2 === void 0 ? void 0 : _this_mediaElementSizeController2.position.y) || 0,
81317
81450
  width: ((_this_mediaElementSizeController3 = this.mediaElementSizeController) === null || _this_mediaElementSizeController3 === void 0 ? void 0 : _this_mediaElementSizeController3.size.width) || 0,
81318
81451
  height: ((_this_mediaElementSizeController4 = this.mediaElementSizeController) === null || _this_mediaElementSizeController4 === void 0 ? void 0 : _this_mediaElementSizeController4.size.height) || 0
81319
- });
81452
+ }, fullscreen ? "fullscreen" : "default");
81320
81453
  var updated = this.packer.repack();
81321
81454
  if (updated) {
81322
81455
  var _this_regionsRenderer1, _this_regionsRenderer2;