@uploadcare/file-uploader 1.13.0 → 1.13.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/blocks/FileItem/FileItem.d.ts +4 -0
- package/blocks/FileItem/FileItem.d.ts.map +1 -1
- package/blocks/FileItem/FileItem.js +22 -2
- package/blocks/ProgressBar/ProgressBar.d.ts +2 -0
- package/blocks/ProgressBar/ProgressBar.d.ts.map +1 -1
- package/blocks/ProgressBar/ProgressBar.js +36 -9
- package/blocks/ProgressBar/progress-bar.css +35 -1
- package/env.d.ts +1 -1
- package/env.js +1 -1
- package/index.ssr.d.ts +1 -1
- package/index.ssr.d.ts.map +1 -1
- package/index.ssr.js +6 -2
- package/locales/file-uploader/ar.d.ts +1 -0
- package/locales/file-uploader/ar.js +1 -0
- package/locales/file-uploader/az.d.ts +1 -0
- package/locales/file-uploader/az.js +1 -0
- package/locales/file-uploader/ca.d.ts +1 -0
- package/locales/file-uploader/ca.js +1 -0
- package/locales/file-uploader/cs.d.ts +1 -0
- package/locales/file-uploader/cs.js +1 -0
- package/locales/file-uploader/da.d.ts +1 -0
- package/locales/file-uploader/da.js +1 -0
- package/locales/file-uploader/de.d.ts +1 -0
- package/locales/file-uploader/de.js +1 -0
- package/locales/file-uploader/el.d.ts +1 -0
- package/locales/file-uploader/el.js +1 -0
- package/locales/file-uploader/en.d.ts +1 -0
- package/locales/file-uploader/en.js +2 -1
- package/locales/file-uploader/es.d.ts +1 -0
- package/locales/file-uploader/es.js +1 -0
- package/locales/file-uploader/et.d.ts +1 -0
- package/locales/file-uploader/et.js +1 -0
- package/locales/file-uploader/fi.d.ts +1 -0
- package/locales/file-uploader/fi.js +1 -0
- package/locales/file-uploader/fr.d.ts +1 -0
- package/locales/file-uploader/fr.js +1 -0
- package/locales/file-uploader/he.d.ts +1 -0
- package/locales/file-uploader/he.js +1 -0
- package/locales/file-uploader/hy.d.ts +1 -0
- package/locales/file-uploader/hy.js +1 -0
- package/locales/file-uploader/is.d.ts +1 -0
- package/locales/file-uploader/is.js +1 -0
- package/locales/file-uploader/it.d.ts +1 -0
- package/locales/file-uploader/it.js +1 -0
- package/locales/file-uploader/ja.d.ts +1 -0
- package/locales/file-uploader/ja.js +1 -0
- package/locales/file-uploader/ka.d.ts +1 -0
- package/locales/file-uploader/ka.js +1 -0
- package/locales/file-uploader/kk.d.ts +1 -0
- package/locales/file-uploader/kk.js +1 -0
- package/locales/file-uploader/ko.d.ts +1 -0
- package/locales/file-uploader/ko.js +1 -0
- package/locales/file-uploader/lv.d.ts +1 -0
- package/locales/file-uploader/lv.js +1 -0
- package/locales/file-uploader/nb.d.ts +1 -0
- package/locales/file-uploader/nb.js +1 -0
- package/locales/file-uploader/nl.d.ts +1 -0
- package/locales/file-uploader/nl.js +1 -0
- package/locales/file-uploader/pl.d.ts +1 -0
- package/locales/file-uploader/pl.js +1 -0
- package/locales/file-uploader/pt.d.ts +1 -0
- package/locales/file-uploader/pt.js +1 -0
- package/locales/file-uploader/ro.d.ts +1 -0
- package/locales/file-uploader/ro.js +1 -0
- package/locales/file-uploader/ru.d.ts +1 -0
- package/locales/file-uploader/ru.js +1 -0
- package/locales/file-uploader/sk.d.ts +1 -0
- package/locales/file-uploader/sk.js +1 -0
- package/locales/file-uploader/sr.d.ts +1 -0
- package/locales/file-uploader/sr.js +1 -0
- package/locales/file-uploader/sv.d.ts +1 -0
- package/locales/file-uploader/sv.js +1 -0
- package/locales/file-uploader/tr.d.ts +1 -0
- package/locales/file-uploader/tr.js +1 -0
- package/locales/file-uploader/uk.d.ts +1 -0
- package/locales/file-uploader/uk.js +1 -0
- package/locales/file-uploader/vi.d.ts +1 -0
- package/locales/file-uploader/vi.js +1 -0
- package/locales/file-uploader/zh-TW.d.ts +1 -0
- package/locales/file-uploader/zh-TW.js +1 -0
- package/locales/file-uploader/zh.d.ts +1 -0
- package/locales/file-uploader/zh.js +1 -0
- package/package.json +1 -1
- package/web/file-uploader.iife.min.js +4 -4
- package/web/file-uploader.min.js +3 -3
- package/web/uc-basic.min.css +1 -1
- package/web/uc-cloud-image-editor.min.js +1 -1
- package/web/uc-file-uploader-inline.min.css +1 -1
- package/web/uc-file-uploader-inline.min.js +3 -3
- package/web/uc-file-uploader-minimal.min.css +1 -1
- package/web/uc-file-uploader-minimal.min.js +3 -3
- package/web/uc-file-uploader-regular.min.css +1 -1
- package/web/uc-file-uploader-regular.min.js +3 -3
- package/web/uc-img.min.js +1 -1
|
@@ -18,6 +18,7 @@ export class FileItem extends UploaderBlock {
|
|
|
18
18
|
uid: string;
|
|
19
19
|
itemName: string;
|
|
20
20
|
errorText: string;
|
|
21
|
+
hint: string;
|
|
21
22
|
thumbUrl: string;
|
|
22
23
|
progressValue: number;
|
|
23
24
|
progressVisible: boolean;
|
|
@@ -62,6 +63,9 @@ export class FileItem extends UploaderBlock {
|
|
|
62
63
|
* @param {(value: any) => void} handler
|
|
63
64
|
*/
|
|
64
65
|
private _subEntry;
|
|
66
|
+
_updateHint: (() => void) & {
|
|
67
|
+
readonly cancel: () => void;
|
|
68
|
+
};
|
|
65
69
|
/**
|
|
66
70
|
* @private
|
|
67
71
|
* @param {String} id
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileItem.d.ts","sourceRoot":"","sources":["FileItem.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FileItem.d.ts","sourceRoot":"","sources":["FileItem.js"],"names":[],"mappings":"AAoBA;IAIE,eAAe;IACf,mBAAuB;IACvB;;;OAGG;IACH,eAAc;IACd,eAAe;IACf,wBAAwB;IACxB,eAAe;IACf,gCAA4E;IAC5E,eAAe;IACf,iCAA0E;IAE1E,eAAe;IACf,sBAAsB;IAKpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA6BC;IAGH,eASC;IAED;;;OAGG;IACH,0BAaC;IAED,eAAe;IACf,wBAgBC;IAED,eAAe;IACf,2BAsCC;IAED;;;;OAIG;IACH,kBAUC;IAED;;MAaQ;IAER;;;OAGG;IACH,uBAmDC;IAsCD,wEAAwE;IACxE,oBADY,CAAC,oBAAoB,CAAC,CAAC,MAAM,oBAAoB,CAAC,QA0B7D;IAaC,eAAe;IACf,kBAEE;IAWJ;;;MAEC;IAED;;;OAGG;IACH,uBAEC;IAED,wBAsFC;CACF;;;;;8BAvb6B,iCAAiC;AAS/D;;;;;GAKG"}
|
|
@@ -8,6 +8,8 @@ import { fileCssBg } from '../svg-backgrounds/svg-backgrounds.js';
|
|
|
8
8
|
import { debounce } from '../utils/debounce.js';
|
|
9
9
|
import { generateThumb } from '../utils/resizeImage.js';
|
|
10
10
|
import { parseShrink } from '../../utils/parseShrink.js';
|
|
11
|
+
import { UploadSource } from '../utils/UploadSource.js';
|
|
12
|
+
import { throttle } from '../utils/throttle.js';
|
|
11
13
|
|
|
12
14
|
const FileItemState = Object.freeze({
|
|
13
15
|
FINISHED: Symbol('FINISHED'),
|
|
@@ -45,6 +47,7 @@ export class FileItem extends UploaderBlock {
|
|
|
45
47
|
uid: '',
|
|
46
48
|
itemName: '',
|
|
47
49
|
errorText: '',
|
|
50
|
+
hint: '',
|
|
48
51
|
thumbUrl: '',
|
|
49
52
|
progressValue: 0,
|
|
50
53
|
progressVisible: false,
|
|
@@ -178,6 +181,21 @@ export class FileItem extends UploaderBlock {
|
|
|
178
181
|
this._entrySubs.add(sub);
|
|
179
182
|
}
|
|
180
183
|
|
|
184
|
+
_updateHint = throttle(() => {
|
|
185
|
+
const showHint =
|
|
186
|
+
this.$.state === FileItemState.UPLOADING &&
|
|
187
|
+
this._entry.getValue('externalUrl') &&
|
|
188
|
+
this._entry.getValue('source') !== UploadSource.URL &&
|
|
189
|
+
this._entry.getValue('errors').length === 0 &&
|
|
190
|
+
this.$.progressValue === 0;
|
|
191
|
+
|
|
192
|
+
const hint = showHint
|
|
193
|
+
? this.l10n('waiting-for', { source: this.l10n(`src-type-${this._entry.getValue('source')}`) })
|
|
194
|
+
: '';
|
|
195
|
+
|
|
196
|
+
this.$.hint = hint;
|
|
197
|
+
}, 100);
|
|
198
|
+
|
|
181
199
|
/**
|
|
182
200
|
* @private
|
|
183
201
|
* @param {String} id
|
|
@@ -195,6 +213,7 @@ export class FileItem extends UploaderBlock {
|
|
|
195
213
|
|
|
196
214
|
this._subEntry('uploadProgress', (uploadProgress) => {
|
|
197
215
|
this.$.progressValue = uploadProgress;
|
|
216
|
+
this._updateHint();
|
|
198
217
|
});
|
|
199
218
|
|
|
200
219
|
this._subEntry('fileName', (name) => {
|
|
@@ -280,8 +299,6 @@ export class FileItem extends UploaderBlock {
|
|
|
280
299
|
|
|
281
300
|
if (state === FileItemState.UPLOADING) {
|
|
282
301
|
this.$.isFocused = false;
|
|
283
|
-
} else {
|
|
284
|
-
this.$.progressValue = 0;
|
|
285
302
|
}
|
|
286
303
|
|
|
287
304
|
this.set$({
|
|
@@ -296,6 +313,8 @@ export class FileItem extends UploaderBlock {
|
|
|
296
313
|
status: this.l10n(state?.description?.toLocaleLowerCase() ?? '').toLocaleLowerCase(),
|
|
297
314
|
}),
|
|
298
315
|
});
|
|
316
|
+
|
|
317
|
+
this._updateHint();
|
|
299
318
|
}
|
|
300
319
|
|
|
301
320
|
destroyCallback() {
|
|
@@ -434,6 +453,7 @@ FileItem.template = /* HTML */ `
|
|
|
434
453
|
<div aria-live="polite" class="uc-file-name-wrapper" set="@aria-label:ariaLabelStatusFile;">
|
|
435
454
|
<span class="uc-file-name" set="@title: itemName">{{itemName}}</span>
|
|
436
455
|
<span class="uc-file-error" set="@hidden: !errorText">{{errorText}}</span>
|
|
456
|
+
<span class="uc-file-hint" set="@hidden: !hint">{{hint}}</span>
|
|
437
457
|
</div>
|
|
438
458
|
<div class="uc-file-actions">
|
|
439
459
|
<button
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["ProgressBar.js"],"names":[],"mappings":"AAEA;IACE,qBAAqB;IACrB,eAAW;IAEX,WAIE;
|
|
1
|
+
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["ProgressBar.js"],"names":[],"mappings":"AAEA;IACE,qBAAqB;IACrB,eAAW;IAEX,sBAAsB;IACtB,kBAAgB;IAEhB,WAIE;CA8CH;;;;sBA3DqB,yBAAyB"}
|
|
@@ -4,6 +4,9 @@ export class ProgressBar extends Block {
|
|
|
4
4
|
/** @type {Number} */
|
|
5
5
|
_value = 0;
|
|
6
6
|
|
|
7
|
+
/** @type {Boolean} */
|
|
8
|
+
_visible = true;
|
|
9
|
+
|
|
7
10
|
init$ = {
|
|
8
11
|
...this.init$,
|
|
9
12
|
width: 0,
|
|
@@ -13,26 +16,50 @@ export class ProgressBar extends Block {
|
|
|
13
16
|
initCallback() {
|
|
14
17
|
super.initCallback();
|
|
15
18
|
this.defineAccessor('value', (value) => {
|
|
16
|
-
if (value === undefined)
|
|
17
|
-
return;
|
|
18
|
-
}
|
|
19
|
+
if (value === undefined || value === null) return;
|
|
19
20
|
const prevValue = this._value;
|
|
20
21
|
this._value = value;
|
|
22
|
+
if (!this._visible) return;
|
|
23
|
+
if (value === 100) {
|
|
24
|
+
this.ref.realProgressLine.addEventListener(
|
|
25
|
+
'transitionend',
|
|
26
|
+
() => {
|
|
27
|
+
this.ref.realProgressLine.classList.toggle('uc-progress--hidden', true);
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
once: true,
|
|
31
|
+
},
|
|
32
|
+
);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
this.ref.fakeProgressLine.classList.toggle('uc-fake-progress--hidden', value !== 0);
|
|
21
36
|
|
|
22
37
|
if (value === 0 && prevValue > 0) {
|
|
23
|
-
this.ref.
|
|
24
|
-
|
|
25
|
-
|
|
38
|
+
this.ref.realProgressLine.addEventListener(
|
|
39
|
+
'transitionend',
|
|
40
|
+
() => {
|
|
41
|
+
this.style.setProperty('--l-progress-value', this._value.toString());
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
once: true,
|
|
45
|
+
},
|
|
46
|
+
);
|
|
26
47
|
return;
|
|
27
48
|
}
|
|
28
49
|
|
|
29
|
-
this.style.setProperty('--l-
|
|
50
|
+
this.style.setProperty('--l-progress-value', this._value.toString());
|
|
30
51
|
});
|
|
31
52
|
|
|
32
53
|
this.defineAccessor('visible', (visible) => {
|
|
33
|
-
this.
|
|
54
|
+
this._visible = visible;
|
|
55
|
+
|
|
56
|
+
this.ref.realProgressLine.classList.toggle('uc-progress--hidden', !visible);
|
|
57
|
+
this.ref.fakeProgressLine.classList.toggle('uc-fake-progress--hidden', !visible);
|
|
34
58
|
});
|
|
35
59
|
}
|
|
36
60
|
}
|
|
37
61
|
|
|
38
|
-
ProgressBar.template = /* HTML */ `
|
|
62
|
+
ProgressBar.template = /* HTML */ `
|
|
63
|
+
<div ref="fakeProgressLine" class="uc-fake-progress"></div>
|
|
64
|
+
<div ref="realProgressLine" class="uc-progress"></div>
|
|
65
|
+
`;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
uc-progress-bar {
|
|
2
|
+
--l-progress-value: 0;
|
|
3
|
+
|
|
2
4
|
position: absolute;
|
|
3
5
|
top: 0;
|
|
4
6
|
bottom: 0;
|
|
@@ -10,7 +12,8 @@ uc-progress-bar {
|
|
|
10
12
|
}
|
|
11
13
|
|
|
12
14
|
uc-progress-bar .uc-progress {
|
|
13
|
-
|
|
15
|
+
position: absolute;
|
|
16
|
+
width: calc(var(--l-progress-value) * 1%);
|
|
14
17
|
height: 100%;
|
|
15
18
|
background-color: var(--uc-primary);
|
|
16
19
|
transform: translateX(0);
|
|
@@ -23,3 +26,34 @@ uc-progress-bar .uc-progress {
|
|
|
23
26
|
uc-progress-bar .uc-progress--hidden {
|
|
24
27
|
opacity: 0;
|
|
25
28
|
}
|
|
29
|
+
|
|
30
|
+
uc-progress-bar .uc-fake-progress {
|
|
31
|
+
--l-fake-progress-width: 30;
|
|
32
|
+
|
|
33
|
+
position: absolute;
|
|
34
|
+
width: calc(var(--l-fake-progress-width) * 1%);
|
|
35
|
+
height: 100%;
|
|
36
|
+
background-color: var(--uc-primary);
|
|
37
|
+
animation: fake-progress-animation 1s ease-in-out infinite;
|
|
38
|
+
opacity: 1;
|
|
39
|
+
transition:
|
|
40
|
+
opacity 0.3s,
|
|
41
|
+
display 1s;
|
|
42
|
+
/* stylelint-disable-next-line property-no-unknown */
|
|
43
|
+
transition-behavior: allow-discrete;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
uc-progress-bar .uc-fake-progress--hidden {
|
|
47
|
+
opacity: 0;
|
|
48
|
+
display: none;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
@keyframes fake-progress-animation {
|
|
52
|
+
from {
|
|
53
|
+
transform: translateX(-100%);
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
to {
|
|
57
|
+
transform: translateX(calc(100 / var(--l-fake-progress-width) * 100 * 1%));
|
|
58
|
+
}
|
|
59
|
+
}
|
package/env.d.ts
CHANGED
package/env.js
CHANGED
package/index.ssr.d.ts
CHANGED
|
@@ -530,7 +530,7 @@ export const Modal: {
|
|
|
530
530
|
bindAttributes: () => void;
|
|
531
531
|
};
|
|
532
532
|
export const PACKAGE_NAME: "blocks";
|
|
533
|
-
export const PACKAGE_VERSION: "1.13.
|
|
533
|
+
export const PACKAGE_VERSION: "1.13.1";
|
|
534
534
|
export const PresenceToggle: {
|
|
535
535
|
new (): {};
|
|
536
536
|
template: string;
|
package/index.ssr.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.ssr.d.ts","sourceRoot":"","sources":["index.ssr.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;EAcE;AACF;;;;;;;;;;;;;;;EAcE;AACF;;;;;EAIE;AACF;;;;;;EAKE;AACF;;;;;;;;EAYE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0IE;AACF;;;;;;;;EAuCE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CE;AACF;;;;;;;;EAuCE;AACF;;;;;;;EAsGE;AACF;;;;;;;EAaE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;EAeE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgEE;AACF;;;;;;;EAWE;AACF;;;;;;;EAWE;AACF;;;;;;;EASE;AACF;;;;;;EAKE;AACF;;;;;;;EAWE;AACF;;;;;;;EAME;AACF;;;;;;;EAWE;AACF;;;;;;;EA2IE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwEE;;;;;;;;;;;;;AAaF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.ssr.d.ts","sourceRoot":"","sources":["index.ssr.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;EAcE;AACF;;;;;;;;;;;;;;;EAcE;AACF;;;;;EAIE;AACF;;;;;;EAKE;AACF;;;;;;;;EAYE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0IE;AACF;;;;;;;;EAuCE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CE;AACF;;;;;;;;EAuCE;AACF;;;;;;;EAsGE;AACF;;;;;;;EAaE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;EAeE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgEE;AACF;;;;;;;EAWE;AACF;;;;;;;EAWE;AACF;;;;;;;EASE;AACF;;;;;;EAKE;AACF;;;;;;;EAWE;AACF;;;;;;;EAME;AACF;;;;;;;EAWE;AACF;;;;;;;EA2IE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwEE;;;;;;;;;;;;;AAaF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkFE;AACF;;;;;;EAKE;AACF;;;;;;EAKE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CE;AACF;;;;;;;;EAWE;AACF;;;;;;EAwBE;AACF;;;;;;;EAUE;AACF;;;;;;;;EAWE;AACF,oCAAqC;AACrC,uCAAwC;AACxC;;;;;;;EAME;AACF;;;;;;;EASE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8CE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwDE;AACF;;;;;;;EAeE;AACF;;;;;;EAKE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoDE;AACF;;;;;;EAKE;AACF;;;;;;EAKE;AACF;;;;;;;;;;;;;;;;EAeE;AACF;;;;;;;;;;;;EAWE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiEE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4FE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CE;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyEE;AACK,yCAAiC;AACjC,qCAA6B;AAC7B,6CAAqC;AACrC,oCAA4B"}
|
package/index.ssr.js
CHANGED
|
@@ -829,6 +829,7 @@ export const FileItem = class {
|
|
|
829
829
|
<div aria-live="polite" class="uc-file-name-wrapper" set="@aria-label:ariaLabelStatusFile;">
|
|
830
830
|
<span class="uc-file-name" set="@title: itemName">{{itemName}}</span>
|
|
831
831
|
<span class="uc-file-error" set="@hidden: !errorText">{{errorText}}</span>
|
|
832
|
+
<span class="uc-file-hint" set="@hidden: !hint">{{hint}}</span>
|
|
832
833
|
</div>
|
|
833
834
|
<div class="uc-file-actions">
|
|
834
835
|
<button
|
|
@@ -1026,7 +1027,7 @@ export const Modal = class {
|
|
|
1026
1027
|
static bindAttributes = () => {};
|
|
1027
1028
|
};
|
|
1028
1029
|
export const PACKAGE_NAME = `blocks`;
|
|
1029
|
-
export const PACKAGE_VERSION = `1.13.
|
|
1030
|
+
export const PACKAGE_VERSION = `1.13.1`;
|
|
1030
1031
|
export const PresenceToggle = class {
|
|
1031
1032
|
static template = `<slot></slot> `;
|
|
1032
1033
|
static reg = () => {};
|
|
@@ -1035,7 +1036,10 @@ export const PresenceToggle = class {
|
|
|
1035
1036
|
static bindAttributes = () => {};
|
|
1036
1037
|
};
|
|
1037
1038
|
export const ProgressBar = class {
|
|
1038
|
-
static template = `
|
|
1039
|
+
static template = `
|
|
1040
|
+
<div ref="fakeProgressLine" class="uc-fake-progress"></div>
|
|
1041
|
+
<div ref="realProgressLine" class="uc-progress"></div>
|
|
1042
|
+
`;
|
|
1039
1043
|
static reg = () => {};
|
|
1040
1044
|
static styleAttrs = [];
|
|
1041
1045
|
static is = `sym-1`;
|
|
@@ -97,7 +97,7 @@ export default {
|
|
|
97
97
|
'You’ve chosen {{total}} {{plural:file(total)}}. At least {{min}} {{plural:file(min)}} required.',
|
|
98
98
|
'files-count-limit-error-too-many': 'You’ve chosen too many files. {{max}} {{plural:file(max)}} is maximum.',
|
|
99
99
|
'files-max-size-limit-error': 'File is too big. Max file size is {{maxFileSize}}.',
|
|
100
|
-
'has-validation-errors': 'File validation error
|
|
100
|
+
'has-validation-errors': 'File validation error occurred. Please, check your files before upload.',
|
|
101
101
|
'images-only-accepted': 'Only image files are accepted.',
|
|
102
102
|
'file-type-not-allowed': 'Uploading of these file types is not allowed.',
|
|
103
103
|
'some-files-were-not-uploaded': 'Some files were not uploaded.',
|
|
@@ -117,4 +117,5 @@ export default {
|
|
|
117
117
|
uploading: 'Uploading',
|
|
118
118
|
idle: 'Idle',
|
|
119
119
|
'a11y-file-item-status': 'File {{fileName}} in status {{status}}',
|
|
120
|
+
'waiting-for': 'Waiting for {{source}}',
|
|
120
121
|
};
|