npm - @tekus/design-system - Versions diffs - 5.10.0 → 5.15.0 - Mend

@tekus/design-system 5.10.0 → 5.15.0

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.

Files changed (20) hide show

package/assets/readme-images/badge-severity.svg ADDED Viewed

@@ -0,0 +1,9 @@
+<svg width="640" height="64" viewBox="0 0 640 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 0.5H624C632.56 0.5 639.5 7.43959 639.5 16V48C639.5 56.5604 632.56 63.5 624 63.5H16C7.43959 63.5 0.5 56.5604 0.5 48V16C0.5 7.43959 7.43959 0.5 16 0.5Z" stroke="#CECDCD"/>
+<path d="M292 32C292 27.5817 295.582 24 300 24C304.418 24 308 27.5817 308 32C308 36.4183 304.418 40 300 40C295.582 40 292 36.4183 292 32Z" fill="#16006F"/>
+<path d="M295.491 34.06C295.558 34.44 295.711 34.7333 295.951 34.94C296.198 35.1467 296.528 35.25 296.941 35.25C297.495 35.25 297.901 35.0333 298.161 34.6C298.428 34.1667 298.555 33.4367 298.541 32.41C298.401 32.71 298.168 32.9467 297.841 33.12C297.515 33.2867 297.151 33.37 296.751 33.37C296.305 33.37 295.905 33.28 295.551 33.1C295.205 32.9133 294.931 32.6433 294.731 32.29C294.531 31.9367 294.431 31.51 294.431 31.01C294.431 30.2967 294.638 29.7233 295.051 29.29C295.465 28.85 296.051 28.63 296.811 28.63C297.745 28.63 298.398 28.9333 298.771 29.54C299.151 30.1467 299.341 31.05 299.341 32.25C299.341 33.09 299.265 33.7833 299.111 34.33C298.965 34.8767 298.711 35.2933 298.351 35.58C297.998 35.8667 297.511 36.01 296.891 36.01C296.211 36.01 295.681 35.8267 295.301 35.46C294.921 35.0933 294.705 34.6267 294.651 34.06H295.491ZM296.901 32.6C297.348 32.6 297.715 32.4633 298.001 32.19C298.288 31.91 298.431 31.5333 298.431 31.06C298.431 30.56 298.291 30.1567 298.011 29.85C297.731 29.5433 297.338 29.39 296.831 29.39C296.365 29.39 295.991 29.5367 295.711 29.83C295.438 30.1233 295.301 30.51 295.301 30.99C295.301 31.4767 295.438 31.8667 295.711 32.16C295.985 32.4533 296.381 32.6 296.901 32.6ZM301.79 34.06C301.857 34.44 302.01 34.7333 302.25 34.94C302.497 35.1467 302.827 35.25 303.24 35.25C303.793 35.25 304.2 35.0333 304.46 34.6C304.727 34.1667 304.853 33.4367 304.84 32.41C304.7 32.71 304.467 32.9467 304.14 33.12C303.813 33.2867 303.45 33.37 303.05 33.37C302.603 33.37 302.203 33.28 301.85 33.1C301.503 32.9133 301.23 32.6433 301.03 32.29C300.83 31.9367 300.73 31.51 300.73 31.01C300.73 30.2967 300.937 29.7233 301.35 29.29C301.763 28.85 302.35 28.63 303.11 28.63C304.043 28.63 304.697 28.9333 305.07 29.54C305.45 30.1467 305.64 31.05 305.64 32.25C305.64 33.09 305.563 33.7833 305.41 34.33C305.263 34.8767 305.01 35.2933 304.65 35.58C304.297 35.8667 303.81 36.01 303.19 36.01C302.51 36.01 301.98 35.8267 301.6 35.46C301.22 35.0933 301.003 34.6267 300.95 34.06H301.79ZM303.2 32.6C303.647 32.6 304.013 32.4633 304.3 32.19C304.587 31.91 304.73 31.5333 304.73 31.06C304.73 30.56 304.59 30.1567 304.31 29.85C304.03 29.5433 303.637 29.39 303.13 29.39C302.663 29.39 302.29 29.5367 302.01 29.83C301.737 30.1233 301.6 30.51 301.6 30.99C301.6 31.4767 301.737 31.8667 302.01 32.16C302.283 32.4533 302.68 32.6 303.2 32.6Z" fill="white"/>
+<path d="M312 32C312 27.5817 315.582 24 320 24C324.418 24 328 27.5817 328 32C328 36.4183 324.418 40 320 40C315.582 40 312 36.4183 312 32Z" fill="#D2D2D2"/>
+<path d="M315.491 34.06C315.558 34.44 315.711 34.7333 315.951 34.94C316.198 35.1467 316.528 35.25 316.941 35.25C317.495 35.25 317.901 35.0333 318.161 34.6C318.428 34.1667 318.555 33.4367 318.541 32.41C318.401 32.71 318.168 32.9467 317.841 33.12C317.515 33.2867 317.151 33.37 316.751 33.37C316.305 33.37 315.905 33.28 315.551 33.1C315.205 32.9133 314.931 32.6433 314.731 32.29C314.531 31.9367 314.431 31.51 314.431 31.01C314.431 30.2967 314.638 29.7233 315.051 29.29C315.465 28.85 316.051 28.63 316.811 28.63C317.745 28.63 318.398 28.9333 318.771 29.54C319.151 30.1467 319.341 31.05 319.341 32.25C319.341 33.09 319.265 33.7833 319.111 34.33C318.965 34.8767 318.711 35.2933 318.351 35.58C317.998 35.8667 317.511 36.01 316.891 36.01C316.211 36.01 315.681 35.8267 315.301 35.46C314.921 35.0933 314.705 34.6267 314.651 34.06H315.491ZM316.901 32.6C317.348 32.6 317.715 32.4633 318.001 32.19C318.288 31.91 318.431 31.5333 318.431 31.06C318.431 30.56 318.291 30.1567 318.011 29.85C317.731 29.5433 317.338 29.39 316.831 29.39C316.365 29.39 315.991 29.5367 315.711 29.83C315.438 30.1233 315.301 30.51 315.301 30.99C315.301 31.4767 315.438 31.8667 315.711 32.16C315.985 32.4533 316.381 32.6 316.901 32.6ZM321.79 34.06C321.857 34.44 322.01 34.7333 322.25 34.94C322.497 35.1467 322.827 35.25 323.24 35.25C323.793 35.25 324.2 35.0333 324.46 34.6C324.727 34.1667 324.853 33.4367 324.84 32.41C324.7 32.71 324.467 32.9467 324.14 33.12C323.813 33.2867 323.45 33.37 323.05 33.37C322.603 33.37 322.203 33.28 321.85 33.1C321.503 32.9133 321.23 32.6433 321.03 32.29C320.83 31.9367 320.73 31.51 320.73 31.01C320.73 30.2967 320.937 29.7233 321.35 29.29C321.763 28.85 322.35 28.63 323.11 28.63C324.043 28.63 324.697 28.9333 325.07 29.54C325.45 30.1467 325.64 31.05 325.64 32.25C325.64 33.09 325.563 33.7833 325.41 34.33C325.263 34.8767 325.01 35.2933 324.65 35.58C324.297 35.8667 323.81 36.01 323.19 36.01C322.51 36.01 321.98 35.8267 321.6 35.46C321.22 35.0933 321.003 34.6267 320.95 34.06H321.79ZM323.2 32.6C323.647 32.6 324.013 32.4633 324.3 32.19C324.587 31.91 324.73 31.5333 324.73 31.06C324.73 30.56 324.59 30.1567 324.31 29.85C324.03 29.5433 323.637 29.39 323.13 29.39C322.663 29.39 322.29 29.5367 322.01 29.83C321.737 30.1233 321.6 30.51 321.6 30.99C321.6 31.4767 321.737 31.8667 322.01 32.16C322.283 32.4533 322.68 32.6 323.2 32.6Z" fill="#5D5D5E"/>
+<path d="M332 32C332 27.5817 335.582 24 340 24C344.418 24 348 27.5817 348 32C348 36.4183 344.418 40 340 40C335.582 40 332 36.4183 332 32Z" fill="#191A1B"/>
+<path d="M335.491 34.06C335.558 34.44 335.711 34.7333 335.951 34.94C336.198 35.1467 336.528 35.25 336.941 35.25C337.495 35.25 337.901 35.0333 338.161 34.6C338.428 34.1667 338.555 33.4367 338.541 32.41C338.401 32.71 338.168 32.9467 337.841 33.12C337.515 33.2867 337.151 33.37 336.751 33.37C336.305 33.37 335.905 33.28 335.551 33.1C335.205 32.9133 334.931 32.6433 334.731 32.29C334.531 31.9367 334.431 31.51 334.431 31.01C334.431 30.2967 334.638 29.7233 335.051 29.29C335.465 28.85 336.051 28.63 336.811 28.63C337.745 28.63 338.398 28.9333 338.771 29.54C339.151 30.1467 339.341 31.05 339.341 32.25C339.341 33.09 339.265 33.7833 339.111 34.33C338.965 34.8767 338.711 35.2933 338.351 35.58C337.998 35.8667 337.511 36.01 336.891 36.01C336.211 36.01 335.681 35.8267 335.301 35.46C334.921 35.0933 334.705 34.6267 334.651 34.06H335.491ZM336.901 32.6C337.348 32.6 337.715 32.4633 338.001 32.19C338.288 31.91 338.431 31.5333 338.431 31.06C338.431 30.56 338.291 30.1567 338.011 29.85C337.731 29.5433 337.338 29.39 336.831 29.39C336.365 29.39 335.991 29.5367 335.711 29.83C335.438 30.1233 335.301 30.51 335.301 30.99C335.301 31.4767 335.438 31.8667 335.711 32.16C335.985 32.4533 336.381 32.6 336.901 32.6ZM341.79 34.06C341.857 34.44 342.01 34.7333 342.25 34.94C342.497 35.1467 342.827 35.25 343.24 35.25C343.793 35.25 344.2 35.0333 344.46 34.6C344.727 34.1667 344.853 33.4367 344.84 32.41C344.7 32.71 344.467 32.9467 344.14 33.12C343.813 33.2867 343.45 33.37 343.05 33.37C342.603 33.37 342.203 33.28 341.85 33.1C341.503 32.9133 341.23 32.6433 341.03 32.29C340.83 31.9367 340.73 31.51 340.73 31.01C340.73 30.2967 340.937 29.7233 341.35 29.29C341.763 28.85 342.35 28.63 343.11 28.63C344.043 28.63 344.697 28.9333 345.07 29.54C345.45 30.1467 345.64 31.05 345.64 32.25C345.64 33.09 345.563 33.7833 345.41 34.33C345.263 34.8767 345.01 35.2933 344.65 35.58C344.297 35.8667 343.81 36.01 343.19 36.01C342.51 36.01 341.98 35.8267 341.6 35.46C341.22 35.0933 341.003 34.6267 340.95 34.06H341.79ZM343.2 32.6C343.647 32.6 344.013 32.4633 344.3 32.19C344.587 31.91 344.73 31.5333 344.73 31.06C344.73 30.56 344.59 30.1567 344.31 29.85C344.03 29.5433 343.637 29.39 343.13 29.39C342.663 29.39 342.29 29.5367 342.01 29.83C341.737 30.1233 341.6 30.51 341.6 30.99C341.6 31.4767 341.737 31.8667 342.01 32.16C342.283 32.4533 342.68 32.6 343.2 32.6Z" fill="white"/>
+</svg>

package/assets/readme-images/tk-input-number-default.svg ADDED Viewed

@@ -0,0 +1,8 @@
+<svg width="640" height="88" viewBox="0 0 640 88" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 0.5H624C632.56 0.5 639.5 7.43959 639.5 16V72C639.5 80.5604 632.56 87.5 624 87.5H16C7.43959 87.5 0.5 80.5604 0.5 72V16C0.5 7.43959 7.43959 0.5 16 0.5Z" stroke="#CECDCD"/>
+<mask id="path-2-inside-1_954_207" fill="white">
+<path d="M170.5 24H469.5V64H170.5V24Z"/>
+</mask>
+<path d="M469.5 64V63H170.5V64V65H469.5V64Z" fill="#D2D2D2" mask="url(#path-2-inside-1_954_207)"/>
+<path d="M175.188 44.416C175.188 43.328 175.433 42.352 175.924 41.488C176.415 40.6133 177.081 39.9307 177.924 39.44C178.777 38.9493 179.721 38.704 180.756 38.704C181.972 38.704 183.033 38.9973 183.94 39.584C184.847 40.1707 185.508 41.0027 185.924 42.08H184.18C183.871 41.408 183.423 40.8907 182.836 40.528C182.26 40.1653 181.567 39.984 180.756 39.984C179.977 39.984 179.279 40.1653 178.66 40.528C178.041 40.8907 177.556 41.408 177.204 42.08C176.852 42.7413 176.676 43.52 176.676 44.416C176.676 45.3013 176.852 46.08 177.204 46.752C177.556 47.4133 178.041 47.9253 178.66 48.288C179.279 48.6507 179.977 48.832 180.756 48.832C181.567 48.832 182.26 48.656 182.836 48.304C183.423 47.9413 183.871 47.424 184.18 46.752H185.924C185.508 47.8187 184.847 48.6453 183.94 49.232C183.033 49.808 181.972 50.096 180.756 50.096C179.721 50.096 178.777 49.856 177.924 49.376C177.081 48.8853 176.415 48.208 175.924 47.344C175.433 46.48 175.188 45.504 175.188 44.416ZM187.547 45.584C187.547 44.688 187.729 43.904 188.091 43.232C188.454 42.5493 188.95 42.0213 189.579 41.648C190.219 41.2747 190.929 41.088 191.707 41.088C192.475 41.088 193.142 41.2533 193.707 41.584C194.273 41.9147 194.694 42.3307 194.971 42.832V41.232H196.443V50H194.971V48.368C194.683 48.88 194.251 49.3067 193.675 49.648C193.11 49.9787 192.449 50.144 191.691 50.144C190.913 50.144 190.209 49.952 189.579 49.568C188.95 49.184 188.454 48.6453 188.091 47.952C187.729 47.2587 187.547 46.4693 187.547 45.584ZM194.971 45.6C194.971 44.9387 194.838 44.3627 194.571 43.872C194.305 43.3813 193.942 43.008 193.483 42.752C193.035 42.4853 192.539 42.352 191.995 42.352C191.451 42.352 190.955 42.48 190.507 42.736C190.059 42.992 189.702 43.3653 189.435 43.856C189.169 44.3467 189.035 44.9227 189.035 45.584C189.035 46.256 189.169 46.8427 189.435 47.344C189.702 47.8347 190.059 48.2133 190.507 48.48C190.955 48.736 191.451 48.864 191.995 48.864C192.539 48.864 193.035 48.736 193.483 48.48C193.942 48.2133 194.305 47.8347 194.571 47.344C194.838 46.8427 194.971 46.2613 194.971 45.6ZM203.176 41.072C204.243 41.072 205.107 41.3973 205.768 42.048C206.429 42.688 206.76 43.616 206.76 44.832V50H205.32V45.04C205.32 44.1653 205.101 43.4987 204.664 43.04C204.227 42.5707 203.629 42.336 202.872 42.336C202.104 42.336 201.491 42.576 201.032 43.056C200.584 43.536 200.36 44.2347 200.36 45.152V50H198.904V41.232H200.36V42.48C200.648 42.032 201.037 41.6853 201.528 41.44C202.029 41.1947 202.579 41.072 203.176 41.072ZM210.914 42.432V47.6C210.914 48.0267 211.005 48.3307 211.186 48.512C211.368 48.6827 211.682 48.768 212.13 48.768H213.202V50H211.89C211.08 50 210.472 49.8133 210.066 49.44C209.661 49.0667 209.458 48.4533 209.458 47.6V42.432H208.322V41.232H209.458V39.024H210.914V41.232H213.202V42.432H210.914ZM215.718 39.808C215.441 39.808 215.206 39.712 215.014 39.52C214.822 39.328 214.726 39.0933 214.726 38.816C214.726 38.5387 214.822 38.304 215.014 38.112C215.206 37.92 215.441 37.824 215.718 37.824C215.985 37.824 216.209 37.92 216.39 38.112C216.582 38.304 216.678 38.5387 216.678 38.816C216.678 39.0933 216.582 39.328 216.39 39.52C216.209 39.712 215.985 39.808 215.718 39.808ZM216.422 41.232V50H214.966V41.232H216.422ZM218.36 45.584C218.36 44.688 218.541 43.904 218.904 43.232C219.267 42.5493 219.763 42.0213 220.392 41.648C221.032 41.2747 221.747 41.088 222.536 41.088C223.219 41.088 223.853 41.248 224.44 41.568C225.027 41.8773 225.475 42.288 225.784 42.8V38.16H227.256V50H225.784V48.352C225.496 48.8747 225.069 49.3067 224.504 49.648C223.939 49.9787 223.277 50.144 222.52 50.144C221.741 50.144 221.032 49.952 220.392 49.568C219.763 49.184 219.267 48.6453 218.904 47.952C218.541 47.2587 218.36 46.4693 218.36 45.584ZM225.784 45.6C225.784 44.9387 225.651 44.3627 225.384 43.872C225.117 43.3813 224.755 43.008 224.296 42.752C223.848 42.4853 223.352 42.352 222.808 42.352C222.264 42.352 221.768 42.48 221.32 42.736C220.872 42.992 220.515 43.3653 220.248 43.856C219.981 44.3467 219.848 44.9227 219.848 45.584C219.848 46.256 219.981 46.8427 220.248 47.344C220.515 47.8347 220.872 48.2133 221.32 48.48C221.768 48.736 222.264 48.864 222.808 48.864C223.352 48.864 223.848 48.736 224.296 48.48C224.755 48.2133 225.117 47.8347 225.384 47.344C225.651 46.8427 225.784 46.2613 225.784 45.6ZM229.172 45.584C229.172 44.688 229.354 43.904 229.716 43.232C230.079 42.5493 230.575 42.0213 231.204 41.648C231.844 41.2747 232.554 41.088 233.332 41.088C234.1 41.088 234.767 41.2533 235.332 41.584C235.898 41.9147 236.319 42.3307 236.596 42.832V41.232H238.068V50H236.596V48.368C236.308 48.88 235.876 49.3067 235.3 49.648C234.735 49.9787 234.074 50.144 233.316 50.144C232.538 50.144 231.834 49.952 231.204 49.568C230.575 49.184 230.079 48.6453 229.716 47.952C229.354 47.2587 229.172 46.4693 229.172 45.584ZM236.596 45.6C236.596 44.9387 236.463 44.3627 236.196 43.872C235.93 43.3813 235.567 43.008 235.108 42.752C234.66 42.4853 234.164 42.352 233.62 42.352C233.076 42.352 232.58 42.48 232.132 42.736C231.684 42.992 231.327 43.3653 231.06 43.856C230.794 44.3467 230.66 44.9227 230.66 45.584C230.66 46.256 230.794 46.8427 231.06 47.344C231.327 47.8347 231.684 48.2133 232.132 48.48C232.58 48.736 233.076 48.864 233.62 48.864C234.164 48.864 234.66 48.736 235.108 48.48C235.567 48.2133 235.93 47.8347 236.196 47.344C236.463 46.8427 236.596 46.2613 236.596 45.6ZM239.985 45.584C239.985 44.688 240.166 43.904 240.529 43.232C240.892 42.5493 241.388 42.0213 242.017 41.648C242.657 41.2747 243.372 41.088 244.161 41.088C244.844 41.088 245.478 41.248 246.065 41.568C246.652 41.8773 247.1 42.288 247.409 42.8V38.16H248.881V50H247.409V48.352C247.121 48.8747 246.694 49.3067 246.129 49.648C245.564 49.9787 244.902 50.144 244.145 50.144C243.366 50.144 242.657 49.952 242.017 49.568C241.388 49.184 240.892 48.6453 240.529 47.952C240.166 47.2587 239.985 46.4693 239.985 45.584ZM247.409 45.6C247.409 44.9387 247.276 44.3627 247.009 43.872C246.742 43.3813 246.38 43.008 245.921 42.752C245.473 42.4853 244.977 42.352 244.433 42.352C243.889 42.352 243.393 42.48 242.945 42.736C242.497 42.992 242.14 43.3653 241.873 43.856C241.606 44.3467 241.473 44.9227 241.473 45.584C241.473 46.256 241.606 46.8427 241.873 47.344C242.14 47.8347 242.497 48.2133 242.945 48.48C243.393 48.736 243.889 48.864 244.433 48.864C244.977 48.864 245.473 48.736 245.921 48.48C246.38 48.2133 246.742 47.8347 247.009 47.344C247.276 46.8427 247.409 46.2613 247.409 45.6ZM255.063 45.584C255.063 44.688 255.244 43.904 255.607 43.232C255.97 42.5493 256.466 42.0213 257.095 41.648C257.735 41.2747 258.45 41.088 259.239 41.088C259.922 41.088 260.556 41.248 261.143 41.568C261.73 41.8773 262.178 42.288 262.487 42.8V38.16H263.959V50H262.487V48.352C262.199 48.8747 261.772 49.3067 261.207 49.648C260.642 49.9787 259.98 50.144 259.223 50.144C258.444 50.144 257.735 49.952 257.095 49.568C256.466 49.184 255.97 48.6453 255.607 47.952C255.244 47.2587 255.063 46.4693 255.063 45.584ZM262.487 45.6C262.487 44.9387 262.354 44.3627 262.087 43.872C261.82 43.3813 261.458 43.008 260.999 42.752C260.551 42.4853 260.055 42.352 259.511 42.352C258.967 42.352 258.471 42.48 258.023 42.736C257.575 42.992 257.218 43.3653 256.951 43.856C256.684 44.3467 256.551 44.9227 256.551 45.584C256.551 46.256 256.684 46.8427 256.951 47.344C257.218 47.8347 257.575 48.2133 258.023 48.48C258.471 48.736 258.967 48.864 259.511 48.864C260.055 48.864 260.551 48.736 260.999 48.48C261.458 48.2133 261.82 47.8347 262.087 47.344C262.354 46.8427 262.487 46.2613 262.487 45.6ZM274.42 45.28C274.42 45.5573 274.404 45.8507 274.372 46.16H267.364C267.417 47.024 267.71 47.7013 268.244 48.192C268.788 48.672 269.444 48.912 270.212 48.912C270.841 48.912 271.364 48.768 271.78 48.48C272.206 48.1813 272.505 47.7867 272.676 47.296H274.244C274.009 48.1387 273.54 48.8267 272.836 49.36C272.132 49.8827 271.257 50.144 270.212 50.144C269.38 50.144 268.633 49.9573 267.972 49.584C267.321 49.2107 266.809 48.6827 266.436 48C266.062 47.3067 265.876 46.5067 265.876 45.6C265.876 44.6933 266.057 43.8987 266.42 43.216C266.782 42.5333 267.289 42.0107 267.94 41.648C268.601 41.2747 269.358 41.088 270.212 41.088C271.044 41.088 271.78 41.2693 272.42 41.632C273.06 41.9947 273.55 42.496 273.892 43.136C274.244 43.7653 274.42 44.48 274.42 45.28ZM272.916 44.976C272.916 44.4213 272.793 43.9467 272.548 43.552C272.302 43.1467 271.966 42.8427 271.54 42.64C271.124 42.4267 270.66 42.32 270.148 42.32C269.412 42.32 268.782 42.5547 268.26 43.024C267.748 43.4933 267.454 44.144 267.38 44.976H272.916ZM282.063 42.848C282.351 42.3467 282.778 41.9307 283.343 41.6C283.919 41.2587 284.586 41.088 285.343 41.088C286.122 41.088 286.826 41.2747 287.455 41.648C288.095 42.0213 288.596 42.5493 288.959 43.232C289.322 43.904 289.503 44.688 289.503 45.584C289.503 46.4693 289.322 47.2587 288.959 47.952C288.596 48.6453 288.095 49.184 287.455 49.568C286.826 49.952 286.122 50.144 285.343 50.144C284.596 50.144 283.935 49.9787 283.359 49.648C282.794 49.3067 282.362 48.8853 282.063 48.384V54.16H280.607V41.232H282.063V42.848ZM288.015 45.584C288.015 44.9227 287.882 44.3467 287.615 43.856C287.348 43.3653 286.986 42.992 286.527 42.736C286.079 42.48 285.583 42.352 285.039 42.352C284.506 42.352 284.01 42.4853 283.551 42.752C283.103 43.008 282.74 43.3867 282.463 43.888C282.196 44.3787 282.063 44.9493 282.063 45.6C282.063 46.2613 282.196 46.8427 282.463 47.344C282.74 47.8347 283.103 48.2133 283.551 48.48C284.01 48.736 284.506 48.864 285.039 48.864C285.583 48.864 286.079 48.736 286.527 48.48C286.986 48.2133 287.348 47.8347 287.615 47.344C287.882 46.8427 288.015 46.256 288.015 45.584ZM290.876 45.584C290.876 44.688 291.057 43.904 291.42 43.232C291.782 42.5493 292.278 42.0213 292.908 41.648C293.548 41.2747 294.257 41.088 295.036 41.088C295.804 41.088 296.47 41.2533 297.036 41.584C297.601 41.9147 298.022 42.3307 298.3 42.832V41.232H299.772V50H298.3V48.368C298.012 48.88 297.58 49.3067 297.004 49.648C296.438 49.9787 295.777 50.144 295.02 50.144C294.241 50.144 293.537 49.952 292.908 49.568C292.278 49.184 291.782 48.6453 291.42 47.952C291.057 47.2587 290.876 46.4693 290.876 45.584ZM298.3 45.6C298.3 44.9387 298.166 44.3627 297.9 43.872C297.633 43.3813 297.27 43.008 296.812 42.752C296.364 42.4853 295.868 42.352 295.324 42.352C294.78 42.352 294.284 42.48 293.836 42.736C293.388 42.992 293.03 43.3653 292.764 43.856C292.497 44.3467 292.364 44.9227 292.364 45.584C292.364 46.256 292.497 46.8427 292.764 47.344C293.03 47.8347 293.388 48.2133 293.836 48.48C294.284 48.736 294.78 48.864 295.324 48.864C295.868 48.864 296.364 48.736 296.812 48.48C297.27 48.2133 297.633 47.8347 297.9 47.344C298.166 46.8427 298.3 46.2613 298.3 45.6ZM306.504 41.072C307.571 41.072 308.435 41.3973 309.096 42.048C309.757 42.688 310.088 43.616 310.088 44.832V50H308.648V45.04C308.648 44.1653 308.429 43.4987 307.992 43.04C307.555 42.5707 306.957 42.336 306.2 42.336C305.432 42.336 304.819 42.576 304.36 43.056C303.912 43.536 303.688 44.2347 303.688 45.152V50H302.232V41.232H303.688V42.48C303.976 42.032 304.365 41.6853 304.856 41.44C305.357 41.1947 305.907 41.072 306.504 41.072ZM314.242 42.432V47.6C314.242 48.0267 314.333 48.3307 314.514 48.512C314.696 48.6827 315.01 48.768 315.458 48.768H316.53V50H315.218C314.408 50 313.8 49.8133 313.394 49.44C312.989 49.0667 312.786 48.4533 312.786 47.6V42.432H311.65V41.232H312.786V39.024H314.242V41.232H316.53V42.432H314.242ZM317.751 45.584C317.751 44.688 317.932 43.904 318.295 43.232C318.657 42.5493 319.153 42.0213 319.783 41.648C320.423 41.2747 321.132 41.088 321.911 41.088C322.679 41.088 323.345 41.2533 323.911 41.584C324.476 41.9147 324.897 42.3307 325.175 42.832V41.232H326.647V50H325.175V48.368C324.887 48.88 324.455 49.3067 323.879 49.648C323.313 49.9787 322.652 50.144 321.895 50.144C321.116 50.144 320.412 49.952 319.783 49.568C319.153 49.184 318.657 48.6453 318.295 47.952C317.932 47.2587 317.751 46.4693 317.751 45.584ZM325.175 45.6C325.175 44.9387 325.041 44.3627 324.775 43.872C324.508 43.3813 324.145 43.008 323.687 42.752C323.239 42.4853 322.743 42.352 322.199 42.352C321.655 42.352 321.159 42.48 320.711 42.736C320.263 42.992 319.905 43.3653 319.639 43.856C319.372 44.3467 319.239 44.9227 319.239 45.584C319.239 46.256 319.372 46.8427 319.639 47.344C319.905 47.8347 320.263 48.2133 320.711 48.48C321.159 48.736 321.655 48.864 322.199 48.864C322.743 48.864 323.239 48.736 323.687 48.48C324.145 48.2133 324.508 47.8347 324.775 47.344C325.041 46.8427 325.175 46.2613 325.175 45.6ZM330.563 38.16V50H329.107V38.16H330.563ZM334.501 38.16V50H333.045V38.16H334.501ZM336.438 45.584C336.438 44.688 336.619 43.904 336.982 43.232C337.345 42.5493 337.841 42.0213 338.47 41.648C339.11 41.2747 339.819 41.088 340.598 41.088C341.366 41.088 342.033 41.2533 342.598 41.584C343.163 41.9147 343.585 42.3307 343.862 42.832V41.232H345.334V50H343.862V48.368C343.574 48.88 343.142 49.3067 342.566 49.648C342.001 49.9787 341.339 50.144 340.582 50.144C339.803 50.144 339.099 49.952 338.47 49.568C337.841 49.184 337.345 48.6453 336.982 47.952C336.619 47.2587 336.438 46.4693 336.438 45.584ZM343.862 45.6C343.862 44.9387 343.729 44.3627 343.462 43.872C343.195 43.3813 342.833 43.008 342.374 42.752C341.926 42.4853 341.43 42.352 340.886 42.352C340.342 42.352 339.846 42.48 339.398 42.736C338.95 42.992 338.593 43.3653 338.326 43.856C338.059 44.3467 337.926 44.9227 337.926 45.584C337.926 46.256 338.059 46.8427 338.326 47.344C338.593 47.8347 338.95 48.2133 339.398 48.48C339.846 48.736 340.342 48.864 340.886 48.864C341.43 48.864 341.926 48.736 342.374 48.48C342.833 48.2133 343.195 47.8347 343.462 47.344C343.729 46.8427 343.862 46.2613 343.862 45.6ZM350.899 50.144C350.227 50.144 349.624 50.032 349.091 49.808C348.557 49.5733 348.136 49.2533 347.827 48.848C347.517 48.432 347.347 47.9573 347.315 47.424H348.819C348.861 47.8613 349.064 48.2187 349.427 48.496C349.8 48.7733 350.285 48.912 350.883 48.912C351.437 48.912 351.875 48.7893 352.195 48.544C352.515 48.2987 352.675 47.9893 352.675 47.616C352.675 47.232 352.504 46.9493 352.163 46.768C351.821 46.576 351.293 46.3893 350.579 46.208C349.928 46.0373 349.395 45.8667 348.979 45.696C348.573 45.5147 348.221 45.2533 347.923 44.912C347.635 44.56 347.491 44.1013 347.491 43.536C347.491 43.088 347.624 42.6773 347.891 42.304C348.157 41.9307 348.536 41.6373 349.027 41.424C349.517 41.2 350.077 41.088 350.707 41.088C351.677 41.088 352.461 41.3333 353.059 41.824C353.656 42.3147 353.976 42.9867 354.019 43.84H352.563C352.531 43.3813 352.344 43.0133 352.003 42.736C351.672 42.4587 351.224 42.32 350.659 42.32C350.136 42.32 349.72 42.432 349.411 42.656C349.101 42.88 348.947 43.1733 348.947 43.536C348.947 43.824 349.037 44.064 349.219 44.256C349.411 44.4373 349.645 44.5867 349.923 44.704C350.211 44.8107 350.605 44.9333 351.107 45.072C351.736 45.2427 352.248 45.4133 352.643 45.584C353.037 45.744 353.373 45.9893 353.651 46.32C353.939 46.6507 354.088 47.0827 354.099 47.616C354.099 48.096 353.965 48.528 353.699 48.912C353.432 49.296 353.053 49.6 352.563 49.824C352.083 50.0373 351.528 50.144 350.899 50.144Z" fill="#8A8A8B"/>
+</svg>

package/assets/readme-images/tk-input-number-disabled.svg ADDED Viewed

@@ -0,0 +1,9 @@
+<svg width="640" height="88" viewBox="0 0 640 88" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 0.5H624C632.56 0.5 639.5 7.43959 639.5 16V72C639.5 80.5604 632.56 87.5 624 87.5H16C7.43959 87.5 0.5 80.5604 0.5 72V16C0.5 7.43959 7.43959 0.5 16 0.5Z" stroke="#CECDCD"/>
+<mask id="path-2-inside-1_954_213" fill="white">
+<path d="M170.5 24H469.5V64H170.5V24Z"/>
+</mask>
+<path d="M170.5 24H469.5V64H170.5V24Z" fill="#E4E4E4"/>
+<path d="M469.5 64V63H170.5V64V65H469.5V64Z" fill="#D2D2D2" mask="url(#path-2-inside-1_954_213)"/>
+<path d="M175.188 44.416C175.188 43.328 175.433 42.352 175.924 41.488C176.415 40.6133 177.081 39.9307 177.924 39.44C178.777 38.9493 179.721 38.704 180.756 38.704C181.972 38.704 183.033 38.9973 183.94 39.584C184.847 40.1707 185.508 41.0027 185.924 42.08H184.18C183.871 41.408 183.423 40.8907 182.836 40.528C182.26 40.1653 181.567 39.984 180.756 39.984C179.977 39.984 179.279 40.1653 178.66 40.528C178.041 40.8907 177.556 41.408 177.204 42.08C176.852 42.7413 176.676 43.52 176.676 44.416C176.676 45.3013 176.852 46.08 177.204 46.752C177.556 47.4133 178.041 47.9253 178.66 48.288C179.279 48.6507 179.977 48.832 180.756 48.832C181.567 48.832 182.26 48.656 182.836 48.304C183.423 47.9413 183.871 47.424 184.18 46.752H185.924C185.508 47.8187 184.847 48.6453 183.94 49.232C183.033 49.808 181.972 50.096 180.756 50.096C179.721 50.096 178.777 49.856 177.924 49.376C177.081 48.8853 176.415 48.208 175.924 47.344C175.433 46.48 175.188 45.504 175.188 44.416ZM187.547 45.584C187.547 44.688 187.729 43.904 188.091 43.232C188.454 42.5493 188.95 42.0213 189.579 41.648C190.219 41.2747 190.929 41.088 191.707 41.088C192.475 41.088 193.142 41.2533 193.707 41.584C194.273 41.9147 194.694 42.3307 194.971 42.832V41.232H196.443V50H194.971V48.368C194.683 48.88 194.251 49.3067 193.675 49.648C193.11 49.9787 192.449 50.144 191.691 50.144C190.913 50.144 190.209 49.952 189.579 49.568C188.95 49.184 188.454 48.6453 188.091 47.952C187.729 47.2587 187.547 46.4693 187.547 45.584ZM194.971 45.6C194.971 44.9387 194.838 44.3627 194.571 43.872C194.305 43.3813 193.942 43.008 193.483 42.752C193.035 42.4853 192.539 42.352 191.995 42.352C191.451 42.352 190.955 42.48 190.507 42.736C190.059 42.992 189.702 43.3653 189.435 43.856C189.169 44.3467 189.035 44.9227 189.035 45.584C189.035 46.256 189.169 46.8427 189.435 47.344C189.702 47.8347 190.059 48.2133 190.507 48.48C190.955 48.736 191.451 48.864 191.995 48.864C192.539 48.864 193.035 48.736 193.483 48.48C193.942 48.2133 194.305 47.8347 194.571 47.344C194.838 46.8427 194.971 46.2613 194.971 45.6ZM203.176 41.072C204.243 41.072 205.107 41.3973 205.768 42.048C206.429 42.688 206.76 43.616 206.76 44.832V50H205.32V45.04C205.32 44.1653 205.101 43.4987 204.664 43.04C204.227 42.5707 203.629 42.336 202.872 42.336C202.104 42.336 201.491 42.576 201.032 43.056C200.584 43.536 200.36 44.2347 200.36 45.152V50H198.904V41.232H200.36V42.48C200.648 42.032 201.037 41.6853 201.528 41.44C202.029 41.1947 202.579 41.072 203.176 41.072ZM210.914 42.432V47.6C210.914 48.0267 211.005 48.3307 211.186 48.512C211.368 48.6827 211.682 48.768 212.13 48.768H213.202V50H211.89C211.08 50 210.472 49.8133 210.066 49.44C209.661 49.0667 209.458 48.4533 209.458 47.6V42.432H208.322V41.232H209.458V39.024H210.914V41.232H213.202V42.432H210.914ZM215.718 39.808C215.441 39.808 215.206 39.712 215.014 39.52C214.822 39.328 214.726 39.0933 214.726 38.816C214.726 38.5387 214.822 38.304 215.014 38.112C215.206 37.92 215.441 37.824 215.718 37.824C215.985 37.824 216.209 37.92 216.39 38.112C216.582 38.304 216.678 38.5387 216.678 38.816C216.678 39.0933 216.582 39.328 216.39 39.52C216.209 39.712 215.985 39.808 215.718 39.808ZM216.422 41.232V50H214.966V41.232H216.422ZM218.36 45.584C218.36 44.688 218.541 43.904 218.904 43.232C219.267 42.5493 219.763 42.0213 220.392 41.648C221.032 41.2747 221.747 41.088 222.536 41.088C223.219 41.088 223.853 41.248 224.44 41.568C225.027 41.8773 225.475 42.288 225.784 42.8V38.16H227.256V50H225.784V48.352C225.496 48.8747 225.069 49.3067 224.504 49.648C223.939 49.9787 223.277 50.144 222.52 50.144C221.741 50.144 221.032 49.952 220.392 49.568C219.763 49.184 219.267 48.6453 218.904 47.952C218.541 47.2587 218.36 46.4693 218.36 45.584ZM225.784 45.6C225.784 44.9387 225.651 44.3627 225.384 43.872C225.117 43.3813 224.755 43.008 224.296 42.752C223.848 42.4853 223.352 42.352 222.808 42.352C222.264 42.352 221.768 42.48 221.32 42.736C220.872 42.992 220.515 43.3653 220.248 43.856C219.981 44.3467 219.848 44.9227 219.848 45.584C219.848 46.256 219.981 46.8427 220.248 47.344C220.515 47.8347 220.872 48.2133 221.32 48.48C221.768 48.736 222.264 48.864 222.808 48.864C223.352 48.864 223.848 48.736 224.296 48.48C224.755 48.2133 225.117 47.8347 225.384 47.344C225.651 46.8427 225.784 46.2613 225.784 45.6ZM229.172 45.584C229.172 44.688 229.354 43.904 229.716 43.232C230.079 42.5493 230.575 42.0213 231.204 41.648C231.844 41.2747 232.554 41.088 233.332 41.088C234.1 41.088 234.767 41.2533 235.332 41.584C235.898 41.9147 236.319 42.3307 236.596 42.832V41.232H238.068V50H236.596V48.368C236.308 48.88 235.876 49.3067 235.3 49.648C234.735 49.9787 234.074 50.144 233.316 50.144C232.538 50.144 231.834 49.952 231.204 49.568C230.575 49.184 230.079 48.6453 229.716 47.952C229.354 47.2587 229.172 46.4693 229.172 45.584ZM236.596 45.6C236.596 44.9387 236.463 44.3627 236.196 43.872C235.93 43.3813 235.567 43.008 235.108 42.752C234.66 42.4853 234.164 42.352 233.62 42.352C233.076 42.352 232.58 42.48 232.132 42.736C231.684 42.992 231.327 43.3653 231.06 43.856C230.794 44.3467 230.66 44.9227 230.66 45.584C230.66 46.256 230.794 46.8427 231.06 47.344C231.327 47.8347 231.684 48.2133 232.132 48.48C232.58 48.736 233.076 48.864 233.62 48.864C234.164 48.864 234.66 48.736 235.108 48.48C235.567 48.2133 235.93 47.8347 236.196 47.344C236.463 46.8427 236.596 46.2613 236.596 45.6ZM239.985 45.584C239.985 44.688 240.166 43.904 240.529 43.232C240.892 42.5493 241.388 42.0213 242.017 41.648C242.657 41.2747 243.372 41.088 244.161 41.088C244.844 41.088 245.478 41.248 246.065 41.568C246.652 41.8773 247.1 42.288 247.409 42.8V38.16H248.881V50H247.409V48.352C247.121 48.8747 246.694 49.3067 246.129 49.648C245.564 49.9787 244.902 50.144 244.145 50.144C243.366 50.144 242.657 49.952 242.017 49.568C241.388 49.184 240.892 48.6453 240.529 47.952C240.166 47.2587 239.985 46.4693 239.985 45.584ZM247.409 45.6C247.409 44.9387 247.276 44.3627 247.009 43.872C246.742 43.3813 246.38 43.008 245.921 42.752C245.473 42.4853 244.977 42.352 244.433 42.352C243.889 42.352 243.393 42.48 242.945 42.736C242.497 42.992 242.14 43.3653 241.873 43.856C241.606 44.3467 241.473 44.9227 241.473 45.584C241.473 46.256 241.606 46.8427 241.873 47.344C242.14 47.8347 242.497 48.2133 242.945 48.48C243.393 48.736 243.889 48.864 244.433 48.864C244.977 48.864 245.473 48.736 245.921 48.48C246.38 48.2133 246.742 47.8347 247.009 47.344C247.276 46.8427 247.409 46.2613 247.409 45.6ZM255.063 45.584C255.063 44.688 255.244 43.904 255.607 43.232C255.97 42.5493 256.466 42.0213 257.095 41.648C257.735 41.2747 258.45 41.088 259.239 41.088C259.922 41.088 260.556 41.248 261.143 41.568C261.73 41.8773 262.178 42.288 262.487 42.8V38.16H263.959V50H262.487V48.352C262.199 48.8747 261.772 49.3067 261.207 49.648C260.642 49.9787 259.98 50.144 259.223 50.144C258.444 50.144 257.735 49.952 257.095 49.568C256.466 49.184 255.97 48.6453 255.607 47.952C255.244 47.2587 255.063 46.4693 255.063 45.584ZM262.487 45.6C262.487 44.9387 262.354 44.3627 262.087 43.872C261.82 43.3813 261.458 43.008 260.999 42.752C260.551 42.4853 260.055 42.352 259.511 42.352C258.967 42.352 258.471 42.48 258.023 42.736C257.575 42.992 257.218 43.3653 256.951 43.856C256.684 44.3467 256.551 44.9227 256.551 45.584C256.551 46.256 256.684 46.8427 256.951 47.344C257.218 47.8347 257.575 48.2133 258.023 48.48C258.471 48.736 258.967 48.864 259.511 48.864C260.055 48.864 260.551 48.736 260.999 48.48C261.458 48.2133 261.82 47.8347 262.087 47.344C262.354 46.8427 262.487 46.2613 262.487 45.6ZM274.42 45.28C274.42 45.5573 274.404 45.8507 274.372 46.16H267.364C267.417 47.024 267.71 47.7013 268.244 48.192C268.788 48.672 269.444 48.912 270.212 48.912C270.841 48.912 271.364 48.768 271.78 48.48C272.206 48.1813 272.505 47.7867 272.676 47.296H274.244C274.009 48.1387 273.54 48.8267 272.836 49.36C272.132 49.8827 271.257 50.144 270.212 50.144C269.38 50.144 268.633 49.9573 267.972 49.584C267.321 49.2107 266.809 48.6827 266.436 48C266.062 47.3067 265.876 46.5067 265.876 45.6C265.876 44.6933 266.057 43.8987 266.42 43.216C266.782 42.5333 267.289 42.0107 267.94 41.648C268.601 41.2747 269.358 41.088 270.212 41.088C271.044 41.088 271.78 41.2693 272.42 41.632C273.06 41.9947 273.55 42.496 273.892 43.136C274.244 43.7653 274.42 44.48 274.42 45.28ZM272.916 44.976C272.916 44.4213 272.793 43.9467 272.548 43.552C272.302 43.1467 271.966 42.8427 271.54 42.64C271.124 42.4267 270.66 42.32 270.148 42.32C269.412 42.32 268.782 42.5547 268.26 43.024C267.748 43.4933 267.454 44.144 267.38 44.976H272.916ZM282.063 42.848C282.351 42.3467 282.778 41.9307 283.343 41.6C283.919 41.2587 284.586 41.088 285.343 41.088C286.122 41.088 286.826 41.2747 287.455 41.648C288.095 42.0213 288.596 42.5493 288.959 43.232C289.322 43.904 289.503 44.688 289.503 45.584C289.503 46.4693 289.322 47.2587 288.959 47.952C288.596 48.6453 288.095 49.184 287.455 49.568C286.826 49.952 286.122 50.144 285.343 50.144C284.596 50.144 283.935 49.9787 283.359 49.648C282.794 49.3067 282.362 48.8853 282.063 48.384V54.16H280.607V41.232H282.063V42.848ZM288.015 45.584C288.015 44.9227 287.882 44.3467 287.615 43.856C287.348 43.3653 286.986 42.992 286.527 42.736C286.079 42.48 285.583 42.352 285.039 42.352C284.506 42.352 284.01 42.4853 283.551 42.752C283.103 43.008 282.74 43.3867 282.463 43.888C282.196 44.3787 282.063 44.9493 282.063 45.6C282.063 46.2613 282.196 46.8427 282.463 47.344C282.74 47.8347 283.103 48.2133 283.551 48.48C284.01 48.736 284.506 48.864 285.039 48.864C285.583 48.864 286.079 48.736 286.527 48.48C286.986 48.2133 287.348 47.8347 287.615 47.344C287.882 46.8427 288.015 46.256 288.015 45.584ZM290.876 45.584C290.876 44.688 291.057 43.904 291.42 43.232C291.782 42.5493 292.278 42.0213 292.908 41.648C293.548 41.2747 294.257 41.088 295.036 41.088C295.804 41.088 296.47 41.2533 297.036 41.584C297.601 41.9147 298.022 42.3307 298.3 42.832V41.232H299.772V50H298.3V48.368C298.012 48.88 297.58 49.3067 297.004 49.648C296.438 49.9787 295.777 50.144 295.02 50.144C294.241 50.144 293.537 49.952 292.908 49.568C292.278 49.184 291.782 48.6453 291.42 47.952C291.057 47.2587 290.876 46.4693 290.876 45.584ZM298.3 45.6C298.3 44.9387 298.166 44.3627 297.9 43.872C297.633 43.3813 297.27 43.008 296.812 42.752C296.364 42.4853 295.868 42.352 295.324 42.352C294.78 42.352 294.284 42.48 293.836 42.736C293.388 42.992 293.03 43.3653 292.764 43.856C292.497 44.3467 292.364 44.9227 292.364 45.584C292.364 46.256 292.497 46.8427 292.764 47.344C293.03 47.8347 293.388 48.2133 293.836 48.48C294.284 48.736 294.78 48.864 295.324 48.864C295.868 48.864 296.364 48.736 296.812 48.48C297.27 48.2133 297.633 47.8347 297.9 47.344C298.166 46.8427 298.3 46.2613 298.3 45.6ZM306.504 41.072C307.571 41.072 308.435 41.3973 309.096 42.048C309.757 42.688 310.088 43.616 310.088 44.832V50H308.648V45.04C308.648 44.1653 308.429 43.4987 307.992 43.04C307.555 42.5707 306.957 42.336 306.2 42.336C305.432 42.336 304.819 42.576 304.36 43.056C303.912 43.536 303.688 44.2347 303.688 45.152V50H302.232V41.232H303.688V42.48C303.976 42.032 304.365 41.6853 304.856 41.44C305.357 41.1947 305.907 41.072 306.504 41.072ZM314.242 42.432V47.6C314.242 48.0267 314.333 48.3307 314.514 48.512C314.696 48.6827 315.01 48.768 315.458 48.768H316.53V50H315.218C314.408 50 313.8 49.8133 313.394 49.44C312.989 49.0667 312.786 48.4533 312.786 47.6V42.432H311.65V41.232H312.786V39.024H314.242V41.232H316.53V42.432H314.242ZM317.751 45.584C317.751 44.688 317.932 43.904 318.295 43.232C318.657 42.5493 319.153 42.0213 319.783 41.648C320.423 41.2747 321.132 41.088 321.911 41.088C322.679 41.088 323.345 41.2533 323.911 41.584C324.476 41.9147 324.897 42.3307 325.175 42.832V41.232H326.647V50H325.175V48.368C324.887 48.88 324.455 49.3067 323.879 49.648C323.313 49.9787 322.652 50.144 321.895 50.144C321.116 50.144 320.412 49.952 319.783 49.568C319.153 49.184 318.657 48.6453 318.295 47.952C317.932 47.2587 317.751 46.4693 317.751 45.584ZM325.175 45.6C325.175 44.9387 325.041 44.3627 324.775 43.872C324.508 43.3813 324.145 43.008 323.687 42.752C323.239 42.4853 322.743 42.352 322.199 42.352C321.655 42.352 321.159 42.48 320.711 42.736C320.263 42.992 319.905 43.3653 319.639 43.856C319.372 44.3467 319.239 44.9227 319.239 45.584C319.239 46.256 319.372 46.8427 319.639 47.344C319.905 47.8347 320.263 48.2133 320.711 48.48C321.159 48.736 321.655 48.864 322.199 48.864C322.743 48.864 323.239 48.736 323.687 48.48C324.145 48.2133 324.508 47.8347 324.775 47.344C325.041 46.8427 325.175 46.2613 325.175 45.6ZM330.563 38.16V50H329.107V38.16H330.563ZM334.501 38.16V50H333.045V38.16H334.501ZM336.438 45.584C336.438 44.688 336.619 43.904 336.982 43.232C337.345 42.5493 337.841 42.0213 338.47 41.648C339.11 41.2747 339.819 41.088 340.598 41.088C341.366 41.088 342.033 41.2533 342.598 41.584C343.163 41.9147 343.585 42.3307 343.862 42.832V41.232H345.334V50H343.862V48.368C343.574 48.88 343.142 49.3067 342.566 49.648C342.001 49.9787 341.339 50.144 340.582 50.144C339.803 50.144 339.099 49.952 338.47 49.568C337.841 49.184 337.345 48.6453 336.982 47.952C336.619 47.2587 336.438 46.4693 336.438 45.584ZM343.862 45.6C343.862 44.9387 343.729 44.3627 343.462 43.872C343.195 43.3813 342.833 43.008 342.374 42.752C341.926 42.4853 341.43 42.352 340.886 42.352C340.342 42.352 339.846 42.48 339.398 42.736C338.95 42.992 338.593 43.3653 338.326 43.856C338.059 44.3467 337.926 44.9227 337.926 45.584C337.926 46.256 338.059 46.8427 338.326 47.344C338.593 47.8347 338.95 48.2133 339.398 48.48C339.846 48.736 340.342 48.864 340.886 48.864C341.43 48.864 341.926 48.736 342.374 48.48C342.833 48.2133 343.195 47.8347 343.462 47.344C343.729 46.8427 343.862 46.2613 343.862 45.6ZM350.899 50.144C350.227 50.144 349.624 50.032 349.091 49.808C348.557 49.5733 348.136 49.2533 347.827 48.848C347.517 48.432 347.347 47.9573 347.315 47.424H348.819C348.861 47.8613 349.064 48.2187 349.427 48.496C349.8 48.7733 350.285 48.912 350.883 48.912C351.437 48.912 351.875 48.7893 352.195 48.544C352.515 48.2987 352.675 47.9893 352.675 47.616C352.675 47.232 352.504 46.9493 352.163 46.768C351.821 46.576 351.293 46.3893 350.579 46.208C349.928 46.0373 349.395 45.8667 348.979 45.696C348.573 45.5147 348.221 45.2533 347.923 44.912C347.635 44.56 347.491 44.1013 347.491 43.536C347.491 43.088 347.624 42.6773 347.891 42.304C348.157 41.9307 348.536 41.6373 349.027 41.424C349.517 41.2 350.077 41.088 350.707 41.088C351.677 41.088 352.461 41.3333 353.059 41.824C353.656 42.3147 353.976 42.9867 354.019 43.84H352.563C352.531 43.3813 352.344 43.0133 352.003 42.736C351.672 42.4587 351.224 42.32 350.659 42.32C350.136 42.32 349.72 42.432 349.411 42.656C349.101 42.88 348.947 43.1733 348.947 43.536C348.947 43.824 349.037 44.064 349.219 44.256C349.411 44.4373 349.645 44.5867 349.923 44.704C350.211 44.8107 350.605 44.9333 351.107 45.072C351.736 45.2427 352.248 45.4133 352.643 45.584C353.037 45.744 353.373 45.9893 353.651 46.32C353.939 46.6507 354.088 47.0827 354.099 47.616C354.099 48.096 353.965 48.528 353.699 48.912C353.432 49.296 353.053 49.6 352.563 49.824C352.083 50.0373 351.528 50.144 350.899 50.144Z" fill="#8A8A8B"/>
+</svg>

package/assets/readme-images/tk-input-number-error.svg ADDED Viewed

@@ -0,0 +1,10 @@
+<svg width="640" height="124" viewBox="0 0 640 124" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 0.5H624C632.56 0.5 639.5 7.43959 639.5 16V108C639.5 116.56 632.56 123.5 624 123.5H16C7.43959 123.5 0.5 116.56 0.5 108V16C0.5 7.43959 7.43959 0.5 16 0.5Z" stroke="#CECDCD"/>
+<mask id="path-2-inside-1_954_219" fill="white">
+<path d="M170 24H470V82H170V24Z"/>
+</mask>
+<path d="M470 82V81H170V82V83H470V82Z" fill="#FF6640" mask="url(#path-2-inside-1_954_219)"/>
+<path d="M170.516 32.812C170.516 31.996 170.7 31.264 171.068 30.616C171.436 29.96 171.936 29.448 172.568 29.08C173.208 28.712 173.916 28.528 174.692 28.528C175.604 28.528 176.4 28.748 177.08 29.188C177.76 29.628 178.256 30.252 178.568 31.06H177.26C177.028 30.556 176.692 30.168 176.252 29.896C175.82 29.624 175.3 29.488 174.692 29.488C174.108 29.488 173.584 29.624 173.12 29.896C172.656 30.168 172.292 30.556 172.028 31.06C171.764 31.556 171.632 32.14 171.632 32.812C171.632 33.476 171.764 34.06 172.028 34.564C172.292 35.06 172.656 35.444 173.12 35.716C173.584 35.988 174.108 36.124 174.692 36.124C175.3 36.124 175.82 35.992 176.252 35.728C176.692 35.456 177.028 35.068 177.26 34.564H178.568C178.256 35.364 177.76 35.984 177.08 36.424C176.4 36.856 175.604 37.072 174.692 37.072C173.916 37.072 173.208 36.892 172.568 36.532C171.936 36.164 171.436 35.656 171.068 35.008C170.7 34.36 170.516 33.628 170.516 32.812ZM179.786 33.688C179.786 33.016 179.922 32.428 180.194 31.924C180.466 31.412 180.838 31.016 181.31 30.736C181.79 30.456 182.322 30.316 182.906 30.316C183.482 30.316 183.982 30.44 184.406 30.688C184.83 30.936 185.146 31.248 185.354 31.624V30.424H186.458V37H185.354V35.776C185.138 36.16 184.814 36.48 184.382 36.736C183.958 36.984 183.462 37.108 182.894 37.108C182.31 37.108 181.782 36.964 181.31 36.676C180.838 36.388 180.466 35.984 180.194 35.464C179.922 34.944 179.786 34.352 179.786 33.688ZM185.354 33.7C185.354 33.204 185.254 32.772 185.054 32.404C184.854 32.036 184.582 31.756 184.238 31.564C183.902 31.364 183.53 31.264 183.122 31.264C182.714 31.264 182.342 31.36 182.006 31.552C181.67 31.744 181.402 32.024 181.202 32.392C181.002 32.76 180.902 33.192 180.902 33.688C180.902 34.192 181.002 34.632 181.202 35.008C181.402 35.376 181.67 35.66 182.006 35.86C182.342 36.052 182.714 36.148 183.122 36.148C183.53 36.148 183.902 36.052 184.238 35.86C184.582 35.66 184.854 35.376 185.054 35.008C185.254 34.632 185.354 34.196 185.354 33.7ZM191.507 30.304C192.307 30.304 192.955 30.548 193.451 31.036C193.947 31.516 194.195 32.212 194.195 33.124V37H193.115V33.28C193.115 32.624 192.951 32.124 192.623 31.78C192.295 31.428 191.847 31.252 191.279 31.252C190.703 31.252 190.243 31.432 189.899 31.792C189.563 32.152 189.395 32.676 189.395 33.364V37H188.303V30.424H189.395V31.36C189.611 31.024 189.903 30.764 190.271 30.58C190.647 30.396 191.059 30.304 191.507 30.304ZM197.311 31.324V35.2C197.311 35.52 197.379 35.748 197.515 35.884C197.651 36.012 197.887 36.076 198.223 36.076H199.027V37H198.043C197.435 37 196.979 36.86 196.675 36.58C196.371 36.3 196.219 35.84 196.219 35.2V31.324H195.367V30.424H196.219V28.768H197.311V30.424H199.027V31.324H197.311ZM200.914 29.356C200.706 29.356 200.53 29.284 200.386 29.14C200.242 28.996 200.17 28.82 200.17 28.612C200.17 28.404 200.242 28.228 200.386 28.084C200.53 27.94 200.706 27.868 200.914 27.868C201.114 27.868 201.282 27.94 201.418 28.084C201.562 28.228 201.634 28.404 201.634 28.612C201.634 28.82 201.562 28.996 201.418 29.14C201.282 29.284 201.114 29.356 200.914 29.356ZM201.442 30.424V37H200.35V30.424H201.442ZM202.895 33.688C202.895 33.016 203.031 32.428 203.303 31.924C203.575 31.412 203.947 31.016 204.419 30.736C204.899 30.456 205.435 30.316 206.027 30.316C206.539 30.316 207.015 30.436 207.455 30.676C207.895 30.908 208.231 31.216 208.463 31.6V28.12H209.567V37H208.463V35.764C208.247 36.156 207.927 36.48 207.503 36.736C207.079 36.984 206.583 37.108 206.015 37.108C205.431 37.108 204.899 36.964 204.419 36.676C203.947 36.388 203.575 35.984 203.303 35.464C203.031 34.944 202.895 34.352 202.895 33.688ZM208.463 33.7C208.463 33.204 208.363 32.772 208.163 32.404C207.963 32.036 207.691 31.756 207.347 31.564C207.011 31.364 206.639 31.264 206.231 31.264C205.823 31.264 205.451 31.36 205.115 31.552C204.779 31.744 204.511 32.024 204.311 32.392C204.111 32.76 204.011 33.192 204.011 33.688C204.011 34.192 204.111 34.632 204.311 35.008C204.511 35.376 204.779 35.66 205.115 35.86C205.451 36.052 205.823 36.148 206.231 36.148C206.639 36.148 207.011 36.052 207.347 35.86C207.691 35.66 207.963 35.376 208.163 35.008C208.363 34.632 208.463 34.196 208.463 33.7ZM211.004 33.688C211.004 33.016 211.14 32.428 211.412 31.924C211.684 31.412 212.056 31.016 212.528 30.736C213.008 30.456 213.54 30.316 214.124 30.316C214.7 30.316 215.2 30.44 215.624 30.688C216.048 30.936 216.364 31.248 216.572 31.624V30.424H217.676V37H216.572V35.776C216.356 36.16 216.032 36.48 215.6 36.736C215.176 36.984 214.68 37.108 214.112 37.108C213.528 37.108 213 36.964 212.528 36.676C212.056 36.388 211.684 35.984 211.412 35.464C211.14 34.944 211.004 34.352 211.004 33.688ZM216.572 33.7C216.572 33.204 216.472 32.772 216.272 32.404C216.072 32.036 215.8 31.756 215.456 31.564C215.12 31.364 214.748 31.264 214.34 31.264C213.932 31.264 213.56 31.36 213.224 31.552C212.888 31.744 212.62 32.024 212.42 32.392C212.22 32.76 212.12 33.192 212.12 33.688C212.12 34.192 212.22 34.632 212.42 35.008C212.62 35.376 212.888 35.66 213.224 35.86C213.56 36.052 213.932 36.148 214.34 36.148C214.748 36.148 215.12 36.052 215.456 35.86C215.8 35.66 216.072 35.376 216.272 35.008C216.472 34.632 216.572 34.196 216.572 33.7ZM219.114 33.688C219.114 33.016 219.25 32.428 219.522 31.924C219.794 31.412 220.166 31.016 220.638 30.736C221.118 30.456 221.654 30.316 222.246 30.316C222.758 30.316 223.234 30.436 223.674 30.676C224.114 30.908 224.45 31.216 224.682 31.6V28.12H225.786V37H224.682V35.764C224.466 36.156 224.146 36.48 223.722 36.736C223.298 36.984 222.802 37.108 222.234 37.108C221.65 37.108 221.118 36.964 220.638 36.676C220.166 36.388 219.794 35.984 219.522 35.464C219.25 34.944 219.114 34.352 219.114 33.688ZM224.682 33.7C224.682 33.204 224.582 32.772 224.382 32.404C224.182 32.036 223.91 31.756 223.566 31.564C223.23 31.364 222.858 31.264 222.45 31.264C222.042 31.264 221.67 31.36 221.334 31.552C220.998 31.744 220.73 32.024 220.53 32.392C220.33 32.76 220.23 33.192 220.23 33.688C220.23 34.192 220.33 34.632 220.53 35.008C220.73 35.376 220.998 35.66 221.334 35.86C221.67 36.052 222.042 36.148 222.45 36.148C222.858 36.148 223.23 36.052 223.566 35.86C223.91 35.66 224.182 35.376 224.382 35.008C224.582 34.632 224.682 34.196 224.682 33.7ZM230.422 33.688C230.422 33.016 230.558 32.428 230.83 31.924C231.102 31.412 231.474 31.016 231.946 30.736C232.426 30.456 232.962 30.316 233.554 30.316C234.066 30.316 234.542 30.436 234.982 30.676C235.422 30.908 235.758 31.216 235.99 31.6V28.12H237.094V37H235.99V35.764C235.774 36.156 235.454 36.48 235.03 36.736C234.606 36.984 234.11 37.108 233.542 37.108C232.958 37.108 232.426 36.964 231.946 36.676C231.474 36.388 231.102 35.984 230.83 35.464C230.558 34.944 230.422 34.352 230.422 33.688ZM235.99 33.7C235.99 33.204 235.89 32.772 235.69 32.404C235.49 32.036 235.218 31.756 234.874 31.564C234.538 31.364 234.166 31.264 233.758 31.264C233.35 31.264 232.978 31.36 232.642 31.552C232.306 31.744 232.038 32.024 231.838 32.392C231.638 32.76 231.538 33.192 231.538 33.688C231.538 34.192 231.638 34.632 231.838 35.008C232.038 35.376 232.306 35.66 232.642 35.86C232.978 36.052 233.35 36.148 233.758 36.148C234.166 36.148 234.538 36.052 234.874 35.86C235.218 35.66 235.49 35.376 235.69 35.008C235.89 34.632 235.99 34.196 235.99 33.7ZM244.94 33.46C244.94 33.668 244.928 33.888 244.904 34.12H239.648C239.688 34.768 239.908 35.276 240.308 35.644C240.716 36.004 241.208 36.184 241.784 36.184C242.256 36.184 242.648 36.076 242.96 35.86C243.28 35.636 243.504 35.34 243.632 34.972H244.808C244.632 35.604 244.28 36.12 243.752 36.52C243.224 36.912 242.568 37.108 241.784 37.108C241.16 37.108 240.6 36.968 240.104 36.688C239.616 36.408 239.232 36.012 238.952 35.5C238.672 34.98 238.532 34.38 238.532 33.7C238.532 33.02 238.668 32.424 238.94 31.912C239.212 31.4 239.592 31.008 240.08 30.736C240.576 30.456 241.144 30.316 241.784 30.316C242.408 30.316 242.96 30.452 243.44 30.724C243.92 30.996 244.288 31.372 244.544 31.852C244.808 32.324 244.94 32.86 244.94 33.46ZM243.812 33.232C243.812 32.816 243.72 32.46 243.536 32.164C243.352 31.86 243.1 31.632 242.78 31.48C242.468 31.32 242.12 31.24 241.736 31.24C241.184 31.24 240.712 31.416 240.32 31.768C239.936 32.12 239.716 32.608 239.66 33.232H243.812ZM250.672 31.636C250.888 31.26 251.208 30.948 251.632 30.7C252.064 30.444 252.564 30.316 253.132 30.316C253.716 30.316 254.244 30.456 254.716 30.736C255.196 31.016 255.572 31.412 255.844 31.924C256.116 32.428 256.252 33.016 256.252 33.688C256.252 34.352 256.116 34.944 255.844 35.464C255.572 35.984 255.196 36.388 254.716 36.676C254.244 36.964 253.716 37.108 253.132 37.108C252.572 37.108 252.076 36.984 251.644 36.736C251.22 36.48 250.896 36.164 250.672 35.788V40.12H249.58V30.424H250.672V31.636ZM255.136 33.688C255.136 33.192 255.036 32.76 254.836 32.392C254.636 32.024 254.364 31.744 254.02 31.552C253.684 31.36 253.312 31.264 252.904 31.264C252.504 31.264 252.132 31.364 251.788 31.564C251.452 31.756 251.18 32.04 250.972 32.416C250.772 32.784 250.672 33.212 250.672 33.7C250.672 34.196 250.772 34.632 250.972 35.008C251.18 35.376 251.452 35.66 251.788 35.86C252.132 36.052 252.504 36.148 252.904 36.148C253.312 36.148 253.684 36.052 254.02 35.86C254.364 35.66 254.636 35.376 254.836 35.008C255.036 34.632 255.136 34.192 255.136 33.688ZM257.282 33.688C257.282 33.016 257.418 32.428 257.69 31.924C257.962 31.412 258.334 31.016 258.806 30.736C259.286 30.456 259.818 30.316 260.402 30.316C260.978 30.316 261.478 30.44 261.902 30.688C262.326 30.936 262.642 31.248 262.85 31.624V30.424H263.954V37H262.85V35.776C262.634 36.16 262.31 36.48 261.878 36.736C261.454 36.984 260.958 37.108 260.39 37.108C259.806 37.108 259.278 36.964 258.806 36.676C258.334 36.388 257.962 35.984 257.69 35.464C257.418 34.944 257.282 34.352 257.282 33.688ZM262.85 33.7C262.85 33.204 262.75 32.772 262.55 32.404C262.35 32.036 262.078 31.756 261.734 31.564C261.398 31.364 261.026 31.264 260.618 31.264C260.21 31.264 259.838 31.36 259.502 31.552C259.166 31.744 258.898 32.024 258.698 32.392C258.498 32.76 258.398 33.192 258.398 33.688C258.398 34.192 258.498 34.632 258.698 35.008C258.898 35.376 259.166 35.66 259.502 35.86C259.838 36.052 260.21 36.148 260.618 36.148C261.026 36.148 261.398 36.052 261.734 35.86C262.078 35.66 262.35 35.376 262.55 35.008C262.75 34.632 262.85 34.196 262.85 33.7ZM269.003 30.304C269.803 30.304 270.451 30.548 270.947 31.036C271.443 31.516 271.691 32.212 271.691 33.124V37H270.611V33.28C270.611 32.624 270.447 32.124 270.119 31.78C269.791 31.428 269.343 31.252 268.775 31.252C268.199 31.252 267.739 31.432 267.395 31.792C267.059 32.152 266.891 32.676 266.891 33.364V37H265.799V30.424H266.891V31.36C267.107 31.024 267.399 30.764 267.767 30.58C268.143 30.396 268.555 30.304 269.003 30.304ZM274.807 31.324V35.2C274.807 35.52 274.875 35.748 275.011 35.884C275.147 36.012 275.383 36.076 275.719 36.076H276.523V37H275.539C274.931 37 274.475 36.86 274.171 36.58C273.867 36.3 273.715 35.84 273.715 35.2V31.324H272.863V30.424H273.715V28.768H274.807V30.424H276.523V31.324H274.807ZM277.438 33.688C277.438 33.016 277.574 32.428 277.846 31.924C278.118 31.412 278.49 31.016 278.962 30.736C279.442 30.456 279.974 30.316 280.558 30.316C281.134 30.316 281.634 30.44 282.058 30.688C282.482 30.936 282.798 31.248 283.006 31.624V30.424H284.11V37H283.006V35.776C282.79 36.16 282.466 36.48 282.034 36.736C281.61 36.984 281.114 37.108 280.546 37.108C279.962 37.108 279.434 36.964 278.962 36.676C278.49 36.388 278.118 35.984 277.846 35.464C277.574 34.944 277.438 34.352 277.438 33.688ZM283.006 33.7C283.006 33.204 282.906 32.772 282.706 32.404C282.506 32.036 282.234 31.756 281.89 31.564C281.554 31.364 281.182 31.264 280.774 31.264C280.366 31.264 279.994 31.36 279.658 31.552C279.322 31.744 279.054 32.024 278.854 32.392C278.654 32.76 278.554 33.192 278.554 33.688C278.554 34.192 278.654 34.632 278.854 35.008C279.054 35.376 279.322 35.66 279.658 35.86C279.994 36.052 280.366 36.148 280.774 36.148C281.182 36.148 281.554 36.052 281.89 35.86C282.234 35.66 282.506 35.376 282.706 35.008C282.906 34.632 283.006 34.196 283.006 33.7ZM287.047 28.12V37H285.955V28.12H287.047ZM290 28.12V37H288.908V28.12H290ZM291.454 33.688C291.454 33.016 291.59 32.428 291.862 31.924C292.134 31.412 292.506 31.016 292.978 30.736C293.458 30.456 293.99 30.316 294.574 30.316C295.15 30.316 295.65 30.44 296.074 30.688C296.498 30.936 296.814 31.248 297.022 31.624V30.424H298.126V37H297.022V35.776C296.806 36.16 296.482 36.48 296.05 36.736C295.626 36.984 295.13 37.108 294.562 37.108C293.978 37.108 293.45 36.964 292.978 36.676C292.506 36.388 292.134 35.984 291.862 35.464C291.59 34.944 291.454 34.352 291.454 33.688ZM297.022 33.7C297.022 33.204 296.922 32.772 296.722 32.404C296.522 32.036 296.25 31.756 295.906 31.564C295.57 31.364 295.198 31.264 294.79 31.264C294.382 31.264 294.01 31.36 293.674 31.552C293.338 31.744 293.07 32.024 292.87 32.392C292.67 32.76 292.57 33.192 292.57 33.688C292.57 34.192 292.67 34.632 292.87 35.008C293.07 35.376 293.338 35.66 293.674 35.86C294.01 36.052 294.382 36.148 294.79 36.148C295.198 36.148 295.57 36.052 295.906 35.86C296.25 35.66 296.522 35.376 296.722 35.008C296.922 34.632 297.022 34.196 297.022 33.7ZM302.299 37.108C301.795 37.108 301.343 37.024 300.943 36.856C300.543 36.68 300.227 36.44 299.995 36.136C299.763 35.824 299.635 35.468 299.611 35.068H300.739C300.771 35.396 300.923 35.664 301.195 35.872C301.475 36.08 301.839 36.184 302.287 36.184C302.703 36.184 303.031 36.092 303.271 35.908C303.511 35.724 303.631 35.492 303.631 35.212C303.631 34.924 303.503 34.712 303.247 34.576C302.991 34.432 302.595 34.292 302.059 34.156C301.571 34.028 301.171 33.9 300.859 33.772C300.555 33.636 300.291 33.44 300.067 33.184C299.851 32.92 299.743 32.576 299.743 32.152C299.743 31.816 299.843 31.508 300.043 31.228C300.243 30.948 300.527 30.728 300.895 30.568C301.263 30.4 301.683 30.316 302.155 30.316C302.883 30.316 303.471 30.5 303.919 30.868C304.367 31.236 304.607 31.74 304.639 32.38H303.547C303.523 32.036 303.383 31.76 303.127 31.552C302.879 31.344 302.543 31.24 302.119 31.24C301.727 31.24 301.415 31.324 301.183 31.492C300.951 31.66 300.835 31.88 300.835 32.152C300.835 32.368 300.903 32.548 301.039 32.692C301.183 32.828 301.359 32.94 301.567 33.028C301.783 33.108 302.079 33.2 302.455 33.304C302.927 33.432 303.311 33.56 303.607 33.688C303.903 33.808 304.155 33.992 304.363 34.24C304.579 34.488 304.691 34.812 304.699 35.212C304.699 35.572 304.599 35.896 304.399 36.184C304.199 36.472 303.915 36.7 303.547 36.868C303.187 37.028 302.771 37.108 302.299 37.108Z" fill="#CF2604"/>
+<path d="M174.816 66.832C176.171 65.744 177.232 64.8533 178 64.16C178.768 63.456 179.413 62.7253 179.936 61.968C180.469 61.2 180.736 60.448 180.736 59.712C180.736 59.0187 180.565 58.4747 180.224 58.08C179.893 57.6747 179.355 57.472 178.608 57.472C177.883 57.472 177.317 57.7013 176.912 58.16C176.517 58.608 176.304 59.2107 176.272 59.968H174.864C174.907 58.7733 175.269 57.8507 175.952 57.2C176.635 56.5493 177.515 56.224 178.592 56.224C179.691 56.224 180.56 56.528 181.2 57.136C181.851 57.744 182.176 58.5813 182.176 59.648C182.176 60.5333 181.909 61.3973 181.376 62.24C180.853 63.072 180.256 63.808 179.584 64.448C178.912 65.0773 178.053 65.8133 177.008 66.656H182.512V67.872H174.816V66.832Z" fill="#191A1B"/>
+<path d="M173.528 86.636C174.44 86.636 175.228 86.808 175.892 87.152C176.564 87.488 177.076 87.972 177.428 88.604C177.788 89.236 177.968 89.98 177.968 90.836C177.968 91.692 177.788 92.436 177.428 93.068C177.076 93.692 176.564 94.172 175.892 94.508C175.228 94.836 174.44 95 173.528 95H170.924V86.636H173.528ZM173.528 94.1C174.608 94.1 175.432 93.816 176 93.248C176.568 92.672 176.852 91.868 176.852 90.836C176.852 89.796 176.564 88.984 175.988 88.4C175.42 87.816 174.6 87.524 173.528 87.524H172.016V94.1H173.528ZM185.408 91.46C185.408 91.668 185.396 91.888 185.372 92.12H180.116C180.156 92.768 180.376 93.276 180.776 93.644C181.184 94.004 181.676 94.184 182.252 94.184C182.724 94.184 183.116 94.076 183.428 93.86C183.748 93.636 183.972 93.34 184.1 92.972H185.276C185.1 93.604 184.748 94.12 184.22 94.52C183.692 94.912 183.036 95.108 182.252 95.108C181.628 95.108 181.068 94.968 180.572 94.688C180.084 94.408 179.7 94.012 179.42 93.5C179.14 92.98 179 92.38 179 91.7C179 91.02 179.136 90.424 179.408 89.912C179.68 89.4 180.06 89.008 180.548 88.736C181.044 88.456 181.612 88.316 182.252 88.316C182.876 88.316 183.428 88.452 183.908 88.724C184.388 88.996 184.756 89.372 185.012 89.852C185.276 90.324 185.408 90.86 185.408 91.46ZM184.28 91.232C184.28 90.816 184.188 90.46 184.004 90.164C183.82 89.86 183.568 89.632 183.248 89.48C182.936 89.32 182.588 89.24 182.204 89.24C181.652 89.24 181.18 89.416 180.788 89.768C180.404 90.12 180.184 90.608 180.128 91.232H184.28ZM187.942 89.648C188.166 89.256 188.494 88.936 188.926 88.688C189.358 88.44 189.85 88.316 190.402 88.316C190.994 88.316 191.526 88.456 191.998 88.736C192.47 89.016 192.842 89.412 193.114 89.924C193.386 90.428 193.522 91.016 193.522 91.688C193.522 92.352 193.386 92.944 193.114 93.464C192.842 93.984 192.466 94.388 191.986 94.676C191.514 94.964 190.986 95.108 190.402 95.108C189.834 95.108 189.334 94.984 188.902 94.736C188.478 94.488 188.158 94.172 187.942 93.788V95H186.85V86.12H187.942V89.648ZM192.406 91.688C192.406 91.192 192.306 90.76 192.106 90.392C191.906 90.024 191.634 89.744 191.29 89.552C190.954 89.36 190.582 89.264 190.174 89.264C189.774 89.264 189.402 89.364 189.058 89.564C188.722 89.756 188.45 90.04 188.242 90.416C188.042 90.784 187.942 91.212 187.942 91.7C187.942 92.196 188.042 92.632 188.242 93.008C188.45 93.376 188.722 93.66 189.058 93.86C189.402 94.052 189.774 94.148 190.174 94.148C190.582 94.148 190.954 94.052 191.29 93.86C191.634 93.66 191.906 93.376 192.106 93.008C192.306 92.632 192.406 92.192 192.406 91.688ZM200.959 91.46C200.959 91.668 200.947 91.888 200.923 92.12H195.667C195.707 92.768 195.927 93.276 196.327 93.644C196.735 94.004 197.227 94.184 197.803 94.184C198.275 94.184 198.667 94.076 198.979 93.86C199.299 93.636 199.523 93.34 199.651 92.972H200.827C200.651 93.604 200.299 94.12 199.771 94.52C199.243 94.912 198.587 95.108 197.803 95.108C197.179 95.108 196.619 94.968 196.123 94.688C195.635 94.408 195.251 94.012 194.971 93.5C194.691 92.98 194.551 92.38 194.551 91.7C194.551 91.02 194.687 90.424 194.959 89.912C195.231 89.4 195.611 89.008 196.099 88.736C196.595 88.456 197.163 88.316 197.803 88.316C198.427 88.316 198.979 88.452 199.459 88.724C199.939 88.996 200.307 89.372 200.563 89.852C200.827 90.324 200.959 90.86 200.959 91.46ZM199.831 91.232C199.831 90.816 199.739 90.46 199.555 90.164C199.371 89.86 199.119 89.632 198.799 89.48C198.487 89.32 198.139 89.24 197.755 89.24C197.203 89.24 196.731 89.416 196.339 89.768C195.955 90.12 195.735 90.608 195.679 91.232H199.831ZM206.932 89.324V93.2C206.932 93.52 207 93.748 207.136 93.884C207.272 94.012 207.508 94.076 207.844 94.076H208.648V95H207.664C207.056 95 206.6 94.86 206.296 94.58C205.992 94.3 205.84 93.84 205.84 93.2V89.324H204.988V88.424H205.84V86.768H206.932V88.424H208.648V89.324H206.932ZM215.971 91.46C215.971 91.668 215.959 91.888 215.935 92.12H210.679C210.719 92.768 210.939 93.276 211.339 93.644C211.747 94.004 212.239 94.184 212.815 94.184C213.287 94.184 213.679 94.076 213.991 93.86C214.311 93.636 214.535 93.34 214.663 92.972H215.839C215.663 93.604 215.311 94.12 214.783 94.52C214.255 94.912 213.599 95.108 212.815 95.108C212.191 95.108 211.631 94.968 211.135 94.688C210.647 94.408 210.263 94.012 209.983 93.5C209.703 92.98 209.563 92.38 209.563 91.7C209.563 91.02 209.699 90.424 209.971 89.912C210.243 89.4 210.623 89.008 211.111 88.736C211.607 88.456 212.175 88.316 212.815 88.316C213.439 88.316 213.991 88.452 214.471 88.724C214.951 88.996 215.319 89.372 215.575 89.852C215.839 90.324 215.971 90.86 215.971 91.46ZM214.843 91.232C214.843 90.816 214.751 90.46 214.567 90.164C214.383 89.86 214.131 89.632 213.811 89.48C213.499 89.32 213.151 89.24 212.767 89.24C212.215 89.24 211.743 89.416 211.351 89.768C210.967 90.12 210.747 90.608 210.691 91.232H214.843ZM220.616 88.304C221.416 88.304 222.064 88.548 222.56 89.036C223.056 89.516 223.304 90.212 223.304 91.124V95H222.224V91.28C222.224 90.624 222.06 90.124 221.732 89.78C221.404 89.428 220.956 89.252 220.388 89.252C219.812 89.252 219.352 89.432 219.008 89.792C218.672 90.152 218.504 90.676 218.504 91.364V95H217.412V88.424H218.504V89.36C218.72 89.024 219.012 88.764 219.38 88.58C219.756 88.396 220.168 88.304 220.616 88.304ZM231.088 91.46C231.088 91.668 231.076 91.888 231.052 92.12H225.796C225.836 92.768 226.056 93.276 226.456 93.644C226.864 94.004 227.356 94.184 227.932 94.184C228.404 94.184 228.796 94.076 229.108 93.86C229.428 93.636 229.652 93.34 229.78 92.972H230.956C230.78 93.604 230.428 94.12 229.9 94.52C229.372 94.912 228.716 95.108 227.932 95.108C227.308 95.108 226.748 94.968 226.252 94.688C225.764 94.408 225.38 94.012 225.1 93.5C224.82 92.98 224.68 92.38 224.68 91.7C224.68 91.02 224.816 90.424 225.088 89.912C225.36 89.4 225.74 89.008 226.228 88.736C226.724 88.456 227.292 88.316 227.932 88.316C228.556 88.316 229.108 88.452 229.588 88.724C230.068 88.996 230.436 89.372 230.692 89.852C230.956 90.324 231.088 90.86 231.088 91.46ZM229.96 91.232C229.96 90.816 229.868 90.46 229.684 90.164C229.5 89.86 229.248 89.632 228.928 89.48C228.616 89.32 228.268 89.24 227.884 89.24C227.332 89.24 226.86 89.416 226.468 89.768C226.084 90.12 225.864 90.608 225.808 91.232H229.96ZM233.621 89.492C233.813 89.116 234.085 88.824 234.437 88.616C234.797 88.408 235.233 88.304 235.745 88.304V89.432H235.457C234.233 89.432 233.621 90.096 233.621 91.424V95H232.529V88.424H233.621V89.492ZM248.113 88.304C248.625 88.304 249.081 88.412 249.481 88.628C249.881 88.836 250.197 89.152 250.429 89.576C250.661 90 250.777 90.516 250.777 91.124V95H249.697V91.28C249.697 90.624 249.533 90.124 249.205 89.78C248.885 89.428 248.449 89.252 247.897 89.252C247.329 89.252 246.877 89.436 246.541 89.804C246.205 90.164 246.037 90.688 246.037 91.376V95H244.957V91.28C244.957 90.624 244.793 90.124 244.465 89.78C244.145 89.428 243.709 89.252 243.157 89.252C242.589 89.252 242.137 89.436 241.801 89.804C241.465 90.164 241.297 90.688 241.297 91.376V95H240.205V88.424H241.297V89.372C241.513 89.028 241.801 88.764 242.161 88.58C242.529 88.396 242.933 88.304 243.373 88.304C243.925 88.304 244.413 88.428 244.837 88.676C245.261 88.924 245.577 89.288 245.785 89.768C245.969 89.304 246.273 88.944 246.697 88.688C247.121 88.432 247.593 88.304 248.113 88.304ZM253.661 88.424V95H252.569V88.424H253.661ZM254.285 86.564L251.729 87.932V87.116L254.285 85.616V86.564ZM258.726 88.304C259.526 88.304 260.174 88.548 260.67 89.036C261.166 89.516 261.414 90.212 261.414 91.124V95H260.334V91.28C260.334 90.624 260.17 90.124 259.842 89.78C259.514 89.428 259.066 89.252 258.498 89.252C257.922 89.252 257.462 89.432 257.118 89.792C256.782 90.152 256.614 90.676 256.614 91.364V95H255.522V88.424H256.614V89.36C256.83 89.024 257.122 88.764 257.49 88.58C257.866 88.396 258.278 88.304 258.726 88.304ZM263.761 87.356C263.553 87.356 263.377 87.284 263.233 87.14C263.089 86.996 263.017 86.82 263.017 86.612C263.017 86.404 263.089 86.228 263.233 86.084C263.377 85.94 263.553 85.868 263.761 85.868C263.961 85.868 264.129 85.94 264.265 86.084C264.409 86.228 264.481 86.404 264.481 86.612C264.481 86.82 264.409 86.996 264.265 87.14C264.129 87.284 263.961 87.356 263.761 87.356ZM264.289 88.424V95H263.197V88.424H264.289ZM274.059 88.304C274.571 88.304 275.027 88.412 275.427 88.628C275.827 88.836 276.143 89.152 276.375 89.576C276.607 90 276.723 90.516 276.723 91.124V95H275.643V91.28C275.643 90.624 275.479 90.124 275.151 89.78C274.831 89.428 274.395 89.252 273.843 89.252C273.275 89.252 272.823 89.436 272.487 89.804C272.151 90.164 271.983 90.688 271.983 91.376V95H270.903V91.28C270.903 90.624 270.739 90.124 270.411 89.78C270.091 89.428 269.655 89.252 269.103 89.252C268.535 89.252 268.083 89.436 267.747 89.804C267.411 90.164 267.243 90.688 267.243 91.376V95H266.151V88.424H267.243V89.372C267.459 89.028 267.747 88.764 268.107 88.58C268.475 88.396 268.879 88.304 269.319 88.304C269.871 88.304 270.359 88.428 270.783 88.676C271.207 88.924 271.523 89.288 271.731 89.768C271.915 89.304 272.219 88.944 272.643 88.688C273.067 88.432 273.539 88.304 274.059 88.304ZM281.382 95.108C280.766 95.108 280.206 94.968 279.702 94.688C279.206 94.408 278.814 94.012 278.526 93.5C278.246 92.98 278.106 92.38 278.106 91.7C278.106 91.028 278.25 90.436 278.538 89.924C278.834 89.404 279.234 89.008 279.738 88.736C280.242 88.456 280.806 88.316 281.43 88.316C282.054 88.316 282.618 88.456 283.122 88.736C283.626 89.008 284.022 89.4 284.31 89.912C284.606 90.424 284.754 91.02 284.754 91.7C284.754 92.38 284.602 92.98 284.298 93.5C284.002 94.012 283.598 94.408 283.086 94.688C282.574 94.968 282.006 95.108 281.382 95.108ZM281.382 94.148C281.774 94.148 282.142 94.056 282.486 93.872C282.83 93.688 283.106 93.412 283.314 93.044C283.53 92.676 283.638 92.228 283.638 91.7C283.638 91.172 283.534 90.724 283.326 90.356C283.118 89.988 282.846 89.716 282.51 89.54C282.174 89.356 281.81 89.264 281.418 89.264C281.018 89.264 280.65 89.356 280.314 89.54C279.986 89.716 279.722 89.988 279.522 90.356C279.322 90.724 279.222 91.172 279.222 91.7C279.222 92.236 279.318 92.688 279.51 93.056C279.71 93.424 279.974 93.7 280.302 93.884C280.63 94.06 280.99 94.148 281.382 94.148ZM294.741 87.272H290.529V90.008C290.713 89.752 290.985 89.544 291.345 89.384C291.705 89.216 292.093 89.132 292.509 89.132C293.173 89.132 293.713 89.272 294.129 89.552C294.545 89.824 294.841 90.18 295.017 90.62C295.201 91.052 295.293 91.512 295.293 92C295.293 92.576 295.185 93.092 294.969 93.548C294.753 94.004 294.421 94.364 293.973 94.628C293.533 94.892 292.985 95.024 292.329 95.024C291.489 95.024 290.809 94.808 290.289 94.376C289.769 93.944 289.453 93.368 289.341 92.648H290.409C290.513 93.104 290.733 93.46 291.069 93.716C291.405 93.972 291.829 94.1 292.341 94.1C292.973 94.1 293.449 93.912 293.769 93.536C294.089 93.152 294.249 92.648 294.249 92.024C294.249 91.4 294.089 90.92 293.769 90.584C293.449 90.24 292.977 90.068 292.353 90.068C291.929 90.068 291.557 90.172 291.237 90.38C290.925 90.58 290.697 90.856 290.553 91.208H289.521V86.312H294.741V87.272Z" fill="#CF2604"/>
+</svg>

package/assets/readme-images/tk-input-number-filled.svg ADDED Viewed

@@ -0,0 +1,9 @@
+<svg width="640" height="106" viewBox="0 0 640 106" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 0.5H624C632.56 0.5 639.5 7.43959 639.5 16V90C639.5 98.5604 632.56 105.5 624 105.5H16C7.43959 105.5 0.5 98.5604 0.5 90V16C0.5 7.43959 7.43959 0.5 16 0.5Z" stroke="#CECDCD"/>
+<mask id="path-2-inside-1_954_210" fill="white">
+<path d="M170 24H470V82H170V24Z"/>
+</mask>
+<path d="M470 82V81H170V82V83H470V82Z" fill="#D2D2D2" mask="url(#path-2-inside-1_954_210)"/>
+<path d="M170.516 32.812C170.516 31.996 170.7 31.264 171.068 30.616C171.436 29.96 171.936 29.448 172.568 29.08C173.208 28.712 173.916 28.528 174.692 28.528C175.604 28.528 176.4 28.748 177.08 29.188C177.76 29.628 178.256 30.252 178.568 31.06H177.26C177.028 30.556 176.692 30.168 176.252 29.896C175.82 29.624 175.3 29.488 174.692 29.488C174.108 29.488 173.584 29.624 173.12 29.896C172.656 30.168 172.292 30.556 172.028 31.06C171.764 31.556 171.632 32.14 171.632 32.812C171.632 33.476 171.764 34.06 172.028 34.564C172.292 35.06 172.656 35.444 173.12 35.716C173.584 35.988 174.108 36.124 174.692 36.124C175.3 36.124 175.82 35.992 176.252 35.728C176.692 35.456 177.028 35.068 177.26 34.564H178.568C178.256 35.364 177.76 35.984 177.08 36.424C176.4 36.856 175.604 37.072 174.692 37.072C173.916 37.072 173.208 36.892 172.568 36.532C171.936 36.164 171.436 35.656 171.068 35.008C170.7 34.36 170.516 33.628 170.516 32.812ZM179.786 33.688C179.786 33.016 179.922 32.428 180.194 31.924C180.466 31.412 180.838 31.016 181.31 30.736C181.79 30.456 182.322 30.316 182.906 30.316C183.482 30.316 183.982 30.44 184.406 30.688C184.83 30.936 185.146 31.248 185.354 31.624V30.424H186.458V37H185.354V35.776C185.138 36.16 184.814 36.48 184.382 36.736C183.958 36.984 183.462 37.108 182.894 37.108C182.31 37.108 181.782 36.964 181.31 36.676C180.838 36.388 180.466 35.984 180.194 35.464C179.922 34.944 179.786 34.352 179.786 33.688ZM185.354 33.7C185.354 33.204 185.254 32.772 185.054 32.404C184.854 32.036 184.582 31.756 184.238 31.564C183.902 31.364 183.53 31.264 183.122 31.264C182.714 31.264 182.342 31.36 182.006 31.552C181.67 31.744 181.402 32.024 181.202 32.392C181.002 32.76 180.902 33.192 180.902 33.688C180.902 34.192 181.002 34.632 181.202 35.008C181.402 35.376 181.67 35.66 182.006 35.86C182.342 36.052 182.714 36.148 183.122 36.148C183.53 36.148 183.902 36.052 184.238 35.86C184.582 35.66 184.854 35.376 185.054 35.008C185.254 34.632 185.354 34.196 185.354 33.7ZM191.507 30.304C192.307 30.304 192.955 30.548 193.451 31.036C193.947 31.516 194.195 32.212 194.195 33.124V37H193.115V33.28C193.115 32.624 192.951 32.124 192.623 31.78C192.295 31.428 191.847 31.252 191.279 31.252C190.703 31.252 190.243 31.432 189.899 31.792C189.563 32.152 189.395 32.676 189.395 33.364V37H188.303V30.424H189.395V31.36C189.611 31.024 189.903 30.764 190.271 30.58C190.647 30.396 191.059 30.304 191.507 30.304ZM197.311 31.324V35.2C197.311 35.52 197.379 35.748 197.515 35.884C197.651 36.012 197.887 36.076 198.223 36.076H199.027V37H198.043C197.435 37 196.979 36.86 196.675 36.58C196.371 36.3 196.219 35.84 196.219 35.2V31.324H195.367V30.424H196.219V28.768H197.311V30.424H199.027V31.324H197.311ZM200.914 29.356C200.706 29.356 200.53 29.284 200.386 29.14C200.242 28.996 200.17 28.82 200.17 28.612C200.17 28.404 200.242 28.228 200.386 28.084C200.53 27.94 200.706 27.868 200.914 27.868C201.114 27.868 201.282 27.94 201.418 28.084C201.562 28.228 201.634 28.404 201.634 28.612C201.634 28.82 201.562 28.996 201.418 29.14C201.282 29.284 201.114 29.356 200.914 29.356ZM201.442 30.424V37H200.35V30.424H201.442ZM202.895 33.688C202.895 33.016 203.031 32.428 203.303 31.924C203.575 31.412 203.947 31.016 204.419 30.736C204.899 30.456 205.435 30.316 206.027 30.316C206.539 30.316 207.015 30.436 207.455 30.676C207.895 30.908 208.231 31.216 208.463 31.6V28.12H209.567V37H208.463V35.764C208.247 36.156 207.927 36.48 207.503 36.736C207.079 36.984 206.583 37.108 206.015 37.108C205.431 37.108 204.899 36.964 204.419 36.676C203.947 36.388 203.575 35.984 203.303 35.464C203.031 34.944 202.895 34.352 202.895 33.688ZM208.463 33.7C208.463 33.204 208.363 32.772 208.163 32.404C207.963 32.036 207.691 31.756 207.347 31.564C207.011 31.364 206.639 31.264 206.231 31.264C205.823 31.264 205.451 31.36 205.115 31.552C204.779 31.744 204.511 32.024 204.311 32.392C204.111 32.76 204.011 33.192 204.011 33.688C204.011 34.192 204.111 34.632 204.311 35.008C204.511 35.376 204.779 35.66 205.115 35.86C205.451 36.052 205.823 36.148 206.231 36.148C206.639 36.148 207.011 36.052 207.347 35.86C207.691 35.66 207.963 35.376 208.163 35.008C208.363 34.632 208.463 34.196 208.463 33.7ZM211.004 33.688C211.004 33.016 211.14 32.428 211.412 31.924C211.684 31.412 212.056 31.016 212.528 30.736C213.008 30.456 213.54 30.316 214.124 30.316C214.7 30.316 215.2 30.44 215.624 30.688C216.048 30.936 216.364 31.248 216.572 31.624V30.424H217.676V37H216.572V35.776C216.356 36.16 216.032 36.48 215.6 36.736C215.176 36.984 214.68 37.108 214.112 37.108C213.528 37.108 213 36.964 212.528 36.676C212.056 36.388 211.684 35.984 211.412 35.464C211.14 34.944 211.004 34.352 211.004 33.688ZM216.572 33.7C216.572 33.204 216.472 32.772 216.272 32.404C216.072 32.036 215.8 31.756 215.456 31.564C215.12 31.364 214.748 31.264 214.34 31.264C213.932 31.264 213.56 31.36 213.224 31.552C212.888 31.744 212.62 32.024 212.42 32.392C212.22 32.76 212.12 33.192 212.12 33.688C212.12 34.192 212.22 34.632 212.42 35.008C212.62 35.376 212.888 35.66 213.224 35.86C213.56 36.052 213.932 36.148 214.34 36.148C214.748 36.148 215.12 36.052 215.456 35.86C215.8 35.66 216.072 35.376 216.272 35.008C216.472 34.632 216.572 34.196 216.572 33.7ZM219.114 33.688C219.114 33.016 219.25 32.428 219.522 31.924C219.794 31.412 220.166 31.016 220.638 30.736C221.118 30.456 221.654 30.316 222.246 30.316C222.758 30.316 223.234 30.436 223.674 30.676C224.114 30.908 224.45 31.216 224.682 31.6V28.12H225.786V37H224.682V35.764C224.466 36.156 224.146 36.48 223.722 36.736C223.298 36.984 222.802 37.108 222.234 37.108C221.65 37.108 221.118 36.964 220.638 36.676C220.166 36.388 219.794 35.984 219.522 35.464C219.25 34.944 219.114 34.352 219.114 33.688ZM224.682 33.7C224.682 33.204 224.582 32.772 224.382 32.404C224.182 32.036 223.91 31.756 223.566 31.564C223.23 31.364 222.858 31.264 222.45 31.264C222.042 31.264 221.67 31.36 221.334 31.552C220.998 31.744 220.73 32.024 220.53 32.392C220.33 32.76 220.23 33.192 220.23 33.688C220.23 34.192 220.33 34.632 220.53 35.008C220.73 35.376 220.998 35.66 221.334 35.86C221.67 36.052 222.042 36.148 222.45 36.148C222.858 36.148 223.23 36.052 223.566 35.86C223.91 35.66 224.182 35.376 224.382 35.008C224.582 34.632 224.682 34.196 224.682 33.7ZM230.422 33.688C230.422 33.016 230.558 32.428 230.83 31.924C231.102 31.412 231.474 31.016 231.946 30.736C232.426 30.456 232.962 30.316 233.554 30.316C234.066 30.316 234.542 30.436 234.982 30.676C235.422 30.908 235.758 31.216 235.99 31.6V28.12H237.094V37H235.99V35.764C235.774 36.156 235.454 36.48 235.03 36.736C234.606 36.984 234.11 37.108 233.542 37.108C232.958 37.108 232.426 36.964 231.946 36.676C231.474 36.388 231.102 35.984 230.83 35.464C230.558 34.944 230.422 34.352 230.422 33.688ZM235.99 33.7C235.99 33.204 235.89 32.772 235.69 32.404C235.49 32.036 235.218 31.756 234.874 31.564C234.538 31.364 234.166 31.264 233.758 31.264C233.35 31.264 232.978 31.36 232.642 31.552C232.306 31.744 232.038 32.024 231.838 32.392C231.638 32.76 231.538 33.192 231.538 33.688C231.538 34.192 231.638 34.632 231.838 35.008C232.038 35.376 232.306 35.66 232.642 35.86C232.978 36.052 233.35 36.148 233.758 36.148C234.166 36.148 234.538 36.052 234.874 35.86C235.218 35.66 235.49 35.376 235.69 35.008C235.89 34.632 235.99 34.196 235.99 33.7ZM244.94 33.46C244.94 33.668 244.928 33.888 244.904 34.12H239.648C239.688 34.768 239.908 35.276 240.308 35.644C240.716 36.004 241.208 36.184 241.784 36.184C242.256 36.184 242.648 36.076 242.96 35.86C243.28 35.636 243.504 35.34 243.632 34.972H244.808C244.632 35.604 244.28 36.12 243.752 36.52C243.224 36.912 242.568 37.108 241.784 37.108C241.16 37.108 240.6 36.968 240.104 36.688C239.616 36.408 239.232 36.012 238.952 35.5C238.672 34.98 238.532 34.38 238.532 33.7C238.532 33.02 238.668 32.424 238.94 31.912C239.212 31.4 239.592 31.008 240.08 30.736C240.576 30.456 241.144 30.316 241.784 30.316C242.408 30.316 242.96 30.452 243.44 30.724C243.92 30.996 244.288 31.372 244.544 31.852C244.808 32.324 244.94 32.86 244.94 33.46ZM243.812 33.232C243.812 32.816 243.72 32.46 243.536 32.164C243.352 31.86 243.1 31.632 242.78 31.48C242.468 31.32 242.12 31.24 241.736 31.24C241.184 31.24 240.712 31.416 240.32 31.768C239.936 32.12 239.716 32.608 239.66 33.232H243.812ZM250.672 31.636C250.888 31.26 251.208 30.948 251.632 30.7C252.064 30.444 252.564 30.316 253.132 30.316C253.716 30.316 254.244 30.456 254.716 30.736C255.196 31.016 255.572 31.412 255.844 31.924C256.116 32.428 256.252 33.016 256.252 33.688C256.252 34.352 256.116 34.944 255.844 35.464C255.572 35.984 255.196 36.388 254.716 36.676C254.244 36.964 253.716 37.108 253.132 37.108C252.572 37.108 252.076 36.984 251.644 36.736C251.22 36.48 250.896 36.164 250.672 35.788V40.12H249.58V30.424H250.672V31.636ZM255.136 33.688C255.136 33.192 255.036 32.76 254.836 32.392C254.636 32.024 254.364 31.744 254.02 31.552C253.684 31.36 253.312 31.264 252.904 31.264C252.504 31.264 252.132 31.364 251.788 31.564C251.452 31.756 251.18 32.04 250.972 32.416C250.772 32.784 250.672 33.212 250.672 33.7C250.672 34.196 250.772 34.632 250.972 35.008C251.18 35.376 251.452 35.66 251.788 35.86C252.132 36.052 252.504 36.148 252.904 36.148C253.312 36.148 253.684 36.052 254.02 35.86C254.364 35.66 254.636 35.376 254.836 35.008C255.036 34.632 255.136 34.192 255.136 33.688ZM257.282 33.688C257.282 33.016 257.418 32.428 257.69 31.924C257.962 31.412 258.334 31.016 258.806 30.736C259.286 30.456 259.818 30.316 260.402 30.316C260.978 30.316 261.478 30.44 261.902 30.688C262.326 30.936 262.642 31.248 262.85 31.624V30.424H263.954V37H262.85V35.776C262.634 36.16 262.31 36.48 261.878 36.736C261.454 36.984 260.958 37.108 260.39 37.108C259.806 37.108 259.278 36.964 258.806 36.676C258.334 36.388 257.962 35.984 257.69 35.464C257.418 34.944 257.282 34.352 257.282 33.688ZM262.85 33.7C262.85 33.204 262.75 32.772 262.55 32.404C262.35 32.036 262.078 31.756 261.734 31.564C261.398 31.364 261.026 31.264 260.618 31.264C260.21 31.264 259.838 31.36 259.502 31.552C259.166 31.744 258.898 32.024 258.698 32.392C258.498 32.76 258.398 33.192 258.398 33.688C258.398 34.192 258.498 34.632 258.698 35.008C258.898 35.376 259.166 35.66 259.502 35.86C259.838 36.052 260.21 36.148 260.618 36.148C261.026 36.148 261.398 36.052 261.734 35.86C262.078 35.66 262.35 35.376 262.55 35.008C262.75 34.632 262.85 34.196 262.85 33.7ZM269.003 30.304C269.803 30.304 270.451 30.548 270.947 31.036C271.443 31.516 271.691 32.212 271.691 33.124V37H270.611V33.28C270.611 32.624 270.447 32.124 270.119 31.78C269.791 31.428 269.343 31.252 268.775 31.252C268.199 31.252 267.739 31.432 267.395 31.792C267.059 32.152 266.891 32.676 266.891 33.364V37H265.799V30.424H266.891V31.36C267.107 31.024 267.399 30.764 267.767 30.58C268.143 30.396 268.555 30.304 269.003 30.304ZM274.807 31.324V35.2C274.807 35.52 274.875 35.748 275.011 35.884C275.147 36.012 275.383 36.076 275.719 36.076H276.523V37H275.539C274.931 37 274.475 36.86 274.171 36.58C273.867 36.3 273.715 35.84 273.715 35.2V31.324H272.863V30.424H273.715V28.768H274.807V30.424H276.523V31.324H274.807ZM277.438 33.688C277.438 33.016 277.574 32.428 277.846 31.924C278.118 31.412 278.49 31.016 278.962 30.736C279.442 30.456 279.974 30.316 280.558 30.316C281.134 30.316 281.634 30.44 282.058 30.688C282.482 30.936 282.798 31.248 283.006 31.624V30.424H284.11V37H283.006V35.776C282.79 36.16 282.466 36.48 282.034 36.736C281.61 36.984 281.114 37.108 280.546 37.108C279.962 37.108 279.434 36.964 278.962 36.676C278.49 36.388 278.118 35.984 277.846 35.464C277.574 34.944 277.438 34.352 277.438 33.688ZM283.006 33.7C283.006 33.204 282.906 32.772 282.706 32.404C282.506 32.036 282.234 31.756 281.89 31.564C281.554 31.364 281.182 31.264 280.774 31.264C280.366 31.264 279.994 31.36 279.658 31.552C279.322 31.744 279.054 32.024 278.854 32.392C278.654 32.76 278.554 33.192 278.554 33.688C278.554 34.192 278.654 34.632 278.854 35.008C279.054 35.376 279.322 35.66 279.658 35.86C279.994 36.052 280.366 36.148 280.774 36.148C281.182 36.148 281.554 36.052 281.89 35.86C282.234 35.66 282.506 35.376 282.706 35.008C282.906 34.632 283.006 34.196 283.006 33.7ZM287.047 28.12V37H285.955V28.12H287.047ZM290 28.12V37H288.908V28.12H290ZM291.454 33.688C291.454 33.016 291.59 32.428 291.862 31.924C292.134 31.412 292.506 31.016 292.978 30.736C293.458 30.456 293.99 30.316 294.574 30.316C295.15 30.316 295.65 30.44 296.074 30.688C296.498 30.936 296.814 31.248 297.022 31.624V30.424H298.126V37H297.022V35.776C296.806 36.16 296.482 36.48 296.05 36.736C295.626 36.984 295.13 37.108 294.562 37.108C293.978 37.108 293.45 36.964 292.978 36.676C292.506 36.388 292.134 35.984 291.862 35.464C291.59 34.944 291.454 34.352 291.454 33.688ZM297.022 33.7C297.022 33.204 296.922 32.772 296.722 32.404C296.522 32.036 296.25 31.756 295.906 31.564C295.57 31.364 295.198 31.264 294.79 31.264C294.382 31.264 294.01 31.36 293.674 31.552C293.338 31.744 293.07 32.024 292.87 32.392C292.67 32.76 292.57 33.192 292.57 33.688C292.57 34.192 292.67 34.632 292.87 35.008C293.07 35.376 293.338 35.66 293.674 35.86C294.01 36.052 294.382 36.148 294.79 36.148C295.198 36.148 295.57 36.052 295.906 35.86C296.25 35.66 296.522 35.376 296.722 35.008C296.922 34.632 297.022 34.196 297.022 33.7ZM302.299 37.108C301.795 37.108 301.343 37.024 300.943 36.856C300.543 36.68 300.227 36.44 299.995 36.136C299.763 35.824 299.635 35.468 299.611 35.068H300.739C300.771 35.396 300.923 35.664 301.195 35.872C301.475 36.08 301.839 36.184 302.287 36.184C302.703 36.184 303.031 36.092 303.271 35.908C303.511 35.724 303.631 35.492 303.631 35.212C303.631 34.924 303.503 34.712 303.247 34.576C302.991 34.432 302.595 34.292 302.059 34.156C301.571 34.028 301.171 33.9 300.859 33.772C300.555 33.636 300.291 33.44 300.067 33.184C299.851 32.92 299.743 32.576 299.743 32.152C299.743 31.816 299.843 31.508 300.043 31.228C300.243 30.948 300.527 30.728 300.895 30.568C301.263 30.4 301.683 30.316 302.155 30.316C302.883 30.316 303.471 30.5 303.919 30.868C304.367 31.236 304.607 31.74 304.639 32.38H303.547C303.523 32.036 303.383 31.76 303.127 31.552C302.879 31.344 302.543 31.24 302.119 31.24C301.727 31.24 301.415 31.324 301.183 31.492C300.951 31.66 300.835 31.88 300.835 32.152C300.835 32.368 300.903 32.548 301.039 32.692C301.183 32.828 301.359 32.94 301.567 33.028C301.783 33.108 302.079 33.2 302.455 33.304C302.927 33.432 303.311 33.56 303.607 33.688C303.903 33.808 304.155 33.992 304.363 34.24C304.579 34.488 304.691 34.812 304.699 35.212C304.699 35.572 304.599 35.896 304.399 36.184C304.199 36.472 303.915 36.7 303.547 36.868C303.187 37.028 302.771 37.108 302.299 37.108Z" fill="#191A1B"/>
+<path d="M174.816 66.832C176.171 65.744 177.232 64.8533 178 64.16C178.768 63.456 179.413 62.7253 179.936 61.968C180.469 61.2 180.736 60.448 180.736 59.712C180.736 59.0187 180.565 58.4747 180.224 58.08C179.893 57.6747 179.355 57.472 178.608 57.472C177.883 57.472 177.317 57.7013 176.912 58.16C176.517 58.608 176.304 59.2107 176.272 59.968H174.864C174.907 58.7733 175.269 57.8507 175.952 57.2C176.635 56.5493 177.515 56.224 178.592 56.224C179.691 56.224 180.56 56.528 181.2 57.136C181.851 57.744 182.176 58.5813 182.176 59.648C182.176 60.5333 181.909 61.3973 181.376 62.24C180.853 63.072 180.256 63.808 179.584 64.448C178.912 65.0773 178.053 65.8133 177.008 66.656H182.512V67.872H174.816V66.832Z" fill="#191A1B"/>
+</svg>

package/assets/readme-images/tk-input-number-focus.svg ADDED Viewed

@@ -0,0 +1,9 @@
+<svg width="640" height="106" viewBox="0 0 640 106" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 0.5H624C632.56 0.5 639.5 7.43959 639.5 16V90C639.5 98.5604 632.56 105.5 624 105.5H16C7.43959 105.5 0.5 98.5604 0.5 90V16C0.5 7.43959 7.43959 0.5 16 0.5Z" stroke="#CECDCD"/>
+<mask id="path-2-inside-1_954_216" fill="white">
+<path d="M170 24H470V82H170V24Z"/>
+</mask>
+<path d="M470 82V81H170V82V83H470V82Z" fill="#16006F" mask="url(#path-2-inside-1_954_216)"/>
+<path d="M170.516 32.812C170.516 31.996 170.7 31.264 171.068 30.616C171.436 29.96 171.936 29.448 172.568 29.08C173.208 28.712 173.916 28.528 174.692 28.528C175.604 28.528 176.4 28.748 177.08 29.188C177.76 29.628 178.256 30.252 178.568 31.06H177.26C177.028 30.556 176.692 30.168 176.252 29.896C175.82 29.624 175.3 29.488 174.692 29.488C174.108 29.488 173.584 29.624 173.12 29.896C172.656 30.168 172.292 30.556 172.028 31.06C171.764 31.556 171.632 32.14 171.632 32.812C171.632 33.476 171.764 34.06 172.028 34.564C172.292 35.06 172.656 35.444 173.12 35.716C173.584 35.988 174.108 36.124 174.692 36.124C175.3 36.124 175.82 35.992 176.252 35.728C176.692 35.456 177.028 35.068 177.26 34.564H178.568C178.256 35.364 177.76 35.984 177.08 36.424C176.4 36.856 175.604 37.072 174.692 37.072C173.916 37.072 173.208 36.892 172.568 36.532C171.936 36.164 171.436 35.656 171.068 35.008C170.7 34.36 170.516 33.628 170.516 32.812ZM179.786 33.688C179.786 33.016 179.922 32.428 180.194 31.924C180.466 31.412 180.838 31.016 181.31 30.736C181.79 30.456 182.322 30.316 182.906 30.316C183.482 30.316 183.982 30.44 184.406 30.688C184.83 30.936 185.146 31.248 185.354 31.624V30.424H186.458V37H185.354V35.776C185.138 36.16 184.814 36.48 184.382 36.736C183.958 36.984 183.462 37.108 182.894 37.108C182.31 37.108 181.782 36.964 181.31 36.676C180.838 36.388 180.466 35.984 180.194 35.464C179.922 34.944 179.786 34.352 179.786 33.688ZM185.354 33.7C185.354 33.204 185.254 32.772 185.054 32.404C184.854 32.036 184.582 31.756 184.238 31.564C183.902 31.364 183.53 31.264 183.122 31.264C182.714 31.264 182.342 31.36 182.006 31.552C181.67 31.744 181.402 32.024 181.202 32.392C181.002 32.76 180.902 33.192 180.902 33.688C180.902 34.192 181.002 34.632 181.202 35.008C181.402 35.376 181.67 35.66 182.006 35.86C182.342 36.052 182.714 36.148 183.122 36.148C183.53 36.148 183.902 36.052 184.238 35.86C184.582 35.66 184.854 35.376 185.054 35.008C185.254 34.632 185.354 34.196 185.354 33.7ZM191.507 30.304C192.307 30.304 192.955 30.548 193.451 31.036C193.947 31.516 194.195 32.212 194.195 33.124V37H193.115V33.28C193.115 32.624 192.951 32.124 192.623 31.78C192.295 31.428 191.847 31.252 191.279 31.252C190.703 31.252 190.243 31.432 189.899 31.792C189.563 32.152 189.395 32.676 189.395 33.364V37H188.303V30.424H189.395V31.36C189.611 31.024 189.903 30.764 190.271 30.58C190.647 30.396 191.059 30.304 191.507 30.304ZM197.311 31.324V35.2C197.311 35.52 197.379 35.748 197.515 35.884C197.651 36.012 197.887 36.076 198.223 36.076H199.027V37H198.043C197.435 37 196.979 36.86 196.675 36.58C196.371 36.3 196.219 35.84 196.219 35.2V31.324H195.367V30.424H196.219V28.768H197.311V30.424H199.027V31.324H197.311ZM200.914 29.356C200.706 29.356 200.53 29.284 200.386 29.14C200.242 28.996 200.17 28.82 200.17 28.612C200.17 28.404 200.242 28.228 200.386 28.084C200.53 27.94 200.706 27.868 200.914 27.868C201.114 27.868 201.282 27.94 201.418 28.084C201.562 28.228 201.634 28.404 201.634 28.612C201.634 28.82 201.562 28.996 201.418 29.14C201.282 29.284 201.114 29.356 200.914 29.356ZM201.442 30.424V37H200.35V30.424H201.442ZM202.895 33.688C202.895 33.016 203.031 32.428 203.303 31.924C203.575 31.412 203.947 31.016 204.419 30.736C204.899 30.456 205.435 30.316 206.027 30.316C206.539 30.316 207.015 30.436 207.455 30.676C207.895 30.908 208.231 31.216 208.463 31.6V28.12H209.567V37H208.463V35.764C208.247 36.156 207.927 36.48 207.503 36.736C207.079 36.984 206.583 37.108 206.015 37.108C205.431 37.108 204.899 36.964 204.419 36.676C203.947 36.388 203.575 35.984 203.303 35.464C203.031 34.944 202.895 34.352 202.895 33.688ZM208.463 33.7C208.463 33.204 208.363 32.772 208.163 32.404C207.963 32.036 207.691 31.756 207.347 31.564C207.011 31.364 206.639 31.264 206.231 31.264C205.823 31.264 205.451 31.36 205.115 31.552C204.779 31.744 204.511 32.024 204.311 32.392C204.111 32.76 204.011 33.192 204.011 33.688C204.011 34.192 204.111 34.632 204.311 35.008C204.511 35.376 204.779 35.66 205.115 35.86C205.451 36.052 205.823 36.148 206.231 36.148C206.639 36.148 207.011 36.052 207.347 35.86C207.691 35.66 207.963 35.376 208.163 35.008C208.363 34.632 208.463 34.196 208.463 33.7ZM211.004 33.688C211.004 33.016 211.14 32.428 211.412 31.924C211.684 31.412 212.056 31.016 212.528 30.736C213.008 30.456 213.54 30.316 214.124 30.316C214.7 30.316 215.2 30.44 215.624 30.688C216.048 30.936 216.364 31.248 216.572 31.624V30.424H217.676V37H216.572V35.776C216.356 36.16 216.032 36.48 215.6 36.736C215.176 36.984 214.68 37.108 214.112 37.108C213.528 37.108 213 36.964 212.528 36.676C212.056 36.388 211.684 35.984 211.412 35.464C211.14 34.944 211.004 34.352 211.004 33.688ZM216.572 33.7C216.572 33.204 216.472 32.772 216.272 32.404C216.072 32.036 215.8 31.756 215.456 31.564C215.12 31.364 214.748 31.264 214.34 31.264C213.932 31.264 213.56 31.36 213.224 31.552C212.888 31.744 212.62 32.024 212.42 32.392C212.22 32.76 212.12 33.192 212.12 33.688C212.12 34.192 212.22 34.632 212.42 35.008C212.62 35.376 212.888 35.66 213.224 35.86C213.56 36.052 213.932 36.148 214.34 36.148C214.748 36.148 215.12 36.052 215.456 35.86C215.8 35.66 216.072 35.376 216.272 35.008C216.472 34.632 216.572 34.196 216.572 33.7ZM219.114 33.688C219.114 33.016 219.25 32.428 219.522 31.924C219.794 31.412 220.166 31.016 220.638 30.736C221.118 30.456 221.654 30.316 222.246 30.316C222.758 30.316 223.234 30.436 223.674 30.676C224.114 30.908 224.45 31.216 224.682 31.6V28.12H225.786V37H224.682V35.764C224.466 36.156 224.146 36.48 223.722 36.736C223.298 36.984 222.802 37.108 222.234 37.108C221.65 37.108 221.118 36.964 220.638 36.676C220.166 36.388 219.794 35.984 219.522 35.464C219.25 34.944 219.114 34.352 219.114 33.688ZM224.682 33.7C224.682 33.204 224.582 32.772 224.382 32.404C224.182 32.036 223.91 31.756 223.566 31.564C223.23 31.364 222.858 31.264 222.45 31.264C222.042 31.264 221.67 31.36 221.334 31.552C220.998 31.744 220.73 32.024 220.53 32.392C220.33 32.76 220.23 33.192 220.23 33.688C220.23 34.192 220.33 34.632 220.53 35.008C220.73 35.376 220.998 35.66 221.334 35.86C221.67 36.052 222.042 36.148 222.45 36.148C222.858 36.148 223.23 36.052 223.566 35.86C223.91 35.66 224.182 35.376 224.382 35.008C224.582 34.632 224.682 34.196 224.682 33.7ZM230.422 33.688C230.422 33.016 230.558 32.428 230.83 31.924C231.102 31.412 231.474 31.016 231.946 30.736C232.426 30.456 232.962 30.316 233.554 30.316C234.066 30.316 234.542 30.436 234.982 30.676C235.422 30.908 235.758 31.216 235.99 31.6V28.12H237.094V37H235.99V35.764C235.774 36.156 235.454 36.48 235.03 36.736C234.606 36.984 234.11 37.108 233.542 37.108C232.958 37.108 232.426 36.964 231.946 36.676C231.474 36.388 231.102 35.984 230.83 35.464C230.558 34.944 230.422 34.352 230.422 33.688ZM235.99 33.7C235.99 33.204 235.89 32.772 235.69 32.404C235.49 32.036 235.218 31.756 234.874 31.564C234.538 31.364 234.166 31.264 233.758 31.264C233.35 31.264 232.978 31.36 232.642 31.552C232.306 31.744 232.038 32.024 231.838 32.392C231.638 32.76 231.538 33.192 231.538 33.688C231.538 34.192 231.638 34.632 231.838 35.008C232.038 35.376 232.306 35.66 232.642 35.86C232.978 36.052 233.35 36.148 233.758 36.148C234.166 36.148 234.538 36.052 234.874 35.86C235.218 35.66 235.49 35.376 235.69 35.008C235.89 34.632 235.99 34.196 235.99 33.7ZM244.94 33.46C244.94 33.668 244.928 33.888 244.904 34.12H239.648C239.688 34.768 239.908 35.276 240.308 35.644C240.716 36.004 241.208 36.184 241.784 36.184C242.256 36.184 242.648 36.076 242.96 35.86C243.28 35.636 243.504 35.34 243.632 34.972H244.808C244.632 35.604 244.28 36.12 243.752 36.52C243.224 36.912 242.568 37.108 241.784 37.108C241.16 37.108 240.6 36.968 240.104 36.688C239.616 36.408 239.232 36.012 238.952 35.5C238.672 34.98 238.532 34.38 238.532 33.7C238.532 33.02 238.668 32.424 238.94 31.912C239.212 31.4 239.592 31.008 240.08 30.736C240.576 30.456 241.144 30.316 241.784 30.316C242.408 30.316 242.96 30.452 243.44 30.724C243.92 30.996 244.288 31.372 244.544 31.852C244.808 32.324 244.94 32.86 244.94 33.46ZM243.812 33.232C243.812 32.816 243.72 32.46 243.536 32.164C243.352 31.86 243.1 31.632 242.78 31.48C242.468 31.32 242.12 31.24 241.736 31.24C241.184 31.24 240.712 31.416 240.32 31.768C239.936 32.12 239.716 32.608 239.66 33.232H243.812ZM250.672 31.636C250.888 31.26 251.208 30.948 251.632 30.7C252.064 30.444 252.564 30.316 253.132 30.316C253.716 30.316 254.244 30.456 254.716 30.736C255.196 31.016 255.572 31.412 255.844 31.924C256.116 32.428 256.252 33.016 256.252 33.688C256.252 34.352 256.116 34.944 255.844 35.464C255.572 35.984 255.196 36.388 254.716 36.676C254.244 36.964 253.716 37.108 253.132 37.108C252.572 37.108 252.076 36.984 251.644 36.736C251.22 36.48 250.896 36.164 250.672 35.788V40.12H249.58V30.424H250.672V31.636ZM255.136 33.688C255.136 33.192 255.036 32.76 254.836 32.392C254.636 32.024 254.364 31.744 254.02 31.552C253.684 31.36 253.312 31.264 252.904 31.264C252.504 31.264 252.132 31.364 251.788 31.564C251.452 31.756 251.18 32.04 250.972 32.416C250.772 32.784 250.672 33.212 250.672 33.7C250.672 34.196 250.772 34.632 250.972 35.008C251.18 35.376 251.452 35.66 251.788 35.86C252.132 36.052 252.504 36.148 252.904 36.148C253.312 36.148 253.684 36.052 254.02 35.86C254.364 35.66 254.636 35.376 254.836 35.008C255.036 34.632 255.136 34.192 255.136 33.688ZM257.282 33.688C257.282 33.016 257.418 32.428 257.69 31.924C257.962 31.412 258.334 31.016 258.806 30.736C259.286 30.456 259.818 30.316 260.402 30.316C260.978 30.316 261.478 30.44 261.902 30.688C262.326 30.936 262.642 31.248 262.85 31.624V30.424H263.954V37H262.85V35.776C262.634 36.16 262.31 36.48 261.878 36.736C261.454 36.984 260.958 37.108 260.39 37.108C259.806 37.108 259.278 36.964 258.806 36.676C258.334 36.388 257.962 35.984 257.69 35.464C257.418 34.944 257.282 34.352 257.282 33.688ZM262.85 33.7C262.85 33.204 262.75 32.772 262.55 32.404C262.35 32.036 262.078 31.756 261.734 31.564C261.398 31.364 261.026 31.264 260.618 31.264C260.21 31.264 259.838 31.36 259.502 31.552C259.166 31.744 258.898 32.024 258.698 32.392C258.498 32.76 258.398 33.192 258.398 33.688C258.398 34.192 258.498 34.632 258.698 35.008C258.898 35.376 259.166 35.66 259.502 35.86C259.838 36.052 260.21 36.148 260.618 36.148C261.026 36.148 261.398 36.052 261.734 35.86C262.078 35.66 262.35 35.376 262.55 35.008C262.75 34.632 262.85 34.196 262.85 33.7ZM269.003 30.304C269.803 30.304 270.451 30.548 270.947 31.036C271.443 31.516 271.691 32.212 271.691 33.124V37H270.611V33.28C270.611 32.624 270.447 32.124 270.119 31.78C269.791 31.428 269.343 31.252 268.775 31.252C268.199 31.252 267.739 31.432 267.395 31.792C267.059 32.152 266.891 32.676 266.891 33.364V37H265.799V30.424H266.891V31.36C267.107 31.024 267.399 30.764 267.767 30.58C268.143 30.396 268.555 30.304 269.003 30.304ZM274.807 31.324V35.2C274.807 35.52 274.875 35.748 275.011 35.884C275.147 36.012 275.383 36.076 275.719 36.076H276.523V37H275.539C274.931 37 274.475 36.86 274.171 36.58C273.867 36.3 273.715 35.84 273.715 35.2V31.324H272.863V30.424H273.715V28.768H274.807V30.424H276.523V31.324H274.807ZM277.438 33.688C277.438 33.016 277.574 32.428 277.846 31.924C278.118 31.412 278.49 31.016 278.962 30.736C279.442 30.456 279.974 30.316 280.558 30.316C281.134 30.316 281.634 30.44 282.058 30.688C282.482 30.936 282.798 31.248 283.006 31.624V30.424H284.11V37H283.006V35.776C282.79 36.16 282.466 36.48 282.034 36.736C281.61 36.984 281.114 37.108 280.546 37.108C279.962 37.108 279.434 36.964 278.962 36.676C278.49 36.388 278.118 35.984 277.846 35.464C277.574 34.944 277.438 34.352 277.438 33.688ZM283.006 33.7C283.006 33.204 282.906 32.772 282.706 32.404C282.506 32.036 282.234 31.756 281.89 31.564C281.554 31.364 281.182 31.264 280.774 31.264C280.366 31.264 279.994 31.36 279.658 31.552C279.322 31.744 279.054 32.024 278.854 32.392C278.654 32.76 278.554 33.192 278.554 33.688C278.554 34.192 278.654 34.632 278.854 35.008C279.054 35.376 279.322 35.66 279.658 35.86C279.994 36.052 280.366 36.148 280.774 36.148C281.182 36.148 281.554 36.052 281.89 35.86C282.234 35.66 282.506 35.376 282.706 35.008C282.906 34.632 283.006 34.196 283.006 33.7ZM287.047 28.12V37H285.955V28.12H287.047ZM290 28.12V37H288.908V28.12H290ZM291.454 33.688C291.454 33.016 291.59 32.428 291.862 31.924C292.134 31.412 292.506 31.016 292.978 30.736C293.458 30.456 293.99 30.316 294.574 30.316C295.15 30.316 295.65 30.44 296.074 30.688C296.498 30.936 296.814 31.248 297.022 31.624V30.424H298.126V37H297.022V35.776C296.806 36.16 296.482 36.48 296.05 36.736C295.626 36.984 295.13 37.108 294.562 37.108C293.978 37.108 293.45 36.964 292.978 36.676C292.506 36.388 292.134 35.984 291.862 35.464C291.59 34.944 291.454 34.352 291.454 33.688ZM297.022 33.7C297.022 33.204 296.922 32.772 296.722 32.404C296.522 32.036 296.25 31.756 295.906 31.564C295.57 31.364 295.198 31.264 294.79 31.264C294.382 31.264 294.01 31.36 293.674 31.552C293.338 31.744 293.07 32.024 292.87 32.392C292.67 32.76 292.57 33.192 292.57 33.688C292.57 34.192 292.67 34.632 292.87 35.008C293.07 35.376 293.338 35.66 293.674 35.86C294.01 36.052 294.382 36.148 294.79 36.148C295.198 36.148 295.57 36.052 295.906 35.86C296.25 35.66 296.522 35.376 296.722 35.008C296.922 34.632 297.022 34.196 297.022 33.7ZM302.299 37.108C301.795 37.108 301.343 37.024 300.943 36.856C300.543 36.68 300.227 36.44 299.995 36.136C299.763 35.824 299.635 35.468 299.611 35.068H300.739C300.771 35.396 300.923 35.664 301.195 35.872C301.475 36.08 301.839 36.184 302.287 36.184C302.703 36.184 303.031 36.092 303.271 35.908C303.511 35.724 303.631 35.492 303.631 35.212C303.631 34.924 303.503 34.712 303.247 34.576C302.991 34.432 302.595 34.292 302.059 34.156C301.571 34.028 301.171 33.9 300.859 33.772C300.555 33.636 300.291 33.44 300.067 33.184C299.851 32.92 299.743 32.576 299.743 32.152C299.743 31.816 299.843 31.508 300.043 31.228C300.243 30.948 300.527 30.728 300.895 30.568C301.263 30.4 301.683 30.316 302.155 30.316C302.883 30.316 303.471 30.5 303.919 30.868C304.367 31.236 304.607 31.74 304.639 32.38H303.547C303.523 32.036 303.383 31.76 303.127 31.552C302.879 31.344 302.543 31.24 302.119 31.24C301.727 31.24 301.415 31.324 301.183 31.492C300.951 31.66 300.835 31.88 300.835 32.152C300.835 32.368 300.903 32.548 301.039 32.692C301.183 32.828 301.359 32.94 301.567 33.028C301.783 33.108 302.079 33.2 302.455 33.304C302.927 33.432 303.311 33.56 303.607 33.688C303.903 33.808 304.155 33.992 304.363 34.24C304.579 34.488 304.691 34.812 304.699 35.212C304.699 35.572 304.599 35.896 304.399 36.184C304.199 36.472 303.915 36.7 303.547 36.868C303.187 37.028 302.771 37.108 302.299 37.108Z" fill="#140065"/>
+<path d="M174.816 66.832C176.171 65.744 177.232 64.8533 178 64.16C178.768 63.456 179.413 62.7253 179.936 61.968C180.469 61.2 180.736 60.448 180.736 59.712C180.736 59.0187 180.565 58.4747 180.224 58.08C179.893 57.6747 179.355 57.472 178.608 57.472C177.883 57.472 177.317 57.7013 176.912 58.16C176.517 58.608 176.304 59.2107 176.272 59.968H174.864C174.907 58.7733 175.269 57.8507 175.952 57.2C176.635 56.5493 177.515 56.224 178.592 56.224C179.691 56.224 180.56 56.528 181.2 57.136C181.851 57.744 182.176 58.5813 182.176 59.648C182.176 60.5333 181.909 61.3973 181.376 62.24C180.853 63.072 180.256 63.808 179.584 64.448C178.912 65.0773 178.053 65.8133 177.008 66.656H182.512V67.872H174.816V66.832Z" fill="#191A1B"/>
+</svg>

package/components/badge/index.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@tekus/design-system/components/badge" />
+export * from './public-api';

package/components/badge/public-api.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './src/badge.component';

package/components/badge/src/badge.component.d.ts ADDED Viewed

@@ -0,0 +1,34 @@
+import * as i0 from "@angular/core";
+export type BadgeSeverity = 'secondary' | 'primary' | 'contrast';
+/**
+ * @component BadgeComponent
+ * @description
+ * A component used to display numerical or textual badges.
+ * It wraps PrimeNG's `p-badge` component with custom styling and behavior.
+ *
+ * This component supports:
+ * - `value`: The text content to be displayed in the badge
+ * - `severity`: The color scheme of the badge. Options: `'primary' | 'secondary' | 'contrast'`
+ * - Automatically maps severity values to PrimeNG's badge styles
+ *
+ * @usage
+ * ### Basic Usage
+ * ```html
+ * <tk-badge value="5" severity="primary"></tk-badge>
+ * */
+export declare class BadgeComponent {
+    /** The text content to be displayed in the badge. */
+    value: import("@angular/core").InputSignal<string>;
+    /**
+     * The severity level of the badge, which determines its color and styling.
+     * @default 'primary'
+     */
+    severity: import("@angular/core").InputSignal<BadgeSeverity>;
+    /**
+     * Computed property that maps the custom `BadgeSeverity` to the underlying PrimeNG `severity`.
+     * Returns `undefined` for 'primary' as it uses the default style, and maps others accordingly.
+     */
+    primeSeverity: import("@angular/core").Signal<"secondary" | "contrast" | "success">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "tk-badge", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/input-number/index.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@tekus/design-system/components/input-number" />
+export * from './public-api';

package/components/input-number/public-api.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './src/input-number.component';

package/components/input-number/src/input-number.component.d.ts ADDED Viewed

@@ -0,0 +1,102 @@
+import { OnInit, OnDestroy } from '@angular/core';
+import { ControlValueAccessor, FormControl, NgControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class InputNumberComponent implements ControlValueAccessor, OnInit, OnDestroy {
+    readonly ngControl: NgControl | null;
+    constructor();
+    /**
+     * @property {ModelSignal<number | null>} value
+     * @description
+     * The value of the input. Supports two-way binding via signals.
+     */
+    value: import("@angular/core").ModelSignal<number | null>;
+    /**
+     * @property {InputSignal<FormControl>} control
+     * @description
+     * External FormControl used to read/set the input value.
+     * If not provided, an internal FormControl is created.
+     */
+    control: import("@angular/core").InputSignal<FormControl<any>>;
+    /**
+     * @property {InputSignal<string>} label
+     * @description
+     * Label displayed above the input.
+     */
+    label: import("@angular/core").InputSignal<string>;
+    /**
+     * @property {InputSignal<string>} id
+     * @description
+     * HTML id attribute for the input.
+     * @default 'tk-input-number'
+     */
+    id: import("@angular/core").InputSignal<string>;
+    /**
+     * @property {InputSignal<string>} errorMessage
+     * @description
+     * Message to display when the control is invalid and touched.
+     */
+    errorMessage: import("@angular/core").InputSignal<string>;
+    /**
+     * @property {InputSignal<boolean>} showButtons
+     * @description
+     * Whether to display spinner buttons.
+     * @default false
+     */
+    showButtons: import("@angular/core").InputSignal<boolean>;
+    /**
+     * @property {boolean} disabled
+     * @description
+     * Whether the input is disabled.
+     */
+    disabled: import("@angular/core").WritableSignal<boolean>;
+    get effectiveControl(): FormControl | null;
+    onChange: (value: number | null) => void;
+    onTouched: () => void;
+    private isWriting;
+    private readonly subscription;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * @method writeValue
+     * @description
+     * Writes a new value to the element.
+     * @param value The new value.
+     */
+    writeValue(value: number | null): void;
+    /**
+     * @method registerOnChange
+     * @description
+     * Registers a callback function that is called when the control's value changes in the UI.
+     * @param fn The callback function.
+     */
+    registerOnChange(fn: (value: number | null) => void): void;
+    /**
+     * @method registerOnTouched
+     * @description
+     * Registers a callback function that is called by the forms API on initialization to update the form model on blur.
+     * @param fn The callback function.
+     */
+    registerOnTouched(fn: () => void): void;
+    /**
+     * @method setDisabledState
+     * @description
+     * Function that is called by the forms API when the control status changes to or from 'DISABLED'.
+     * @param isDisabled The disabled status to set on the element.
+     */
+    setDisabledState(isDisabled: boolean): void;
+    /**
+     * @method onInput
+     * @description
+     * Handles input events to update the model and notify forms.
+     * @param value The new numeric value.
+     */
+    onInput(value: number | null): void;
+    /**
+     * @method onBlur
+     * @description
+     * Handles blur events to mark the control as touched.
+     */
+    onBlur(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputNumberComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputNumberComponent, "tk-input-number", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "showButtons": { "alias": "showButtons"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}

package/components/modal/src/modal.component.d.ts CHANGED Viewed

@@ -60,8 +60,14 @@ export declare class ModalComponent {
     isContentString: import("@angular/core").Signal<boolean>;
     /** Computed: whether the modal has footer buttons */
     hasFooter: import("@angular/core").Signal<boolean>;
-    /** Computed: calculates modal width based on `size` */
-    modalWidth: import("@angular/core").Signal<"67.5rem" | "35rem" | "98vw" | "25rem">;
+    /**
+     * Whether the modal should be responsive on mobile screens.
+     * If true, the modal width will adapt based on breakpoints.
+     * @default true
+     */
+    responsive: import("@angular/core").InputSignal<boolean>;
+    /** Computed: calculates modal max-width based on `size` */
+    modalMaxWidth: import("@angular/core").Signal<"67.5rem" | "35rem" | "98vw" | "25rem">;
     /** Whether the modal content has a scrollbar */
     hasScroll: boolean;
     /** Visibility flag */
@@ -89,5 +95,5 @@ export declare class ModalComponent {
      */
     handleAction(action: (() => void) | undefined, returnValue: unknown): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "tk-modal", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "footerButtons": { "alias": "footerButtons"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "tk-modal", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "footerButtons": { "alias": "footerButtons"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "closeOnOutsideClick": { "alias": "closeOnOutsideClick"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/fesm2022/tekus-design-system-components-badge.mjs ADDED Viewed

@@ -0,0 +1,57 @@
+import * as i0 from '@angular/core';
+import { input, computed, Component } from '@angular/core';
+import * as i1 from 'primeng/badge';
+import { BadgeModule } from 'primeng/badge';
+/**
+ * @component BadgeComponent
+ * @description
+ * A component used to display numerical or textual badges.
+ * It wraps PrimeNG's `p-badge` component with custom styling and behavior.
+ *
+ * This component supports:
+ * - `value`: The text content to be displayed in the badge
+ * - `severity`: The color scheme of the badge. Options: `'primary' | 'secondary' | 'contrast'`
+ * - Automatically maps severity values to PrimeNG's badge styles
+ *
+ * @usage
+ * ### Basic Usage
+ * ```html
+ * <tk-badge value="5" severity="primary"></tk-badge>
+ * */
+class BadgeComponent {
+    constructor() {
+        /** The text content to be displayed in the badge. */
+        this.value = input.required();
+        /**
+         * The severity level of the badge, which determines its color and styling.
+         * @default 'primary'
+         */
+        this.severity = input('primary');
+        /**
+         * Computed property that maps the custom `BadgeSeverity` to the underlying PrimeNG `severity`.
+         * Returns `undefined` for 'primary' as it uses the default style, and maps others accordingly.
+         */
+        this.primeSeverity = computed(() => {
+            const severityMap = {
+                secondary: 'secondary',
+                primary: 'success',
+                contrast: 'contrast',
+            };
+            return severityMap[this.severity()];
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.15", type: BadgeComponent, isStandalone: true, selector: "tk-badge", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<p-badge [value]=\"value()\" [severity]=\"primeSeverity()\" />\n", styles: [":host ::ng-deep .p-badge{font-weight:var(--tk-font-weight-400, 400);font-size:var(--tk-font-size-legal-s, .625rem);border-radius:var(--tk-borderRadius-full, 50%)}:host ::ng-deep .p-badge-success{background-color:var(--tk-color-base-primary-500);color:var(--tk-color-base-surface-0, #ffffff)}:host ::ng-deep .p-badge-secondary{background-color:var(--tk-color-base-surface-300, #d2d2d2);color:var(--tk-color-base-surface-600, #5d5d5e)}:host ::ng-deep .p-badge-contrast{background-color:var(--tk-color-base-surface-950, #191a1b);color:var(--tk-color-base-surface-0, #ffffff)}\n"], dependencies: [{ kind: "ngmodule", type: BadgeModule }, { kind: "component", type: i1.Badge, selector: "p-badge", inputs: ["styleClass", "style", "badgeSize", "size", "severity", "value", "badgeDisabled"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: BadgeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tk-badge', standalone: true, imports: [BadgeModule], template: "<p-badge [value]=\"value()\" [severity]=\"primeSeverity()\" />\n", styles: [":host ::ng-deep .p-badge{font-weight:var(--tk-font-weight-400, 400);font-size:var(--tk-font-size-legal-s, .625rem);border-radius:var(--tk-borderRadius-full, 50%)}:host ::ng-deep .p-badge-success{background-color:var(--tk-color-base-primary-500);color:var(--tk-color-base-surface-0, #ffffff)}:host ::ng-deep .p-badge-secondary{background-color:var(--tk-color-base-surface-300, #d2d2d2);color:var(--tk-color-base-surface-600, #5d5d5e)}:host ::ng-deep .p-badge-contrast{background-color:var(--tk-color-base-surface-950, #191a1b);color:var(--tk-color-base-surface-0, #ffffff)}\n"] }]
+        }] });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { BadgeComponent };
+//# sourceMappingURL=tekus-design-system-components-badge.mjs.map

package/fesm2022/tekus-design-system-components-badge.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tekus-design-system-components-badge.mjs","sources":["../../../projects/design-system/components/badge/src/badge.component.ts","../../../projects/design-system/components/badge/src/badge.component.html","../../../projects/design-system/components/badge/tekus-design-system-components-badge.ts"],"sourcesContent":["import { Component, computed, input } from '@angular/core';\nimport { BadgeModule } from 'primeng/badge';\n\nexport type BadgeSeverity = 'secondary' | 'primary' | 'contrast';\n/**\n * @component BadgeComponent\n * @description\n * A component used to display numerical or textual badges.\n * It wraps PrimeNG's `p-badge` component with custom styling and behavior.\n *\n * This component supports:\n * - `value`: The text content to be displayed in the badge\n * - `severity`: The color scheme of the badge. Options: `'primary' | 'secondary' | 'contrast'`\n * - Automatically maps severity values to PrimeNG's badge styles\n *\n * @usage\n * ### Basic Usage\n * ```html\n * <tk-badge value=\"5\" severity=\"primary\"></tk-badge>\n * */\n@Component({\n selector: 'tk-badge',\n standalone: true,\n imports: [BadgeModule],\n templateUrl: './badge.component.html',\n styleUrl: './badge.component.scss',\n})\nexport class BadgeComponent {\n /** The text content to be displayed in the badge. */\n value = input.required<string>();\n\n /**\n * The severity level of the badge, which determines its color and styling.\n * @default 'primary'\n */\n severity = input<BadgeSeverity>('primary');\n\n /**\n * Computed property that maps the custom `BadgeSeverity` to the underlying PrimeNG `severity`.\n * Returns `undefined` for 'primary' as it uses the default style, and maps others accordingly.\n */\n primeSeverity = computed((): 'success' | 'secondary' | 'contrast' => {\n const severityMap: Record<\n BadgeSeverity,\n 'success' | 'secondary' | 'contrast'\n > = {\n secondary: 'secondary',\n primary: 'success',\n contrast: 'contrast',\n };\n return severityMap[this.severity()];\n });\n}\n","<p-badge [value]=\"value()\" [severity]=\"primeSeverity()\" />\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAIA;;;;;;;;;;;;;;;AAeK;MAQQ,cAAc,CAAA;AAP3B,IAAA,WAAA,GAAA;;AASE,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,EAAU;AAEhC;;;AAGG;AACH,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAgB,SAAS,CAAC;AAE1C;;;AAGG;AACH,QAAA,IAAA,CAAA,aAAa,GAAG,QAAQ,CAAC,MAA2C;AAClE,YAAA,MAAM,WAAW,GAGb;AACF,gBAAA,SAAS,EAAE,WAAW;AACtB,gBAAA,OAAO,EAAE,SAAS;AAClB,gBAAA,QAAQ,EAAE,UAAU;aACrB;AACD,YAAA,OAAO,WAAW,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;AACrC,SAAC,CAAC;AACH;+GAzBY,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC3B3B,kEACA,EAAA,MAAA,EAAA,CAAA,gkBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDsBY,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,OAAA,EAAA,WAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,eAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAIV,cAAc,EAAA,UAAA,EAAA,CAAA;kBAP1B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EACR,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,WAAW,CAAC,EAAA,QAAA,EAAA,kEAAA,EAAA,MAAA,EAAA,CAAA,gkBAAA,CAAA,EAAA;;;AEvBxB;;AAEG;;;;"}

package/fesm2022/tekus-design-system-components-input-number.mjs ADDED Viewed

@@ -0,0 +1,171 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, model, input, signal, Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { NgControl, FormControl, ReactiveFormsModule, FormsModule } from '@angular/forms';
+import { Subscription } from 'rxjs';
+import * as i2 from 'primeng/floatlabel';
+import { FloatLabelModule } from 'primeng/floatlabel';
+import { InputNumber } from 'primeng/inputnumber';
+import { Message } from 'primeng/message';
+class InputNumberComponent {
+    constructor() {
+        this.ngControl = inject(NgControl, { self: true, optional: true });
+        /**
+         * @property {ModelSignal<number | null>} value
+         * @description
+         * The value of the input. Supports two-way binding via signals.
+         */
+        this.value = model(null);
+        /**
+         * @property {InputSignal<FormControl>} control
+         * @description
+         * External FormControl used to read/set the input value.
+         * If not provided, an internal FormControl is created.
+         */
+        this.control = input(new FormControl(null));
+        /**
+         * @property {InputSignal<string>} label
+         * @description
+         * Label displayed above the input.
+         */
+        this.label = input('');
+        /**
+         * @property {InputSignal<string>} id
+         * @description
+         * HTML id attribute for the input.
+         * @default 'tk-input-number'
+         */
+        this.id = input('tk-input-number');
+        /**
+         * @property {InputSignal<string>} errorMessage
+         * @description
+         * Message to display when the control is invalid and touched.
+         */
+        this.errorMessage = input('');
+        /**
+         * @property {InputSignal<boolean>} showButtons
+         * @description
+         * Whether to display spinner buttons.
+         * @default false
+         */
+        this.showButtons = input(false);
+        /**
+         * @property {boolean} disabled
+         * @description
+         * Whether the input is disabled.
+         */
+        this.disabled = signal(false);
+        this.onChange = () => { };
+        this.onTouched = () => { };
+        this.isWriting = false;
+        this.subscription = new Subscription();
+        if (this.ngControl) {
+            this.ngControl.valueAccessor = this;
+        }
+    }
+    get effectiveControl() {
+        return this.ngControl?.control || this.control();
+    }
+    ngOnInit() {
+        const control = this.effectiveControl;
+        if (control?.value !== null && control?.value !== undefined) {
+            this.value.set(control.value);
+        }
+        this.disabled.set(control?.disabled ?? false);
+        this.subscription.add(control?.valueChanges.subscribe(val => {
+            if (this.isWriting)
+                return;
+            if (val !== this.value()) {
+                this.value.set(val ?? null);
+                this.onChange(val);
+            }
+        }));
+        this.subscription.add(control?.statusChanges.subscribe(() => {
+            this.disabled.set(control?.disabled ?? false);
+        }));
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    /**
+     * @method writeValue
+     * @description
+     * Writes a new value to the element.
+     * @param value The new value.
+     */
+    writeValue(value) {
+        this.value.set(value ?? null);
+    }
+    /**
+     * @method registerOnChange
+     * @description
+     * Registers a callback function that is called when the control's value changes in the UI.
+     * @param fn The callback function.
+     */
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    /**
+     * @method registerOnTouched
+     * @description
+     * Registers a callback function that is called by the forms API on initialization to update the form model on blur.
+     * @param fn The callback function.
+     */
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    /**
+     * @method setDisabledState
+     * @description
+     * Function that is called by the forms API when the control status changes to or from 'DISABLED'.
+     * @param isDisabled The disabled status to set on the element.
+     */
+    setDisabledState(isDisabled) {
+        this.disabled.set(isDisabled);
+    }
+    /**
+     * @method onInput
+     * @description
+     * Handles input events to update the model and notify forms.
+     * @param value The new numeric value.
+     */
+    onInput(value) {
+        this.isWriting = true;
+        this.value.set(value);
+        this.onChange(value);
+        this.effectiveControl?.setValue(value);
+        this.effectiveControl?.markAsDirty();
+        this.isWriting = false;
+    }
+    /**
+     * @method onBlur
+     * @description
+     * Handles blur events to mark the control as touched.
+     */
+    onBlur() {
+        this.onTouched();
+        this.effectiveControl?.markAsTouched();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: InputNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: InputNumberComponent, isStandalone: true, selector: "tk-input-number", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, showButtons: { classPropertyName: "showButtons", publicName: "showButtons", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, ngImport: i0, template: "<p-floatlabel>\n  <div class=\"tk-input-wrapper\">\n    <p-inputnumber\n      [inputId]=\"id()\"\n      [ngModel]=\"value()\"\n      (ngModelChange)=\"onInput($event)\"\n      (onBlur)=\"onBlur()\"\n      [showButtons]=\"showButtons()\"\n      [disabled]=\"disabled()\"\n      mode=\"decimal\"\n      [useGrouping]=\"false\"\n      [class.ng-invalid]=\"effectiveControl?.invalid\"\n      [class.ng-dirty]=\"effectiveControl?.dirty\"\n      [class.ng-touched]=\"effectiveControl?.touched\" />\n\n    <label [for]=\"id()\">{{ label() }}</label>\n  </div>\n</p-floatlabel>\n\n<div class=\"tk-input-bottom\">\n  <div class=\"tk-input-messages\">\n    @if ((effectiveControl?.invalid && (effectiveControl?.dirty ||\n    effectiveControl?.touched)) && errorMessage()) {\n    <p-message severity=\"error\" size=\"small\" variant=\"simple\">{{\n      errorMessage()\n    }}</p-message>\n    }\n  </div>\n</div>\n", styles: [":host ::ng-deep .p-inputnumber-input{width:100%;flex:1;border:none;border-bottom:.0625rem solid var(--tk-color-base-surface-300, #d2d2d2);border-radius:0;padding:var(--tk-spacing-base-75, .75rem);padding-left:var(--tk-spacing-paddingX-xs, .25rem);color:var(--tk-color-base-surface-950, #191a1b);background-color:transparent}:host ::ng-deep .p-inputnumber-input:focus{border-color:var(--tk-color-base-primary-600, #140065);box-shadow:none}:host ::ng-deep .p-inputnumber-input.ng-invalid.ng-dirty,:host ::ng-deep .p-inputnumber-input.ng-invalid.ng-touched{border-color:var(--tk-color-base-red-700, #cf2604)}:host ::ng-deep .p-inputnumber-input:disabled{background-color:var(--tk-color-base-surface-200, #e4e4e4);color:var(--tk-color-base-surface-500, #8a8a8b);opacity:1}:host ::ng-deep .p-inputnumber{display:flex}:host ::ng-deep .p-floatlabel label{color:var(--tk-color-base-surface-500, #8a8a8b);font-weight:var(--tk-font-weight-400, 400);left:var(--tk-spacing-base-25, .25rem);transition-duration:.2s}:host ::ng-deep .p-floatlabel:has(input:disabled) label{display:none}:host ::ng-deep .p-floatlabel:has(.p-inputwrapper-filled) label,:host ::ng-deep .p-floatlabel:has(input.p-filled) label{top:-.75rem;color:var(--tk-color-base-surface-950, #191a1b)}:host ::ng-deep .p-floatlabel:has(input:focus) label{top:-.75rem;color:var(--tk-color-base-primary-600, #140065)}:host ::ng-deep .p-floatlabel:has(input.has-icon) label{left:var(--tk-spacing-base-200, 2rem)}:host ::ng-deep .p-floatlabel:has(.p-inputnumber-input.ng-invalid.ng-dirty) label,:host ::ng-deep .p-floatlabel:has(.p-inputnumber-input.ng-invalid.ng-touched) label{color:var(--tk-color-base-red-700, #cf2604)}:host ::ng-deep .tk-input-wrapper{position:relative}:host ::ng-deep p-message[severity=error] .p-inline-message-text,:host ::ng-deep p-message[severity=error] span{color:var(--tk-color-base-red-700, #cf2604)}:host ::ng-deep .tk-input-bottom{display:flex;justify-content:space-between;align-items:flex-start;margin-top:var(--tk-spacing-base-25, .25rem);min-height:var(--tk-spacing-base-125, 1.25rem)}:host ::ng-deep .tk-input-messages{flex:1;margin-right:var(--tk-spacing-base-100, 1rem)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled", "fluid"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i2.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: InputNumberComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tk-input-number', standalone: true, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        FormsModule,
+                        InputNumber,
+                        FloatLabelModule,
+                        Message,
+                    ], template: "<p-floatlabel>\n  <div class=\"tk-input-wrapper\">\n    <p-inputnumber\n      [inputId]=\"id()\"\n      [ngModel]=\"value()\"\n      (ngModelChange)=\"onInput($event)\"\n      (onBlur)=\"onBlur()\"\n      [showButtons]=\"showButtons()\"\n      [disabled]=\"disabled()\"\n      mode=\"decimal\"\n      [useGrouping]=\"false\"\n      [class.ng-invalid]=\"effectiveControl?.invalid\"\n      [class.ng-dirty]=\"effectiveControl?.dirty\"\n      [class.ng-touched]=\"effectiveControl?.touched\" />\n\n    <label [for]=\"id()\">{{ label() }}</label>\n  </div>\n</p-floatlabel>\n\n<div class=\"tk-input-bottom\">\n  <div class=\"tk-input-messages\">\n    @if ((effectiveControl?.invalid && (effectiveControl?.dirty ||\n    effectiveControl?.touched)) && errorMessage()) {\n    <p-message severity=\"error\" size=\"small\" variant=\"simple\">{{\n      errorMessage()\n    }}</p-message>\n    }\n  </div>\n</div>\n", styles: [":host ::ng-deep .p-inputnumber-input{width:100%;flex:1;border:none;border-bottom:.0625rem solid var(--tk-color-base-surface-300, #d2d2d2);border-radius:0;padding:var(--tk-spacing-base-75, .75rem);padding-left:var(--tk-spacing-paddingX-xs, .25rem);color:var(--tk-color-base-surface-950, #191a1b);background-color:transparent}:host ::ng-deep .p-inputnumber-input:focus{border-color:var(--tk-color-base-primary-600, #140065);box-shadow:none}:host ::ng-deep .p-inputnumber-input.ng-invalid.ng-dirty,:host ::ng-deep .p-inputnumber-input.ng-invalid.ng-touched{border-color:var(--tk-color-base-red-700, #cf2604)}:host ::ng-deep .p-inputnumber-input:disabled{background-color:var(--tk-color-base-surface-200, #e4e4e4);color:var(--tk-color-base-surface-500, #8a8a8b);opacity:1}:host ::ng-deep .p-inputnumber{display:flex}:host ::ng-deep .p-floatlabel label{color:var(--tk-color-base-surface-500, #8a8a8b);font-weight:var(--tk-font-weight-400, 400);left:var(--tk-spacing-base-25, .25rem);transition-duration:.2s}:host ::ng-deep .p-floatlabel:has(input:disabled) label{display:none}:host ::ng-deep .p-floatlabel:has(.p-inputwrapper-filled) label,:host ::ng-deep .p-floatlabel:has(input.p-filled) label{top:-.75rem;color:var(--tk-color-base-surface-950, #191a1b)}:host ::ng-deep .p-floatlabel:has(input:focus) label{top:-.75rem;color:var(--tk-color-base-primary-600, #140065)}:host ::ng-deep .p-floatlabel:has(input.has-icon) label{left:var(--tk-spacing-base-200, 2rem)}:host ::ng-deep .p-floatlabel:has(.p-inputnumber-input.ng-invalid.ng-dirty) label,:host ::ng-deep .p-floatlabel:has(.p-inputnumber-input.ng-invalid.ng-touched) label{color:var(--tk-color-base-red-700, #cf2604)}:host ::ng-deep .tk-input-wrapper{position:relative}:host ::ng-deep p-message[severity=error] .p-inline-message-text,:host ::ng-deep p-message[severity=error] span{color:var(--tk-color-base-red-700, #cf2604)}:host ::ng-deep .tk-input-bottom{display:flex;justify-content:space-between;align-items:flex-start;margin-top:var(--tk-spacing-base-25, .25rem);min-height:var(--tk-spacing-base-125, 1.25rem)}:host ::ng-deep .tk-input-messages{flex:1;margin-right:var(--tk-spacing-base-100, 1rem)}\n"] }]
+        }], ctorParameters: () => [] });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { InputNumberComponent };
+//# sourceMappingURL=tekus-design-system-components-input-number.mjs.map

package/fesm2022/tekus-design-system-components-input-number.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"tekus-design-system-components-input-number.mjs","sources":["../../../projects/design-system/components/input-number/src/input-number.component.ts","../../../projects/design-system/components/input-number/src/input-number.component.html","../../../projects/design-system/components/input-number/tekus-design-system-components-input-number.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n Component,\n input,\n model,\n signal,\n OnInit,\n inject,\n OnDestroy,\n} from '@angular/core';\nimport {\n ControlValueAccessor,\n FormControl,\n ReactiveFormsModule,\n NgControl,\n FormsModule,\n} from '@angular/forms';\nimport { Subscription } from 'rxjs';\nimport { FloatLabelModule } from 'primeng/floatlabel';\nimport { InputNumber } from 'primeng/inputnumber';\nimport { Message } from 'primeng/message';\n\n@Component({\n selector: 'tk-input-number',\n standalone: true,\n imports: [\n CommonModule,\n ReactiveFormsModule,\n FormsModule,\n InputNumber,\n FloatLabelModule,\n Message,\n ],\n templateUrl: './input-number.component.html',\n styleUrl: './input-number.component.scss',\n})\nexport class InputNumberComponent\n implements ControlValueAccessor, OnInit, OnDestroy\n{\n readonly ngControl = inject(NgControl, { self: true, optional: true });\n\n constructor() {\n if (this.ngControl) {\n this.ngControl.valueAccessor = this;\n }\n }\n\n /**\n * @property {ModelSignal<number | null>} value\n * @description\n * The value of the input. Supports two-way binding via signals.\n */\n value = model<number | null>(null);\n\n /**\n * @property {InputSignal<FormControl>} control\n * @description\n * External FormControl used to read/set the input value.\n * If not provided, an internal FormControl is created.\n */\n control = input<FormControl>(new FormControl(null));\n\n /**\n * @property {InputSignal<string>} label\n * @description\n * Label displayed above the input.\n */\n label = input<string>('');\n\n /**\n * @property {InputSignal<string>} id\n * @description\n * HTML id attribute for the input.\n * @default 'tk-input-number'\n */\n id = input<string>('tk-input-number');\n\n /**\n * @property {InputSignal<string>} errorMessage\n * @description\n * Message to display when the control is invalid and touched.\n */\n errorMessage = input<string>('');\n\n /**\n * @property {InputSignal<boolean>} showButtons\n * @description\n * Whether to display spinner buttons.\n * @default false\n */\n showButtons = input<boolean>(false);\n\n /**\n * @property {boolean} disabled\n * @description\n * Whether the input is disabled.\n */\n disabled = signal<boolean>(false);\n\n get effectiveControl(): FormControl | null {\n return (this.ngControl?.control as FormControl) || this.control();\n }\n\n onChange: (value: number | null) => void = () => {};\n onTouched: () => void = () => {};\n private isWriting = false;\n private readonly subscription = new Subscription();\n\n ngOnInit(): void {\n const control = this.effectiveControl;\n if (control?.value !== null && control?.value !== undefined) {\n this.value.set(control.value);\n }\n\n this.disabled.set(control?.disabled ?? false);\n this.subscription.add(\n control?.valueChanges.subscribe(val => {\n if (this.isWriting) return;\n if (val !== this.value()) {\n this.value.set(val ?? null);\n this.onChange(val);\n }\n })\n );\n\n this.subscription.add(\n control?.statusChanges.subscribe(() => {\n this.disabled.set(control?.disabled ?? false);\n })\n );\n }\n\n ngOnDestroy(): void {\n this.subscription.unsubscribe();\n }\n\n /**\n * @method writeValue\n * @description\n * Writes a new value to the element.\n * @param value The new value.\n */\n writeValue(value: number | null): void {\n this.value.set(value ?? null);\n }\n\n /**\n * @method registerOnChange\n * @description\n * Registers a callback function that is called when the control's value changes in the UI.\n * @param fn The callback function.\n */\n registerOnChange(fn: (value: number | null) => void): void {\n this.onChange = fn;\n }\n\n /**\n * @method registerOnTouched\n * @description\n * Registers a callback function that is called by the forms API on initialization to update the form model on blur.\n * @param fn The callback function.\n */\n registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n\n /**\n * @method setDisabledState\n * @description\n * Function that is called by the forms API when the control status changes to or from 'DISABLED'.\n * @param isDisabled The disabled status to set on the element.\n */\n setDisabledState(isDisabled: boolean): void {\n this.disabled.set(isDisabled);\n }\n\n /**\n * @method onInput\n * @description\n * Handles input events to update the model and notify forms.\n * @param value The new numeric value.\n */\n onInput(value: number | null): void {\n this.isWriting = true;\n this.value.set(value);\n this.onChange(value);\n this.effectiveControl?.setValue(value);\n this.effectiveControl?.markAsDirty();\n this.isWriting = false;\n }\n\n /**\n * @method onBlur\n * @description\n * Handles blur events to mark the control as touched.\n */\n onBlur(): void {\n this.onTouched();\n this.effectiveControl?.markAsTouched();\n }\n}\n","<p-floatlabel>\n <div class=\"tk-input-wrapper\">\n <p-inputnumber\n [inputId]=\"id()\"\n [ngModel]=\"value()\"\n (ngModelChange)=\"onInput($event)\"\n (onBlur)=\"onBlur()\"\n [showButtons]=\"showButtons()\"\n [disabled]=\"disabled()\"\n mode=\"decimal\"\n [useGrouping]=\"false\"\n [class.ng-invalid]=\"effectiveControl?.invalid\"\n [class.ng-dirty]=\"effectiveControl?.dirty\"\n [class.ng-touched]=\"effectiveControl?.touched\" />\n\n <label [for]=\"id()\">{{ label() }}</label>\n </div>\n</p-floatlabel>\n\n<div class=\"tk-input-bottom\">\n <div class=\"tk-input-messages\">\n @if ((effectiveControl?.invalid && (effectiveControl?.dirty ||\n effectiveControl?.touched)) && errorMessage()) {\n <p-message severity=\"error\" size=\"small\" variant=\"simple\">{{\n errorMessage()\n }}</p-message>\n }\n </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/tekus-design-system-components-modal.mjs CHANGED Viewed

@@ -66,8 +66,14 @@ class ModalComponent {
         this.isContentString = computed(() => typeof this.content() === 'string');
         /** Computed: whether the modal has footer buttons */
         this.hasFooter = computed(() => (this.footerButtons() ?? []).length > 0);
-        /** Computed: calculates modal width based on `size` */
-        this.modalWidth = computed(() => {
+        /**
+         * Whether the modal should be responsive on mobile screens.
+         * If true, the modal width will adapt based on breakpoints.
+         * @default true
+         */
+        this.responsive = input(true);
+        /** Computed: calculates modal max-width based on `size` */
+        this.modalMaxWidth = computed(() => {
             switch (this.size()) {
                 case 'large':
                     return '67.5rem'; // Large
@@ -133,11 +139,11 @@ class ModalComponent {
         this.isOpened = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ModalComponent, isStandalone: true, selector: "tk-modal", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, footerButtons: { classPropertyName: "footerButtons", publicName: "footerButtons", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, closeOnOutsideClick: { classPropertyName: "closeOnOutsideClick", publicName: "closeOnOutsideClick", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<p-dialog\n  [modal]=\"true\"\n  [(visible)]=\"isOpened\"\n  [closable]=\"closable()\"\n  [dismissableMask]=\"closeOnOutsideClick()\"\n  [draggable]=\"false\"\n  [focusOnShow]=\"false\"\n  [header]=\"title()\"\n  [style]=\"{ width: modalWidth() }\"\n  (onHide)=\"handleClose()\"\n  (onShow)=\"checkScroll()\"\n  class=\"tk-modal\"\n>\n  <section class=\"tk-modal__content\">\n    @if (content()) {\n      @if (isContentString()) {\n        <p [innerHTML]=\"content()\" ></p>\n      } @else {\n        <ng-container *ngComponentOutlet=\"$any(content())\"></ng-container>\n      }\n    }\n  </section>\n\n <ng-template pTemplate=\"footer\">\n    @if (hasFooter()) {\n      <section class=\"tk-modal__footer\" [class.tk-modal__footer--with-content]=\"hasScroll\">\n        @for (btn of footerButtons()!; track $index) {\n          <tk-button\n            [label]=\"btn.label\"\n            [severity]=\"btn.severity\"\n            [variant]=\"btn.variant\"\n            (clicked)=\"handleAction(btn.action, btn.returnValue)\"\n            (keydown.enter)=\"handleAction(btn.action, btn.returnValue)\"\n            (keydown.space)=\"handleAction(btn.action, btn.returnValue)\"\n          />\n        }\n      </section>\n    }\n  </ng-template>\n</p-dialog>", styles: [":host ::ng-deep .p-dialog{max-height:90vh;display:flex;flex-direction:column}:host ::ng-deep .p-dialog-content{overflow-y:auto}:host ::ng-deep .p-dialog-title{color:var(--tk-color-text-default, #212121)}:host ::ng-deep .p-dialog-close-button{color:var(--tk-surface-500, #8a8a8b)}:host ::ng-deep .p-dialog-close-button:hover{background:var(--tk-color-base-surface-100, #f0f0f0)!important;color:var(--tk-surface-500, #8a8a8b)}.tk-modal__content{padding-bottom:var(--tk-spacing-paddingY-l, 1.25rem);color:var(--tk-surface-1000, #000000)}.tk-modal__footer{display:flex;flex-direction:row;justify-content:end;align-items:center;gap:var(--tk-spacing-base-50, .5rem)}.tk-modal__footer--with-content{padding-right:var(--tk-spacing-paddingX-l, 1.25rem)}\n"], dependencies: [{ kind: "ngmodule", type: DialogModule }, { kind: "component", type: i1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: ButtonComponent, selector: "tk-button", inputs: ["label", "disabled", "type", "severity", "variant", "link", "icon", "tooltipText"], outputs: ["clicked"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: ModalComponent, isStandalone: true, selector: "tk-modal", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, footerButtons: { classPropertyName: "footerButtons", publicName: "footerButtons", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, closeOnOutsideClick: { classPropertyName: "closeOnOutsideClick", publicName: "closeOnOutsideClick", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<p-dialog\n  [modal]=\"true\"\n  [(visible)]=\"isOpened\"\n  [closable]=\"closable()\"\n  [dismissableMask]=\"closeOnOutsideClick()\"\n  [draggable]=\"false\"\n  [focusOnShow]=\"false\"\n  [header]=\"title()\"\n  [style]=\"{ 'max-width': modalMaxWidth(), width: 'calc(100% - var(--tk-spacing-base-200))' }\"\n  (onHide)=\"handleClose()\"\n  (onShow)=\"checkScroll()\"\n  class=\"tk-modal\"\n>\n  <section class=\"tk-modal__content\">\n    @if (content()) {\n      @if (isContentString()) {\n        <p [innerHTML]=\"content()\" ></p>\n      } @else {\n        <ng-container *ngComponentOutlet=\"$any(content())\"></ng-container>\n      }\n    }\n  </section>\n\n <ng-template pTemplate=\"footer\">\n    @if (hasFooter()) {\n      <section class=\"tk-modal__footer\" [class.tk-modal__footer--with-content]=\"hasScroll\">\n        @for (btn of footerButtons()!; track $index) {\n          <tk-button\n            [label]=\"btn.label\"\n            [severity]=\"btn.severity\"\n            [variant]=\"btn.variant\"\n            (clicked)=\"handleAction(btn.action, btn.returnValue)\"\n            (keydown.enter)=\"handleAction(btn.action, btn.returnValue)\"\n            (keydown.space)=\"handleAction(btn.action, btn.returnValue)\"\n          />\n        }\n      </section>\n    }\n  </ng-template>\n</p-dialog>\n", styles: [":host ::ng-deep .p-dialog{max-height:90vh;display:flex;flex-direction:column}:host ::ng-deep .p-dialog-content{overflow-y:auto}:host ::ng-deep .p-dialog-title{color:var(--tk-color-text-default, #212121)}:host ::ng-deep .p-dialog-close-button{color:var(--tk-surface-500, #8a8a8b)}:host ::ng-deep .p-dialog-close-button:hover{background:var(--tk-color-base-surface-100, #f0f0f0)!important;color:var(--tk-surface-500, #8a8a8b)}.tk-modal__content{padding-bottom:var(--tk-spacing-paddingY-l, 1.25rem);color:var(--tk-surface-1000, #000000)}.tk-modal__footer{display:flex;flex-direction:row;justify-content:end;align-items:center;gap:var(--tk-spacing-base-50, .5rem)}.tk-modal__footer--with-content{padding-right:var(--tk-spacing-paddingX-l, 1.25rem)}\n"], dependencies: [{ kind: "ngmodule", type: DialogModule }, { kind: "component", type: i1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: ButtonComponent, selector: "tk-button", inputs: ["label", "disabled", "type", "severity", "variant", "link", "icon", "tooltipText"], outputs: ["clicked"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: ModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tk-modal', standalone: true, imports: [DialogModule, ButtonComponent, NgComponentOutlet], template: "<p-dialog\n  [modal]=\"true\"\n  [(visible)]=\"isOpened\"\n  [closable]=\"closable()\"\n  [dismissableMask]=\"closeOnOutsideClick()\"\n  [draggable]=\"false\"\n  [focusOnShow]=\"false\"\n  [header]=\"title()\"\n  [style]=\"{ width: modalWidth() }\"\n  (onHide)=\"handleClose()\"\n  (onShow)=\"checkScroll()\"\n  class=\"tk-modal\"\n>\n  <section class=\"tk-modal__content\">\n    @if (content()) {\n      @if (isContentString()) {\n        <p [innerHTML]=\"content()\" ></p>\n      } @else {\n        <ng-container *ngComponentOutlet=\"$any(content())\"></ng-container>\n      }\n    }\n  </section>\n\n <ng-template pTemplate=\"footer\">\n    @if (hasFooter()) {\n      <section class=\"tk-modal__footer\" [class.tk-modal__footer--with-content]=\"hasScroll\">\n        @for (btn of footerButtons()!; track $index) {\n          <tk-button\n            [label]=\"btn.label\"\n            [severity]=\"btn.severity\"\n            [variant]=\"btn.variant\"\n            (clicked)=\"handleAction(btn.action, btn.returnValue)\"\n            (keydown.enter)=\"handleAction(btn.action, btn.returnValue)\"\n            (keydown.space)=\"handleAction(btn.action, btn.returnValue)\"\n          />\n        }\n      </section>\n    }\n  </ng-template>\n</p-dialog>", styles: [":host ::ng-deep .p-dialog{max-height:90vh;display:flex;flex-direction:column}:host ::ng-deep .p-dialog-content{overflow-y:auto}:host ::ng-deep .p-dialog-title{color:var(--tk-color-text-default, #212121)}:host ::ng-deep .p-dialog-close-button{color:var(--tk-surface-500, #8a8a8b)}:host ::ng-deep .p-dialog-close-button:hover{background:var(--tk-color-base-surface-100, #f0f0f0)!important;color:var(--tk-surface-500, #8a8a8b)}.tk-modal__content{padding-bottom:var(--tk-spacing-paddingY-l, 1.25rem);color:var(--tk-surface-1000, #000000)}.tk-modal__footer{display:flex;flex-direction:row;justify-content:end;align-items:center;gap:var(--tk-spacing-base-50, .5rem)}.tk-modal__footer--with-content{padding-right:var(--tk-spacing-paddingX-l, 1.25rem)}\n"] }]
+            args: [{ selector: 'tk-modal', standalone: true, imports: [DialogModule, ButtonComponent, NgComponentOutlet], template: "<p-dialog\n  [modal]=\"true\"\n  [(visible)]=\"isOpened\"\n  [closable]=\"closable()\"\n  [dismissableMask]=\"closeOnOutsideClick()\"\n  [draggable]=\"false\"\n  [focusOnShow]=\"false\"\n  [header]=\"title()\"\n  [style]=\"{ 'max-width': modalMaxWidth(), width: 'calc(100% - var(--tk-spacing-base-200))' }\"\n  (onHide)=\"handleClose()\"\n  (onShow)=\"checkScroll()\"\n  class=\"tk-modal\"\n>\n  <section class=\"tk-modal__content\">\n    @if (content()) {\n      @if (isContentString()) {\n        <p [innerHTML]=\"content()\" ></p>\n      } @else {\n        <ng-container *ngComponentOutlet=\"$any(content())\"></ng-container>\n      }\n    }\n  </section>\n\n <ng-template pTemplate=\"footer\">\n    @if (hasFooter()) {\n      <section class=\"tk-modal__footer\" [class.tk-modal__footer--with-content]=\"hasScroll\">\n        @for (btn of footerButtons()!; track $index) {\n          <tk-button\n            [label]=\"btn.label\"\n            [severity]=\"btn.severity\"\n            [variant]=\"btn.variant\"\n            (clicked)=\"handleAction(btn.action, btn.returnValue)\"\n            (keydown.enter)=\"handleAction(btn.action, btn.returnValue)\"\n            (keydown.space)=\"handleAction(btn.action, btn.returnValue)\"\n          />\n        }\n      </section>\n    }\n  </ng-template>\n</p-dialog>\n", styles: [":host ::ng-deep .p-dialog{max-height:90vh;display:flex;flex-direction:column}:host ::ng-deep .p-dialog-content{overflow-y:auto}:host ::ng-deep .p-dialog-title{color:var(--tk-color-text-default, #212121)}:host ::ng-deep .p-dialog-close-button{color:var(--tk-surface-500, #8a8a8b)}:host ::ng-deep .p-dialog-close-button:hover{background:var(--tk-color-base-surface-100, #f0f0f0)!important;color:var(--tk-surface-500, #8a8a8b)}.tk-modal__content{padding-bottom:var(--tk-spacing-paddingY-l, 1.25rem);color:var(--tk-surface-1000, #000000)}.tk-modal__footer{display:flex;flex-direction:row;justify-content:end;align-items:center;gap:var(--tk-spacing-base-50, .5rem)}.tk-modal__footer--with-content{padding-right:var(--tk-spacing-paddingX-l, 1.25rem)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }] });
 class ModalService {

package/fesm2022/tekus-design-system-components-modal.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tekus-design-system-components-modal.mjs","sources":["../../../projects/design-system/components/modal/src/modal.component.ts","../../../projects/design-system/components/modal/src/modal.component.html","../../../projects/design-system/components/modal/src/services/modal.service.ts","../../../projects/design-system/components/modal/tekus-design-system-components-modal.ts"],"sourcesContent":["import { Component, computed, input, EventEmitter, Type, ElementRef } from '@angular/core';\nimport { NgComponentOutlet } from '@angular/common';\nimport { ButtonComponent } from '@tekus/design-system/components/button';\nimport { DialogModule } from 'primeng/dialog';\nimport { ModalFooterButton, ModalSizeType } from './modal.types';\n\n/*\n @component ModalComponent\n * @description\n * A programmatically controlled modal dialog used for displaying dynamic content, titles, and footer actions.\n * The modal is not instantiated via template bindings, but rather opened through a service with a configuration object.\n \n This component supports:\n * - Configurable title and content.\n * - Optional footer buttons with callbacks and return values.\n * - Multiple sizes: `'small' \| 'large' \| 'full'`.\n * - Closable modal and outside-click behavior.\n * - Passing arbitrary data to the modal instance.\n \n @usage\n * ### Open a modal from TypeScript using the modal service\n * ```ts\n * this.modalService.open({\n * title: 'Demo Modal',\n * content: 'This modal is opened from TypeScript using the service.',\n * footerButtons: [\n * {\n * label: 'Accept',\n * severity: 'secondary',\n * action: () => console.log('Accept clicked'),\n * returnValue: true,\n * },\n * {\n * label: 'Cancel',\n * severity: 'danger',\n * action: () => console.log('Cancel clicked'),\n * returnValue: false,\n * },\n * ],\n * size: 'small',\n * closable: true,\n * closeOnOutsideClick: false,\n * }).subscribe((result) => {\n * console.log('Modal closed with value:', result);\n * });\n * ```\n /\n\n@Component({\n selector: 'tk-modal',\n standalone: true,\n imports: [DialogModule, ButtonComponent, NgComponentOutlet],\n templateUrl: './modal.component.html',\n styleUrls: ['./modal.component.scss']\n})\nexport class ModalComponent {\n\n constructor(private readonly elementRef: ElementRef) {}\n\n /* The title displayed at the top of the modal /\n title = input<string>('');\n /* The main content of the modal /\n content = input<string \| Type<unknown> \| null>(null);\n /* Array of footer buttons with label, callback, and return value /\n footerButtons = input<ModalFooterButton[]>([]);\n /* Modal size: 'small', 'large', or 'full' /\n size = input<ModalSizeType>('small');\n /* Whether the modal can be closed by the user /\n closable = input<boolean>(true);\n /* Whether clicking outside closes the modal /\n closeOnOutsideClick = input<boolean>(false);\n isContentString = computed(() => typeof this.content() === 'string');\n /* Computed: whether the modal has footer buttons /\n hasFooter = computed(() => (this.footerButtons() ?? []).length > 0);\n /* Computed: calculates modal width based on `size` /\n modalWidth = computed(() => {\n switch (this.size()) {\n case 'large':\n return '67.5rem'; // Large\n case 'medium':\n return '35rem'; // Medium\n case 'full':\n return '98vw'; // Full\n default:\n return '25rem'; // Small\n }\n});\n /* Whether the modal content has a scrollbar /\n hasScroll = false;\n\n /* Visibility flag /\n isOpened: boolean = false;\n\n /* Emits when the modal closes, passing the return value from footer buttons or null /\n readonly onClose = new EventEmitter<unknown>();\n private alreadyEmitted = false;\n private returnValueOnClose: unknown = null;\n\n /* Opens the modal /\n open() {\n this.isOpened = true;\n this.alreadyEmitted = false;\n this.returnValueOnClose = null;\n }\n\n /\n Checks if the modal content has a scrollbar and updates `hasScroll` state.\n * This is called when the modal is shown.\n /\n checkScroll() {\n const contentEl = this.elementRef.nativeElement.querySelector('.p-dialog-content');\n if (contentEl) {\n this.hasScroll = contentEl.scrollHeight > contentEl.clientHeight;\n }\n }\n\n /* Closes the modal and emits onClose with null /\n handleClose() {\n if (!this.alreadyEmitted) {\n this.onClose.emit(null);\n } else {\n this.onClose.emit(this.returnValueOnClose);\n }\n this.alreadyEmitted = false;\n this.returnValueOnClose = null;\n }\n\n /* Closes the modal without emitting an event /\n close() {\n this.isOpened = false;\n }\n\n /\n Handles footer button actions.\n * Executes the action callback, emits `onClose` with the provided returnValue, then closes the modal.\n * @param action Callback to execute when the button is clicked\n * @param returnValue Value emitted on modal close\n /\n handleAction(action: (() => void) \| undefined, returnValue: unknown) {\n if (action) action();\n this.alreadyEmitted = true;\n this.returnValueOnClose = returnValue;\n this.isOpened = false;\n }\n}\n","<p-dialog\n [modal]=\"true\"\n [(visible)]=\"isOpened\"\n [closable]=\"closable()\"\n [dismissableMask]=\"closeOnOutsideClick()\"\n [draggable]=\"false\"\n [focusOnShow]=\"false\"\n [header]=\"title()\"\n [style]=\"{ width: modalWidth() }\"\n (onHide)=\"handleClose()\"\n (onShow)=\"checkScroll()\"\n class=\"tk-modal\"\n>\n <section class=\"tk-modal__content\">\n @if (content()) {\n @if (isContentString()) {\n <p [innerHTML]=\"content()\" ></p>\n } @else {\n <ng-container ngComponentOutlet=\"$any(content())\"></ng-container>\n }\n }\n </section>\n\n <ng-template pTemplate=\"footer\">\n @if (hasFooter()) {\n <section class=\"tk-modal__footer\" [class.tk-modal__footer--with-content]=\"hasScroll\">\n @for (btn of footerButtons()!; track $index) {\n <tk-button\n [label]=\"btn.label\"\n [severity]=\"btn.severity\"\n [variant]=\"btn.variant\"\n (clicked)=\"handleAction(btn.action, btn.returnValue)\"\n (keydown.enter)=\"handleAction(btn.action, btn.returnValue)\"\n (keydown.space)=\"handleAction(btn.action, btn.returnValue)\"\n />\n }\n </section>\n }\n </ng-template>\n</p-dialog>","import {\n Injectable,\n ApplicationRef,\n ComponentRef,\n Injector,\n createComponent,\n EmbeddedViewRef,\n} from '@angular/core';\nimport { ModalComponent } from '../modal.component';\nimport { Observable, Subject } from 'rxjs';\nimport { ModalConfig } from '../modal.types';\n\n@Injectable({ providedIn: 'root' })\nexport class ModalService {\n private modalRef: ComponentRef<ModalComponent> \| null = null;\n\n constructor(\n private readonly injector: Injector,\n private readonly appRef: ApplicationRef\n ) {}\n\n get _modalRefForTesting(): ComponentRef<ModalComponent> \| null {\n return this.modalRef;\n }\n set _modalRefForTesting(ref: ComponentRef<ModalComponent> \| null) {\n this.modalRef = ref;\n }\n\n open(config: ModalConfig): Observable<unknown> {\n if (this.modalRef) {\n return this.modalRef.instance.onClose.asObservable();\n }\n\n const componentRef = createComponent(ModalComponent, {\n environmentInjector: this.appRef.injector,\n });\n\n this.appRef.attachView(componentRef.hostView);\n\n const domElem = (componentRef.hostView as EmbeddedViewRef<unknown>).rootNodes[0] as HTMLElement;\n document.body.appendChild(domElem);\n\n componentRef.setInput('title', config.title);\n componentRef.setInput('content', config.content ?? null);\n componentRef.setInput('footerButtons', config.footerButtons ?? []);\n componentRef.setInput('size', config.size ?? 'small');\n componentRef.setInput('closable', config.closable ?? true);\n componentRef.setInput('closeOnOutsideClick', config.closeOnOutsideClick ?? false);\n\n const close$ = new Subject<unknown>();\n\n componentRef.instance.onClose.subscribe((value) => {\n close$.next(value);\n close$.complete();\n\n this.appRef.detachView(componentRef.hostView);\n componentRef.destroy();\n this.modalRef = null;\n });\n\n componentRef.instance.open();\n this.modalRef = componentRef;\n\n return close$.asObservable();\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;;;;AAMA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCG;MASU,cAAc,CAAA;AAEzB,IAAA,WAAA,CAA6B,UAAsB,EAAA;QAAtB,IAAU,CAAA,UAAA,GAAV,UAAU;;AAGvC,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,EAAE,CAAC;;AAEzB,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAgC,IAAI,CAAC;;AAEpD,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAAsB,EAAE,CAAC;;AAE9C,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAgB,OAAO,CAAC;;AAEpC,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAU,IAAI,CAAC;;AAE/B,QAAA,IAAA,CAAA,mBAAmB,GAAG,KAAK,CAAU,KAAK,CAAC;AAC3C,QAAA,IAAA,CAAA,eAAe,GAAG,QAAQ,CAAC,MAAM,OAAO,IAAI,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC;;AAEpE,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC;;AAEnE,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;AAC3B,YAAA,QAAQ,IAAI,CAAC,IAAI,EAAE;AACjB,gBAAA,KAAK,OAAO;oBACV,OAAO,SAAS,CAAC;AACnB,gBAAA,KAAK,QAAQ;oBACX,OAAO,OAAO,CAAC;AACjB,gBAAA,KAAK,MAAM;oBACT,OAAO,MAAM,CAAC;AAChB,gBAAA;oBACE,OAAO,OAAO,CAAC;;AAErB,SAAC,CAAC;;QAEA,IAAS,CAAA,SAAA,GAAG,KAAK;;QAGjB,IAAQ,CAAA,QAAA,GAAY,KAAK;;AAGhB,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,YAAY,EAAW;QACtC,IAAc,CAAA,cAAA,GAAG,KAAK;QACtB,IAAkB,CAAA,kBAAA,GAAY,IAAI;;;IAG1C,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;AACpB,QAAA,IAAI,CAAC,cAAc,GAAG,KAAK;AAC3B,QAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI;;AAGhC;;;AAGG;IACH,WAAW,GAAA;AACT,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,mBAAmB,CAAC;QAClF,IAAI,SAAS,EAAE;YACb,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC,YAAY,GAAG,SAAS,CAAC,YAAY;;;;IAKrE,WAAW,GAAA;AACR,QAAA,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;AACxB,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;;aAClB;YACL,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC;;AAE5C,QAAA,IAAI,CAAC,cAAc,GAAG,KAAK;AAC3B,QAAA,IAAI,CAAC,kBAAkB,GAAG,IAAI;;;IAIhC,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;;AAGvB;;;;;AAKG;IACH,YAAY,CAAC,MAAgC,EAAE,WAAoB,EAAA;AACjE,QAAA,IAAI,MAAM;AAAE,YAAA,MAAM,EAAE;AACpB,QAAA,IAAI,CAAC,cAAc,GAAG,IAAI;AAC1B,QAAA,IAAI,CAAC,kBAAkB,GAAG,WAAW;AACrC,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;;+GAvFZ,cAAc,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAc,82BCvD3B,uuCAuCW,EAAA,MAAA,EAAA,CAAA,4uBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDYC,YAAY,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,WAAA,EAAA,WAAA,EAAA,cAAA,EAAA,aAAA,EAAA,cAAA,EAAA,mBAAA,EAAA,OAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,YAAA,EAAA,UAAA,EAAA,aAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,EAAA,aAAA,EAAA,YAAA,EAAA,YAAA,EAAA,MAAA,EAAA,MAAA,EAAA,aAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,cAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,qBAAA,EAAA,SAAA,EAAA,OAAA,EAAA,UAAA,EAAA,MAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,mBAAA,EAAA,sBAAA,EAAA,sBAAA,EAAA,kBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,eAAA,EAAA,cAAA,EAAA,aAAA,EAAA,WAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,eAAe,yKAAE,iBAAiB,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,EAAA,yBAAA,EAAA,2BAAA,EAAA,0BAAA,EAAA,2BAAA,EAAA,kCAAA,CAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAI/C,cAAc,EAAA,UAAA,EAAA,CAAA;kBAP1B,SAAS;+BACE,UAAU,EAAA,UAAA,EACR,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,EAAE,eAAe,EAAE,iBAAiB,CAAC,EAAA,QAAA,EAAA,uuCAAA,EAAA,MAAA,EAAA,CAAA,4uBAAA,CAAA,EAAA;;;MEtChD,YAAY,CAAA;IAGvB,WACmB,CAAA,QAAkB,EAClB,MAAsB,EAAA;QADtB,IAAQ,CAAA,QAAA,GAAR,QAAQ;QACR,IAAM,CAAA,MAAA,GAAN,MAAM;QAJjB,IAAQ,CAAA,QAAA,GAAwC,IAAI;;AAO5D,IAAA,IAAI,mBAAmB,GAAA;QACrB,OAAO,IAAI,CAAC,QAAQ;;IAEtB,IAAI,mBAAmB,CAAC,GAAwC,EAAA;AAC9D,QAAA,IAAI,CAAC,QAAQ,GAAG,GAAG;;AAGrB,IAAA,IAAI,CAAC,MAAmB,EAAA;AACxB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY,EAAE;;AAGpD,QAAA,MAAM,YAAY,GAAG,eAAe,CAAC,cAAc,EAAE;AACnD,YAAA,mBAAmB,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ;AAC1C,SAAA,CAAC;QAEF,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,YAAY,CAAC,QAAQ,CAAC;QAE7C,MAAM,OAAO,GAAI,YAAY,CAAC,QAAqC,CAAC,SAAS,CAAC,CAAC,CAAgB;AAC/F,QAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC;QAElC,YAAY,CAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC;QAC5C,YAAY,CAAC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC,OAAO,IAAI,IAAI,CAAC;QACxD,YAAY,CAAC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC,aAAa,IAAI,EAAE,CAAC;QAClE,YAAY,CAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,IAAI,OAAO,CAAC;QACrD,YAAY,CAAC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC,QAAQ,IAAI,IAAI,CAAC;QAC1D,YAAY,CAAC,QAAQ,CAAC,qBAAqB,EAAE,MAAM,CAAC,mBAAmB,IAAI,KAAK,CAAC;AAEjF,QAAA,MAAM,MAAM,GAAG,IAAI,OAAO,EAAW;QAErC,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,KAAK,KAAI;AAChD,YAAA,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;YAClB,MAAM,CAAC,QAAQ,EAAE;YAEjB,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,YAAY,CAAC,QAAQ,CAAC;YAC7C,YAAY,CAAC,OAAO,EAAE;AACtB,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;AACtB,SAAC,CAAC;AAEF,QAAA,YAAY,CAAC,QAAQ,CAAC,IAAI,EAAE;AAC5B,QAAA,IAAI,CAAC,QAAQ,GAAG,YAAY;AAE5B,QAAA,OAAO,MAAM,CAAC,YAAY,EAAE;;+GAlDnB,YAAY,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,QAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,cAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAZ,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,cADC,MAAM,EAAA,CAAA,CAAA;;4FACnB,YAAY,EAAA,UAAA,EAAA,CAAA;kBADxB,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;ACZlC;;AAEG;;;;"}
1	+ {"version":3,"file":"tekus-design-system-components-modal.mjs","sources":["../../../projects/design-system/components/modal/src/modal.component.ts","../../../projects/design-system/components/modal/src/modal.component.html","../../../projects/design-system/components/modal/src/services/modal.service.ts","../../../projects/design-system/components/modal/tekus-design-system-components-modal.ts"],"sourcesContent":["import { Component, computed, input, EventEmitter, Type, ElementRef } from '@angular/core';\nimport { NgComponentOutlet } from '@angular/common';\nimport { ButtonComponent } from '@tekus/design-system/components/button';\nimport { DialogModule } from 'primeng/dialog';\nimport { ModalFooterButton, ModalSizeType } from './modal.types';\n\n/*\n @component ModalComponent\n * @description\n * A programmatically controlled modal dialog used for displaying dynamic content, titles, and footer actions.\n * The modal is not instantiated via template bindings, but rather opened through a service with a configuration object.\n \n This component supports:\n * - Configurable title and content.\n * - Optional footer buttons with callbacks and return values.\n * - Multiple sizes: `'small' \| 'large' \| 'full'`.\n * - Closable modal and outside-click behavior.\n * - Passing arbitrary data to the modal instance.\n \n @usage\n * ### Open a modal from TypeScript using the modal service\n * ```ts\n * this.modalService.open({\n * title: 'Demo Modal',\n * content: 'This modal is opened from TypeScript using the service.',\n * footerButtons: [\n * {\n * label: 'Accept',\n * severity: 'secondary',\n * action: () => console.log('Accept clicked'),\n * returnValue: true,\n * },\n * {\n * label: 'Cancel',\n * severity: 'danger',\n * action: () => console.log('Cancel clicked'),\n * returnValue: false,\n * },\n * ],\n * size: 'small',\n * closable: true,\n * closeOnOutsideClick: false,\n * }).subscribe((result) => {\n * console.log('Modal closed with value:', result);\n * });\n * ```\n /\n\n@Component({\n selector: 'tk-modal',\n standalone: true,\n imports: [DialogModule, ButtonComponent, NgComponentOutlet],\n templateUrl: './modal.component.html',\n styleUrls: ['./modal.component.scss']\n})\nexport class ModalComponent {\n\n constructor(private readonly elementRef: ElementRef) {}\n\n /* The title displayed at the top of the modal /\n title = input<string>('');\n /* The main content of the modal /\n content = input<string \| Type<unknown> \| null>(null);\n /* Array of footer buttons with label, callback, and return value /\n footerButtons = input<ModalFooterButton[]>([]);\n /* Modal size: 'small', 'large', or 'full' /\n size = input<ModalSizeType>('small');\n /* Whether the modal can be closed by the user /\n closable = input<boolean>(true);\n /* Whether clicking outside closes the modal /\n closeOnOutsideClick = input<boolean>(false);\n isContentString = computed(() => typeof this.content() === 'string');\n /* Computed: whether the modal has footer buttons /\n hasFooter = computed(() => (this.footerButtons() ?? []).length > 0);\n\n /\n Whether the modal should be responsive on mobile screens.\n * If true, the modal width will adapt based on breakpoints.\n * @default true\n /\n responsive = input<boolean>(true);\n\n /* Computed: calculates modal max-width based on `size` /\n modalMaxWidth = computed(() => {\n switch (this.size()) {\n case 'large':\n return '67.5rem'; // Large\n case 'medium':\n return '35rem'; // Medium\n case 'full':\n return '98vw'; // Full\n default:\n return '25rem'; // Small\n }\n });\n /* Whether the modal content has a scrollbar /\n hasScroll = false;\n\n /* Visibility flag /\n isOpened: boolean = false;\n\n /* Emits when the modal closes, passing the return value from footer buttons or null /\n readonly onClose = new EventEmitter<unknown>();\n private alreadyEmitted = false;\n private returnValueOnClose: unknown = null;\n\n /* Opens the modal /\n open() {\n this.isOpened = true;\n this.alreadyEmitted = false;\n this.returnValueOnClose = null;\n }\n\n /\n Checks if the modal content has a scrollbar and updates `hasScroll` state.\n * This is called when the modal is shown.\n /\n checkScroll() {\n const contentEl = this.elementRef.nativeElement.querySelector('.p-dialog-content');\n if (contentEl) {\n this.hasScroll = contentEl.scrollHeight > contentEl.clientHeight;\n }\n }\n\n /* Closes the modal and emits onClose with null /\n handleClose() {\n if (!this.alreadyEmitted) {\n this.onClose.emit(null);\n } else {\n this.onClose.emit(this.returnValueOnClose);\n }\n this.alreadyEmitted = false;\n this.returnValueOnClose = null;\n }\n\n /* Closes the modal without emitting an event /\n close() {\n this.isOpened = false;\n }\n\n /\n Handles footer button actions.\n * Executes the action callback, emits `onClose` with the provided returnValue, then closes the modal.\n * @param action Callback to execute when the button is clicked\n * @param returnValue Value emitted on modal close\n /\n handleAction(action: (() => void) \| undefined, returnValue: unknown) {\n if (action) action();\n this.alreadyEmitted = true;\n this.returnValueOnClose = returnValue;\n this.isOpened = false;\n }\n}","<p-dialog\n [modal]=\"true\"\n [(visible)]=\"isOpened\"\n [closable]=\"closable()\"\n [dismissableMask]=\"closeOnOutsideClick()\"\n [draggable]=\"false\"\n [focusOnShow]=\"false\"\n [header]=\"title()\"\n [style]=\"{ 'max-width': modalMaxWidth(), width: 'calc(100% - var(--tk-spacing-base-200))' }\"\n (onHide)=\"handleClose()\"\n (onShow)=\"checkScroll()\"\n class=\"tk-modal\"\n>\n <section class=\"tk-modal__content\">\n @if (content()) {\n @if (isContentString()) {\n <p [innerHTML]=\"content()\" ></p>\n } @else {\n <ng-container ngComponentOutlet=\"$any(content())\"></ng-container>\n }\n }\n </section>\n\n <ng-template pTemplate=\"footer\">\n @if (hasFooter()) {\n <section class=\"tk-modal__footer\" [class.tk-modal__footer--with-content]=\"hasScroll\">\n @for (btn of footerButtons()!; track $index) {\n <tk-button\n [label]=\"btn.label\"\n [severity]=\"btn.severity\"\n [variant]=\"btn.variant\"\n (clicked)=\"handleAction(btn.action, btn.returnValue)\"\n (keydown.enter)=\"handleAction(btn.action, btn.returnValue)\"\n (keydown.space)=\"handleAction(btn.action, btn.returnValue)\"\n />\n }\n </section>\n }\n </ng-template>\n</p-dialog>\n","import {\n Injectable,\n ApplicationRef,\n ComponentRef,\n Injector,\n createComponent,\n EmbeddedViewRef,\n} from '@angular/core';\nimport { ModalComponent } from '../modal.component';\nimport { Observable, Subject } from 'rxjs';\nimport { ModalConfig } from '../modal.types';\n\n@Injectable({ providedIn: 'root' })\nexport class ModalService {\n private modalRef: ComponentRef<ModalComponent> \| null = null;\n\n constructor(\n private readonly injector: Injector,\n private readonly appRef: ApplicationRef\n ) {}\n\n get _modalRefForTesting(): ComponentRef<ModalComponent> \| null {\n return this.modalRef;\n }\n set _modalRefForTesting(ref: ComponentRef<ModalComponent> \| null) {\n this.modalRef = ref;\n }\n\n open(config: ModalConfig): Observable<unknown> {\n if (this.modalRef) {\n return this.modalRef.instance.onClose.asObservable();\n }\n\n const componentRef = createComponent(ModalComponent, {\n environmentInjector: this.appRef.injector,\n });\n\n this.appRef.attachView(componentRef.hostView);\n\n const domElem = (componentRef.hostView as EmbeddedViewRef<unknown>).rootNodes[0] as HTMLElement;\n document.body.appendChild(domElem);\n\n componentRef.setInput('title', config.title);\n componentRef.setInput('content', config.content ?? null);\n componentRef.setInput('footerButtons', config.footerButtons ?? []);\n componentRef.setInput('size', config.size ?? 'small');\n componentRef.setInput('closable', config.closable ?? true);\n componentRef.setInput('closeOnOutsideClick', config.closeOnOutsideClick ?? false);\n\n const close$ = new Subject<unknown>();\n\n componentRef.instance.onClose.subscribe((value) => {\n close$.next(value);\n close$.complete();\n\n this.appRef.detachView(componentRef.hostView);\n componentRef.destroy();\n this.modalRef = null;\n });\n\n componentRef.instance.open();\n this.modalRef = componentRef;\n\n return close$.asObservable();\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@tekus/design-system",
   "description": "Tekus design system library",
-  "version": "5.10.0",
+  "version": "5.15.0",
   "license": "UNLICENSED",
   "peerDependencies": {
     "@angular/core": "^19.2.15",
@@ -39,18 +39,22 @@
       "types": "./core/index.d.ts",
       "default": "./fesm2022/tekus-design-system-core.mjs"
     },
-    "./directives/gird-item": {
-      "types": "./directives/gird-item/index.d.ts",
-      "default": "./fesm2022/tekus-design-system-directives-gird-item.mjs"
-    },
     "./core/types": {
       "types": "./core/types/index.d.ts",
       "default": "./fesm2022/tekus-design-system-core-types.mjs"
     },
+    "./directives/gird-item": {
+      "types": "./directives/gird-item/index.d.ts",
+      "default": "./fesm2022/tekus-design-system-directives-gird-item.mjs"
+    },
     "./components/autocomplete": {
       "types": "./components/autocomplete/index.d.ts",
       "default": "./fesm2022/tekus-design-system-components-autocomplete.mjs"
     },
+    "./components/badge": {
+      "types": "./components/badge/index.d.ts",
+      "default": "./fesm2022/tekus-design-system-components-badge.mjs"
+    },
     "./components/button": {
       "types": "./components/button/index.d.ts",
       "default": "./fesm2022/tekus-design-system-components-button.mjs"
@@ -71,6 +75,10 @@
       "types": "./components/icon/index.d.ts",
       "default": "./fesm2022/tekus-design-system-components-icon.mjs"
     },
+    "./components/input-number": {
+      "types": "./components/input-number/index.d.ts",
+      "default": "./fesm2022/tekus-design-system-components-input-number.mjs"
+    },
     "./components/input-text": {
       "types": "./components/input-text/index.d.ts",
       "default": "./fesm2022/tekus-design-system-components-input-text.mjs"