practisemaster 1.2.6 → 1.2.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/PMbundle.js +1 -1
  2. package/package.json +1 -1
package/dist/PMbundle.js CHANGED
@@ -124,7 +124,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
124
124
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
125
125
 
126
126
  "use strict";
127
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/**\n * Web Component for the book form of the conductorWebComponent:\n * adds navigation for lessons\n * \n */\n\n\n\n// const template = /*html*/ ` \n\nconst template = document.createElement(\"template\");\ntemplate.innerHTML = /*html*/ ` \n\n<style>\n/* stephan style */\np.fl::first-letter {\n font-size: 200%;\n font-weight: bold;\n color: black;\n padding:6px 0 0;\n display: inline-block;\n display: -moz-inline-box;\n -moz-box-orient: vertical;\n vertical-align: top;\n zoom: 1;\n *display: inline;\n}\n\np.fl{\n\nmargin-bottom: 3px;\n\n}\n\np.subtitle{\nmargin-left: 10px;\nmargin-bottom: 30px;\n}\n\n.tocLabel{\ntransform: rotate(-90deg);\njustify-items: right;\nposition: absolute;\nmargin-left: 256px;\nmargin-top: 50px;\n\n}\n\n\n\n.vertical-menu .mdl-tabs__tab-bar {\n -webkit-flex-direction: column;\n -ms-flex-direction: column;\n flex-direction: column;\n justify-content: flex-start;\n height: 100%;\n border-bottom: none;\n}\n\n.vertical-menu .menu a.vertical-menu-header {\n border-left: 4px solid transparent;\n padding: 10px 24px 10px 10px;\n text-transform: capitalize;\n width: 240px;\n text-align: left;\n color: #455A64;\n text-decoration: none;\n letter-spacing: 2px;\n}\n\n.vertical-menu .mdl-tabs__tab-bar .mdl-tabs__tab {\n border-left: 4px solid transparent;\n padding: 0 24px 0 10px;\n text-transform: capitalize;\n width: 240px;\n text-align: left;\n color: #455A64\n}\n\n.vertical-menu .mdl-tabs__tab-bar .mdl-tabs__tab .mdl-chip__contact {\n background-color: #607D8B;\n color: #CFD8DC;\n}\n\n.vertical-menu .mdl-tabs__tab-bar .mdl-tabs__tab:hover {\n color: rgba(0, 0, 0, .87);\n border-left: 4px solid transparent;\n}\n\n.vertical-menu .mdl-tabs__tab-bar .mdl-tabs__tab:hover .mdl-chip__contact {\n color: #fff;\n background-color: #546E7A;\n}\n\n.vertical-menu .mdl-tabs__tab-bar .mdl-tabs__tab.is-active {\n color: rgba(0, 0, 0, .97);\n border-left: 4px solid #FF6E40;\n}\n\n.vertical-menu .mdl-tabs__tab-bar .mdl-tabs__tab.is-active .mdl-chip__contact {\n color: #FFF;\n}\n\n.vertical-menu.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {\n display: none;\n}\n\n.menu:hover,\nnav.menu.expanded {\n width: 240px;\n overflow: hidden;\n}\n\nnav.menu {\n background: #ECEFF1;\n border-right: 1px solid #CFD8DC;\n position: absolute;\n top: 0;\n bottom: 0;\n height: 100%;\n left: 0;\n width: 58px;\n overflow: hidden;\n -webkit-transition: width .06s linear;\n transition: width .09s linear;\n -webkit-transform: translateZ(0) scale(1, 1);\n z-index: 1000;\n}\n\nnav.menu .mdl-tabs__tab-bar a {\n -webkit-transform: translateZ(0) scale(1, 1);\n -webkit-transition: all .1s linear;\n transition: all .1s linear;\n}\n\n.no-touch .scrollable.hover {\n overflow-y: hidden;\n}\n\n.no-touch .scrollable.hover:hover {\n overflow-y: auto;\n overflow: visible;\n}\n\na:hover,\na:focus {\n text-decoration: none;\n}\n\nnav.patient-menu {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n -o-user-select: none;\n user-select: none;\n}\n\n.mdl-grid {\n margin-left: 60px;\n}\n\n\n</style>\n\n<div class=\"vertical-menu mdl-tabs mdl-js-tabs\"></div>\n`;\n\n\n\nclass BookWebComponent extends HTMLElement {\n constructor() {\n\n // // Always call super first in constructor\n super();\n\n\n // for dynamic tabs and table of contents\n // first object in array is book citation\n // rest (list of videos) is passed on to conductorWC\n\n this.bookCitation = window.query.shift();\n\n // use this for table of contents etc.\n\n this.videoList = window.query;\n\n \n }\n\n\n connectedCallback() {\n\n\n this.appendChild(template.content.cloneNode(true));\n\n\n this.addNav();\n\n this.addGrid();\n\n this.addListeners();\n\n\n\n\n }\n\n addNav() {\n\n\n\n var navHTML = `<nav class=\"menu\">\n\n \n <div class=\"mdl-tabs__tab-bar\">\n <a href=\"#\" class=\"vertical-menu-header\"><span class=\"mdl-chip__contact mdl-color--blue-grey-50 mdl-color-text--blue-grey-500\"><i class=\"fa fa-music fa-1.75x\" aria-hidden=\"true\"></i>\n</span> ${this.bookCitation.title} <i class=\"fa fa-angle-right fa-fw\" aria-hidden=\"true\"></i></a>\n <div class=\"vertical-scroll\">\n <a href=\"#contents-panel\" class=\"mdl-tabs__tab is-active\"><span class=\"mdl-chip__contact\"><i class=\"fa fa-bars fa-1.5x\" aria-hidden=\"true\"></i></span></a>\n \n \n \n </div>\n <a href=\"#\" id=\"userButton\" class=\"vertical-menu-header\"><span class=\"mdl-chip__contact mdl-color--blue-grey-50 mdl-color-text--blue-grey-500\"><i id=\"userButton\"class=\"fa fa-user fa-2x\" aria-hidden=\"true\"></i></a>\n <a href=\"#test-panel\" class=\"mdl-tabs__tab\"><span class=\"mdl-chip__contact\">T</span> Test</a>\n </div>\n \n </nav> `\n\n\n document.querySelector(\"practise-book > div.vertical-menu\").insertAdjacentHTML('afterbegin', navHTML);\n\n this.addNavTab();\n\n\n }\n\n addNavTab() {\n\n this.videoList.forEach(element => {\n\n\n var navTab = `<a href=\"#vid${element.videoID}-panel\" class=\"mdl-tabs__tab\"><span class=\"mdl-chip__contact\">${element.videoTitle.charAt(0)} </span> ${element.videoTitle}</a>`\n\n document.querySelector(\"div.vertical-scroll\").insertAdjacentHTML('beforeend', navTab);\n\n });\n\n }\n\n\n addGrid() {\n\n var gridHtml = `\n <div class=\"mdl-grid\">\n \n <div id=\"panelContainer\" class=\"mdl-cell mdl-cell--6-col mdl-cell--8-col-tablet\">\n \n <div class=\"mdl-tabs__panel is-active\" id=\"contents-panel\">\n<div class=\"tocLabel\"><p style=\"font-size: x-large\">Table of</p><p style=\"font-size:xxx-large\" >Contents</p></div>\n <p id=\"title\" style=\"margin-left:150px; font-size:large;\">Center Temp Title</p>\n \n <div style = \"margin-left:30px\" id=\"toc\">\n \n </div>\n\n <p style=\"margin-top:150px\">\n <br>\n <svg style=\"height: 2rem;\" viewBox=\"0 0 79.381 79.381\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"0\" stroke-width=\"3\" d=\"M4.967 74.414C2.25 71.644 1.5 43.19 1.5 39.31c0-3.797.755-31.685 3.467-34.343C7.737 2.25 36.19 1.5 40.07 1.5c3.797 0 31.685.755 34.343 3.467 2.717 2.77 3.467 31.224 3.467 35.104 0 3.797-.755 31.685-3.467 34.343-2.77 2.717-31.224 3.467-35.104 3.467-3.797 0-31.685-.755-34.343-3.467z\" clip-rule=\"evenodd\"></path><path fill=\"#f60\" fill-rule=\"evenodd\" d=\"M62.694 35.092c-.06 1.553-18.031 10.068-19.4 10.806-1.352.73-18.172 10.979-19.473 10.16-1.315-.828.296-20.65.342-22.203.044-1.537-.422-21.228.938-21.945 1.375-.725 17.734 10.581 19.057 11.397 1.31.807 18.595 10.249 18.536 11.785z\" clip-rule=\"evenodd\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"0\" stroke-width=\"3\" d=\"M16.98 65.076h50.806\"></path></svg>\n <br><a href=\"https://practisemaster.com/\">PractiseMaster</a>\n</p>\n </div>\n\n\n <div class=\"mdl-tabs__panel\" id=\"test-panel\">\n <p>nothing</p>\n </div>\n </div>\n </div> `\n\n document.querySelector(\"practise-book > div.vertical-menu\").insertAdjacentHTML('beforeend', gridHtml);\n\n this.addGridTableContents();\n this.addGridPMPanel();\n\n }\n\n\n\n addGridTableContents() {\n\n this.videoList.forEach(element => {\n\n var tocEntry = `<p class=\"fl\" style=\"font-size: large\" href=\"#vid${element.videoID}-panel\" class=\"mdl-tabs__tab\">${element.videoTitle}</p><p class=\"subtitle\"> ${element.companyBrand} teaches it in ${element.table.rows.length} steps</p>`;\n\n document.querySelector(\"#toc\").insertAdjacentHTML('beforeend', tocEntry);\n\n });\n\n\n }\n\n /// maybe at the very end add practise-conductor with createElement !\n\n\n addGridPMPanel() {\n\n this.videoList.forEach(element => {\n\n\n window.nowConductor = element;\n\n var panel = `<div class=\"mdl-tabs__panel\" id=\"vid${element.videoID}-panel\"><practise-conductor></practise-conductor></div>`;\n\n document.querySelector(\"#panelContainer\").insertAdjacentHTML('beforeend', panel);\n\n // var pc = document.createElement('practise-conductor');\n\n // document.querySelector(\"#vid\" + element.videoID + \"-panel\").insertAdjacentElement('beforeend', pc);\n\n\n });\n\n\n }\n\n addListeners(){\n\n document.querySelector('#userButton').addEventListener('click', function(){ window.admiral(\"show\", \"transact.login\", {returnURL: \"https://getadmiral.com\"})});\n\n }\n\n\n}\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BookWebComponent);\n\n\n\n\n//# sourceURL=webpack://practisemaster/./src/modules/bookWebComponent.js?");
127
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/**\n * Web Component for the book form of the conductorWebComponent:\n * adds navigation for lessons\n * \n */\n\n\n\n// const template = /*html*/ ` \n\nconst template = document.createElement(\"template\");\ntemplate.innerHTML = /*html*/ ` \n\n<style>\n/* stephan style */\np.fl::first-letter {\n font-size: 200%;\n font-weight: bold;\n color: black;\n padding:6px 0 0;\n display: inline-block;\n display: -moz-inline-box;\n -moz-box-orient: vertical;\n vertical-align: top;\n zoom: 1;\n *display: inline;\n}\n\np.fl{\n\nmargin-bottom: 3px;\n\n}\n\np.subtitle{\nmargin-left: 10px;\nmargin-bottom: 30px;\n}\n\n.tocLabel{\ntransform: rotate(-90deg);\njustify-items: right;\nposition: absolute;\nmargin-left: 256px;\nmargin-top: 50px;\n\n}\n\n\n\n.vertical-menu .mdl-tabs__tab-bar {\n -webkit-flex-direction: column;\n -ms-flex-direction: column;\n flex-direction: column;\n justify-content: flex-start;\n height: 100%;\n border-bottom: none;\n}\n\n.vertical-menu .menu a.vertical-menu-header {\n border-left: 4px solid transparent;\n padding: 10px 24px 10px 10px;\n text-transform: capitalize;\n width: 240px;\n text-align: left;\n color: #455A64;\n text-decoration: none;\n letter-spacing: 2px;\n}\n\n.vertical-menu .mdl-tabs__tab-bar .mdl-tabs__tab {\n border-left: 4px solid transparent;\n padding: 0 24px 0 10px;\n text-transform: capitalize;\n width: 240px;\n text-align: left;\n color: #455A64\n}\n\n.vertical-menu .mdl-tabs__tab-bar .mdl-tabs__tab .mdl-chip__contact {\n background-color: #607D8B;\n color: #CFD8DC;\n}\n\n.vertical-menu .mdl-tabs__tab-bar .mdl-tabs__tab:hover {\n color: rgba(0, 0, 0, .87);\n border-left: 4px solid transparent;\n}\n\n.vertical-menu .mdl-tabs__tab-bar .mdl-tabs__tab:hover .mdl-chip__contact {\n color: #fff;\n background-color: #546E7A;\n}\n\n.vertical-menu .mdl-tabs__tab-bar .mdl-tabs__tab.is-active {\n color: rgba(0, 0, 0, .97);\n border-left: 4px solid #FF6E40;\n}\n\n.vertical-menu .mdl-tabs__tab-bar .mdl-tabs__tab.is-active .mdl-chip__contact {\n color: #FFF;\n}\n\n.vertical-menu.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {\n display: none;\n}\n\n.menu:hover,\nnav.menu.expanded {\n width: 240px;\n overflow: hidden;\n}\n\nnav.menu {\n background: #ECEFF1;\n border-right: 1px solid #CFD8DC;\n position: absolute;\n top: 0;\n bottom: 0;\n height: 100%;\n left: 0;\n width: 58px;\n overflow: hidden;\n -webkit-transition: width .06s linear;\n transition: width .09s linear;\n -webkit-transform: translateZ(0) scale(1, 1);\n z-index: 1000;\n}\n\nnav.menu .mdl-tabs__tab-bar a {\n -webkit-transform: translateZ(0) scale(1, 1);\n -webkit-transition: all .1s linear;\n transition: all .1s linear;\n}\n\n.no-touch .scrollable.hover {\n overflow-y: hidden;\n}\n\n.no-touch .scrollable.hover:hover {\n overflow-y: auto;\n overflow: visible;\n}\n\na:hover,\na:focus {\n text-decoration: none;\n}\n\nnav.patient-menu {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n -o-user-select: none;\n user-select: none;\n}\n\n.mdl-grid {\n margin-left: 60px;\n}\n\n\n</style>\n\n<div class=\"vertical-menu mdl-tabs mdl-js-tabs\"></div>\n`;\n\n\n\nclass BookWebComponent extends HTMLElement {\n constructor() {\n\n // // Always call super first in constructor\n super();\n\n\n // for dynamic tabs and table of contents\n // first object in array is book citation\n // rest (list of videos) is passed on to conductorWC\n\n this.bookCitation = window.query.shift();\n\n // use this for table of contents etc.\n\n this.videoList = window.query;\n\n \n }\n\n\n connectedCallback() {\n\n\n this.appendChild(template.content.cloneNode(true));\n\n\n this.addNav();\n\n this.addGrid();\n\n this.addListeners();\n\n\n\n\n }\n\n addNav() {\n\n\n\n var navHTML = `<nav class=\"menu\">\n\n \n <div class=\"mdl-tabs__tab-bar\">\n <a href=\"#\" class=\"vertical-menu-header\"><span class=\"mdl-chip__contact mdl-color--blue-grey-50 mdl-color-text--blue-grey-500\"><i class=\"fa fa-music fa-1.75x\" aria-hidden=\"true\"></i>\n</span> ${this.bookCitation.title} <i class=\"fa fa-angle-right fa-fw\" aria-hidden=\"true\"></i></a>\n <div class=\"vertical-scroll\">\n <a href=\"#contents-panel\" class=\"mdl-tabs__tab is-active\"><span class=\"mdl-chip__contact\"><i class=\"fa fa-bars fa-1.5x\" aria-hidden=\"true\"></i></span></a>\n \n \n \n </div>\n <a href=\"#\" id=\"userButton\" class=\"vertical-menu-header\"><span class=\"mdl-chip__contact mdl-color--blue-grey-50 mdl-color-text--blue-grey-500\"><i id=\"userButton\"class=\"fa fa-user fa-2x\" aria-hidden=\"true\"></i></a>\n <a href=\"#test-panel\" class=\"mdl-tabs__tab\"><span class=\"mdl-chip__contact\">T</span> Test</a>\n </div>\n \n </nav> `\n\n\n document.querySelector(\"practise-book > div.vertical-menu\").insertAdjacentHTML('afterbegin', navHTML);\n\n this.addNavTab();\n\n\n }\n\n addNavTab() {\n\n this.videoList.forEach(element => {\n\n\n var navTab = `<a href=\"#vid${element.videoID}-panel\" class=\"mdl-tabs__tab\"><span class=\"mdl-chip__contact\">${element.videoTitle.charAt(0)} </span> ${element.videoTitle}</a>`\n\n document.querySelector(\"div.vertical-scroll\").insertAdjacentHTML('beforeend', navTab);\n\n });\n\n }\n\n\n addGrid() {\n\n var gridHtml = `\n <div class=\"mdl-grid\">\n \n <div id=\"panelContainer\" class=\"mdl-cell mdl-cell--12-col\">\n \n \n <div class=\"mdl-tabs__panel is-active\" id=\"contents-panel\">\n<div class=\"tocLabel\"><p style=\"font-size: x-large\">Table of</p><p style=\"font-size:xxx-large\" >Contents</p></div>\n <p id=\"title\" style=\"margin-left:150px; font-size:large;\">Center Temp Title</p>\n \n <div style = \"margin-left:30px\" id=\"toc\">\n \n </div>\n\n <p style=\"margin-top:150px\">\n <br>\n <svg style=\"height: 2rem;\" viewBox=\"0 0 79.381 79.381\"><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"0\" stroke-width=\"3\" d=\"M4.967 74.414C2.25 71.644 1.5 43.19 1.5 39.31c0-3.797.755-31.685 3.467-34.343C7.737 2.25 36.19 1.5 40.07 1.5c3.797 0 31.685.755 34.343 3.467 2.717 2.77 3.467 31.224 3.467 35.104 0 3.797-.755 31.685-3.467 34.343-2.77 2.717-31.224 3.467-35.104 3.467-3.797 0-31.685-.755-34.343-3.467z\" clip-rule=\"evenodd\"></path><path fill=\"#f60\" fill-rule=\"evenodd\" d=\"M62.694 35.092c-.06 1.553-18.031 10.068-19.4 10.806-1.352.73-18.172 10.979-19.473 10.16-1.315-.828.296-20.65.342-22.203.044-1.537-.422-21.228.938-21.945 1.375-.725 17.734 10.581 19.057 11.397 1.31.807 18.595 10.249 18.536 11.785z\" clip-rule=\"evenodd\"></path><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"0\" stroke-width=\"3\" d=\"M16.98 65.076h50.806\"></path></svg>\n <br><a href=\"https://practisemaster.com/\">PractiseMaster</a>\n</p>\n </div>\n\n\n <div class=\"mdl-tabs__panel\" id=\"test-panel\">\n\n\n <div class=\"mdl-grid\">\n <div class=\"mdl-cell mdl-cell--8-col-tablet mdl-cell--4-col-phone\"><div id=\"tableholder\"> <div id=\"devToDoList\" class=\"header\">\n <h2 style=\"margin:5px\">How to make a DIY pop filter</h2>\n <p>Watch the full video, then ...focus on form, do the sets you need.</p> \n \n</div>\n<ul id=\"toDoUL\">\n <li class=\"checked\" id=\"iRow\"> Tick each item when you're done mastering each skill<span class=\"close\">×</span></li><li><a href=\"javascript:void(0)\" onclick=\"PractiseMaster.Loop('PM355114615', '00:00.000' , '00:04.000'); document.querySelector('#videoLabel').innerText = 'Vimeo Trailer Practise Loop';\">Vimeo Trailer</a>\n \n <span class=\"stop\" onclick=\"PMinstance_PM355114615.plyrInstance.pause()\"> (Stop)</span>\n <span class=\"slow\" onclick=\"{PMinstance_PM355114615.plyrInstance.speed = (PMinstance_PM355114615.plyrInstance.speed ?? 0 ) - 0.125}\"> &lt; Slower &gt;</span>\n <span class=\"fast\" onclick=\"{PMinstance_PM355114615.plyrInstance.speed = (PMinstance_PM355114615.plyrInstance.speed ?? 0 ) + 0.125}\"> &lt;&lt;Faster&gt;&gt;</span>\n <span class=\"close\">×</span></li>\n <li><a href=\"javascript:void(0)\" onclick=\"PractiseMaster.Loop('PM355114615', '00:05.000' , '00:12.673'); document.querySelector('#videoLabel').innerText = 'Xavier Introduction Practise Loop';\">Xavier Introduction</a>\n \n <span class=\"stop\" onclick=\"PMinstance_PM355114615.plyrInstance.pause()\"> (Stop)</span>\n <span class=\"slow\" onclick=\"{PMinstance_PM355114615.plyrInstance.speed = (PMinstance_PM355114615.plyrInstance.speed ?? 0 ) - 0.125}\"> &lt; Slower &gt;</span>\n <span class=\"fast\" onclick=\"{PMinstance_PM355114615.plyrInstance.speed = (PMinstance_PM355114615.plyrInstance.speed ?? 0 ) + 0.125}\"> &lt;&lt;Faster&gt;&gt;</span>\n <span class=\"close\">×</span></li>\n <li><a href=\"javascript:void(0)\" onclick=\"PractiseMaster.Loop('PM355114615', '00:13.216' , '00:21.128'); document.querySelector('#videoLabel').innerText = 'What is the problem? Practise Loop';\">What is the problem?</a>\n \n <span class=\"stop\" onclick=\"PMinstance_PM355114615.plyrInstance.pause()\"> (Stop)</span>\n <span class=\"slow\" onclick=\"{PMinstance_PM355114615.plyrInstance.speed = (PMinstance_PM355114615.plyrInstance.speed ?? 0 ) - 0.125}\"> &lt; Slower &gt;</span>\n <span class=\"fast\" onclick=\"{PMinstance_PM355114615.plyrInstance.speed = (PMinstance_PM355114615.plyrInstance.speed ?? 0 ) + 0.125}\"> &lt;&lt;Faster&gt;&gt;</span>\n <span class=\"close\">×</span></li>\n <li><a href=\"javascript:void(0)\" onclick=\"PractiseMaster.Loop('PM355114615', '00:21.393' , '00:28.575'); document.querySelector('#videoLabel').innerText = 'What is the fix? Practise Loop';\">What is the fix?</a>\n \n <span class=\"stop\" onclick=\"PMinstance_PM355114615.plyrInstance.pause()\"> (Stop)</span>\n <span class=\"slow\" onclick=\"{PMinstance_PM355114615.plyrInstance.speed = (PMinstance_PM355114615.plyrInstance.speed ?? 0 ) - 0.125}\"> &lt; Slower &gt;</span>\n <span class=\"fast\" onclick=\"{PMinstance_PM355114615.plyrInstance.speed = (PMinstance_PM355114615.plyrInstance.speed ?? 0 ) + 0.125}\"> &lt;&lt;Faster&gt;&gt;</span>\n <span class=\"close\">×</span></li>\n <li><a href=\"javascript:void(0)\" onclick=\"PractiseMaster.Loop('PM355114615', '00:28.781' , '00:40.415'); document.querySelector('#videoLabel').innerText = 'DIY 1 Stockings Practise Loop';\">DIY 1 Stockings</a>\n \n <span class=\"stop\" onclick=\"PMinstance_PM355114615.plyrInstance.pause()\"> (Stop)</span>\n <span class=\"slow\" onclick=\"{PMinstance_PM355114615.plyrInstance.speed = (PMinstance_PM355114615.plyrInstance.speed ?? 0 ) - 0.125}\"> &lt; Slower &gt;</span>\n <span class=\"fast\" onclick=\"{PMinstance_PM355114615.plyrInstance.speed = (PMinstance_PM355114615.plyrInstance.speed ?? 0 ) + 0.125}\"> &lt;&lt;Faster&gt;&gt;</span>\n <span class=\"close\">×</span></li>\n <li><a href=\"javascript:void(0)\" onclick=\"PractiseMaster.Loop('PM355114615', '00:40.841' , '00:50.589'); document.querySelector('#videoLabel').innerText = 'DIY 2 Socks Practise Loop';\">DIY 2 Socks</a>\n \n <span class=\"stop\" onclick=\"PMinstance_PM355114615.plyrInstance.pause()\"> (Stop)</span>\n <span class=\"slow\" onclick=\"{PMinstance_PM355114615.plyrInstance.speed = (PMinstance_PM355114615.plyrInstance.speed ?? 0 ) - 0.125}\"> &lt; Slower &gt;</span>\n <span class=\"fast\" onclick=\"{PMinstance_PM355114615.plyrInstance.speed = (PMinstance_PM355114615.plyrInstance.speed ?? 0 ) + 0.125}\"> &lt;&lt;Faster&gt;&gt;</span>\n <span class=\"close\">×</span></li>\n <li><a href=\"javascript:void(0)\" onclick=\"PractiseMaster.Loop('PM355114615', '01:00.312' , '01:03.245'); document.querySelector('#videoLabel').innerText = 'Bye from Xavier Practise Loop';\">Bye from Xavier</a>\n \n <span class=\"stop\" onclick=\"PMinstance_PM355114615.plyrInstance.pause()\"> (Stop)</span>\n <span class=\"slow\" onclick=\"{PMinstance_PM355114615.plyrInstance.speed = (PMinstance_PM355114615.plyrInstance.speed ?? 0 ) - 0.125}\"> &lt; Slower &gt;</span>\n <span class=\"fast\" onclick=\"{PMinstance_PM355114615.plyrInstance.speed = (PMinstance_PM355114615.plyrInstance.speed ?? 0 ) + 0.125}\"> &lt;&lt;Faster&gt;&gt;</span>\n <span class=\"close\">×</span></li>\n <li><a href=\"javascript:void(0)\" onclick=\"PractiseMaster.Loop('PM355114615', '01:03.886' , '01:08.075'); document.querySelector('#videoLabel').innerText = 'Vimeo Outro Practise Loop';\">Vimeo Outro</a>\n \n <span class=\"stop\" onclick=\"PMinstance_PM355114615.plyrInstance.pause()\"> (Stop)</span>\n <span class=\"slow\" onclick=\"{PMinstance_PM355114615.plyrInstance.speed = (PMinstance_PM355114615.plyrInstance.speed ?? 0 ) - 0.125}\"> &lt; Slower &gt;</span>\n <span class=\"fast\" onclick=\"{PMinstance_PM355114615.plyrInstance.speed = (PMinstance_PM355114615.plyrInstance.speed ?? 0 ) + 0.125}\"> &lt;&lt;Faster&gt;&gt;</span>\n <span class=\"close\">×</span></li>\n \n \n</ul>\n</div>\n</div>\n <div class=\"mdl-cell mdl-cell--8-col-tablet mdl-cell--4-col-phone\">\n <practise-master class=\"container\"><div class=\"plyr plyr--full-ui plyr--video plyr--vimeo plyr--fullscreen-enabled plyr--paused plyr--stopped plyr--is-touch static pm plyr--captions-enabled\" id=\"PM355114615\"><div class=\"plyr__controls\" style=\"flex-wrap: wrap;\"><button class=\"plyr__controls__item plyr__control\" type=\"button\" data-plyr=\"play\" aria-pressed=\"false\" aria-label=\"Play\" style=\"display: none;\"><svg class=\"icon--pressed\" aria-hidden=\"true\" focusable=\"false\"><use xlink:href=\"#plyr-pause\"></use></svg><svg class=\"icon--not-pressed\" aria-hidden=\"true\" focusable=\"false\"><use xlink:href=\"#plyr-play\"></use></svg><span class=\"label--pressed plyr__sr-only\">Pause</span><span class=\"label--not-pressed plyr__sr-only\">Play</span></button><div class=\"plyr__controls__item plyr__progress__container\" style=\"display: none;\"><div class=\"plyr__progress\"><input data-plyr=\"seek\" type=\"range\" min=\"0\" max=\"100\" step=\"0.01\" value=\"0\" autocomplete=\"off\" role=\"slider\" aria-label=\"Seek\" aria-valuemin=\"0\" aria-valuemax=\"69\" aria-valuenow=\"0\" id=\"plyr-seek-4049\" aria-valuetext=\"00:00 of 00:00\" style=\"--value: 0%; user-select: none; touch-action: manipulation;\"><progress class=\"plyr__progress__buffer\" min=\"0\" max=\"100\" value=\"0\" role=\"progressbar\" aria-hidden=\"true\">% buffered</progress><span class=\"plyr__tooltip\">00:00</span></div></div><div class=\"plyr__controls__item plyr__time--current plyr__time\" aria-label=\"Current time\" role=\"timer\" style=\"display: none;\">00:00</div><div class=\"plyr__controls__item plyr__time--duration plyr__time\" aria-label=\"Duration\" role=\"timer\" style=\"display: none;\">01:09</div><div class=\"plyr__controls__item plyr__volume\" style=\"display: none;\"><button type=\"button\" class=\"plyr__control\" data-plyr=\"mute\" aria-pressed=\"false\"><svg class=\"icon--pressed\" aria-hidden=\"true\" focusable=\"false\"><use xlink:href=\"#plyr-muted\"></use></svg><svg class=\"icon--not-pressed\" aria-hidden=\"true\" focusable=\"false\"><use xlink:href=\"#plyr-volume\"></use></svg><span class=\"label--pressed plyr__sr-only\">Unmute</span><span class=\"label--not-pressed plyr__sr-only\">Mute</span></button><input data-plyr=\"volume\" type=\"range\" min=\"0\" max=\"1\" step=\"0.05\" value=\"1\" autocomplete=\"off\" role=\"slider\" aria-label=\"Volume\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"100\" id=\"plyr-volume-4049\" aria-valuetext=\"100.0%\" style=\"--value: 100%; user-select: none; touch-action: manipulation;\"></div><div class=\"plyr__controls__item plyr__menu\" style=\"display: none;\"><button aria-haspopup=\"true\" aria-controls=\"plyr-settings-4049\" aria-expanded=\"false\" type=\"button\" class=\"plyr__control\" data-plyr=\"settings\" aria-pressed=\"false\"><svg aria-hidden=\"true\" focusable=\"false\"><use xlink:href=\"#plyr-settings\"></use></svg><span class=\"plyr__sr-only\">Settings</span></button><div class=\"plyr__menu__container\" id=\"plyr-settings-4049\" hidden=\"\"><div><div id=\"plyr-settings-4049-home\"><div role=\"menu\"><button data-plyr=\"settings\" type=\"button\" class=\"plyr__control plyr__control--forward\" role=\"menuitem\" aria-haspopup=\"true\"><span>Captions<span class=\"plyr__menu__value\">Disabled</span></span></button><button data-plyr=\"settings\" type=\"button\" class=\"plyr__control plyr__control--forward\" role=\"menuitem\" aria-haspopup=\"true\" hidden=\"\"><span>Quality<span class=\"plyr__menu__value\">undefined</span></span></button><button data-plyr=\"settings\" type=\"button\" class=\"plyr__control plyr__control--forward\" role=\"menuitem\" aria-haspopup=\"true\"><span>Speed<span class=\"plyr__menu__value\">Normal</span></span></button></div></div><div id=\"plyr-settings-4049-captions\" hidden=\"\"><button type=\"button\" class=\"plyr__control plyr__control--back\"><span aria-hidden=\"true\">Captions</span><span class=\"plyr__sr-only\">Go back to previous menu</span></button><div role=\"menu\"><button data-plyr=\"language\" type=\"button\" role=\"menuitemradio\" class=\"plyr__control\" aria-checked=\"true\" value=\"-1\"><span>Disabled</span></button><button data-plyr=\"language\" type=\"button\" role=\"menuitemradio\" class=\"plyr__control\" aria-checked=\"false\" value=\"0\"><span>English<span class=\"plyr__menu__value\"><span class=\"plyr__badge\">EN</span></span></span></button></div></div><div id=\"plyr-settings-4049-quality\" hidden=\"\"><button type=\"button\" class=\"plyr__control plyr__control--back\"><span aria-hidden=\"true\">Quality</span><span class=\"plyr__sr-only\">Go back to previous menu</span></button><div role=\"menu\"></div></div><div id=\"plyr-settings-4049-speed\" hidden=\"\"><button type=\"button\" class=\"plyr__control plyr__control--back\"><span aria-hidden=\"true\">Speed</span><span class=\"plyr__sr-only\">Go back to previous menu</span></button><div role=\"menu\"><button data-plyr=\"speed\" type=\"button\" role=\"menuitemradio\" class=\"plyr__control\" aria-checked=\"false\" value=\"0.5\"><span>0.5×</span></button><button data-plyr=\"speed\" type=\"button\" role=\"menuitemradio\" class=\"plyr__control\" aria-checked=\"false\" value=\"0.75\"><span>0.75×</span></button><button data-plyr=\"speed\" type=\"button\" role=\"menuitemradio\" class=\"plyr__control\" aria-checked=\"true\" value=\"1\"><span>Normal</span></button><button data-plyr=\"speed\" type=\"button\" role=\"menuitemradio\" class=\"plyr__control\" aria-checked=\"false\" value=\"1.25\"><span>1.25×</span></button><button data-plyr=\"speed\" type=\"button\" role=\"menuitemradio\" class=\"plyr__control\" aria-checked=\"false\" value=\"1.5\"><span>1.5×</span></button><button data-plyr=\"speed\" type=\"button\" role=\"menuitemradio\" class=\"plyr__control\" aria-checked=\"false\" value=\"1.75\"><span>1.75×</span></button><button data-plyr=\"speed\" type=\"button\" role=\"menuitemradio\" class=\"plyr__control\" aria-checked=\"false\" value=\"2\"><span>2×</span></button></div></div></div></div></div><button class=\"plyr__controls__item plyr__control\" type=\"button\" data-plyr=\"fullscreen\" aria-pressed=\"false\"><svg class=\"icon--pressed\" aria-hidden=\"true\" focusable=\"false\"><use xlink:href=\"#plyr-exit-fullscreen\"></use></svg><svg class=\"icon--not-pressed\" aria-hidden=\"true\" focusable=\"false\"><use xlink:href=\"#plyr-enter-fullscreen\"></use></svg><span class=\"label--pressed plyr__sr-only\">Exit fullscreen</span><span class=\"label--not-pressed plyr__sr-only\">Enter fullscreen</span></button>\n <div style=\"flex-basis: 100%; height: 0px; display: none;\"></div>\n <div style=\"flex-grow: 0.25; display: none;\"></div>\n <button id=\"PM355114615_info\" class=\"infoButton plyr__controls__item plyr__control\" type=\"button\" style=\"display: none;\">\n <svg id=\"infoSVG\" class=\"icon--not-pressed\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 18 18\">\n <path xmlns=\"http://www.w3.org/2000/svg\" d=\"m9.0598 0.42333c-4.9453 0-8.9522 3.8514-8.9522 8.6049 0 4.7535 4.0068 8.6049 8.9522 8.6049 4.9453 0 8.9522-3.8514 8.9522-8.6049 0-4.7535-4.0068-8.6049-8.9522-8.6049zm0 15.544c-3.9924 0-7.2195-3.1019-7.2195-6.9394 0-3.8306 3.2271-6.9394 7.2195-6.9394 3.9852 0 7.2195 3.1019 7.2195 6.9394 0 3.8375-3.2271 6.9394-7.2195 6.9394zm0-11.728c0.83746 0 1.5161 0.65231 1.5161 1.4573 0 0.80498-0.67863 1.4573-1.5161 1.4573-0.83746 0-1.5161-0.65231-1.5161-1.4573 0-0.80498 0.67863-1.4573 1.5161-1.4573zm2.0215 8.8131c0 0.229-0.19493 0.41637-0.43317 0.41637h-3.1766c-0.23824 0-0.43317-0.18736-0.43317-0.41637v-0.83273c0-0.229 0.19493-0.41637 0.43317-0.41637h0.43317v-2.2206h-0.43317c-0.23824 0-0.43317-0.18736-0.43317-0.41637v-0.83273c0-0.229 0.19493-0.41637 0.43317-0.41637h2.3102c0.23824 0 0.43317 0.18737 0.43317 0.41637v3.4697h0.43317c0.23824 0 0.43317 0.18736 0.43317 0.41637z\"></path>\n </svg>\n <span class=\"label--not-pressed plyr__sr-only\">Info</span>\n </button>\n <span class=\"PMlogo\" style=\"font-style: italic; font-size: smaller; line-height: 12px; display: block;\">Practise<br>Master</span>\n <div style=\"flex-grow: 1; display: none;\"></div>\n <button id=\"PM355114615_nowTimeStart\" class=\"plyr__controls__item plyr__control\" type=\"button\" style=\"display: none;\">\n <svg id=\"nowSVG\" class=\"icon--not-pressed\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 18 18\" style=\"transform: scaleY(-1)\">\n <path xmlns=\"http://www.w3.org/2000/svg\" d=\"m13.83 0.12947c-0.60243 0.001022-0.93199 0.76661-1.3344 1.2481-0.42034 0.6401-0.18152 1.5806 0.28874 2.0369 0.40781 0.38221 0.08162 0.35863-0.24583 0.33434-3.3737 0.011276-6.7487-0.022766-10.121 0.017257-1.3482 0.13812-2.4025 1.9022-2.2584 3.6894 0.006509 2.7641-0.011751 4.6472 0.01577 7.4105 0.10198 1.8037 1.4251 3.1952 2.7541 3.0023 2.1542-0.01129 3.1065 0.02276 5.26-0.01727 1.3476-0.13717 2.3846-1.9108 2.2409-3.6895-0.01218-1.3917 0.02481-2.7875-0.01954-4.1765-0.096853-0.79696-0.72647-1.1446-1.2687-1.0422-0.527-0.049194-1.1834 0.011045-1.4058 0.78294-0.16627 0.81285-0.048406 1.6792-0.083807 2.5159v1.9074h-4.7123c0.0021-2.5223-0.00462-4.1591-0.00294-6.6814h10.095c-0.3871 0.56351-1.025 1.085-0.87246 1.9767 0.12204 0.66517 0.59476 1.0425 0.92175 1.5235 0.48086 0.55576 1.1804 0.23938 1.5247-0.38686 1.0531-1.4245 2.1432-2.8048 3.1729-4.2573 0.34907-0.65253 0.093278-1.5004-0.34614-1.9384-1.0264-1.3413-2.0186-2.7349-3.0667-4.0431-0.15772-0.13891-0.34622-0.21302-0.53492-0.21263z\" style=\"stroke-width:.014514\"></path>\n </svg>\n <span class=\"label--pressed plyr__sr-only\">Text for Label</span>\n <span class=\"label--not-pressed plyr__sr-only\">Text for Label</span>\n </button>\n <button id=\"PM355114615_subtrTimeStart\" class=\"plyr__controls__item plyr__control\" type=\"button\" style=\"display: none;\">\n <svg id=\"cheveronSVG\" class=\"icon--not-pressed\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 18 18\" style=\"transform: scaleX(-1)\">\n <g xmlns=\"http://www.w3.org/2000/svg\" transform=\"matrix(.036353 0 0 .036621 -3.4195 .1145)\" style=\"stroke-width:7.2515\"><g style=\"stroke-width:7.2515\"><g style=\"stroke-width:7.2515\"><path d=\"m382.68 226.8c-73.671-73.548-147.1-147.35-220.92-220.74-12.991-11.358-32.333-5.3965-41.748 7.4512-10.355 9.4864-22.632 21.691-17.227 37.166 6.041 14.425 20.131 23.247 30.207 34.805 53.47 53.47 106.94 106.94 160.41 160.41-61.919 62.042-124.09 123.84-185.85 186.04-11.359 12.99-5.3968 32.335 7.4522 41.748 9.5221 10.409 21.812 22.708 37.35 17.168 14.308-6.1241 23.115-20.108 34.623-30.154 65.802-65.925 131.86-131.6 197.5-197.68 8.6934-10.271 7.9092-26.86-1.7952-36.212z\" style=\"stroke-width:7.2515\"></path></g></g></g>\n </svg>\n <span class=\"label--pressed plyr__sr-only\">Text for Label</span>\n <span class=\"label--not-pressed plyr__sr-only\">Text for Label</span>\n </button>\n <input-duration id=\"PM355114615_timeStart\" style=\"display: none;\"></input-duration>\n <button id=\"PM355114615_addTimeStart\" class=\"plyr__controls__item plyr__control\" type=\"button\" style=\"display: none;\">\n <svg id=\"cheveronRevSVG\" class=\"icon--not-pressed\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 18 18\">\n <use xlink:href=\"#cheveronSVG\"></use>\n </svg>\n <span class=\"label--pressed plyr__sr-only\">Text for Label</span>\n <span class=\"label--not-pressed plyr__sr-only\">Text for Label</span>\n </button>\n <div style=\"flex-grow: 1; display: none;\"></div>\n <button id=\"PM355114615_nowTimeEnd\" class=\"plyr__controls__item plyr__control\" type=\"button\" style=\"display: none;\">\n <svg id=\"pointSVG\" class=\"icon--not-pressed\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 18 18\" style=\"transform: scale(-1, -1)\">\n <path xmlns=\"http://www.w3.org/2000/svg\" d=\"m13.83 0.12947c-0.60243 0.001022-0.93199 0.76661-1.3344 1.2481-0.42034 0.6401-0.18152 1.5806 0.28874 2.0369 0.40781 0.38221 0.08162 0.35863-0.24583 0.33434-3.3737 0.011276-6.7487-0.022766-10.121 0.017257-1.3482 0.13812-2.4025 1.9022-2.2584 3.6894 0.006509 2.7641-0.011751 4.6472 0.01577 7.4105 0.10198 1.8037 1.4251 3.1952 2.7541 3.0023 2.1542-0.01129 3.1065 0.02276 5.26-0.01727 1.3476-0.13717 2.3846-1.9108 2.2409-3.6895-0.01218-1.3917 0.02481-2.7875-0.01954-4.1765-0.096853-0.79696-0.72647-1.1446-1.2687-1.0422-0.527-0.049194-1.1834 0.011045-1.4058 0.78294-0.16627 0.81285-0.048406 1.6792-0.083807 2.5159v1.9074h-4.7123c0.0021-2.5223-0.00462-4.1591-0.00294-6.6814h10.095c-0.3871 0.56351-1.025 1.085-0.87246 1.9767 0.12204 0.66517 0.59476 1.0425 0.92175 1.5235 0.48086 0.55576 1.1804 0.23938 1.5247-0.38686 1.0531-1.4245 2.1432-2.8048 3.1729-4.2573 0.34907-0.65253 0.093278-1.5004-0.34614-1.9384-1.0264-1.3413-2.0186-2.7349-3.0667-4.0431-0.15772-0.13891-0.34622-0.21302-0.53492-0.21263z\" style=\"stroke-width:.014514\"></path>\n </svg>\n <span class=\"label--pressed plyr__sr-only\">Text for Label</span>\n <span class=\"label--not-pressed plyr__sr-only\">Text for Label</span>\n </button>\n <button id=\"PM355114615_subtrTimeEnd\" class=\"plyr__controls__item plyr__control\" type=\"button\" style=\"display: none;\">\n <svg class=\"icon--not-pressed\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 18 18\" style=\"transform: scaleX(-1)\">\n <use xlink:href=\"#cheveronSVG\"></use>\n </svg>\n <span class=\"label--pressed plyr__sr-only\">Text for Label</span>\n <span class=\"label--not-pressed plyr__sr-only\">Text for Label</span>\n </button>\n <input-duration id=\"PM355114615_timeEnd\" style=\"display: none;\"></input-duration>\n <button id=\"PM355114615_addTimeEnd\" class=\"plyr__controls__item plyr__control\" type=\"button\" style=\"display: none;\">\n <svg class=\"icon--not-pressed\" aria-hidden=\"true\" focusable=\"false\" viewBox=\"0 0 18 18\">\n <use xlink:href=\"#cheveronSVG\"></use>\n </svg>\n <span class=\"label--pressed plyr__sr-only\">Text for Label</span>\n <span class=\"label--not-pressed plyr__sr-only\">Text for Label</span>\n </button>\n <div style=\"flex-grow: 2; display: none;\"></div>\n <div id=\"PM355114615_onOff\" class=\"onoffswitch onoffDiv\" style=\"display: none;\">\n <input type=\"checkbox\" name=\"onoffswitch\" class=\"onoffswitch-checkbox\" tabindex=\"0\">\n <label class=\"onoffswitch-label\" for=\"myonoffswitch\">\n <span class=\"onoffswitch-inner\"></span>\n <span class=\"onoffswitch-switch\"></span>\n </label>\n </div>\n <div style=\"flex-grow: 0.5; display: none;\"> &nbsp;</div>\n </div><div class=\"plyr__video-wrapper plyr__video-embed\" style=\"aspect-ratio: 16 / 9;\"><div class=\"plyr__video-embed__container\"><iframe src=\"https://player.vimeo.com/video/355114615?loop=false&amp;autoplay=false&amp;muted=false&amp;gesture=media&amp;playsinline=true&amp;byline=false&amp;portrait=false&amp;title=false&amp;speed=true&amp;transparent=false&amp;customControls=true\" allowfullscreen=\"\" allow=\"autoplay; fullscreen; picture-in-picture; encrypted-media; accelerometer; gyroscope\" title=\"Player for How to make a DIY pop filter\" data-ready=\"true\" tabindex=\"-1\"></iframe></div><div class=\"plyr__poster\"></div></div><div class=\"plyr__captions\" dir=\"auto\"></div></div></practise-master>\n \n </div>\n</div>\n </div>\n </div>\n </div> `\n\n document.querySelector(\"practise-book > div.vertical-menu\").insertAdjacentHTML('beforeend', gridHtml);\n\n this.addGridTableContents();\n this.addGridPMPanel();\n\n }\n\n\n\n addGridTableContents() {\n\n this.videoList.forEach(element => {\n\n var tocEntry = `<p class=\"fl\" style=\"font-size: large\" href=\"#vid${element.videoID}-panel\" class=\"mdl-tabs__tab\">${element.videoTitle}</p><p class=\"subtitle\"> ${element.companyBrand} teaches it in ${element.table.rows.length} steps</p>`;\n\n document.querySelector(\"#toc\").insertAdjacentHTML('beforeend', tocEntry);\n\n });\n\n\n }\n\n /// maybe at the very end add practise-conductor with createElement !\n\n\n addGridPMPanel() {\n\n this.videoList.forEach(element => {\n\n\n window.nowConductor = element;\n\n var panel = `<div class=\"mdl-tabs__panel\" id=\"vid${element.videoID}-panel\"><practise-conductor></practise-conductor></div>`;\n\n document.querySelector(\"#panelContainer\").insertAdjacentHTML('beforeend', panel);\n\n // var pc = document.createElement('practise-conductor');\n\n // document.querySelector(\"#vid\" + element.videoID + \"-panel\").insertAdjacentElement('beforeend', pc);\n\n\n });\n\n\n }\n\n addListeners(){\n\n document.querySelector('#userButton').addEventListener('click', function(){ window.admiral(\"show\", \"transact.login\", {returnURL: \"https://getadmiral.com\"})});\n\n }\n\n\n}\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BookWebComponent);\n\n\n\n\n//# sourceURL=webpack://practisemaster/./src/modules/bookWebComponent.js?");
128
128
 
129
129
  /***/ }),
130
130
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "practisemaster",
3
- "version": "1.2.6",
3
+ "version": "1.2.8",
4
4
  "description": "This is the PractiseMaster repo, treat it with respect! [![Gitpod ready-to-code](https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod)](https://gitpod.io/#https://github.com/StephanLuis/PractiseMaster)",
5
5
  "dependencies": {
6
6
  "input-duration": "^2.2.3",