@nyaruka/temba-components 0.55.0 → 0.56.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 (56) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/{31b8df84.js → 86c3ca3f.js} +186 -103
  3. package/dist/index.js +186 -103
  4. package/dist/locales/es.js +6 -0
  5. package/dist/locales/es.js.map +1 -1
  6. package/dist/locales/fr.js +6 -0
  7. package/dist/locales/fr.js.map +1 -1
  8. package/dist/locales/pt.js +6 -0
  9. package/dist/locales/pt.js.map +1 -1
  10. package/dist/static/svg/index.svg +1 -1
  11. package/dist/sw.js +1 -1
  12. package/dist/sw.js.map +1 -1
  13. package/dist/templates/components-body.html +1 -1
  14. package/dist/templates/components-head.html +1 -1
  15. package/out-tsc/src/FormElement.js +6 -0
  16. package/out-tsc/src/FormElement.js.map +1 -1
  17. package/out-tsc/src/button/Button.js +1 -1
  18. package/out-tsc/src/button/Button.js.map +1 -1
  19. package/out-tsc/src/contactsearch/ContactSearch.js +244 -95
  20. package/out-tsc/src/contactsearch/ContactSearch.js.map +1 -1
  21. package/out-tsc/src/label/Label.js +2 -3
  22. package/out-tsc/src/label/Label.js.map +1 -1
  23. package/out-tsc/src/locales/es.js +6 -0
  24. package/out-tsc/src/locales/es.js.map +1 -1
  25. package/out-tsc/src/locales/fr.js +6 -0
  26. package/out-tsc/src/locales/fr.js.map +1 -1
  27. package/out-tsc/src/locales/pt.js +6 -0
  28. package/out-tsc/src/locales/pt.js.map +1 -1
  29. package/out-tsc/src/omnibox/Omnibox.js +10 -3
  30. package/out-tsc/src/omnibox/Omnibox.js.map +1 -1
  31. package/out-tsc/src/select/Select.js +21 -11
  32. package/out-tsc/src/select/Select.js.map +1 -1
  33. package/out-tsc/src/vectoricon/VectorIcon.js +20 -0
  34. package/out-tsc/src/vectoricon/VectorIcon.js.map +1 -1
  35. package/out-tsc/src/vectoricon/index.js +3 -1
  36. package/out-tsc/src/vectoricon/index.js.map +1 -1
  37. package/package.json +1 -1
  38. package/src/FormElement.ts +8 -0
  39. package/src/button/Button.ts +1 -1
  40. package/src/contactsearch/ContactSearch.ts +270 -113
  41. package/src/label/Label.ts +2 -3
  42. package/src/locales/es.ts +6 -0
  43. package/src/locales/fr.ts +6 -0
  44. package/src/locales/pt.ts +6 -0
  45. package/src/omnibox/Omnibox.ts +10 -4
  46. package/src/select/Select.ts +21 -11
  47. package/src/vectoricon/VectorIcon.ts +20 -0
  48. package/src/vectoricon/index.ts +4 -1
  49. package/static/svg/index.svg +1 -1
  50. package/static/svg/work/traced/edit-03.svg +1 -0
  51. package/static/svg/work/traced/flip-backward.svg +1 -0
  52. package/static/svg/work/used/edit-03.svg +3 -0
  53. package/static/svg/work/used/flip-backward.svg +3 -0
  54. package/xliff/es.xlf +18 -0
  55. package/xliff/fr.xlf +18 -0
  56. package/xliff/pt.xlf +18 -0
@@ -18,6 +18,9 @@ export class VectorIcon extends LitElement {
18
18
  @property({ type: Number })
19
19
  size = 1;
20
20
 
21
+ @property({ type: Boolean })
22
+ spin: boolean;
23
+
21
24
  @property({ type: Boolean })
22
25
  clickable: boolean;
23
26
 
@@ -121,6 +124,22 @@ export class VectorIcon extends LitElement {
121
124
  margin: calc(-1 * var(--icon-circle-size));
122
125
  background: var(--icon-background);
123
126
  }
127
+
128
+ .spin-forever {
129
+ animation-name: spin;
130
+ animation-duration: 2000ms;
131
+ animation-iteration-count: infinite;
132
+ animation-timing-function: linear;
133
+ }
134
+
135
+ @keyframes spin {
136
+ from {
137
+ transform: rotate(0deg);
138
+ }
139
+ to {
140
+ transform: rotate(360deg);
141
+ }
142
+ }
124
143
  `;
125
144
  }
126
145
 
@@ -204,6 +223,7 @@ export class VectorIcon extends LitElement {
204
223
  clickable: this.clickable,
205
224
  circled: this.circled,
206
225
  animate: !!this.animateChange || !!this.animateClick,
226
+ 'spin-forever': this.spin,
207
227
  })}"
208
228
  >
209
229
  <svg
@@ -1,5 +1,5 @@
1
1
  // for cache busting we dynamically generate a fingerprint, use yarn svg to update
2
- export const SVG_FINGERPRINT = '6604402305b1107c60b8e2af39ba3e28';
2
+ export const SVG_FINGERPRINT = '9e7047ba4e3340690cde2911fc99dbeb';
3
3
 
4
4
  // only icons below are included in the sprite sheet
5
5
  export enum Icon {
@@ -83,6 +83,7 @@ export enum Icon {
83
83
  delete_small = 'x',
84
84
  down = 'chevron-down',
85
85
  download = 'download-01',
86
+ edit = 'edit-03',
86
87
  email = 'mail-01',
87
88
  error = 'alert-circle',
88
89
  event = 'zap',
@@ -133,6 +134,7 @@ export enum Icon {
133
134
  featured = 'star-01',
134
135
  referral = 'user-right-01',
135
136
  resend = 'refresh-cw-05',
137
+ reset = 'flip-backward',
136
138
  resthooks = 'share-07',
137
139
  restore = 'play',
138
140
  retry = 'refresh-cw-05',
@@ -149,6 +151,7 @@ export enum Icon {
149
151
  sort_down = 'sort-arrow-down',
150
152
  sort_up = 'sort-arrow-up',
151
153
  staff = 'hard-drive',
154
+
152
155
  tickets = 'agent',
153
156
  tickets_all = 'archive',
154
157
  tickets_closed = 'check',