@libs-ui/components-inputs-input 0.1.1-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/README.md +3 -0
  2. package/defines/index-iframe-area.define.d.ts +2 -0
  3. package/esm2022/defines/index-iframe-area.define.mjs +124 -0
  4. package/esm2022/index.mjs +3 -0
  5. package/esm2022/input.component.mjs +832 -0
  6. package/esm2022/interfaces/focus-and-blur-event.interface.mjs +2 -0
  7. package/esm2022/interfaces/function-control-event.interface.mjs +2 -0
  8. package/esm2022/interfaces/index.mjs +4 -0
  9. package/esm2022/interfaces/input.interface.mjs +2 -0
  10. package/esm2022/libs-ui-components-inputs-input.mjs +5 -0
  11. package/fesm2022/libs-ui-components-inputs-input.mjs +962 -0
  12. package/fesm2022/libs-ui-components-inputs-input.mjs.map +1 -0
  13. package/index.d.ts +2 -0
  14. package/input.component.d.ts +133 -0
  15. package/interfaces/focus-and-blur-event.interface.d.ts +14 -0
  16. package/interfaces/function-control-event.interface.d.ts +9 -0
  17. package/interfaces/index.d.ts +3 -0
  18. package/interfaces/input.interface.d.ts +5 -0
  19. package/package.json +32 -0
package/README.md ADDED
@@ -0,0 +1,3 @@
1
+ # inputs-input
2
+
3
+ This library was generated with [Nx](https://nx.dev).
package/defines/index-iframe-area.define.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { IIframeTextareaCustomStyle } from '../interfaces/focus-and-blur-event.interface';
2
+ export declare const indexInputHtml: (customStyle: IIframeTextareaCustomStyle) => string;
package/esm2022/defines/index-iframe-area.define.mjs ADDED
@@ -0,0 +1,124 @@
1
+ export const indexInputHtml = (customStyle) => `
2
+ <!DOCTYPE html>
3
+ <html>
4
+ <head>
5
+ <base href="/" />
6
+ </head>
7
+ <style type="text/css">
8
+ ::-webkit-scrollbar {
9
+ width: 8px;
10
+ height: 8px;
11
+ cursor: default;
12
+ }
13
+
14
+ ::-webkit-scrollbar-track {
15
+ border-radius: 0;
16
+ background: #fff;
17
+ }
18
+
19
+
20
+ ::-webkit-scrollbar-track:hover {
21
+ background: rgba(78, 78, 78, 0.05);
22
+ }
23
+
24
+ ::-webkit-scrollbar-track:focus {
25
+ background: #b3b3b3;
26
+ }
27
+
28
+ ::-webkit-scrollbar-track:checked {
29
+ background: #b3b3b3;
30
+ }
31
+
32
+
33
+ ::-webkit-scrollbar-thumb {
34
+ border-radius: 0;
35
+ background: rgba(78, 78, 78, 0.15);
36
+ box-shadow: inset 1px 1px 2px 0 rgba(78, 78, 78, 0.3);
37
+ }
38
+
39
+ ::-webkit-scrollbar-thumb:hover {
40
+ background: #dadada;
41
+ box-shadow: inset 1px 1px 2px 0 rgba(78, 78, 78, 0.3);
42
+ }
43
+
44
+ ::-webkit-scrollbar-thumb:focus {
45
+ background: #b3b3b3;
46
+ box-shadow: inset 1px 1px 2px 0 rgba(78, 78, 78, 0.3);
47
+ }
48
+
49
+ ::-webkit-scrollbar-thumb:checked {
50
+ background: #b3b3b3;
51
+ box-shadow: inset 1px 1px 2px 0 rgba(78, 78, 78, 0.3);
52
+ }
53
+
54
+ body{
55
+ max-width: 100vw;
56
+ max-height:100vh;
57
+ padding: 0;
58
+ margin: 0;
59
+ overflow: hidden;
60
+ }
61
+
62
+ textarea{
63
+ max-width: 100vw;
64
+ max-height:100vh;
65
+ resize: none;
66
+ border: none;
67
+ border: ${customStyle.borderColor ? ' 1px solid #e6e7ea;' : 'none'};
68
+ width: 100%;
69
+ border-radius: ${customStyle.borderRadius ?? '4px'};
70
+ font-weight: normal;
71
+ font-style: normal;
72
+ line-height: ${customStyle.lineHeight ?? '16px'};
73
+ height: ${customStyle.height ?? 'auto'};
74
+ color: ${customStyle.color ?? '#4e4e4e'};
75
+ padding: ${customStyle.padding ?? '6px 12px'};
76
+ background-color: ${customStyle.backgroundColor ?? '#fff'};
77
+ font-size: ${customStyle.fontSize ?? '12px'};
78
+ font-family:var(--libs-ui-font-family-name) !important;
79
+ overflow: hidden;
80
+ margin: 0;
81
+ resize: none;
82
+ }
83
+ ${customStyle.borderColor
84
+ ? `textarea:focus:not(:read-only):not(:disabled) {
85
+ border: 1px solid ${customStyle.borderColor};
86
+ }`
87
+ : ''}
88
+
89
+ textarea::-webkit-input-placeholder {
90
+ padding-left: '4px';
91
+ color: rgba(78, 78, 78, 0.5) !important;
92
+ }
93
+
94
+ textarea:-moz-placeholder {
95
+ /* Firefox 18- */
96
+ padding-left: '4px';
97
+ color: rgba(78, 78, 78, 0.5) !important;
98
+ }
99
+
100
+ textarea::-moz-placeholder {
101
+ /* Firefox 19+ */
102
+ padding-left: '4px';
103
+ color: rgba(78, 78, 78, 0.5) !important;
104
+ }
105
+
106
+ textarea:-ms-input-placeholder {
107
+ padding-left: '4px';
108
+ color: rgba(78, 78, 78, 0.5) !important;
109
+ }
110
+
111
+ textarea:focus {
112
+ outline: none;
113
+ }
114
+ *, ::after, ::before {
115
+ box-sizing: border-box;
116
+ }
117
+
118
+ </style>
119
+
120
+ <body>
121
+ <textarea></textarea>
122
+ </body>
123
+ </html>`;
124
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXgtaWZyYW1lLWFyZWEuZGVmaW5lLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy11aS9jb21wb25lbnRzL2lucHV0cy9pbnB1dC9zcmMvZGVmaW5lcy9pbmRleC1pZnJhbWUtYXJlYS5kZWZpbmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLENBQUMsV0FBdUMsRUFBRSxFQUFFLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztZQWtFL0QsV0FBVyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMscUJBQXFCLENBQUMsQ0FBQyxDQUFDLE1BQU07O21CQUVqRCxXQUFXLENBQUMsWUFBWSxJQUFJLEtBQUs7OztpQkFHbkMsV0FBVyxDQUFDLFVBQVUsSUFBSSxNQUFNO1lBQ3JDLFdBQVcsQ0FBQyxNQUFNLElBQUksTUFBTTtXQUM3QixXQUFXLENBQUMsS0FBSyxJQUFJLFNBQVM7YUFDNUIsV0FBVyxDQUFDLE9BQU8sSUFBSSxVQUFVO3NCQUN4QixXQUFXLENBQUMsZUFBZSxJQUFJLE1BQU07ZUFDNUMsV0FBVyxDQUFDLFFBQVEsSUFBSSxNQUFNOzs7Ozs7R0FPekMsV0FBVyxDQUFDLFdBQVc7SUFDckIsQ0FBQyxDQUFDO3NCQUNjLFdBQVcsQ0FBQyxXQUFXO0dBQzFDO0lBQ0csQ0FBQyxDQUFDLEVBQ047Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztRQW9DTSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSUlmcmFtZVRleHRhcmVhQ3VzdG9tU3R5bGUgfSBmcm9tICcuLi9pbnRlcmZhY2VzL2ZvY3VzLWFuZC1ibHVyLWV2ZW50LmludGVyZmFjZSc7XG5cbmV4cG9ydCBjb25zdCBpbmRleElucHV0SHRtbCA9IChjdXN0b21TdHlsZTogSUlmcmFtZVRleHRhcmVhQ3VzdG9tU3R5bGUpID0+IGBcbjwhRE9DVFlQRSBodG1sPlxuPGh0bWw+XG4gIDxoZWFkPlxuICAgIDxiYXNlIGhyZWY9XCIvXCIgLz5cbiAgPC9oZWFkPlxuICA8c3R5bGUgdHlwZT1cInRleHQvY3NzXCI+XG4gIFx0Ojotd2Via2l0LXNjcm9sbGJhciB7XG5cdCAgICB3aWR0aDogOHB4O1xuXHQgICAgaGVpZ2h0OiA4cHg7ICBcblx0ICAgIGN1cnNvcjogZGVmYXVsdDtcblx0fVxuXHQgICAgXG5cdDo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2sge1xuXHQgICAgYm9yZGVyLXJhZGl1czogMDtcblx0ICAgIGJhY2tncm91bmQ6ICNmZmY7XG5cdH1cblxuXHQgICAgXG5cdDo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2s6aG92ZXIge1xuXHQgICAgYmFja2dyb3VuZDogcmdiYSg3OCwgNzgsIDc4LCAwLjA1KTtcblx0fVxuXG5cdDo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2s6Zm9jdXMge1xuXHQgICAgYmFja2dyb3VuZDogI2IzYjNiMztcblx0fVxuXG5cdDo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2s6Y2hlY2tlZCB7XG5cdCAgICBiYWNrZ3JvdW5kOiAjYjNiM2IzO1xuXHR9XG5cdCAgXG5cdCAgICBcblx0Ojotd2Via2l0LXNjcm9sbGJhci10aHVtYiB7XG5cdCAgICBib3JkZXItcmFkaXVzOiAwO1xuXHQgICAgYmFja2dyb3VuZDogcmdiYSg3OCwgNzgsIDc4LCAwLjE1KTtcblx0ICAgIGJveC1zaGFkb3c6IGluc2V0IDFweCAxcHggMnB4IDAgcmdiYSg3OCwgNzgsIDc4LCAwLjMpO1xuXHR9XG5cblx0Ojotd2Via2l0LXNjcm9sbGJhci10aHVtYjpob3ZlciB7XG5cdCAgICBiYWNrZ3JvdW5kOiAjZGFkYWRhO1xuXHQgICAgYm94LXNoYWRvdzogaW5zZXQgMXB4IDFweCAycHggMCByZ2JhKDc4LCA3OCwgNzgsIDAuMyk7XG5cdH1cblxuXHQ6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iOmZvY3VzIHtcblx0ICAgIGJhY2tncm91bmQ6ICNiM2IzYjM7XG5cdCAgICBib3gtc2hhZG93OiBpbnNldCAxcHggMXB4IDJweCAwIHJnYmEoNzgsIDc4LCA3OCwgMC4zKTtcblx0fVxuXG5cdDo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWI6Y2hlY2tlZCB7XG5cdCAgICBiYWNrZ3JvdW5kOiAjYjNiM2IzO1xuXHQgICAgYm94LXNoYWRvdzogaW5zZXQgMXB4IDFweCAycHggMCByZ2JhKDc4LCA3OCwgNzgsIDAuMyk7XG5cdH1cblxuXHRib2R5e1xuXHRcdG1heC13aWR0aDogMTAwdnc7XG5cdFx0bWF4LWhlaWdodDoxMDB2aDtcblx0XHRwYWRkaW5nOiAwO1xuXHRcdG1hcmdpbjogMDtcblx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHR9XG5cblx0dGV4dGFyZWF7XG5cdFx0bWF4LXdpZHRoOiAxMDB2dztcblx0XHRtYXgtaGVpZ2h0OjEwMHZoO1xuXHRcdHJlc2l6ZTogbm9uZTtcblx0XHRib3JkZXI6IG5vbmU7XG5cdFx0Ym9yZGVyOiAke2N1c3RvbVN0eWxlLmJvcmRlckNvbG9yID8gJyAxcHggc29saWQgI2U2ZTdlYTsnIDogJ25vbmUnfTtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRib3JkZXItcmFkaXVzOiAke2N1c3RvbVN0eWxlLmJvcmRlclJhZGl1cyA/PyAnNHB4J307XG5cdFx0Zm9udC13ZWlnaHQ6IG5vcm1hbDtcblx0XHRmb250LXN0eWxlOiBub3JtYWw7XG5cdFx0bGluZS1oZWlnaHQ6ICR7Y3VzdG9tU3R5bGUubGluZUhlaWdodCA/PyAnMTZweCd9O1xuXHRcdGhlaWdodDogJHtjdXN0b21TdHlsZS5oZWlnaHQgPz8gJ2F1dG8nfTtcblx0XHRjb2xvcjogJHtjdXN0b21TdHlsZS5jb2xvciA/PyAnIzRlNGU0ZSd9O1xuXHRcdHBhZGRpbmc6ICR7Y3VzdG9tU3R5bGUucGFkZGluZyA/PyAnNnB4IDEycHgnfTtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVN0eWxlLmJhY2tncm91bmRDb2xvciA/PyAnI2ZmZid9O1xuXHRcdGZvbnQtc2l6ZTogJHtjdXN0b21TdHlsZS5mb250U2l6ZSA/PyAnMTJweCd9O1xuXHRcdGZvbnQtZmFtaWx5OnZhcigtLWxpYnMtdWktZm9udC1mYW1pbHktbmFtZSkgIWltcG9ydGFudDtcblx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdG1hcmdpbjogMDtcblx0XHRyZXNpemU6IG5vbmU7XG5cdH1cblx0JHtcbiAgICBjdXN0b21TdHlsZS5ib3JkZXJDb2xvclxuICAgICAgPyBgdGV4dGFyZWE6Zm9jdXM6bm90KDpyZWFkLW9ubHkpOm5vdCg6ZGlzYWJsZWQpIHtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAke2N1c3RvbVN0eWxlLmJvcmRlckNvbG9yfTtcblx0fWBcbiAgICAgIDogJydcbiAgfVxuXG5cdHRleHRhcmVhOjotd2Via2l0LWlucHV0LXBsYWNlaG9sZGVyIHtcblx0XHRwYWRkaW5nLWxlZnQ6ICc0cHgnO1xuXHRcdGNvbG9yOiByZ2JhKDc4LCA3OCwgNzgsIDAuNSkgIWltcG9ydGFudDtcblx0fVxuXG5cdHRleHRhcmVhOi1tb3otcGxhY2Vob2xkZXIge1xuXHRcdC8qIEZpcmVmb3ggMTgtICovXG5cdFx0cGFkZGluZy1sZWZ0OiAnNHB4Jztcblx0XHRjb2xvcjogcmdiYSg3OCwgNzgsIDc4LCAwLjUpICFpbXBvcnRhbnQ7XG5cdH1cblxuXHR0ZXh0YXJlYTo6LW1vei1wbGFjZWhvbGRlciB7XG5cdFx0LyogRmlyZWZveCAxOSsgKi9cblx0XHRwYWRkaW5nLWxlZnQ6ICc0cHgnO1xuXHRcdGNvbG9yOiByZ2JhKDc4LCA3OCwgNzgsIDAuNSkgIWltcG9ydGFudDtcblx0fVxuXG5cdHRleHRhcmVhOi1tcy1pbnB1dC1wbGFjZWhvbGRlciB7XG5cdFx0cGFkZGluZy1sZWZ0OiAnNHB4Jztcblx0XHRjb2xvcjogcmdiYSg3OCwgNzgsIDc4LCAwLjUpICFpbXBvcnRhbnQ7XG5cdH1cblxuXHR0ZXh0YXJlYTpmb2N1cyB7XG4gICAgXHRvdXRsaW5lOiBub25lO1xuXHR9XG5cdCosIDo6YWZ0ZXIsIDo6YmVmb3JlIHtcbiAgICBcdGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cdH1cbiBcbiAgPC9zdHlsZT5cblxuICA8Ym9keT5cblx0ICA8dGV4dGFyZWE+PC90ZXh0YXJlYT5cbiAgPC9ib2R5PlxuPC9odG1sPmA7XG4iXX0=
package/esm2022/index.mjs ADDED
@@ -0,0 +1,3 @@
1
+ export * from './input.component';
2
+ export * from './interfaces';
3
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvaW5wdXRzL2lucHV0L3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9pbnB1dC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9pbnRlcmZhY2VzJztcbiJdfQ==