@frsource/autoresize-textarea 1.2.0 → 1.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/index.es.js +1 -1
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +1 -1
- package/dist/index.modern.js.map +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
<br>
|
|
36
36
|
<i>Tiny library which make your textareas fluid.
|
|
37
37
|
<br>Mobile & desktop-friendly
|
|
38
|
-
<br>Performant & with small bundle size (less than
|
|
38
|
+
<br>Performant & with small bundle size (less than 390B!)
|
|
39
39
|
<br>Published as separate bundles for JS ES5 or modern browsers thanks to <a href="https://www.npmjs.com/package/microbundle">microbundle</a>
|
|
40
40
|
<br>Written completely in <a href="https://www.typescriptlang.org">typescript</a></i>
|
|
41
41
|
<br>Published under <a href="https://opensource.org/licenses/MIT" target="_blank">MIT</a> license</i>
|
package/dist/index.es.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var t=function(t){if(!t.getAttribute("data-frs-autoresize-textarea")){t.setAttribute("data-frs-autoresize-textarea","true");var e="",i=function(){(t.scrollHeight>t.clientHeight||e===t.style.height)
|
|
1
|
+
var t=function(t){if(!t.getAttribute("data-frs-autoresize-textarea")){t.setAttribute("data-frs-autoresize-textarea","true");var e="",i=function(){if(t.scrollHeight>t.clientHeight||e===t.style.height){var i=t.style.overflow;t.style.height="auto",t.style.overflow="hidden",t.style.height=e=t.scrollHeight+(t.offsetHeight-t.clientHeight)+"px",t.style.overflow=i}};return t.style.boxSizing="border-box",i(),t.addEventListener("input",i),{detach:function(){t.removeEventListener("input",i)}}}};export{t as attach};
|
|
2
2
|
//# sourceMappingURL=index.es.js.map
|
package/dist/index.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../src/index.ts"],"sourcesContent":["const ATTRIBUTE_NAME = \"data-frs-autoresize-textarea\";\n\nexport const attach = (element: HTMLTextAreaElement) => {\n if (element.getAttribute(ATTRIBUTE_NAME)) return;\n element.setAttribute(ATTRIBUTE_NAME, \"true\");\n\n let prevHeight = \"\";\n const inputHandler = () => {\n if (\n element.scrollHeight > element.clientHeight ||\n prevHeight === element.style.height\n ) {\n element.style.height = \"auto\";\n element.style.height = prevHeight =\n element.scrollHeight +\n (element.offsetHeight - element.clientHeight) +\n \"px\";\n }\n };\n\n element.style.boxSizing = \"border-box\";\n\n inputHandler();\n\n element.addEventListener(\"input\", inputHandler);\n\n return {\n detach() {\n element.removeEventListener(\"input\", inputHandler);\n },\n };\n};\n"],"names":["attach","element","getAttribute","setAttribute","prevHeight","inputHandler","scrollHeight","clientHeight","style","height","offsetHeight","boxSizing","addEventListener","detach","removeEventListener"],"mappings":"AAAA,IAEaA,EAAS,SAACC,GACrB,IAAIA,EAAQC,aAHS,gCAGrB,CACAD,EAAQE,aAJa,+BAIgB,QAErC,IAAIC,EAAa,GACXC,EAAe,
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../src/index.ts"],"sourcesContent":["const ATTRIBUTE_NAME = \"data-frs-autoresize-textarea\";\n\nexport const attach = (element: HTMLTextAreaElement) => {\n if (element.getAttribute(ATTRIBUTE_NAME)) return;\n element.setAttribute(ATTRIBUTE_NAME, \"true\");\n\n let prevHeight = \"\";\n const inputHandler = () => {\n if (\n element.scrollHeight > element.clientHeight ||\n prevHeight === element.style.height\n ) {\n const currentOverflow = element.style.overflow;\n element.style.height = \"auto\";\n element.style.overflow = \"hidden\";\n element.style.height = prevHeight =\n element.scrollHeight +\n (element.offsetHeight - element.clientHeight) +\n \"px\";\n element.style.overflow = currentOverflow;\n }\n };\n\n element.style.boxSizing = \"border-box\";\n\n inputHandler();\n\n element.addEventListener(\"input\", inputHandler);\n\n return {\n detach() {\n element.removeEventListener(\"input\", inputHandler);\n },\n };\n};\n"],"names":["attach","element","getAttribute","setAttribute","prevHeight","inputHandler","scrollHeight","clientHeight","style","height","currentOverflow","overflow","offsetHeight","boxSizing","addEventListener","detach","removeEventListener"],"mappings":"AAAA,IAEaA,EAAS,SAACC,GACrB,IAAIA,EAAQC,aAHS,gCAGrB,CACAD,EAAQE,aAJa,+BAIgB,QAErC,IAAIC,EAAa,GACXC,EAAe,WACnB,GACEJ,EAAQK,aAAeL,EAAQM,cAC/BH,IAAeH,EAAQO,MAAMC,OAC7B,CACA,IAAMC,EAAkBT,EAAQO,MAAMG,SACtCV,EAAQO,MAAMC,OAAS,OACvBR,EAAQO,MAAMG,SAAW,SACzBV,EAAQO,MAAMC,OAASL,EACrBH,EAAQK,cACPL,EAAQW,aAAeX,EAAQM,cAChC,KACFN,EAAQO,MAAMG,SAAWD,IAU7B,OANAT,EAAQO,MAAMK,UAAY,aAE1BR,IAEAJ,EAAQa,iBAAiB,QAAST,GAE3B,CACLU,kBACEd,EAAQe,oBAAoB,QAASX"}
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
exports.attach=function(t){if(!t.getAttribute("data-frs-autoresize-textarea")){t.setAttribute("data-frs-autoresize-textarea","true");var e="",i=function(){(t.scrollHeight>t.clientHeight||e===t.style.height)
|
|
1
|
+
exports.attach=function(t){if(!t.getAttribute("data-frs-autoresize-textarea")){t.setAttribute("data-frs-autoresize-textarea","true");var e="",i=function(){if(t.scrollHeight>t.clientHeight||e===t.style.height){var i=t.style.overflow;t.style.height="auto",t.style.overflow="hidden",t.style.height=e=t.scrollHeight+(t.offsetHeight-t.clientHeight)+"px",t.style.overflow=i}};return t.style.boxSizing="border-box",i(),t.addEventListener("input",i),{detach:function(){t.removeEventListener("input",i)}}}};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["const ATTRIBUTE_NAME = \"data-frs-autoresize-textarea\";\n\nexport const attach = (element: HTMLTextAreaElement) => {\n if (element.getAttribute(ATTRIBUTE_NAME)) return;\n element.setAttribute(ATTRIBUTE_NAME, \"true\");\n\n let prevHeight = \"\";\n const inputHandler = () => {\n if (\n element.scrollHeight > element.clientHeight ||\n prevHeight === element.style.height\n ) {\n element.style.height = \"auto\";\n element.style.height = prevHeight =\n element.scrollHeight +\n (element.offsetHeight - element.clientHeight) +\n \"px\";\n }\n };\n\n element.style.boxSizing = \"border-box\";\n\n inputHandler();\n\n element.addEventListener(\"input\", inputHandler);\n\n return {\n detach() {\n element.removeEventListener(\"input\", inputHandler);\n },\n };\n};\n"],"names":["element","getAttribute","setAttribute","prevHeight","inputHandler","scrollHeight","clientHeight","style","height","offsetHeight","boxSizing","addEventListener","detach","removeEventListener"],"mappings":"eAEsB,SAACA,GACrB,IAAIA,EAAQC,aAHS,gCAGrB,CACAD,EAAQE,aAJa,+BAIgB,QAErC,IAAIC,EAAa,GACXC,EAAe,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["const ATTRIBUTE_NAME = \"data-frs-autoresize-textarea\";\n\nexport const attach = (element: HTMLTextAreaElement) => {\n if (element.getAttribute(ATTRIBUTE_NAME)) return;\n element.setAttribute(ATTRIBUTE_NAME, \"true\");\n\n let prevHeight = \"\";\n const inputHandler = () => {\n if (\n element.scrollHeight > element.clientHeight ||\n prevHeight === element.style.height\n ) {\n const currentOverflow = element.style.overflow;\n element.style.height = \"auto\";\n element.style.overflow = \"hidden\";\n element.style.height = prevHeight =\n element.scrollHeight +\n (element.offsetHeight - element.clientHeight) +\n \"px\";\n element.style.overflow = currentOverflow;\n }\n };\n\n element.style.boxSizing = \"border-box\";\n\n inputHandler();\n\n element.addEventListener(\"input\", inputHandler);\n\n return {\n detach() {\n element.removeEventListener(\"input\", inputHandler);\n },\n };\n};\n"],"names":["element","getAttribute","setAttribute","prevHeight","inputHandler","scrollHeight","clientHeight","style","height","currentOverflow","overflow","offsetHeight","boxSizing","addEventListener","detach","removeEventListener"],"mappings":"eAEsB,SAACA,GACrB,IAAIA,EAAQC,aAHS,gCAGrB,CACAD,EAAQE,aAJa,+BAIgB,QAErC,IAAIC,EAAa,GACXC,EAAe,WACnB,GACEJ,EAAQK,aAAeL,EAAQM,cAC/BH,IAAeH,EAAQO,MAAMC,OAC7B,CACA,IAAMC,EAAkBT,EAAQO,MAAMG,SACtCV,EAAQO,MAAMC,OAAS,OACvBR,EAAQO,MAAMG,SAAW,SACzBV,EAAQO,MAAMC,OAASL,EACrBH,EAAQK,cACPL,EAAQW,aAAeX,EAAQM,cAChC,KACFN,EAAQO,MAAMG,SAAWD,IAU7B,OANAT,EAAQO,MAAMK,UAAY,aAE1BR,IAEAJ,EAAQa,iBAAiB,QAAST,GAE3B,CACLU,kBACEd,EAAQe,oBAAoB,QAASX"}
|
package/dist/index.modern.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const t=t=>{if(t.getAttribute("data-frs-autoresize-textarea"))return;t.setAttribute("data-frs-autoresize-textarea","true");let e="";const
|
|
1
|
+
const t=t=>{if(t.getAttribute("data-frs-autoresize-textarea"))return;t.setAttribute("data-frs-autoresize-textarea","true");let e="";const r=()=>{if(t.scrollHeight>t.clientHeight||e===t.style.height){const r=t.style.overflow;t.style.height="auto",t.style.overflow="hidden",t.style.height=e=t.scrollHeight+(t.offsetHeight-t.clientHeight)+"px",t.style.overflow=r}};return t.style.boxSizing="border-box",r(),t.addEventListener("input",r),{detach(){t.removeEventListener("input",r)}}};export{t as attach};
|
|
2
2
|
//# sourceMappingURL=index.modern.js.map
|
package/dist/index.modern.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.modern.js","sources":["../src/index.ts"],"sourcesContent":["const ATTRIBUTE_NAME = \"data-frs-autoresize-textarea\";\n\nexport const attach = (element: HTMLTextAreaElement) => {\n if (element.getAttribute(ATTRIBUTE_NAME)) return;\n element.setAttribute(ATTRIBUTE_NAME, \"true\");\n\n let prevHeight = \"\";\n const inputHandler = () => {\n if (\n element.scrollHeight > element.clientHeight ||\n prevHeight === element.style.height\n ) {\n element.style.height = \"auto\";\n element.style.height = prevHeight =\n element.scrollHeight +\n (element.offsetHeight - element.clientHeight) +\n \"px\";\n }\n };\n\n element.style.boxSizing = \"border-box\";\n\n inputHandler();\n\n element.addEventListener(\"input\", inputHandler);\n\n return {\n detach() {\n element.removeEventListener(\"input\", inputHandler);\n },\n };\n};\n"],"names":["attach","element","getAttribute","setAttribute","prevHeight","inputHandler","scrollHeight","clientHeight","style","height","offsetHeight","boxSizing","addEventListener","detach","removeEventListener"],"mappings":"AAAA,MAEaA,EAAUC,IACrB,GAAIA,EAAQC,aAHS,gCAGqB,OAC1CD,EAAQE,aAJa,+BAIgB,QAErC,IAAIC,EAAa,GACjB,MAAMC,EAAe,
|
|
1
|
+
{"version":3,"file":"index.modern.js","sources":["../src/index.ts"],"sourcesContent":["const ATTRIBUTE_NAME = \"data-frs-autoresize-textarea\";\n\nexport const attach = (element: HTMLTextAreaElement) => {\n if (element.getAttribute(ATTRIBUTE_NAME)) return;\n element.setAttribute(ATTRIBUTE_NAME, \"true\");\n\n let prevHeight = \"\";\n const inputHandler = () => {\n if (\n element.scrollHeight > element.clientHeight ||\n prevHeight === element.style.height\n ) {\n const currentOverflow = element.style.overflow;\n element.style.height = \"auto\";\n element.style.overflow = \"hidden\";\n element.style.height = prevHeight =\n element.scrollHeight +\n (element.offsetHeight - element.clientHeight) +\n \"px\";\n element.style.overflow = currentOverflow;\n }\n };\n\n element.style.boxSizing = \"border-box\";\n\n inputHandler();\n\n element.addEventListener(\"input\", inputHandler);\n\n return {\n detach() {\n element.removeEventListener(\"input\", inputHandler);\n },\n };\n};\n"],"names":["attach","element","getAttribute","setAttribute","prevHeight","inputHandler","scrollHeight","clientHeight","style","height","currentOverflow","overflow","offsetHeight","boxSizing","addEventListener","detach","removeEventListener"],"mappings":"AAAA,MAEaA,EAAUC,IACrB,GAAIA,EAAQC,aAHS,gCAGqB,OAC1CD,EAAQE,aAJa,+BAIgB,QAErC,IAAIC,EAAa,GACjB,MAAMC,EAAe,KACnB,GACEJ,EAAQK,aAAeL,EAAQM,cAC/BH,IAAeH,EAAQO,MAAMC,OAC7B,CACA,MAAMC,EAAkBT,EAAQO,MAAMG,SACtCV,EAAQO,MAAMC,OAAS,OACvBR,EAAQO,MAAMG,SAAW,SACzBV,EAAQO,MAAMC,OAASL,EACrBH,EAAQK,cACPL,EAAQW,aAAeX,EAAQM,cAChC,KACFN,EAAQO,MAAMG,SAAWD,IAU7B,OANAT,EAAQO,MAAMK,UAAY,aAE1BR,IAEAJ,EAAQa,iBAAiB,QAAST,GAE3B,CACLU,SACEd,EAAQe,oBAAoB,QAASX"}
|
package/dist/index.umd.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e||self).autoresizeTextarea={})}(this,function(e){var t="data-frs-autoresize-textarea";e.attach=function(e){if(!e.getAttribute(t)){e.setAttribute(t,"true");var i="",
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e||self).autoresizeTextarea={})}(this,function(e){var t="data-frs-autoresize-textarea";e.attach=function(e){if(!e.getAttribute(t)){e.setAttribute(t,"true");var i="",o=function(){if(e.scrollHeight>e.clientHeight||i===e.style.height){var t=e.style.overflow;e.style.height="auto",e.style.overflow="hidden",e.style.height=i=e.scrollHeight+(e.offsetHeight-e.clientHeight)+"px",e.style.overflow=t}};return e.style.boxSizing="border-box",o(),e.addEventListener("input",o),{detach:function(){e.removeEventListener("input",o)}}}}});
|
|
2
2
|
//# sourceMappingURL=index.umd.js.map
|
package/dist/index.umd.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.umd.js","sources":["../src/index.ts"],"sourcesContent":["const ATTRIBUTE_NAME = \"data-frs-autoresize-textarea\";\n\nexport const attach = (element: HTMLTextAreaElement) => {\n if (element.getAttribute(ATTRIBUTE_NAME)) return;\n element.setAttribute(ATTRIBUTE_NAME, \"true\");\n\n let prevHeight = \"\";\n const inputHandler = () => {\n if (\n element.scrollHeight > element.clientHeight ||\n prevHeight === element.style.height\n ) {\n element.style.height = \"auto\";\n element.style.height = prevHeight =\n element.scrollHeight +\n (element.offsetHeight - element.clientHeight) +\n \"px\";\n }\n };\n\n element.style.boxSizing = \"border-box\";\n\n inputHandler();\n\n element.addEventListener(\"input\", inputHandler);\n\n return {\n detach() {\n element.removeEventListener(\"input\", inputHandler);\n },\n };\n};\n"],"names":["ATTRIBUTE_NAME","element","getAttribute","setAttribute","prevHeight","inputHandler","scrollHeight","clientHeight","style","height","offsetHeight","boxSizing","addEventListener","detach","removeEventListener"],"mappings":"4OAAA,IAAMA,EAAiB,wCAED,SAACC,GACrB,IAAIA,EAAQC,aAAaF,GAAzB,CACAC,EAAQE,aAAaH,EAAgB,QAErC,IAAII,EAAa,GACXC,EAAe,
|
|
1
|
+
{"version":3,"file":"index.umd.js","sources":["../src/index.ts"],"sourcesContent":["const ATTRIBUTE_NAME = \"data-frs-autoresize-textarea\";\n\nexport const attach = (element: HTMLTextAreaElement) => {\n if (element.getAttribute(ATTRIBUTE_NAME)) return;\n element.setAttribute(ATTRIBUTE_NAME, \"true\");\n\n let prevHeight = \"\";\n const inputHandler = () => {\n if (\n element.scrollHeight > element.clientHeight ||\n prevHeight === element.style.height\n ) {\n const currentOverflow = element.style.overflow;\n element.style.height = \"auto\";\n element.style.overflow = \"hidden\";\n element.style.height = prevHeight =\n element.scrollHeight +\n (element.offsetHeight - element.clientHeight) +\n \"px\";\n element.style.overflow = currentOverflow;\n }\n };\n\n element.style.boxSizing = \"border-box\";\n\n inputHandler();\n\n element.addEventListener(\"input\", inputHandler);\n\n return {\n detach() {\n element.removeEventListener(\"input\", inputHandler);\n },\n };\n};\n"],"names":["ATTRIBUTE_NAME","element","getAttribute","setAttribute","prevHeight","inputHandler","scrollHeight","clientHeight","style","height","currentOverflow","overflow","offsetHeight","boxSizing","addEventListener","detach","removeEventListener"],"mappings":"4OAAA,IAAMA,EAAiB,wCAED,SAACC,GACrB,IAAIA,EAAQC,aAAaF,GAAzB,CACAC,EAAQE,aAAaH,EAAgB,QAErC,IAAII,EAAa,GACXC,EAAe,WACnB,GACEJ,EAAQK,aAAeL,EAAQM,cAC/BH,IAAeH,EAAQO,MAAMC,OAC7B,CACA,IAAMC,EAAkBT,EAAQO,MAAMG,SACtCV,EAAQO,MAAMC,OAAS,OACvBR,EAAQO,MAAMG,SAAW,SACzBV,EAAQO,MAAMC,OAASL,EACrBH,EAAQK,cACPL,EAAQW,aAAeX,EAAQM,cAChC,KACFN,EAAQO,MAAMG,SAAWD,IAU7B,OANAT,EAAQO,MAAMK,UAAY,aAE1BR,IAEAJ,EAAQa,iBAAiB,QAAST,GAE3B,CACLU,kBACEd,EAAQe,oBAAoB,QAASX"}
|