carbon-components-angular 5.59.2 → 5.61.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.
- package/docs/documentation/components/FileComponent.html +246 -57
- package/docs/documentation/components/FileUploader.html +125 -53
- package/docs/documentation/coverage.html +6 -6
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/documentation/modules/ComboBoxModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ComboBoxModule.html +4 -4
- package/docs/documentation/modules/DatePickerInputModule/dependencies.svg +41 -37
- package/docs/documentation/modules/DatePickerInputModule.html +41 -37
- package/docs/documentation/modules/DialogModule/dependencies.svg +34 -34
- package/docs/documentation/modules/DialogModule.html +34 -34
- package/docs/documentation/modules/FileUploaderModule/dependencies.svg +36 -36
- package/docs/documentation/modules/FileUploaderModule.html +36 -36
- package/docs/documentation/modules/NumberModule/dependencies.svg +4 -4
- package/docs/documentation/modules/NumberModule.html +4 -4
- package/docs/documentation/modules/RadioModule/dependencies.svg +48 -48
- package/docs/documentation/modules/RadioModule.html +48 -48
- package/docs/documentation/modules/SelectModule/dependencies.svg +43 -43
- package/docs/documentation/modules/SelectModule.html +43 -43
- package/docs/documentation/modules/SliderModule/dependencies.svg +4 -4
- package/docs/documentation/modules/SliderModule.html +4 -4
- package/docs/documentation/modules/TabsModule/dependencies.svg +69 -69
- package/docs/documentation/modules/TabsModule.html +69 -69
- package/docs/documentation/modules/TagModule/dependencies.svg +39 -39
- package/docs/documentation/modules/TagModule.html +39 -39
- package/docs/documentation/modules/ThemeModule/dependencies.svg +13 -13
- package/docs/documentation/modules/ThemeModule.html +13 -13
- package/docs/documentation/modules/TilesModule/dependencies.svg +91 -91
- package/docs/documentation/modules/TilesModule.html +91 -91
- package/docs/documentation/modules/TimePickerModule/dependencies.svg +38 -42
- package/docs/documentation/modules/TimePickerModule.html +38 -42
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +30 -30
- package/docs/documentation/modules/TimePickerSelectModule.html +30 -30
- package/docs/documentation/modules/ToggleModule/dependencies.svg +20 -20
- package/docs/documentation/modules/ToggleModule.html +20 -20
- package/docs/documentation/modules/ToggletipModule/dependencies.svg +37 -37
- package/docs/documentation/modules/ToggletipModule.html +37 -37
- package/docs/documentation/modules/TooltipModule/dependencies.svg +28 -28
- package/docs/documentation/modules/TooltipModule.html +28 -28
- package/docs/documentation/modules/TreeviewModule/dependencies.svg +32 -32
- package/docs/documentation/modules/TreeviewModule.html +32 -32
- package/docs/documentation.json +770 -118
- package/docs/storybook/1335.988334fd.iframe.bundle.js +1 -0
- package/docs/storybook/file-uploader-file-stories.28293d0d.iframe.bundle.js +1 -0
- package/docs/storybook/file-uploader-file-uploader-stories.fa3bd098.iframe.bundle.js +1 -0
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/index.json +1 -1
- package/docs/storybook/main.be15134b.iframe.bundle.js +1 -0
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/runtime~main.5491fa20.iframe.bundle.js +1 -0
- package/docs/storybook/stories.json +1 -1
- package/esm2020/file-uploader/file-uploader.component.mjs +15 -7
- package/esm2020/file-uploader/file.component.mjs +94 -42
- package/fesm2015/carbon-components-angular-file-uploader.mjs +107 -48
- package/fesm2015/carbon-components-angular-file-uploader.mjs.map +1 -1
- package/fesm2020/carbon-components-angular-file-uploader.mjs +107 -48
- package/fesm2020/carbon-components-angular-file-uploader.mjs.map +1 -1
- package/file-uploader/file-uploader.component.d.ts +9 -1
- package/file-uploader/file.component.d.ts +11 -2
- package/package.json +1 -1
- package/docs/storybook/file-uploader-file-uploader-stories.7cbeda49.iframe.bundle.js +0 -1
- package/docs/storybook/main.762d7fb4.iframe.bundle.js +0 -1
- package/docs/storybook/runtime~main.771b0b54.iframe.bundle.js +0 -1
|
@@ -169,33 +169,48 @@
|
|
|
169
169
|
|
|
170
170
|
<tr>
|
|
171
171
|
<td class="col-md-3">template</td>
|
|
172
|
-
<td class="col-md-9"><pre class="line-numbers"><code class="language-html"><p class="cds--file-filename" [title]="fileItem.file.name">
|
|
173
|
-
<
|
|
174
|
-
|
|
175
|
-
|
|
172
|
+
<td class="col-md-9"><pre class="line-numbers"><code class="language-html"><p class="cds--file-filename" [title]="fileItem.file.name">
|
|
173
|
+
<ng-template
|
|
174
|
+
*ngIf="isTemplate(nameTpl); else defaultName"
|
|
175
|
+
[ngTemplateOutlet]="nameTpl"
|
|
176
|
+
[ngTemplateOutletContext]="{ $implicit: fileItem }">
|
|
177
|
+
</ng-template>
|
|
178
|
+
<ng-template #defaultName>{{ fileItem.file.name }}</ng-template>
|
|
179
|
+
</p>
|
|
180
|
+
<span *ngIf="fileItem.state === 'edit'" class="cds--file__state-container">
|
|
176
181
|
<svg
|
|
177
182
|
*ngIf="isInvalidText"
|
|
178
183
|
cdsIcon="warning--filled"
|
|
179
184
|
class="cds--file--invalid"
|
|
180
185
|
size="16">
|
|
181
186
|
</svg>
|
|
182
|
-
<
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
[
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
187
|
+
<ng-template
|
|
188
|
+
*ngIf="isTemplate(actionsTpl); else defaultActions"
|
|
189
|
+
[ngTemplateOutlet]="actionsTpl"
|
|
190
|
+
[ngTemplateOutletContext]="{ $implicit: fileItem }">
|
|
191
|
+
</ng-template>
|
|
192
|
+
<ng-template #defaultActions>
|
|
193
|
+
<button
|
|
194
|
+
type="button"
|
|
195
|
+
cdsButton="ghost"
|
|
196
|
+
iconOnly="true"
|
|
197
|
+
[size]="size"
|
|
198
|
+
[attr.aria-label]="translations.REMOVE_BUTTON"
|
|
199
|
+
(click)="remove.emit()"
|
|
200
|
+
(keyup.enter)="remove.emit()"
|
|
201
|
+
(keyup.space)="remove.emit()">
|
|
202
|
+
<svg cdsIcon="trash-can" size="16"></svg>
|
|
203
|
+
</button>
|
|
204
|
+
</ng-template>
|
|
192
205
|
</span>
|
|
193
206
|
<span *ngIf="fileItem.state === 'upload'">
|
|
194
207
|
<div class="cds--inline-loading__animation">
|
|
195
208
|
<cds-loading size="sm"></cds-loading>
|
|
196
209
|
</div>
|
|
197
210
|
</span>
|
|
198
|
-
<span
|
|
211
|
+
<span
|
|
212
|
+
*ngIf="fileItem.state === 'complete'"
|
|
213
|
+
class="cds--file__state-container">
|
|
199
214
|
<svg
|
|
200
215
|
cdsIcon="checkmark--filled"
|
|
201
216
|
size="16"
|
|
@@ -203,9 +218,16 @@
|
|
|
203
218
|
[ariaLabel]="translations.CHECKMARK">
|
|
204
219
|
</svg>
|
|
205
220
|
</span>
|
|
206
|
-
<div
|
|
207
|
-
|
|
208
|
-
|
|
221
|
+
<div
|
|
222
|
+
class="cds--form-requirement"
|
|
223
|
+
role="alert"
|
|
224
|
+
*ngIf="fileItem.invalid">
|
|
225
|
+
<div class="cds--form-requirement__title">
|
|
226
|
+
{{ fileItem.invalidTitle }}
|
|
227
|
+
</div>
|
|
228
|
+
<p class="cds--form-requirement__supplement">
|
|
229
|
+
{{ fileItem.invalidText }}
|
|
230
|
+
</p>
|
|
209
231
|
</div>
|
|
210
232
|
</code></pre></td>
|
|
211
233
|
</tr>
|
|
@@ -250,6 +272,10 @@
|
|
|
250
272
|
<tr>
|
|
251
273
|
<td class="col-md-4">
|
|
252
274
|
<ul class="index-list">
|
|
275
|
+
<li>
|
|
276
|
+
<span class="modifier">Public</span>
|
|
277
|
+
<a href="#isTemplate" >isTemplate</a>
|
|
278
|
+
</li>
|
|
253
279
|
<li>
|
|
254
280
|
<a href="#ngOnDestroy" >ngOnDestroy</a>
|
|
255
281
|
</li>
|
|
@@ -265,9 +291,15 @@
|
|
|
265
291
|
<tr>
|
|
266
292
|
<td class="col-md-4">
|
|
267
293
|
<ul class="index-list">
|
|
294
|
+
<li>
|
|
295
|
+
<a href="#actionsTpl" >actionsTpl</a>
|
|
296
|
+
</li>
|
|
268
297
|
<li>
|
|
269
298
|
<a href="#fileItem" >fileItem</a>
|
|
270
299
|
</li>
|
|
300
|
+
<li>
|
|
301
|
+
<a href="#nameTpl" >nameTpl</a>
|
|
302
|
+
</li>
|
|
271
303
|
<li>
|
|
272
304
|
<a href="#size" >size</a>
|
|
273
305
|
</li>
|
|
@@ -359,7 +391,7 @@
|
|
|
359
391
|
</tr>
|
|
360
392
|
<tr>
|
|
361
393
|
<td class="col-md-4">
|
|
362
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
394
|
+
<div class="io-line">Defined in <a href="" data-line="119" class="link-to-prism">src/file-uploader/file.component.ts:119</a></div>
|
|
363
395
|
</td>
|
|
364
396
|
</tr>
|
|
365
397
|
|
|
@@ -399,6 +431,33 @@
|
|
|
399
431
|
|
|
400
432
|
<section data-compodoc="block-inputs">
|
|
401
433
|
<h3 id="inputs">Inputs</h3>
|
|
434
|
+
<table class="table table-sm table-bordered">
|
|
435
|
+
<tbody>
|
|
436
|
+
<tr>
|
|
437
|
+
<td class="col-md-4">
|
|
438
|
+
<a name="actionsTpl"></a>
|
|
439
|
+
<b>actionsTpl</b>
|
|
440
|
+
</td>
|
|
441
|
+
</tr>
|
|
442
|
+
<tr>
|
|
443
|
+
<td class="col-md-4">
|
|
444
|
+
<i>Type : </i> <code>TemplateRef<></code>
|
|
445
|
+
|
|
446
|
+
</td>
|
|
447
|
+
</tr>
|
|
448
|
+
<tr>
|
|
449
|
+
<td class="col-md-2" colspan="2">
|
|
450
|
+
<div class="io-line">Defined in <a href="" data-line="99" class="link-to-prism">src/file-uploader/file.component.ts:99</a></div>
|
|
451
|
+
</td>
|
|
452
|
+
</tr>
|
|
453
|
+
<tr>
|
|
454
|
+
<td class="col-md-4">
|
|
455
|
+
<div class="io-description"><p>A custom template for the available file actions</p>
|
|
456
|
+
</div>
|
|
457
|
+
</td>
|
|
458
|
+
</tr>
|
|
459
|
+
</tbody>
|
|
460
|
+
</table>
|
|
402
461
|
<table class="table table-sm table-bordered">
|
|
403
462
|
<tbody>
|
|
404
463
|
<tr>
|
|
@@ -415,12 +474,39 @@
|
|
|
415
474
|
</tr>
|
|
416
475
|
<tr>
|
|
417
476
|
<td class="col-md-2" colspan="2">
|
|
418
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
477
|
+
<div class="io-line">Defined in <a href="" data-line="87" class="link-to-prism">src/file-uploader/file.component.ts:87</a></div>
|
|
419
478
|
</td>
|
|
420
479
|
</tr>
|
|
421
480
|
<tr>
|
|
422
481
|
<td class="col-md-4">
|
|
423
482
|
<div class="io-description"><p>A single <code>FileItem</code> from the set of <code>FileItem</code>s</p>
|
|
483
|
+
</div>
|
|
484
|
+
</td>
|
|
485
|
+
</tr>
|
|
486
|
+
</tbody>
|
|
487
|
+
</table>
|
|
488
|
+
<table class="table table-sm table-bordered">
|
|
489
|
+
<tbody>
|
|
490
|
+
<tr>
|
|
491
|
+
<td class="col-md-4">
|
|
492
|
+
<a name="nameTpl"></a>
|
|
493
|
+
<b>nameTpl</b>
|
|
494
|
+
</td>
|
|
495
|
+
</tr>
|
|
496
|
+
<tr>
|
|
497
|
+
<td class="col-md-4">
|
|
498
|
+
<i>Type : </i> <code>TemplateRef<></code>
|
|
499
|
+
|
|
500
|
+
</td>
|
|
501
|
+
</tr>
|
|
502
|
+
<tr>
|
|
503
|
+
<td class="col-md-2" colspan="2">
|
|
504
|
+
<div class="io-line">Defined in <a href="" data-line="94" class="link-to-prism">src/file-uploader/file.component.ts:94</a></div>
|
|
505
|
+
</td>
|
|
506
|
+
</tr>
|
|
507
|
+
<tr>
|
|
508
|
+
<td class="col-md-4">
|
|
509
|
+
<div class="io-description"><p>A custom template for the file name</p>
|
|
424
510
|
</div>
|
|
425
511
|
</td>
|
|
426
512
|
</tr>
|
|
@@ -447,7 +533,7 @@
|
|
|
447
533
|
</tr>
|
|
448
534
|
<tr>
|
|
449
535
|
<td class="col-md-2" colspan="2">
|
|
450
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
536
|
+
<div class="io-line">Defined in <a href="" data-line="89" class="link-to-prism">src/file-uploader/file.component.ts:89</a></div>
|
|
451
537
|
</td>
|
|
452
538
|
</tr>
|
|
453
539
|
</tbody>
|
|
@@ -473,7 +559,7 @@
|
|
|
473
559
|
</tr>
|
|
474
560
|
<tr>
|
|
475
561
|
<td class="col-md-2" colspan="2">
|
|
476
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
562
|
+
<div class="io-line">Defined in <a href="" data-line="83" class="link-to-prism">src/file-uploader/file.component.ts:83</a></div>
|
|
477
563
|
</td>
|
|
478
564
|
</tr>
|
|
479
565
|
<tr>
|
|
@@ -503,7 +589,7 @@
|
|
|
503
589
|
</tr>
|
|
504
590
|
<tr>
|
|
505
591
|
<td class="col-md-2" colspan="2">
|
|
506
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
592
|
+
<div class="io-line">Defined in <a href="" data-line="101" class="link-to-prism">src/file-uploader/file.component.ts:101</a></div>
|
|
507
593
|
</td>
|
|
508
594
|
</tr>
|
|
509
595
|
</tbody>
|
|
@@ -534,7 +620,7 @@
|
|
|
534
620
|
</tr>
|
|
535
621
|
<tr>
|
|
536
622
|
<td class="col-md-4">
|
|
537
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
623
|
+
<div class="io-line">Defined in <a href="" data-line="103" class="link-to-prism">src/file-uploader/file.component.ts:103</a></div>
|
|
538
624
|
</td>
|
|
539
625
|
</tr>
|
|
540
626
|
|
|
@@ -560,7 +646,7 @@
|
|
|
560
646
|
</tr>
|
|
561
647
|
<tr>
|
|
562
648
|
<td class="col-md-4">
|
|
563
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
649
|
+
<div class="io-line">Defined in <a href="" data-line="105" class="link-to-prism">src/file-uploader/file.component.ts:105</a></div>
|
|
564
650
|
</td>
|
|
565
651
|
</tr>
|
|
566
652
|
|
|
@@ -586,7 +672,7 @@
|
|
|
586
672
|
</tr>
|
|
587
673
|
<tr>
|
|
588
674
|
<td class="col-md-4">
|
|
589
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
675
|
+
<div class="io-line">Defined in <a href="" data-line="117" class="link-to-prism">src/file-uploader/file.component.ts:117</a></div>
|
|
590
676
|
</td>
|
|
591
677
|
</tr>
|
|
592
678
|
|
|
@@ -612,7 +698,7 @@
|
|
|
612
698
|
</tr>
|
|
613
699
|
<tr>
|
|
614
700
|
<td class="col-md-4">
|
|
615
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
701
|
+
<div class="io-line">Defined in <a href="" data-line="113" class="link-to-prism">src/file-uploader/file.component.ts:113</a></div>
|
|
616
702
|
</td>
|
|
617
703
|
</tr>
|
|
618
704
|
|
|
@@ -638,7 +724,7 @@
|
|
|
638
724
|
</tr>
|
|
639
725
|
<tr>
|
|
640
726
|
<td class="col-md-4">
|
|
641
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
727
|
+
<div class="io-line">Defined in <a href="" data-line="109" class="link-to-prism">src/file-uploader/file.component.ts:109</a></div>
|
|
642
728
|
</td>
|
|
643
729
|
</tr>
|
|
644
730
|
|
|
@@ -653,6 +739,71 @@
|
|
|
653
739
|
<h3 id="methods">
|
|
654
740
|
Methods
|
|
655
741
|
</h3>
|
|
742
|
+
<table class="table table-sm table-bordered">
|
|
743
|
+
<tbody>
|
|
744
|
+
<tr>
|
|
745
|
+
<td class="col-md-4">
|
|
746
|
+
<a name="isTemplate"></a>
|
|
747
|
+
<span class="name">
|
|
748
|
+
<span class="modifier">Public</span>
|
|
749
|
+
<span ><b>isTemplate</b></span>
|
|
750
|
+
<a href="#isTemplate"><span class="icon ion-ios-link"></span></a>
|
|
751
|
+
</span>
|
|
752
|
+
</td>
|
|
753
|
+
</tr>
|
|
754
|
+
<tr>
|
|
755
|
+
<td class="col-md-4">
|
|
756
|
+
<span class="modifier-icon icon ion-ios-reset"></span>
|
|
757
|
+
<code>isTemplate(value)</code>
|
|
758
|
+
</td>
|
|
759
|
+
</tr>
|
|
760
|
+
|
|
761
|
+
|
|
762
|
+
<tr>
|
|
763
|
+
<td class="col-md-4">
|
|
764
|
+
<div class="io-line">Defined in <a href="" data-line="123"
|
|
765
|
+
class="link-to-prism">src/file-uploader/file.component.ts:123</a></div>
|
|
766
|
+
</td>
|
|
767
|
+
</tr>
|
|
768
|
+
|
|
769
|
+
|
|
770
|
+
<tr>
|
|
771
|
+
<td class="col-md-4">
|
|
772
|
+
|
|
773
|
+
<div class="io-description">
|
|
774
|
+
<b>Parameters :</b>
|
|
775
|
+
|
|
776
|
+
<table class="params">
|
|
777
|
+
<thead>
|
|
778
|
+
<tr>
|
|
779
|
+
<td>Name</td>
|
|
780
|
+
<td>Optional</td>
|
|
781
|
+
</tr>
|
|
782
|
+
</thead>
|
|
783
|
+
<tbody>
|
|
784
|
+
<tr>
|
|
785
|
+
<td>value</td>
|
|
786
|
+
|
|
787
|
+
<td>
|
|
788
|
+
No
|
|
789
|
+
</td>
|
|
790
|
+
|
|
791
|
+
|
|
792
|
+
</tr>
|
|
793
|
+
</tbody>
|
|
794
|
+
</table>
|
|
795
|
+
</div>
|
|
796
|
+
<div class="io-description">
|
|
797
|
+
<b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
798
|
+
|
|
799
|
+
</div>
|
|
800
|
+
<div class="io-description">
|
|
801
|
+
|
|
802
|
+
</div>
|
|
803
|
+
</td>
|
|
804
|
+
</tr>
|
|
805
|
+
</tbody>
|
|
806
|
+
</table>
|
|
656
807
|
<table class="table table-sm table-bordered">
|
|
657
808
|
<tbody>
|
|
658
809
|
<tr>
|
|
@@ -673,8 +824,8 @@
|
|
|
673
824
|
|
|
674
825
|
<tr>
|
|
675
826
|
<td class="col-md-4">
|
|
676
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
677
|
-
class="link-to-prism">src/file-uploader/file.component.ts:
|
|
827
|
+
<div class="io-line">Defined in <a href="" data-line="127"
|
|
828
|
+
class="link-to-prism">src/file-uploader/file.component.ts:127</a></div>
|
|
678
829
|
</td>
|
|
679
830
|
</tr>
|
|
680
831
|
|
|
@@ -724,7 +875,7 @@
|
|
|
724
875
|
</tr>
|
|
725
876
|
<tr>
|
|
726
877
|
<td class="col-md-4">
|
|
727
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
878
|
+
<div class="io-line">Defined in <a href="" data-line="103" class="link-to-prism">src/file-uploader/file.component.ts:103</a></div>
|
|
728
879
|
</td>
|
|
729
880
|
</tr>
|
|
730
881
|
|
|
@@ -753,7 +904,7 @@
|
|
|
753
904
|
</tr>
|
|
754
905
|
<tr>
|
|
755
906
|
<td class="col-md-4">
|
|
756
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
907
|
+
<div class="io-line">Defined in <a href="" data-line="105" class="link-to-prism">src/file-uploader/file.component.ts:105</a></div>
|
|
757
908
|
</td>
|
|
758
909
|
</tr>
|
|
759
910
|
|
|
@@ -775,7 +926,7 @@
|
|
|
775
926
|
</tr>
|
|
776
927
|
<tr>
|
|
777
928
|
<td class="col-md-4">
|
|
778
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
929
|
+
<div class="io-line">Defined in <a href="" data-line="109" class="link-to-prism">src/file-uploader/file.component.ts:109</a></div>
|
|
779
930
|
</td>
|
|
780
931
|
</tr>
|
|
781
932
|
|
|
@@ -797,7 +948,7 @@
|
|
|
797
948
|
</tr>
|
|
798
949
|
<tr>
|
|
799
950
|
<td class="col-md-4">
|
|
800
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
951
|
+
<div class="io-line">Defined in <a href="" data-line="113" class="link-to-prism">src/file-uploader/file.component.ts:113</a></div>
|
|
801
952
|
</td>
|
|
802
953
|
</tr>
|
|
803
954
|
|
|
@@ -819,7 +970,7 @@
|
|
|
819
970
|
</tr>
|
|
820
971
|
<tr>
|
|
821
972
|
<td class="col-md-4">
|
|
822
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
973
|
+
<div class="io-line">Defined in <a href="" data-line="117" class="link-to-prism">src/file-uploader/file.component.ts:117</a></div>
|
|
823
974
|
</td>
|
|
824
975
|
</tr>
|
|
825
976
|
|
|
@@ -832,11 +983,12 @@
|
|
|
832
983
|
<div class="tab-pane fade tab-source-code" id="source">
|
|
833
984
|
<pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import {
|
|
834
985
|
Component,
|
|
835
|
-
Input,
|
|
836
|
-
Output,
|
|
837
986
|
EventEmitter,
|
|
838
987
|
HostBinding,
|
|
839
|
-
|
|
988
|
+
Input,
|
|
989
|
+
OnDestroy,
|
|
990
|
+
Output,
|
|
991
|
+
TemplateRef
|
|
840
992
|
} from "@angular/core";
|
|
841
993
|
|
|
842
994
|
import { I18n } from "carbon-components-angular/i18n";
|
|
@@ -845,33 +997,48 @@ import { FileItem } from "./file-item.interface";
|
|
|
845
997
|
@Component({
|
|
846
998
|
selector: "cds-file, ibm-file",
|
|
847
999
|
template: `
|
|
848
|
-
<p class="cds--file-filename" [title]="fileItem.file.name">
|
|
849
|
-
|
|
850
|
-
|
|
851
|
-
|
|
1000
|
+
<p class="cds--file-filename" [title]="fileItem.file.name">
|
|
1001
|
+
<ng-template
|
|
1002
|
+
*ngIf="isTemplate(nameTpl); else defaultName"
|
|
1003
|
+
[ngTemplateOutlet]="nameTpl"
|
|
1004
|
+
[ngTemplateOutletContext]="{ $implicit: fileItem }">
|
|
1005
|
+
</ng-template>
|
|
1006
|
+
<ng-template #defaultName>{{ fileItem.file.name }}</ng-template>
|
|
1007
|
+
</p>
|
|
1008
|
+
<span *ngIf="fileItem.state === 'edit'" class="cds--file__state-container">
|
|
852
1009
|
<svg
|
|
853
1010
|
*ngIf="isInvalidText"
|
|
854
1011
|
cdsIcon="warning--filled"
|
|
855
1012
|
class="cds--file--invalid"
|
|
856
1013
|
size="16">
|
|
857
1014
|
</svg>
|
|
858
|
-
<
|
|
859
|
-
|
|
860
|
-
|
|
861
|
-
[
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
|
|
1015
|
+
<ng-template
|
|
1016
|
+
*ngIf="isTemplate(actionsTpl); else defaultActions"
|
|
1017
|
+
[ngTemplateOutlet]="actionsTpl"
|
|
1018
|
+
[ngTemplateOutletContext]="{ $implicit: fileItem }">
|
|
1019
|
+
</ng-template>
|
|
1020
|
+
<ng-template #defaultActions>
|
|
1021
|
+
<button
|
|
1022
|
+
type="button"
|
|
1023
|
+
cdsButton="ghost"
|
|
1024
|
+
iconOnly="true"
|
|
1025
|
+
[size]="size"
|
|
1026
|
+
[attr.aria-label]="translations.REMOVE_BUTTON"
|
|
1027
|
+
(click)="remove.emit()"
|
|
1028
|
+
(keyup.enter)="remove.emit()"
|
|
1029
|
+
(keyup.space)="remove.emit()">
|
|
1030
|
+
<svg cdsIcon="trash-can" size="16"></svg>
|
|
1031
|
+
</button>
|
|
1032
|
+
</ng-template>
|
|
868
1033
|
</span>
|
|
869
1034
|
<span *ngIf="fileItem.state === 'upload'">
|
|
870
1035
|
<div class="cds--inline-loading__animation">
|
|
871
1036
|
<cds-loading size="sm"></cds-loading>
|
|
872
1037
|
</div>
|
|
873
1038
|
</span>
|
|
874
|
-
<span
|
|
1039
|
+
<span
|
|
1040
|
+
*ngIf="fileItem.state === 'complete'"
|
|
1041
|
+
class="cds--file__state-container">
|
|
875
1042
|
<svg
|
|
876
1043
|
cdsIcon="checkmark--filled"
|
|
877
1044
|
size="16"
|
|
@@ -879,9 +1046,16 @@ import { FileItem } from "./file-item.interface";
|
|
|
879
1046
|
[ariaLabel]="translations.CHECKMARK">
|
|
880
1047
|
</svg>
|
|
881
1048
|
</span>
|
|
882
|
-
<div
|
|
883
|
-
|
|
884
|
-
|
|
1049
|
+
<div
|
|
1050
|
+
class="cds--form-requirement"
|
|
1051
|
+
role="alert"
|
|
1052
|
+
*ngIf="fileItem.invalid">
|
|
1053
|
+
<div class="cds--form-requirement__title">
|
|
1054
|
+
{{ fileItem.invalidTitle }}
|
|
1055
|
+
</div>
|
|
1056
|
+
<p class="cds--form-requirement__supplement">
|
|
1057
|
+
{{ fileItem.invalidText }}
|
|
1058
|
+
</p>
|
|
885
1059
|
</div>
|
|
886
1060
|
`
|
|
887
1061
|
})
|
|
@@ -897,6 +1071,16 @@ export class FileComponent implements OnDestroy {
|
|
|
897
1071
|
|
|
898
1072
|
@Input() size: "sm" | "md" | "lg" = "lg";
|
|
899
1073
|
|
|
1074
|
+
/**
|
|
1075
|
+
* A custom template for the file name
|
|
1076
|
+
*/
|
|
1077
|
+
@Input() nameTpl: TemplateRef<unknown>;
|
|
1078
|
+
|
|
1079
|
+
/**
|
|
1080
|
+
* A custom template for the available file actions
|
|
1081
|
+
*/
|
|
1082
|
+
@Input() actionsTpl: TemplateRef<unknown>;
|
|
1083
|
+
|
|
900
1084
|
@Output() remove = new EventEmitter();
|
|
901
1085
|
|
|
902
1086
|
@HostBinding("class.cds--file__selected-file") selectedFile = true;
|
|
@@ -916,8 +1100,13 @@ export class FileComponent implements OnDestroy {
|
|
|
916
1100
|
@HostBinding("class.cds--file__selected-file--lg") get fileSizeLarge() {
|
|
917
1101
|
return this.size === "lg";
|
|
918
1102
|
}
|
|
1103
|
+
|
|
919
1104
|
constructor(protected i18n: I18n) {}
|
|
920
1105
|
|
|
1106
|
+
public isTemplate(value: unknown): boolean {
|
|
1107
|
+
return value instanceof TemplateRef;
|
|
1108
|
+
}
|
|
1109
|
+
|
|
921
1110
|
ngOnDestroy() {
|
|
922
1111
|
this.remove.emit();
|
|
923
1112
|
}
|
|
@@ -952,7 +1141,7 @@ export class FileComponent implements OnDestroy {
|
|
|
952
1141
|
<script src="../js/libs/htmlparser.js"></script>
|
|
953
1142
|
<script src="../js/libs/deep-iterator.js"></script>
|
|
954
1143
|
<script>
|
|
955
|
-
var COMPONENT_TEMPLATE = '<div><p class="cds--file-filename" [title]="fileItem.file.name">{{fileItem.file.name}}</p><span
|
|
1144
|
+
var COMPONENT_TEMPLATE = '<div><p class="cds--file-filename" [title]="fileItem.file.name"> <ng-template *ngIf="isTemplate(nameTpl); else defaultName" [ngTemplateOutlet]="nameTpl" [ngTemplateOutletContext]="{ $implicit: fileItem }"> </ng-template> <ng-template #defaultName>{{ fileItem.file.name }}</ng-template></p><span *ngIf="fileItem.state === \'edit\'" class="cds--file__state-container"> <svg *ngIf="isInvalidText" cdsIcon="warning--filled" class="cds--file--invalid" size="16"> </svg> <ng-template *ngIf="isTemplate(actionsTpl); else defaultActions" [ngTemplateOutlet]="actionsTpl" [ngTemplateOutletContext]="{ $implicit: fileItem }"> </ng-template> <ng-template #defaultActions> <button type="button" cdsButton="ghost" iconOnly="true" [size]="size" [attr.aria-label]="translations.REMOVE_BUTTON" (click)="remove.emit()" (keyup.enter)="remove.emit()" (keyup.space)="remove.emit()"> <svg cdsIcon="trash-can" size="16"></svg> </button> </ng-template></span><span *ngIf="fileItem.state === \'upload\'"> <div class="cds--inline-loading__animation"> <cds-loading size="sm"></cds-loading> </div></span><span *ngIf="fileItem.state === \'complete\'" class="cds--file__state-container"> <svg cdsIcon="checkmark--filled" size="16" class="cds--file-complete" [ariaLabel]="translations.CHECKMARK"> </svg></span><div class="cds--form-requirement" role="alert" *ngIf="fileItem.invalid"> <div class="cds--form-requirement__title"> {{ fileItem.invalidTitle }} </div> <p class="cds--form-requirement__supplement"> {{ fileItem.invalidText }} </p></div> </div>'
|
|
956
1145
|
var COMPONENTS = [{'name': 'Accordion', 'selector': 'cds-accordion, ibm-accordion'},{'name': 'AccordionItem', 'selector': 'cds-accordion-item, ibm-accordion-item'},{'name': 'ActionableNotification', 'selector': 'cds-actionable-notification, ibm-actionable-notification'},{'name': 'AlertModal', 'selector': 'cds-alert-modal, ibm-alert-modal'},{'name': 'BaseIconButton', 'selector': ''},{'name': 'BaseNotification', 'selector': ''},{'name': 'BaseTabHeader', 'selector': ''},{'name': 'Breadcrumb', 'selector': 'cds-breadcrumb, ibm-breadcrumb'},{'name': 'BreadcrumbItemComponent', 'selector': 'cds-breadcrumb-item, ibm-breadcrumb-item'},{'name': 'ButtonSet', 'selector': 'cds-button-set, ibm-button-set'},{'name': 'Checkbox', 'selector': 'cds-checkbox, ibm-checkbox'},{'name': 'ClickableTile', 'selector': 'cds-clickable-tile, ibm-clickable-tile'},{'name': 'CodeSnippet', 'selector': 'cds-code-snippet, ibm-code-snippet'},{'name': 'ComboBox', 'selector': 'cds-combo-box, ibm-combo-box'},{'name': 'ComboButtonComponent', 'selector': 'cds-combo-button'},{'name': 'ContainedList', 'selector': 'cds-contained-list, ibm-contained-list'},{'name': 'ContainedListItem', 'selector': 'cds-contained-list-item, ibm-contained-list-item'},{'name': 'ContentSwitcher', 'selector': 'cds-content-switcher, ibm-content-switcher'},{'name': 'ContextMenuComponent', 'selector': 'cds-menu, cds-context-menu, ibm-context-menu'},{'name': 'ContextMenuDividerComponent', 'selector': 'cds-menu-divider, cds-context-menu-divider, ibm-context-menu-divider'},{'name': 'ContextMenuGroupComponent', 'selector': 'cds-menu-group, cds-context-menu-group, ibm-context-menu-group'},{'name': 'ContextMenuItemComponent', 'selector': 'cds-menu-item, cds-context-menu-item, ibm-context-menu-item'},{'name': 'DatePicker', 'selector': 'cds-date-picker, ibm-date-picker'},{'name': 'DatePickerInput', 'selector': 'cds-date-picker-input, ibm-date-picker-input'},{'name': 'Dialog', 'selector': 'cds-dialog, ibm-dialog'},{'name': 'Documentation', 'selector': 'cds-documentation'},{'name': 'Dropdown', 'selector': 'cds-dropdown, ibm-dropdown'},{'name': 'DropdownList', 'selector': 'cds-dropdown-list, ibm-dropdown-list'},{'name': 'ExpandableTile', 'selector': 'cds-expandable-tile, ibm-expandable-tile'},{'name': 'FileComponent', 'selector': 'cds-file, ibm-file'},{'name': 'FileUploader', 'selector': 'cds-file-uploader, ibm-file-uploader'},{'name': 'Hamburger', 'selector': 'cds-hamburger, ibm-hamburger'},{'name': 'Header', 'selector': 'cds-header, ibm-header'},{'name': 'HeaderAction', 'selector': 'cds-header-action, ibm-header-action'},{'name': 'HeaderGlobal', 'selector': 'cds-header-global, ibm-header-global'},{'name': 'HeaderItem', 'selector': 'cds-header-item, ibm-header-item'},{'name': 'HeaderMenu', 'selector': 'cds-header-menu, ibm-header-menu'},{'name': 'HeaderNavigation', 'selector': 'cds-header-navigation, ibm-header-navigation'},{'name': 'IconButton', 'selector': 'cds-icon-button, ibm-icon-button'},{'name': 'InlineLoading', 'selector': 'cds-inline-loading, ibm-inline-loading'},{'name': 'Label', 'selector': 'cds-label, ibm-label'},{'name': 'ListColumn', 'selector': 'cds-list-column, ibm-list-column'},{'name': 'ListHeader', 'selector': 'cds-list-header, ibm-list-header'},{'name': 'ListRow', 'selector': 'cds-list-row, ibm-list-row'},{'name': 'Loading', 'selector': 'cds-loading, ibm-loading'},{'name': 'MenuButtonComponent', 'selector': 'cds-menu-button'},{'name': 'Modal', 'selector': 'cds-modal, ibm-modal'},{'name': 'ModalFooter', 'selector': 'cds-modal-footer, ibm-modal-footer'},{'name': 'ModalHeader', 'selector': 'cds-modal-header, ibm-modal-header'},{'name': 'Notification', 'selector': 'cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification'},{'name': 'NumberComponent', 'selector': 'cds-number, ibm-number'},{'name': 'OverflowMenu', 'selector': 'cds-overflow-menu, ibm-overflow-menu'},{'name': 'OverflowMenuCustomPane', 'selector': 'cds-overflow-custom-menu-pane, ibm-overflow-custom-menu-pane'},{'name': 'OverflowMenuOption', 'selector': 'cds-overflow-menu-option, ibm-overflow-menu-option'},{'name': 'OverflowMenuPane', 'selector': 'cds-overflow-menu-pane, ibm-overflow-menu-pane'},{'name': 'Overlay', 'selector': 'cds-overlay, ibm-overlay'},{'name': 'Pagination', 'selector': 'cds-pagination, ibm-pagination'},{'name': 'PaginationNav', 'selector': 'cds-pagination-nav, ibm-pagination-navm'},{'name': 'PaginationNavItem', 'selector': 'cds-pagination-nav-item, ibm-pagination-nav-item'},{'name': 'PaginationOverflow', 'selector': 'cds-pagination-overflow, ibm-pagination-overflow'},{'name': 'Panel', 'selector': 'cds-panel, ibm-panel'},{'name': 'PasswordInputLabelComponent', 'selector': 'cds-password-label, ibm-password-label'},{'name': 'Placeholder', 'selector': 'cds-placeholder, ibm-placeholder'},{'name': 'PopoverContent', 'selector': 'cds-popover-content, ibm-popover-content'},{'name': 'ProgressBar', 'selector': 'cds-progress-bar, ibm-progress-bar'},{'name': 'ProgressIndicator', 'selector': 'cds-progress-indicator, ibm-progress-indicator'},{'name': 'Radio', 'selector': 'cds-radio, ibm-radio'},{'name': 'RadioGroup', 'selector': 'cds-radio-group, ibm-radio-group'},{'name': 'Search', 'selector': 'cds-search, ibm-search'},{'name': 'Select', 'selector': 'cds-select, ibm-select'},{'name': 'SelectionTile', 'selector': 'cds-selection-tile, ibm-selection-tile'},{'name': 'SideNav', 'selector': 'cds-sidenav, ibm-sidenav'},{'name': 'SideNavItem', 'selector': 'cds-sidenav-item, ibm-sidenav-item'},{'name': 'SideNavMenu', 'selector': 'cds-sidenav-menu, ibm-sidenav-menu'},{'name': 'SkeletonPlaceholder', 'selector': 'cds-skeleton-placeholder, ibm-skeleton-placeholder'},{'name': 'SkeletonText', 'selector': 'cds-skeleton-text, ibm-skeleton-text'},{'name': 'Slider', 'selector': 'cds-slider, ibm-slider'},{'name': 'StructuredList', 'selector': 'cds-structured-list, ibm-structured-list'},{'name': 'SwitcherList', 'selector': 'cds-switcher-list, ibm-switcher-list'},{'name': 'SwitcherListItem', 'selector': 'cds-switcher-list-item, ibm-switcher-list-item'},{'name': 'Tab', 'selector': 'cds-tab, ibm-tab'},{'name': 'TabHeaderGroup', 'selector': 'cds-tab-header-group, ibm-tab-header-group'},{'name': 'TabHeaders', 'selector': 'cds-tab-headers, ibm-tab-headers'},{'name': 'Table', 'selector': 'cds-table, ibm-table'},{'name': 'TableBody', 'selector': '[cdsTableBody], [ibmTableBody]'},{'name': 'TableCheckbox', 'selector': '[cdsTableCheckbox], [ibmTableCheckbox]'},{'name': 'TableContainer', 'selector': 'cds-table-container, ibm-table-container'},{'name': 'TableData', 'selector': '[cdsTableData], [ibmTableData]'},{'name': 'TableExpandButton', 'selector': '[cdsTableExpandButton], [ibmTableExpandButton]'},{'name': 'TableExpandedRow', 'selector': '[cdsTableExpandedRow], [ibmTableExpandedRow]'},{'name': 'TableHead', 'selector': '[cdsTableHead], [ibmTableHead]'},{'name': 'TableHeadCell', 'selector': '[cdsTableHeadCell], [ibmTableHeadCell]'},{'name': 'TableHeadCheckbox', 'selector': '[cdsTableHeadCheckbox], [ibmTableHeadCheckbox]'},{'name': 'TableHeader', 'selector': 'cds-table-header, ibm-table-header'},{'name': 'TableHeadExpand', 'selector': '[cdsTableHeadExpand], [ibmTableHeadExpand]'},{'name': 'TableRadio', 'selector': '[cdsTableRadio], [ibmTableRadio]'},{'name': 'TableRowComponent', 'selector': '[cdsTableRow], [ibmTableRow]'},{'name': 'TableToolbar', 'selector': 'cds-table-toolbar, ibm-table-toolbar'},{'name': 'TableToolbarActions', 'selector': 'cds-table-toolbar-actions, ibm-table-toolbar-actions'},{'name': 'TableToolbarContent', 'selector': 'cds-table-toolbar-content, ibm-table-toolbar-content'},{'name': 'TableToolbarSearch', 'selector': 'cds-table-toolbar-search, ibm-table-toolbar-search'},{'name': 'Tabs', 'selector': 'cds-tabs, ibm-tabs'},{'name': 'TabSkeleton', 'selector': 'cds-tabs-skeleton, ibm-tabs-skeleton'},{'name': 'Tag', 'selector': 'cds-tag, ibm-tag'},{'name': 'TagFilter', 'selector': 'cds-tag-filter, ibm-tag-filter'},{'name': 'TagOperationalComponent', 'selector': 'cds-tag-operational, ibm-tag-operational'},{'name': 'TagSelectableComponent', 'selector': 'cds-tag-selectable, ibm-tag-selectable'},{'name': 'TextareaLabelComponent', 'selector': 'cds-textarea-label, ibm-textarea-label'},{'name': 'TextInputLabelComponent', 'selector': 'cds-text-label, ibm-text-label'},{'name': 'Tile', 'selector': 'cds-tile, ibm-tile'},{'name': 'TileGroup', 'selector': 'cds-tile-group, ibm-tile-group'},{'name': 'TimePicker', 'selector': 'cds-timepicker, ibm-timepicker'},{'name': 'TimePickerSelect', 'selector': 'cds-timepicker-select, ibm-timepicker-select'},{'name': 'Toast', 'selector': 'cds-toast, ibm-toast'},{'name': 'Toggle', 'selector': 'cds-toggle, ibm-toggle'},{'name': 'Toggletip', 'selector': 'cds-toggletip, ibm-toggletip'},{'name': 'Tooltip', 'selector': 'cds-tooltip, ibm-tooltip'},{'name': 'TooltipDefinition', 'selector': 'cds-tooltip-definition, ibm-tooltip-definition'},{'name': 'TreeNodeComponent', 'selector': 'cds-tree-node'},{'name': 'TreeViewComponent', 'selector': 'cds-tree-view'}];
|
|
957
1146
|
var DIRECTIVES = [{'name': 'AbstractDropdownView', 'selector': '[cdsAbstractDropdownView], [ibmAbstractDropdownView]'},{'name': 'ActionableButton', 'selector': '[cdsActionableButton], [ibmActionableButton]'},{'name': 'ActionableSubtitle', 'selector': '[cdsActionableSubtitle], [ibmActionableSubtitle]'},{'name': 'ActionableTitle', 'selector': '[cdsActionableTitle], [ibmActionableTitle]'},{'name': 'BaseModal', 'selector': '[cdsBaseModal], [ibmBaseModal]'},{'name': 'Button', 'selector': '[cdsButton], [ibmButton]'},{'name': 'ClickableTileIconDirective', 'selector': '[cdsClickableTileIcon], [ibmClickableTileIcon]'},{'name': 'ColumnDirective', 'selector': '[cdsCol], [ibmCol]'},{'name': 'ContentSwitcherOption', 'selector': '[cdsContentOption], [ibmContentOption]'},{'name': 'DialogDirective', 'selector': '[cdsDialog], [ibmDialog]'},{'name': 'ExpandableTileAboveFoldDirective', 'selector': '[cdsAboveFold], [ibmAboveFold]'},{'name': 'ExpandableTileBelowFoldDirective', 'selector': '[cdsBelowFold], [ibmBelowFold]'},{'name': 'ExpandedRowHover', 'selector': '[cdsExpandedRowHover], [ibmExpandedRowHover]'},{'name': 'GridDirective', 'selector': '[cdsGrid], [ibmGrid]'},{'name': 'IconDirective', 'selector': '[cdsIcon], [ibmIcon]'},{'name': 'LayerDirective', 'selector': '[cdsLayer], [ibmLayer]'},{'name': 'Link', 'selector': '[cdsLink], [ibmLink]'},{'name': 'LinkIconDirective', 'selector': '[ibmLinkIcon], [cdsLinkIcon]'},{'name': 'List', 'selector': '[cdsList], [ibmList]'},{'name': 'ListItemDirective', 'selector': '[cdsListItem], [ibmListItem]'},{'name': 'ModalContent', 'selector': '[cdsModalContent], [ibmModalContent]'},{'name': 'ModalContentText', 'selector': '[cdsModalContentText], [ibmModalContentText]'},{'name': 'ModalHeaderHeading', 'selector': '[cdsModalHeaderHeading], [ibmModalHeaderHeading]'},{'name': 'ModalHeaderLabel', 'selector': '[cdsModalHeaderLabel], [ibmModalHeaderLabel]'},{'name': 'NotificationSubtitle', 'selector': '[cdsNotificationSubtitle], [ibmNotificationSubtitle]'},{'name': 'NotificationTitle', 'selector': '[cdsNotificationTitle], [ibmNotificationTitle]'},{'name': 'OptGroup', 'selector': 'optgroup'},{'name': 'Option', 'selector': 'option'},{'name': 'OverflowMenuDirective', 'selector': '[cdsOverflowMenu], [ibmOverflowMenu]'},{'name': 'PasswordInput', 'selector': '[cdsPassword], [ibmPassword]'},{'name': 'PopoverContainer', 'selector': '[cdsPopover], [ibmPopover]'},{'name': 'RouterLinkExtendedDirective', 'selector': '[routerLink]'},{'name': 'RowDirective', 'selector': '[cdsRow], [ibmRow]'},{'name': 'ScrollableList', 'selector': '[cdsScrollableList], [ibmScrollableList]'},{'name': 'StackDirective', 'selector': '[cdsStack], [ibmStack]'},{'name': 'TabHeader', 'selector': '[cdsTabHeader], [ibmTabHeader]'},{'name': 'TableDirective', 'selector': '[cdsTable], [ibmTable]'},{'name': 'TableHeadCellLabel', 'selector': '[cdsTableHeadCellLabel], [ibmTableHeadCellLabel]'},{'name': 'TableHeaderDescription', 'selector': '[cdsTableHeaderDescription], [ibmTableHeaderDescription]'},{'name': 'TableHeaderTitle', 'selector': '[cdsTableHeaderTitle], [ibmTableHeaderTitle]'},{'name': 'TagIconDirective', 'selector': '[cdsTagIcon], [ibmTagIcon]'},{'name': 'TextArea', 'selector': '[cdsTextArea], [ibmTextArea]'},{'name': 'TextInput', 'selector': '[cdsText], [ibmText]'},{'name': 'ThemeDirective', 'selector': '[cdsTheme], [ibmTheme]'},{'name': 'ToastCaption', 'selector': '[cdsToastCaption], [ibmToastCaption]'},{'name': 'ToastSubtitle', 'selector': '[cdsToastSubtitle], [ibmToastSubtitle]'},{'name': 'ToastTitle', 'selector': '[cdsToastTitle], [ibmToastTitle]'},{'name': 'ToggletipAction', 'selector': '[cdsToggletipAction], [ibmToggletipAction]'},{'name': 'ToggletipButton', 'selector': '[cdsToggletipButton], [ibmToggletipButton]'},{'name': 'ToggletipContent', 'selector': '[cdsToggletipContent], [ibmToggletipContent]'},{'name': 'ToggletipLabel', 'selector': '[cdsToggletipLabel], [ibmToggletipLabel]'}];
|
|
958
1147
|
var ACTUAL_COMPONENT = {'name': 'FileComponent'};
|