practisemaster 1.4.4 → 1.4.5
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/PMbundle.js +2 -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// const template = /*html*/ ` \n\nconst template = document.createElement(\"template\");\ntemplate.innerHTML = /*html*/ ` \n\n<style>\n/* stephan style */\n\n#toc {\nmargin-top: 5%;\n}\n\n.mdl-tabs__panel {\npadding-left:60px;\n}\n\n#contents-panel{\npadding-left:15%;\n}\n\n.tocLabel3 {\ntransform: translate(-5%, 100%) rotate(-90deg);\n}\n\nbody {\nbackground-color: #FAFAFA;\n}\n\n\n\n.mdl-grid, #citation{\ncolor: #607D8B;\n}\n\n.clickToc {\ncursor: pointer;\n}\n\n#toc h3{\npadding-bottom:50px;\n}\n\n#citation {\npadding-left: 15%;\npadding-top: 5%;\n}\n\np.fl::first-letter {\n font-size: 200%;\n font-weight: bold;\n color: #607D8B;\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;\npadding-right: 10%;\n\n}\n\n#toc {\nmargin-top: 10%;\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\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.book.shift();\n\n // use this for table of contents etc.\n\n\n\n\n this.book = window.book;\n\n window.query = window.book.pages;\n\n this.videoList = window.book.pages;\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 this.addMaterialStyling();\n\n // this.addfooter();\n\n\n\n\n }\n\n addNav() {\n\n var navHTML = `\n <nav class=\"menu\">\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.book.compilation.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 <!-- js tabs go here --> \n \n \n \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 </div>\n \n </nav> `\n\n// de-nest this will have to be updated\n document.querySelector(\"practise-book > div.vertical-menu\").insertAdjacentHTML('afterbegin', navHTML);\n\n this.addNavTab();\n\n\n }\n\n addNavTab() {\n\n\n this.videoList.forEach((element, index) => {\n\n\n var navTab = `<a id=\"tab_${index}\" 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 id=\"grid\">\n \n <div id=\"panelContainer\">\n \n <div class=\"mdl-tabs__panel is-active\" id=\"contents-panel\">\n <div class=\"mdl-grid\" style=\"justify-content: center\">\n \n <div id=\"toc\" class=\"mdl-cell mdl-cell--6-col mdl-cell--6-col-tablet mdl-cell--4-col-phone\">\n <h3>${this.book.compilation.title}</h3>\n </div>\n \n <div class=\"tocLabel mdl-cell mdl-cell--6-col mdl-cell--2-col-tablet mdl-cell--hide-phone \">\n <p style=\"font-size: x-large\">Table of</p><p style=\"font-size:xxx-large; color: #F60;\" >Contents</p>\n </div>\n \n </div>\n \n </div>\n\n </div>\n <div class=\"mdl-grid\"><p id='citation' class=\"mdl-cell mdl-cell--12-col mdl-cell--6-col-tablet mdl-cell--4-col-phone\" >${this.book.compilation.authors} videos, curated by ${this.book.compilation.editor} <a href=\"https://practisemaster.com/\"><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></a></p>\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, index) => {\n\n var tocEntry = `<p id=\"toc_${index}\" class=\"fl clickToc\" style=\"font-size: large\" >${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\"><div class=\"mdl-grid\"><practise-conductor></practise-conductor></div></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 //event listener for table of contents to call the corresponding tab\n // need the following:\n\n // var evt = document.createEvent(\"MouseEvents\");\n // evt.initMouseEvent(\"click\", true, true, window,\n // 0, 0, 0, 0, 0, false, false, false, false, 0, null);\n \n // document.querySelector(\"body > practise-book > div > nav > div > div > a:nth-child(3)\").dispatchEvent(evt);\n\n\n // as a function for each toc item\n\n // so give each an id like toc_1 and tab_1\n // then doc.qsa.class of toc and foreach add event listener this.split id and by qs toc_id.dispatch\n\n\n window.tocClick = document.createEvent(\"MouseEvents\");\n window.tocClick.initMouseEvent(\"click\", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);\n\n\n document.querySelectorAll('.clickToc').forEach(toc => toc.addEventListener('click', function() {\n\n// alert(toc.id.split('_')[1]);\n\n document.querySelector('#tab_'+ toc.id.split('_')[1]).dispatchEvent(window.tocClick);\n\n\n\n }))\n\n\n\n\n }\n\n addMaterialStyling() {\n\n\n // note: both should be updated with same code (refactor)\n // mdl-cell mdl-cell--6-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\n\n\n var pcs = document.querySelectorAll('practise-conductor');\n\n pcs.forEach(pc => {\n\n \n\n pc.classList.add('mdl-cell', 'mdl-cell--6-col', 'mdl-cell--8-col-tablet', 'mdl-cell--4-col-phone', 'mdl-cell--middle');\n\n\n });\n\n var pms = document.querySelectorAll('practise-master');\n\n pms.forEach(pm => {\n\n pm.classList.add('mdl-cell', 'mdl-cell--6-col', 'mdl-cell--8-col-tablet', 'mdl-cell--4-col-phone');\n\n pm.style['padding-top'] = '60px';\n\n\n });\n\n\n // need to move video title to the right\n // document.querySelector(\"#vid355114615-panel > div > practise-conductor\").shadowRoot.querySelector(\"#listSpan\")\n // .shadowRoot.querySelector(\"#listSpan\")\n\n\n\n\n // var panels = document.querySelectorAll('.mdl-tabs__panel');\n\n // panels.forEach(panel => {\n\n\n\n // });\n\n\n\n // // wrap table\n // wrap(document.querySelector('#tableholder'), document.createElement('<div class=\"mdl-cell mdl-cell--8-col-tablet mdl-cell--4-col-phone\">'));\n\n // // this wraps table <div class=\"mdl-cell mdl-cell--8-col-tablet mdl-cell--4-col-phone\"><div id=\"tableholder\">\n\n // // wrap vide (PM) this probably wraps them all\n\n // wrap(document.querySelector('practise-master'), document.createElement('<div class=\"mdl-cell mdl-cell--8-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">'));\n\n // this wraps pm <div class=\"mdl-cell mdl-cell--8-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\"> <practise-master class=\"container\"></practise-master>\n }\n\naddfooter() {\n\n \n this.insertAdjacentHTML('beforeend', `<p id='citation'>${this.book.compilation.authors} videos, <br> curated by ${this.book.compilation.editor} <a href=\"https://practisemaster.com/\"><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></a></p>`)\n}\n\n}\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BookWebComponent);\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// const template = /*html*/ ` \n\nconst template = document.createElement(\"template\");\ntemplate.innerHTML = /*html*/ ` \n\n<style>\n/* stephan style */\n\n#toc {\nmargin-top: 5%;\n}\n\n.mdl-tabs__panel {\npadding-left:60px;\n}\n\n#contents-panel{\npadding-left:15%;\n}\n\n.tocLabel3 {\ntransform: translate(-5%, 100%) rotate(-90deg);\n}\n\nbody {\nbackground-color: #FAFAFA;\n}\n\n\n\n.mdl-grid, #citation{\ncolor: #607D8B;\n}\n\n.clickToc {\ncursor: pointer;\n}\n\n#toc h3{\npadding-bottom:50px;\n}\n\n#citation {\npadding-left: 15%;\npadding-top: 5%;\n}\n\np.fl::first-letter {\n font-size: 200%;\n font-weight: bold;\n color: #607D8B;\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;\npadding-right: 10%;\n\n}\n\n#toc {\nmargin-top: 10%;\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\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.book.shift();\n\n // use this for table of contents etc.\n\n\n // window.book is the object on each html page\n // is book info and pages (lessons)\n\n\n this.book = window.book;\n\n // window.query is for the 'old' sytem that was based on query string\n // kept as a global for PM \n // update it here \n\n \n this.videoList = window.book.pages;\n\n // this is where the unique id should be added\n\n\n const genRanHex = size => [...Array(size)].map(() => Math.floor(Math.random() * 16).toString(16)).join('');\n\n\n // for multiple lessons from same vide each page will need a playerID (part random) and a videoID (from YT or Vimeo -- host)\n \n\n this.videoList.forEach(page => {\n\n page.PMCid = `PMC${genRanHex(3)}${page.videoID}`;\n \n });\n\n // and post back to window\n window.query = this.videoList;\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 this.addMaterialStyling();\n\n // this.addfooter();\n\n\n\n\n }\n\n addNav() {\n\n var navHTML = `\n <nav class=\"menu\">\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.book.compilation.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 <!-- js tabs go here --> \n \n \n \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 </div>\n \n </nav> `\n\n // de-nest this will have to be updated\n document.querySelector(\"practise-book > div.vertical-menu\").insertAdjacentHTML('afterbegin', navHTML);\n\n this.addNavTab();\n\n\n }\n\n addNavTab() {\n\n\n this.videoList.forEach((element, index) => {\n\n\n var navTab = `<a id=\"tab_${index}\" href=\"#vid${element.PMCid}-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 id=\"grid\">\n \n <div id=\"panelContainer\">\n \n <div class=\"mdl-tabs__panel is-active\" id=\"contents-panel\">\n <div class=\"mdl-grid\" style=\"justify-content: center\">\n \n <div id=\"toc\" class=\"mdl-cell mdl-cell--6-col mdl-cell--6-col-tablet mdl-cell--4-col-phone\">\n <h3>${this.book.compilation.title}</h3>\n </div>\n \n <div class=\"tocLabel mdl-cell mdl-cell--6-col mdl-cell--2-col-tablet mdl-cell--hide-phone \">\n <p style=\"font-size: x-large\">Table of</p><p style=\"font-size:xxx-large; color: #F60;\" >Contents</p>\n </div>\n \n </div>\n \n </div>\n\n </div>\n <div class=\"mdl-grid\"><p id='citation' class=\"mdl-cell mdl-cell--12-col mdl-cell--6-col-tablet mdl-cell--4-col-phone\" >${this.book.compilation.authors} videos, curated by ${this.book.compilation.editor} <a href=\"https://practisemaster.com/\"><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></a></p>\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, index) => {\n\n var tocEntry = `<p id=\"toc_${index}\" class=\"fl clickToc\" style=\"font-size: large\" >${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.PMCid}-panel\"><div class=\"mdl-grid\"><practise-conductor></practise-conductor></div></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 //event listener for table of contents to call the corresponding tab\n // need the following:\n\n // var evt = document.createEvent(\"MouseEvents\");\n // evt.initMouseEvent(\"click\", true, true, window,\n // 0, 0, 0, 0, 0, false, false, false, false, 0, null);\n\n // document.querySelector(\"body > practise-book > div > nav > div > div > a:nth-child(3)\").dispatchEvent(evt);\n\n\n // as a function for each toc item\n\n // so give each an id like toc_1 and tab_1\n // then doc.qsa.class of toc and foreach add event listener this.split id and by qs toc_id.dispatch\n\n\n window.tocClick = document.createEvent(\"MouseEvents\");\n window.tocClick.initMouseEvent(\"click\", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);\n\n\n document.querySelectorAll('.clickToc').forEach(toc => toc.addEventListener('click', function () {\n\n // alert(toc.id.split('_')[1]);\n\n document.querySelector('#tab_' + toc.id.split('_')[1]).dispatchEvent(window.tocClick);\n\n\n\n }))\n\n\n\n\n }\n\n addMaterialStyling() {\n\n\n // note: both should be updated with same code (refactor)\n // mdl-cell mdl-cell--6-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\n\n\n var pcs = document.querySelectorAll('practise-conductor');\n\n pcs.forEach(pc => {\n\n\n\n pc.classList.add('mdl-cell', 'mdl-cell--6-col', 'mdl-cell--8-col-tablet', 'mdl-cell--4-col-phone', 'mdl-cell--middle');\n\n\n });\n\n var pms = document.querySelectorAll('practise-master');\n\n pms.forEach(pm => {\n\n pm.classList.add('mdl-cell', 'mdl-cell--6-col', 'mdl-cell--8-col-tablet', 'mdl-cell--4-col-phone');\n\n pm.style['padding-top'] = '60px';\n\n\n });\n\n\n // need to move video title to the right\n // document.querySelector(\"#vid355114615-panel > div > practise-conductor\").shadowRoot.querySelector(\"#listSpan\")\n // .shadowRoot.querySelector(\"#listSpan\")\n\n\n\n\n // var panels = document.querySelectorAll('.mdl-tabs__panel');\n\n // panels.forEach(panel => {\n\n\n\n // });\n\n\n\n // // wrap table\n // wrap(document.querySelector('#tableholder'), document.createElement('<div class=\"mdl-cell mdl-cell--8-col-tablet mdl-cell--4-col-phone\">'));\n\n // // this wraps table <div class=\"mdl-cell mdl-cell--8-col-tablet mdl-cell--4-col-phone\"><div id=\"tableholder\">\n\n // // wrap vide (PM) this probably wraps them all\n\n // wrap(document.querySelector('practise-master'), document.createElement('<div class=\"mdl-cell mdl-cell--8-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\">'));\n\n // this wraps pm <div class=\"mdl-cell mdl-cell--8-col mdl-cell--8-col-tablet mdl-cell--4-col-phone\"> <practise-master class=\"container\"></practise-master>\n }\n\n addfooter() {\n\n\n this.insertAdjacentHTML('beforeend', `<p id='citation'>${this.book.compilation.authors} videos, <br> curated by ${this.book.compilation.editor} <a href=\"https://practisemaster.com/\"><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></a></p>`)\n }\n\n}\n\n\n\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BookWebComponent);\n\n//# sourceURL=webpack://practisemaster/./src/modules/bookWebComponent.js?");
|
|
128
128
|
|
|
129
129
|
/***/ }),
|
|
130
130
|
|
|
@@ -146,7 +146,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
146
146
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
147
147
|
|
|
148
148
|
"use strict";
|
|
149
|
-
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 from QSshadTable and PopFilter demo on PM website\n * as a webcomponent more than one table and player can be on one web page\n * what was passed to the query string will now be pass as an object to an attribute\n * \n * \n * the lesson r\n */\n\n\n/**\n * landing html for table and video\n */\n\n\n\nconst template = document.createElement(\"template\");\ntemplate.innerHTML = /*html*/ ` \n<style>\n\n.spacer {\nmargin:20px\n}\n\nbody {\n margin: 0;\n min-width: 250px;\n}\n\n/* Include the padding and border in an element's total width and height */\n* {\n box-sizing: border-box;\n}\n\n/* Remove margins and padding from the list */\nul {\n margin: 0;\n padding: 0;\n height:30vh;\n overflow:auto;\n}\n\n/* Style the list items */\nul li {\n cursor: pointer;\n position: relative;\n padding: 12px 8px 12px 40px;\n list-style-type: none;\n background: #eee;\n font-size: 18px;\n transition: 0.2s;\n\n /* make the list items unselectable */\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n min-height:60px;\n}\n\n/* Set all odd list items to a different color (zebra-stripes) */\nul li:nth-child(odd) {\n background: #f9f9f9;\n}\n\n/* Darker background-color on hover */\nul li:hover {\n background: #ddd;\n}\n\n/* When clicked on, add a background color and strike out text */\nul li.checked {\n background: #888;\n color: #fff;\n text-decoration: line-through;\n}\n\n/* Add a \"checked\" mark when clicked on */\nul li.checked::before {\n content: '';\n position: absolute;\n border-color: #fff;\n border-style: solid;\n border-width: 0 2px 2px 0;\n top: 30%;\n left: 16px;\n transform: rotate(45deg);\n height: 15px;\n width: 7px;\n}\n\n/* Style the close button */\n.stop {\n color: #aaaaaa;\n top: 0;\n padding: 12px 16px 12px 16px;\n} \n.slow {\n color: #aaaaaa;\n top: 0;\n padding: 12px 16px 12px 16px;\n}\n.fast {\n color: #aaaaaa;\n top: 0;\n padding: 12px 16px 12px 16px;\n}\n\n\n.close {\n position: absolute;\n right: 0;\n top: 10%;\n padding: 12px 16px 12px 16px;\n}\n\na:hover, .stop:hover, .slow:hover, .fast:hover, .close:hover {\n background-color: rgb(255, 102, 0);\n color: white;\n}\n\n/* Style the header */\n.header {\n background-color: rgb(255, 102, 0, 0.90);\n padding: 30px 40px;\n color: white;\n text-align: center;\n \n}\n\n/* Clear floats after the header */\n.header:after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n/* Style the input */\ninput {\n margin: 0;\n border: none;\n border-radius: 0;\n width: 75%;\n padding: 10px;\n float: left;\n font-size: 16px;\n}\n\n/* Style the \"Add\" button */\n.addBtn {\n padding: 10px;\n width: 25%;\n background: #d9d9d9;\n color: #555;\n float: left;\n text-align: center;\n font-size: 16px;\n cursor: pointer;\n transition: 0.3s;\n border-radius: 0;\n}\n\n.addBtn:hover {\n background-color: #bbb;\n}\n\na::after {\ncontent: '${\"\\u25B7\"}';\npadding-left:5px;\ncolor: orange;\n\n}\na:link, a:visited {\n\ncolor: black;\npadding: 14px 25px;\ntext-align: center;\ntext-decoration: none;\ndisplay: inline-block;\n}\n\n</style>\n<span id='listSpan'></span>\n<p class='spacer'></p>\n`;\n\n\n\n/**\n * Probably should have options for\n * 1) separate objects per video\n * 2) one object multi videos\n * 3) query string (single video (multi video would be too long))\n * \n * Source for all of these is the webpage\n * \n */\n\n\n/**\n * conductorWebComponent\n * - put QS on url button\n * - decode QS to object\n * - get object from window\n * - WC ususal methods\n * -- put html on page\n * -- put table on page (need to be separate WC?)\n * -- put video on page\n * - this WC will be consumed by conductorBookWC (adding menu)\n * - that will be consumed by bookSalesWC (adding admiral)\n */\n\n\nclass ConductorWebComponent extends HTMLElement {\n constructor() {\n\n // // Always call super first in constructor\n super();\n\n\n this.myElement = this.attachShadow({ mode: 'open' });\n\n /**\n * method parses QS and makes window object\n */\n // this.dealWithQS();\n\n\n this.qsParseParams = window.nowConductor;\n\n \n }\n\n \n connectedCallback() {\n\n // two things to do here:\n // 1) put table on page (to be filled do method and object data )\n // 2) put practise-master on page (with init 'data')\n\n\n // template is the table\n this.shadowRoot.appendChild(template.content.cloneNode(true));\n\n this.doTable();\n\n var WC = this.doPM();\n\n\n\n\n this.insertAdjacentElement('afterend', WC);\n\n }\n\n doPM() {\n\n var WC = document.createElement(\"practise-master\");\n\n
|
|
149
|
+
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 from QSshadTable and PopFilter demo on PM website\n * as a webcomponent more than one table and player can be on one web page\n * what was passed to the query string will now be pass as an object to an attribute\n * \n * \n * the lesson r\n */\n\n\n/**\n * landing html for table and video\n */\n\n\n\nconst template = document.createElement(\"template\");\ntemplate.innerHTML = /*html*/ ` \n<style>\n\n.spacer {\nmargin:20px\n}\n\nbody {\n margin: 0;\n min-width: 250px;\n}\n\n/* Include the padding and border in an element's total width and height */\n* {\n box-sizing: border-box;\n}\n\n/* Remove margins and padding from the list */\nul {\n margin: 0;\n padding: 0;\n height:30vh;\n overflow:auto;\n}\n\n/* Style the list items */\nul li {\n cursor: pointer;\n position: relative;\n padding: 12px 8px 12px 40px;\n list-style-type: none;\n background: #eee;\n font-size: 18px;\n transition: 0.2s;\n\n /* make the list items unselectable */\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n min-height:60px;\n}\n\n/* Set all odd list items to a different color (zebra-stripes) */\nul li:nth-child(odd) {\n background: #f9f9f9;\n}\n\n/* Darker background-color on hover */\nul li:hover {\n background: #ddd;\n}\n\n/* When clicked on, add a background color and strike out text */\nul li.checked {\n background: #888;\n color: #fff;\n text-decoration: line-through;\n}\n\n/* Add a \"checked\" mark when clicked on */\nul li.checked::before {\n content: '';\n position: absolute;\n border-color: #fff;\n border-style: solid;\n border-width: 0 2px 2px 0;\n top: 30%;\n left: 16px;\n transform: rotate(45deg);\n height: 15px;\n width: 7px;\n}\n\n/* Style the close button */\n.stop {\n color: #aaaaaa;\n top: 0;\n padding: 12px 16px 12px 16px;\n} \n.slow {\n color: #aaaaaa;\n top: 0;\n padding: 12px 16px 12px 16px;\n}\n.fast {\n color: #aaaaaa;\n top: 0;\n padding: 12px 16px 12px 16px;\n}\n\n\n.close {\n position: absolute;\n right: 0;\n top: 10%;\n padding: 12px 16px 12px 16px;\n}\n\na:hover, .stop:hover, .slow:hover, .fast:hover, .close:hover {\n background-color: rgb(255, 102, 0);\n color: white;\n}\n\n/* Style the header */\n.header {\n background-color: rgb(255, 102, 0, 0.90);\n padding: 30px 40px;\n color: white;\n text-align: center;\n \n}\n\n/* Clear floats after the header */\n.header:after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n/* Style the input */\ninput {\n margin: 0;\n border: none;\n border-radius: 0;\n width: 75%;\n padding: 10px;\n float: left;\n font-size: 16px;\n}\n\n/* Style the \"Add\" button */\n.addBtn {\n padding: 10px;\n width: 25%;\n background: #d9d9d9;\n color: #555;\n float: left;\n text-align: center;\n font-size: 16px;\n cursor: pointer;\n transition: 0.3s;\n border-radius: 0;\n}\n\n.addBtn:hover {\n background-color: #bbb;\n}\n\na::after {\ncontent: '${\"\\u25B7\"}';\npadding-left:5px;\ncolor: orange;\n\n}\na:link, a:visited {\n\ncolor: black;\npadding: 14px 25px;\ntext-align: center;\ntext-decoration: none;\ndisplay: inline-block;\n}\n\n</style>\n<span id='listSpan'></span>\n<p class='spacer'></p>\n`;\n\n\n\n/**\n * Probably should have options for\n * 1) separate objects per video\n * 2) one object multi videos\n * 3) query string (single video (multi video would be too long))\n * \n * Source for all of these is the webpage\n * \n */\n\n\n/**\n * conductorWebComponent\n * - put QS on url button\n * - decode QS to object\n * - get object from window\n * - WC ususal methods\n * -- put html on page\n * -- put table on page (need to be separate WC?)\n * -- put video on page\n * - this WC will be consumed by conductorBookWC (adding menu)\n * - that will be consumed by bookSalesWC (adding admiral)\n */\n\n\nclass ConductorWebComponent extends HTMLElement {\n constructor() {\n\n // // Always call super first in constructor\n super();\n\n\n this.myElement = this.attachShadow({ mode: 'open' });\n\n /**\n * method parses QS and makes window object\n */\n // this.dealWithQS();\n\n\n this.qsParseParams = window.nowConductor;\n\n \n }\n\n \n connectedCallback() {\n\n // two things to do here:\n // 1) put table on page (to be filled do method and object data )\n // 2) put practise-master on page (with init 'data')\n\n\n // template is the table\n this.shadowRoot.appendChild(template.content.cloneNode(true));\n\n this.doTable();\n\n var WC = this.doPM();\n\n\n\n\n this.insertAdjacentElement('afterend', WC);\n\n }\n\n doPM() {\n\n var WC = document.createElement(\"practise-master\");\n\n \n WC.id = this.qsParseParams.PMCid;\n\n // WC.id = \"jack\"+ this.qsParseParams.videoID\n\n\n WC.setAttribute(\"data-plyr-provider\", this.qsParseParams.videoProvider);\n WC.classList.add(\"static\");\n\n // updated for multi lesson, one video\n WC.setAttribute(\"data-plyr-embed-id\", this.qsParseParams.videoID);\n\n \n return WC;\n\n }\n\n doTable() {\n // create table and append to page\n const toDoTableHolder = document.createElement(\"div\");\n toDoTableHolder.id = \"tableholder\";\n\n toDoTableHolder.innerHTML = ` <div id=\"devToDoList\" class=\"header\">\n <h2 style=\"margin:5px\">${this.qsParseParams.table.title}</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</li>\n \n</ul>\n</div>`;\n\n this.shadowRoot\n .querySelector(\"#listSpan\")\n .insertAdjacentElement(\"afterbegin\", toDoTableHolder);\n\n // increment with map[key] = (map[key] ?? 0) + 1;\n // <a href='#PM${this.qsParseParams.videoID}' onclick=\"{PMinstance_PM${this.qsParseParams.videoID}.plyrInstance.speed = (PMinstance_PM${this.qsParseParams.videoID}.plyrInstance.speed ?? 0 ) - 0.125}\"> Slower</a>\n\n// note for new PMCid for some reason PMinstance_PM$ => PMinstance_$\n\n this.qsParseParams.table.rows.forEach((row) =>\n this.shadowRoot.querySelector(\"#iRow\").insertAdjacentHTML(\n \"afterend\",\n\n `<li><a href='javascript:void(0)' onclick=\"PractiseMaster.Loop('${this.qsParseParams.PMCid}', '${row.startTime}' , '${row.endTime}'); document.querySelector('#videoLabel').innerText = '${row.goal} Practise Loop';\">${row.goal}</a>\n \n <span class=\"stop\" onclick=\"PMinstance_${this.qsParseParams.PMCid}.plyrInstance.pause()\"> (Stop)</span>\n <span class=\"slow\" onclick=\"{PMinstance_${this.qsParseParams.PMCid}.plyrInstance.speed = (PMinstance_${this.qsParseParams.PMCid}.plyrInstance.speed ?? 0 ) - 0.125}\"> < Slower ></span>\n <span class=\"fast\" onclick=\"{PMinstance_${this.qsParseParams.PMCid}.plyrInstance.speed = (PMinstance_${this.qsParseParams.PMCid}.plyrInstance.speed ?? 0 ) + 0.125}\"> <<Faster>></span>\n </li>\n `\n )\n );\n\n // Create a \"close\" button and append it to each list item\n var myNodelist = this.shadowRoot.querySelectorAll(\"li\");\n var i;\n for (i = 0; i < myNodelist.length; i++) {\n var span = document.createElement(\"SPAN\");\n var txt = document.createTextNode(\"\\u00D7\");\n span.className = \"close\";\n span.appendChild(txt);\n myNodelist[i].appendChild(span);\n }\n\n // Click on a close button to hide the current list item\n var close = this.shadowRoot.querySelectorAll(\".close\");\n var i;\n for (i = 0; i < close.length; i++) {\n close[i].onclick = function () {\n var div = this.parentElement;\n div.style.display = \"none\";\n };\n }\n\n // Add a \"checked\" symbol when clicking on a list item\n var list = this.shadowRoot.querySelector(\"ul\");\n list.addEventListener(\n \"click\",\n function (ev) {\n if (ev.target.tagName === \"LI\") {\n ev.target.classList.toggle(\"checked\");\n }\n },\n false\n );\n\n const demoTitle = document.createElement(\"h1\");\n demoTitle.innerText = this.qsParseParams.companyBrand + \" Demo\";\n\n this.shadowRoot\n .querySelector(\"#listSpan\")\n .insertAdjacentElement(\"afterbegin\", demoTitle);\n }\n\n\n\n\n\n}\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ConductorWebComponent);\n\n\n\n\n//# sourceURL=webpack://practisemaster/./src/modules/conductorWebComponent.js?");
|
|
150
150
|
|
|
151
151
|
/***/ }),
|
|
152
152
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "practisemaster",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.5",
|
|
4
4
|
"description": "This is the PractiseMaster repo, treat it with respect! [](https://gitpod.io/#https://github.com/StephanLuis/PractiseMaster)",
|
|
5
5
|
"dependencies": {
|
|
6
6
|
"input-duration": "^2.2.3",
|