@allsorter/ui-components 0.0.330 → 0.0.333

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 (97) hide show
  1. package/README.md +40 -73
  2. package/fesm2022/allsorter-ui-components.mjs +329 -0
  3. package/fesm2022/allsorter-ui-components.mjs.map +1 -0
  4. package/index.d.ts +5 -0
  5. package/lib/allsorter-lib.component.d.ts +5 -0
  6. package/lib/allsorter-lib.service.d.ts +6 -0
  7. package/lib/button/button.component.d.ts +46 -0
  8. package/lib/button/button.module.d.ts +13 -0
  9. package/lib/input/input.component.d.ts +34 -0
  10. package/lib/input/input.module.d.ts +8 -0
  11. package/package.json +16 -57
  12. package/{projects/allsorter-lib/src/public-api.ts → public-api.d.ts} +0 -4
  13. package/.editorconfig +0 -16
  14. package/.gitignore copy +0 -44
  15. package/.storybook/main.ts +0 -21
  16. package/.storybook/preview.ts +0 -17
  17. package/.storybook/tsconfig.doc.json +0 -10
  18. package/.storybook/tsconfig.json +0 -11
  19. package/.storybook/typings.d.ts +0 -4
  20. package/.vscode/settings.json +0 -1
  21. package/LICENSE +0 -21
  22. package/angular.json +0 -135
  23. package/bitbucket-pipelines.yml +0 -108
  24. package/documentation.json +0 -1604
  25. package/ng-package.json +0 -7
  26. package/projects/allsorter-lib/.storybook/main.js +0 -15
  27. package/projects/allsorter-lib/README.md +0 -63
  28. package/projects/allsorter-lib/ng-package.json +0 -7
  29. package/projects/allsorter-lib/package.json +0 -12
  30. package/projects/allsorter-lib/src/lib/allsorter-lib.component.spec.ts +0 -23
  31. package/projects/allsorter-lib/src/lib/allsorter-lib.component.ts +0 -15
  32. package/projects/allsorter-lib/src/lib/allsorter-lib.service.spec.ts +0 -16
  33. package/projects/allsorter-lib/src/lib/allsorter-lib.service.ts +0 -9
  34. package/projects/allsorter-lib/src/lib/button/button.component.html +0 -116
  35. package/projects/allsorter-lib/src/lib/button/button.component.scss +0 -466
  36. package/projects/allsorter-lib/src/lib/button/button.component.spec.ts +0 -23
  37. package/projects/allsorter-lib/src/lib/button/button.component.ts +0 -105
  38. package/projects/allsorter-lib/src/lib/button/button.module.ts +0 -23
  39. package/projects/allsorter-lib/src/lib/button/stories/button-gallery.stories.ts +0 -155
  40. package/projects/allsorter-lib/src/lib/button/stories/button-playground.stories.ts +0 -63
  41. package/projects/allsorter-lib/src/lib/input/input.component.css +0 -58
  42. package/projects/allsorter-lib/src/lib/input/input.component.html +0 -27
  43. package/projects/allsorter-lib/src/lib/input/input.component.spec.ts +0 -60
  44. package/projects/allsorter-lib/src/lib/input/input.component.ts +0 -92
  45. package/projects/allsorter-lib/src/lib/input/input.module.ts +0 -9
  46. package/projects/allsorter-lib/src/lib/input/stories/input-gallery.stories.ts +0 -124
  47. package/projects/allsorter-lib/src/lib/input/stories/input-playground.stories.ts +0 -135
  48. package/projects/allsorter-lib/src/lib/styles/typography-classes.scss +0 -122
  49. package/projects/allsorter-lib/tsconfig.lib.json +0 -15
  50. package/projects/allsorter-lib/tsconfig.lib.prod.json +0 -11
  51. package/projects/allsorter-lib/tsconfig.spec.json +0 -15
  52. package/src/app/app.component.css +0 -0
  53. package/src/app/app.component.html +0 -328
  54. package/src/app/app.component.spec.ts +0 -31
  55. package/src/app/app.component.ts +0 -11
  56. package/src/app/app.module.ts +0 -16
  57. package/src/assets/.gitkeep +0 -0
  58. package/src/assets/font/OpenSans-Light-webfont.eot +0 -0
  59. package/src/assets/font/OpenSans-Light-webfont.svg +0 -252
  60. package/src/assets/font/OpenSans-Light-webfont.ttf +0 -0
  61. package/src/assets/font/OpenSans-Light-webfont.woff +0 -0
  62. package/src/assets/font/OpenSans-Regular-webfont.eot +0 -0
  63. package/src/assets/font/OpenSans-Regular-webfont.svg +0 -252
  64. package/src/assets/font/OpenSans-Regular-webfont.ttf +0 -0
  65. package/src/assets/font/OpenSans-Regular-webfont.woff +0 -0
  66. package/src/assets/icon/percolate.eot +0 -0
  67. package/src/assets/icon/percolate.svg +0 -139
  68. package/src/assets/icon/percolate.ttf +0 -0
  69. package/src/assets/icon/percolate.woff +0 -0
  70. package/src/environments/environment.prod.ts +0 -3
  71. package/src/environments/environment.ts +0 -16
  72. package/src/favicon.ico +0 -0
  73. package/src/index.html +0 -15
  74. package/src/main.ts +0 -7
  75. package/src/polyfills.ts +0 -63
  76. package/src/stories/.eslintrc.json +0 -8
  77. package/src/stories/Configure.mdx +0 -369
  78. package/src/stories/assets/accessibility.png +0 -0
  79. package/src/stories/assets/accessibility.svg +0 -5
  80. package/src/stories/assets/addon-library.png +0 -0
  81. package/src/stories/assets/assets.png +0 -0
  82. package/src/stories/assets/avif-test-image.avif +0 -0
  83. package/src/stories/assets/context.png +0 -0
  84. package/src/stories/assets/discord.svg +0 -15
  85. package/src/stories/assets/docs.png +0 -0
  86. package/src/stories/assets/figma-plugin.png +0 -0
  87. package/src/stories/assets/github.svg +0 -3
  88. package/src/stories/assets/share.png +0 -0
  89. package/src/stories/assets/styling.png +0 -0
  90. package/src/stories/assets/testing.png +0 -0
  91. package/src/stories/assets/theming.png +0 -0
  92. package/src/stories/assets/tutorials.svg +0 -12
  93. package/src/stories/assets/youtube.svg +0 -4
  94. package/src/styles.css +0 -463
  95. package/tsconfig.app.json +0 -10
  96. package/tsconfig.json +0 -34
  97. package/tsconfig.spec.json +0 -10
package/src/styles.css DELETED
@@ -1,463 +0,0 @@
1
- * {
2
- box-sizing: border-box;
3
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
4
- -webkit-tap-highlight-color: transparent;
5
- }
6
-
7
- html,
8
- body {
9
- margin: 0;
10
- padding: 0;
11
- font-size: 100%;
12
- outline: none;
13
- font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
14
- font-style: 400;
15
- color: #333;
16
- font-size: 16px;
17
- -webkit-text-size-adjust: 100%;
18
- -ms-text-size-adjust: 100%;
19
- -webkit-font-smoothing: antialiased;
20
- -moz-osx-font-smoothing: grayscale;
21
- background-color: #ffffff !important;
22
- }
23
-
24
- h1,
25
- p,
26
- label {
27
- margin: 0;
28
- padding: 0;
29
- border: 0;
30
- font-weight: normal;
31
- font-style: normal;
32
- font-size: 100%;
33
- line-height: 1;
34
- font-family: inherit;
35
- vertical-align: baseline;
36
- vertical-align: middle;
37
- line-height: normal;
38
- overflow: visible;
39
- font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
40
- }
41
-
42
- button::-moz-focus-inner,
43
- input::-moz-focus-inner {
44
- border: 0;
45
- padding: 0;
46
- }
47
-
48
- button,
49
- input[type="button"],
50
- input[type="reset"],
51
- input[type="submit"] {
52
- cursor: pointer;
53
- -webkit-appearance: button;
54
- }
55
-
56
- @keyframes spin {
57
- 0% {
58
- transform: rotate(0deg);
59
- }
60
-
61
- 100% {
62
- transform: rotate(359deg);
63
- }
64
- }
65
-
66
- @keyframes glow {
67
- 0%,
68
- 100% {
69
- opacity: 1;
70
- }
71
-
72
- 50% {
73
- opacity: 0.5;
74
- }
75
- }
76
-
77
- @font-face {
78
- font-family: "Nunito Sans";
79
- font-style: italic;
80
- font-weight: 400;
81
- src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe0oMImSLYBIv1o4X1M8cce4E9lKcw.ttf)
82
- format("truetype");
83
- }
84
-
85
- @font-face {
86
- font-family: "Nunito Sans";
87
- font-style: normal;
88
- font-weight: 400;
89
- src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8cce9I94.ttf)
90
- format("truetype");
91
- }
92
-
93
- @font-face {
94
- font-family: "Nunito Sans";
95
- font-style: normal;
96
- font-weight: 800;
97
- src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8aBc5tU1Q.ttf)
98
- format("truetype");
99
- }
100
-
101
- .type-light {
102
- font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
103
- font-weight: 300;
104
- }
105
-
106
- .type-bold {
107
- font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
108
- font-weight: 800;
109
- }
110
-
111
- .type-italic {
112
- font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
113
- font-weight: 400;
114
- font-style: italic;
115
- }
116
-
117
- input[type="text"],
118
- input[type="email"],
119
- input[type="password"],
120
- textarea {
121
- font-size: 14px;
122
- line-height: 20px;
123
- font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
124
- font-style: 400;
125
- padding: 0.75rem 0;
126
- line-height: 1.5rem !important;
127
- border: none;
128
- border-radius: 0;
129
- box-sizing: border-box;
130
- color: #333;
131
- outline: none;
132
- }
133
-
134
- .checkbox {
135
- display: inline-block;
136
- height: 3rem;
137
- position: relative;
138
- vertical-align: middle;
139
- width: 44px;
140
- }
141
-
142
- .checkbox input[type="checkbox"] {
143
- font-size: 1em;
144
- visibility: hidden;
145
- }
146
-
147
- .checkbox input[type="checkbox"] + span:before {
148
- position: absolute;
149
- top: 50%;
150
- right: auto;
151
- bottom: auto;
152
- left: 50%;
153
- width: 0.85em;
154
- height: 0.85em;
155
- transform: translate3d(-50%, -50%, 0);
156
- background: transparent;
157
- box-shadow: #2cc5d2 0 0 0 1px inset;
158
- content: "";
159
- display: block;
160
- }
161
-
162
- .checkbox input[type="checkbox"]:checked + span:before {
163
- font-size: 16px;
164
- line-height: 24px;
165
- box-shadow: none;
166
- color: #2cc5d2;
167
- margin-top: -1px;
168
- font-family: "percolate";
169
- font-style: normal;
170
- font-weight: normal;
171
- font-variant: normal;
172
- text-transform: none;
173
- line-height: 1;
174
-
175
- content: "\e65e";
176
- }
177
-
178
- .input-symbol {
179
- display: inline-block;
180
- position: relative;
181
- }
182
-
183
- .input-symbol.error [class^="icon-"],
184
- .input-symbol.error [class*=" icon-"] {
185
- color: #ff4400;
186
- }
187
-
188
- .input-symbol [class^="icon-"],
189
- .input-symbol [class*=" icon-"] {
190
- left: 1em;
191
- }
192
-
193
- .input-symbol input {
194
- padding-left: 3em;
195
- }
196
-
197
- .input-symbol input {
198
- width: 100%;
199
- }
200
-
201
- .input-symbol input:focus + [class^="icon-"],
202
- .input-symbol input:focus + [class*=" icon-"] {
203
- color: #2cc5d2;
204
- }
205
-
206
- .input-symbol [class^="icon-"],
207
- .input-symbol [class*=" icon-"] {
208
- transition: all 300ms ease-in;
209
- transform: translate3d(0, -50%, 0);
210
- background: transparent;
211
- color: #aaa;
212
- font-size: 1em;
213
- height: 1em;
214
- position: absolute;
215
- top: 50%;
216
- width: 1em;
217
- }
218
-
219
- @font-face {
220
- font-family: "percolate";
221
- src: url("./assets/icon/percolate.eot?-5w3um4");
222
- src: url("./assets/icon/percolate.eot?#iefix5w3um4")
223
- format("embedded-opentype"),
224
- url("./assets/icon/percolate.woff?5w3um4") format("woff"),
225
- url("./assets/icon/percolate.ttf?5w3um4") format("truetype"),
226
- url("./assets/icon/percolate.svg?5w3um4") format("svg");
227
- font-weight: normal;
228
- font-style: normal;
229
- }
230
-
231
- [class^="icon-"],
232
- [class*=" icon-"] {
233
- font-family: "percolate";
234
-
235
- font-style: normal;
236
- font-weight: normal;
237
- font-variant: normal;
238
- text-transform: none;
239
- line-height: 1;
240
- }
241
-
242
- .icon-star:before {
243
- content: "\e608";
244
- }
245
-
246
- .icon-face-sad:before {
247
- content: "\e60f";
248
- }
249
-
250
- .icon-check:before {
251
- content: "\e65e";
252
- }
253
-
254
- .list-heading {
255
- letter-spacing: 0.3em;
256
- text-indent: 0.3em;
257
- text-transform: uppercase;
258
- font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
259
- font-weight: 800;
260
- font-size: 11px;
261
- padding-left: 15px;
262
- line-height: 40px;
263
- background: #f8f8f8;
264
- color: #aaa;
265
- }
266
-
267
- .list-heading .icon-sync {
268
- opacity: 1;
269
- animation: spin 2s infinite linear;
270
- display: inline-block;
271
- margin-right: 4px;
272
- }
273
-
274
- .list-item {
275
- font-size: 14px;
276
- line-height: 20px;
277
- display: flex;
278
- flex-wrap: wrap;
279
- height: 3rem;
280
- width: 100%;
281
- background: white;
282
- transition: all ease-out 150ms;
283
- }
284
-
285
- .list-item .title {
286
- overflow: hidden;
287
- text-overflow: ellipsis;
288
- white-space: nowrap;
289
- flex: 1;
290
- }
291
-
292
- .list-item input[type="text"] {
293
- background: transparent;
294
- width: 100%;
295
- }
296
-
297
- .list-item input[type="text"]:focus {
298
- cursor: text;
299
- }
300
-
301
- .pin-button {
302
- width: 3rem;
303
- height: 3rem;
304
- background: transparent;
305
- border: none;
306
- text-align: center;
307
- transition: all 200ms ease-in;
308
- color: #eee;
309
- font-size: 16px;
310
- line-height: 3rem;
311
- outline: none;
312
- }
313
-
314
- .pin-button:hover {
315
- color: #2cc5d2;
316
- }
317
- .pin-button:focus {
318
- outline-color: transparent;
319
- }
320
-
321
- .pin-button:active {
322
- color: #555;
323
- }
324
-
325
- .list-item.TASK_PINNED .icon-star {
326
- color: #2cc5d2;
327
- }
328
-
329
- .list-item.TASK_ARCHIVED input[type="text"] {
330
- color: #a0aec0;
331
- text-decoration: line-through;
332
- }
333
-
334
- .list-item:hover {
335
- background-image: linear-gradient(to bottom, #e5f9f7 0%, #f0fffd 100%);
336
- }
337
-
338
- .list-item:hover .checkbox {
339
- cursor: pointer;
340
- }
341
-
342
- .list-item + .list-item {
343
- border-top: 1px solid #f0f9fb;
344
- }
345
-
346
- .list-item.checked input[type="text"] {
347
- color: #ccc;
348
- text-decoration: line-through;
349
- }
350
-
351
- .list-item.checked .delete-item {
352
- display: inline-block;
353
- }
354
-
355
- .loading-item {
356
- height: 3rem;
357
- width: 100%;
358
- background: white;
359
- display: flex;
360
- align-items: center;
361
- line-height: 1rem;
362
- padding-left: 16px;
363
- }
364
-
365
- .loading-item .glow-checkbox,
366
- .loading-item .glow-text span {
367
- animation: glow 1.5s ease-in-out infinite;
368
- background: #eee;
369
- color: transparent;
370
- cursor: progress;
371
- display: inline-block;
372
- }
373
-
374
- .loading-item .glow-checkbox {
375
- margin-right: 16px;
376
- width: 12px;
377
- height: 12px;
378
- }
379
-
380
- .loading-item + .loading-item {
381
- border-top: 1px solid #f0f9fb;
382
- }
383
-
384
- .list-items {
385
- position: relative;
386
- background: white;
387
- min-height: 288px;
388
- }
389
-
390
- .list-items .select-placeholder {
391
- border: none;
392
- width: 48px;
393
- }
394
-
395
- .wrapper-message {
396
- position: absolute;
397
- top: 45%;
398
- right: 0;
399
- bottom: auto;
400
- left: 0;
401
- width: auto;
402
- height: auto;
403
- transform: translate3d(0, -50%, 0);
404
- text-align: center;
405
- }
406
-
407
- .wrapper-message [class^="icon-"],
408
- .wrapper-message [class*=" icon-"] {
409
- font-size: 48px;
410
- line-height: 56px;
411
- color: #2cc5d2;
412
- display: block;
413
- }
414
-
415
- .wrapper-message .title-message {
416
- font-size: 16px;
417
- line-height: 24px;
418
- font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
419
- font-weight: 800;
420
- color: #4a5568;
421
- }
422
-
423
- .wrapper-message .subtitle-message {
424
- font-size: 14px;
425
- line-height: 20px;
426
- color: #4a5568;
427
- }
428
-
429
- .page.lists-show {
430
- min-height: 100vh;
431
- background: white;
432
- }
433
-
434
- .page.lists-show nav {
435
- background: #d3edf4;
436
- padding: 1.5rem 1.25rem;
437
- text-align: center;
438
- }
439
-
440
- @media screen and (min-width: 40em) {
441
- .page.lists-show nav {
442
- text-align: left;
443
- }
444
- }
445
-
446
- .page.lists-show nav .title-page {
447
- font-size: 20px;
448
- line-height: 24px;
449
- line-height: 2rem;
450
- cursor: pointer;
451
- white-space: nowrap;
452
- font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
453
- overflow: hidden;
454
- text-overflow: ellipsis;
455
- font-weight: 800;
456
- color: #1c3f53;
457
- display: inline-block;
458
- vertical-align: top;
459
- max-width: 100%;
460
- }
461
-
462
- html, body { height: 100%; }
463
- body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
package/tsconfig.app.json DELETED
@@ -1,10 +0,0 @@
1
- /* To learn more about this file see: https://angular.io/config/tsconfig. */
2
- {
3
- "extends": "./tsconfig.json",
4
- "compilerOptions": {
5
- "outDir": "./out-tsc/app",
6
- "types": []
7
- },
8
- "files": ["src/main.ts"],
9
- "include": ["src/**/*.d.ts"]
10
- }
package/tsconfig.json DELETED
@@ -1,34 +0,0 @@
1
- /* To learn more about this file see: https://angular.io/config/tsconfig. */
2
- {
3
- "compileOnSave": false,
4
- "compilerOptions": {
5
- "paths": {
6
- "allsorter-lib": [
7
- "./dist/allsorter-lib"
8
- ]
9
- },
10
- "baseUrl": "./",
11
- "outDir": "./dist/out-tsc",
12
- "esModuleInterop": true,
13
- "strict": true,
14
- "noImplicitOverride": true,
15
- "noPropertyAccessFromIndexSignature": true,
16
- "noImplicitReturns": true,
17
- "noFallthroughCasesInSwitch": true,
18
- "sourceMap": true,
19
- "declaration": false,
20
- "experimentalDecorators": true,
21
- "moduleResolution": "node",
22
- "importHelpers": true,
23
- "target": "ES2022",
24
- "module": "ES2022",
25
- "useDefineForClassFields": false,
26
- "lib": ["ES2022", "dom"]
27
- },
28
- "angularCompilerOptions": {
29
- "enableI18nLegacyMessageIdFormat": false,
30
- "strictInjectionParameters": true,
31
- "strictInputAccessModifiers": true,
32
- "strictTemplates": false
33
- }
34
- }
@@ -1,10 +0,0 @@
1
- /* To learn more about this file see: https://angular.io/config/tsconfig. */
2
- {
3
- "extends": "./tsconfig.json",
4
- "compilerOptions": {
5
- "outDir": "./out-tsc/spec",
6
- "module": "CommonJs",
7
- "types": ["jest"]
8
- },
9
- "include": ["src/**/*.spec.ts", "src/**/*.d.ts"]
10
- }