@brndts/brndts-ads 1.14.6 → 1.14.8

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 +5 -4
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js +142 -38
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +142 -38
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -207,13 +207,13 @@
207
207
  border-image:
208
208
  linear-gradient(
209
209
  to top,
210
- rgba(38, 226, 148, 0.5137254902) 0%,
211
- rgba(2, 74, 182, 0.4784313725) 100%) 1;
210
+ var(--brndts-secondary-color, rgba(38, 226, 148, 0.5137254902)) 0%,
211
+ var(--brndts-primary-color, rgba(2, 74, 182, 0.4784313725)) 100%) 1;
212
212
  border-image:
213
213
  linear-gradient(
214
214
  135deg,
215
- rgba(38, 226, 148, 0.5137254902),
216
- rgba(2, 74, 182, 0.4784313725)) 1;
215
+ var(--brndts-secondary-color, rgba(38, 226, 148, 0.5137254902)),
216
+ var(--brndts-primary-color, rgba(2, 74, 182, 0.4784313725))) 1;
217
217
  box-shadow: 0px 4px 4px rgba(30, 30, 30, 0.25);
218
218
  border-radius: 5px;
219
219
  }
@@ -556,6 +556,7 @@
556
556
  left: 0;
557
557
  pointer-events: none;
558
558
  background-color: #262626;
559
+ transition: opacity 0.5s ease-in-out;
559
560
  }
560
561
 
561
562
  /* src/Ads/VideoAds/PresentationMode/Basic/BasicMode.scss */
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Ads/Region.scss","../src/Ads/Regions/Plugins/RegionAnimationPlugin.scss","../src/Ads/Regions/Plugins/RegionBorderPlugin.scss","../src/Ads/Regions/Plugins/RegionDebugPlugin.scss","../src/Ads/Providers/BRNDTSDefaultProvider.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/ProgressIndicator.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_R {\n position: absolute;\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","@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_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","#BRNDTS_CTL {\n position: absolute;\n top: 0;\n left: 0;\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","/* ─── ring (unchanged) ───────────────────────────── */\n.progress-circle {\n svg {\n width: 100%;\n height: 100%;\n transform: rotate(-90deg);\n vertical-align: top; /* align to top of parent */\n }\n\n .bg {\n stroke: rgba(#fff, 0.35);\n stroke-width: 3;\n fill: none;\n }\n .fg {\n stroke: #2388ff;\n stroke-width: 3;\n stroke-linecap: round;\n fill: none;\n transition: stroke-dashoffset 0.35s ease;\n }\n}\n\n/* ─── wrapper that owns hover/focus state ────────── */\n.progress-banner {\n position: relative; /* tooltip is positioned absolutley */\n display: inline-flex;\n align-items: center;\n gap: 0; /* label is absolutely-placed */\n pointer-events: all;\n\n /* reveal tooltip on mouse-over OR keyboard focus */\n &:hover .progress-label,\n &:focus-within .progress-label {\n opacity: 1;\n transform: translateX(8px) translateY(-50%);\n pointer-events: auto;\n }\n}\n\n/* ─── tooltip-like label ─────────────────────────── */\n.progress-label {\n position: absolute;\n left: 100%; /* start at ring’s right edge */\n top: 50%;\n transform: translateX(4px) translateY(-50%); /* initial slight offset */\n\n padding: 8px 12px;\n font-size: 0.9rem;\n font-weight: 600;\n color: #fff;\n background: rgba(255, 255, 255, 0.4);\n backdrop-filter: blur(4px);\n border-radius: 6px;\n white-space: nowrap;\n\n opacity: 0; /* hidden until hover/focus */\n pointer-events: none; /* ignore clicks while hidden */\n transition: opacity 0.15s ease, transform 0.15s ease;\n z-index: 10; /* sit above nearby UI */\n font-family: Exo;\n font-weight: 500;\n font-style: Medium;\n font-size: 10px;\n line-height: 6px;\n letter-spacing: 0.1px;\n text-align: center;\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 &[data-type=\"N_CTLBB\"] {\n padding-top: 0;\n padding-right: 100px;\n padding-left: 130px;\n height: 70px;\n justify-content: start;\n .BRNDTS_CTLBB_TOP {\n height: 42px;\n display: flex;\n align-items: center;\n }\n }\n}\n\n[data-brndts_d=\"desktop\"] {\n &[data-fullscreen=\"true\"] {\n [data-type=\"N_CTLBB\"] {\n height: 84px !important;\n padding-left: 170px !important;\n .BRNDTS_CTLBB_TOP {\n height: 55px !important;\n }\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 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":[]}
1
+ {"version":3,"sources":["../src/Ads/Region.scss","../src/Ads/Regions/Plugins/RegionAnimationPlugin.scss","../src/Ads/Regions/Plugins/RegionBorderPlugin.scss","../src/Ads/Regions/Plugins/RegionDebugPlugin.scss","../src/Ads/Providers/BRNDTSDefaultProvider.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/ProgressIndicator.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_R {\n position: absolute;\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","@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(\n to top,\n var(--brndts-secondary-color, #26e29483) 0%,\n var(--brndts-primary-color, #024ab67a) 100%\n )\n 1;\n border-image: linear-gradient(\n 135deg,\n var(--brndts-secondary-color, #26e29483),\n var(--brndts-primary-color, #024ab67a)\n )\n 1;\n // border-color: black;\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_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","#BRNDTS_CTL {\n position: absolute;\n top: 0;\n left: 0;\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","/* ─── ring (unchanged) ───────────────────────────── */\n.progress-circle {\n svg {\n width: 100%;\n height: 100%;\n transform: rotate(-90deg);\n vertical-align: top; /* align to top of parent */\n }\n\n .bg {\n stroke: rgba(#fff, 0.35);\n stroke-width: 3;\n fill: none;\n }\n .fg {\n stroke: #2388ff;\n stroke-width: 3;\n stroke-linecap: round;\n fill: none;\n transition: stroke-dashoffset 0.35s ease;\n }\n}\n\n/* ─── wrapper that owns hover/focus state ────────── */\n.progress-banner {\n position: relative; /* tooltip is positioned absolutley */\n display: inline-flex;\n align-items: center;\n gap: 0; /* label is absolutely-placed */\n pointer-events: all;\n\n /* reveal tooltip on mouse-over OR keyboard focus */\n &:hover .progress-label,\n &:focus-within .progress-label {\n opacity: 1;\n transform: translateX(8px) translateY(-50%);\n pointer-events: auto;\n }\n}\n\n/* ─── tooltip-like label ─────────────────────────── */\n.progress-label {\n position: absolute;\n left: 100%; /* start at ring’s right edge */\n top: 50%;\n transform: translateX(4px) translateY(-50%); /* initial slight offset */\n\n padding: 8px 12px;\n font-size: 0.9rem;\n font-weight: 600;\n color: #fff;\n background: rgba(255, 255, 255, 0.4);\n backdrop-filter: blur(4px);\n border-radius: 6px;\n white-space: nowrap;\n\n opacity: 0; /* hidden until hover/focus */\n pointer-events: none; /* ignore clicks while hidden */\n transition: opacity 0.15s ease, transform 0.15s ease;\n z-index: 10; /* sit above nearby UI */\n font-family: Exo;\n font-weight: 500;\n font-style: Medium;\n font-size: 10px;\n line-height: 6px;\n letter-spacing: 0.1px;\n text-align: center;\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 &[data-type=\"N_CTLBB\"] {\n padding-top: 0;\n padding-right: 100px;\n padding-left: 130px;\n height: 70px;\n justify-content: start;\n .BRNDTS_CTLBB_TOP {\n height: 42px;\n display: flex;\n align-items: center;\n }\n }\n}\n\n[data-brndts_d=\"desktop\"] {\n &[data-fullscreen=\"true\"] {\n [data-type=\"N_CTLBB\"] {\n height: 84px !important;\n padding-left: 170px !important;\n .BRNDTS_CTLBB_TOP {\n height: 55px !important;\n }\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 pointer-events: none;\n background-color: #262626;\n transition: opacity 0.5s ease-in-out;\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
@@ -70090,6 +70090,13 @@ var REGIONS = [
70090
70090
  h: 150,
70091
70091
  name: "Generic - 150x150",
70092
70092
  type: "medium-rectangle"
70093
+ },
70094
+ {
70095
+ id: 1014,
70096
+ w: 160,
70097
+ h: 600,
70098
+ name: "Generic - 160x600",
70099
+ type: "large-rectangle"
70093
70100
  }
70094
70101
  ];
70095
70102
  var RegionDefinitions = /*#__PURE__*/ function() {
@@ -81424,11 +81431,18 @@ var Controls = /*#__PURE__*/ function() {
81424
81431
  var Backdrop = /*#__PURE__*/ function() {
81425
81432
  function Backdrop(context) {
81426
81433
  _class_call_check(this, Backdrop);
81434
+ var _this_context_config_get_backdrop, _this_context_config_get;
81427
81435
  this.context = context;
81428
81436
  this.container = document.createElement("div");
81429
81437
  this.container.id = "BRNDTS_BKD";
81430
81438
  this.container.style.width = "100%";
81431
81439
  this.container.style.height = "100%";
81440
+ if ((_this_context_config_get = this.context.config.get("branding")) === null || _this_context_config_get === void 0 ? void 0 : (_this_context_config_get_backdrop = _this_context_config_get.backdrop) === null || _this_context_config_get_backdrop === void 0 ? void 0 : _this_context_config_get_backdrop.src) {
81441
+ var _this_context_config_get_backdrop1, _this_context_config_get1;
81442
+ this.container.style.backgroundImage = "url(".concat((_this_context_config_get1 = this.context.config.get("branding")) === null || _this_context_config_get1 === void 0 ? void 0 : (_this_context_config_get_backdrop1 = _this_context_config_get1.backdrop) === null || _this_context_config_get_backdrop1 === void 0 ? void 0 : _this_context_config_get_backdrop1.src, ")");
81443
+ this.container.style.backgroundSize = "cover";
81444
+ this.container.style.backgroundPosition = "center";
81445
+ }
81432
81446
  }
81433
81447
  _create_class(Backdrop, [
81434
81448
  {
@@ -81436,6 +81450,18 @@ var Backdrop = /*#__PURE__*/ function() {
81436
81450
  get: function get() {
81437
81451
  return this.container;
81438
81452
  }
81453
+ },
81454
+ {
81455
+ key: "show",
81456
+ value: function show() {
81457
+ this.container.style.opacity = "1";
81458
+ }
81459
+ },
81460
+ {
81461
+ key: "hide",
81462
+ value: function hide() {
81463
+ this.container.style.opacity = "0";
81464
+ }
81439
81465
  }
81440
81466
  ]);
81441
81467
  return Backdrop;
@@ -81737,7 +81763,7 @@ var Interface = /*#__PURE__*/ function(_import_events7_default) {
81737
81763
  {
81738
81764
  key: "wrapMedia",
81739
81765
  value: function wrapMedia() {
81740
- var _this_media_view_parentElement, _this_media_view;
81766
+ var _this_media_view_parentElement, _this_media_view, _this_context_config_get;
81741
81767
  if (((_this_media_view = this.media.view) === null || _this_media_view === void 0 ? void 0 : (_this_media_view_parentElement = _this_media_view.parentElement) === null || _this_media_view_parentElement === void 0 ? void 0 : _this_media_view_parentElement.id) === "BRNDTS") {
81742
81768
  this.context.elements.container = this.media.view.parentElement;
81743
81769
  }
@@ -81747,12 +81773,12 @@ var Interface = /*#__PURE__*/ function(_import_events7_default) {
81747
81773
  } else if (this.context.elements.container) {
81748
81774
  this.container = this.context.elements.container;
81749
81775
  }
81750
- var backdrop = new Backdrop(this.context);
81751
- var existingBackdrop = this.container.querySelector("#".concat(backdrop.view.id));
81776
+ this.backdrop = new Backdrop(this.context);
81777
+ var existingBackdrop = this.container.querySelector("#".concat(this.backdrop.view.id));
81752
81778
  if (existingBackdrop) {
81753
81779
  this.container.removeChild(existingBackdrop);
81754
81780
  }
81755
- this.container.firstChild ? this.container.insertBefore(backdrop.view, this.container.firstChild) : this.container.appendChild(backdrop.view);
81781
+ this.container.firstChild ? this.container.insertBefore(this.backdrop.view, this.container.firstChild) : this.container.appendChild(this.backdrop.view);
81756
81782
  this.migrateStyles();
81757
81783
  if (this.media.view) {
81758
81784
  this.media.view.style.position = "absolute";
@@ -81763,6 +81789,14 @@ var Interface = /*#__PURE__*/ function(_import_events7_default) {
81763
81789
  this.media.view.classList.toggle("transition");
81764
81790
  }
81765
81791
  this.container.dataset.brndts_d = this.context.device.device.type;
81792
+ if ((_this_context_config_get = this.context.config.get("branding")) === null || _this_context_config_get === void 0 ? void 0 : _this_context_config_get.colors) {
81793
+ var _this_context_config_get_colors, _this_context_config_get1;
81794
+ if ((_this_context_config_get1 = this.context.config.get("branding")) === null || _this_context_config_get1 === void 0 ? void 0 : (_this_context_config_get_colors = _this_context_config_get1.colors) === null || _this_context_config_get_colors === void 0 ? void 0 : _this_context_config_get_colors.primary) {
81795
+ var _this_context_config_get_colors1, _this_context_config_get2, _this_context_config_get_colors2, _this_context_config_get3, _this_context_config_get_colors3, _this_context_config_get4;
81796
+ this.container.style.setProperty("--brndts-primary-color", ((_this_context_config_get2 = this.context.config.get("branding")) === null || _this_context_config_get2 === void 0 ? void 0 : (_this_context_config_get_colors1 = _this_context_config_get2.colors) === null || _this_context_config_get_colors1 === void 0 ? void 0 : _this_context_config_get_colors1.primary) || "#024ab67a");
81797
+ this.container.style.setProperty("--brndts-secondary-color", ((_this_context_config_get3 = this.context.config.get("branding")) === null || _this_context_config_get3 === void 0 ? void 0 : (_this_context_config_get_colors2 = _this_context_config_get3.colors) === null || _this_context_config_get_colors2 === void 0 ? void 0 : _this_context_config_get_colors2.primary) || ((_this_context_config_get4 = this.context.config.get("branding")) === null || _this_context_config_get4 === void 0 ? void 0 : (_this_context_config_get_colors3 = _this_context_config_get4.colors) === null || _this_context_config_get_colors3 === void 0 ? void 0 : _this_context_config_get_colors3.primary) || "#26e29483");
81798
+ }
81799
+ }
81766
81800
  }
81767
81801
  },
81768
81802
  {
@@ -81871,12 +81905,32 @@ var TYPES = {
81871
81905
  [
81872
81906
  300,
81873
81907
  250
81908
+ ],
81909
+ [
81910
+ 250,
81911
+ 250
81912
+ ],
81913
+ [
81914
+ 200,
81915
+ 200
81916
+ ],
81917
+ [
81918
+ 180,
81919
+ 150
81920
+ ],
81921
+ [
81922
+ 150,
81923
+ 150
81874
81924
  ]
81875
81925
  ],
81876
81926
  "large-rectangle": [
81877
81927
  [
81878
81928
  300,
81879
81929
  600
81930
+ ],
81931
+ [
81932
+ 160,
81933
+ 600
81880
81934
  ]
81881
81935
  ],
81882
81936
  "billboard": [
@@ -81949,7 +82003,7 @@ var DefaultTemplate = /*#__PURE__*/ function() {
81949
82003
  height: plane.height - (this.margin.t + this.margin.b)
81950
82004
  }),
81951
82005
  name: "A",
81952
- maxSlots: 3
82006
+ maxSlots: 1
81953
82007
  });
81954
82008
  }
81955
82009
  if (plane.height - (cutout.y + cutout.height) > 0) {
@@ -81998,7 +82052,7 @@ var FullscreenTemplate = /*#__PURE__*/ function() {
81998
82052
  height: plane.height - (this.margin.t + this.margin.b)
81999
82053
  }),
82000
82054
  name: "A",
82001
- maxSlots: 3
82055
+ maxSlots: 1
82002
82056
  });
82003
82057
  }
82004
82058
  if (plane.height - (cutout.y + cutout.height) > 0) {
@@ -82143,8 +82197,13 @@ var RegionPacker = /*#__PURE__*/ function(_import_events8_default) {
82143
82197
  for(var _iterator = this.areas[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
82144
82198
  var region = _step.value;
82145
82199
  var _packed;
82146
- this.packedByArea[region.name] = this.fillRegion(_object_spread({}, region));
82147
- (_packed = packed).push.apply(_packed, _to_consumable_array(this.packedByArea[region.name]));
82200
+ var regionSlots = this.fillRegion(_object_spread({}, region));
82201
+ this.packedByArea[region.name] = regionSlots;
82202
+ (_packed = packed).push.apply(_packed, _to_consumable_array(regionSlots));
82203
+ if (regionSlots.length > 0) {
82204
+ updated = true;
82205
+ break;
82206
+ }
82148
82207
  }
82149
82208
  } catch (err) {
82150
82209
  _didIteratorError = true;
@@ -82375,12 +82434,16 @@ var BasicAdRegion = /*#__PURE__*/ function(Region) {
82375
82434
  },
82376
82435
  {
82377
82436
  key: "updateVisibility",
82378
- value: function updateVisibility(value2) {}
82437
+ value: function updateVisibility(value2) {
82438
+ var _this_deps_recorder;
82439
+ (_this_deps_recorder = this.deps.recorder) === null || _this_deps_recorder === void 0 ? void 0 : _this_deps_recorder.displayStateChanged(this);
82440
+ }
82379
82441
  },
82380
82442
  {
82381
82443
  key: "hideRegion",
82382
82444
  value: function hideRegion() {
82383
82445
  return _async_to_generator(function() {
82446
+ var _this_deps_recorder;
82384
82447
  return _ts_generator(this, function(_state) {
82385
82448
  switch(_state.label){
82386
82449
  case 0:
@@ -82399,6 +82462,7 @@ var BasicAdRegion = /*#__PURE__*/ function(Region) {
82399
82462
  this.applyPlugins("afterHide");
82400
82463
  this.visible = false;
82401
82464
  this.hidden.resolve(true);
82465
+ (_this_deps_recorder = this.deps.recorder) === null || _this_deps_recorder === void 0 ? void 0 : _this_deps_recorder.presentationStateChanged(this, true);
82402
82466
  return [
82403
82467
  2
82404
82468
  ];
@@ -82944,7 +83008,10 @@ var MediaElementSizeController = /*#__PURE__*/ function(_import_events9_default)
82944
83008
  y: 0
82945
83009
  };
82946
83010
  _this.sizePercentage = 100;
82947
- _this.positionOffset = 0;
83011
+ _this.positionOffset = {
83012
+ x: 0,
83013
+ y: 0
83014
+ };
82948
83015
  _this.context = context;
82949
83016
  if (_this.context.media.view) {
82950
83017
  _this.context.media.view.style.setProperty("transition", "width 0.5s ease, height 0.5s ease");
@@ -82964,17 +83031,18 @@ var MediaElementSizeController = /*#__PURE__*/ function(_import_events9_default)
82964
83031
  {
82965
83032
  key: "expectedDimensions",
82966
83033
  value: function expectedDimensions(percentage) {
82967
- var position = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
83034
+ var position = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
83035
+ x: 0,
83036
+ y: 0
83037
+ };
82968
83038
  if (this.context.media.view) {
82969
83039
  var _this_context_elements_container, _this_context_elements_container1, _this_context_elements_container2, _this_context_elements_container3;
82970
83040
  this.sizePercentage = percentage;
82971
83041
  this.positionOffset = position;
82972
83042
  var size = adjustSizeWithAspectRatio((((_this_context_elements_container = this.context.elements.container) === null || _this_context_elements_container === void 0 ? void 0 : _this_context_elements_container.getBoundingClientRect().width) || 0) * (percentage / 100), (((_this_context_elements_container1 = this.context.elements.container) === null || _this_context_elements_container1 === void 0 ? void 0 : _this_context_elements_container1.getBoundingClientRect().height) || 0) * (percentage / 100), this.context.media.aspectRatio);
82973
- var adjustedPosition = adjustSizeWithAspectRatio((((_this_context_elements_container2 = this.context.elements.container) === null || _this_context_elements_container2 === void 0 ? void 0 : _this_context_elements_container2.getBoundingClientRect().width) || 0) * (position / 100), (((_this_context_elements_container3 = this.context.elements.container) === null || _this_context_elements_container3 === void 0 ? void 0 : _this_context_elements_container3.getBoundingClientRect().height) || 0) * (position / 100), this.context.media.aspectRatio);
82974
- var marginValue = Math.min(adjustedPosition.width, adjustedPosition.height);
82975
83043
  var newPosition = {
82976
- x: marginValue,
82977
- y: marginValue
83044
+ x: (((_this_context_elements_container2 = this.context.elements.container) === null || _this_context_elements_container2 === void 0 ? void 0 : _this_context_elements_container2.getBoundingClientRect().width) || 0) * (position.x / 100),
83045
+ y: (((_this_context_elements_container3 = this.context.elements.container) === null || _this_context_elements_container3 === void 0 ? void 0 : _this_context_elements_container3.getBoundingClientRect().height) || 0) * (position.y / 100)
82978
83046
  };
82979
83047
  return {
82980
83048
  size: size,
@@ -82987,7 +83055,10 @@ var MediaElementSizeController = /*#__PURE__*/ function(_import_events9_default)
82987
83055
  {
82988
83056
  key: "reduceSizeByPercentage",
82989
83057
  value: function reduceSizeByPercentage(percentage) {
82990
- var position = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
83058
+ var position = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
83059
+ x: 0,
83060
+ y: 0
83061
+ };
82991
83062
  var updated = false;
82992
83063
  if (this.context.media.view) {
82993
83064
  var _this_context_elements_container, _this_context_elements_container1, _this_context_elements_container2, _this_context_elements_container3;
@@ -83001,15 +83072,17 @@ var MediaElementSizeController = /*#__PURE__*/ function(_import_events9_default)
83001
83072
  this.context.media.setSize(this.size.width, this.size.height);
83002
83073
  updated = true;
83003
83074
  }
83004
- var adjustedPosition = adjustSizeWithAspectRatio((((_this_context_elements_container2 = this.context.elements.container) === null || _this_context_elements_container2 === void 0 ? void 0 : _this_context_elements_container2.getBoundingClientRect().width) || 0) * (position / 100), (((_this_context_elements_container3 = this.context.elements.container) === null || _this_context_elements_container3 === void 0 ? void 0 : _this_context_elements_container3.getBoundingClientRect().height) || 0) * (position / 100), this.context.media.aspectRatio);
83005
- var marginValue = Math.min(adjustedPosition.width, adjustedPosition.height);
83006
- if (this.position.x !== marginValue || this.position.y !== marginValue) {
83075
+ var adjustedPosition = {
83076
+ width: (((_this_context_elements_container2 = this.context.elements.container) === null || _this_context_elements_container2 === void 0 ? void 0 : _this_context_elements_container2.getBoundingClientRect().width) || 0) * (position.x / 100),
83077
+ height: (((_this_context_elements_container3 = this.context.elements.container) === null || _this_context_elements_container3 === void 0 ? void 0 : _this_context_elements_container3.getBoundingClientRect().height) || 0) * (position.y / 100)
83078
+ };
83079
+ if (this.position.x !== adjustedPosition.width || this.position.y !== adjustedPosition.height) {
83007
83080
  var _this_context_interface;
83008
- this.position.x = marginValue;
83009
- this.position.y = marginValue;
83081
+ this.position.x = adjustedPosition.width;
83082
+ this.position.y = adjustedPosition.height;
83010
83083
  this.context.media.view.style.left = "".concat(this.position.x, "px");
83011
83084
  this.context.media.view.style.top = "".concat(this.position.y, "px");
83012
- (_this_context_interface = this.context.interface) === null || _this_context_interface === void 0 ? void 0 : _this_context_interface.updatePosition(marginValue, marginValue);
83085
+ (_this_context_interface = this.context.interface) === null || _this_context_interface === void 0 ? void 0 : _this_context_interface.updatePosition(this.position.y, this.position.x);
83013
83086
  updated = true;
83014
83087
  }
83015
83088
  }
@@ -83022,7 +83095,10 @@ var MediaElementSizeController = /*#__PURE__*/ function(_import_events9_default)
83022
83095
  {
83023
83096
  key: "update",
83024
83097
  value: function update(percentage) {
83025
- var position = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
83098
+ var position = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
83099
+ x: 0,
83100
+ y: 0
83101
+ };
83026
83102
  if (!this.isResized) {
83027
83103
  return this.restore();
83028
83104
  }
@@ -83039,15 +83115,17 @@ var MediaElementSizeController = /*#__PURE__*/ function(_import_events9_default)
83039
83115
  this.context.media.setSize(this.size.width, this.size.height);
83040
83116
  updated = true;
83041
83117
  }
83042
- var adjustedPosition = adjustSizeWithAspectRatio((((_this_context_elements_container2 = this.context.elements.container) === null || _this_context_elements_container2 === void 0 ? void 0 : _this_context_elements_container2.getBoundingClientRect().width) || 0) * (this.positionOffset / 100), (((_this_context_elements_container3 = this.context.elements.container) === null || _this_context_elements_container3 === void 0 ? void 0 : _this_context_elements_container3.getBoundingClientRect().height) || 0) * (this.positionOffset / 100), this.context.media.aspectRatio);
83043
- var marginValue = Math.min(adjustedPosition.width, adjustedPosition.height);
83044
- if (this.position.x !== marginValue || this.position.y !== marginValue) {
83118
+ var adjustedPosition = {
83119
+ width: (((_this_context_elements_container2 = this.context.elements.container) === null || _this_context_elements_container2 === void 0 ? void 0 : _this_context_elements_container2.getBoundingClientRect().width) || 0) * (position.x / 100),
83120
+ height: (((_this_context_elements_container3 = this.context.elements.container) === null || _this_context_elements_container3 === void 0 ? void 0 : _this_context_elements_container3.getBoundingClientRect().height) || 0) * (position.y / 100)
83121
+ };
83122
+ if (this.position.x !== adjustedPosition.width || this.position.y !== adjustedPosition.height) {
83045
83123
  var _this_context_interface;
83046
- this.position.x = marginValue;
83047
- this.position.y = marginValue;
83124
+ this.position.x = adjustedPosition.width;
83125
+ this.position.y = adjustedPosition.height;
83048
83126
  this.context.media.view.style.left = "".concat(this.position.x, "px");
83049
83127
  this.context.media.view.style.top = "".concat(this.position.y, "px");
83050
- (_this_context_interface = this.context.interface) === null || _this_context_interface === void 0 ? void 0 : _this_context_interface.updatePosition(marginValue, marginValue);
83128
+ (_this_context_interface = this.context.interface) === null || _this_context_interface === void 0 ? void 0 : _this_context_interface.updatePosition(this.position.y, this.position.x);
83051
83129
  updated = true;
83052
83130
  }
83053
83131
  }
@@ -83072,7 +83150,10 @@ var MediaElementSizeController = /*#__PURE__*/ function(_import_events9_default)
83072
83150
  y: 0
83073
83151
  };
83074
83152
  this.sizePercentage = 100;
83075
- this.positionOffset = 0;
83153
+ this.positionOffset = {
83154
+ x: 0,
83155
+ y: 0
83156
+ };
83076
83157
  if (size.width !== this.size.width || size.height !== this.size.height) {
83077
83158
  this.size = size;
83078
83159
  this.context.media.setSize(this.size.width, this.size.height);
@@ -83147,7 +83228,13 @@ var BasicPresentationMode = /*#__PURE__*/ function() {
83147
83228
  this.adPresentationStrategy = PresentationStrategyFactory.get(this.context.config);
83148
83229
  (_this_adPresentationStrategy = this.adPresentationStrategy) === null || _this_adPresentationStrategy === void 0 ? void 0 : _this_adPresentationStrategy.on("presentation", function() {
83149
83230
  var _this_mediaElementSizeController;
83150
- var expected = (_this_mediaElementSizeController = _this.mediaElementSizeController) === null || _this_mediaElementSizeController === void 0 ? void 0 : _this_mediaElementSizeController.expectedDimensions(70, _this.context.store.getState().fullscreen ? 10 : 0);
83231
+ var expected = (_this_mediaElementSizeController = _this.mediaElementSizeController) === null || _this_mediaElementSizeController === void 0 ? void 0 : _this_mediaElementSizeController.expectedDimensions(70, _this.context.store.getState().fullscreen ? {
83232
+ x: 10,
83233
+ y: 10
83234
+ } : {
83235
+ x: 0,
83236
+ y: 10
83237
+ });
83151
83238
  _this.packer.setCutout({
83152
83239
  x: (expected === null || expected === void 0 ? void 0 : expected.position.x) || 0,
83153
83240
  y: (expected === null || expected === void 0 ? void 0 : expected.position.y) || 0,
@@ -83156,19 +83243,27 @@ var BasicPresentationMode = /*#__PURE__*/ function() {
83156
83243
  }, _this.context.store.getState().fullscreen ? "fullscreen" : "default");
83157
83244
  _this.packer.pack();
83158
83245
  if (_this.packer.packed.length > 0) {
83159
- var _this_adPresentationStrategy, _this_regionsRenderer, _this_regionsRenderer1, _this_mediaElementSizeController1;
83246
+ var _this_context_interface_backdrop, _this_context_interface, _this_adPresentationStrategy, _this_regionsRenderer, _this_regionsRenderer1, _this_mediaElementSizeController1;
83247
+ (_this_context_interface = _this.context.interface) === null || _this_context_interface === void 0 ? void 0 : (_this_context_interface_backdrop = _this_context_interface.backdrop) === null || _this_context_interface_backdrop === void 0 ? void 0 : _this_context_interface_backdrop.show();
83160
83248
  (_this_adPresentationStrategy = _this.adPresentationStrategy) === null || _this_adPresentationStrategy === void 0 ? void 0 : _this_adPresentationStrategy.startedPresentation();
83161
83249
  (_this_regionsRenderer = _this.regionsRenderer) === null || _this_regionsRenderer === void 0 ? void 0 : _this_regionsRenderer.addAreas(_this.packer.areas);
83162
83250
  (_this_regionsRenderer1 = _this.regionsRenderer) === null || _this_regionsRenderer1 === void 0 ? void 0 : _this_regionsRenderer1.render(_this.packer.packed);
83163
- (_this_mediaElementSizeController1 = _this.mediaElementSizeController) === null || _this_mediaElementSizeController1 === void 0 ? void 0 : _this_mediaElementSizeController1.reduceSizeByPercentage(70, _this.context.store.getState().fullscreen ? 10 : 0);
83251
+ (_this_mediaElementSizeController1 = _this.mediaElementSizeController) === null || _this_mediaElementSizeController1 === void 0 ? void 0 : _this_mediaElementSizeController1.reduceSizeByPercentage(70, _this.context.store.getState().fullscreen ? {
83252
+ x: 10,
83253
+ y: 10
83254
+ } : {
83255
+ x: 0,
83256
+ y: 10
83257
+ });
83164
83258
  }
83165
83259
  }).on("pace", function() {}).on("cooldown", function() {
83166
83260
  var _this_regionsRenderer;
83167
83261
  (_this_regionsRenderer = _this.regionsRenderer) === null || _this_regionsRenderer === void 0 ? void 0 : _this_regionsRenderer.clear();
83168
83262
  _this.packer.reset();
83169
83263
  setTimeout(function() {
83170
- var _this_mediaElementSizeController;
83264
+ var _this_mediaElementSizeController, _this_context_interface_backdrop, _this_context_interface;
83171
83265
  (_this_mediaElementSizeController = _this.mediaElementSizeController) === null || _this_mediaElementSizeController === void 0 ? void 0 : _this_mediaElementSizeController.restore();
83266
+ (_this_context_interface = _this.context.interface) === null || _this_context_interface === void 0 ? void 0 : (_this_context_interface_backdrop = _this_context_interface.backdrop) === null || _this_context_interface_backdrop === void 0 ? void 0 : _this_context_interface_backdrop.hide();
83172
83267
  }, 500);
83173
83268
  });
83174
83269
  this.resizeObserver = new ResizeObserver(function() {
@@ -83197,7 +83292,13 @@ var BasicPresentationMode = /*#__PURE__*/ function() {
83197
83292
  var fullscreen = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
83198
83293
  var _this_context_elements_container, _this_context_elements_container1, _this_regionsRenderer, _this_mediaElementSizeController;
83199
83294
  (_this_regionsRenderer = this.regionsRenderer) === null || _this_regionsRenderer === void 0 ? void 0 : _this_regionsRenderer.updateSize(((_this_context_elements_container = this.context.elements.container) === null || _this_context_elements_container === void 0 ? void 0 : _this_context_elements_container.getBoundingClientRect().width) || 0, ((_this_context_elements_container1 = this.context.elements.container) === null || _this_context_elements_container1 === void 0 ? void 0 : _this_context_elements_container1.getBoundingClientRect().height) || 0, this.context.media.aspectRatio);
83200
- var updatedMediaSize = (_this_mediaElementSizeController = this.mediaElementSizeController) === null || _this_mediaElementSizeController === void 0 ? void 0 : _this_mediaElementSizeController.update(70, fullscreen ? 10 : 0);
83295
+ var updatedMediaSize = (_this_mediaElementSizeController = this.mediaElementSizeController) === null || _this_mediaElementSizeController === void 0 ? void 0 : _this_mediaElementSizeController.update(70, fullscreen ? {
83296
+ x: 10,
83297
+ y: 10
83298
+ } : {
83299
+ x: 0,
83300
+ y: 10
83301
+ });
83201
83302
  if (updatedMediaSize) {
83202
83303
  var _this_mediaElementSizeController1, _this_mediaElementSizeController2, _this_mediaElementSizeController3, _this_mediaElementSizeController4;
83203
83304
  this.packer.setCutout({
@@ -83208,13 +83309,15 @@ var BasicPresentationMode = /*#__PURE__*/ function() {
83208
83309
  }, fullscreen ? "fullscreen" : "default");
83209
83310
  this.packer.repack();
83210
83311
  if (this.packer.packed.length > 0) {
83211
- var _this_regionsRenderer1, _this_regionsRenderer2;
83312
+ var _this_context_interface_backdrop, _this_context_interface, _this_regionsRenderer1, _this_regionsRenderer2;
83313
+ (_this_context_interface = this.context.interface) === null || _this_context_interface === void 0 ? void 0 : (_this_context_interface_backdrop = _this_context_interface.backdrop) === null || _this_context_interface_backdrop === void 0 ? void 0 : _this_context_interface_backdrop.show();
83212
83314
  (_this_regionsRenderer1 = this.regionsRenderer) === null || _this_regionsRenderer1 === void 0 ? void 0 : _this_regionsRenderer1.addAreas(this.packer.areas);
83213
83315
  (_this_regionsRenderer2 = this.regionsRenderer) === null || _this_regionsRenderer2 === void 0 ? void 0 : _this_regionsRenderer2.render(this.packer.packed);
83214
83316
  } else {
83215
- var _this_regionsRenderer3, _this_mediaElementSizeController5;
83317
+ var _this_regionsRenderer3, _this_mediaElementSizeController5, _this_context_interface_backdrop1, _this_context_interface1;
83216
83318
  (_this_regionsRenderer3 = this.regionsRenderer) === null || _this_regionsRenderer3 === void 0 ? void 0 : _this_regionsRenderer3.clear();
83217
83319
  (_this_mediaElementSizeController5 = this.mediaElementSizeController) === null || _this_mediaElementSizeController5 === void 0 ? void 0 : _this_mediaElementSizeController5.restore();
83320
+ (_this_context_interface1 = this.context.interface) === null || _this_context_interface1 === void 0 ? void 0 : (_this_context_interface_backdrop1 = _this_context_interface1.backdrop) === null || _this_context_interface_backdrop1 === void 0 ? void 0 : _this_context_interface_backdrop1.hide();
83218
83321
  }
83219
83322
  }
83220
83323
  }
@@ -83245,9 +83348,10 @@ var BasicPresentationMode = /*#__PURE__*/ function() {
83245
83348
  {
83246
83349
  key: "stop",
83247
83350
  value: function stop() {
83248
- var _this_adPresentationStrategy, _this_regionsRenderer;
83351
+ var _this_adPresentationStrategy, _this_regionsRenderer, _this_context_interface_backdrop, _this_context_interface;
83249
83352
  (_this_adPresentationStrategy = this.adPresentationStrategy) === null || _this_adPresentationStrategy === void 0 ? void 0 : _this_adPresentationStrategy.stop();
83250
83353
  (_this_regionsRenderer = this.regionsRenderer) === null || _this_regionsRenderer === void 0 ? void 0 : _this_regionsRenderer.clear();
83354
+ (_this_context_interface = this.context.interface) === null || _this_context_interface === void 0 ? void 0 : (_this_context_interface_backdrop = _this_context_interface.backdrop) === null || _this_context_interface_backdrop === void 0 ? void 0 : _this_context_interface_backdrop.hide();
83251
83355
  }
83252
83356
  },
83253
83357
  {