carbon-components-angular 5.2.0 → 5.2.2

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 (27) hide show
  1. package/bundles/carbon-components-angular-table.umd.js +30 -19
  2. package/bundles/carbon-components-angular-table.umd.js.map +1 -1
  3. package/bundles/carbon-components-angular-tooltip.umd.js +16 -2
  4. package/bundles/carbon-components-angular-tooltip.umd.js.map +1 -1
  5. package/docs/documentation/components/Tooltip.html +143 -47
  6. package/docs/documentation/coverage.html +6 -6
  7. package/docs/documentation/directives/TableDirective.html +143 -39
  8. package/docs/documentation/interfaces/TableTranslations.html +1 -1
  9. package/docs/documentation/js/search/search_index.js +2 -2
  10. package/docs/documentation/miscellaneous/typealiases.html +1 -1
  11. package/docs/documentation.json +103 -54
  12. package/docs/storybook/iframe.html +1 -1
  13. package/docs/storybook/{main.2485e7a7.iframe.bundle.js → main.6ced09a7.iframe.bundle.js} +54 -31
  14. package/docs/storybook/main.6ced09a7.iframe.bundle.js.map +1 -0
  15. package/docs/storybook/project.json +1 -1
  16. package/esm2015/table/table.directive.js +20 -17
  17. package/esm2015/table/table.types.js +1 -1
  18. package/esm2015/tooltip/tooltip.component.js +21 -11
  19. package/fesm2015/carbon-components-angular-table.js +19 -16
  20. package/fesm2015/carbon-components-angular-table.js.map +1 -1
  21. package/fesm2015/carbon-components-angular-tooltip.js +20 -10
  22. package/fesm2015/carbon-components-angular-tooltip.js.map +1 -1
  23. package/package.json +1 -1
  24. package/table/table.directive.d.ts +5 -3
  25. package/table/table.types.d.ts +1 -1
  26. package/tooltip/tooltip.component.d.ts +7 -2
  27. package/docs/storybook/main.2485e7a7.iframe.bundle.js.map +0 -1
package/docs/documentation/directives/TableDirective.html CHANGED
@@ -139,13 +139,19 @@
139
139
  <a href="#class.cds--data-table" >class.cds--data-table</a>
140
140
  </li>
141
141
  <li>
142
- <a href="#class.cds--data-table--compact" >class.cds--data-table--compact</a>
142
+ <a href="#class.cds--data-table--lg" >class.cds--data-table--lg</a>
143
143
  </li>
144
144
  <li>
145
- <a href="#class.cds--data-table--short" >class.cds--data-table--short</a>
145
+ <a href="#class.cds--data-table--md" >class.cds--data-table--md</a>
146
146
  </li>
147
147
  <li>
148
- <a href="#class.cds--data-table--tall" >class.cds--data-table--tall</a>
148
+ <a href="#class.cds--data-table--sm" >class.cds--data-table--sm</a>
149
+ </li>
150
+ <li>
151
+ <a href="#class.cds--data-table--xl" >class.cds--data-table--xl</a>
152
+ </li>
153
+ <li>
154
+ <a href="#class.cds--data-table--xs" >class.cds--data-table--xs</a>
149
155
  </li>
150
156
  </ul>
151
157
  </td>
@@ -161,13 +167,19 @@
161
167
  <td class="col-md-4">
162
168
  <ul class="index-list">
163
169
  <li>
164
- <a href="#compactClass" >compactClass</a>
170
+ <a href="#extraSmallSize" >extraSmallSize</a>
171
+ </li>
172
+ <li>
173
+ <a href="#smallSize" >smallSize</a>
165
174
  </li>
166
175
  <li>
167
- <a href="#tallClass" >tallClass</a>
176
+ <a href="#mediumSize" >mediumSize</a>
168
177
  </li>
169
178
  <li>
170
- <a href="#shortClass" >shortClass</a>
179
+ <a href="#LargeSize" >LargeSize</a>
180
+ </li>
181
+ <li>
182
+ <a href="#extraLargeSize" >extraLargeSize</a>
171
183
  </li>
172
184
  </ul>
173
185
  </td>
@@ -353,10 +365,10 @@
353
365
  <tbody>
354
366
  <tr>
355
367
  <td class="col-md-4">
356
- <a name="class.cds--data-table--compact"></a>
368
+ <a name="class.cds--data-table--lg"></a>
357
369
  <span class="name">
358
- <span ><b>class.cds--data-table--compact</b></span>
359
- <a href="#class.cds--data-table--compact"><span class="icon ion-ios-link"></span></a>
370
+ <span ><b>class.cds--data-table--lg</b></span>
371
+ <a href="#class.cds--data-table--lg"><span class="icon ion-ios-link"></span></a>
360
372
  </span>
361
373
  </td>
362
374
  </tr>
@@ -368,7 +380,7 @@
368
380
  </tr>
369
381
  <tr>
370
382
  <td class="col-md-4">
371
- <div class="io-line">Defined in <a href="" data-line="23" class="link-to-prism">src/table/table.directive.ts:23</a></div>
383
+ <div class="io-line">Defined in <a href="" data-line="27" class="link-to-prism">src/table/table.directive.ts:27</a></div>
372
384
  </td>
373
385
  </tr>
374
386
 
@@ -379,10 +391,10 @@
379
391
  <tbody>
380
392
  <tr>
381
393
  <td class="col-md-4">
382
- <a name="class.cds--data-table--short"></a>
394
+ <a name="class.cds--data-table--md"></a>
383
395
  <span class="name">
384
- <span ><b>class.cds--data-table--short</b></span>
385
- <a href="#class.cds--data-table--short"><span class="icon ion-ios-link"></span></a>
396
+ <span ><b>class.cds--data-table--md</b></span>
397
+ <a href="#class.cds--data-table--md"><span class="icon ion-ios-link"></span></a>
386
398
  </span>
387
399
  </td>
388
400
  </tr>
@@ -394,7 +406,7 @@
394
406
  </tr>
395
407
  <tr>
396
408
  <td class="col-md-4">
397
- <div class="io-line">Defined in <a href="" data-line="31" class="link-to-prism">src/table/table.directive.ts:31</a></div>
409
+ <div class="io-line">Defined in <a href="" data-line="26" class="link-to-prism">src/table/table.directive.ts:26</a></div>
398
410
  </td>
399
411
  </tr>
400
412
 
@@ -405,10 +417,10 @@
405
417
  <tbody>
406
418
  <tr>
407
419
  <td class="col-md-4">
408
- <a name="class.cds--data-table--tall"></a>
420
+ <a name="class.cds--data-table--sm"></a>
409
421
  <span class="name">
410
- <span ><b>class.cds--data-table--tall</b></span>
411
- <a href="#class.cds--data-table--tall"><span class="icon ion-ios-link"></span></a>
422
+ <span ><b>class.cds--data-table--sm</b></span>
423
+ <a href="#class.cds--data-table--sm"><span class="icon ion-ios-link"></span></a>
412
424
  </span>
413
425
  </td>
414
426
  </tr>
@@ -420,7 +432,59 @@
420
432
  </tr>
421
433
  <tr>
422
434
  <td class="col-md-4">
423
- <div class="io-line">Defined in <a href="" data-line="27" class="link-to-prism">src/table/table.directive.ts:27</a></div>
435
+ <div class="io-line">Defined in <a href="" data-line="25" class="link-to-prism">src/table/table.directive.ts:25</a></div>
436
+ </td>
437
+ </tr>
438
+
439
+
440
+ </tbody>
441
+ </table>
442
+ <table class="table table-sm table-bordered">
443
+ <tbody>
444
+ <tr>
445
+ <td class="col-md-4">
446
+ <a name="class.cds--data-table--xl"></a>
447
+ <span class="name">
448
+ <span ><b>class.cds--data-table--xl</b></span>
449
+ <a href="#class.cds--data-table--xl"><span class="icon ion-ios-link"></span></a>
450
+ </span>
451
+ </td>
452
+ </tr>
453
+ <tr>
454
+ <td class="col-md-4">
455
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
456
+
457
+ </td>
458
+ </tr>
459
+ <tr>
460
+ <td class="col-md-4">
461
+ <div class="io-line">Defined in <a href="" data-line="28" class="link-to-prism">src/table/table.directive.ts:28</a></div>
462
+ </td>
463
+ </tr>
464
+
465
+
466
+ </tbody>
467
+ </table>
468
+ <table class="table table-sm table-bordered">
469
+ <tbody>
470
+ <tr>
471
+ <td class="col-md-4">
472
+ <a name="class.cds--data-table--xs"></a>
473
+ <span class="name">
474
+ <span ><b>class.cds--data-table--xs</b></span>
475
+ <a href="#class.cds--data-table--xs"><span class="icon ion-ios-link"></span></a>
476
+ </span>
477
+ </td>
478
+ </tr>
479
+ <tr>
480
+ <td class="col-md-4">
481
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
482
+
483
+ </td>
484
+ </tr>
485
+ <tr>
486
+ <td class="col-md-4">
487
+ <div class="io-line">Defined in <a href="" data-line="24" class="link-to-prism">src/table/table.directive.ts:24</a></div>
424
488
  </td>
425
489
  </tr>
426
490
 
@@ -480,19 +544,19 @@
480
544
  <tbody>
481
545
  <tr>
482
546
  <td class="col-md-4">
483
- <a name="compactClass"></a>
484
- <span class="name"><b>compactClass</b><a href="#compactClass"><span class="icon ion-ios-link"></span></a></span>
547
+ <a name="extraSmallSize"></a>
548
+ <span class="name"><b>extraSmallSize</b><a href="#extraSmallSize"><span class="icon ion-ios-link"></span></a></span>
485
549
  </td>
486
550
  </tr>
487
551
 
488
552
  <tr>
489
553
  <td class="col-md-4">
490
- <span class="accessor"><b>get</b><code>compactClass()</code></span>
554
+ <span class="accessor"><b>get</b><code>extraSmallSize()</code></span>
491
555
  </td>
492
556
  </tr>
493
557
  <tr>
494
558
  <td class="col-md-4">
495
- <div class="io-line">Defined in <a href="" data-line="23" class="link-to-prism">src/table/table.directive.ts:23</a></div>
559
+ <div class="io-line">Defined in <a href="" data-line="24" class="link-to-prism">src/table/table.directive.ts:24</a></div>
496
560
  </td>
497
561
  </tr>
498
562
 
@@ -502,14 +566,58 @@
502
566
  <tbody>
503
567
  <tr>
504
568
  <td class="col-md-4">
505
- <a name="tallClass"></a>
506
- <span class="name"><b>tallClass</b><a href="#tallClass"><span class="icon ion-ios-link"></span></a></span>
569
+ <a name="smallSize"></a>
570
+ <span class="name"><b>smallSize</b><a href="#smallSize"><span class="icon ion-ios-link"></span></a></span>
507
571
  </td>
508
572
  </tr>
509
573
 
510
574
  <tr>
511
575
  <td class="col-md-4">
512
- <span class="accessor"><b>get</b><code>tallClass()</code></span>
576
+ <span class="accessor"><b>get</b><code>smallSize()</code></span>
577
+ </td>
578
+ </tr>
579
+ <tr>
580
+ <td class="col-md-4">
581
+ <div class="io-line">Defined in <a href="" data-line="25" class="link-to-prism">src/table/table.directive.ts:25</a></div>
582
+ </td>
583
+ </tr>
584
+
585
+ </tbody>
586
+ </table>
587
+ <table class="table table-sm table-bordered">
588
+ <tbody>
589
+ <tr>
590
+ <td class="col-md-4">
591
+ <a name="mediumSize"></a>
592
+ <span class="name"><b>mediumSize</b><a href="#mediumSize"><span class="icon ion-ios-link"></span></a></span>
593
+ </td>
594
+ </tr>
595
+
596
+ <tr>
597
+ <td class="col-md-4">
598
+ <span class="accessor"><b>get</b><code>mediumSize()</code></span>
599
+ </td>
600
+ </tr>
601
+ <tr>
602
+ <td class="col-md-4">
603
+ <div class="io-line">Defined in <a href="" data-line="26" class="link-to-prism">src/table/table.directive.ts:26</a></div>
604
+ </td>
605
+ </tr>
606
+
607
+ </tbody>
608
+ </table>
609
+ <table class="table table-sm table-bordered">
610
+ <tbody>
611
+ <tr>
612
+ <td class="col-md-4">
613
+ <a name="LargeSize"></a>
614
+ <span class="name"><b>LargeSize</b><a href="#LargeSize"><span class="icon ion-ios-link"></span></a></span>
615
+ </td>
616
+ </tr>
617
+
618
+ <tr>
619
+ <td class="col-md-4">
620
+ <span class="accessor"><b>get</b><code>LargeSize()</code></span>
513
621
  </td>
514
622
  </tr>
515
623
  <tr>
@@ -524,19 +632,19 @@
524
632
  <tbody>
525
633
  <tr>
526
634
  <td class="col-md-4">
527
- <a name="shortClass"></a>
528
- <span class="name"><b>shortClass</b><a href="#shortClass"><span class="icon ion-ios-link"></span></a></span>
635
+ <a name="extraLargeSize"></a>
636
+ <span class="name"><b>extraLargeSize</b><a href="#extraLargeSize"><span class="icon ion-ios-link"></span></a></span>
529
637
  </td>
530
638
  </tr>
531
639
 
532
640
  <tr>
533
641
  <td class="col-md-4">
534
- <span class="accessor"><b>get</b><code>shortClass()</code></span>
642
+ <span class="accessor"><b>get</b><code>extraLargeSize()</code></span>
535
643
  </td>
536
644
  </tr>
537
645
  <tr>
538
646
  <td class="col-md-4">
539
- <div class="io-line">Defined in <a href="" data-line="31" class="link-to-prism">src/table/table.directive.ts:31</a></div>
647
+ <div class="io-line">Defined in <a href="" data-line="28" class="link-to-prism">src/table/table.directive.ts:28</a></div>
540
648
  </td>
541
649
  </tr>
542
650
 
@@ -570,17 +678,13 @@ export class TableDirective {
570
678
 
571
679
  @HostBinding(&quot;class.cds--data-table&quot;) tableClass &#x3D; true;
572
680
 
573
- @HostBinding(&quot;class.cds--data-table--compact&quot;) get compactClass() {
574
- return this.size &#x3D;&#x3D;&#x3D; &quot;sm&quot;;
575
- }
576
-
577
- @HostBinding(&quot;class.cds--data-table--tall&quot;) get tallClass() {
578
- return this.size &#x3D;&#x3D;&#x3D; &quot;lg&quot;;
579
- }
681
+ // Bind table size class
682
+ @HostBinding(&quot;class.cds--data-table--xs&quot;) get extraSmallSize() { return this.size &#x3D;&#x3D;&#x3D; &quot;xs&quot;; }
683
+ @HostBinding(&quot;class.cds--data-table--sm&quot;) get smallSize() { return this.size &#x3D;&#x3D;&#x3D; &quot;sm&quot;; }
684
+ @HostBinding(&quot;class.cds--data-table--md&quot;) get mediumSize() { return this.size &#x3D;&#x3D;&#x3D; &quot;md&quot;; }
685
+ @HostBinding(&quot;class.cds--data-table--lg&quot;) get LargeSize() { return this.size &#x3D;&#x3D;&#x3D; &quot;lg&quot;; }
686
+ @HostBinding(&quot;class.cds--data-table--xl&quot;) get extraLargeSize() { return this.size &#x3D;&#x3D;&#x3D; &quot;xl&quot;; }
580
687
 
581
- @HostBinding(&quot;class.cds--data-table--short&quot;) get shortClass() {
582
- return this.size &#x3D;&#x3D;&#x3D; &quot;sh&quot;;
583
- }
584
688
  }
585
689
  </code></pre>
586
690
  </div>
package/docs/documentation/interfaces/TableTranslations.html CHANGED
@@ -302,7 +302,7 @@
302
302
  CHECKBOX_ROW: string;
303
303
  }
304
304
 
305
- export type TableRowSize &#x3D; &quot;sm&quot; | &quot;sh&quot; | &quot;md&quot; | &quot;lg&quot;;
305
+ export type TableRowSize &#x3D; &quot;xs&quot; | &quot;sm&quot; | &quot;md&quot; | &quot;lg&quot; | &quot;xl&quot;;
306
306
  </code></pre>
307
307
  </div>
308
308
  </div>