@brndts/brndts-ads 1.13.1 → 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 +120 -49
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +122 -49
  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
@@ -80171,6 +80171,87 @@ var TYPES = {
80171
80171
  ]
80172
80172
  ]
80173
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
+ }();
80174
80255
  var RegionPacker = /*#__PURE__*/ function(_import_events8_default) {
80175
80256
  _inherits(RegionPacker, _import_events8_default);
80176
80257
  function RegionPacker(context) {
@@ -80183,6 +80264,7 @@ var RegionPacker = /*#__PURE__*/ function(_import_events8_default) {
80183
80264
  _this.mapped = [];
80184
80265
  _this.areas = [];
80185
80266
  _this.packed = [];
80267
+ _this.templates = {};
80186
80268
  _this.context = context;
80187
80269
  _this.plane = {
80188
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,
@@ -80191,12 +80273,17 @@ var RegionPacker = /*#__PURE__*/ function(_import_events8_default) {
80191
80273
  _this.mapped = transformData(TYPES).sort(function(a, b) {
80192
80274
  return b.area - a.area;
80193
80275
  });
80276
+ _this.templates = {
80277
+ "default": new DefaultTemplate(),
80278
+ "fullscreen": new FullscreenTemplate()
80279
+ };
80194
80280
  return _this;
80195
80281
  }
80196
80282
  _create_class(RegionPacker, [
80197
80283
  {
80198
80284
  key: "setCutout",
80199
80285
  value: function setCutout(cutout) {
80286
+ var template = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "default";
80200
80287
  var _this_context_elements_container, _this_context_elements_container1;
80201
80288
  this.cutout = cutout;
80202
80289
  this.areas = [];
@@ -80204,30 +80291,7 @@ var RegionPacker = /*#__PURE__*/ function(_import_events8_default) {
80204
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,
80205
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
80206
80293
  };
80207
- if (this.plane.width - (this.cutout.x + this.cutout.width) > 0) {
80208
- this.areas.push({
80209
- dimensions: new Dimensions({
80210
- x: this.cutout.x + this.cutout.width,
80211
- y: 0
80212
- }, {
80213
- width: this.plane.width - (this.cutout.x + this.cutout.width),
80214
- height: this.plane.height
80215
- }),
80216
- name: "A"
80217
- });
80218
- }
80219
- if (this.plane.height - (this.cutout.y + this.cutout.height) > 0) {
80220
- this.areas.push({
80221
- dimensions: new Dimensions({
80222
- x: 0,
80223
- y: this.cutout.y + this.cutout.height
80224
- }, {
80225
- width: this.cutout.x + this.cutout.width,
80226
- height: this.plane.height - (this.cutout.y + this.cutout.height)
80227
- }),
80228
- name: "B"
80229
- });
80230
- }
80294
+ this.areas = this.templates[template].get(this.plane, cutout);
80231
80295
  return this;
80232
80296
  }
80233
80297
  },
@@ -80250,9 +80314,10 @@ var RegionPacker = /*#__PURE__*/ function(_import_events8_default) {
80250
80314
  {
80251
80315
  key: "fillRegion",
80252
80316
  value: function fillRegion(region) {
80317
+ var _region_available, _region_available1, _region_available2, _region_available3;
80253
80318
  var result = [];
80254
- var availableWidth = region.name === "B" ? region.dimensions.size.width * 0.7 : region.dimensions.size.width;
80255
- 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;
80256
80321
  var regionX = region.dimensions.position.x;
80257
80322
  var regionY = region.dimensions.position.y;
80258
80323
  var usableTypes = this.mapped.filter(function(type) {
@@ -80877,27 +80942,33 @@ var AdRegionsArea = /*#__PURE__*/ function() {
80877
80942
  var diffLeft = getDifferenceLeft(visibleRegions, regions2);
80878
80943
  var diffRight = getDifferenceRight(visibleRegions, regions2);
80879
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
+ }
80880
80951
  if (common.length) {
80881
- for(var index = 0; index < common.length; index++){
80882
- if (index < this.maxRegions) {
80883
- 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);
80884
80955
  if (pack) {
80885
- common[index].updateSize(pack.width, pack.height);
80956
+ common[index1].updateSize(pack.width, pack.height);
80886
80957
  }
80887
80958
  } else {
80888
- common[index].clear();
80959
+ common[index1].clear();
80889
80960
  }
80890
80961
  }
80891
80962
  } else {
80892
- for(var index1 = 0; index1 < diffRight.length && index1 < this.maxRegions; index1++){
80893
- var existingObject = this.regionsObjects.getById(diffRight[index1].id);
80894
- if (existingObject) {
80895
- 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);
80896
80967
  if (pack1) {
80897
- existingObject.updateSize(pack1.width, pack1.height);
80968
+ existingObject1.updateSize(pack1.width, pack1.height);
80898
80969
  }
80899
80970
  } else {
80900
- var region = diffRight[index1];
80971
+ var region = diffRight[index2];
80901
80972
  var provider = ContentProviderFactory.getProvider(this.context, this.context.config.get("ads").provider);
80902
80973
  var plugins2 = [
80903
80974
  new RegionBorderPlugin(),
@@ -80922,18 +80993,21 @@ var AdRegionsArea = /*#__PURE__*/ function() {
80922
80993
  }
80923
80994
  }
80924
80995
  }
80925
- for(var index2 = 0; index2 < diffLeft.length; index2++){
80926
- var existingObject1 = this.regionsObjects.getById(diffLeft[index2].id);
80927
- if (existingObject1) {
80928
- existingObject1.clear();
80929
- }
80930
- }
80931
80996
  }
80932
80997
  },
80933
80998
  {
80934
80999
  key: "clear",
80935
81000
  value: function clear() {
81001
+ var _this = this;
80936
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
+ });
80937
81011
  region.clear();
80938
81012
  });
80939
81013
  }
@@ -81323,7 +81397,7 @@ var BasicPresentationMode = /*#__PURE__*/ function() {
81323
81397
  y: (expected === null || expected === void 0 ? void 0 : expected.position.y) || 0,
81324
81398
  width: (expected === null || expected === void 0 ? void 0 : expected.size.width) || 0,
81325
81399
  height: (expected === null || expected === void 0 ? void 0 : expected.size.height) || 0
81326
- });
81400
+ }, _this.context.store.getState().fullscreen ? "fullscreen" : "default");
81327
81401
  _this.packer.pack();
81328
81402
  if (_this.packer.packed.length > 0) {
81329
81403
  var _this_adPresentationStrategy, _this_regionsRenderer, _this_regionsRenderer1, _this_mediaElementSizeController1;
@@ -81350,10 +81424,7 @@ var BasicPresentationMode = /*#__PURE__*/ function() {
81350
81424
  {
81351
81425
  key: "enteredFullscreen",
81352
81426
  value: function enteredFullscreen() {
81353
- var _this = this;
81354
- setTimeout(function() {
81355
- _this.updatedContainerSize(true);
81356
- }, 0);
81427
+ this.updatedContainerSize(true);
81357
81428
  }
81358
81429
  },
81359
81430
  {
@@ -81378,7 +81449,7 @@ var BasicPresentationMode = /*#__PURE__*/ function() {
81378
81449
  y: ((_this_mediaElementSizeController2 = this.mediaElementSizeController) === null || _this_mediaElementSizeController2 === void 0 ? void 0 : _this_mediaElementSizeController2.position.y) || 0,
81379
81450
  width: ((_this_mediaElementSizeController3 = this.mediaElementSizeController) === null || _this_mediaElementSizeController3 === void 0 ? void 0 : _this_mediaElementSizeController3.size.width) || 0,
81380
81451
  height: ((_this_mediaElementSizeController4 = this.mediaElementSizeController) === null || _this_mediaElementSizeController4 === void 0 ? void 0 : _this_mediaElementSizeController4.size.height) || 0
81381
- });
81452
+ }, fullscreen ? "fullscreen" : "default");
81382
81453
  var updated = this.packer.repack();
81383
81454
  if (updated) {
81384
81455
  var _this_regionsRenderer1, _this_regionsRenderer2;