@brndts/brndts-ads 1.13.2 → 1.13.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -0
- package/dist/index.css.map +1 -1
- package/dist/index.js +21 -20
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +21 -20
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Ads/Providers/BRNDTSDefaultProvider.scss","../src/Ads/Regions/Plugins/RegionAnimationPlugin.scss","../src/Ads/Regions/Plugins/RegionBorderPlugin.scss","../src/Ads/Regions/Plugins/RegionDebugPlugin.scss","../src/Ads/Region.scss","../src/Ads/VideoAds/UI/Controls.scss","../src/Ads/VideoAds/UI/Controls/Components/ControlBarButton.scss","../src/Ads/VideoAds/UI/Controls/Components/ControlTopBar.scss","../src/Ads/VideoAds/UI/Controls/Components/ProgressBar.scss","../src/Ads/VideoAds/UI/Controls/Components/ControlBottomBar.scss","../src/Ads/VideoAds/Interface.scss","../src/Ads/VideoAds/UI/Backdrop.scss","../src/Ads/VideoAds/PresentationMode/BasicMode.scss","../src/Ads/VideoAds.scss"],"sourcesContent":[".BRNDTS_default_content {\n display: flex;\n justify-content: center;\n align-items: center;\n background: linear-gradient(135deg, #26e293, #024ab6);\n\n .box {\n height: 90%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 1;\n margin: 8px;\n border: 3px solid whitesmoke;\n border-radius: 5px;\n padding: 8px;\n }\n\n .icon {\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n max-height: 90%;\n\n svg {\n max-height: 45px;\n }\n }\n}\n","@keyframes slide-in-rtl {\n 0% {\n visibility: hidden;\n opacity: 0;\n transform: translate(100%, 0);\n }\n 1% {\n visibility: visible;\n opacity: 0;\n }\n 100% {\n visibility: visible;\n opacity: 1;\n transform: translate(0, 0);\n }\n}\n\n@keyframes slide-out-ltr {\n 0% {\n visibility: visible;\n opacity: 1;\n transform: translate(0, 0);\n }\n 99% {\n visibility: visible;\n opacity: 0;\n transform: translate(100%, 0);\n }\n 100% {\n visibility: hidden;\n opacity: 0;\n }\n}\n\n@keyframes slide-in-btt {\n 0% {\n visibility: hidden;\n opacity: 0;\n transform: translate(0, 100%);\n }\n 1% {\n visibility: visible;\n opacity: 0;\n }\n 100% {\n visibility: visible;\n opacity: 1;\n transform: translate(0, 0);\n }\n}\n\n@keyframes slide-out-ttb {\n 0% {\n visibility: visible;\n opacity: 1;\n transform: translate(0, 0);\n }\n 99% {\n visibility: visible;\n opacity: 0;\n }\n 100% {\n visibility: hidden;\n opacity: 0;\n transform: translate(0, 100%);\n }\n}\n\n@keyframes slide-in-ttb {\n 0% {\n visibility: hidden;\n opacity: 0;\n transform: translate(0, -100%);\n }\n 1% {\n visibility: visible;\n opacity: 1;\n }\n 100% {\n visibility: visible;\n opacity: 1;\n transform: translate(0, 0);\n }\n}\n\n@keyframes slide-out-btt {\n 0% {\n visibility: visible;\n opacity: 1;\n transform: translate(0, 0);\n }\n 99% {\n visibility: visible;\n opacity: 0;\n }\n 100% {\n visibility: hidden;\n opacity: 0;\n transform: translate(0, -100%);\n }\n}\n\n@keyframes visible-in {\n 0% {\n visibility: hidden;\n opacity: 0;\n }\n 1% {\n visibility: visible;\n opacity: 0;\n }\n 100% {\n visibility: visible;\n opacity: 1;\n }\n}\n\n@keyframes visible-out {\n 0% {\n visibility: visible;\n opacity: 1;\n }\n 99% {\n visibility: visible;\n opacity: 0;\n }\n 100% {\n visibility: hidden;\n opacity: 0;\n }\n}\n\n.ANIMATE {\n animation-duration: 0.5s;\n animation-delay: 0.5s;\n animation-timing-function: cubic-bezier(0.26, 0.53, 0.74, 1.48);\n animation-fill-mode: forwards;\n\n &[data-animation=\"SLIDE_IN_TOP_RIGHT\"][data-state=\"visible\"] {\n animation-delay: 0s;\n animation-duration: 1s;\n animation-name: slide-in-rtl;\n }\n &[data-animation=\"SLIDE_OUT_TOP_RIGHT\"][data-state=\"hidden\"] {\n animation-name: slide-out-ltr;\n }\n &[data-animation=\"SLIDE_IN_BOTTOM_RIGHT\"][data-state=\"visible\"] {\n animation-delay: 0s;\n animation-duration: 1s;\n animation-name: slide-in-btt;\n }\n &[data-animation=\"SLIDE_OUT_BOTTOM_RIGHT\"][data-state=\"hidden\"] {\n animation-name: slide-out-ttb;\n }\n &[data-animation=\"SLIDE_IN_TOP_CENTER\"][data-state=\"visible\"] {\n animation-delay: 0s;\n animation-duration: 1s;\n animation-name: slide-in-ttb;\n }\n &[data-animation=\"SLIDE_OUT_TOP_CENTER\"][data-state=\"hidden\"] {\n animation-name: slide-out-btt;\n }\n &[data-animation=\"OPACITY_IN\"][data-state=\"visible\"] {\n animation-delay: 0s;\n animation-duration: 1s;\n animation-name: visible-in;\n }\n &[data-animation=\"OPACITY_OUT\"][data-state=\"hidden\"] {\n animation-delay: 0s;\n animation-duration: 1s;\n animation-name: visible-out;\n }\n}\n","// https://codepen.io/burtclan/pen/PoOOey\n\n// @mixin BRNDTS_FTH_B($offset, $blur-radius, $spread-radius) {\n// &.BRNDTS_FTH-left:after {\n// box-shadow: inset $offset 0 $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-right:after {\n// box-shadow: inset (-$offset) 0 $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-top:after {\n// box-shadow: inset 0 $offset $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-bottom:after {\n// box-shadow: inset 0 (-$offset) $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-left.BRNDTS_FTH-right:after {\n// box-shadow: inset $offset 0 $blur-radius (-$spread-radius),\n// inset (-$offset) 0 $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-left.BRNDTS_FTH-top:after {\n// box-shadow: inset $offset ($offset) $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-right.BRNDTS_FTH-bottom:after {\n// box-shadow: inset (-$offset) (-$offset) $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-top.BRNDTS_FTH-right:after {\n// box-shadow: inset (-$offset) $offset $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-top.BRNDTS_FTH-bottom:after {\n// box-shadow: inset 0 $offset $blur-radius (-$spread-radius),\n// inset 0 (-$offset) $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-left.BRNDTS_FTH-bottom:after {\n// box-shadow: inset $offset (-$offset) $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-top.BRNDTS_FTH-right.BRNDTS_FTH-bottom:after {\n// box-shadow: inset (-$offset/2) 0 $blur-radius $spread-radius;\n// }\n\n// &.BRNDTS_FTH-left.BRNDTS_FTH-right.BRNDTS_FTH-bottom:after {\n// box-shadow: inset 0 (-$offset/2) $blur-radius $spread-radius;\n// }\n\n// &.BRNDTS_FTH-left.BRNDTS_FTH-top.BRNDTS_FTH-bottom:after {\n// box-shadow: inset ($offset/2) 0 $blur-radius $spread-radius;\n// }\n\n// &.BRNDTS_FTH-left.BRNDTS_FTH-top.BRNDTS_FTH-right:after {\n// box-shadow: inset 0 ($offset/2) $blur-radius $spread-radius;\n// }\n\n// &.BRNDTS_FTH-ALL:after,\n// &.BRNDTS_FTH-left.BRNDTS_FTH-top.BRNDTS_FTH-right.BRNDTS_FTH-bottom:after {\n// box-shadow: inset 0 0 $blur-radius $spread-radius;\n// }\n// }\n\n// $BRNDTS_FTH-offset: 40px !default;\n// $BRNDTS_FTH-blur-radius: 40px !default;\n// $BRNDTS_FTH-spread-radius: 16px !default;\n\n// $BRNDTS_FTH-narrow-offset: 13px !default;\n// $BRNDTS_FTH-narrow-blur-radius: 13px !default;\n// $BRNDTS_FTH-narrow-spread-radius: 13px !default;\n\n// $BRNDTS_FTH-wide-offset: 80px !default;\n// $BRNDTS_FTH-wide-blur-radius: 80px !default;\n// $BRNDTS_FTH-wide-spread-radius: 28px !default;\n\n// .BRNDTS_FTH_B {\n// position: relative;\n// display: inline-block;\n// color: rgba(0, 0, 0, 0.5);\n\n// &:after {\n// content: \"\";\n// position: absolute;\n// display: block;\n// top: 0;\n// left: 0;\n// width: 100%;\n// height: 100%;\n// border-collapse: separate;\n// }\n\n// @include BRNDTS_FTH_B(\n// $BRNDTS_FTH-offset,\n// $BRNDTS_FTH-blur-radius,\n// $BRNDTS_FTH-spread-radius\n// );\n\n// &.FTH-NARROW {\n// @include BRNDTS_FTH_B(\n// $BRNDTS_FTH-narrow-offset,\n// $BRNDTS_FTH-narrow-blur-radius,\n// $BRNDTS_FTH-narrow-spread-radius\n// );\n// }\n\n// &.FTH-WIDE {\n// @include BRNDTS_FTH_B(\n// $BRNDTS_FTH-wide-offset,\n// $BRNDTS_FTH-wide-blur-radius,\n// $BRNDTS_FTH-wide-spread-radius\n// );\n// }\n// }\n\n.BRNDTS_R_FTH {\n mask-image: linear-gradient(\n 180deg,\n transparent 0%,\n black 10%,\n black 90%,\n transparent 100%\n ),\n linear-gradient(\n 90deg,\n transparent 0%,\n black 10%,\n black 90%,\n transparent 100%\n );\n mask-composite: intersect;\n}\n\n.BRNDTS_R_B {\n border-width: 2px;\n border-style: solid;\n border-image: linear-gradient(to top, #26e29483 0%, #024ab67a 100%) 1;\n border-image: linear-gradient(135deg, #26e29483, #024ab67a) 1;\n box-shadow: 0px 4px 4px rgba(30, 30, 30, 0.25);\n border-radius: 5px;\n}\n",".REGION_DEBUG_LABEL {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n align-items: flex-start;\n position: absolute;\n color: black;\n padding-block: 4px;\n width: 100%;\n border-radius: 4px;\n bottom: 97%;\n letter-spacing: 1px;\n}\n\n.REGION_DEBUG_VALUE,\n.REGION_DEBUG_CLASS {\n font-size: 40%;\n font-weight: bold;\n padding: 2px 4px;\n //border: 1px solid red;\n //box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n}\n",".BRNDTS_R {\n position: absolute;\n //pointer-events: all;\n\n .BRNDTS_RB {\n position: relative;\n }\n\n .BRNDTS_RM {\n display: none;\n pointer-events: none;\n }\n}\n\n.BRNDTS_PLANE {\n .PLANE_POINT {\n position: absolute;\n width: 5px;\n height: 5px;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n }\n}\n","#BRNDTS_CTL {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n",".BRNDTS_BTN {\n border: 0;\n outline: none;\n box-shadow: none;\n background-color: transparent;\n pointer-events: all;\n color: whitesmoke;\n\n &[data-state=\"pressed\"] {\n background-color: transparent;\n }\n\n &:hover {\n background-color: transparent;\n background-image: none;\n border: 0;\n outline: none;\n box-shadow: none;\n border-color: transparent;\n }\n}\n\n.BRNDTS_BTN_FS_TOP {\n padding-left: 8px;\n padding-right: 8px;\n}\n\n.BRNDTS_BTN_FS_BOT {\n width: 40px;\n}\n","#BRNDTS_CTLTB {\n display: flex;\n justify-content: flex-end;\n position: absolute;\n top: 0;\n height: 60px;\n width: 100%;\n pointer-events: none;\n padding-top: 0px;\n padding-bottom: 0px;\n padding-left: 12px;\n padding-right: 12px;\n}\n\n[data-debug=\"true\"] {\n #BRNDTS_CTLTB {\n outline: 1px solid purple; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: 0px;\n left: 0;\n background-color: purple;\n padding: 4px 4px;\n border-radius: 4px;\n color: whitesmoke;\n }\n }\n}\n",".BRNDTS_PRGS_I {\n width: 100%;\n height: 100%;\n position: relative;\n pointer-events: all;\n .BRNDTS_PRGS_R {\n height: 100%;\n position: absolute;\n }\n}\n\n.BRNDTS_PRGS {\n width: 100%;\n height: 4px;\n background-color: #626060d9;\n position: relative;\n border-radius: 2px;\n overflow: hidden;\n margin: 0 4px;\n align-self: flex-end;\n}\n","#BRNDTS_CTLBB {\n display: flex;\n justify-content: flex-end;\n position: absolute;\n bottom: 0;\n height: 43px;\n width: 100%;\n pointer-events: none;\n padding-top: 3px;\n padding-bottom: 0px;\n padding-left: 12px;\n padding-right: 12px;\n box-sizing: border-box;\n &[data-type=\"DM_CTLBB\"] {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n height: 4rem;\n .BRNDTS_BTN {\n padding: 8px;\n width: 3rem;\n margin: 0.25rem;\n }\n }\n}\n\n[data-brndts_d=\"smartphone\"] {\n #BRNDTS_CTLBB {\n &[data-type=\"YT_CTLBB\"] {\n padding-left: 0px;\n padding-right: 0px;\n margin-bottom: 58px;\n .BRNDTS_BTN {\n padding-left: 8px;\n padding-right: 8px;\n }\n }\n &[data-type=\"DM_CTLBB\"] {\n padding-left: 0.125rem;\n padding-right: 0.125rem;\n height: clamp(48px, 3rem, 51px);\n .BRNDTS_BTN {\n padding: 8px;\n width: clamp(40px, 2.5rem, 55px);\n margin: 0.125rem;\n }\n }\n }\n &[data-fullscreen=\"true\"] {\n #BRNDTS_CTLBB {\n &[data-type=\"YT_CTLBB\"] {\n margin-bottom: 82px;\n padding-left: 12px;\n padding-right: 12px;\n .BRNDTS_BTN {\n padding-left: 8px;\n padding-right: 8px;\n }\n }\n &[data-type=\"DM_CTLBB\"] {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n height: 4rem;\n .BRNDTS_BTN {\n padding: 8px;\n width: 3rem;\n margin: 0.25rem;\n }\n }\n }\n }\n}\n","#BRNDTS {\n position: relative;\n padding-top: 0;\n height: 0;\n max-width: 100%;\n overflow: hidden;\n width: 100%;\n padding-bottom: 56.25%;\n\n .picture {\n // position: relative;\n border: 12px solid #2d2d2d;\n border-radius: 1px;\n box-shadow: 0 0 0 1px #1a1a1a, 0 0 0 12px #3a3a3a, 0 0 0 13px #1a1a1a,\n 5px 5px 15px rgba(0, 0, 0, 0.3);\n background-color: white;\n // padding: 20px;\n /* Default size - will be overridden by inline styles */\n // width: 500px;\n // height: 400px;\n // display: flex;\n // justify-content: center;\n // align-items: center;\n // overflow: hidden;\n }\n\n .transition {\n transition: all 0.5s ease;\n }\n\n &[data-brndts_control=\"brndts_fs\"] {\n video::-webkit-media-controls-fullscreen-button {\n display: none;\n }\n }\n\n &[data-fullscreen=\"true\"][data-basic=\"false\"] {\n video {\n height: 100vh !important;\n }\n }\n\n &[data-fullscreen_fb=\"true\"] {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n z-index: 10000000;\n background: #000;\n border-radius: 0 !important;\n height: 100%;\n margin: 0;\n width: 100%;\n\n video {\n height: 100%;\n }\n }\n}\n","#BRNDTS_BKD {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n background-color: #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/Providers/BRNDTSDefaultProvider.scss","../src/Ads/Regions/Plugins/RegionAnimationPlugin.scss","../src/Ads/Regions/Plugins/RegionBorderPlugin.scss","../src/Ads/Regions/Plugins/RegionDebugPlugin.scss","../src/Ads/Region.scss","../src/Ads/VideoAds/UI/Controls.scss","../src/Ads/VideoAds/UI/Controls/Components/ControlBarButton.scss","../src/Ads/VideoAds/UI/Controls/Components/ControlTopBar.scss","../src/Ads/VideoAds/UI/Controls/Components/ProgressBar.scss","../src/Ads/VideoAds/UI/Controls/Components/ControlBottomBar.scss","../src/Ads/VideoAds/Interface.scss","../src/Ads/VideoAds/UI/Backdrop.scss","../src/Ads/VideoAds/PresentationMode/BasicMode.scss","../src/Ads/VideoAds.scss"],"sourcesContent":[".BRNDTS_default_content {\n display: flex;\n justify-content: center;\n align-items: center;\n background: linear-gradient(135deg, #26e293, #024ab6);\n\n .box {\n height: 90%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 1;\n margin: 8px;\n border: 3px solid whitesmoke;\n border-radius: 5px;\n padding: 8px;\n }\n\n .icon {\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n max-height: 90%;\n\n svg {\n max-height: 45px;\n }\n }\n}\n","@keyframes slide-in-rtl {\n 0% {\n visibility: hidden;\n opacity: 0;\n transform: translate(100%, 0);\n }\n 1% {\n visibility: visible;\n opacity: 0;\n }\n 100% {\n visibility: visible;\n opacity: 1;\n transform: translate(0, 0);\n }\n}\n\n@keyframes slide-out-ltr {\n 0% {\n visibility: visible;\n opacity: 1;\n transform: translate(0, 0);\n }\n 99% {\n visibility: visible;\n opacity: 0;\n transform: translate(100%, 0);\n }\n 100% {\n visibility: hidden;\n opacity: 0;\n }\n}\n\n@keyframes slide-in-btt {\n 0% {\n visibility: hidden;\n opacity: 0;\n transform: translate(0, 100%);\n }\n 1% {\n visibility: visible;\n opacity: 0;\n }\n 100% {\n visibility: visible;\n opacity: 1;\n transform: translate(0, 0);\n }\n}\n\n@keyframes slide-out-ttb {\n 0% {\n visibility: visible;\n opacity: 1;\n transform: translate(0, 0);\n }\n 99% {\n visibility: visible;\n opacity: 0;\n }\n 100% {\n visibility: hidden;\n opacity: 0;\n transform: translate(0, 100%);\n }\n}\n\n@keyframes slide-in-ttb {\n 0% {\n visibility: hidden;\n opacity: 0;\n transform: translate(0, -100%);\n }\n 1% {\n visibility: visible;\n opacity: 1;\n }\n 100% {\n visibility: visible;\n opacity: 1;\n transform: translate(0, 0);\n }\n}\n\n@keyframes slide-out-btt {\n 0% {\n visibility: visible;\n opacity: 1;\n transform: translate(0, 0);\n }\n 99% {\n visibility: visible;\n opacity: 0;\n }\n 100% {\n visibility: hidden;\n opacity: 0;\n transform: translate(0, -100%);\n }\n}\n\n@keyframes visible-in {\n 0% {\n visibility: hidden;\n opacity: 0;\n }\n 1% {\n visibility: visible;\n opacity: 0;\n }\n 100% {\n visibility: visible;\n opacity: 1;\n }\n}\n\n@keyframes visible-out {\n 0% {\n visibility: visible;\n opacity: 1;\n }\n 99% {\n visibility: visible;\n opacity: 0;\n }\n 100% {\n visibility: hidden;\n opacity: 0;\n }\n}\n\n.ANIMATE {\n animation-duration: 0.5s;\n animation-delay: 0.5s;\n animation-timing-function: cubic-bezier(0.26, 0.53, 0.74, 1.48);\n animation-fill-mode: forwards;\n\n &[data-animation=\"SLIDE_IN_TOP_RIGHT\"][data-state=\"visible\"] {\n animation-delay: 0s;\n animation-duration: 1s;\n animation-name: slide-in-rtl;\n }\n &[data-animation=\"SLIDE_OUT_TOP_RIGHT\"][data-state=\"hidden\"] {\n animation-name: slide-out-ltr;\n }\n &[data-animation=\"SLIDE_IN_BOTTOM_RIGHT\"][data-state=\"visible\"] {\n animation-delay: 0s;\n animation-duration: 1s;\n animation-name: slide-in-btt;\n }\n &[data-animation=\"SLIDE_OUT_BOTTOM_RIGHT\"][data-state=\"hidden\"] {\n animation-name: slide-out-ttb;\n }\n &[data-animation=\"SLIDE_IN_TOP_CENTER\"][data-state=\"visible\"] {\n animation-delay: 0s;\n animation-duration: 1s;\n animation-name: slide-in-ttb;\n }\n &[data-animation=\"SLIDE_OUT_TOP_CENTER\"][data-state=\"hidden\"] {\n animation-name: slide-out-btt;\n }\n &[data-animation=\"OPACITY_IN\"][data-state=\"visible\"] {\n animation-delay: 0s;\n animation-duration: 1s;\n animation-name: visible-in;\n }\n &[data-animation=\"OPACITY_OUT\"][data-state=\"hidden\"] {\n animation-delay: 0s;\n animation-duration: 1s;\n animation-name: visible-out;\n }\n}\n","// https://codepen.io/burtclan/pen/PoOOey\n\n// @mixin BRNDTS_FTH_B($offset, $blur-radius, $spread-radius) {\n// &.BRNDTS_FTH-left:after {\n// box-shadow: inset $offset 0 $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-right:after {\n// box-shadow: inset (-$offset) 0 $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-top:after {\n// box-shadow: inset 0 $offset $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-bottom:after {\n// box-shadow: inset 0 (-$offset) $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-left.BRNDTS_FTH-right:after {\n// box-shadow: inset $offset 0 $blur-radius (-$spread-radius),\n// inset (-$offset) 0 $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-left.BRNDTS_FTH-top:after {\n// box-shadow: inset $offset ($offset) $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-right.BRNDTS_FTH-bottom:after {\n// box-shadow: inset (-$offset) (-$offset) $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-top.BRNDTS_FTH-right:after {\n// box-shadow: inset (-$offset) $offset $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-top.BRNDTS_FTH-bottom:after {\n// box-shadow: inset 0 $offset $blur-radius (-$spread-radius),\n// inset 0 (-$offset) $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-left.BRNDTS_FTH-bottom:after {\n// box-shadow: inset $offset (-$offset) $blur-radius (-$spread-radius);\n// }\n\n// &.BRNDTS_FTH-top.BRNDTS_FTH-right.BRNDTS_FTH-bottom:after {\n// box-shadow: inset (-$offset/2) 0 $blur-radius $spread-radius;\n// }\n\n// &.BRNDTS_FTH-left.BRNDTS_FTH-right.BRNDTS_FTH-bottom:after {\n// box-shadow: inset 0 (-$offset/2) $blur-radius $spread-radius;\n// }\n\n// &.BRNDTS_FTH-left.BRNDTS_FTH-top.BRNDTS_FTH-bottom:after {\n// box-shadow: inset ($offset/2) 0 $blur-radius $spread-radius;\n// }\n\n// &.BRNDTS_FTH-left.BRNDTS_FTH-top.BRNDTS_FTH-right:after {\n// box-shadow: inset 0 ($offset/2) $blur-radius $spread-radius;\n// }\n\n// &.BRNDTS_FTH-ALL:after,\n// &.BRNDTS_FTH-left.BRNDTS_FTH-top.BRNDTS_FTH-right.BRNDTS_FTH-bottom:after {\n// box-shadow: inset 0 0 $blur-radius $spread-radius;\n// }\n// }\n\n// $BRNDTS_FTH-offset: 40px !default;\n// $BRNDTS_FTH-blur-radius: 40px !default;\n// $BRNDTS_FTH-spread-radius: 16px !default;\n\n// $BRNDTS_FTH-narrow-offset: 13px !default;\n// $BRNDTS_FTH-narrow-blur-radius: 13px !default;\n// $BRNDTS_FTH-narrow-spread-radius: 13px !default;\n\n// $BRNDTS_FTH-wide-offset: 80px !default;\n// $BRNDTS_FTH-wide-blur-radius: 80px !default;\n// $BRNDTS_FTH-wide-spread-radius: 28px !default;\n\n// .BRNDTS_FTH_B {\n// position: relative;\n// display: inline-block;\n// color: rgba(0, 0, 0, 0.5);\n\n// &:after {\n// content: \"\";\n// position: absolute;\n// display: block;\n// top: 0;\n// left: 0;\n// width: 100%;\n// height: 100%;\n// border-collapse: separate;\n// }\n\n// @include BRNDTS_FTH_B(\n// $BRNDTS_FTH-offset,\n// $BRNDTS_FTH-blur-radius,\n// $BRNDTS_FTH-spread-radius\n// );\n\n// &.FTH-NARROW {\n// @include BRNDTS_FTH_B(\n// $BRNDTS_FTH-narrow-offset,\n// $BRNDTS_FTH-narrow-blur-radius,\n// $BRNDTS_FTH-narrow-spread-radius\n// );\n// }\n\n// &.FTH-WIDE {\n// @include BRNDTS_FTH_B(\n// $BRNDTS_FTH-wide-offset,\n// $BRNDTS_FTH-wide-blur-radius,\n// $BRNDTS_FTH-wide-spread-radius\n// );\n// }\n// }\n\n.BRNDTS_R_FTH {\n mask-image: linear-gradient(\n 180deg,\n transparent 0%,\n black 10%,\n black 90%,\n transparent 100%\n ),\n linear-gradient(\n 90deg,\n transparent 0%,\n black 10%,\n black 90%,\n transparent 100%\n );\n mask-composite: intersect;\n}\n\n.BRNDTS_R_B {\n border-width: 2px;\n border-style: solid;\n border-image: linear-gradient(to top, #26e29483 0%, #024ab67a 100%) 1;\n border-image: linear-gradient(135deg, #26e29483, #024ab67a) 1;\n box-shadow: 0px 4px 4px rgba(30, 30, 30, 0.25);\n border-radius: 5px;\n}\n",".REGION_DEBUG_LABEL {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n align-items: flex-start;\n position: absolute;\n color: black;\n padding-block: 4px;\n width: 100%;\n border-radius: 4px;\n bottom: 97%;\n letter-spacing: 1px;\n}\n\n.REGION_DEBUG_VALUE,\n.REGION_DEBUG_CLASS {\n font-size: 40%;\n font-weight: bold;\n padding: 2px 4px;\n //border: 1px solid red;\n //box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n}\n",".BRNDTS_R {\n position: absolute;\n z-index: 9999 !important;\n //pointer-events: all;\n\n .BRNDTS_RB {\n position: relative;\n }\n\n .BRNDTS_RM {\n display: none;\n pointer-events: none;\n }\n}\n\n.BRNDTS_PLANE {\n .PLANE_POINT {\n position: absolute;\n width: 5px;\n height: 5px;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n }\n}\n","#BRNDTS_CTL {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n",".BRNDTS_BTN {\n border: 0;\n outline: none;\n box-shadow: none;\n background-color: transparent;\n pointer-events: all;\n color: whitesmoke;\n\n &[data-state=\"pressed\"] {\n background-color: transparent;\n }\n\n &:hover {\n background-color: transparent;\n background-image: none;\n border: 0;\n outline: none;\n box-shadow: none;\n border-color: transparent;\n }\n}\n\n.BRNDTS_BTN_FS_TOP {\n padding-left: 8px;\n padding-right: 8px;\n}\n\n.BRNDTS_BTN_FS_BOT {\n width: 40px;\n}\n","#BRNDTS_CTLTB {\n display: flex;\n justify-content: flex-end;\n position: absolute;\n top: 0;\n height: 60px;\n width: 100%;\n pointer-events: none;\n padding-top: 0px;\n padding-bottom: 0px;\n padding-left: 12px;\n padding-right: 12px;\n}\n\n[data-debug=\"true\"] {\n #BRNDTS_CTLTB {\n outline: 1px solid purple; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: 0px;\n left: 0;\n background-color: purple;\n padding: 4px 4px;\n border-radius: 4px;\n color: whitesmoke;\n }\n }\n}\n",".BRNDTS_PRGS_I {\n width: 100%;\n height: 100%;\n position: relative;\n pointer-events: all;\n .BRNDTS_PRGS_R {\n height: 100%;\n position: absolute;\n }\n}\n\n.BRNDTS_PRGS {\n width: 100%;\n height: 4px;\n background-color: #626060d9;\n position: relative;\n border-radius: 2px;\n overflow: hidden;\n margin: 0 4px;\n align-self: flex-end;\n}\n","#BRNDTS_CTLBB {\n display: flex;\n justify-content: flex-end;\n position: absolute;\n bottom: 0;\n height: 43px;\n width: 100%;\n pointer-events: none;\n padding-top: 3px;\n padding-bottom: 0px;\n padding-left: 12px;\n padding-right: 12px;\n box-sizing: border-box;\n &[data-type=\"DM_CTLBB\"] {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n height: 4rem;\n .BRNDTS_BTN {\n padding: 8px;\n width: 3rem;\n margin: 0.25rem;\n }\n }\n}\n\n[data-brndts_d=\"smartphone\"] {\n #BRNDTS_CTLBB {\n &[data-type=\"YT_CTLBB\"] {\n padding-left: 0px;\n padding-right: 0px;\n margin-bottom: 58px;\n .BRNDTS_BTN {\n padding-left: 8px;\n padding-right: 8px;\n }\n }\n &[data-type=\"DM_CTLBB\"] {\n padding-left: 0.125rem;\n padding-right: 0.125rem;\n height: clamp(48px, 3rem, 51px);\n .BRNDTS_BTN {\n padding: 8px;\n width: clamp(40px, 2.5rem, 55px);\n margin: 0.125rem;\n }\n }\n }\n &[data-fullscreen=\"true\"] {\n #BRNDTS_CTLBB {\n &[data-type=\"YT_CTLBB\"] {\n margin-bottom: 82px;\n padding-left: 12px;\n padding-right: 12px;\n .BRNDTS_BTN {\n padding-left: 8px;\n padding-right: 8px;\n }\n }\n &[data-type=\"DM_CTLBB\"] {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n height: 4rem;\n .BRNDTS_BTN {\n padding: 8px;\n width: 3rem;\n margin: 0.25rem;\n }\n }\n }\n }\n}\n","#BRNDTS {\n position: relative;\n padding-top: 0;\n height: 0;\n max-width: 100%;\n overflow: hidden;\n width: 100%;\n padding-bottom: 56.25%;\n\n .picture {\n // position: relative;\n border: 12px solid #2d2d2d;\n border-radius: 1px;\n box-shadow: 0 0 0 1px #1a1a1a, 0 0 0 12px #3a3a3a, 0 0 0 13px #1a1a1a,\n 5px 5px 15px rgba(0, 0, 0, 0.3);\n background-color: white;\n // padding: 20px;\n /* Default size - will be overridden by inline styles */\n // width: 500px;\n // height: 400px;\n // display: flex;\n // justify-content: center;\n // align-items: center;\n // overflow: hidden;\n }\n\n .transition {\n transition: all 0.5s ease;\n }\n\n &[data-brndts_control=\"brndts_fs\"] {\n video::-webkit-media-controls-fullscreen-button {\n display: none;\n }\n }\n\n &[data-fullscreen=\"true\"][data-basic=\"false\"] {\n video {\n height: 100vh !important;\n }\n }\n\n &[data-fullscreen_fb=\"true\"] {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n z-index: 10000000;\n background: #000;\n border-radius: 0 !important;\n height: 100%;\n margin: 0;\n width: 100%;\n\n video {\n height: 100%;\n }\n }\n}\n","#BRNDTS_BKD {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n background-color: #262626;\n}\n\n// body {\n// min-height: 100vh;\n// position: relative;\n// overflow: hidden;\n// background-color: #e0e0e2;\n// }\n\n// #BRNDTS_BKD::before {\n// content: \"\";\n// position: absolute;\n// top: 0;\n// left: 0;\n// width: 100%;\n// height: 100%;\n// background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.15'/%3E%3C/svg%3E\");\n// opacity: 0.5;\n// pointer-events: none;\n// }\n","#BRNDTS_ARW_A {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-evenly;\n}\n#BRNDTS_ARW_B {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-evenly;\n}\n","[data-debug=\"true\"] {\n #BRNDTS_ARW, #BRNDTS_AERW {\n outline: 1px solid green; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: green;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n\n .BRNDTS_AR {\n outline: 1px solid red; /* Set the outline */\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);\n &::before {\n opacity: 0.5;\n content: attr(id);\n position: absolute;\n height: 16px;\n font-size: 8px;\n top: -16px;\n left: 0;\n background-color: red;\n padding: 4px 4px;\n border-radius: 4px;\n }\n }\n}\n"],"mappings":"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","names":[]}
|
package/dist/index.js
CHANGED
|
@@ -80189,7 +80189,8 @@ var DefaultTemplate = /*#__PURE__*/ function() {
|
|
|
80189
80189
|
width: plane.width - (cutout.x + cutout.width),
|
|
80190
80190
|
height: cutout.y + cutout.height
|
|
80191
80191
|
}),
|
|
80192
|
-
name: "A"
|
|
80192
|
+
name: "A",
|
|
80193
|
+
maxSlots: 3
|
|
80193
80194
|
});
|
|
80194
80195
|
}
|
|
80195
80196
|
if (plane.height - (cutout.y + cutout.height) > 0) {
|
|
@@ -80201,7 +80202,8 @@ var DefaultTemplate = /*#__PURE__*/ function() {
|
|
|
80201
80202
|
width: plane.width,
|
|
80202
80203
|
height: plane.height - (cutout.y + cutout.height)
|
|
80203
80204
|
}),
|
|
80204
|
-
name: "B"
|
|
80205
|
+
name: "B",
|
|
80206
|
+
maxSlots: 1
|
|
80205
80207
|
});
|
|
80206
80208
|
}
|
|
80207
80209
|
return areas;
|
|
@@ -80228,7 +80230,8 @@ var FullscreenTemplate = /*#__PURE__*/ function() {
|
|
|
80228
80230
|
width: plane.width - (cutout.x + cutout.width),
|
|
80229
80231
|
height: plane.height
|
|
80230
80232
|
}),
|
|
80231
|
-
name: "A"
|
|
80233
|
+
name: "A",
|
|
80234
|
+
maxSlots: 3
|
|
80232
80235
|
});
|
|
80233
80236
|
}
|
|
80234
80237
|
if (plane.height - (cutout.y + cutout.height) > 0) {
|
|
@@ -80243,7 +80246,8 @@ var FullscreenTemplate = /*#__PURE__*/ function() {
|
|
|
80243
80246
|
available: {
|
|
80244
80247
|
w: 0.7
|
|
80245
80248
|
},
|
|
80246
|
-
name: "B"
|
|
80249
|
+
name: "B",
|
|
80250
|
+
maxSlots: 1
|
|
80247
80251
|
});
|
|
80248
80252
|
}
|
|
80249
80253
|
return areas;
|
|
@@ -80351,6 +80355,9 @@ var RegionPacker = /*#__PURE__*/ function(_import_events8_default) {
|
|
|
80351
80355
|
}
|
|
80352
80356
|
index -= 1;
|
|
80353
80357
|
}
|
|
80358
|
+
if (result.length >= region.maxSlots) {
|
|
80359
|
+
break;
|
|
80360
|
+
}
|
|
80354
80361
|
}
|
|
80355
80362
|
return result;
|
|
80356
80363
|
}
|
|
@@ -80535,12 +80542,6 @@ var StaticRegionContent2 = /*#__PURE__*/ function(RegionContent) {
|
|
|
80535
80542
|
this.container.style.width = "fit-content";
|
|
80536
80543
|
this.container.style.height = "fit-content";
|
|
80537
80544
|
this.container.dataset.state = this.box.area(this.plane.size) > 0 ? "visible" : "hidden";
|
|
80538
|
-
this.container.childNodes.forEach(function(node) {
|
|
80539
|
-
if (_instanceof(node, HTMLElement)) {
|
|
80540
|
-
node.style.width = "fit-content";
|
|
80541
|
-
node.style.height = "fit-content";
|
|
80542
|
-
}
|
|
80543
|
-
});
|
|
80544
80545
|
}
|
|
80545
80546
|
}
|
|
80546
80547
|
]);
|
|
@@ -80788,6 +80789,7 @@ var RegionsContainerView = /*#__PURE__*/ function() {
|
|
|
80788
80789
|
}
|
|
80789
80790
|
if (this.contentLayer) {
|
|
80790
80791
|
this.contentLayer.style.position = "absolute";
|
|
80792
|
+
this.contentLayer.style.overflow = "hidden";
|
|
80791
80793
|
this.contentLayer.style.top = "".concat(this.position.y, "px");
|
|
80792
80794
|
this.contentLayer.style.left = "".concat(this.position.x, "px");
|
|
80793
80795
|
this.contentLayer.style.width = "".concat(this.size.width, "px");
|
|
@@ -80971,7 +80973,7 @@ var AdRegionsArea = /*#__PURE__*/ function() {
|
|
|
80971
80973
|
var region = diffRight[index2];
|
|
80972
80974
|
var provider = ContentProviderFactory.getProvider(this.context, this.context.config.get("ads").provider);
|
|
80973
80975
|
var plugins2 = [
|
|
80974
|
-
new RegionBorderPlugin(),
|
|
80976
|
+
// new RegionBorderPlugin(),
|
|
80975
80977
|
new RegionAnimationPlugin("OPACITY")
|
|
80976
80978
|
];
|
|
80977
80979
|
var newRegion = new BasicAdRegion(region.id, {
|
|
@@ -80998,16 +81000,15 @@ var AdRegionsArea = /*#__PURE__*/ function() {
|
|
|
80998
81000
|
{
|
|
80999
81001
|
key: "clear",
|
|
81000
81002
|
value: function clear() {
|
|
81001
|
-
|
|
81003
|
+
this.updateSize({
|
|
81004
|
+
width: 0,
|
|
81005
|
+
height: 0
|
|
81006
|
+
}, this.context.media.aspectRatio);
|
|
81007
|
+
this.updatePosition({
|
|
81008
|
+
x: 0,
|
|
81009
|
+
y: 0
|
|
81010
|
+
});
|
|
81002
81011
|
this.regionsObjects.forEach(function(region) {
|
|
81003
|
-
_this.updateSize({
|
|
81004
|
-
width: 0,
|
|
81005
|
-
height: 0
|
|
81006
|
-
}, _this.context.media.aspectRatio);
|
|
81007
|
-
_this.updatePosition({
|
|
81008
|
-
x: 0,
|
|
81009
|
-
y: 0
|
|
81010
|
-
});
|
|
81011
81012
|
region.clear();
|
|
81012
81013
|
});
|
|
81013
81014
|
}
|