@firestitch/chip 8.1.9 → 13.0.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 (39) hide show
  1. package/app/components/chip/chip.component.d.ts +19 -9
  2. package/app/components/chips/chips.component.d.ts +12 -8
  3. package/app/fs-chip.module.d.ts +10 -1
  4. package/app/services/chips.service.d.ts +5 -2
  5. package/esm2020/app/components/chip/chip.component.mjs +221 -0
  6. package/esm2020/app/components/chips/chips.component.mjs +132 -0
  7. package/esm2020/app/fs-chip.module.mjs +44 -0
  8. package/esm2020/app/services/chips.service.mjs +47 -0
  9. package/esm2020/firestitch-chip.mjs +5 -0
  10. package/esm2020/public_api.mjs +7 -0
  11. package/fesm2015/firestitch-chip.mjs +442 -0
  12. package/fesm2015/firestitch-chip.mjs.map +1 -0
  13. package/fesm2020/firestitch-chip.mjs +440 -0
  14. package/fesm2020/firestitch-chip.mjs.map +1 -0
  15. package/firestitch-chip.d.ts +1 -3
  16. package/package.json +21 -12
  17. package/public_api.d.ts +2 -0
  18. package/styles.scss +0 -190
  19. package/bundles/firestitch-chip.umd.js +0 -837
  20. package/bundles/firestitch-chip.umd.js.map +0 -1
  21. package/bundles/firestitch-chip.umd.min.js +0 -2
  22. package/bundles/firestitch-chip.umd.min.js.map +0 -1
  23. package/esm2015/app/components/chip/chip.component.js +0 -336
  24. package/esm2015/app/components/chips/chips.component.js +0 -236
  25. package/esm2015/app/fs-chip.module.js +0 -39
  26. package/esm2015/app/services/chips.service.js +0 -93
  27. package/esm2015/firestitch-chip.js +0 -13
  28. package/esm2015/public_api.js +0 -10
  29. package/esm5/app/components/chip/chip.component.js +0 -392
  30. package/esm5/app/components/chips/chips.component.js +0 -287
  31. package/esm5/app/fs-chip.module.js +0 -46
  32. package/esm5/app/services/chips.service.js +0 -119
  33. package/esm5/firestitch-chip.js +0 -13
  34. package/esm5/public_api.js +0 -10
  35. package/fesm2015/firestitch-chip.js +0 -709
  36. package/fesm2015/firestitch-chip.js.map +0 -1
  37. package/fesm5/firestitch-chip.js +0 -845
  38. package/fesm5/firestitch-chip.js.map +0 -1
  39. package/firestitch-chip.metadata.json +0 -1
package/styles.scss CHANGED
@@ -1,190 +0,0 @@
1
- .fs-chip {
2
- user-select: none;
3
- transition: box-shadow 280ms cubic-bezier(.4,0,.2,1);
4
- display: inline-flex;
5
- padding: 0px 12px;
6
- border-radius: 16px;
7
- align-items: center;
8
- cursor: default;
9
- height: 30px;
10
- background-color: #e0e0e0;
11
- overflow: hidden;
12
-
13
- &.imaged {
14
- overflow: visible;
15
- padding-left: 0;
16
-
17
- &.outlined .image {
18
- margin-left: -2px;
19
- }
20
- }
21
-
22
- &.removable,
23
- &.selected {
24
- padding-right: 3px;
25
- }
26
-
27
- &.selectable {
28
- cursor: pointer;
29
- }
30
-
31
- &.outlined {
32
- background-color: transparent;
33
- border: 1px solid #e0e0e0;
34
- box-sizing: border-box;
35
- }
36
-
37
- .image {
38
- height: 30px;
39
- width: 30px;
40
- border-radius: 50%;
41
- object-fit: cover;
42
- margin-left: -1px;
43
- margin-right: 8px;
44
- }
45
-
46
- .fs-chip-content {
47
- max-width: 250px;
48
- white-space: nowrap;
49
- overflow: hidden;
50
- text-overflow: ellipsis;
51
- }
52
-
53
- .selected-check {
54
- margin: 0 5px;
55
- display: flex;
56
- }
57
-
58
- .remove {
59
- display: flex;
60
- margin-left: 5px;
61
- cursor: pointer;
62
- mat-icon {
63
- transform: scale(.9);
64
- color: #929292;
65
- height: 23px;
66
- }
67
- }
68
-
69
- &.small {
70
- padding: 0 8px;
71
- font-size: 85%;
72
- height: 22px;
73
- line-height: normal;
74
-
75
- .image {
76
- height: 22px;
77
- width: 22px;
78
- margin-right: 5px;
79
- }
80
-
81
- &.imaged {
82
- padding-left: 0;
83
- }
84
-
85
- .remove {
86
- margin-left: 3px;
87
- }
88
-
89
- .selected-check {
90
- margin: 0 2px 0 0;
91
- mat-icon {
92
- transform: scale(.7);
93
- }
94
- }
95
-
96
- &.removable,
97
- &.selected {
98
- padding-right: 0;
99
- }
100
- }
101
-
102
- &.tiny {
103
- padding: 0 6px;
104
- height: 18px;
105
- line-height: normal;
106
-
107
- .fs-chip-content {
108
- font-size: 75%;
109
- }
110
-
111
- .image {
112
- height: 18px;
113
- width: 18px;
114
- margin-right: 3px;
115
- }
116
-
117
- .remove {
118
- margin-left: 2px;
119
- }
120
-
121
- .selected-check {
122
- margin: 0 1px 0 0;
123
- }
124
-
125
- &.imaged {
126
- padding-left: 0;
127
- }
128
-
129
- &.removable,
130
- &.selected {
131
- padding-right: 0px;
132
- }
133
-
134
- mat-icon {
135
- transform: scale(.7);
136
- }
137
- }
138
-
139
- &.micro {
140
- padding: 0 5px;
141
- height: 16px;
142
- line-height: normal;
143
-
144
- .fs-chip-content {
145
- font-size: 65%;
146
- }
147
-
148
- .image {
149
- height: 100%;
150
- width: 16px;
151
- margin-right: 2px;
152
- }
153
-
154
- .remove {
155
- margin-left: 1px;
156
- }
157
-
158
- .selected-check {
159
- margin: 0 1px 0 0;
160
- }
161
-
162
- &.imaged {
163
- padding-left: 0;
164
- }
165
-
166
- &.removable,
167
- &.selected {
168
- padding-right: 0px;
169
- }
170
-
171
- mat-icon {
172
- transform: scale(.65);
173
- width: 20px;
174
- }
175
- }
176
- }
177
-
178
- .fs-chips {
179
- display: flex;
180
- flex-wrap: wrap;
181
-
182
- &.has-chips {
183
- margin-top: -5px;
184
- }
185
-
186
- .fs-chip {
187
- margin-right: 5px;
188
- margin-top: 5px;
189
- }
190
- }