@pie-api/pie-element-extensions
Advanced tools
Comparing version 1.5.3 to 1.6.0
@@ -14,3 +14,3 @@ /** | ||
*/ | ||
const e="undefined"!=typeof window&&null!=window.customElements&&void 0!==window.customElements.polyfillWrapFlushCallback,t=(e,t,s=null)=>{for(;t!==s;){const s=t.nextSibling;e.removeChild(t),t=s}},s=`{{lit-${String(Math.random()).slice(2)}}}`,i=`\x3c!--${s}--\x3e`,r=new RegExp(`${s}|${i}`);class n{constructor(e,t){this.parts=[],this.element=t;const i=[],n=[],a=document.createTreeWalker(t.content,133,null,!1);let c=0,d=-1,p=0;const{strings:u,values:{length:m}}=e;for(;p<m;){const e=a.nextNode();if(null!==e){if(d++,1===e.nodeType){if(e.hasAttributes()){const t=e.attributes,{length:s}=t;let i=0;for(let e=0;e<s;e++)o(t[e].name,"$lit$")&&i++;for(;i-- >0;){const t=u[p],s=h.exec(t)[2],i=s.toLowerCase()+"$lit$",n=e.getAttribute(i);e.removeAttribute(i);const o=n.split(r);this.parts.push({type:"attribute",index:d,name:s,strings:o}),p+=o.length-1}}"TEMPLATE"===e.tagName&&(n.push(e),a.currentNode=e.content)}else if(3===e.nodeType){const t=e.data;if(t.indexOf(s)>=0){const s=e.parentNode,n=t.split(r),a=n.length-1;for(let t=0;t<a;t++){let i,r=n[t];if(""===r)i=l();else{const e=h.exec(r);null!==e&&o(e[2],"$lit$")&&(r=r.slice(0,e.index)+e[1]+e[2].slice(0,-"$lit$".length)+e[3]),i=document.createTextNode(r)}s.insertBefore(i,e),this.parts.push({type:"node",index:++d})}""===n[a]?(s.insertBefore(l(),e),i.push(e)):e.data=n[a],p+=a}}else if(8===e.nodeType)if(e.data===s){const t=e.parentNode;null!==e.previousSibling&&d!==c||(d++,t.insertBefore(l(),e)),c=d,this.parts.push({type:"node",index:d}),null===e.nextSibling?e.data="":(i.push(e),d--),p++}else{let t=-1;for(;-1!==(t=e.data.indexOf(s,t+1));)this.parts.push({type:"node",index:-1}),p++}}else a.currentNode=n.pop()}for(const e of i)e.parentNode.removeChild(e)}}const o=(e,t)=>{const s=e.length-t.length;return s>=0&&e.slice(s)===t},a=e=>-1!==e.index,l=()=>document.createComment(""),h=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/;function c(e,t){const{element:{content:s},parts:i}=e,r=document.createTreeWalker(s,133,null,!1);let n=p(i),o=i[n],a=-1,l=0;const h=[];let c=null;for(;r.nextNode();){a++;const e=r.currentNode;for(e.previousSibling===c&&(c=null),t.has(e)&&(h.push(e),null===c&&(c=e)),null!==c&&l++;void 0!==o&&o.index===a;)o.index=null!==c?-1:o.index-l,n=p(i,n),o=i[n]}h.forEach(e=>e.parentNode.removeChild(e))}const d=e=>{let t=11===e.nodeType?0:1;const s=document.createTreeWalker(e,133,null,!1);for(;s.nextNode();)t++;return t},p=(e,t=-1)=>{for(let s=t+1;s<e.length;s++){const t=e[s];if(a(t))return s}return-1}; | ||
const e="undefined"!=typeof window&&null!=window.customElements&&void 0!==window.customElements.polyfillWrapFlushCallback,t=(e,t,s=null)=>{for(;t!==s;){const s=t.nextSibling;e.removeChild(t),t=s}},s=`{{lit-${String(Math.random()).slice(2)}}}`,i=`\x3c!--${s}--\x3e`,n=new RegExp(`${s}|${i}`);class r{constructor(e,t){this.parts=[],this.element=t;const i=[],r=[],a=document.createTreeWalker(t.content,133,null,!1);let h=0,d=-1,p=0;const{strings:u,values:{length:m}}=e;for(;p<m;){const e=a.nextNode();if(null!==e){if(d++,1===e.nodeType){if(e.hasAttributes()){const t=e.attributes,{length:s}=t;let i=0;for(let e=0;e<s;e++)o(t[e].name,"$lit$")&&i++;for(;i-- >0;){const t=u[p],s=c.exec(t)[2],i=s.toLowerCase()+"$lit$",r=e.getAttribute(i);e.removeAttribute(i);const o=r.split(n);this.parts.push({type:"attribute",index:d,name:s,strings:o}),p+=o.length-1}}"TEMPLATE"===e.tagName&&(r.push(e),a.currentNode=e.content)}else if(3===e.nodeType){const t=e.data;if(t.indexOf(s)>=0){const s=e.parentNode,r=t.split(n),a=r.length-1;for(let t=0;t<a;t++){let i,n=r[t];if(""===n)i=l();else{const e=c.exec(n);null!==e&&o(e[2],"$lit$")&&(n=n.slice(0,e.index)+e[1]+e[2].slice(0,-"$lit$".length)+e[3]),i=document.createTextNode(n)}s.insertBefore(i,e),this.parts.push({type:"node",index:++d})}""===r[a]?(s.insertBefore(l(),e),i.push(e)):e.data=r[a],p+=a}}else if(8===e.nodeType)if(e.data===s){const t=e.parentNode;null!==e.previousSibling&&d!==h||(d++,t.insertBefore(l(),e)),h=d,this.parts.push({type:"node",index:d}),null===e.nextSibling?e.data="":(i.push(e),d--),p++}else{let t=-1;for(;-1!==(t=e.data.indexOf(s,t+1));)this.parts.push({type:"node",index:-1}),p++}}else a.currentNode=r.pop()}for(const e of i)e.parentNode.removeChild(e)}}const o=(e,t)=>{const s=e.length-t.length;return s>=0&&e.slice(s)===t},a=e=>-1!==e.index,l=()=>document.createComment(""),c=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/;function h(e,t){const{element:{content:s},parts:i}=e,n=document.createTreeWalker(s,133,null,!1);let r=p(i),o=i[r],a=-1,l=0;const c=[];let h=null;for(;n.nextNode();){a++;const e=n.currentNode;for(e.previousSibling===h&&(h=null),t.has(e)&&(c.push(e),null===h&&(h=e)),null!==h&&l++;void 0!==o&&o.index===a;)o.index=null!==h?-1:o.index-l,r=p(i,r),o=i[r]}c.forEach(e=>e.parentNode.removeChild(e))}const d=e=>{let t=11===e.nodeType?0:1;const s=document.createTreeWalker(e,133,null,!1);for(;s.nextNode();)t++;return t},p=(e,t=-1)=>{for(let s=t+1;s<e.length;s++){const t=e[s];if(a(t))return s}return-1}; | ||
/** | ||
@@ -43,3 +43,3 @@ * @license | ||
*/ | ||
class g{constructor(e,t,s){this.__parts=[],this.template=e,this.processor=t,this.options=s}update(e){let t=0;for(const s of this.__parts)void 0!==s&&s.setValue(e[t]),t++;for(const e of this.__parts)void 0!==e&&e.commit()}_clone(){const t=e?this.template.element.content.cloneNode(!0):document.importNode(this.template.element.content,!0),s=[],i=this.template.parts,r=document.createTreeWalker(t,133,null,!1);let n,o=0,l=0,h=r.nextNode();for(;o<i.length;)if(n=i[o],a(n)){for(;l<n.index;)l++,"TEMPLATE"===h.nodeName&&(s.push(h),r.currentNode=h.content),null===(h=r.nextNode())&&(r.currentNode=s.pop(),h=r.nextNode());if("node"===n.type){const e=this.processor.handleTextExpression(this.options);e.insertAfterNode(h.previousSibling),this.__parts.push(e)}else this.__parts.push(...this.processor.handleAttributeExpressions(h,n.name,n.strings,this.options));o++}else this.__parts.push(void 0),o++;return e&&(document.adoptNode(t),customElements.upgrade(t)),t}} | ||
class v{constructor(e,t,s){this.__parts=[],this.template=e,this.processor=t,this.options=s}update(e){let t=0;for(const s of this.__parts)void 0!==s&&s.setValue(e[t]),t++;for(const e of this.__parts)void 0!==e&&e.commit()}_clone(){const t=e?this.template.element.content.cloneNode(!0):document.importNode(this.template.element.content,!0),s=[],i=this.template.parts,n=document.createTreeWalker(t,133,null,!1);let r,o=0,l=0,c=n.nextNode();for(;o<i.length;)if(r=i[o],a(r)){for(;l<r.index;)l++,"TEMPLATE"===c.nodeName&&(s.push(c),n.currentNode=c.content),null===(c=n.nextNode())&&(n.currentNode=s.pop(),c=n.nextNode());if("node"===r.type){const e=this.processor.handleTextExpression(this.options);e.insertAfterNode(c.previousSibling),this.__parts.push(e)}else this.__parts.push(...this.processor.handleAttributeExpressions(c,r.name,r.strings,this.options));o++}else this.__parts.push(void 0),o++;return e&&(document.adoptNode(t),customElements.upgrade(t)),t}} | ||
/** | ||
@@ -57,3 +57,3 @@ * @license | ||
* http://polymer.github.io/PATENTS.txt | ||
*/const v=` ${s} `;class y{constructor(e,t,s,i){this.strings=e,this.values=t,this.type=s,this.processor=i}getHTML(){const e=this.strings.length-1;let t="",r=!1;for(let n=0;n<e;n++){const e=this.strings[n],o=e.lastIndexOf("\x3c!--");r=(o>-1||r)&&-1===e.indexOf("--\x3e",o+1);const a=h.exec(e);t+=null===a?e+(r?v:i):e.substr(0,a.index)+a[1]+a[2]+"$lit$"+a[3]+s}return t+=this.strings[e],t}getTemplateElement(){const e=document.createElement("template");return e.innerHTML=this.getHTML(),e}} | ||
*/const g=` ${s} `;class y{constructor(e,t,s,i){this.strings=e,this.values=t,this.type=s,this.processor=i}getHTML(){const e=this.strings.length-1;let t="",n=!1;for(let r=0;r<e;r++){const e=this.strings[r],o=e.lastIndexOf("\x3c!--");n=(o>-1||n)&&-1===e.indexOf("--\x3e",o+1);const a=c.exec(e);t+=null===a?e+(n?g:i):e.substr(0,a.index)+a[1]+a[2]+"$lit$"+a[3]+s}return t+=this.strings[e],t}getTemplateElement(){const e=document.createElement("template");return e.innerHTML=this.getHTML(),e}} | ||
/** | ||
@@ -71,3 +71,3 @@ * @license | ||
* http://polymer.github.io/PATENTS.txt | ||
*/const S=e=>null===e||!("object"==typeof e||"function"==typeof e),b=e=>Array.isArray(e)||!(!e||!e[Symbol.iterator]);class x{constructor(e,t,s){this.dirty=!0,this.element=e,this.name=t,this.strings=s,this.parts=[];for(let e=0;e<s.length-1;e++)this.parts[e]=this._createPart()}_createPart(){return new w(this)}_getValue(){const e=this.strings,t=e.length-1;let s="";for(let i=0;i<t;i++){s+=e[i];const t=this.parts[i];if(void 0!==t){const e=t.value;if(S(e)||!b(e))s+="string"==typeof e?e:String(e);else for(const t of e)s+="string"==typeof t?t:String(t)}}return s+=e[t],s}commit(){this.dirty&&(this.dirty=!1,this.element.setAttribute(this.name,this._getValue()))}}class w{constructor(e){this.value=void 0,this.committer=e}setValue(e){e===f||S(e)&&e===this.value||(this.value=e,m(e)||(this.committer.dirty=!0))}commit(){for(;m(this.value);){const e=this.value;this.value=f,e(this)}this.value!==f&&this.committer.commit()}}class C{constructor(e){this.value=void 0,this.__pendingValue=void 0,this.options=e}appendInto(e){this.startNode=e.appendChild(l()),this.endNode=e.appendChild(l())}insertAfterNode(e){this.startNode=e,this.endNode=e.nextSibling}appendIntoPart(e){e.__insert(this.startNode=l()),e.__insert(this.endNode=l())}insertAfterPart(e){e.__insert(this.startNode=l()),this.endNode=e.endNode,e.endNode=this.startNode}setValue(e){this.__pendingValue=e}commit(){if(null===this.startNode.parentNode)return;for(;m(this.__pendingValue);){const e=this.__pendingValue;this.__pendingValue=f,e(this)}const e=this.__pendingValue;e!==f&&(S(e)?e!==this.value&&this.__commitText(e):e instanceof y?this.__commitTemplateResult(e):e instanceof Node?this.__commitNode(e):b(e)?this.__commitIterable(e):e===_?(this.value=_,this.clear()):this.__commitText(e))}__insert(e){this.endNode.parentNode.insertBefore(e,this.endNode)}__commitNode(e){this.value!==e&&(this.clear(),this.__insert(e),this.value=e)}__commitText(e){const t=this.startNode.nextSibling,s="string"==typeof(e=null==e?"":e)?e:String(e);t===this.endNode.previousSibling&&3===t.nodeType?t.data=s:this.__commitNode(document.createTextNode(s)),this.value=e}__commitTemplateResult(e){const t=this.options.templateFactory(e);if(this.value instanceof g&&this.value.template===t)this.value.update(e.values);else{const s=new g(t,e.processor,this.options),i=s._clone();s.update(e.values),this.__commitNode(i),this.value=s}}__commitIterable(e){Array.isArray(this.value)||(this.value=[],this.clear());const t=this.value;let s,i=0;for(const r of e)s=t[i],void 0===s&&(s=new C(this.options),t.push(s),0===i?s.appendIntoPart(this):s.insertAfterPart(t[i-1])),s.setValue(r),s.commit(),i++;i<t.length&&(t.length=i,this.clear(s&&s.endNode))}clear(e=this.startNode){t(this.startNode.parentNode,e.nextSibling,this.endNode)}}class P{constructor(e,t,s){if(this.value=void 0,this.__pendingValue=void 0,2!==s.length||""!==s[0]||""!==s[1])throw new Error("Boolean attributes can only contain a single expression");this.element=e,this.name=t,this.strings=s}setValue(e){this.__pendingValue=e}commit(){for(;m(this.__pendingValue);){const e=this.__pendingValue;this.__pendingValue=f,e(this)}if(this.__pendingValue===f)return;const e=!!this.__pendingValue;this.value!==e&&(e?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name),this.value=e),this.__pendingValue=f}}class N extends x{constructor(e,t,s){super(e,t,s),this.single=2===s.length&&""===s[0]&&""===s[1]}_createPart(){return new T(this)}_getValue(){return this.single?this.parts[0].value:super._getValue()}commit(){this.dirty&&(this.dirty=!1,this.element[this.name]=this._getValue())}}class T extends w{}let A=!1;(()=>{try{const e={get capture(){return A=!0,!1}};window.addEventListener("test",e,e),window.removeEventListener("test",e,e)}catch(e){}})();class E{constructor(e,t,s){this.value=void 0,this.__pendingValue=void 0,this.element=e,this.eventName=t,this.eventContext=s,this.__boundHandleEvent=e=>this.handleEvent(e)}setValue(e){this.__pendingValue=e}commit(){for(;m(this.__pendingValue);){const e=this.__pendingValue;this.__pendingValue=f,e(this)}if(this.__pendingValue===f)return;const e=this.__pendingValue,t=this.value,s=null==e||null!=t&&(e.capture!==t.capture||e.once!==t.once||e.passive!==t.passive),i=null!=e&&(null==t||s);s&&this.element.removeEventListener(this.eventName,this.__boundHandleEvent,this.__options),i&&(this.__options=$(e),this.element.addEventListener(this.eventName,this.__boundHandleEvent,this.__options)),this.value=e,this.__pendingValue=f}handleEvent(e){"function"==typeof this.value?this.value.call(this.eventContext||this.element,e):this.value.handleEvent(e)}}const $=e=>e&&(A?{capture:e.capture,passive:e.passive,once:e.once}:e.capture) | ||
*/const S=e=>null===e||!("object"==typeof e||"function"==typeof e),b=e=>Array.isArray(e)||!(!e||!e[Symbol.iterator]);class x{constructor(e,t,s){this.dirty=!0,this.element=e,this.name=t,this.strings=s,this.parts=[];for(let e=0;e<s.length-1;e++)this.parts[e]=this._createPart()}_createPart(){return new w(this)}_getValue(){const e=this.strings,t=e.length-1;let s="";for(let i=0;i<t;i++){s+=e[i];const t=this.parts[i];if(void 0!==t){const e=t.value;if(S(e)||!b(e))s+="string"==typeof e?e:String(e);else for(const t of e)s+="string"==typeof t?t:String(t)}}return s+=e[t],s}commit(){this.dirty&&(this.dirty=!1,this.element.setAttribute(this.name,this._getValue()))}}class w{constructor(e){this.value=void 0,this.committer=e}setValue(e){e===f||S(e)&&e===this.value||(this.value=e,m(e)||(this.committer.dirty=!0))}commit(){for(;m(this.value);){const e=this.value;this.value=f,e(this)}this.value!==f&&this.committer.commit()}}class C{constructor(e){this.value=void 0,this.__pendingValue=void 0,this.options=e}appendInto(e){this.startNode=e.appendChild(l()),this.endNode=e.appendChild(l())}insertAfterNode(e){this.startNode=e,this.endNode=e.nextSibling}appendIntoPart(e){e.__insert(this.startNode=l()),e.__insert(this.endNode=l())}insertAfterPart(e){e.__insert(this.startNode=l()),this.endNode=e.endNode,e.endNode=this.startNode}setValue(e){this.__pendingValue=e}commit(){if(null===this.startNode.parentNode)return;for(;m(this.__pendingValue);){const e=this.__pendingValue;this.__pendingValue=f,e(this)}const e=this.__pendingValue;e!==f&&(S(e)?e!==this.value&&this.__commitText(e):e instanceof y?this.__commitTemplateResult(e):e instanceof Node?this.__commitNode(e):b(e)?this.__commitIterable(e):e===_?(this.value=_,this.clear()):this.__commitText(e))}__insert(e){this.endNode.parentNode.insertBefore(e,this.endNode)}__commitNode(e){this.value!==e&&(this.clear(),this.__insert(e),this.value=e)}__commitText(e){const t=this.startNode.nextSibling,s="string"==typeof(e=null==e?"":e)?e:String(e);t===this.endNode.previousSibling&&3===t.nodeType?t.data=s:this.__commitNode(document.createTextNode(s)),this.value=e}__commitTemplateResult(e){const t=this.options.templateFactory(e);if(this.value instanceof v&&this.value.template===t)this.value.update(e.values);else{const s=new v(t,e.processor,this.options),i=s._clone();s.update(e.values),this.__commitNode(i),this.value=s}}__commitIterable(e){Array.isArray(this.value)||(this.value=[],this.clear());const t=this.value;let s,i=0;for(const n of e)s=t[i],void 0===s&&(s=new C(this.options),t.push(s),0===i?s.appendIntoPart(this):s.insertAfterPart(t[i-1])),s.setValue(n),s.commit(),i++;i<t.length&&(t.length=i,this.clear(s&&s.endNode))}clear(e=this.startNode){t(this.startNode.parentNode,e.nextSibling,this.endNode)}}class P{constructor(e,t,s){if(this.value=void 0,this.__pendingValue=void 0,2!==s.length||""!==s[0]||""!==s[1])throw new Error("Boolean attributes can only contain a single expression");this.element=e,this.name=t,this.strings=s}setValue(e){this.__pendingValue=e}commit(){for(;m(this.__pendingValue);){const e=this.__pendingValue;this.__pendingValue=f,e(this)}if(this.__pendingValue===f)return;const e=!!this.__pendingValue;this.value!==e&&(e?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name),this.value=e),this.__pendingValue=f}}class N extends x{constructor(e,t,s){super(e,t,s),this.single=2===s.length&&""===s[0]&&""===s[1]}_createPart(){return new T(this)}_getValue(){return this.single?this.parts[0].value:super._getValue()}commit(){this.dirty&&(this.dirty=!1,this.element[this.name]=this._getValue())}}class T extends w{}let A=!1;(()=>{try{const e={get capture(){return A=!0,!1}};window.addEventListener("test",e,e),window.removeEventListener("test",e,e)}catch(e){}})();class E{constructor(e,t,s){this.value=void 0,this.__pendingValue=void 0,this.element=e,this.eventName=t,this.eventContext=s,this.__boundHandleEvent=e=>this.handleEvent(e)}setValue(e){this.__pendingValue=e}commit(){for(;m(this.__pendingValue);){const e=this.__pendingValue;this.__pendingValue=f,e(this)}if(this.__pendingValue===f)return;const e=this.__pendingValue,t=this.value,s=null==e||null!=t&&(e.capture!==t.capture||e.once!==t.once||e.passive!==t.passive),i=null!=e&&(null==t||s);s&&this.element.removeEventListener(this.eventName,this.__boundHandleEvent,this.__options),i&&(this.__options=$(e),this.element.addEventListener(this.eventName,this.__boundHandleEvent,this.__options)),this.value=e,this.__pendingValue=f}handleEvent(e){"function"==typeof this.value?this.value.call(this.eventContext||this.element,e):this.value.handleEvent(e)}}const $=e=>e&&(A?{capture:e.capture,passive:e.passive,once:e.once}:e.capture) | ||
/** | ||
@@ -85,3 +85,3 @@ * @license | ||
* http://polymer.github.io/PATENTS.txt | ||
*/;function V(e){let t=k.get(e.type);void 0===t&&(t={stringsArray:new WeakMap,keyString:new Map},k.set(e.type,t));let i=t.stringsArray.get(e.strings);if(void 0!==i)return i;const r=e.strings.join(s);return i=t.keyString.get(r),void 0===i&&(i=new n(e,e.getTemplateElement()),t.keyString.set(r,i)),t.stringsArray.set(e.strings,i),i}const k=new Map,U=new WeakMap; | ||
*/;function V(e){let t=k.get(e.type);void 0===t&&(t={stringsArray:new WeakMap,keyString:new Map},k.set(e.type,t));let i=t.stringsArray.get(e.strings);if(void 0!==i)return i;const n=e.strings.join(s);return i=t.keyString.get(n),void 0===i&&(i=new r(e,e.getTemplateElement()),t.keyString.set(n,i)),t.stringsArray.set(e.strings,i),i}const k=new Map,U=new WeakMap; | ||
/** | ||
@@ -113,3 +113,3 @@ * @license | ||
*/ | ||
class{handleAttributeExpressions(e,t,s,i){const r=t[0];if("."===r){return new N(e,t.slice(1),s).parts}if("@"===r)return[new E(e,t.slice(1),i.eventContext)];if("?"===r)return[new P(e,t.slice(1),s)];return new x(e,t,s).parts}handleTextExpression(e){return new C(e)}}; | ||
class{handleAttributeExpressions(e,t,s,i){const n=t[0];if("."===n){return new N(e,t.slice(1),s).parts}if("@"===n)return[new E(e,t.slice(1),i.eventContext)];if("?"===n)return[new P(e,t.slice(1),s)];return new x(e,t,s).parts}handleTextExpression(e){return new C(e)}}; | ||
/** | ||
@@ -140,3 +140,3 @@ * @license | ||
* http://polymer.github.io/PATENTS.txt | ||
*/,j=(e,t)=>`${e}--${t}`;let R=!0;void 0===window.ShadyCSS?R=!1:void 0===window.ShadyCSS.prepareTemplateDom&&(console.warn("Incompatible ShadyCSS version detected. Please update to at least @webcomponents/webcomponentsjs@2.0.2 and @webcomponents/shadycss@1.3.1."),R=!1);const q=e=>t=>{const i=j(t.type,e);let r=k.get(i);void 0===r&&(r={stringsArray:new WeakMap,keyString:new Map},k.set(i,r));let o=r.stringsArray.get(t.strings);if(void 0!==o)return o;const a=t.strings.join(s);if(o=r.keyString.get(a),void 0===o){const s=t.getTemplateElement();R&&window.ShadyCSS.prepareTemplateDom(s,e),o=new n(t,s),r.keyString.set(a,o)}return r.stringsArray.set(t.strings,o),o},z=["html","svg"],L=new Set,H=(e,t,s)=>{L.add(e);const i=s?s.element:document.createElement("template"),r=t.querySelectorAll("style"),{length:n}=r;if(0===n)return void window.ShadyCSS.prepareTemplateStyles(i,e);const o=document.createElement("style");for(let e=0;e<n;e++){const t=r[e];t.parentNode.removeChild(t),o.textContent+=t.textContent}(e=>{z.forEach(t=>{const s=k.get(j(t,e));void 0!==s&&s.keyString.forEach(e=>{const{element:{content:t}}=e,s=new Set;Array.from(t.querySelectorAll("style")).forEach(e=>{s.add(e)}),c(e,s)})})})(e);const a=i.content;s?function(e,t,s=null){const{element:{content:i},parts:r}=e;if(null==s)return void i.appendChild(t);const n=document.createTreeWalker(i,133,null,!1);let o=p(r),a=0,l=-1;for(;n.nextNode();){l++;for(n.currentNode===s&&(a=d(t),s.parentNode.insertBefore(t,s));-1!==o&&r[o].index===l;){if(a>0){for(;-1!==o;)r[o].index+=a,o=p(r,o);return}o=p(r,o)}}}(s,o,a.firstChild):a.insertBefore(o,a.firstChild),window.ShadyCSS.prepareTemplateStyles(i,e);const l=a.querySelector("style");if(window.ShadyCSS.nativeShadow&&null!==l)t.insertBefore(l.cloneNode(!0),t.firstChild);else if(s){a.insertBefore(o,a.firstChild);const e=new Set;e.add(o),c(s,e)}};window.JSCompiler_renameProperty=(e,t)=>e;const F={toAttribute(e,t){switch(t){case Boolean:return e?"":null;case Object:case Array:return null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){switch(t){case Boolean:return null!==e;case Number:return null===e?null:Number(e);case Object:case Array:return JSON.parse(e)}return e}},I=(e,t)=>t!==e&&(t==t||e==e),W={attribute:!0,type:String,converter:F,reflect:!1,hasChanged:I};class B extends HTMLElement{constructor(){super(),this._updateState=0,this._instanceProperties=void 0,this._updatePromise=new Promise(e=>this._enableUpdatingResolver=e),this._changedProperties=new Map,this._reflectingProperties=void 0,this.initialize()}static get observedAttributes(){this.finalize();const e=[];return this._classProperties.forEach((t,s)=>{const i=this._attributeNameForProperty(s,t);void 0!==i&&(this._attributeToPropertyMap.set(i,s),e.push(i))}),e}static _ensureClassProperties(){if(!this.hasOwnProperty(JSCompiler_renameProperty("_classProperties",this))){this._classProperties=new Map;const e=Object.getPrototypeOf(this)._classProperties;void 0!==e&&e.forEach((e,t)=>this._classProperties.set(t,e))}}static createProperty(e,t=W){if(this._ensureClassProperties(),this._classProperties.set(e,t),t.noAccessor||this.prototype.hasOwnProperty(e))return;const s="symbol"==typeof e?Symbol():"__"+e,i=this.getPropertyDescriptor(e,s,t);void 0!==i&&Object.defineProperty(this.prototype,e,i)}static getPropertyDescriptor(e,t,s){return{get(){return this[t]},set(s){const i=this[e];this[t]=s,this._requestUpdate(e,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this._classProperties&&this._classProperties.get(e)||W}static finalize(){const e=Object.getPrototypeOf(this);if(e.hasOwnProperty("finalized")||e.finalize(),this.finalized=!0,this._ensureClassProperties(),this._attributeToPropertyMap=new Map,this.hasOwnProperty(JSCompiler_renameProperty("properties",this))){const e=this.properties,t=[...Object.getOwnPropertyNames(e),..."function"==typeof Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e):[]];for(const s of t)this.createProperty(s,e[s])}}static _attributeNameForProperty(e,t){const s=t.attribute;return!1===s?void 0:"string"==typeof s?s:"string"==typeof e?e.toLowerCase():void 0}static _valueHasChanged(e,t,s=I){return s(e,t)}static _propertyValueFromAttribute(e,t){const s=t.type,i=t.converter||F,r="function"==typeof i?i:i.fromAttribute;return r?r(e,s):e}static _propertyValueToAttribute(e,t){if(void 0===t.reflect)return;const s=t.type,i=t.converter;return(i&&i.toAttribute||F.toAttribute)(e,s)}initialize(){this._saveInstanceProperties(),this._requestUpdate()}_saveInstanceProperties(){this.constructor._classProperties.forEach((e,t)=>{if(this.hasOwnProperty(t)){const e=this[t];delete this[t],this._instanceProperties||(this._instanceProperties=new Map),this._instanceProperties.set(t,e)}})}_applyInstanceProperties(){this._instanceProperties.forEach((e,t)=>this[t]=e),this._instanceProperties=void 0}connectedCallback(){this.enableUpdating()}enableUpdating(){void 0!==this._enableUpdatingResolver&&(this._enableUpdatingResolver(),this._enableUpdatingResolver=void 0)}disconnectedCallback(){}attributeChangedCallback(e,t,s){t!==s&&this._attributeToProperty(e,s)}_propertyToAttribute(e,t,s=W){const i=this.constructor,r=i._attributeNameForProperty(e,s);if(void 0!==r){const e=i._propertyValueToAttribute(t,s);if(void 0===e)return;this._updateState=8|this._updateState,null==e?this.removeAttribute(r):this.setAttribute(r,e),this._updateState=-9&this._updateState}}_attributeToProperty(e,t){if(8&this._updateState)return;const s=this.constructor,i=s._attributeToPropertyMap.get(e);if(void 0!==i){const e=s.getPropertyOptions(i);this._updateState=16|this._updateState,this[i]=s._propertyValueFromAttribute(t,e),this._updateState=-17&this._updateState}}_requestUpdate(e,t){let s=!0;if(void 0!==e){const i=this.constructor,r=i.getPropertyOptions(e);i._valueHasChanged(this[e],t,r.hasChanged)?(this._changedProperties.has(e)||this._changedProperties.set(e,t),!0!==r.reflect||16&this._updateState||(void 0===this._reflectingProperties&&(this._reflectingProperties=new Map),this._reflectingProperties.set(e,r))):s=!1}!this._hasRequestedUpdate&&s&&(this._updatePromise=this._enqueueUpdate())}requestUpdate(e,t){return this._requestUpdate(e,t),this.updateComplete}async _enqueueUpdate(){this._updateState=4|this._updateState;try{await this._updatePromise}catch(e){}const e=this.performUpdate();return null!=e&&await e,!this._hasRequestedUpdate}get _hasRequestedUpdate(){return 4&this._updateState}get hasUpdated(){return 1&this._updateState}performUpdate(){this._instanceProperties&&this._applyInstanceProperties();let e=!1;const t=this._changedProperties;try{e=this.shouldUpdate(t),e?this.update(t):this._markUpdated()}catch(t){throw e=!1,this._markUpdated(),t}e&&(1&this._updateState||(this._updateState=1|this._updateState,this.firstUpdated(t)),this.updated(t))}_markUpdated(){this._changedProperties=new Map,this._updateState=-5&this._updateState}get updateComplete(){return this._getUpdateComplete()}_getUpdateComplete(){return this._updatePromise}shouldUpdate(e){return!0}update(e){void 0!==this._reflectingProperties&&this._reflectingProperties.size>0&&(this._reflectingProperties.forEach((e,t)=>this._propertyToAttribute(t,this[t],e)),this._reflectingProperties=void 0),this._markUpdated()}updated(e){}firstUpdated(e){}}B.finalized=!0; | ||
*/,j=(e,t)=>`${e}--${t}`;let R=!0;void 0===window.ShadyCSS?R=!1:void 0===window.ShadyCSS.prepareTemplateDom&&(console.warn("Incompatible ShadyCSS version detected. Please update to at least @webcomponents/webcomponentsjs@2.0.2 and @webcomponents/shadycss@1.3.1."),R=!1);const q=e=>t=>{const i=j(t.type,e);let n=k.get(i);void 0===n&&(n={stringsArray:new WeakMap,keyString:new Map},k.set(i,n));let o=n.stringsArray.get(t.strings);if(void 0!==o)return o;const a=t.strings.join(s);if(o=n.keyString.get(a),void 0===o){const s=t.getTemplateElement();R&&window.ShadyCSS.prepareTemplateDom(s,e),o=new r(t,s),n.keyString.set(a,o)}return n.stringsArray.set(t.strings,o),o},z=["html","svg"],L=new Set,H=(e,t,s)=>{L.add(e);const i=s?s.element:document.createElement("template"),n=t.querySelectorAll("style"),{length:r}=n;if(0===r)return void window.ShadyCSS.prepareTemplateStyles(i,e);const o=document.createElement("style");for(let e=0;e<r;e++){const t=n[e];t.parentNode.removeChild(t),o.textContent+=t.textContent}(e=>{z.forEach(t=>{const s=k.get(j(t,e));void 0!==s&&s.keyString.forEach(e=>{const{element:{content:t}}=e,s=new Set;Array.from(t.querySelectorAll("style")).forEach(e=>{s.add(e)}),h(e,s)})})})(e);const a=i.content;s?function(e,t,s=null){const{element:{content:i},parts:n}=e;if(null==s)return void i.appendChild(t);const r=document.createTreeWalker(i,133,null,!1);let o=p(n),a=0,l=-1;for(;r.nextNode();){l++;for(r.currentNode===s&&(a=d(t),s.parentNode.insertBefore(t,s));-1!==o&&n[o].index===l;){if(a>0){for(;-1!==o;)n[o].index+=a,o=p(n,o);return}o=p(n,o)}}}(s,o,a.firstChild):a.insertBefore(o,a.firstChild),window.ShadyCSS.prepareTemplateStyles(i,e);const l=a.querySelector("style");if(window.ShadyCSS.nativeShadow&&null!==l)t.insertBefore(l.cloneNode(!0),t.firstChild);else if(s){a.insertBefore(o,a.firstChild);const e=new Set;e.add(o),h(s,e)}};window.JSCompiler_renameProperty=(e,t)=>e;const F={toAttribute(e,t){switch(t){case Boolean:return e?"":null;case Object:case Array:return null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){switch(t){case Boolean:return null!==e;case Number:return null===e?null:Number(e);case Object:case Array:return JSON.parse(e)}return e}},W=(e,t)=>t!==e&&(t==t||e==e),I={attribute:!0,type:String,converter:F,reflect:!1,hasChanged:W};class B extends HTMLElement{constructor(){super(),this._updateState=0,this._instanceProperties=void 0,this._updatePromise=new Promise(e=>this._enableUpdatingResolver=e),this._changedProperties=new Map,this._reflectingProperties=void 0,this.initialize()}static get observedAttributes(){this.finalize();const e=[];return this._classProperties.forEach((t,s)=>{const i=this._attributeNameForProperty(s,t);void 0!==i&&(this._attributeToPropertyMap.set(i,s),e.push(i))}),e}static _ensureClassProperties(){if(!this.hasOwnProperty(JSCompiler_renameProperty("_classProperties",this))){this._classProperties=new Map;const e=Object.getPrototypeOf(this)._classProperties;void 0!==e&&e.forEach((e,t)=>this._classProperties.set(t,e))}}static createProperty(e,t=I){if(this._ensureClassProperties(),this._classProperties.set(e,t),t.noAccessor||this.prototype.hasOwnProperty(e))return;const s="symbol"==typeof e?Symbol():"__"+e,i=this.getPropertyDescriptor(e,s,t);void 0!==i&&Object.defineProperty(this.prototype,e,i)}static getPropertyDescriptor(e,t,s){return{get(){return this[t]},set(s){const i=this[e];this[t]=s,this._requestUpdate(e,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this._classProperties&&this._classProperties.get(e)||I}static finalize(){const e=Object.getPrototypeOf(this);if(e.hasOwnProperty("finalized")||e.finalize(),this.finalized=!0,this._ensureClassProperties(),this._attributeToPropertyMap=new Map,this.hasOwnProperty(JSCompiler_renameProperty("properties",this))){const e=this.properties,t=[...Object.getOwnPropertyNames(e),..."function"==typeof Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e):[]];for(const s of t)this.createProperty(s,e[s])}}static _attributeNameForProperty(e,t){const s=t.attribute;return!1===s?void 0:"string"==typeof s?s:"string"==typeof e?e.toLowerCase():void 0}static _valueHasChanged(e,t,s=W){return s(e,t)}static _propertyValueFromAttribute(e,t){const s=t.type,i=t.converter||F,n="function"==typeof i?i:i.fromAttribute;return n?n(e,s):e}static _propertyValueToAttribute(e,t){if(void 0===t.reflect)return;const s=t.type,i=t.converter;return(i&&i.toAttribute||F.toAttribute)(e,s)}initialize(){this._saveInstanceProperties(),this._requestUpdate()}_saveInstanceProperties(){this.constructor._classProperties.forEach((e,t)=>{if(this.hasOwnProperty(t)){const e=this[t];delete this[t],this._instanceProperties||(this._instanceProperties=new Map),this._instanceProperties.set(t,e)}})}_applyInstanceProperties(){this._instanceProperties.forEach((e,t)=>this[t]=e),this._instanceProperties=void 0}connectedCallback(){this.enableUpdating()}enableUpdating(){void 0!==this._enableUpdatingResolver&&(this._enableUpdatingResolver(),this._enableUpdatingResolver=void 0)}disconnectedCallback(){}attributeChangedCallback(e,t,s){t!==s&&this._attributeToProperty(e,s)}_propertyToAttribute(e,t,s=I){const i=this.constructor,n=i._attributeNameForProperty(e,s);if(void 0!==n){const e=i._propertyValueToAttribute(t,s);if(void 0===e)return;this._updateState=8|this._updateState,null==e?this.removeAttribute(n):this.setAttribute(n,e),this._updateState=-9&this._updateState}}_attributeToProperty(e,t){if(8&this._updateState)return;const s=this.constructor,i=s._attributeToPropertyMap.get(e);if(void 0!==i){const e=s.getPropertyOptions(i);this._updateState=16|this._updateState,this[i]=s._propertyValueFromAttribute(t,e),this._updateState=-17&this._updateState}}_requestUpdate(e,t){let s=!0;if(void 0!==e){const i=this.constructor,n=i.getPropertyOptions(e);i._valueHasChanged(this[e],t,n.hasChanged)?(this._changedProperties.has(e)||this._changedProperties.set(e,t),!0!==n.reflect||16&this._updateState||(void 0===this._reflectingProperties&&(this._reflectingProperties=new Map),this._reflectingProperties.set(e,n))):s=!1}!this._hasRequestedUpdate&&s&&(this._updatePromise=this._enqueueUpdate())}requestUpdate(e,t){return this._requestUpdate(e,t),this.updateComplete}async _enqueueUpdate(){this._updateState=4|this._updateState;try{await this._updatePromise}catch(e){}const e=this.performUpdate();return null!=e&&await e,!this._hasRequestedUpdate}get _hasRequestedUpdate(){return 4&this._updateState}get hasUpdated(){return 1&this._updateState}performUpdate(){this._instanceProperties&&this._applyInstanceProperties();let e=!1;const t=this._changedProperties;try{e=this.shouldUpdate(t),e?this.update(t):this._markUpdated()}catch(t){throw e=!1,this._markUpdated(),t}e&&(1&this._updateState||(this._updateState=1|this._updateState,this.firstUpdated(t)),this.updated(t))}_markUpdated(){this._changedProperties=new Map,this._updateState=-5&this._updateState}get updateComplete(){return this._getUpdateComplete()}_getUpdateComplete(){return this._updatePromise}shouldUpdate(e){return!0}update(e){void 0!==this._reflectingProperties&&this._reflectingProperties.size>0&&(this._reflectingProperties.forEach((e,t)=>this._propertyToAttribute(t,this[t],e)),this._reflectingProperties=void 0),this._markUpdated()}updated(e){}firstUpdated(e){}}B.finalized=!0; | ||
/** | ||
@@ -166,4 +166,4 @@ @license | ||
*/ | ||
(window.litElementVersions||(window.litElementVersions=[])).push("2.3.1");const Q={};class X extends B{static getStyles(){return this.styles}static _getUniqueStyles(){if(this.hasOwnProperty(JSCompiler_renameProperty("_styles",this)))return;const e=this.getStyles();if(void 0===e)this._styles=[];else if(Array.isArray(e)){const t=(e,s)=>e.reduceRight((e,s)=>Array.isArray(s)?t(s,e):(e.add(s),e),s),s=t(e,new Set),i=[];s.forEach(e=>i.unshift(e)),this._styles=i}else this._styles=[e]}initialize(){super.initialize(),this.constructor._getUniqueStyles(),this.renderRoot=this.createRenderRoot(),window.ShadowRoot&&this.renderRoot instanceof window.ShadowRoot&&this.adoptStyles()}createRenderRoot(){return this.attachShadow({mode:"open"})}adoptStyles(){const e=this.constructor._styles;0!==e.length&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow?D?this.renderRoot.adoptedStyleSheets=e.map(e=>e.styleSheet):this._needsShimAdoptedStyleSheets=!0:window.ShadyCSS.ScopingShim.prepareAdoptedCssText(e.map(e=>e.cssText),this.localName))}connectedCallback(){super.connectedCallback(),this.hasUpdated&&void 0!==window.ShadyCSS&&window.ShadyCSS.styleElement(this)}update(e){const t=this.render();super.update(e),t!==Q&&this.constructor.render(t,this.renderRoot,{scopeName:this.localName,eventContext:this}),this._needsShimAdoptedStyleSheets&&(this._needsShimAdoptedStyleSheets=!1,this.constructor._styles.forEach(e=>{const t=document.createElement("style");t.textContent=e.cssText,this.renderRoot.appendChild(t)}))}render(){return Q}}X.finalized=!0,X.render=(e,s,i)=>{if(!i||"object"!=typeof i||!i.scopeName)throw new Error("The `scopeName` option is required.");const r=i.scopeName,n=U.has(s),o=R&&11===s.nodeType&&!!s.host,a=o&&!L.has(r),l=a?document.createDocumentFragment():s;if(((e,s,i)=>{let r=U.get(s);void 0===r&&(t(s,s.firstChild),U.set(s,r=new C(Object.assign({templateFactory:V},i))),r.appendInto(s)),r.setValue(e),r.commit()})(e,l,Object.assign({templateFactory:q(r)},i)),a){const e=U.get(l);U.delete(l);const i=e.value instanceof g?e.value.template:void 0;H(r,l,i),t(s,s.firstChild),s.appendChild(l),U.set(s,e)}!n&&o&&window.ShadyCSS.styleElement(s.host)};const Y=K`#fafafa`,Z=K`sans-serif`,ee=K`black`,te=K`grey`,se=K` | ||
font-family: var(--pie-font-family, ${Z}); | ||
(window.litElementVersions||(window.litElementVersions=[])).push("2.3.1");const Q={};class X extends B{static getStyles(){return this.styles}static _getUniqueStyles(){if(this.hasOwnProperty(JSCompiler_renameProperty("_styles",this)))return;const e=this.getStyles();if(void 0===e)this._styles=[];else if(Array.isArray(e)){const t=(e,s)=>e.reduceRight((e,s)=>Array.isArray(s)?t(s,e):(e.add(s),e),s),s=t(e,new Set),i=[];s.forEach(e=>i.unshift(e)),this._styles=i}else this._styles=[e]}initialize(){super.initialize(),this.constructor._getUniqueStyles(),this.renderRoot=this.createRenderRoot(),window.ShadowRoot&&this.renderRoot instanceof window.ShadowRoot&&this.adoptStyles()}createRenderRoot(){return this.attachShadow({mode:"open"})}adoptStyles(){const e=this.constructor._styles;0!==e.length&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow?D?this.renderRoot.adoptedStyleSheets=e.map(e=>e.styleSheet):this._needsShimAdoptedStyleSheets=!0:window.ShadyCSS.ScopingShim.prepareAdoptedCssText(e.map(e=>e.cssText),this.localName))}connectedCallback(){super.connectedCallback(),this.hasUpdated&&void 0!==window.ShadyCSS&&window.ShadyCSS.styleElement(this)}update(e){const t=this.render();super.update(e),t!==Q&&this.constructor.render(t,this.renderRoot,{scopeName:this.localName,eventContext:this}),this._needsShimAdoptedStyleSheets&&(this._needsShimAdoptedStyleSheets=!1,this.constructor._styles.forEach(e=>{const t=document.createElement("style");t.textContent=e.cssText,this.renderRoot.appendChild(t)}))}render(){return Q}}X.finalized=!0,X.render=(e,s,i)=>{if(!i||"object"!=typeof i||!i.scopeName)throw new Error("The `scopeName` option is required.");const n=i.scopeName,r=U.has(s),o=R&&11===s.nodeType&&!!s.host,a=o&&!L.has(n),l=a?document.createDocumentFragment():s;if(((e,s,i)=>{let n=U.get(s);void 0===n&&(t(s,s.firstChild),U.set(s,n=new C(Object.assign({templateFactory:V},i))),n.appendInto(s)),n.setValue(e),n.commit()})(e,l,Object.assign({templateFactory:q(n)},i)),a){const e=U.get(l);U.delete(l);const i=e.value instanceof v?e.value.template:void 0;H(n,l,i),t(s,s.firstChild),s.appendChild(l),U.set(s,e)}!r&&o&&window.ShadyCSS.styleElement(s.host)};const Y=K`#fafafa`,Z=K`sans-serif`,ee=K`black`,te=K`grey`,se=K` | ||
font-family: var(--pie-live-session-font-family, ${Z}); | ||
`,ie=K` | ||
@@ -176,2 +176,3 @@ .bubble { | ||
border-bottom-left-radius: 16px; | ||
color: var(--pie-live-session-bubble-text-color, black); | ||
display: block; | ||
@@ -187,3 +188,3 @@ left: 28px; | ||
} | ||
`,re=K` | ||
`,ne=K` | ||
.choice-value { | ||
@@ -193,15 +194,22 @@ cursor: pointer; | ||
} | ||
`,ne=K` | ||
`,re=K` | ||
.response { | ||
align-items: start; | ||
background-color: var(--pie-background-color, ${Y}); | ||
color: var(--pie-color, ${ee}); | ||
background-color: var( | ||
--pie-live-session-background-color, | ||
${Y} | ||
); | ||
color: var(--pie-live-session-text-color, ${ee}); | ||
display: flex; | ||
flex-direction: column; | ||
font-size: ${18}px; | ||
height: calc(var(--pie-item-height, ${88}) * 1px); | ||
height: calc( | ||
var(--pie-live-session-response-height, ${88}) * 1px | ||
); | ||
justify-content: start; | ||
overflow: hidden; | ||
padding: 8px; | ||
width: calc(var(--pie-item-width, ${120}) * 1px); | ||
width: calc( | ||
var(--pie-live-session-response-width, ${120}) * 1px | ||
); | ||
${se} | ||
@@ -211,7 +219,14 @@ } | ||
.cell { | ||
background-color: var(--pie-background-color, ${Y}); | ||
height: calc(var(--pie-item-cell-height, ${32}) * 1px); | ||
background-color: var( | ||
--pie-live-session-background-color, | ||
${Y} | ||
); | ||
height: calc( | ||
var(--pie-live-session-cell-height, ${32}) * 1px | ||
); | ||
font-size: ${12}px; | ||
overflow: hidden; | ||
width: calc(var(--pie-item-cell-width, ${96}) * 1px); | ||
width: calc( | ||
var(--pie-live-session-cell-width, ${96}) * 1px | ||
); | ||
${se} | ||
@@ -222,8 +237,13 @@ } | ||
align-items: center; | ||
background-color: var(--pie-background-color, ${Y}); | ||
color: var(--pie-color, ${te}); | ||
background-color: var( | ||
--pie-live-session-background-color, | ||
${Y} | ||
); | ||
color: var(--pie-live-session-text-color, ${te}); | ||
display: flex; | ||
font-size: ${12}px; | ||
font-style: italic; | ||
height: calc(var(--pie-item-height, ${88}) * 1px); | ||
height: calc( | ||
var(--pie-live-session-response-height, ${88}) * 1px | ||
); | ||
justify-content: center; | ||
@@ -234,3 +254,5 @@ overflow: hidden; | ||
text-align: center; | ||
width: calc(var(--pie-item-width, ${120}) * 1px); | ||
width: calc( | ||
var(--pie-live-session-response-width, ${120}) * 1px | ||
); | ||
${se} | ||
@@ -252,9 +274,9 @@ } | ||
} | ||
`),le=new WeakMap,he=(ce=e=>t=>{if(!(t instanceof C))throw new Error("unsafeHTML can only be used in text bindings");const s=le.get(t);if(void 0!==s&&S(e)&&e===s.value&&t.value===s.fragment)return;const i=document.createElement("template");i.innerHTML=e;const r=document.importNode(i.content,!0);t.setValue(r),le.set(t,{value:e,fragment:r})},(...e)=>{const t=ce(...e);return u.set(t,!0),t});var ce;const de=(e,t,s)=>{const{choices:i,choicePrefix:r}=e||{},{value:n}=t||{},{mouseover:o,mouseout:a}=s||{};if(!i||!n)return"";const l="numbers"===r?49:65;return n.map(e=>{const t=i.findIndex(t=>t.value===e),{correct:s,label:r}=i[t];return M`<div | ||
`),le=new WeakMap,ce=(he=e=>t=>{if(!(t instanceof C))throw new Error("unsafeHTML can only be used in text bindings");const s=le.get(t);if(void 0!==s&&S(e)&&e===s.value&&t.value===s.fragment)return;const i=document.createElement("template");i.innerHTML=e;const n=document.importNode(i.content,!0);t.setValue(n),le.set(t,{value:e,fragment:n})},(...e)=>{const t=he(...e);return u.set(t,!0),t});var he;const de=(e,t,s)=>{const{choices:i,choicePrefix:n}=e||{},{value:r}=t||{},{mouseover:o,mouseout:a}=s||{};if(!i||!r)return"";const l="numbers"===n?49:65;return i.reduce((e,t,s)=>(r.indexOf(t.value)>=0&&e.push(s),e),[]).map(e=>{const{correct:t,label:s}=i[e];return M`<div | ||
class="choice-value" | ||
@mouseover=${e=>o(e,r)} | ||
@mouseover=${e=>o(e,s)} | ||
@mouseout=${a} | ||
> | ||
<span>${String.fromCharCode(t+l)}</span> | ||
<span class="correctness-indicator">${((e,t)=>t?e?"✔":"✖":e?M`✔`:M`✖`)(s)}</span> | ||
<span>${String.fromCharCode(e+l)}</span> | ||
<span class="correctness-indicator">${((e,t)=>t?e?"✔":"✖":e?M`✔`:M`✖`)(t)}</span> | ||
</div>`})},pe=e=>e&&e.value?M` <div | ||
@@ -264,10 +286,10 @@ class="bubble" | ||
> | ||
${he((e=>{const t=document.createElement("textarea");return t.innerHTML=e,t.innerText})(e.value))} | ||
</div>`:M``;class ue extends X{}class me extends ue{static get styles(){return[ie,oe,re,ae,K` | ||
${ce((e=>{const t=document.createElement("textarea");return t.innerHTML=e,t.innerText})(e.value))} | ||
</div>`:M``;class ue extends X{}class me extends ue{static get styles(){return[ie,oe,ne,ae,K` | ||
:host { | ||
color: var(--pie-color, black); | ||
color: var(--pie-live-session-text-color, black); | ||
} | ||
.cell { | ||
align-items: center; | ||
color: var(--pie-color, ${ee}); | ||
color: var(--pie-live-session-text-color, ${ee}); | ||
display: flex; | ||
@@ -284,6 +306,6 @@ justify-content: center; | ||
} | ||
`]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1},hoveredChoice:{type:Object}}}set hoveredChoice(e){const t=this._hoveredChoice;t&&e&&t.value===e.value||(this._hoveredChoice=e,this.requestUpdate("hoveredChoice",t))}get hoveredChoice(){return this._hoveredChoice}constructor(){super(),this._hoveredChoice=null}mouseover(e,t){const s=e.target.closest(".choice-value"),{offsetTop:i,offsetHeight:r,offsetLeft:n,offsetWidth:o}=s;this.hoveredChoice={top:i+r/1.5,value:t,left:n+o/2}}mouseout(){this.hoveredChoice=null}render(){const e=de(this.model,this.session,{mouseover:this.mouseover.bind(this),mouseout:this.mouseout.bind(this)});return M` | ||
`]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1},hoveredChoice:{type:Object}}}set hoveredChoice(e){const t=this._hoveredChoice;t&&e&&t.value===e.value||(this._hoveredChoice=e,this.requestUpdate("hoveredChoice",t))}get hoveredChoice(){return this._hoveredChoice}constructor(){super(),this._hoveredChoice=null}mouseover(e,t){const s=e.target.closest(".choice-value"),{offsetTop:i,offsetHeight:n,offsetLeft:r,offsetWidth:o}=s;this.hoveredChoice={top:i+n/1.5,value:t,left:r+o/2}}mouseout(){this.hoveredChoice=null}render(){const e=de(this.model,this.session,{mouseover:this.mouseover.bind(this),mouseout:this.mouseout.bind(this)});return M` | ||
<div class="cell"><span>${e}</span></div> | ||
${pe(this.hoveredChoice)} | ||
`}}class fe extends ue{static get styles(){return[ie,re,ae,ne,K` | ||
`}}class fe extends ue{static get styles(){return[ie,ne,ae,re,K` | ||
.response { | ||
@@ -301,3 +323,3 @@ align-items: center; | ||
} | ||
`]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1},hoveredChoice:{type:Object}}}set hoveredChoice(e){const t=this._hoveredChoice;t&&e&&t.value===e.value||(this._hoveredChoice=e,this.requestUpdate("hoveredChoice",t))}get hoveredChoice(){return this._hoveredChoice}constructor(){super(),this._hoveredChoice=null}mouseover(e,t){const s=e.target.closest(".choice-value"),{offsetTop:i,offsetHeight:r,offsetLeft:n,offsetWidth:o}=s;this.hoveredChoice={top:i+r/1.5,value:t,left:n+o/2}}mouseout(){this.hoveredChoice=null}render(){return M`<div class="response"> | ||
`]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1},hoveredChoice:{type:Object}}}set hoveredChoice(e){const t=this._hoveredChoice;t&&e&&t.value===e.value||(this._hoveredChoice=e,this.requestUpdate("hoveredChoice",t))}get hoveredChoice(){return this._hoveredChoice}constructor(){super(),this._hoveredChoice=null}mouseover(e,t){const s=e.target.closest(".choice-value"),{offsetTop:i,offsetHeight:n,offsetLeft:r,offsetWidth:o}=s;this.hoveredChoice={top:i+n/1.5,value:t,left:r+o/2}}mouseout(){this.hoveredChoice=null}render(){return M`<div class="response"> | ||
<span | ||
@@ -304,0 +326,0 @@ >${de(this.model,this.session,{mouseover:this.mouseover.bind(this),mouseout:this.mouseout.bind(this)})}</span |
@@ -1,2 +0,2 @@ | ||
import{L as t,c as e,h as s}from"./cssUtils-ebb2db14.js";class r extends t{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return s`<div class="cell"></div>`}}export default r;export{r as CategorizeCell}; | ||
import{L as t,c as e,h as s}from"./cssUtils-8281b575.js";class r extends t{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return s`<div class="cell"></div>`}}export default r;export{r as CategorizeCell}; | ||
//# sourceMappingURL=CategorizeCell.js.map |
@@ -1,2 +0,2 @@ | ||
import{e,h as t}from"./cssUtils-ebb2db14.js";import{C as s}from"./CustomLitElement-db794eeb.js";class r extends s{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return t`<div class="response"> | ||
import{e,h as t}from"./cssUtils-8281b575.js";import{C as s}from"./CustomLitElement-516b9ef6.js";class r extends s{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return t`<div class="response"> | ||
Expand to see student response | ||
@@ -3,0 +3,0 @@ <div class="magnifier">⚲</div> |
@@ -1,2 +0,2 @@ | ||
import{L as t,c as e,h as s}from"./cssUtils-ebb2db14.js";class r extends t{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return s`<div class="cell"></div>`}}export default r;export{r as ChartingCell}; | ||
import{L as t,c as e,h as s}from"./cssUtils-8281b575.js";class r extends t{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return s`<div class="cell"></div>`}}export default r;export{r as ChartingCell}; | ||
//# sourceMappingURL=ChartingCell.js.map |
@@ -1,2 +0,2 @@ | ||
import{e,h as t}from"./cssUtils-ebb2db14.js";import{C as s}from"./CustomLitElement-db794eeb.js";class r extends s{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return t`<div class="response"> | ||
import{e,h as t}from"./cssUtils-8281b575.js";import{C as s}from"./CustomLitElement-516b9ef6.js";class r extends s{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return t`<div class="response"> | ||
Expand to see student response | ||
@@ -3,0 +3,0 @@ <div class="magnifier">⚲</div> |
@@ -1,2 +0,2 @@ | ||
import{L as t,c as e,h as s}from"./cssUtils-ebb2db14.js";class r extends t{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return s`<div class="cell"></div>`}}export default r;export{r as ConstructedCell}; | ||
import{L as t,c as e,h as s}from"./cssUtils-8281b575.js";class r extends t{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return s`<div class="cell"></div>`}}export default r;export{r as ConstructedCell}; | ||
//# sourceMappingURL=ConstructedCell.js.map |
@@ -1,2 +0,2 @@ | ||
import{a as s,r as e,b as t,d as r,h as n}from"./cssUtils-ebb2db14.js";import{C as a}from"./CustomLitElement-db794eeb.js";import{u as i}from"./unsafe-html-cb4d92d4.js";import{p as o,g as p}from"./utils-988d77cb.js";class d extends a{static get styles(){return[s,e,t` | ||
import{a as s,r as e,b as t,d as r,h as n}from"./cssUtils-8281b575.js";import{C as a}from"./CustomLitElement-516b9ef6.js";import{u as i}from"./unsafe-html-d36f73a4.js";import{p as o,g as p}from"./utils-fccf83a3.js";class c extends a{static get styles(){return[s,e,t` | ||
.response { | ||
@@ -15,3 +15,3 @@ font-size: ${r}px; | ||
${i(this._renderResponse())} | ||
</div>`}}export default d;export{d as ConstructedResponse}; | ||
</div>`}}export default c;export{c as ConstructedResponse}; | ||
//# sourceMappingURL=ConstructedResponse.js.map |
@@ -1,2 +0,2 @@ | ||
import{L as t,c as e,h as s}from"./cssUtils-ebb2db14.js";class r extends t{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return s`<div class="cell"></div>`}}export default r;export{r as DragInTheBlankCell}; | ||
import{L as t,c as e,h as s}from"./cssUtils-8281b575.js";class r extends t{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return s`<div class="cell"></div>`}}export default r;export{r as DragInTheBlankCell}; | ||
//# sourceMappingURL=DragInTheBlankCell.js.map |
@@ -1,2 +0,2 @@ | ||
import{g as e,j as s,r as t,b as o,h as r}from"./cssUtils-ebb2db14.js";import{C as i}from"./CustomLitElement-db794eeb.js";import"./unsafe-html-cb4d92d4.js";import{g as h,r as c}from"./utils-988d77cb.js";class u extends i{static get styles(){return[e,s,t,o` | ||
import{g as e,j as s,r as t,b as o,h as r}from"./cssUtils-8281b575.js";import{C as i}from"./CustomLitElement-516b9ef6.js";import"./unsafe-html-d36f73a4.js";import{g as h,r as c}from"./utils-fccf83a3.js";class a extends i{static get styles(){return[e,s,t,o` | ||
span { | ||
@@ -16,3 +16,3 @@ margin: 2px; | ||
${c({...this.hoveredChoice,left:44})} | ||
`}}export default u;export{u as DragInTheBlankResponse}; | ||
`}}export default a;export{a as DragInTheBlankResponse}; | ||
//# sourceMappingURL=DragInTheBlankResponse.js.map |
@@ -1,2 +0,2 @@ | ||
import{L as t,c as e,h as s}from"./cssUtils-ebb2db14.js";class r extends t{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return s`<div class="cell"></div>`}}export default r;export{r as DrawingCell}; | ||
import{L as t,c as e,h as s}from"./cssUtils-8281b575.js";class r extends t{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return s`<div class="cell"></div>`}}export default r;export{r as DrawingCell}; | ||
//# sourceMappingURL=DrawingCell.js.map |
@@ -1,2 +0,2 @@ | ||
import{b as e,k as t,l as a,h as s,m as r,n as i}from"./cssUtils-ebb2db14.js";import{C as l}from"./CustomLitElement-db794eeb.js";class n extends l{static get styles(){return[e` | ||
import{b as e,k as t,l as a,h as s,m as r,n as i}from"./cssUtils-8281b575.js";import{C as l}from"./CustomLitElement-516b9ef6.js";class n extends l{static get styles(){return[e` | ||
.response { | ||
@@ -7,3 +7,3 @@ position: relative; | ||
.drawables { | ||
background-color: var(--pie-background-color, transparent); | ||
background-color: var(--pie-live-session-background-color, transparent); | ||
position: absolute; | ||
@@ -19,3 +19,3 @@ left: 0; | ||
} | ||
`]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}_getMinWidthAndHeight(){const{imageDimensions:e}=this.model||{},{drawables:t=[],texts:a=[]}=this.session||{};let{height:s,width:r}=e||{};return a.forEach(({x:e,y:t,width:a,fontSize:i})=>{e+a>r&&(r=e+a),t+i>s&&(s=t+i)}),t.reduce((e,t)=>{const{type:a,startx:s,starty:r,x:i,y:l,height:n,points:o,radius:h,width:c}=t||{};let d,b;switch(a){case"FreePathDrawable":case"EraserDrawable":d=Math.max(...o.filter((e,t)=>t%2==0)),b=Math.max(...o.filter((e,t)=>t%2==1));break;case"LineDrawable":d=Math.max(s,i),b=Math.max(r,l);break;case"RectangleDrawable":d=Math.max(s,s+c),b=Math.max(r,r+n);break;case"CircleDrawable":d=Math.max(s,s+h),b=Math.max(r,r+h)}return d>e.width&&(e.width=d),b>e.height&&(e.height=b),e},{width:r,height:s})}static _renderDrawing(e,t,a){const r=document.createElement("canvas"),i=r.getContext("2d");r.width=t,r.height=a,r.style.position="absolute",r.style.top="0",r.style.left="0";const{type:l,fillColor:n,outlineColor:o}=e;switch(i.fillStyle=n,i.strokeStyle=o,i.lineWidth=2,i.beginPath(),l){case"FreePathDrawable":case"EraserDrawable":{const{points:t}=e;"EraserDrawable"===l&&(i.strokeStyle="#fff",i.lineWidth=5);for(let e=0;e<t.length;e+=1)e%2!=0&&i.lineTo(t[e+1],t[e]);break}case"LineDrawable":{const{startx:t,starty:a,x:s,y:r}=e;i.moveTo(t,a),i.lineTo(s,r);break}case"RectangleDrawable":{const{startx:t,starty:a,width:s,height:r}=e;i.fillRect(t,a,s,r),i.strokeRect(t,a,s,r);break}case"CircleDrawable":{const{radius:t,startx:a,starty:s}=e;i.arc(a,s,t,0,2*Math.PI),i.fill();break}}return i.stroke(),s`${r}`}static _renderText({text:e,x:t,y:a,rotation:r,scaleX:i,scaleY:l}){return s`<span class="drawableText" style="${`top: ${a-3}px; left: ${t}px; transform: rotate(${r}deg) scaleX(${i}) scaleY(${l});`}">${e}</span>`}_renderImage(){const{imageUrl:e,imageDimensions:t}=this.model||{},{height:a,width:r}=t||{};return e?s`<img | ||
`]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}_getMinWidthAndHeight(){const{imageDimensions:e}=this.model||{},{drawables:t=[],texts:a=[]}=this.session||{};let{height:s,width:r}=e||{};return a.forEach(({x:e,y:t,width:a,fontSize:i})=>{e+a>r&&(r=e+a),t+i>s&&(s=t+i)}),t.reduce((e,t)=>{const{type:a,startx:s,starty:r,x:i,y:l,height:n,points:o,radius:h,width:c}=t||{};let d,p;switch(a){case"FreePathDrawable":case"EraserDrawable":d=Math.max(...o.filter((e,t)=>t%2==0)),p=Math.max(...o.filter((e,t)=>t%2==1));break;case"LineDrawable":d=Math.max(s,i),p=Math.max(r,l);break;case"RectangleDrawable":d=Math.max(s,s+c),p=Math.max(r,r+n);break;case"CircleDrawable":d=Math.max(s,s+h),p=Math.max(r,r+h)}return d>e.width&&(e.width=d),p>e.height&&(e.height=p),e},{width:r,height:s})}static _renderDrawing(e,t,a){const r=document.createElement("canvas"),i=r.getContext("2d");r.width=t,r.height=a,r.style.position="absolute",r.style.top="0",r.style.left="0";const{type:l,fillColor:n,outlineColor:o}=e;switch(i.fillStyle=n,i.strokeStyle=o,i.lineWidth=2,i.beginPath(),l){case"FreePathDrawable":case"EraserDrawable":{const{points:t}=e;"EraserDrawable"===l&&(i.strokeStyle="#fff",i.lineWidth=5);for(let e=0;e<t.length;e+=1)e%2!=0&&i.lineTo(t[e+1],t[e]);break}case"LineDrawable":{const{startx:t,starty:a,x:s,y:r}=e;i.moveTo(t,a),i.lineTo(s,r);break}case"RectangleDrawable":{const{startx:t,starty:a,width:s,height:r}=e;i.fillRect(t,a,s,r),i.strokeRect(t,a,s,r);break}case"CircleDrawable":{const{radius:t,startx:a,starty:s}=e;i.arc(a,s,t,0,2*Math.PI),i.fill();break}}return i.stroke(),s`${r}`}static _renderText({text:e,x:t,y:a,rotation:r,scaleX:i,scaleY:l}){return s`<span class="drawableText" style="${`top: ${a-3}px; left: ${t}px; transform: rotate(${r}deg) scaleX(${i}) scaleY(${l});`}">${e}</span>`}_renderImage(){const{imageUrl:e,imageDimensions:t}=this.model||{},{height:a,width:r}=t||{};return e?s`<img | ||
alt="Image" | ||
@@ -30,6 +30,8 @@ src="${e}" | ||
calc( | ||
var(--pie-item-height, ${r}) / ${a} | ||
var(--pie-live-session-response-height, ${r}) / | ||
${a} | ||
), | ||
calc( | ||
var(--pie-item-width, ${i}) / ${l} | ||
var(--pie-live-session-response-width, ${i}) / | ||
${l} | ||
), | ||
@@ -36,0 +38,0 @@ 1 |
@@ -1,8 +0,8 @@ | ||
import{g as e,c as t,j as s,a as o,b as r,o as i,h}from"./cssUtils-ebb2db14.js";import{C as a}from"./CustomLitElement-db794eeb.js";import"./unsafe-html-cb4d92d4.js";import{a as c,r as n}from"./utils-988d77cb.js";class l extends a{static get styles(){return[e,t,s,o,r` | ||
import{g as e,c as t,j as s,a as o,b as r,o as i,h}from"./cssUtils-8281b575.js";import{C as a}from"./CustomLitElement-516b9ef6.js";import"./unsafe-html-d36f73a4.js";import{a as c,r as n}from"./utils-fccf83a3.js";class l extends a{static get styles(){return[e,t,s,o,r` | ||
:host { | ||
color: var(--pie-color, black); | ||
color: var(--pie-live-session-text-color, black); | ||
} | ||
.cell { | ||
align-items: center; | ||
color: var(--pie-color, ${i}); | ||
color: var(--pie-live-session-text-color, ${i}); | ||
display: flex; | ||
@@ -9,0 +9,0 @@ justify-content: center; |
@@ -1,2 +0,2 @@ | ||
import{g as e,j as t,a as s,r as o,b as r,h as i}from"./cssUtils-ebb2db14.js";import{C as h}from"./CustomLitElement-db794eeb.js";import"./unsafe-html-cb4d92d4.js";import{a as n,r as a}from"./utils-988d77cb.js";class u extends h{static get styles(){return[e,t,s,o,r` | ||
import{g as e,j as t,a as s,r as o,b as r,h as i}from"./cssUtils-8281b575.js";import{C as h}from"./CustomLitElement-516b9ef6.js";import"./unsafe-html-d36f73a4.js";import{a as n,r as a}from"./utils-fccf83a3.js";class u extends h{static get styles(){return[e,t,s,o,r` | ||
.response { | ||
@@ -3,0 +3,0 @@ align-items: center; |
@@ -1,2 +0,2 @@ | ||
import{L as t,c as e,h as s}from"./cssUtils-ebb2db14.js";class r extends t{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return s`<div class="cell"></div>`}}export default r;export{r as GraphingCell}; | ||
import{L as t,c as e,h as s}from"./cssUtils-8281b575.js";class r extends t{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return s`<div class="cell"></div>`}}export default r;export{r as GraphingCell}; | ||
//# sourceMappingURL=GraphingCell.js.map |
@@ -1,2 +0,2 @@ | ||
import{e,h as t}from"./cssUtils-ebb2db14.js";import{C as s}from"./CustomLitElement-db794eeb.js";class r extends s{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return t`<div class="response"> | ||
import{e,h as t}from"./cssUtils-8281b575.js";import{C as s}from"./CustomLitElement-516b9ef6.js";class r extends s{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return t`<div class="response"> | ||
Expand to see student response | ||
@@ -3,0 +3,0 @@ <div class="magnifier">⚲</div> |
@@ -1,2 +0,2 @@ | ||
import{L as t,c as e,h as s}from"./cssUtils-ebb2db14.js";class r extends t{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return s`<div class="cell"></div>`}}export default r;export{r as HotspotCell}; | ||
import{L as t,c as e,h as s}from"./cssUtils-8281b575.js";class r extends t{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return s`<div class="cell"></div>`}}export default r;export{r as HotspotCell}; | ||
//# sourceMappingURL=HotspotCell.js.map |
@@ -1,2 +0,2 @@ | ||
import{e,h as t}from"./cssUtils-ebb2db14.js";import{C as s}from"./CustomLitElement-db794eeb.js";class r extends s{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return t`<div class="response"> | ||
import{e,h as t}from"./cssUtils-8281b575.js";import{C as s}from"./CustomLitElement-516b9ef6.js";class r extends s{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return t`<div class="response"> | ||
Expand to see student response | ||
@@ -3,0 +3,0 @@ <div class="magnifier">⚲</div> |
@@ -1,2 +0,2 @@ | ||
import{L as t,c as e,h as s}from"./cssUtils-ebb2db14.js";class r extends t{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return s`<div class="cell"></div>`}}export default r;export{r as InlineDropdownCell}; | ||
import{L as t,c as e,h as s}from"./cssUtils-8281b575.js";class r extends t{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return s`<div class="cell"></div>`}}export default r;export{r as InlineDropdownCell}; | ||
//# sourceMappingURL=InlineDropdownCell.js.map |
@@ -1,2 +0,2 @@ | ||
import{g as e,j as s,r as t,b as o,h as r}from"./cssUtils-ebb2db14.js";import{C as i}from"./CustomLitElement-db794eeb.js";import"./unsafe-html-cb4d92d4.js";import{g as h,r as c}from"./utils-988d77cb.js";class u extends i{static get styles(){return[e,s,t,o` | ||
import{g as e,j as s,r as t,b as o,h as r}from"./cssUtils-8281b575.js";import{C as i}from"./CustomLitElement-516b9ef6.js";import"./unsafe-html-d36f73a4.js";import{g as h,r as c}from"./utils-fccf83a3.js";class u extends i{static get styles(){return[e,s,t,o` | ||
p { | ||
@@ -3,0 +3,0 @@ margin: 2px; |
@@ -1,2 +0,2 @@ | ||
import{L as t,c as e,h as s}from"./cssUtils-ebb2db14.js";class r extends t{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return s`<div class="cell"></div>`}}export default r;export{r as MatchCell}; | ||
import{L as t,c as e,h as s}from"./cssUtils-8281b575.js";class r extends t{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return s`<div class="cell"></div>`}}export default r;export{r as MatchCell}; | ||
//# sourceMappingURL=MatchCell.js.map |
@@ -1,2 +0,2 @@ | ||
import{L as t,c as e,h as s}from"./cssUtils-ebb2db14.js";class r extends t{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return s`<div class="cell"></div>`}}export default r;export{r as MatchListCell}; | ||
import{L as t,c as e,h as s}from"./cssUtils-8281b575.js";class r extends t{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return s`<div class="cell"></div>`}}export default r;export{r as MatchListCell}; | ||
//# sourceMappingURL=MatchListCell.js.map |
@@ -1,2 +0,2 @@ | ||
import{e,h as t}from"./cssUtils-ebb2db14.js";import{C as s}from"./CustomLitElement-db794eeb.js";class r extends s{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return t`<div class="response"> | ||
import{e,h as t}from"./cssUtils-8281b575.js";import{C as s}from"./CustomLitElement-516b9ef6.js";class r extends s{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return t`<div class="response"> | ||
Expand to see student response | ||
@@ -3,0 +3,0 @@ <div class="magnifier">⚲</div> |
@@ -1,4 +0,4 @@ | ||
import{g as e,r as t,b as o,d as s,o as r,h as i}from"./cssUtils-ebb2db14.js";import{C as c}from"./CustomLitElement-db794eeb.js";import"./unsafe-html-cb4d92d4.js";import{g as h,r as d}from"./utils-988d77cb.js";class a extends c{static get styles(){return[e,t,o` | ||
import{g as e,r as t,b as s,d as o,o as r,h as i}from"./cssUtils-8281b575.js";import{C as c}from"./CustomLitElement-516b9ef6.js";import"./unsafe-html-d36f73a4.js";import{g as h,r as a}from"./utils-fccf83a3.js";class d extends c{static get styles(){return[e,t,s` | ||
.response { | ||
font-size: ${s}px; | ||
font-size: ${o}px; | ||
padding: 4px 8px; | ||
@@ -10,6 +10,7 @@ } | ||
.choice { | ||
border: 1px solid var(--pie-color, ${r}); | ||
border: 1px solid | ||
var(--pie-live-session-text-color, ${r}); | ||
height: 12px; | ||
width: 12px; | ||
font-size: ${s}px; | ||
font-size: ${o}px; | ||
text-align: center; | ||
@@ -24,3 +25,6 @@ color: white; | ||
.is-true { | ||
background-color: var(--pie-color, ${r}); | ||
background-color: var( | ||
--pie-live-session-text-color, | ||
${r} | ||
); | ||
} | ||
@@ -30,3 +34,3 @@ .choice-value { | ||
} | ||
`]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1},hoveredChoice:{type:Object}}}set hoveredChoice(e){const t=this._hoveredChoice;t&&e&&t.value===e.value||(this._hoveredChoice=e,this.requestUpdate("hoveredChoice",t))}get hoveredChoice(){return this._hoveredChoice}constructor(){super(),this._hoveredChoice=null}mouseover(e,t){const o=e.target.closest(".choice-value"),{offsetTop:s,offsetHeight:r,offsetLeft:i,offsetWidth:c}=o;this.hoveredChoice={top:s+r+4,value:t,left:i+c+10}}mouseout(){this.hoveredChoice=null}_renderResponse(){const{headers:e,rows:t,choiceMode:o}=this.model||{},{answers:s}=this.session||{};return e&&t?i`<table> | ||
`]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1},hoveredChoice:{type:Object}}}set hoveredChoice(e){const t=this._hoveredChoice;t&&e&&t.value===e.value||(this._hoveredChoice=e,this.requestUpdate("hoveredChoice",t))}get hoveredChoice(){return this._hoveredChoice}constructor(){super(),this._hoveredChoice=null}mouseover(e,t){const s=e.target.closest(".choice-value"),{offsetTop:o,offsetHeight:r,offsetLeft:i,offsetWidth:c}=s;this.hoveredChoice={top:o+r+4,value:t,left:i+c+10}}mouseout(){this.hoveredChoice=null}_renderResponse(){const{headers:e,rows:t,choiceMode:s}=this.model||{},{answers:o}=this.session||{};return e&&t?i`<table> | ||
<tr> | ||
@@ -36,3 +40,3 @@ ${e.map((e,t)=>i`<td>${t?"C"+t:"Q-id"}</td>`)} | ||
${t.map(e=>{const{values:t,title:r}=e,c=s[e.id];return i` <tr | ||
${t.map(e=>{const{values:t,title:r}=e,c=o[e.id];return i` <tr | ||
class="choice-value" | ||
@@ -44,5 +48,5 @@ @mouseover=${e=>this.mouseover(e,r)} | ||
${(t||c).map((e,s)=>{let r="";const d=c&&c[s];return d&&(r=h(t[s])),i` | ||
${(t||c).map((e,o)=>{let r="";const a=c&&c[o];return a&&(r=h(t[o])),i` | ||
<td> | ||
<div class="choice ${o} is-${d}"> | ||
<div class="choice ${s} is-${a}"> | ||
${r} | ||
@@ -55,4 +59,4 @@ </div> | ||
<div class="response">${this._renderResponse()}</div> | ||
${d(this.hoveredChoice)} | ||
`}}export default a;export{a as MatchResponse}; | ||
${a(this.hoveredChoice)} | ||
`}}export default d;export{d as MatchResponse}; | ||
//# sourceMappingURL=MatchResponse.js.map |
@@ -1,2 +0,2 @@ | ||
import{L as t,c as e,h as s}from"./cssUtils-ebb2db14.js";class r extends t{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return s`<div class="cell"></div>`}}export default r;export{r as MathInlineCell}; | ||
import{L as t,c as e,h as s}from"./cssUtils-8281b575.js";class r extends t{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return s`<div class="cell"></div>`}}export default r;export{r as MathInlineCell}; | ||
//# sourceMappingURL=MathInlineCell.js.map |
@@ -1,4 +0,4 @@ | ||
import{L as t,r as e,h as s}from"./cssUtils-ebb2db14.js";import{u as a}from"./unsafe-html-cb4d92d4.js";const o={ROUND_BRACKETS:"round_brackets",SQUARE_BRACKETS:"square_brackets",DOLLAR:"dollar",DOUBLE_DOLLAR:"double_dollar"},r={[o.ROUND_BRACKETS]:["\\(","\\)"],[o.SQUARE_BRACKETS]:["\\[","\\]"],[o.DOLLAR]:["$","$"],[o.DOUBLE_DOLLAR]:["$$","$$"]};class n extends t{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1},imgSrc:{type:String,attribute:!1},svgSrc:{type:String,attribute:!1},mathLoaded:{type:Boolean,attribute:!1}}}constructor(){super();const t=this;window.MathJax={jax:["input/TeX","output/SVG"],extensions:["tex2jax.js","MathMenu.js","MathZoom.js"],showMathMenu:!1,showProcessingMessages:!1,messageStyle:"none",SVG:{useGlobalCache:!1},TeX:{extensions:["AMSmath.js","AMSsymbols.js","autoload-all.js"],inlineMath:[["$","$"],["\\(","\\)"]]},AuthorInit(){window.MathJax.Hub.Register.StartupHook("End",(function(){const{completeAnswer:e}=t.session||{};n.mathToSvg(((t,e)=>{let s=e;s===o.SQUARE_BRACKETS&&(console.warn("\\[...\\] is not supported yet"),s=o.ROUND_BRACKETS),s===o.DOUBLE_DOLLAR&&(console.warn("$$...$$ is not supported yet"),s=o.DOLLAR);const[a,n]=r[s]||r[o.ROUND_BRACKETS];return`${a}${t}${n}`})(e)).then(e=>{t.svgSrc=e}).catch(t=>console.error(t))}))}},(t=>{const e=t.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js",t.getElementsByTagName("head")[0].appendChild(e)})(document)}static mathToSvg(t){return new Promise(e=>{const s=t,a=document.createElement("div");a.innerHTML=s,window.MathJax.Hub.Queue(["Typeset",window.MathJax.Hub,a]),window.MathJax.Hub.Queue(()=>{const t=a.getElementsByTagName("svg")[0];t.setAttribute("xmlns","http://www.w3.org/2000/svg"),e(t.outerHTML)})})}render(){return s`<div class="response"> | ||
import{L as t,r as e,h as s}from"./cssUtils-8281b575.js";import{u as a}from"./unsafe-html-d36f73a4.js";const o={ROUND_BRACKETS:"round_brackets",SQUARE_BRACKETS:"square_brackets",DOLLAR:"dollar",DOUBLE_DOLLAR:"double_dollar"},r={[o.ROUND_BRACKETS]:["\\(","\\)"],[o.SQUARE_BRACKETS]:["\\[","\\]"],[o.DOLLAR]:["$","$"],[o.DOUBLE_DOLLAR]:["$$","$$"]};class n extends t{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1},imgSrc:{type:String,attribute:!1},svgSrc:{type:String,attribute:!1},mathLoaded:{type:Boolean,attribute:!1}}}constructor(){super();const t=this;window.MathJax={jax:["input/TeX","output/SVG"],extensions:["tex2jax.js","MathMenu.js","MathZoom.js"],showMathMenu:!1,showProcessingMessages:!1,messageStyle:"none",SVG:{useGlobalCache:!1},TeX:{extensions:["AMSmath.js","AMSsymbols.js","autoload-all.js"],inlineMath:[["$","$"],["\\(","\\)"]]},AuthorInit(){window.MathJax.Hub.Register.StartupHook("End",(function(){const{completeAnswer:e}=t.session||{};n.mathToSvg(((t,e)=>{let s=e;s===o.SQUARE_BRACKETS&&(console.warn("\\[...\\] is not supported yet"),s=o.ROUND_BRACKETS),s===o.DOUBLE_DOLLAR&&(console.warn("$$...$$ is not supported yet"),s=o.DOLLAR);const[a,n]=r[s]||r[o.ROUND_BRACKETS];return`${a}${t}${n}`})(e)).then(e=>{t.svgSrc=e}).catch(t=>console.error(t))}))}},(t=>{const e=t.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js",t.getElementsByTagName("head")[0].appendChild(e)})(document)}static mathToSvg(t){return new Promise(e=>{const s=t,a=document.createElement("div");a.innerHTML=s,window.MathJax.Hub.Queue(["Typeset",window.MathJax.Hub,a]),window.MathJax.Hub.Queue(()=>{const t=a.getElementsByTagName("svg")[0];t.setAttribute("xmlns","http://www.w3.org/2000/svg"),e(t.outerHTML)})})}render(){return s`<div class="response"> | ||
${this.svgSrc?a(this.svgSrc):""} | ||
</div>`}}export default n;export{n as MathInlineResponse}; | ||
//# sourceMappingURL=MathInlineResponse.js.map |
@@ -1,8 +0,8 @@ | ||
import{g as e,c as t,j as s,a as o,b as i,o as r,h}from"./cssUtils-ebb2db14.js";import{C as c}from"./CustomLitElement-db794eeb.js";import"./unsafe-html-cb4d92d4.js";import{a,r as l}from"./utils-988d77cb.js";class n extends c{static get styles(){return[e,t,s,o,i` | ||
import{g as e,c as t,j as s,a as o,b as i,o as r,h}from"./cssUtils-8281b575.js";import{C as c}from"./CustomLitElement-516b9ef6.js";import"./unsafe-html-d36f73a4.js";import{a,r as l}from"./utils-fccf83a3.js";class n extends c{static get styles(){return[e,t,s,o,i` | ||
:host { | ||
color: var(--pie-color, black); | ||
color: var(--pie-live-session-text-color, black); | ||
} | ||
.cell { | ||
align-items: center; | ||
color: var(--pie-color, ${r}); | ||
color: var(--pie-live-session-text-color, ${r}); | ||
display: flex; | ||
@@ -9,0 +9,0 @@ justify-content: center; |
@@ -1,2 +0,2 @@ | ||
import{g as e,j as t,a as s,r as o,b as i,h as r}from"./cssUtils-ebb2db14.js";import{C as h}from"./CustomLitElement-db794eeb.js";import"./unsafe-html-cb4d92d4.js";import{a,r as c}from"./utils-988d77cb.js";class n extends h{static get styles(){return[e,t,s,o,i` | ||
import{g as e,j as t,a as s,r as o,b as i,h as r}from"./cssUtils-8281b575.js";import{C as h}from"./CustomLitElement-516b9ef6.js";import"./unsafe-html-d36f73a4.js";import{a,r as c}from"./utils-fccf83a3.js";class n extends h{static get styles(){return[e,t,s,o,i` | ||
.response { | ||
@@ -3,0 +3,0 @@ align-items: center; |
@@ -1,2 +0,2 @@ | ||
import{L as t,c as e,h as s}from"./cssUtils-ebb2db14.js";class r extends t{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return s`<div class="cell"></div>`}}export default r;export{r as NumberLineCell}; | ||
import{L as t,c as e,h as s}from"./cssUtils-8281b575.js";class r extends t{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return s`<div class="cell"></div>`}}export default r;export{r as NumberLineCell}; | ||
//# sourceMappingURL=NumberLineCell.js.map |
@@ -1,2 +0,2 @@ | ||
import{e,h as t}from"./cssUtils-ebb2db14.js";import{C as s}from"./CustomLitElement-db794eeb.js";class r extends s{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return t`<div class="response"> | ||
import{e,h as t}from"./cssUtils-8281b575.js";import{C as s}from"./CustomLitElement-516b9ef6.js";class r extends s{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return t`<div class="response"> | ||
Expand to see student response | ||
@@ -3,0 +3,0 @@ <div class="magnifier">⚲</div> |
@@ -1,2 +0,2 @@ | ||
import{L as t,c as e,h as s}from"./cssUtils-ebb2db14.js";class r extends t{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return s`<div class="cell"></div>`}}export default r;export{r as OrderingCell}; | ||
import{L as t,c as e,h as s}from"./cssUtils-8281b575.js";class r extends t{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return s`<div class="cell"></div>`}}export default r;export{r as OrderingCell}; | ||
//# sourceMappingURL=OrderingCell.js.map |
@@ -1,2 +0,2 @@ | ||
import{e,h as t}from"./cssUtils-ebb2db14.js";import{C as s}from"./CustomLitElement-db794eeb.js";class r extends s{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return t`<div class="response"> | ||
import{e,h as t}from"./cssUtils-8281b575.js";import{C as s}from"./CustomLitElement-516b9ef6.js";class r extends s{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return t`<div class="response"> | ||
Expand to see student response | ||
@@ -3,0 +3,0 @@ <div class="magnifier">⚲</div> |
@@ -1,2 +0,2 @@ | ||
import{L as t,c as e,h as s}from"./cssUtils-ebb2db14.js";class r extends t{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return s`<div class="cell"></div>`}}export default r;export{r as SelectTextCell}; | ||
import{L as t,c as e,h as s}from"./cssUtils-8281b575.js";class r extends t{static get styles(){return[e]}static get properties(){return{model:{type:Object,attribute:!1},session:{type:Array,attribute:!1}}}render(){return s`<div class="cell"></div>`}}export default r;export{r as SelectTextCell}; | ||
//# sourceMappingURL=SelectTextCell.js.map |
@@ -1,2 +0,2 @@ | ||
import{g as e,j as t,r as s,b as o,d as r,h as i}from"./cssUtils-ebb2db14.js";import{C as h}from"./CustomLitElement-db794eeb.js";import"./unsafe-html-cb4d92d4.js";import{g as c,r as n}from"./utils-988d77cb.js";class d extends h{static get styles(){return[e,t,s,o` | ||
import{g as e,j as t,r as s,b as o,d as r,h as i}from"./cssUtils-8281b575.js";import{C as h}from"./CustomLitElement-516b9ef6.js";import"./unsafe-html-d36f73a4.js";import{g as c,r as n}from"./utils-fccf83a3.js";class a extends h{static get styles(){return[e,t,s,o` | ||
.response { | ||
@@ -20,3 +20,3 @@ font-size: ${r}px; | ||
${n(this.hoveredChoice)} | ||
`}}export default d;export{d as SelectTextResponse}; | ||
`}}export default a;export{a as SelectTextResponse}; | ||
//# sourceMappingURL=SelectTextResponse.js.map |
@@ -6,3 +6,3 @@ { | ||
}, | ||
"version": "1.5.3", | ||
"version": "1.6.0", | ||
"description": "Extended capabilites for pie-elements", | ||
@@ -9,0 +9,0 @@ "author": "PIE Api Authors", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
334335
1127
1