react-animated-text-writer 0.0.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 +180 -0
- package/dist/components/AnimatedTextWriter.d.ts +33 -0
- package/dist/index.d.ts +39 -0
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +2 -0
- package/dist/index.mjs.map +1 -0
- package/package.json +42 -0
- package/rollup.config.js +46 -0
- package/src/components/AnimatedTextWriter.css +682 -0
- package/src/components/AnimatedTextWriter.tsx +199 -0
- package/src/index.ts +3 -0
- package/tsconfig.json +23 -0
package/dist/index.mjs
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsxs as A,jsx as n}from"react/jsx-runtime";import e from"react";!function(A,n){void 0===n&&(n={});var e=n.insertAt;if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css","top"===e&&r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.styleSheet?t.styleSheet.cssText=A:t.appendChild(document.createTextNode(A))}}('\r\nh1.animated-text-title-header {\r\n text-align: center;\r\n}\r\n\r\n.animated-text-writer-blinking-cursor {\r\n /* line-height: 1rem; */\r\n margin-left: 2px;\r\n animation: pulse-blinking-cursor 1s ease-in-out infinite;\r\n}\r\n\r\n@keyframes pulse-blinking-cursor {\r\n 0% { opacity: 1; }\r\n 50% { opacity: 0; }\r\n 100% { opacity: 1; }\r\n}\r\n\r\n.animated-text-writer-code-container {\r\n font-size: 18px;\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, \'Courier New\', monospace;\r\n overflow: auto;\r\n padding: 10px 15px 20px;\r\n line-height: 20px !important;\r\n /* position: relative; */\r\n /* margin: -5px -7px; */\r\n}\r\n\r\n.animated-text-writer-code-container .copy-button {\r\n float: right;\r\n}\r\n\r\n.animated-text-writer-code-container.nowrap {\r\n white-space: pre;\r\n}\r\n\r\n.animated-text-writer-code-container:not(.hide-line-number)::before {\r\n color: #999;\r\n font-size: 15px;\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10";\r\n float: left;\r\n position: sticky;\r\n left: -18px;\r\n /* top: 0px; */\r\n margin-left: -18px;\r\n margin-right: 5px;\r\n margin-top: 1px;\r\n padding-right: 4px;\r\n white-space: pre;\r\n width: 30px;\r\n text-align: right;\r\n overflow-y: hidden;\r\n border-right: 1px solid;\r\n /* line-height: 20.5px!important; */\r\n}\r\n\r\n.animated-text-writer-code-container code {\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, \'Courier New\', monospace;\r\n color: #000;\r\n overflow-y: auto;\r\n}\r\n\r\n.animated-text-writer-code-container code.dark {\r\n color: #FFF;\r\n}\r\n\r\n.animated-text-writer-code-container code .reserve, .animated-text-writer-code-container code .meta {\r\n color: #00C;\r\n}\r\n\r\n.animated-text-writer-code-container code.dark .reserve, .animated-text-writer-code-container code.dark .meta {\r\n color: #4040f1;\r\n}\r\n\r\n.animated-text-writer-code-container code .keyword {\r\n color: #c03adb;\r\n}\r\n\r\n.animated-text-writer-code-container code .variable {\r\n color: #3BC1FF;\r\n}\r\n\r\n.animated-text-writer-code-container code .variable2, .animated-text-writer-code-container code .class {\r\n color: #2eada3;\r\n}\r\n\r\n.animated-text-writer-code-container code .variable3, .animated-text-writer-code-container code .class_ {\r\n color: #248b83;\r\n}\r\n\r\n.animated-text-writer-code-container code .function {\r\n color: #DCDC9D;\r\n}\r\n\r\n.animated-text-writer-code-container code .built_in {\r\n color: #c9c972;\r\n}\r\n\r\n.animated-text-writer-code-container code .comment {\r\n color: #FF8000;\r\n color: #3C3;\r\n}\r\n\r\n.animated-text-writer-code-container code .comment2 {\r\n color: #090;\r\n}\r\n\r\n.animated-text-writer-code-container code .namespace, .animated-text-writer-code-container code .literal {\r\n color: #2666CB;\r\n}\r\n\r\n.animated-text-writer-code-container code .quotation, .animated-text-writer-code-container code .string {\r\n color: #CE836A;\r\n}\r\n\r\n.animated-text-writer-code-container code .number {\r\n color: #94CE9B;\r\n}\r\n\r\n.animated-text-writer-code-container code .bracket {\r\n color: #F19F1C;\r\n}\r\n\r\n.animated-text-writer-code-container code .bracket2 {\r\n color: #DA5583;\r\n}\r\n\r\n.animated-text-writer-code-container code .bracket3, .animated-text-writer-code-container code .property {\r\n color: #5583DA;\r\n}\r\n\r\n\r\n.animated-text-writer-code-container code.c-and-c-plus-plus .include {\r\n color: #0000B7;\r\n background: #00A5AC;\r\n}\r\n\r\n.animated-text-writer-code-container code.c-and-c-plus-plus .comment {\r\n color: #009EB3;\r\n}\r\n\r\n.animated-text-writer-code-container code.c-and-c-plus-plus .keyword {\r\n color: #FFF;\r\n}\r\n\r\n.animated-text-writer-code-container code.c-and-c-plus-plus .function {\r\n color: #FFFF6D;\r\n}\r\n\r\n.animated-text-writer-code-container code.c-and-c-plus-plus .quotation {\r\n color: #B50000;\r\n}\r\n\r\n.animated-text-writer-code-container code.java .quotation {\r\n color: #B50000;\r\n}\r\n\r\n.animated-text-writer-code-container code.flutter .reserve {\r\n color: #09F;\r\n}\r\n\r\n.animated-text-writer-code-container code.sql .keyword {\r\n color: #f92672;\r\n}\r\n\r\n.animated-text-writer-code-container code.php .keyword {\r\n color: #f92672;\r\n}\r\n\r\n@media only screen and (max-width: 1200px) {\r\n h1.animated-text-title-header {\r\n font-size: 20px;\r\n }\r\n\r\n .animated-text-writer-code-container {\r\n font-size: 16px;\r\n line-height: 18px !important;\r\n }\r\n\r\n .animated-text-writer-code-container:not(.hide-line-number)::before {\r\n font-size: 13px;\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 1000px) {\r\n h1.animated-text-title-header {\r\n font-size: 18px;\r\n }\r\n\r\n .animated-text-writer-code-container {\r\n font-size: 14px;\r\n line-height: 16px !important;\r\n }\r\n\r\n .animated-text-writer-code-container:not(.hide-line-number)::before {\r\n font-size: 11px;\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 800px) {\r\n h1.animated-text-title-header {\r\n font-size: 16px;\r\n }\r\n\r\n .animated-text-writer-code-container {\r\n font-size: 12px;\r\n padding: 10px 15px 20px;\r\n line-height: 14px !important;\r\n }\r\n\r\n .animated-text-writer-code-container:not(.hide-line-number)::before {\r\n font-size: 9px;\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 600px) {\r\n h1.animated-text-title-header {\r\n font-size: 14px;\r\n }\r\n\r\n .animated-text-writer-code-container {\r\n font-size: 10px;\r\n padding: 10px 15px 20px;\r\n line-height: 12px !important;\r\n }\r\n}\r\n\r\n.displayMoreButton .buttonText.showMore {\r\n animation: show-more-loader 0.6s infinite alternate;\r\n}\r\n\r\n.displayMoreButton .buttonText.showLess {\r\n opacity: 0.4;\r\n}\r\n\r\n.bouncingDotAnimation {\r\n display: inline flex;\r\n margin-top: 8px;\r\n margin-left: 10px;\r\n justify-content: center;\r\n}\r\n\r\n.bouncingDotAnimation > div {\r\n width: 4px;\r\n height: 4px;\r\n margin: 3px 2px;\r\n border-radius: 50%;\r\n background-color: var(--accent-color);\r\n opacity: 1;\r\n animation: bouncing-dot-loader 0.6s infinite alternate;\r\n}\r\n\r\n@keyframes bouncing-dot-loader {\r\n to {\r\n opacity: 0.1;\r\n transform: translateY(-4px);\r\n }\r\n}\r\n\r\n@keyframes show-more-loader {\r\n to {\r\n opacity: 0.4;\r\n }\r\n}\r\n\r\n@keyframes showly-appear {\r\n from { opacity: 0; max-height: 0; }\r\n to { opacity: 1; max-height: 100vh; }\r\n}\r\n\r\n@keyframes showly-disappear {\r\n from { opacity: 1; height: var(--client-height); }\r\n to { opacity: 0; height: 0px; }\r\n}\r\n\r\n.bouncingDotAnimation > div:nth-child(2) {\r\n animation-delay: 0.2s;\r\n}\r\n\r\n.bouncingDotAnimation > div:nth-child(3) {\r\n animation-delay: 0.4s;\r\n}\r\n\r\n\r\n.animated-text-writer-code-container.n1:not(.hide-line-number)::before {\r\n content: "1";\r\n}\r\n\r\n.animated-text-writer-code-container.n2:not(.hide-line-number)::before {\r\n content: "1\\A 2";\r\n}\r\n\r\n.animated-text-writer-code-container.n3:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3";\r\n}\r\n\r\n.animated-text-writer-code-container.n4:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4";\r\n}\r\n\r\n.animated-text-writer-code-container.n5:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5";\r\n}\r\n\r\n.animated-text-writer-code-container.n6:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6";\r\n}\r\n\r\n.animated-text-writer-code-container.n7:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7";\r\n}\r\n\r\n.animated-text-writer-code-container.n8:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8";\r\n}\r\n\r\n.animated-text-writer-code-container.n9:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9";\r\n}\r\n\r\n.animated-text-writer-code-container.n10:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10";\r\n}\r\n\r\n.animated-text-writer-code-container.n11:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11";\r\n}\r\n\r\n.animated-text-writer-code-container.n12:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12";\r\n}\r\n\r\n.animated-text-writer-code-container.n13:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13";\r\n}\r\n\r\n.animated-text-writer-code-container.n14:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14";\r\n}\r\n\r\n.animated-text-writer-code-container.n15:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15";\r\n}\r\n\r\n.animated-text-writer-code-container.n16:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16";\r\n}\r\n\r\n.animated-text-writer-code-container.n17:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17";\r\n}\r\n\r\n.animated-text-writer-code-container.n18:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18";\r\n}\r\n\r\n.animated-text-writer-code-container.n19:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19";\r\n}\r\n\r\n.animated-text-writer-code-container.n20:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20";\r\n}\r\n\r\n.animated-text-writer-code-container.n21:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21";\r\n}\r\n\r\n.animated-text-writer-code-container.n22:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22";\r\n}\r\n\r\n.animated-text-writer-code-container.n23:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23";\r\n}\r\n\r\n.animated-text-writer-code-container.n24:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24";\r\n}\r\n\r\n.animated-text-writer-code-container.n25:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25";\r\n}\r\n\r\n.animated-text-writer-code-container.n26:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26";\r\n}\r\n\r\n.animated-text-writer-code-container.n27:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27";\r\n}\r\n\r\n.animated-text-writer-code-container.n28:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28";\r\n}\r\n\r\n.animated-text-writer-code-container.n29:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29";\r\n}\r\n\r\n.animated-text-writer-code-container.n30:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30";\r\n}\r\n\r\n.animated-text-writer-code-container.n31:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31";\r\n}\r\n\r\n.animated-text-writer-code-container.n32:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32";\r\n}\r\n\r\n.animated-text-writer-code-container.n33:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33";\r\n}\r\n\r\n.animated-text-writer-code-container.n34:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34";\r\n}\r\n\r\n.animated-text-writer-code-container.n35:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35";\r\n}\r\n\r\n.animated-text-writer-code-container.n36:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36";\r\n}\r\n\r\n.animated-text-writer-code-container.n37:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37";\r\n}\r\n\r\n.animated-text-writer-code-container.n38:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38";\r\n}\r\n\r\n.animated-text-writer-code-container.n39:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39";\r\n}\r\n\r\n.animated-text-writer-code-container.n40:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40";\r\n}\r\n\r\n.animated-text-writer-code-container.n41:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41";\r\n}\r\n\r\n.animated-text-writer-code-container.n42:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42";\r\n}\r\n\r\n.animated-text-writer-code-container.n43:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43";\r\n}\r\n\r\n.animated-text-writer-code-container.n44:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44";\r\n}\r\n\r\n.animated-text-writer-code-container.n45:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45";\r\n}\r\n\r\n.animated-text-writer-code-container.n46:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46";\r\n}\r\n\r\n.animated-text-writer-code-container.n47:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47";\r\n}\r\n\r\n.animated-text-writer-code-container.n48:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48";\r\n}\r\n\r\n.animated-text-writer-code-container.n49:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49";\r\n}\r\n\r\n.animated-text-writer-code-container.n50:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50";\r\n}\r\n\r\n.animated-text-writer-code-container.n51:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51";\r\n}\r\n\r\n.animated-text-writer-code-container.n52:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52";\r\n}\r\n\r\n.animated-text-writer-code-container.n53:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53";\r\n}\r\n\r\n.animated-text-writer-code-container.n54:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54";\r\n}\r\n\r\n.animated-text-writer-code-container.n55:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55";\r\n}\r\n\r\n.animated-text-writer-code-container.n56:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56";\r\n}\r\n\r\n.animated-text-writer-code-container.n57:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57";\r\n}\r\n\r\n.animated-text-writer-code-container.n58:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58";\r\n}\r\n\r\n.animated-text-writer-code-container.n59:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59";\r\n}\r\n\r\n.animated-text-writer-code-container.n60:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60";\r\n}\r\n\r\n.animated-text-writer-code-container.n61:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61";\r\n}\r\n\r\n.animated-text-writer-code-container.n62:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62";\r\n}\r\n\r\n.animated-text-writer-code-container.n63:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63";\r\n}\r\n\r\n.animated-text-writer-code-container.n64:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64";\r\n}\r\n\r\n.animated-text-writer-code-container.n65:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65";\r\n}\r\n\r\n.animated-text-writer-code-container.n66:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66";\r\n}\r\n\r\n.animated-text-writer-code-container.n67:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67";\r\n}\r\n\r\n.animated-text-writer-code-container.n68:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68";\r\n}\r\n\r\n.animated-text-writer-code-container.n69:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69";\r\n}\r\n\r\n.animated-text-writer-code-container.n70:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70";\r\n}\r\n\r\n.animated-text-writer-code-container.n71:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71";\r\n}\r\n\r\n.animated-text-writer-code-container.n72:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72";\r\n}\r\n\r\n.animated-text-writer-code-container.n73:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73";\r\n}\r\n\r\n.animated-text-writer-code-container.n74:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74";\r\n}\r\n\r\n.animated-text-writer-code-container.n75:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75";\r\n}\r\n\r\n.animated-text-writer-code-container.n76:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76";\r\n}\r\n\r\n.animated-text-writer-code-container.n77:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77";\r\n}\r\n\r\n.animated-text-writer-code-container.n78:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78";\r\n}\r\n\r\n.animated-text-writer-code-container.n79:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79";\r\n}\r\n\r\n.animated-text-writer-code-container.n80:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80";\r\n}\r\n\r\n.animated-text-writer-code-container.n81:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81";\r\n}\r\n\r\n.animated-text-writer-code-container.n82:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82";\r\n}\r\n\r\n.animated-text-writer-code-container.n83:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83";\r\n}\r\n\r\n.animated-text-writer-code-container.n84:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84";\r\n}\r\n\r\n.animated-text-writer-code-container.n85:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85";\r\n}\r\n\r\n.animated-text-writer-code-container.n86:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86";\r\n}\r\n\r\n.animated-text-writer-code-container.n87:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87";\r\n}\r\n\r\n.animated-text-writer-code-container.n88:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88";\r\n}\r\n\r\n.animated-text-writer-code-container.n89:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89";\r\n}\r\n\r\n.animated-text-writer-code-container.n90:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90";\r\n}\r\n\r\n.animated-text-writer-code-container.n91:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91";\r\n}\r\n\r\n.animated-text-writer-code-container.n92:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92";\r\n}\r\n\r\n.animated-text-writer-code-container.n93:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93";\r\n}\r\n\r\n.animated-text-writer-code-container.n94:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94";\r\n}\r\n\r\n.animated-text-writer-code-container.n95:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95";\r\n}\r\n\r\n.animated-text-writer-code-container.n96:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95\\A 96";\r\n}\r\n\r\n.animated-text-writer-code-container.n97:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95\\A 96\\A 97";\r\n}\r\n\r\n.animated-text-writer-code-container.n98:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95\\A 96\\A 97\\A 98";\r\n}\r\n\r\n.animated-text-writer-code-container.n99:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95\\A 96\\A 97\\A 98\\A 99";\r\n}\r\n\r\n.animated-text-writer-code-container.n100:not(.hide-line-number)::before {\r\n content: "1\\A 2\\A 3\\A 4\\A 5\\A 6\\A 7\\A 8\\A 9\\A 10\\A 11\\A 12\\A 13\\A 14\\A 15\\A 16\\A 17\\A 18\\A 19\\A 20\\A 21\\A 22\\A 23\\A 24\\A 25\\A 26\\A 27\\A 28\\A 29\\A 30\\A 31\\A 32\\A 33\\A 34\\A 35\\A 36\\A 37\\A 38\\A 39\\A 40\\A 41\\A 42\\A 43\\A 44\\A 45\\A 46\\A 47\\A 48\\A 49\\A 50\\A 51\\A 52\\A 53\\A 54\\A 55\\A 56\\A 57\\A 58\\A 59\\A 60\\A 61\\A 62\\A 63\\A 64\\A 65\\A 66\\A 67\\A 68\\A 69\\A 70\\A 71\\A 72\\A 73\\A 74\\A 75\\A 76\\A 77\\A 78\\A 79\\A 80\\A 81\\A 82\\A 83\\A 84\\A 85\\A 86\\A 87\\A 88\\A 89\\A 90\\A 91\\A 92\\A 93\\A 94\\A 95\\A 96\\A 97\\A 98\\A 99\\A 100";\r\n}\r\n');var r=[" ","<","&"],t=["",">",";"],o=function(A,n,e){void 0===e&&(e=!0);var i=1,a=0,c=A.substring(n,n+1),d=r.indexOf(c);if(-1!==d){if(0===t[d].length)i=2,a=1,!1===e&&(i=1,a=0);else{var m=A.indexOf(t[d],n);-1!==m&&(i=m-n+1)}var l=A.substring(n+i-a,n+i-a+1);r.includes(l)&&(i+=o(A,n+i-a,!1))}return i},i=function(r){var t,i=r.content,a=void 0===i?"This is a Sample Text":i,c=r.prefix,d=void 0===c?"":c,m=r.suffix,l=void 0===m?"":m,b=r.replacablePrefix,x=void 0===b?"":b,u=r.codePrefix,h=void 0===u?"":u,s=r.codeSuffix,f=void 0===s?"":s,w=r.delay,p=void 0===w?250:w,v=r.startDelay,y=void 0===v?1e3:v,g=r.displayCursor,C=void 0===g||g,k=r.displayCursorEnd,T=void 0===k||k,F=r.displayCodeWrapper,M=void 0===F||F,B=r.displayCodeLineNumber,S=void 0===B||B,z=r.displayCodeLineNumberMax,D=void 0===z?10:z,N=r.className,L=void 0===N?"":N,E=r.cursorColor,H=void 0===E?"#000":E,_=r.cursorLineHeight,W=void 0===_?"1rem":_,q=r.codeWrapperClasses,P=void 0===q?"":q,j=r.codeWrapperStyle,O=void 0===j?"":j,I=r.codeWrapperWhiteSpace,R=void 0===I?"auto":I,Y=r.displayClickMoreButtonAndPause,G=void 0!==Y&&Y,J=r.displayFullContentOnClickMoreButton,K=void 0!==J&&J,Q=r.clickMoreHeaderText,U=void 0===Q?"":Q,V=r.clickMoreHeaderClassString,X=void 0===V?"":V,Z=r.viewMoreButtonText,$=void 0===Z?"More":Z,AA=r.viewLessButtonText,nA=void 0===AA?"Less":AA,eA=r.showContentAuto,rA=void 0!==eA&&eA,tA=r.sx,oA=void 0===tA?{}:tA,iA=e.useState(0),aA=iA[0],cA=iA[1],dA=e.useState(""),mA=dA[0],lA=dA[1],bA=e.useState(!G),xA=bA[0],uA=bA[1],hA=e.useState(rA),sA=hA[0],fA=hA[1],wA=e.useState(!rA),pA=wA[0],vA=wA[1],yA=e.useState(0),gA=yA[0],CA=yA[1],kA=e.useState(0),TA=kA[0],FA=kA[1],MA=e.useRef(null),BA=M?'<div class="animated-text-writer-code-container '.concat(S?"":"hide-line-number"," ").concat(D?"n"+D:""," ").concat("auto"===R?S?"nowrap":"":"nowrap"===R?"nowrap":""," ").concat(P,'" style="').concat(O,'">'):"",SA=M?"</div>":"",zA='<span class="animated-text-writer-blinking-cursor" style="color: '.concat(H,"; line-height: ").concat(W,'">𝙸</span>');e.useEffect(function(){var A=(new Date).getTime();if(0===gA&&(lA(zA),CA(A)),gA+y>A)xA&&setTimeout(function(){FA(TA+1)},p);else if(lA(d+(0===TA?x:"")+BA+h+(a.length&&aA<a.length?a.substring(0,aA)+(C&&xA?zA:""):"")+f+SA+l),aA<a.length){var n=o(a,aA);setTimeout(function(){cA(aA+n)},p)}else lA(d+BA+h+a+(T?zA:"")+f+SA+l)},[TA,aA,xA,gA,y,d,x,BA,h,a,C,zA,f,SA,l,p,T]);var DA=function(){K?sA?(document.documentElement.style.setProperty("--client-height",MA.current.clientHeight+"px"),vA(!0),t=setTimeout(function(){fA(!1),vA(!1)},1800)):(vA(!1),fA(!0),t&&clearTimeout(t)):uA(!0)};return A("div",{className:L,style:oA,children:[xA&&n("div",{dangerouslySetInnerHTML:{__html:mA}}),!xA&&A("h4",{className:X,onClick:DA,style:{cursor:"pointer"},children:[U,A("button",{className:"displayMoreButton buttonButton",onClick:DA,children:[n("span",{className:"buttonText ".concat(sA?"showLess":"showMore"),children:sA?nA:$}),A("div",{className:"bouncingDotAnimation",children:[" ",n("div",{}),n("div",{})," ",n("div",{})," "]})]})]}),K&&sA&&n("div",{ref:MA,style:{animation:pA?"showly-disappear 2s ease":"showly-appear 2s ease",overflow:"hidden",marginTop:"-2px"},dangerouslySetInnerHTML:{__html:a}})]})};export{i as default};
|
|
2
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/components/AnimatedTextWriter.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import React from \"react\";\r\n\r\nimport \"./AnimatedTextWriter.css\";\r\n\r\nconst sTags = [' ', '<', '&'];\r\nconst eTags = ['', '>', ';'];\r\n\r\nconst getIncrement = (content: string, index: number, fistCall=true) => {\r\n let increment = 1;\r\n let decrement = 0;\r\n const currentChar = content.substring(index, index+1);\r\n\r\n const tstart = sTags.indexOf(currentChar);\r\n if (tstart !== -1) {\r\n if (eTags[tstart].length === 0) {\r\n increment = 2;\r\n decrement = 1;\r\n if (fistCall === false) {\r\n increment = 1;\r\n decrement = 0;\r\n }\r\n } else {\r\n const tend = content.indexOf(eTags[tstart], index);\r\n if (tend !== -1) {\r\n increment = tend - index + 1;\r\n }\r\n }\r\n\r\n const nextChar = content.substring(index+increment-decrement, index+increment-decrement+1);\r\n\r\n if (sTags.includes(nextChar)) {\r\n increment += getIncrement(content, index+increment-decrement, false);\r\n }\r\n }\r\n\r\n return increment;\r\n};\r\n\r\ninterface AnimatedTextWriterProps {\r\n content?: string;\r\n prefix?: string;\r\n suffix?: string;\r\n replacablePrefix?: string;\r\n codePrefix?: string;\r\n codeSuffix?: string;\r\n delay?: number;\r\n startDelay?: number;\r\n displayCursor?: boolean;\r\n displayCursorEnd?: boolean;\r\n displayCodeWrapper?: boolean;\r\n displayCodeLineNumber?: boolean;\r\n displayCodeLineNumberMax?: number;\r\n className?: string;\r\n cursorColor?: string;\r\n cursorLineHeight?: string;\r\n codeWrapperClasses?: string;\r\n codeWrapperStyle?: string | React.CSSProperties;\r\n codeWrapperWhiteSpace?: \"auto\" | \"nowrap\";\r\n displayClickMoreButtonAndPause?: boolean;\r\n displayFullContentOnClickMoreButton?: boolean;\r\n clickMoreHeaderText?: string;\r\n clickMoreHeaderClassString?: string;\r\n viewMoreButtonText?: string;\r\n viewLessButtonText?: string;\r\n showContentAuto?: boolean;\r\n sx?: React.CSSProperties;\r\n}\r\n\r\nconst AnimatedTextWriter = ({\r\n content = 'This is a Sample Text',\r\n prefix = '',\r\n suffix = '',\r\n replacablePrefix = '',\r\n codePrefix = '',\r\n codeSuffix = '',\r\n delay = 250,\r\n startDelay = 1000,\r\n displayCursor = true,\r\n displayCursorEnd = true,\r\n displayCodeWrapper = true,\r\n displayCodeLineNumber = true,\r\n displayCodeLineNumberMax = 10,\r\n className = '',\r\n cursorColor = '#000',\r\n cursorLineHeight = '1rem',\r\n codeWrapperClasses = '',\r\n codeWrapperStyle = '',\r\n codeWrapperWhiteSpace = 'auto',\r\n displayClickMoreButtonAndPause = false,\r\n displayFullContentOnClickMoreButton = false,\r\n clickMoreHeaderText = '',\r\n clickMoreHeaderClassString = '',\r\n viewMoreButtonText = 'More',\r\n viewLessButtonText = 'Less',\r\n showContentAuto = false,\r\n sx={}\r\n } : AnimatedTextWriterProps) => {\r\n const [currentIndex, setCurrentIndex] = React.useState(0);\r\n const [currentContent, setCurrentContent] = React.useState('');\r\n const [enabled, setEnabled] = React.useState(!displayClickMoreButtonAndPause);\r\n const [showContent, setShowContent] = React.useState(showContentAuto);\r\n const [showContentDisappear, setShowContentDisappear] = React.useState(!showContentAuto);\r\n const [startTime, setStartTime] = React.useState(0);\r\n const [nextIteration, setNextIteration] = React.useState(0);\r\n const elementRef = React.useRef<HTMLDivElement>(null);\r\n let timerControl:NodeJS.Timeout | undefined;\r\n\r\n const codeWrapperPrefix = displayCodeWrapper ? `<div class=\"animated-text-writer-code-container ${displayCodeLineNumber ? '' : 'hide-line-number'} ${displayCodeLineNumberMax ? 'n'+displayCodeLineNumberMax : ''} ${codeWrapperWhiteSpace === 'auto' ? (displayCodeLineNumber ? 'nowrap' : '' ) : (codeWrapperWhiteSpace === 'nowrap' ? 'nowrap' : '')} ${codeWrapperClasses}\" style=\"${codeWrapperStyle}\">` : '';\r\n const codeWrapperSuffix = displayCodeWrapper ? '</div>' : '';\r\n const cursorContent = `<span class=\"animated-text-writer-blinking-cursor\" style=\"color: ${cursorColor}; line-height: ${cursorLineHeight}\">𝙸</span>`;\r\n\r\n\r\n React.useEffect(() => {\r\n const currentMillis = new Date().getTime();\r\n if (startTime === 0) {\r\n setCurrentContent(cursorContent);\r\n setStartTime(currentMillis);\r\n }\r\n\r\n if (startTime + startDelay > currentMillis) {\r\n if (enabled) {\r\n setTimeout(() => {\r\n setNextIteration(nextIteration+1);\r\n }, delay);\r\n }\r\n return;\r\n }\r\n\r\n setCurrentContent(prefix + (nextIteration === 0 ? replacablePrefix : '') + codeWrapperPrefix + codePrefix + (content.length && currentIndex < content.length ? content.substring(0, currentIndex) + (displayCursor && enabled ? cursorContent : '') : '') + codeSuffix + codeWrapperSuffix + suffix);\r\n if (currentIndex < content.length) {\r\n const increment = getIncrement(content, currentIndex);\r\n\r\n setTimeout(() => {\r\n setCurrentIndex(currentIndex + increment);\r\n }, delay);\r\n } else {\r\n setCurrentContent(prefix + codeWrapperPrefix + codePrefix + content + (displayCursorEnd ? cursorContent : '') + codeSuffix + codeWrapperSuffix + suffix);\r\n }\r\n }, [\r\n nextIteration, currentIndex, enabled,\r\n startTime,\r\n startDelay,\r\n prefix,\r\n replacablePrefix,\r\n codeWrapperPrefix,\r\n codePrefix,\r\n content,\r\n displayCursor,\r\n cursorContent,\r\n codeSuffix,\r\n codeWrapperSuffix,\r\n suffix,\r\n delay,\r\n displayCursorEnd\r\n ]\r\n );\r\n\r\n\r\n const clickMoreLessButton = () => {\r\n if (displayFullContentOnClickMoreButton) {\r\n if (!showContent) {\r\n setShowContentDisappear(false);\r\n setShowContent(true);\r\n if (timerControl) {\r\n clearTimeout(timerControl);\r\n }\r\n } else {\r\n document.documentElement.style.setProperty('--client-height', elementRef.current!.clientHeight + 'px');\r\n setShowContentDisappear(true);\r\n timerControl = setTimeout(() => {\r\n setShowContent(false);\r\n setShowContentDisappear(false);\r\n }, 1800);\r\n }\r\n } else {\r\n setEnabled(true);\r\n }\r\n }\r\n\r\n return (\r\n <div className={className} style={sx}>\r\n {enabled && (<div dangerouslySetInnerHTML={{__html: currentContent}} />)}\r\n {!enabled && (\r\n <h4 className={clickMoreHeaderClassString} onClick={clickMoreLessButton} style={{ cursor: 'pointer' }}>\r\n {clickMoreHeaderText}\r\n <button className='displayMoreButton buttonButton'\r\n onClick={clickMoreLessButton}\r\n >\r\n <span className={`buttonText ${showContent ? 'showLess' : 'showMore'}`} >{showContent ? viewLessButtonText : viewMoreButtonText}</span>\r\n <div className=\"bouncingDotAnimation\"> <div></div><div></div> <div></div> </div>\r\n </button>\r\n </h4>\r\n )}\r\n {displayFullContentOnClickMoreButton && showContent && (<div ref={elementRef} style={{ animation: showContentDisappear ? 'showly-disappear 2s ease' : 'showly-appear 2s ease', overflow: 'hidden', marginTop: '-2px' }} dangerouslySetInnerHTML={{__html: content}} />)}\r\n </div>\r\n );\r\n};\r\n\r\nexport default AnimatedTextWriter;"],"names":["css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","sTags","eTags","getIncrement","content","index","fistCall","increment","decrement","currentChar","substring","tstart","indexOf","length","tend","nextChar","includes","AnimatedTextWriter","_a","timerControl","_b","_c","prefix","_d","suffix","_e","replacablePrefix","_f","codePrefix","_g","codeSuffix","_h","delay","_j","startDelay","_k","displayCursor","_l","displayCursorEnd","_m","displayCodeWrapper","_o","displayCodeLineNumber","_p","displayCodeLineNumberMax","_q","className","_r","cursorColor","_s","cursorLineHeight","_t","codeWrapperClasses","_u","codeWrapperStyle","_v","codeWrapperWhiteSpace","_w","displayClickMoreButtonAndPause","_x","displayFullContentOnClickMoreButton","_y","clickMoreHeaderText","_z","clickMoreHeaderClassString","_0","viewMoreButtonText","_1","viewLessButtonText","_2","showContentAuto","_3","sx","_4","React","useState","currentIndex","setCurrentIndex","_5","currentContent","setCurrentContent","_6","enabled","setEnabled","_7","showContent","setShowContent","_8","showContentDisappear","setShowContentDisappear","_9","startTime","setStartTime","_10","nextIteration","setNextIteration","elementRef","useRef","codeWrapperPrefix","concat","codeWrapperSuffix","cursorContent","useEffect","currentMillis","Date","getTime","setTimeout","increment_1","clickMoreLessButton","documentElement","setProperty","current","clientHeight","clearTimeout","_jsxs","children","_jsx","dangerouslySetInnerHTML","__html","onClick","cursor","animation","overflow","marginTop"],"mappings":"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","x_google_ignoreList":[0]}
|
package/package.json
ADDED
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "react-animated-text-writer",
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"description": "React Animated Text Writer - A flexible typing animation component for React with cursor effects, delays, prefix/suffix injection, and an optional code-editor style wrapper with line numbers and syntax highlighting.",
|
|
5
|
+
"main": "dist/index.js",
|
|
6
|
+
"module": "dist/index.mjs",
|
|
7
|
+
"types": "dist/index.d.ts",
|
|
8
|
+
"scripts": {
|
|
9
|
+
"test": "echo \"Error: no test specified\" && exit 1",
|
|
10
|
+
"rollup": "rollup -c --bundleConfigAsCjs"
|
|
11
|
+
},
|
|
12
|
+
"keywords": [
|
|
13
|
+
"react",
|
|
14
|
+
"typing-animation",
|
|
15
|
+
"typewriter",
|
|
16
|
+
"animated-text",
|
|
17
|
+
"code-animation",
|
|
18
|
+
"react-component",
|
|
19
|
+
"ui"
|
|
20
|
+
],
|
|
21
|
+
"author": "Abdullah Ibne Alam",
|
|
22
|
+
"license": "ISC",
|
|
23
|
+
"peerDependencies": {
|
|
24
|
+
"react": ">=16.8.0",
|
|
25
|
+
"react-dom": ">=16.8.0"
|
|
26
|
+
},
|
|
27
|
+
"devDependencies": {
|
|
28
|
+
"@rollup/plugin-commonjs": "^29.0.0",
|
|
29
|
+
"@rollup/plugin-node-resolve": "^16.0.3",
|
|
30
|
+
"@rollup/plugin-terser": "^0.4.4",
|
|
31
|
+
"@rollup/plugin-typescript": "^12.3.0",
|
|
32
|
+
"@types/node": "^25.2.1",
|
|
33
|
+
"@types/react": "^19.2.13",
|
|
34
|
+
"@types/react-dom": "^19.2.3",
|
|
35
|
+
"react": "^19.2.4",
|
|
36
|
+
"rollup-plugin-dts": "^6.3.0",
|
|
37
|
+
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
38
|
+
"rollup-plugin-postcss": "^4.0.2",
|
|
39
|
+
"tslib": "^2.8.1",
|
|
40
|
+
"typescript": "^5.9.3"
|
|
41
|
+
}
|
|
42
|
+
}
|
package/rollup.config.js
ADDED
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import peerDepsExternal from 'rollup-plugin-peer-deps-external';
|
|
2
|
+
import resolve from '@rollup/plugin-node-resolve';
|
|
3
|
+
import commonjs from '@rollup/plugin-commonjs';
|
|
4
|
+
import typescript from '@rollup/plugin-typescript';
|
|
5
|
+
import terser from '@rollup/plugin-terser';
|
|
6
|
+
import dts from 'rollup-plugin-dts';
|
|
7
|
+
import postcss from 'rollup-plugin-postcss';
|
|
8
|
+
|
|
9
|
+
const packageJson = require('./package.json');
|
|
10
|
+
|
|
11
|
+
export default [
|
|
12
|
+
{
|
|
13
|
+
input: 'src/index.ts',
|
|
14
|
+
output: [
|
|
15
|
+
{
|
|
16
|
+
file: packageJson.main,
|
|
17
|
+
format: 'cjs',
|
|
18
|
+
sourcemap: true,
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
file: packageJson.module,
|
|
22
|
+
format: 'esm',
|
|
23
|
+
sourcemap: true,
|
|
24
|
+
},
|
|
25
|
+
],
|
|
26
|
+
plugins: [
|
|
27
|
+
peerDepsExternal(),
|
|
28
|
+
resolve(),
|
|
29
|
+
commonjs(),
|
|
30
|
+
typescript({ tsconfig: './tsconfig.json' }),
|
|
31
|
+
postcss(),
|
|
32
|
+
terser(),
|
|
33
|
+
],
|
|
34
|
+
external: ['react', 'react-dom'],
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
input: 'src/index.ts',
|
|
38
|
+
output: [{ file: packageJson.types, }],
|
|
39
|
+
plugins: [
|
|
40
|
+
dts.default(),
|
|
41
|
+
postcss({
|
|
42
|
+
extensions: ['.css'],
|
|
43
|
+
})
|
|
44
|
+
],
|
|
45
|
+
}
|
|
46
|
+
];
|