@uploadcare/file-uploader 1.13.0 → 1.13.1-alpha.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 (90) hide show
  1. package/blocks/FileItem/FileItem.d.ts +4 -0
  2. package/blocks/FileItem/FileItem.d.ts.map +1 -1
  3. package/blocks/FileItem/FileItem.js +22 -2
  4. package/blocks/ProgressBar/ProgressBar.d.ts +2 -0
  5. package/blocks/ProgressBar/ProgressBar.d.ts.map +1 -1
  6. package/blocks/ProgressBar/ProgressBar.js +37 -9
  7. package/blocks/ProgressBar/progress-bar.css +35 -1
  8. package/index.ssr.d.ts.map +1 -1
  9. package/index.ssr.js +5 -1
  10. package/locales/file-uploader/ar.d.ts +1 -0
  11. package/locales/file-uploader/ar.js +1 -0
  12. package/locales/file-uploader/az.d.ts +1 -0
  13. package/locales/file-uploader/az.js +1 -0
  14. package/locales/file-uploader/ca.d.ts +1 -0
  15. package/locales/file-uploader/ca.js +1 -0
  16. package/locales/file-uploader/cs.d.ts +1 -0
  17. package/locales/file-uploader/cs.js +1 -0
  18. package/locales/file-uploader/da.d.ts +1 -0
  19. package/locales/file-uploader/da.js +1 -0
  20. package/locales/file-uploader/de.d.ts +1 -0
  21. package/locales/file-uploader/de.js +1 -0
  22. package/locales/file-uploader/el.d.ts +1 -0
  23. package/locales/file-uploader/el.js +1 -0
  24. package/locales/file-uploader/en.d.ts +1 -0
  25. package/locales/file-uploader/en.js +2 -1
  26. package/locales/file-uploader/es.d.ts +1 -0
  27. package/locales/file-uploader/es.js +1 -0
  28. package/locales/file-uploader/et.d.ts +1 -0
  29. package/locales/file-uploader/et.js +1 -0
  30. package/locales/file-uploader/fi.d.ts +1 -0
  31. package/locales/file-uploader/fi.js +1 -0
  32. package/locales/file-uploader/fr.d.ts +1 -0
  33. package/locales/file-uploader/fr.js +1 -0
  34. package/locales/file-uploader/he.d.ts +1 -0
  35. package/locales/file-uploader/he.js +1 -0
  36. package/locales/file-uploader/hy.d.ts +1 -0
  37. package/locales/file-uploader/hy.js +1 -0
  38. package/locales/file-uploader/is.d.ts +1 -0
  39. package/locales/file-uploader/is.js +1 -0
  40. package/locales/file-uploader/it.d.ts +1 -0
  41. package/locales/file-uploader/it.js +1 -0
  42. package/locales/file-uploader/ja.d.ts +1 -0
  43. package/locales/file-uploader/ja.js +1 -0
  44. package/locales/file-uploader/ka.d.ts +1 -0
  45. package/locales/file-uploader/ka.js +1 -0
  46. package/locales/file-uploader/kk.d.ts +1 -0
  47. package/locales/file-uploader/kk.js +1 -0
  48. package/locales/file-uploader/ko.d.ts +1 -0
  49. package/locales/file-uploader/ko.js +1 -0
  50. package/locales/file-uploader/lv.d.ts +1 -0
  51. package/locales/file-uploader/lv.js +1 -0
  52. package/locales/file-uploader/nb.d.ts +1 -0
  53. package/locales/file-uploader/nb.js +1 -0
  54. package/locales/file-uploader/nl.d.ts +1 -0
  55. package/locales/file-uploader/nl.js +1 -0
  56. package/locales/file-uploader/pl.d.ts +1 -0
  57. package/locales/file-uploader/pl.js +1 -0
  58. package/locales/file-uploader/pt.d.ts +1 -0
  59. package/locales/file-uploader/pt.js +1 -0
  60. package/locales/file-uploader/ro.d.ts +1 -0
  61. package/locales/file-uploader/ro.js +1 -0
  62. package/locales/file-uploader/ru.d.ts +1 -0
  63. package/locales/file-uploader/ru.js +1 -0
  64. package/locales/file-uploader/sk.d.ts +1 -0
  65. package/locales/file-uploader/sk.js +1 -0
  66. package/locales/file-uploader/sr.d.ts +1 -0
  67. package/locales/file-uploader/sr.js +1 -0
  68. package/locales/file-uploader/sv.d.ts +1 -0
  69. package/locales/file-uploader/sv.js +1 -0
  70. package/locales/file-uploader/tr.d.ts +1 -0
  71. package/locales/file-uploader/tr.js +1 -0
  72. package/locales/file-uploader/uk.d.ts +1 -0
  73. package/locales/file-uploader/uk.js +1 -0
  74. package/locales/file-uploader/vi.d.ts +1 -0
  75. package/locales/file-uploader/vi.js +1 -0
  76. package/locales/file-uploader/zh-TW.d.ts +1 -0
  77. package/locales/file-uploader/zh-TW.js +1 -0
  78. package/locales/file-uploader/zh.d.ts +1 -0
  79. package/locales/file-uploader/zh.js +1 -0
  80. package/package.json +1 -1
  81. package/web/file-uploader.iife.min.js +4 -4
  82. package/web/file-uploader.min.js +3 -3
  83. package/web/uc-basic.min.css +1 -1
  84. package/web/uc-cloud-image-editor.min.js +1 -1
  85. package/web/uc-file-uploader-inline.min.css +1 -1
  86. package/web/uc-file-uploader-inline.min.js +3 -3
  87. package/web/uc-file-uploader-minimal.min.css +1 -1
  88. package/web/uc-file-uploader-minimal.min.js +3 -3
  89. package/web/uc-file-uploader-regular.min.css +1 -1
  90. package/web/uc-file-uploader-regular.min.js +3 -3
@@ -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":"AAkBA;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA4BC;IAGH,eASC;IAED;;;OAGG;IACH,0BAaC;IAED,eAAe;IACf,wBAgBC;IAED,eAAe;IACf,2BAsCC;IAED;;;;OAIG;IACH,kBAUC;IAED;;;OAGG;IACH,uBAkDC;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;;;;;8BApa6B,iCAAiC;AAO/D;;;;;GAKG"}
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,6 +1,8 @@
1
1
  export class ProgressBar extends Block {
2
2
  /** @type {Number} */
3
3
  _value: number;
4
+ /** @type {Boolean} */
5
+ _visible: boolean;
4
6
  init$: any;
5
7
  }
6
8
  export namespace ProgressBar {
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["ProgressBar.js"],"names":[],"mappings":"AAEA;IACE,qBAAqB;IACrB,eAAW;IAEX,WAIE;CAyBH;;;;sBAnCqB,yBAAyB"}
1
+ {"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["ProgressBar.js"],"names":[],"mappings":"AAEA;IACE,qBAAqB;IACrB,eAAW;IAEX,sBAAsB;IACtB,kBAAgB;IAEhB,WAIE;CA+CH;;;;sBA5DqB,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,51 @@ 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) return;
19
20
  const prevValue = this._value;
20
21
  this._value = value;
22
+ if (!this._visible) return;
23
+
24
+ if (value === 100) {
25
+ this.ref.realProgressLine.addEventListener(
26
+ 'transitionend',
27
+ () => {
28
+ this.ref.realProgressLine.classList.toggle('uc-progress--hidden', true);
29
+ },
30
+ {
31
+ once: true,
32
+ },
33
+ );
34
+ }
35
+
36
+ this.ref.fakeProgressLine.classList.toggle('uc-fake-progress--hidden', value !== 0);
21
37
 
22
38
  if (value === 0 && prevValue > 0) {
23
- this.ref.line.addEventListener('transitionend', () => {
24
- this.style.setProperty('--l-width', this._value.toString());
25
- });
39
+ this.ref.realProgressLine.addEventListener(
40
+ 'transitionend',
41
+ () => {
42
+ this.style.setProperty('--l-progress-value', this._value.toString());
43
+ },
44
+ {
45
+ once: true,
46
+ },
47
+ );
26
48
  return;
27
49
  }
28
50
 
29
- this.style.setProperty('--l-width', this._value.toString());
51
+ this.style.setProperty('--l-progress-value', this._value.toString());
30
52
  });
31
53
 
32
54
  this.defineAccessor('visible', (visible) => {
33
- this.ref.line.classList.toggle('uc-progress--hidden', !visible);
55
+ this._visible = visible;
56
+
57
+ this.ref.realProgressLine.classList.toggle('uc-progress--hidden', !visible);
58
+ this.ref.fakeProgressLine.classList.toggle('uc-fake-progress--hidden', !visible);
34
59
  });
35
60
  }
36
61
  }
37
62
 
38
- ProgressBar.template = /* HTML */ ` <div ref="line" class="uc-progress"></div> `;
63
+ ProgressBar.template = /* HTML */ `
64
+ <div ref="fakeProgressLine" class="uc-fake-progress"></div>
65
+ <div ref="realProgressLine" class="uc-progress"></div>
66
+ `;
@@ -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
- width: calc(var(--l-width) * 1%);
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
+ }
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiFE;AACF;;;;;;EAKE;AACF;;;;;;EAKE;AACF;;;;;;;EAME;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CE;AACF;;;;;;;;EAWE;AACF;;;;;;EAwBE;AACF;;;;;;;EAUE;AACF;;;;;;;;EAWE;AACF,oCAAqC;AACrC,uCAAwC;AACxC;;;;;;;EAME;AACF;;;;;;;EAME;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"}
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
@@ -1035,7 +1036,10 @@ export const PresenceToggle = class {
1035
1036
  static bindAttributes = () => {};
1036
1037
  };
1037
1038
  export const ProgressBar = class {
1038
- static template = ` <div ref="line" class="uc-progress"></div> `;
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`;
@@ -124,6 +124,7 @@ declare const _default: {
124
124
  uploading: string;
125
125
  idle: string;
126
126
  'a11y-file-item-status': string;
127
+ 'waiting-for': string;
127
128
  };
128
129
  export default _default;
129
130
  //# sourceMappingURL=ar.d.ts.map
@@ -125,4 +125,5 @@ export default {
125
125
  uploading: 'جارٍ التحميل',
126
126
  idle: 'خامل',
127
127
  'a11y-file-item-status': 'الملف {{fileName}} في حالة {{status}}',
128
+ 'waiting-for': 'في انتظار {{source}}',
128
129
  };
@@ -116,6 +116,7 @@ declare const _default: {
116
116
  uploading: string;
117
117
  idle: string;
118
118
  'a11y-file-item-status': string;
119
+ 'waiting-for': string;
119
120
  };
120
121
  export default _default;
121
122
  //# sourceMappingURL=az.d.ts.map
@@ -117,4 +117,5 @@ export default {
117
117
  uploading: 'Yüklənir',
118
118
  idle: 'Boş',
119
119
  'a11y-file-item-status': '{{fileName}} faylı {{status}} statusundadır',
120
+ 'waiting-for': '{{source}} gözlənilir',
120
121
  };
@@ -118,6 +118,7 @@ declare const _default: {
118
118
  uploading: string;
119
119
  idle: string;
120
120
  'a11y-file-item-status': string;
121
+ 'waiting-for': string;
121
122
  };
122
123
  export default _default;
123
124
  //# sourceMappingURL=ca.d.ts.map
@@ -120,4 +120,5 @@ export default {
120
120
  uploading: 'Carregant',
121
121
  idle: 'Inactiu',
122
122
  'a11y-file-item-status': 'El fitxer {{fileName}} està en estat {{status}}',
123
+ 'waiting-for': 'Esperant per {{source}}',
123
124
  };
@@ -120,6 +120,7 @@ declare const _default: {
120
120
  uploading: string;
121
121
  idle: string;
122
122
  'a11y-file-item-status': string;
123
+ 'waiting-for': string;
123
124
  };
124
125
  export default _default;
125
126
  //# sourceMappingURL=cs.d.ts.map
@@ -122,4 +122,5 @@ export default {
122
122
  uploading: 'Nahrává se',
123
123
  idle: 'Nečinný',
124
124
  'a11y-file-item-status': 'Soubor {{fileName}} je ve stavu {{status}}',
125
+ 'waiting-for': 'Čekání na {{source}}',
125
126
  };
@@ -116,6 +116,7 @@ declare const _default: {
116
116
  uploading: string;
117
117
  idle: string;
118
118
  'a11y-file-item-status': string;
119
+ 'waiting-for': string;
119
120
  };
120
121
  export default _default;
121
122
  //# sourceMappingURL=da.d.ts.map
@@ -118,4 +118,5 @@ export default {
118
118
  uploading: 'Uploader',
119
119
  idle: 'Inaktiv',
120
120
  'a11y-file-item-status': 'Filen {{fileName}} er i status {{status}}',
121
+ 'waiting-for': 'Venter på {{source}}',
121
122
  };
@@ -116,6 +116,7 @@ declare const _default: {
116
116
  uploading: string;
117
117
  idle: string;
118
118
  'a11y-file-item-status': string;
119
+ 'waiting-for': string;
119
120
  };
120
121
  export default _default;
121
122
  //# sourceMappingURL=de.d.ts.map
@@ -119,4 +119,5 @@ export default {
119
119
  uploading: 'Hochladen',
120
120
  idle: 'Leerlauf',
121
121
  'a11y-file-item-status': 'Datei {{fileName}} im Status {{status}}',
122
+ 'waiting-for': 'Warten auf {{source}}',
122
123
  };
@@ -116,6 +116,7 @@ declare const _default: {
116
116
  uploading: string;
117
117
  idle: string;
118
118
  'a11y-file-item-status': string;
119
+ 'waiting-for': string;
119
120
  };
120
121
  export default _default;
121
122
  //# sourceMappingURL=el.d.ts.map
@@ -119,4 +119,5 @@ export default {
119
119
  uploading: 'Μεταφόρτωση',
120
120
  idle: 'Αδράνεια',
121
121
  'a11y-file-item-status': 'Το αρχείο {{fileName}} βρίσκεται στην κατάσταση {{status}}',
122
+ 'waiting-for': 'Αναμονή για {{source}}',
122
123
  };
@@ -116,6 +116,7 @@ declare const _default: {
116
116
  uploading: string;
117
117
  idle: string;
118
118
  'a11y-file-item-status': string;
119
+ 'waiting-for': string;
119
120
  };
120
121
  export default _default;
121
122
  //# sourceMappingURL=en.d.ts.map
@@ -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 ocurred. Please, check your files before upload.',
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
  };
@@ -118,6 +118,7 @@ declare const _default: {
118
118
  uploading: string;
119
119
  idle: string;
120
120
  'a11y-file-item-status': string;
121
+ 'waiting-for': string;
121
122
  };
122
123
  export default _default;
123
124
  //# sourceMappingURL=es.d.ts.map
@@ -120,4 +120,5 @@ export default {
120
120
  uploading: 'Subiendo',
121
121
  idle: 'Inactivo',
122
122
  'a11y-file-item-status': 'El archivo {{fileName}} está en estado {{status}}',
123
+ 'waiting-for': 'Esperando por {{source}}',
123
124
  };
@@ -116,6 +116,7 @@ declare const _default: {
116
116
  uploading: string;
117
117
  idle: string;
118
118
  'a11y-file-item-status': string;
119
+ 'waiting-for': string;
119
120
  };
120
121
  export default _default;
121
122
  //# sourceMappingURL=et.d.ts.map
@@ -117,4 +117,5 @@ export default {
117
117
  uploading: 'Üleslaadimine',
118
118
  idle: 'Ootel',
119
119
  'a11y-file-item-status': 'Fail {{fileName}} on seisundis {{status}}',
120
+ 'waiting-for': 'Ootel {{source}}',
120
121
  };
@@ -116,6 +116,7 @@ declare const _default: {
116
116
  'a11y-file-item-status': string;
117
117
  'select-all': string;
118
118
  'deselect-all': string;
119
+ 'waiting-for': string;
119
120
  };
120
121
  export default _default;
121
122
  //# sourceMappingURL=fi.d.ts.map
@@ -118,4 +118,5 @@ export default {
118
118
  'a11y-file-item-status': 'Tiedosto {{fileName}} tilassa {{status}}',
119
119
  'select-all': 'Valitse kaikki',
120
120
  'deselect-all': 'Poista valinnat',
121
+ 'waiting-for': 'Odotetaan {{source}}',
121
122
  };
@@ -118,6 +118,7 @@ declare const _default: {
118
118
  'a11y-file-item-status': string;
119
119
  'select-all': string;
120
120
  'deselect-all': string;
121
+ 'waiting-for': string;
121
122
  };
122
123
  export default _default;
123
124
  //# sourceMappingURL=fr.d.ts.map
@@ -120,4 +120,5 @@ export default {
120
120
  'a11y-file-item-status': 'Le fichier {{fileName}} est en statut {{status}}',
121
121
  'select-all': 'Tout sélectionner',
122
122
  'deselect-all': 'Tout désélectionner',
123
+ 'waiting-for': 'En attente de {{source}}',
123
124
  };
@@ -118,6 +118,7 @@ declare const _default: {
118
118
  'a11y-file-item-status': string;
119
119
  'select-all': string;
120
120
  'deselect-all': string;
121
+ 'waiting-for': string;
121
122
  };
122
123
  export default _default;
123
124
  //# sourceMappingURL=he.d.ts.map
@@ -119,4 +119,5 @@ export default {
119
119
  'a11y-file-item-status': 'הקובץ {{fileName}} במצב {{status}}',
120
120
  'select-all': 'בחר הכל',
121
121
  'deselect-all': 'בטל בחירת הכל',
122
+ 'waiting-for': 'ממתין ל{{source}}',
122
123
  };
@@ -116,6 +116,7 @@ declare const _default: {
116
116
  'a11y-file-item-status': string;
117
117
  'select-all': string;
118
118
  'deselect-all': string;
119
+ 'waiting-for': string;
119
120
  };
120
121
  export default _default;
121
122
  //# sourceMappingURL=hy.d.ts.map
@@ -117,4 +117,5 @@ export default {
117
117
  'a11y-file-item-status': 'Ֆայլը {{fileName}} {{status}} կարգավիճակում է',
118
118
  'select-all': 'Ընտրել բոլորը',
119
119
  'deselect-all': 'Հրաժարվել բոլորից',
120
+ 'waiting-for': 'Սպասում եմ {{source}}',
120
121
  };
@@ -116,6 +116,7 @@ declare const _default: {
116
116
  'a11y-file-item-status': string;
117
117
  'select-all': string;
118
118
  'deselect-all': string;
119
+ 'waiting-for': string;
119
120
  };
120
121
  export default _default;
121
122
  //# sourceMappingURL=is.d.ts.map
@@ -117,4 +117,5 @@ export default {
117
117
  'a11y-file-item-status': 'Skráin {{fileName}} er í stöðu {{status}}',
118
118
  'select-all': 'Velja allt',
119
119
  'deselect-all': 'Afvelja allt',
120
+ 'waiting-for': 'Bíð eftir {{source}}',
120
121
  };
@@ -118,6 +118,7 @@ declare const _default: {
118
118
  'a11y-file-item-status': string;
119
119
  'select-all': string;
120
120
  'deselect-all': string;
121
+ 'waiting-for': string;
121
122
  };
122
123
  export default _default;
123
124
  //# sourceMappingURL=it.d.ts.map
@@ -120,4 +120,5 @@ export default {
120
120
  'a11y-file-item-status': 'Il file {{fileName}} è nello stato {{status}}',
121
121
  'select-all': 'Seleziona tutto',
122
122
  'deselect-all': 'Deseleziona tutto',
123
+ 'waiting-for': 'In attesa di {{source}}',
123
124
  };
@@ -116,6 +116,7 @@ declare const _default: {
116
116
  'a11y-file-item-status': string;
117
117
  'select-all': string;
118
118
  'deselect-all': string;
119
+ 'waiting-for': string;
119
120
  };
120
121
  export default _default;
121
122
  //# sourceMappingURL=ja.d.ts.map
@@ -117,4 +117,5 @@ export default {
117
117
  'a11y-file-item-status': 'ファイル {{fileName}} のステータスは {{status}} です',
118
118
  'select-all': 'すべて選択',
119
119
  'deselect-all': 'すべて選択解除',
120
+ 'waiting-for': '{{source}} を待っています',
120
121
  };
@@ -116,6 +116,7 @@ declare const _default: {
116
116
  'a11y-file-item-status': string;
117
117
  'select-all': string;
118
118
  'deselect-all': string;
119
+ 'waiting-for': string;
119
120
  };
120
121
  export default _default;
121
122
  //# sourceMappingURL=ka.d.ts.map
@@ -117,4 +117,5 @@ export default {
117
117
  'a11y-file-item-status': 'ფაილი {{fileName}} არის მდგომარეობაში {{status}}',
118
118
  'select-all': 'ყველას არჩევა',
119
119
  'deselect-all': 'ყველას არჩევის გაუქმება',
120
+ 'waiting-for': 'ველოდები {{source}}',
120
121
  };
@@ -116,6 +116,7 @@ declare const _default: {
116
116
  'a11y-file-item-status': string;
117
117
  'select-all': string;
118
118
  'deselect-all': string;
119
+ 'waiting-for': string;
119
120
  };
120
121
  export default _default;
121
122
  //# sourceMappingURL=kk.d.ts.map
@@ -117,4 +117,5 @@ export default {
117
117
  'a11y-file-item-status': '{{fileName}} файлы {{status}} күйінде',
118
118
  'select-all': 'Барлығын таңдау',
119
119
  'deselect-all': 'Барлығын таңдаудан шығару',
120
+ 'waiting-for': 'Күтіп тұр {{source}}',
120
121
  };
@@ -116,6 +116,7 @@ declare const _default: {
116
116
  'a11y-file-item-status': string;
117
117
  'select-all': string;
118
118
  'deselect-all': string;
119
+ 'waiting-for': string;
119
120
  };
120
121
  export default _default;
121
122
  //# sourceMappingURL=ko.d.ts.map
@@ -116,4 +116,5 @@ export default {
116
116
  'a11y-file-item-status': '{{fileName}} 파일이 {{status}} 상태입니다',
117
117
  'select-all': '모두 선택',
118
118
  'deselect-all': '모두 선택 해제',
119
+ 'waiting-for': '{{source}} 대기 중',
119
120
  };
@@ -118,6 +118,7 @@ declare const _default: {
118
118
  'a11y-file-item-status': string;
119
119
  'select-all': string;
120
120
  'deselect-all': string;
121
+ 'waiting-for': string;
121
122
  };
122
123
  export default _default;
123
124
  //# sourceMappingURL=lv.d.ts.map
@@ -119,4 +119,5 @@ export default {
119
119
  'a11y-file-item-status': 'Fails {{fileName}} ir stāvoklī {{status}}',
120
120
  'select-all': 'Izvēlēties visus',
121
121
  'deselect-all': 'Noņemt izvēli visiem',
122
+ 'waiting-for': 'Gaida {{source}}',
122
123
  };
@@ -116,6 +116,7 @@ declare const _default: {
116
116
  'a11y-file-item-status': string;
117
117
  'select-all': string;
118
118
  'deselect-all': string;
119
+ 'waiting-for': string;
119
120
  };
120
121
  export default _default;
121
122
  //# sourceMappingURL=nb.d.ts.map
@@ -117,4 +117,5 @@ export default {
117
117
  'a11y-file-item-status': 'Fil {{fileName}} i status {{status}}',
118
118
  'select-all': 'Velg alle',
119
119
  'deselect-all': 'Fjern alle',
120
+ 'waiting-for': 'Venter på {{source}}',
120
121
  };