@brndts/brndts-ads 1.14.6 → 1.14.7

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 +100 -33
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +100 -33
  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
@@ -81424,11 +81424,18 @@ var Controls = /*#__PURE__*/ function() {
81424
81424
  var Backdrop = /*#__PURE__*/ function() {
81425
81425
  function Backdrop(context) {
81426
81426
  _class_call_check(this, Backdrop);
81427
+ var _this_context_config_get_backdrop, _this_context_config_get;
81427
81428
  this.context = context;
81428
81429
  this.container = document.createElement("div");
81429
81430
  this.container.id = "BRNDTS_BKD";
81430
81431
  this.container.style.width = "100%";
81431
81432
  this.container.style.height = "100%";
81433
+ 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) {
81434
+ var _this_context_config_get_backdrop1, _this_context_config_get1;
81435
+ 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, ")");
81436
+ this.container.style.backgroundSize = "cover";
81437
+ this.container.style.backgroundPosition = "center";
81438
+ }
81432
81439
  }
81433
81440
  _create_class(Backdrop, [
81434
81441
  {
@@ -81436,6 +81443,18 @@ var Backdrop = /*#__PURE__*/ function() {
81436
81443
  get: function get() {
81437
81444
  return this.container;
81438
81445
  }
81446
+ },
81447
+ {
81448
+ key: "show",
81449
+ value: function show() {
81450
+ this.container.style.opacity = "1";
81451
+ }
81452
+ },
81453
+ {
81454
+ key: "hide",
81455
+ value: function hide() {
81456
+ this.container.style.opacity = "0";
81457
+ }
81439
81458
  }
81440
81459
  ]);
81441
81460
  return Backdrop;
@@ -81737,7 +81756,7 @@ var Interface = /*#__PURE__*/ function(_import_events7_default) {
81737
81756
  {
81738
81757
  key: "wrapMedia",
81739
81758
  value: function wrapMedia() {
81740
- var _this_media_view_parentElement, _this_media_view;
81759
+ var _this_media_view_parentElement, _this_media_view, _this_context_config_get;
81741
81760
  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
81761
  this.context.elements.container = this.media.view.parentElement;
81743
81762
  }
@@ -81747,12 +81766,12 @@ var Interface = /*#__PURE__*/ function(_import_events7_default) {
81747
81766
  } else if (this.context.elements.container) {
81748
81767
  this.container = this.context.elements.container;
81749
81768
  }
81750
- var backdrop = new Backdrop(this.context);
81751
- var existingBackdrop = this.container.querySelector("#".concat(backdrop.view.id));
81769
+ this.backdrop = new Backdrop(this.context);
81770
+ var existingBackdrop = this.container.querySelector("#".concat(this.backdrop.view.id));
81752
81771
  if (existingBackdrop) {
81753
81772
  this.container.removeChild(existingBackdrop);
81754
81773
  }
81755
- this.container.firstChild ? this.container.insertBefore(backdrop.view, this.container.firstChild) : this.container.appendChild(backdrop.view);
81774
+ this.container.firstChild ? this.container.insertBefore(this.backdrop.view, this.container.firstChild) : this.container.appendChild(this.backdrop.view);
81756
81775
  this.migrateStyles();
81757
81776
  if (this.media.view) {
81758
81777
  this.media.view.style.position = "absolute";
@@ -81763,6 +81782,14 @@ var Interface = /*#__PURE__*/ function(_import_events7_default) {
81763
81782
  this.media.view.classList.toggle("transition");
81764
81783
  }
81765
81784
  this.container.dataset.brndts_d = this.context.device.device.type;
81785
+ if ((_this_context_config_get = this.context.config.get("branding")) === null || _this_context_config_get === void 0 ? void 0 : _this_context_config_get.colors) {
81786
+ var _this_context_config_get_colors, _this_context_config_get1;
81787
+ 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) {
81788
+ 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;
81789
+ 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");
81790
+ 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");
81791
+ }
81792
+ }
81766
81793
  }
81767
81794
  },
81768
81795
  {
@@ -82944,7 +82971,10 @@ var MediaElementSizeController = /*#__PURE__*/ function(_import_events9_default)
82944
82971
  y: 0
82945
82972
  };
82946
82973
  _this.sizePercentage = 100;
82947
- _this.positionOffset = 0;
82974
+ _this.positionOffset = {
82975
+ x: 0,
82976
+ y: 0
82977
+ };
82948
82978
  _this.context = context;
82949
82979
  if (_this.context.media.view) {
82950
82980
  _this.context.media.view.style.setProperty("transition", "width 0.5s ease, height 0.5s ease");
@@ -82964,17 +82994,18 @@ var MediaElementSizeController = /*#__PURE__*/ function(_import_events9_default)
82964
82994
  {
82965
82995
  key: "expectedDimensions",
82966
82996
  value: function expectedDimensions(percentage) {
82967
- var position = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
82997
+ var position = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
82998
+ x: 0,
82999
+ y: 0
83000
+ };
82968
83001
  if (this.context.media.view) {
82969
83002
  var _this_context_elements_container, _this_context_elements_container1, _this_context_elements_container2, _this_context_elements_container3;
82970
83003
  this.sizePercentage = percentage;
82971
83004
  this.positionOffset = position;
82972
83005
  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
83006
  var newPosition = {
82976
- x: marginValue,
82977
- y: marginValue
83007
+ 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),
83008
+ 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
83009
  };
82979
83010
  return {
82980
83011
  size: size,
@@ -82987,7 +83018,10 @@ var MediaElementSizeController = /*#__PURE__*/ function(_import_events9_default)
82987
83018
  {
82988
83019
  key: "reduceSizeByPercentage",
82989
83020
  value: function reduceSizeByPercentage(percentage) {
82990
- var position = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
83021
+ var position = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
83022
+ x: 0,
83023
+ y: 0
83024
+ };
82991
83025
  var updated = false;
82992
83026
  if (this.context.media.view) {
82993
83027
  var _this_context_elements_container, _this_context_elements_container1, _this_context_elements_container2, _this_context_elements_container3;
@@ -83001,15 +83035,17 @@ var MediaElementSizeController = /*#__PURE__*/ function(_import_events9_default)
83001
83035
  this.context.media.setSize(this.size.width, this.size.height);
83002
83036
  updated = true;
83003
83037
  }
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) {
83038
+ var adjustedPosition = {
83039
+ 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),
83040
+ 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)
83041
+ };
83042
+ if (this.position.x !== adjustedPosition.width || this.position.y !== adjustedPosition.height) {
83007
83043
  var _this_context_interface;
83008
- this.position.x = marginValue;
83009
- this.position.y = marginValue;
83044
+ this.position.x = adjustedPosition.width;
83045
+ this.position.y = adjustedPosition.height;
83010
83046
  this.context.media.view.style.left = "".concat(this.position.x, "px");
83011
83047
  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);
83048
+ (_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
83049
  updated = true;
83014
83050
  }
83015
83051
  }
@@ -83022,7 +83058,10 @@ var MediaElementSizeController = /*#__PURE__*/ function(_import_events9_default)
83022
83058
  {
83023
83059
  key: "update",
83024
83060
  value: function update(percentage) {
83025
- var position = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
83061
+ var position = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
83062
+ x: 0,
83063
+ y: 0
83064
+ };
83026
83065
  if (!this.isResized) {
83027
83066
  return this.restore();
83028
83067
  }
@@ -83039,15 +83078,17 @@ var MediaElementSizeController = /*#__PURE__*/ function(_import_events9_default)
83039
83078
  this.context.media.setSize(this.size.width, this.size.height);
83040
83079
  updated = true;
83041
83080
  }
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) {
83081
+ var adjustedPosition = {
83082
+ 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),
83083
+ 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)
83084
+ };
83085
+ if (this.position.x !== adjustedPosition.width || this.position.y !== adjustedPosition.height) {
83045
83086
  var _this_context_interface;
83046
- this.position.x = marginValue;
83047
- this.position.y = marginValue;
83087
+ this.position.x = adjustedPosition.width;
83088
+ this.position.y = adjustedPosition.height;
83048
83089
  this.context.media.view.style.left = "".concat(this.position.x, "px");
83049
83090
  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);
83091
+ (_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
83092
  updated = true;
83052
83093
  }
83053
83094
  }
@@ -83072,7 +83113,10 @@ var MediaElementSizeController = /*#__PURE__*/ function(_import_events9_default)
83072
83113
  y: 0
83073
83114
  };
83074
83115
  this.sizePercentage = 100;
83075
- this.positionOffset = 0;
83116
+ this.positionOffset = {
83117
+ x: 0,
83118
+ y: 0
83119
+ };
83076
83120
  if (size.width !== this.size.width || size.height !== this.size.height) {
83077
83121
  this.size = size;
83078
83122
  this.context.media.setSize(this.size.width, this.size.height);
@@ -83147,7 +83191,13 @@ var BasicPresentationMode = /*#__PURE__*/ function() {
83147
83191
  this.adPresentationStrategy = PresentationStrategyFactory.get(this.context.config);
83148
83192
  (_this_adPresentationStrategy = this.adPresentationStrategy) === null || _this_adPresentationStrategy === void 0 ? void 0 : _this_adPresentationStrategy.on("presentation", function() {
83149
83193
  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);
83194
+ var expected = (_this_mediaElementSizeController = _this.mediaElementSizeController) === null || _this_mediaElementSizeController === void 0 ? void 0 : _this_mediaElementSizeController.expectedDimensions(70, _this.context.store.getState().fullscreen ? {
83195
+ x: 10,
83196
+ y: 10
83197
+ } : {
83198
+ x: 0,
83199
+ y: 10
83200
+ });
83151
83201
  _this.packer.setCutout({
83152
83202
  x: (expected === null || expected === void 0 ? void 0 : expected.position.x) || 0,
83153
83203
  y: (expected === null || expected === void 0 ? void 0 : expected.position.y) || 0,
@@ -83156,19 +83206,27 @@ var BasicPresentationMode = /*#__PURE__*/ function() {
83156
83206
  }, _this.context.store.getState().fullscreen ? "fullscreen" : "default");
83157
83207
  _this.packer.pack();
83158
83208
  if (_this.packer.packed.length > 0) {
83159
- var _this_adPresentationStrategy, _this_regionsRenderer, _this_regionsRenderer1, _this_mediaElementSizeController1;
83209
+ var _this_context_interface_backdrop, _this_context_interface, _this_adPresentationStrategy, _this_regionsRenderer, _this_regionsRenderer1, _this_mediaElementSizeController1;
83210
+ (_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
83211
  (_this_adPresentationStrategy = _this.adPresentationStrategy) === null || _this_adPresentationStrategy === void 0 ? void 0 : _this_adPresentationStrategy.startedPresentation();
83161
83212
  (_this_regionsRenderer = _this.regionsRenderer) === null || _this_regionsRenderer === void 0 ? void 0 : _this_regionsRenderer.addAreas(_this.packer.areas);
83162
83213
  (_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);
83214
+ (_this_mediaElementSizeController1 = _this.mediaElementSizeController) === null || _this_mediaElementSizeController1 === void 0 ? void 0 : _this_mediaElementSizeController1.reduceSizeByPercentage(70, _this.context.store.getState().fullscreen ? {
83215
+ x: 10,
83216
+ y: 10
83217
+ } : {
83218
+ x: 0,
83219
+ y: 10
83220
+ });
83164
83221
  }
83165
83222
  }).on("pace", function() {}).on("cooldown", function() {
83166
83223
  var _this_regionsRenderer;
83167
83224
  (_this_regionsRenderer = _this.regionsRenderer) === null || _this_regionsRenderer === void 0 ? void 0 : _this_regionsRenderer.clear();
83168
83225
  _this.packer.reset();
83169
83226
  setTimeout(function() {
83170
- var _this_mediaElementSizeController;
83227
+ var _this_mediaElementSizeController, _this_context_interface_backdrop, _this_context_interface;
83171
83228
  (_this_mediaElementSizeController = _this.mediaElementSizeController) === null || _this_mediaElementSizeController === void 0 ? void 0 : _this_mediaElementSizeController.restore();
83229
+ (_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
83230
  }, 500);
83173
83231
  });
83174
83232
  this.resizeObserver = new ResizeObserver(function() {
@@ -83197,7 +83255,13 @@ var BasicPresentationMode = /*#__PURE__*/ function() {
83197
83255
  var fullscreen = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
83198
83256
  var _this_context_elements_container, _this_context_elements_container1, _this_regionsRenderer, _this_mediaElementSizeController;
83199
83257
  (_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);
83258
+ var updatedMediaSize = (_this_mediaElementSizeController = this.mediaElementSizeController) === null || _this_mediaElementSizeController === void 0 ? void 0 : _this_mediaElementSizeController.update(70, fullscreen ? {
83259
+ x: 10,
83260
+ y: 10
83261
+ } : {
83262
+ x: 0,
83263
+ y: 10
83264
+ });
83201
83265
  if (updatedMediaSize) {
83202
83266
  var _this_mediaElementSizeController1, _this_mediaElementSizeController2, _this_mediaElementSizeController3, _this_mediaElementSizeController4;
83203
83267
  this.packer.setCutout({
@@ -83208,13 +83272,15 @@ var BasicPresentationMode = /*#__PURE__*/ function() {
83208
83272
  }, fullscreen ? "fullscreen" : "default");
83209
83273
  this.packer.repack();
83210
83274
  if (this.packer.packed.length > 0) {
83211
- var _this_regionsRenderer1, _this_regionsRenderer2;
83275
+ var _this_context_interface_backdrop, _this_context_interface, _this_regionsRenderer1, _this_regionsRenderer2;
83276
+ (_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
83277
  (_this_regionsRenderer1 = this.regionsRenderer) === null || _this_regionsRenderer1 === void 0 ? void 0 : _this_regionsRenderer1.addAreas(this.packer.areas);
83213
83278
  (_this_regionsRenderer2 = this.regionsRenderer) === null || _this_regionsRenderer2 === void 0 ? void 0 : _this_regionsRenderer2.render(this.packer.packed);
83214
83279
  } else {
83215
- var _this_regionsRenderer3, _this_mediaElementSizeController5;
83280
+ var _this_regionsRenderer3, _this_mediaElementSizeController5, _this_context_interface_backdrop1, _this_context_interface1;
83216
83281
  (_this_regionsRenderer3 = this.regionsRenderer) === null || _this_regionsRenderer3 === void 0 ? void 0 : _this_regionsRenderer3.clear();
83217
83282
  (_this_mediaElementSizeController5 = this.mediaElementSizeController) === null || _this_mediaElementSizeController5 === void 0 ? void 0 : _this_mediaElementSizeController5.restore();
83283
+ (_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
83284
  }
83219
83285
  }
83220
83286
  }
@@ -83245,9 +83311,10 @@ var BasicPresentationMode = /*#__PURE__*/ function() {
83245
83311
  {
83246
83312
  key: "stop",
83247
83313
  value: function stop() {
83248
- var _this_adPresentationStrategy, _this_regionsRenderer;
83314
+ var _this_adPresentationStrategy, _this_regionsRenderer, _this_context_interface_backdrop, _this_context_interface;
83249
83315
  (_this_adPresentationStrategy = this.adPresentationStrategy) === null || _this_adPresentationStrategy === void 0 ? void 0 : _this_adPresentationStrategy.stop();
83250
83316
  (_this_regionsRenderer = this.regionsRenderer) === null || _this_regionsRenderer === void 0 ? void 0 : _this_regionsRenderer.clear();
83317
+ (_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
83318
  }
83252
83319
  },
83253
83320
  {