OwlCyberSecurity - MANAGER

Edit File: presto-business-skin2.js.map

{"file":"presto-business-skin2.js","mappings":";;AAAA,MAAM,qBAAqB,GAAG,owJAAowJ,CAAC;AACnyJ,iCAAe,qBAAqB;;MCMvB,kBAAkB;;;;;IAC7B,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,8DAAa,CACR,EACP;KACH;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/ui/skins/presto-business-skin/presto-business-skin.scss?tag=presto-business-skin","src/components/ui/skins/presto-business-skin/presto-business-skin.tsx"],"sourcesContent":[".skin-business {\n &.presto-player__wrapper {\n // when small play button is active but rewind is inactive\n &.rewind-inactive {\n .plyr__controls .plyr__controls__item:nth-child(2) {\n &::before {\n border-radius: var(--plyr-control-radius, 3px) 0px 0px var(--plyr-control-radius, 3px);\n }\n }\n }\n\n // full captions\n &.caption-style-full .plyr:not(.plyr--hide-controls):not(.is-muted-overlay) .plyr__controls:not(:empty) ~ .plyr__captions {\n transform: translateY(calc(var(--plyr-control-spacing, 16px) * -4));\n }\n\n .presto-player-progress__marker {\n border-radius: 0;\n width: 15px;\n height: 15px;\n border-width: 1px;\n }\n\n // hover effect for all button\n .plyr__control[data-plyr] {\n &:hover,\n &:focus,\n &:active {\n &:not([role*='menuitem']):not(.plyr__control--back) {\n background-color: transparent;\n color: var(--plyr-color-main);\n\n &[data-plyr='play'] {\n background-color: var(--plyr-color-main);\n color: white;\n }\n }\n }\n }\n\n // for large button\n .plyr__control--overlaid[data-plyr='play'] {\n border-radius: 4px;\n background: #000000;\n opacity: 75%;\n &:hover {\n background-color: var(--plyr-color-main);\n color: white;\n opacity: 100%;\n }\n }\n\n // for soun range cursor\n .plyr__volume input[type='range'] {\n cursor: pointer;\n }\n\n // fast forward\n .plyr__controls .plyr__controls__item[data-plyr='fast-forward'] {\n border-radius: 0px;\n }\n\n // range contol for video progression\n .plyr__progress {\n margin: 0px 20px 0 5px;\n\n input[type='range'] {\n height: 32px;\n border-radius: 0px;\n cursor: pointer;\n }\n }\n\n .plyr__controls .plyr__controls__item:not(.presto-player-progress__marker):first-child {\n &::before {\n border-radius: var(--plyr-control-radius, 3px) 0px 0px var(--plyr-control-radius, 3px);\n }\n }\n .plyr__controls .plyr__controls__item:not(.presto-player-progress__marker):last-child {\n &::before {\n border-radius: 0px var(--plyr-control-radius, 3px) var(--plyr-control-radius, 3px) 0px;\n }\n }\n\n // play button\n .plyr__controls .plyr__controls__item.plyr__control[data-plyr='play'] {\n order: -1;\n margin-right: 5px;\n padding: 11px 20px 11px 20px;\n top: -4px;\n &::before {\n border-radius: 4px;\n }\n }\n\n // rewind control\n .plyr__controls .plyr__controls__item[data-plyr='rewind'] {\n &::before {\n border-radius: var(--plyr-control-radius, 3px) 0px 0px var(--plyr-control-radius, 3px);\n }\n }\n\n .plyr__controls .plyr__controls__item:not([data-plyr='play']) {\n margin: 0;\n }\n\n //make fullscreen svg bigger\n .plyr__controls .plyr__controls__item[data-plyr='fullscreen'] {\n padding: 4px;\n svg {\n height: 24px;\n width: 24px;\n }\n }\n\n .plyr__controls .plyr__controls__item:not(.presto-player-progress__marker) {\n position: relative;\n // time\n &.plyr__time {\n height: 32px;\n padding-top: 4.5px;\n }\n\n &::before {\n content: '';\n background: #000000;\n position: absolute;\n top: 0px;\n left: 0;\n right: 0;\n bottom: 0px;\n opacity: 0.76;\n z-index: -1;\n }\n }\n\n // make video prgression range outline\n .plyr--full-ui input[type='range']::-webkit-slider-runnable-track {\n box-shadow: none;\n color: var(--plyr-color-main);\n height: 9px;\n outline: 1px solid #878787a6;\n outline-offset: 2px;\n border-radius: 0px;\n }\n\n // make the range control invisible\n .plyr--full-ui input[type='range']::-webkit-slider-thumb {\n visibility: hidden;\n }\n\n // make buffer big\n .plyr__progress__buffer::-webkit-progress-value {\n position: relative;\n border-radius: 0px;\n height: 9px;\n top: -2px;\n }\n\n .plyr--full-ui input[type='range']::-webkit-slider-runnable-track {\n background-color: transparent;\n }\n\n @media screen and (max-width: 480px) {\n .plyr__controls .plyr__controls__item {\n &.plyr__time {\n padding: 1.5%;\n }\n }\n .plyr__controls .plyr__controls__item[data-plyr='play'] {\n padding: 8px;\n top: 0px;\n }\n //make fullscreen svg bigger\n .plyr__controls .plyr__controls__item[data-plyr='fullscreen'] {\n svg {\n width: 22px;\n }\n }\n }\n }\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'presto-business-skin',\n styleUrl: 'presto-business-skin.scss',\n shadow: false,\n})\nexport class PrestoBusinessSkin {\n render() {\n return (\n <Host>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}