@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.
- package/CHANGELOG.md +14 -0
- package/dist/{31b8df84.js → 86c3ca3f.js} +186 -103
- package/dist/index.js +186 -103
- package/dist/locales/es.js +6 -0
- package/dist/locales/es.js.map +1 -1
- package/dist/locales/fr.js +6 -0
- package/dist/locales/fr.js.map +1 -1
- package/dist/locales/pt.js +6 -0
- package/dist/locales/pt.js.map +1 -1
- package/dist/static/svg/index.svg +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/dist/templates/components-body.html +1 -1
- package/dist/templates/components-head.html +1 -1
- package/out-tsc/src/FormElement.js +6 -0
- package/out-tsc/src/FormElement.js.map +1 -1
- package/out-tsc/src/button/Button.js +1 -1
- package/out-tsc/src/button/Button.js.map +1 -1
- package/out-tsc/src/contactsearch/ContactSearch.js +244 -95
- package/out-tsc/src/contactsearch/ContactSearch.js.map +1 -1
- package/out-tsc/src/label/Label.js +2 -3
- package/out-tsc/src/label/Label.js.map +1 -1
- package/out-tsc/src/locales/es.js +6 -0
- package/out-tsc/src/locales/es.js.map +1 -1
- package/out-tsc/src/locales/fr.js +6 -0
- package/out-tsc/src/locales/fr.js.map +1 -1
- package/out-tsc/src/locales/pt.js +6 -0
- package/out-tsc/src/locales/pt.js.map +1 -1
- package/out-tsc/src/omnibox/Omnibox.js +10 -3
- package/out-tsc/src/omnibox/Omnibox.js.map +1 -1
- package/out-tsc/src/select/Select.js +21 -11
- package/out-tsc/src/select/Select.js.map +1 -1
- package/out-tsc/src/vectoricon/VectorIcon.js +20 -0
- package/out-tsc/src/vectoricon/VectorIcon.js.map +1 -1
- package/out-tsc/src/vectoricon/index.js +3 -1
- package/out-tsc/src/vectoricon/index.js.map +1 -1
- package/package.json +1 -1
- package/src/FormElement.ts +8 -0
- package/src/button/Button.ts +1 -1
- package/src/contactsearch/ContactSearch.ts +270 -113
- package/src/label/Label.ts +2 -3
- package/src/locales/es.ts +6 -0
- package/src/locales/fr.ts +6 -0
- package/src/locales/pt.ts +6 -0
- package/src/omnibox/Omnibox.ts +10 -4
- package/src/select/Select.ts +21 -11
- package/src/vectoricon/VectorIcon.ts +20 -0
- package/src/vectoricon/index.ts +4 -1
- package/static/svg/index.svg +1 -1
- package/static/svg/work/traced/edit-03.svg +1 -0
- package/static/svg/work/traced/flip-backward.svg +1 -0
- package/static/svg/work/used/edit-03.svg +3 -0
- package/static/svg/work/used/flip-backward.svg +3 -0
- package/xliff/es.xlf +18 -0
- package/xliff/fr.xlf +18 -0
- 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
|
package/src/vectoricon/index.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// for cache busting we dynamically generate a fingerprint, use yarn svg to update
|
|
2
|
-
export const SVG_FINGERPRINT = '
|
|
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',
|