{"version":3,"sources":["jsdelivr-header.js","/npm/@player.style/reelplay@0.1.1/dist/media-theme.js"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,MCGO,sBACE,eAAkB,wDAClB,sBAAyB,iDAC3B,kCAEP,MAAM,SAAW,WAAW,UAAU,gBAAgB,YAClD,WACF,SAAS,UAAoB,+yfAiY/B,MAAM,kCAAkC,kBACtC,gBAAkB,SAGhB,WAAW,iBAAmB,WAAW,eAAe,IAAI,yBAC9D,WAAW,eAAe,OAAO,uBAAwB,0CAG5C","file":"/npm/@player.style/reelplay@0.1.1/dist/media-theme.js","sourceRoot":"","sourcesContent":["/**\n * Minified by jsDelivr using Terser v5.39.0.\n * Original file: /npm/@player.style/reelplay@0.1.1/dist/media-theme.js\n *\n * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files\n */\n","/*\n<media-theme-reelplay>\n  <video\n    slot=\"media\"\n    src=\"https://stream.mux.com/fXNzVtmtWuyz00xnSrJg4OJH6PyNo6D02UzmgeKGkP5YQ/high.mp4\"\n  ></video>\n</media-theme-reelplay>\n*/\n\nimport 'media-chrome';\nimport { globalThis } from 'media-chrome/dist/utils/server-safe-globals.js';\nimport { MediaThemeElement } from 'media-chrome/dist/media-theme-element.js';\nimport 'media-chrome/dist/menu/index.js';\n\nconst template = globalThis.document?.createElement?.('template');\nif (template) {\n  template.innerHTML = /*html*/`\n    <style>\n      :host {\n        --_primary-color: var(--media-primary-color, #fff);\n        --_secondary-color: var(--media-secondary-color, rgb(38 38 38 / 0.75));\n        --_accent-color: var(--media-accent-color, #fff);\n        --media-icon-color: var(--_primary-color);\n        --media-control-background: #ccc;\n        --media-control-hover-background: transparent;\n        --media-control-height: 1.2em;\n        --media-tooltip-display: none;\n        image-rendering: pixelated;\n        font-size: 16px;\n        color: var(--_primary-color);\n        container: media-theme-instaplay / inline-size;\n        --_play-active-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAr0lEQVQokZXSMQ7CMAyF4d+Ik/UYYYTrdOvK2lvkGl09JluyJZsZSipEqxIsZfzecyTj7s4AMzP+eRcA7z0iYiJidM4VYBgGvPcANGxm8hM23Np7AjYYY6SU0h2wwRACKSVUlRgjzrnTgA2mlKi1knOmlMI4jqgq0zQdBuxWzTlTa103qInb4wbA/Jw5bAwhAKCq6wY1HYLdHz9bzsAOLrp0gTbyPrlusEGg61K+5wUQC7Be2eoHzQAAAABJRU5ErkJggg==');\n        --_play-inactive-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAjUlEQVQokZWSMQ7FIAxDTcWSM2d1zuwxfykobelXQUJCIc+xEY1kSgLJho11jENEZETkNggAkj4LNHdPM4MkmNmjwd2XERrJqS7pclmF7gJHBcxs7lpfRejDYp1W4ermrCUA9NFQG6vYEHH3GQ8A+t1qfaQVMK1WexV6A5YZ/014gAMi+Qm4WD2hrb/6A91NW9lXLWdRAAAAAElFTkSuQmCC');\n        --_play-green-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAASUlEQVQokZ3SyQ0AIAwDwTWi/5ZNAeSCPCPNx7Yw5vE2gLGmQMgrenbwQhMYog6mqIIlymCLomRLlFWRoqq7EHVlX2iyDv1s7wAoZRYXYSzPZAAAAABJRU5ErkJggg==');\n        --_pause-active-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAACXBIWXMAAAsTAAALEwEAmpwYAAABs0lEQVQokVWSO07sQBBFT7XLY2yJQWQQsS0CJEhICBAbYRVsigxIRtZ8JGTGY7mn2/cFaKzHTUunbn2u3d3d6fr6mo+PD66urthut7g7b29vBnB7eysz4/LykrZtubm54f39HZ6fnzWOo8Zx1DAMenx8lJlJEpJ4enpS3/fq+16SdH9/r8ViodB1He7OMAx0XYeZIYmT9vs9TdMwTROfn5+4OzFGPOeMJNq25XA4kHPmf8UYGceRr68vYoxM04SZ4WZGURR8f3+TUkISZjaDTdMAMI4jx+ORGCMhBDyEAEDXdYQQiDH+cUwpUVUVm82GoihwdyThADlndrsdwzCwWCwoy/IPeFolpYSZEUIgxBgpioLVasU0TcQY/7iebnA4HIgxIomUEt40DZI4Ho9st1vMjLquZ7CqKkII7HY76rom5/w78qlL27aUZTm/5qSfnx9yzmw2G9ydsizJOeMpJYB5FIDlcjmDy+WS/X5PzpnVajXXwsXFBS8vL6zXa0IInJ2d0XXdDK7Xa15fX+n7nqZpyDlzfn7+GzlAdV0LUFVVqqpqjtzDw4MAmZnKspS7y931D4B+IeRR9QqaAAAAAElFTkSuQmCC');\n        --_pause-inactive-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgElEQVQokY2Quw0FIQwE59AlLsk1UBK0RkpLhH4REj8/bhNLHvB6/aSUTERordFrjBFVfQByzkce1qaIoKp0eTwwqMMvmj72iafeWAGCB1aNbybHFazaHG+5TsfZMvbJt9wA72nap1Vvju6qHviXd3O8HWoaXEqxWqsdhJnhMPsBzFyriskMNtIAAAAASUVORK5CYII=');\n        --_stop-active-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAACXBIWXMAAAsTAAALEwEAmpwYAAABs0lEQVQokU2Qu00sQRRET093jzRoLAwsSIsMCIAMCQFSwGNHC832//+MFatX3lXp3CqVeH5+no+Pj5xOJ6y1bNuG1pp93zHGoLWm1srDwwPv7+98fHzw8/MjeHl5ma212Xuf/yvnPHPOM8Y455zzdDrN19fXCcw5J6q1Ru+dr68v9n0nxkjvnfP5DID3nuM4uFwuXC4XpJQAKIB1XRljUGvFWsucE+89YwyMMaSUkFJSSqH3fgVjjAC01nDOMcYg50wIgdYaMUasteSc2bYNpdQVvLu7Y4xBKYVlWQghYIyhlIK1lpQS1lrGGLcAAKWUQghB750QAs45YoyklEgpAdwa/N0ASghBa40QAiEErLW3gb6/v1mWhZQStVbmnKzregX/vvyZ3nuMMQCUUmit4b2n1kprjVLKFZRSorXGe49zDu89pRS01hzHwbqu/P7+0ntn27Zb1QXAGEPOGeccpRTGGKSU6L2zrisxRs7nM0IIhBDXxForb29vHMeBc46U0m2kz89P7u/vAdj3Ha01T09PAAgp5ey9I6VkzolSCq01vXd679RaEUKgtUYpRQiBOaf4BxvCbUGBdlc6AAAAAElFTkSuQmCC');\n        --_stop-inactive-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAbUlEQVQokZ1RMRLAIAiLbDyJN/At3+aXHO0kZy0F2ywMSSSGUmsdvXcwM06mqkJECn0xMTNEBABAHrli5yfIE614e5QikZfANe7wEpgxKiOCbcyiza+Y8aSQOW/lZHdLN0bi9BxRKQ+utTZ+ABcG/775EH3i7gAAAABJRU5ErkJggg==');\n        --_speaker-active-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQCAYAAADAvYV+AAAACXBIWXMAAAsTAAALEwEAmpwYAAABK0lEQVQokX2RoXPCMBSHv+4mmGtcIpHUVQ6JndtkJfwHTE4iG9c6IiuHY47K4laHnQyulXNvAihcgb27XO7lvve7L0kgItwro5QwGOC9DwAe7pK1k4/FAqUU1lq5D9dO9uaFPM/Jsqw7Dq40jmBRFADEccxkMsFa20s+gtqvOzCKIqgtZ43aSR90znUZe5MQhiEPdhZ1HicQoGkakiRBa432a9q2PWvY3F7d82u1wihFO3wD4BFg+73lcgcwbUtZVShjCH/chfON+h0Occ5RliXE8wM8X+6CaltdwY33ZFmG1hrqi+T5chf0h5QxPB1eCuIpcONT7CyS8fMYgNf3T3zTQO2wZQsicrXS6Uiq5VS01rLZbKQoChGR23B/IE3T/2ERQWst8Wgkp/4PXbzQXE7ZmasAAAAASUVORK5CYII=');\n        --_speaker-inactive-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQCAYAAADAvYV+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAApklEQVQokX2SOw7FIAwEx3lx4UvlYqbEZ6bkFQmSIZ9tLOFhWTDSe+dDoykA2xsVEb2UMm2SJ+eImBbdHUBuzgNsrTFqRAD0bQUHZGa3E3eAUko3M1prrDXrp6pdVR9BM0NVATiO43yNnC+DuQew58ZQBnOc6YLZJZuMutVaZX2BtxjTUNZh5E3uPsdwd8mXXXWbYK1VcqThCsjj38iRLvAbvjR90T95E3txy+GI1QAAAABJRU5ErkJggg==');\n        --_stop-green-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAPklEQVQokWNk+M/wn4FEwMLAwMDwn+E/I7EaGBkY/zORagvcJmRTcClEdg1ZNo1qggKUICc2ksmyiZGctAcAEpwMGtOI06QAAAAASUVORK5CYII=');\n        --_range-thumb-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAk0lEQVQokZWRPQ7FIAyDvzyxcC6O1ZkjsbJypIx5S4P4U6taQkhOiB0sZmZ8gIgQAFprqCoxRlSV1hrXdR15gB8wFfx+4gPQiZRSt5FzBsDMqLVOFsM48W6SZQ0b1bq9UfqEtbYpneC1405vSpM9V7ojs+WclZzwXNac/OH2EU85rTYDQCmlT/PGnPMWrkPc9xf8Ad5BiyG0KQ3gAAAAAElFTkSuQmCC');\n        --_seek-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAYAAAAvZezQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAT0lEQVQImUXIuwqAMBQE0dlLCsVHCBH//x9jI0bWQsTp5sg2X2UeHd8kyefdCYC6ZO9b4bo7sUyr29GICGyQbZJkgFzXFwAkeRjTDwAh+QFHpR7KTkYEPAAAAABJRU5ErkJggg==');\n        --_handle-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAWCAYAAAAM2IbtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAgUlEQVQokZ2PMQ4EIQwDR2ibvJmat+VJLrliwypB0Jw7Kxo7ZoZ673POSfYNwN0xM5bcHYAGIAlJ31ESZvYeM7W8pCCpqmSYXS8ZMcdYkyCRJVZmkEgKuXUt33LMdWd5KOadyfjhSpbO6xTbppROdjJ3ciD/62Qn88417RljlGP2P1lNesKvK+nmAAAAAElFTkSuQmCC');\n        --_embossed: 0 -1px 0 0 #7b7b7b, /* Top part of top border */ 0 -2px 0 0 #000,\n          /* Bottom part of top border */ -1px 0 0 0 #7b7b7b, /* Left border color */ 1px 0 0 0 white,\n          /* Right border color */ 0 1px 0 0 white;\n        /* Bottom border color */\n      }\n\n      .spacer {\n        flex: 1;\n      }\n\n      media-controller {\n        display: block;\n        overflow: hidden;\n      }\n\n      div[slot='top-chrome'],\n      media-control-bar {\n        width: 100%;\n      }\n\n      media-control-bar {\n        border-top: 1px solid #fff;\n        box-shadow: 0 -1px 0 0 #7b7b7b;\n      }\n\n      media-control-bar {\n        padding-left: 20px;\n        background: #ccc 5px center var(--_handle-image) no-repeat;\n      }\n\n      media-time-range {\n        width: 100%;\n        --media-range-thumb-transform: translateX(-6px);\n      }\n\n      media-time-range[mediacurrenttime^='0'],\n      media-time-range[mediacurrenttime^='1.'],\n      media-time-range[mediacurrenttime^='2.'] {\n        --media-range-thumb-transform: translateX(6px);\n      }\n\n      media-volume-range {\n        --media-range-thumb-transform: translateX(-6px);\n      }\n\n      media-volume-range[mediavolume='0'],\n      media-volume-range[mediavolume^='0.0'] {\n        --media-range-thumb-transform: translateX(6px);\n      }\n\n      media-volume-range[mediavolume^='0.1'] {\n        --media-range-thumb-transform: translateX(5px);\n      }\n\n      media-volume-range[mediavolume^='0.2'] {\n        --media-range-thumb-transform: translateX(3px);\n      }\n\n      media-volume-range[mediavolume^='0.3'] {\n        --media-range-thumb-transform: translateX(2px);\n      }\n\n      media-volume-range[mediavolume^='0.4'] {\n        --media-range-thumb-transform: translateX(1px);\n      }\n\n      media-volume-range[mediavolume^='0.5'] {\n        --media-range-thumb-transform: translateX(0px);\n      }\n\n      media-volume-range[mediavolume^='0.6'] {\n        --media-range-thumb-transform: translateX(1px);\n      }\n\n      media-volume-range[mediavolume^='0.7'] {\n        --media-range-thumb-transform: translateX(-2px);\n      }\n\n      media-volume-range[mediavolume^='0.8'] {\n        --media-range-thumb-transform: translateX(-3px);\n      }\n\n      media-volume-range[mediavolume^='0.9'] {\n        --media-range-thumb-transform: translateX(-4px);\n      }\n\n      media-volume-range,\n      media-time-range {\n        --media-range-track-background: linear-gradient(\n              to right,\n              #000 1px,\n              transparent 1px,\n              transparent 7px\n            )\n            7px 50% / 7px 3px repeat-x,\n          #c6c6c6;\n\n        --media-range-track-height: 13px;\n        --media-range-track-border-radius: 0;\n        --media-range-track-box-shadow: var(--_embossed);\n\n        --media-range-thumb-transition: transform 0.1s;\n        --media-range-thumb-background: 0 0 var(--_range-thumb-image);\n        --media-range-thumb-width: 13px;\n        --media-range-thumb-height: 13px;\n        --media-range-bar-color: linear-gradient(to right, #000 1px, transparent 1px, transparent 7px)\n            7px 50% / 7px 3px repeat-x,\n          #008484;\n        --media-range-thumb-border-radius: 0;\n      }\n\n      media-time-range::part(preview-box) {\n        /* Add more space so thumb doesn't hide preview. */\n        --media-preview-box-margin: 0 0 20px;\n        display: grid;\n      }\n\n      media-time-range::part(appearance) {\n        color: red;\n      }\n\n      media-preview-thumbnail,\n      media-preview-time-display {\n        grid-area: 1 / 1;\n      }\n\n      media-preview-time-display {\n        place-self: end center;\n        position: relative;\n        line-height: 2;\n      }\n\n      media-play-button.play div[slot='play'] {\n        width: 14px;\n        height: 13px;\n        background: 0 0 var(--_play-active-image);\n      }\n\n      media-play-button.play div[slot='pause'] {\n        width: 14px;\n        height: 13px;\n        background: 0 0 var(--_play-inactive-image);\n        cursor: not-allowed;\n      }\n\n      media-play-button.pause div[slot='play'] {\n        width: 14px;\n        height: 13px;\n        background: 0 0 var(--_pause-inactive-image);\n        cursor: not-allowed;\n      }\n\n      media-play-button.pause div[slot='pause'] {\n        width: 14px;\n        height: 13px;\n        background: 0 0 var(--_pause-active-image);\n      }\n\n      media-play-button.stop div[slot='play'] {\n        width: 14px;\n        height: 13px;\n        background: 0 0 var(--_stop-inactive-image);\n        cursor: not-allowed;\n      }\n\n      media-play-button.stop div[slot='pause'] {\n        width: 14px;\n        height: 13px;\n        background: 0 0 var(--_stop-active-image);\n      }\n\n      media-play-button.status {\n        background-color: #000;\n        margin-right: 3px;\n        --media-button-padding: 1px;\n      }\n\n      media-play-button.status div[slot='play'] {\n        width: 13px;\n        height: 13px;\n        background: 0 0 var(--_stop-green-image) no-repeat;\n      }\n\n      media-play-button.status div[slot='pause'] {\n        width: 13px;\n        height: 13px;\n        background: 0 0 var(--_play-green-image);\n      }\n\n      media-seek-backward-button,\n      media-seek-forward-button {\n        --media-button-padding: 0;\n      }\n\n      media-seek-backward-button span[slot='icon'] {\n        width: 4px;\n        height: 7px;\n        background: 0 0 var(--_seek-image);\n      }\n\n      media-seek-forward-button span[slot='icon'] {\n        width: 4px;\n        height: 7px;\n        background: 0 0 var(--_seek-image);\n        transform: rotate(180deg);\n      }\n\n      media-mute-button span[slot='off'] {\n        width: 11px;\n        height: 16px;\n        background: 0 0 var(--_speaker-inactive-image);\n      }\n\n      media-mute-button span[slot='low'],\n      media-mute-button span[slot='medium'],\n      media-mute-button span[slot='high'] {\n        width: 11px;\n        height: 16px;\n        background: 0 0 var(--_speaker-active-image);\n      }\n\n      media-time-display {\n        background: black;\n        color: #00ff00;\n        --media-font-family: monaco;\n        --media-font-weight: 300;\n        --media-font-size: 13px;\n        --media-control-padding: 0;\n      }\n\n      .bottom-bar {\n        border-top: 1px solid #fff; /* Top pixel color */\n        box-shadow: 0 -1px 0 0 #7b7b7b; /* Bottom pixel color */\n        background: #ccc 5px center var(--_handle-image) no-repeat;\n        width: 100%;\n        padding: 4px 20px;\n        display: flex;\n        align-items: center;\n        box-sizing: border-box;\n        gap: 3px;\n        font-family: monaco;\n      }\n\n      .bottom-bar > div {\n        background: black;\n        padding: 5px;\n        align-self: stretch;\n        box-shadow: var(--_embossed);\n        color: #00ff00;\n        font-size: 13px;\n        display: flex;\n        align-items: center;\n      }\n\n      .bottom-bar a {\n        color: #00ff00;\n      }\n\n      .top-bar {\n        font-family: monaco, sans-serif;\n        height: 18px;\n        width: 100%;\n        background: linear-gradient(to right, #000084, #0884ce);\n        color: #fff;\n        line-height: 1;\n        font-size: 11px;\n        display: flex;\n        align-items: center;\n        padding-left: 10px;\n        box-sizing: border-box;\n      }\n    </style>\n\n    <media-controller\n      defaultsubtitles=\"{{defaultsubtitles}}\"\n      defaultduration=\"{{defaultduration}}\"\n      gesturesdisabled=\"{{disabled}}\"\n      hotkeys=\"{{hotkeys}}\"\n      nohotkeys=\"{{nohotkeys}}\"\n      defaultstreamtype=\"on-demand\"\n    >\n      <media-error-dialog slot=\"dialog\"></media-error-dialog>\n\n      <div slot=\"top-chrome\">\n        <div class=\"top-bar\">\n          <span>ReelPlay: Welcome!</span>\n        </div>\n\n        <media-control-bar>\n          <media-play-button class=\"play\" mediacontroller=\"controller\">\n            <div slot=\"play\"></div>\n            <div slot=\"pause\"></div>\n          </media-play-button>\n\n          <media-play-button class=\"pause\" mediacontroller=\"controller\">\n            <div slot=\"play\"></div>\n            <div slot=\"pause\"></div>\n          </media-play-button>\n\n          <media-play-button class=\"stop\" mediacontroller=\"controller\">\n            <div slot=\"play\"></div>\n            <div slot=\"pause\"></div>\n          </media-play-button>\n\n          <media-seek-backward-button>\n            <span slot=\"icon\"></span>\n          </media-seek-backward-button>\n\n          <media-time-range noautohide>\n            <media-preview-thumbnail slot=\"preview\"></media-preview-thumbnail>\n            <media-preview-time-display slot=\"preview\"></media-preview-time-display>\n          </media-time-range>\n\n          <media-seek-forward-button>\n            <span slot=\"icon\"></span>\n          </media-seek-forward-button>\n\n          <div class=\"spacer\"></div>\n          <media-mute-button>\n            <span slot=\"high\"></span>\n            <span slot=\"medium\"></span>\n            <span slot=\"low\"></span>\n            <span slot=\"off\"></span>\n          </media-mute-button>\n          <media-volume-range></media-volume-range>\n        </media-control-bar>\n      </div>\n\n      <div class=\"bottom-bar\">\n        <div>\n          <media-play-button class=\"status\" mediacontroller=\"controller\">\n            <div slot=\"play\"></div>\n            <div slot=\"pause\"></div>\n          </media-play-button>\n          <span>32.1 Kbps</span>\n        </div>\n\n        <div>\n          <media-time-display showduration></media-time-display>\n        </div>\n\n        <div>\n          <span>Theme by @davekiss</span>\n        </div>\n        <div>\n          <span>Powered by <a href=\"https://mux.com\" title=\"Mux\">Mux</a></span>\n        </div>\n      </div>\n      <slot name=\"media\" slot=\"media\"></slot>\n      <slot name=\"poster\" slot=\"poster\"></slot>\n\n      <slot></slot>\n    </media-controller>\n\n  `;\n}\n\nclass MediaThemeReelplayElement extends MediaThemeElement {\n  static template = template;\n}\n\nif (globalThis.customElements && !globalThis.customElements.get('media-theme-reelplay')) {\n  globalThis.customElements.define('media-theme-reelplay', MediaThemeReelplayElement);\n}\n\nexport default MediaThemeReelplayElement;\n"]}