marjoram 0.0.4 → 0.0.6

package/dist/marjoram.cjs.js

@@ -1,16 +1 @@
-"use strict";
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-function e(e,t,r,o){if("a"===r&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?o:"a"===r?o.call(e):o?o.value:t.get(e)}var t,r;Object.defineProperty(exports,"__esModule",{value:!0});class o{constructor(e,o,n){t.set(this,void 0),r.set(this,[]),this.key=o,this.value=n,this.id="_"+Math.random().toString(36).substr(2,9),this.compute=this.compute.bind(this,e)}update(o){if(this.value!==o){const n=e(this,t,"f")?e(this,t,"f").call(this,o):o;e(this,r,"f")&&e(this,r,"f").forEach((e=>e(n))),this.value=n}return this}observe(t,o=this){t instanceof Node&&(t=this.nodeObserver(t)),e(this,r,"f").push(t.bind(o))}compute(e,r){const o=e.defineProperty(r(this.value));return function(e,t,r,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");"a"===o?n.call(e,r):n?n.value=r:t.set(e,r)}(o,t,r,"f"),this.observe(o.update,o),o}nodeObserver(e){let t=this.value;const r=e.parentElement;return o=>{t=this.value,e instanceof Attr?e.value=e.value.replace(t.toString(),o.toString()):Array.isArray(o)?r.replaceChildren(...o):e.textContent=e.textContent.replace(t.toString(),o.toString())}}}t=new WeakMap,r=new WeakMap;const n=function(e){if(e)return e;return{ids:[],props:[],defineProperty(e,t){if(o.prototype.isPrototypeOf(e)){const t=e,{id:r}=t;return this.hasId(r)||(this.props.push(t),this.ids.push(r)),t}const r=new o(this,t,e);return this.props.push(r),this.ids.push(r.id),r},getPropertyByKey(e){return this.props.find((({key:t})=>t===e))},getPropertyByValue(e){return this.props.find((({value:t})=>t===e))},getPropertyById(e){return this.props.find((({id:t})=>t===e))},hasProperty(e){return this.props.some((t=>t.key===e))},hasId(e){return this.ids.some((t=>t===e))}}},s=(e,t,r)=>t.reduce(((t,o,n)=>{const s=r.defineProperty(o,null==o?void 0:o.key);return[...t,((e,{id:t,value:r})=>{const o=e=>e instanceof Node;if(Array.isArray(r)&&r.every(o)||o(r))return`<del ${t}></del>`})(0,s)||s.id,e[n+1]]}),[e[0]]).join(""),i=e=>{const{id:t,value:r}=e;return o=>{var n;(e=>{Array.isArray(e)||(e instanceof DocumentFragment||Element)})(r),(null===(n=o.textContent)||void 0===n?void 0:n.includes(t))&&(e.observe(o,e),Array.isArray(r)?(r.forEach(i(e)),o.textContent=o.textContent.replace(t,"")):"object"!=typeof r&&(o.textContent=o.textContent.replace(t,r.toString())))}},a=e=>{const{attributes:t,childNodes:r}=e,o=Array.from(t),n=Array.from(r).filter((({nodeType:e,textContent:t})=>e===Node.TEXT_NODE&&t.trim()));return e=>{((e,t)=>{e.forEach(i(t))})(n,e),((e,t)=>{e.forEach((e=>{const{id:t,value:r}=e;return o=>{(o.value.includes(t)&&"data-id"!==o.name||"string"==typeof r&&"number"==typeof r)&&(e.observe(o,e),o.value=o.value.replace(t,r))}})(t))})(o,e)}},c=(e,t)=>{const r=e.props;r.forEach(((e,t)=>e=>{const{id:r,value:o}=e,n=t.querySelector(`del[${r}]`),s=e=>e instanceof Node,i=Array.isArray(o)&&o.every(s);if(n&&(s||i)){e.observe(n,e);const t=Array.isArray(o)?o:[o];n.replaceWith(...t)}})(0,t));return Array.from(t.querySelectorAll("*")).forEach((e=>t=>e.forEach(a(t)))(r)),t};exports.html=function(e,...t){const r=n(),o=s(e,t,r),i=document.createElement("template");i.innerHTML=o;const a=c(r,i.content);return a.collect=function(e){const t=e.querySelectorAll("[ref]");return()=>{if(null==e?void 0:e.refs)return e.refs;const r=Array.from(t).reduce(((e,t)=>(e[t.getAttribute("ref")]=t,e)),{});return e.refs=r,r}}(a),a},exports.useViewModel=function(e){const t=n();e=Object.assign({},e);const r={get(e,r){if("symbol"==typeof r)return;const n="$"===r[0];if(!((r=n?r.replace("$",""):r)in e))return;const s=Reflect.get(e,r),i=o.prototype.isPrototypeOf(s),a=t.defineProperty(s,r);if(Reflect.set(e,r,a),n)return a;if(i)return Reflect.get(s,"value");if(!("object"!=typeof s||Array.isArray(s)||s instanceof Node)){const t=new Proxy(s,this);return Reflect.set(e,r,t),t}return s},set(e,r,o){if("symbol"==typeof r)return!1;const n=t.getPropertyByKey(r);return!n||(n.update(o),!!n)}};return new Proxy(e,r)};
+"use strict";function e(e,t,r,o){if("a"===r&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?o:"a"===r?o.call(e):o?o.value:t.get(e)}var t,r;Object.defineProperty(exports,"__esModule",{value:!0});class o{constructor(e,o,n){t.set(this,void 0),r.set(this,[]),this.key=o,this.value=n,this.id="_"+Math.random().toString(36).substr(2,9),this.compute=this.compute.bind(this,e)}update(o){if(this.value!==o){const n=e(this,t,"f")?e(this,t,"f").call(this,o):o;e(this,r,"f")&&e(this,r,"f").forEach((e=>e(n))),this.value=n}return this}observe(t,o=this){t instanceof Node&&(t=this.nodeObserver(t)),e(this,r,"f").push(t.bind(o))}compute(e,r){const o=e.defineProperty(r(this.value));return function(e,t,r,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");"a"===o?n.call(e,r):n?n.value=r:t.set(e,r)}(o,t,r,"f"),this.observe(o.update,o),o}nodeObserver(e){let t=this.value;const r=e.parentElement;return o=>{t=this.value,e instanceof Attr?e.value=e.value.replace(t.toString(),o.toString()):Array.isArray(o)?r.replaceChildren(...o):e.textContent=e.textContent.replace(t.toString(),o.toString())}}}t=new WeakMap,r=new WeakMap;const n=function(e){if(e)return e;return{ids:[],props:[],defineProperty(e,t){if(o.prototype.isPrototypeOf(e)){const t=e,{id:r}=t;return this.hasId(r)||(this.props.push(t),this.ids.push(r)),t}const r=new o(this,t,e);return this.props.push(r),this.ids.push(r.id),r},getPropertyByKey(e){return this.props.find((({key:t})=>t===e))},getPropertyByValue(e){return this.props.find((({value:t})=>t===e))},getPropertyById(e){return this.props.find((({id:t})=>t===e))},hasProperty(e){return this.props.some((t=>t.key===e))},hasId(e){return this.ids.some((t=>t===e))}}},s=(e,t,r)=>t.reduce(((t,o,n)=>{const s=r.defineProperty(o,null==o?void 0:o.key);return[...t,((e,{id:t,value:r})=>{const o=e=>e instanceof Node;if(Array.isArray(r)&&r.every(o)||o(r))return`<del ${t}></del>`})(0,s)||s.id,e[n+1]]}),[e[0]]).join(""),i=e=>{const{id:t,value:r}=e;return o=>{var n;(e=>{Array.isArray(e)||(e instanceof DocumentFragment||Element)})(r),(null===(n=o.textContent)||void 0===n?void 0:n.includes(t))&&(e.observe(o,e),Array.isArray(r)?(r.forEach(i(e)),o.textContent=o.textContent.replace(t,"")):"object"!=typeof r&&(o.textContent=o.textContent.replace(t,r.toString())))}},a=e=>{const{attributes:t,childNodes:r}=e,o=Array.from(t),n=Array.from(r).filter((({nodeType:e,textContent:t})=>e===Node.TEXT_NODE&&t.trim()));return e=>{((e,t)=>{e.forEach(i(t))})(n,e),((e,t)=>{e.forEach((e=>{const{id:t,value:r}=e;return o=>{(o.value.includes(t)&&"data-id"!==o.name||"string"==typeof r&&"number"==typeof r)&&(e.observe(o,e),o.value=o.value.replace(t,r))}})(t))})(o,e)}},c=(e,t)=>{const r=e.props;r.forEach(((e,t)=>e=>{const{id:r,value:o}=e,n=t.querySelector(`del[${r}]`),s=e=>e instanceof Node,i=Array.isArray(o)&&o.every(s);if(n&&(s||i)){e.observe(n,e);const t=Array.isArray(o)?o:[o];n.replaceWith(...t)}})(0,t));return Array.from(t.querySelectorAll("*")).forEach((e=>t=>e.forEach(a(t)))(r)),t};exports.html=function(e,...t){const r=n(),o=s(e,t,r),i=document.createElement("template");i.innerHTML=o;const a=c(r,i.content);return a.collect=function(e){const t=e.querySelectorAll("[ref]");return()=>{if(null==e?void 0:e.refs)return e.refs;const r=Array.from(t).reduce(((e,t)=>(e[t.getAttribute("ref")]=t,e)),{});return e.refs=r,r}}(a),a},exports.useViewModel=function(e){const t=n();e=Object.assign({},e);const r={get(e,r){if("symbol"==typeof r)return;const n="$"===r[0];if(!((r=n?r.replace("$",""):r)in e))return;const s=Reflect.get(e,r),i=o.prototype.isPrototypeOf(s),a=t.defineProperty(s,r);if(Reflect.set(e,r,a),n)return a;if(i)return Reflect.get(s,"value");if(!("object"!=typeof s||Array.isArray(s)||s instanceof Node)){const t=new Proxy(s,this);return Reflect.set(e,r,t),t}return s},set(e,r,o){if("symbol"==typeof r)return!1;const n=t.getPropertyByKey(r);return!n||(n.update(o),!!n)}};return new Proxy(e,r)};

package/dist/marjoram.umd.js

@@ -1,15 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).marjoram={})}(this,(function(e){"use strict";
-/*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */function t(e,t,r,o){if("a"===r&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?o:"a"===r?o.call(e):o?o.value:t.get(e)}var r,o;class n{constructor(e,t,n){r.set(this,void 0),o.set(this,[]),this.key=t,this.value=n,this.id="_"+Math.random().toString(36).substr(2,9),this.compute=this.compute.bind(this,e)}update(e){if(this.value!==e){const n=t(this,r,"f")?t(this,r,"f").call(this,e):e;t(this,o,"f")&&t(this,o,"f").forEach((e=>e(n))),this.value=n}return this}observe(e,r=this){e instanceof Node&&(e=this.nodeObserver(e)),t(this,o,"f").push(e.bind(r))}compute(e,t){const o=e.defineProperty(t(this.value));return function(e,t,r,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");"a"===o?n.call(e,r):n?n.value=r:t.set(e,r)}(o,r,t,"f"),this.observe(o.update,o),o}nodeObserver(e){let t=this.value;const r=e.parentElement;return o=>{t=this.value,e instanceof Attr?e.value=e.value.replace(t.toString(),o.toString()):Array.isArray(o)?r.replaceChildren(...o):e.textContent=e.textContent.replace(t.toString(),o.toString())}}}r=new WeakMap,o=new WeakMap;const i=function(e){if(e)return e;return{ids:[],props:[],defineProperty(e,t){if(n.prototype.isPrototypeOf(e)){const t=e,{id:r}=t;return this.hasId(r)||(this.props.push(t),this.ids.push(r)),t}const r=new n(this,t,e);return this.props.push(r),this.ids.push(r.id),r},getPropertyByKey(e){return this.props.find((({key:t})=>t===e))},getPropertyByValue(e){return this.props.find((({value:t})=>t===e))},getPropertyById(e){return this.props.find((({id:t})=>t===e))},hasProperty(e){return this.props.some((t=>t.key===e))},hasId(e){return this.ids.some((t=>t===e))}}},s=(e,t,r)=>t.reduce(((t,o,n)=>{const i=r.defineProperty(o,null==o?void 0:o.key);return[...t,((e,{id:t,value:r})=>{const o=e=>e instanceof Node;if(Array.isArray(r)&&r.every(o)||o(r))return`<del ${t}></del>`})(0,i)||i.id,e[n+1]]}),[e[0]]).join(""),a=e=>{const{id:t,value:r}=e;return o=>{var n;(e=>{Array.isArray(e)||(e instanceof DocumentFragment||Element)})(r),(null===(n=o.textContent)||void 0===n?void 0:n.includes(t))&&(e.observe(o,e),Array.isArray(r)?(r.forEach(a(e)),o.textContent=o.textContent.replace(t,"")):"object"!=typeof r&&(o.textContent=o.textContent.replace(t,r.toString())))}},u=e=>{const{attributes:t,childNodes:r}=e,o=Array.from(t),n=Array.from(r).filter((({nodeType:e,textContent:t})=>e===Node.TEXT_NODE&&t.trim()));return e=>{((e,t)=>{e.forEach(a(t))})(n,e),((e,t)=>{e.forEach((e=>{const{id:t,value:r}=e;return o=>{(o.value.includes(t)&&"data-id"!==o.name||"string"==typeof r&&"number"==typeof r)&&(e.observe(o,e),o.value=o.value.replace(t,r))}})(t))})(o,e)}},c=(e,t)=>{const r=e.props;r.forEach(((e,t)=>e=>{const{id:r,value:o}=e,n=t.querySelector(`del[${r}]`),i=e=>e instanceof Node,s=Array.isArray(o)&&o.every(i);if(n&&(i||s)){e.observe(n,e);const t=Array.isArray(o)?o:[o];n.replaceWith(...t)}})(0,t));return Array.from(t.querySelectorAll("*")).forEach((e=>t=>e.forEach(u(t)))(r)),t};e.html=function(e,...t){const r=i(),o=s(e,t,r),n=document.createElement("template");n.innerHTML=o;const a=c(r,n.content);return a.collect=function(e){const t=e.querySelectorAll("[ref]");return()=>{if(null==e?void 0:e.refs)return e.refs;const r=Array.from(t).reduce(((e,t)=>(e[t.getAttribute("ref")]=t,e)),{});return e.refs=r,r}}(a),a},e.useViewModel=function(e){const t=i();e=Object.assign({},e);const r={get(e,r){if("symbol"==typeof r)return;const o="$"===r[0];if(!((r=o?r.replace("$",""):r)in e))return;const i=Reflect.get(e,r),s=n.prototype.isPrototypeOf(i),a=t.defineProperty(i,r);if(Reflect.set(e,r,a),o)return a;if(s)return Reflect.get(i,"value");if(!("object"!=typeof i||Array.isArray(i)||i instanceof Node)){const t=new Proxy(i,this);return Reflect.set(e,r,t),t}return i},set(e,r,o){if("symbol"==typeof r)return!1;const n=t.getPropertyByKey(r);return!n||(n.update(o),!!n)}};return new Proxy(e,r)},Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).marjoram={})}(this,(function(e){"use strict";function t(e,t,r,o){if("a"===r&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?o:"a"===r?o.call(e):o?o.value:t.get(e)}var r,o;class n{constructor(e,t,n){r.set(this,void 0),o.set(this,[]),this.key=t,this.value=n,this.id="_"+Math.random().toString(36).substr(2,9),this.compute=this.compute.bind(this,e)}update(e){if(this.value!==e){const n=t(this,r,"f")?t(this,r,"f").call(this,e):e;t(this,o,"f")&&t(this,o,"f").forEach((e=>e(n))),this.value=n}return this}observe(e,r=this){e instanceof Node&&(e=this.nodeObserver(e)),t(this,o,"f").push(e.bind(r))}compute(e,t){const o=e.defineProperty(t(this.value));return function(e,t,r,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");"a"===o?n.call(e,r):n?n.value=r:t.set(e,r)}(o,r,t,"f"),this.observe(o.update,o),o}nodeObserver(e){let t=this.value;const r=e.parentElement;return o=>{t=this.value,e instanceof Attr?e.value=e.value.replace(t.toString(),o.toString()):Array.isArray(o)?r.replaceChildren(...o):e.textContent=e.textContent.replace(t.toString(),o.toString())}}}r=new WeakMap,o=new WeakMap;const i=function(e){if(e)return e;return{ids:[],props:[],defineProperty(e,t){if(n.prototype.isPrototypeOf(e)){const t=e,{id:r}=t;return this.hasId(r)||(this.props.push(t),this.ids.push(r)),t}const r=new n(this,t,e);return this.props.push(r),this.ids.push(r.id),r},getPropertyByKey(e){return this.props.find((({key:t})=>t===e))},getPropertyByValue(e){return this.props.find((({value:t})=>t===e))},getPropertyById(e){return this.props.find((({id:t})=>t===e))},hasProperty(e){return this.props.some((t=>t.key===e))},hasId(e){return this.ids.some((t=>t===e))}}},s=(e,t,r)=>t.reduce(((t,o,n)=>{const i=r.defineProperty(o,null==o?void 0:o.key);return[...t,((e,{id:t,value:r})=>{const o=e=>e instanceof Node;if(Array.isArray(r)&&r.every(o)||o(r))return`<del ${t}></del>`})(0,i)||i.id,e[n+1]]}),[e[0]]).join(""),a=e=>{const{id:t,value:r}=e;return o=>{var n;(e=>{Array.isArray(e)||(e instanceof DocumentFragment||Element)})(r),(null===(n=o.textContent)||void 0===n?void 0:n.includes(t))&&(e.observe(o,e),Array.isArray(r)?(r.forEach(a(e)),o.textContent=o.textContent.replace(t,"")):"object"!=typeof r&&(o.textContent=o.textContent.replace(t,r.toString())))}},u=e=>{const{attributes:t,childNodes:r}=e,o=Array.from(t),n=Array.from(r).filter((({nodeType:e,textContent:t})=>e===Node.TEXT_NODE&&t.trim()));return e=>{((e,t)=>{e.forEach(a(t))})(n,e),((e,t)=>{e.forEach((e=>{const{id:t,value:r}=e;return o=>{(o.value.includes(t)&&"data-id"!==o.name||"string"==typeof r&&"number"==typeof r)&&(e.observe(o,e),o.value=o.value.replace(t,r))}})(t))})(o,e)}},c=(e,t)=>{const r=e.props;r.forEach(((e,t)=>e=>{const{id:r,value:o}=e,n=t.querySelector(`del[${r}]`),i=e=>e instanceof Node,s=Array.isArray(o)&&o.every(i);if(n&&(i||s)){e.observe(n,e);const t=Array.isArray(o)?o:[o];n.replaceWith(...t)}})(0,t));return Array.from(t.querySelectorAll("*")).forEach((e=>t=>e.forEach(u(t)))(r)),t};e.html=function(e,...t){const r=i(),o=s(e,t,r),n=document.createElement("template");n.innerHTML=o;const a=c(r,n.content);return a.collect=function(e){const t=e.querySelectorAll("[ref]");return()=>{if(null==e?void 0:e.refs)return e.refs;const r=Array.from(t).reduce(((e,t)=>(e[t.getAttribute("ref")]=t,e)),{});return e.refs=r,r}}(a),a},e.useViewModel=function(e){const t=i();e=Object.assign({},e);const r={get(e,r){if("symbol"==typeof r)return;const o="$"===r[0];if(!((r=o?r.replace("$",""):r)in e))return;const i=Reflect.get(e,r),s=n.prototype.isPrototypeOf(i),a=t.defineProperty(i,r);if(Reflect.set(e,r,a),o)return a;if(s)return Reflect.get(i,"value");if(!("object"!=typeof i||Array.isArray(i)||i instanceof Node)){const t=new Proxy(i,this);return Reflect.set(e,r,t),t}return i},set(e,r,o){if("symbol"==typeof r)return!1;const n=t.getPropertyByKey(r);return!n||(n.update(o),!!n)}};return new Proxy(e,r)},Object.defineProperty(e,"__esModule",{value:!0})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "marjoram",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "main": "dist/marjoram.cjs.js",
   "module": "dist/marjoram.esm.js",
   "browser": "dist/marjoram.umd.js",
@@ -8,7 +8,7 @@
   "dependencies": {},
   "devDependencies": {
     "@emotion/css": "^11.1.3",
-    "@rollup/plugin-typescript": "^8.2.1",
+    "@rollup/plugin-typescript": "^3.1.1",
     "@testing-library/dom": "^8.5.0",
     "@testing-library/jest-dom": "^5.14.1",
     "@types/jest": "^27.0.1",
@@ -16,17 +16,17 @@
     "@types/testing-library__jest-dom": "^5.14.1",
     "canvas": "^2.8.0",
     "jest": "^27.2.0",
-    "rollup": "^2.47.0",
-    "rollup-plugin-commonjs": "^9.2.0",
+    "rollup": "^2.72.0",
+    "rollup-plugin-commonjs": "^10.1.0",
     "rollup-plugin-inject-process-env": "^1.3.1",
-    "rollup-plugin-livereload": "^2.0.0",
-    "rollup-plugin-node-resolve": "^4.0.0",
+    "rollup-plugin-livereload": "^2.0.5",
+    "rollup-plugin-node-resolve": "^5.2.0",
     "rollup-plugin-serve": "^1.1.0",
     "rollup-plugin-terser": "^7.0.2",
     "ts-jest": "^27.0.5",
     "ts-node": "^7.0.1",
-    "tslib": "^2.2.0",
-    "typescript": "^4.2.4"
+    "tslib": "^2.4.0",
+    "typescript": "^4.6.4"
   },
   "scripts": {
     "build": "rm -rf dist/* && rollup -c rollup.config.js && tsc --excludeDirectories demo/ --emitDeclarationOnly",