@eui/showcase 18.0.0-next.50 → 18.0.0-next.51

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.
@@ -1057,35 +1057,11 @@ var DocPageComponent = class _DocPageComponent {
1057
1057
  <ng-content select="docPageOverview"></ng-content>
1058
1058
  </div>
1059
1059
 
1060
- <!-- TEST for showing components API centralized based on inputs category type
1061
- <ng-container *ngIf="samplesInput.length !== 0">
1062
- <div class="doc-page-section-subtitle">Component API summary</div>
1063
- <table class="eui-table-default eui-table-default--compact eui-table-default--responsive eui-table-default--bordered eui-u-mb-xl">
1064
- <thead>
1065
- <tr>
1066
- <th class="eui-u-text-left">name</th>
1067
- <th class="eui-u-text-left">Description</th>
1068
- <th class="eui-u-text-left">Default</th>
1069
- <th></th>
1070
- </tr>
1071
- </thead>
1072
- <tbody>
1073
- <tr *ngFor="let sample of samplesInput">
1074
- <td>{{sample?.id}}</td>
1075
- <td>{{sample?.description}}</td>
1076
- <td>{{sample?.defaultValue}}</td>
1077
- <td><a class="eui-u-text-link" (click)="onNavClick(sample?.id,0)">Sample link</a></td>
1078
- </tr>
1079
- </tbody>
1080
- </table>
1081
- </ng-container> -->
1082
-
1083
1060
  <div *ngIf="pageOverviewDefaultContent.length > 0">
1084
1061
  <ng-content select="docPageOverviewDefault"></ng-content>
1085
1062
  </div>
1086
1063
  <br />
1087
1064
 
1088
-
1089
1065
  <div id="samples" class="doc-page-section-title">Options & samples</div>
1090
1066
  <ng-content select="docPageSamples"></ng-content>
1091
1067
  </euiTabContent>
@@ -1177,22 +1153,34 @@ var DocPageComponent = class _DocPageComponent {
1177
1153
  <ng-container *ngIf="categories.length > 0">
1178
1154
  <ng-container *ngIf="hasCategories; else noCategories">
1179
1155
  <ng-container *ngFor="let category of categories">
1180
- <div class="doc-page-navigation-category">{{category.name}}</div>
1181
- <ul *ngFor="let sample of category.samples" class="doc-page-navigation-list">
1182
- <li
1183
- class="doc-page-navigation-item doc-page-navigation-item-sub"
1184
- [class.doc-page-navigation-item--selected]="fragmentId === sample.id"
1185
- (click)="onNavClick(sample.id, 0)">
1186
- <span>{{ sample.label }}</span>
1187
- </li>
1188
- </ul>
1156
+ <ng-container *ngIf="category.name === 'Base'; else notBase">
1157
+ <ul *ngFor="let sample of category.samples" class="doc-page-navigation-list">
1158
+ <li
1159
+ class="doc-page-navigation-item"
1160
+ [class.doc-page-navigation-item--selected]="fragmentId === sample.id"
1161
+ (click)="onNavClick(sample.id, 0)">
1162
+ <span>{{ sample.label }}</span>
1163
+ </li>
1164
+ </ul>
1165
+ </ng-container>
1166
+ <ng-template #notBase>
1167
+ <div *ngIf="category.name !== 'Base'" class="doc-page-navigation-category">{{category.name}}</div>
1168
+ <ul *ngFor="let sample of category.samples" class="doc-page-navigation-list">
1169
+ <li
1170
+ class="doc-page-navigation-item doc-page-navigation-item-sub"
1171
+ [class.doc-page-navigation-item--selected]="fragmentId === sample.id"
1172
+ (click)="onNavClick(sample.id, 0)">
1173
+ <span>{{ sample.label }}</span>
1174
+ </li>
1175
+ </ul>
1176
+ </ng-template>
1189
1177
  </ng-container>
1190
1178
  </ng-container>
1191
1179
 
1192
1180
  <ng-template #noCategories>
1193
1181
  <ul *ngFor="let sample of samples" class="doc-page-navigation-list">
1194
1182
  <li
1195
- class="doc-page-navigation-item doc-page-navigation-item-sub"
1183
+ class="doc-page-navigation-item"
1196
1184
  [class.doc-page-navigation-item--selected]="fragmentId === sample.id"
1197
1185
  (click)="onNavClick(sample.id, 0)">
1198
1186
  <span>{{ sample.label }}</span>
@@ -1346,35 +1334,11 @@ i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6",
1346
1334
  <ng-content select="docPageOverview"></ng-content>
1347
1335
  </div>
1348
1336
 
1349
- <!-- TEST for showing components API centralized based on inputs category type
1350
- <ng-container *ngIf="samplesInput.length !== 0">
1351
- <div class="doc-page-section-subtitle">Component API summary</div>
1352
- <table class="eui-table-default eui-table-default--compact eui-table-default--responsive eui-table-default--bordered eui-u-mb-xl">
1353
- <thead>
1354
- <tr>
1355
- <th class="eui-u-text-left">name</th>
1356
- <th class="eui-u-text-left">Description</th>
1357
- <th class="eui-u-text-left">Default</th>
1358
- <th></th>
1359
- </tr>
1360
- </thead>
1361
- <tbody>
1362
- <tr *ngFor="let sample of samplesInput">
1363
- <td>{{sample?.id}}</td>
1364
- <td>{{sample?.description}}</td>
1365
- <td>{{sample?.defaultValue}}</td>
1366
- <td><a class="eui-u-text-link" (click)="onNavClick(sample?.id,0)">Sample link</a></td>
1367
- </tr>
1368
- </tbody>
1369
- </table>
1370
- </ng-container> -->
1371
-
1372
1337
  <div *ngIf="pageOverviewDefaultContent.length > 0">
1373
1338
  <ng-content select="docPageOverviewDefault"></ng-content>
1374
1339
  </div>
1375
1340
  <br />
1376
1341
 
1377
-
1378
1342
  <div id="samples" class="doc-page-section-title">Options & samples</div>
1379
1343
  <ng-content select="docPageSamples"></ng-content>
1380
1344
  </euiTabContent>
@@ -1466,22 +1430,34 @@ i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6",
1466
1430
  <ng-container *ngIf="categories.length > 0">
1467
1431
  <ng-container *ngIf="hasCategories; else noCategories">
1468
1432
  <ng-container *ngFor="let category of categories">
1469
- <div class="doc-page-navigation-category">{{category.name}}</div>
1470
- <ul *ngFor="let sample of category.samples" class="doc-page-navigation-list">
1471
- <li
1472
- class="doc-page-navigation-item doc-page-navigation-item-sub"
1473
- [class.doc-page-navigation-item--selected]="fragmentId === sample.id"
1474
- (click)="onNavClick(sample.id, 0)">
1475
- <span>{{ sample.label }}</span>
1476
- </li>
1477
- </ul>
1433
+ <ng-container *ngIf="category.name === 'Base'; else notBase">
1434
+ <ul *ngFor="let sample of category.samples" class="doc-page-navigation-list">
1435
+ <li
1436
+ class="doc-page-navigation-item"
1437
+ [class.doc-page-navigation-item--selected]="fragmentId === sample.id"
1438
+ (click)="onNavClick(sample.id, 0)">
1439
+ <span>{{ sample.label }}</span>
1440
+ </li>
1441
+ </ul>
1442
+ </ng-container>
1443
+ <ng-template #notBase>
1444
+ <div *ngIf="category.name !== 'Base'" class="doc-page-navigation-category">{{category.name}}</div>
1445
+ <ul *ngFor="let sample of category.samples" class="doc-page-navigation-list">
1446
+ <li
1447
+ class="doc-page-navigation-item doc-page-navigation-item-sub"
1448
+ [class.doc-page-navigation-item--selected]="fragmentId === sample.id"
1449
+ (click)="onNavClick(sample.id, 0)">
1450
+ <span>{{ sample.label }}</span>
1451
+ </li>
1452
+ </ul>
1453
+ </ng-template>
1478
1454
  </ng-container>
1479
1455
  </ng-container>
1480
1456
 
1481
1457
  <ng-template #noCategories>
1482
1458
  <ul *ngFor="let sample of samples" class="doc-page-navigation-list">
1483
1459
  <li
1484
- class="doc-page-navigation-item doc-page-navigation-item-sub"
1460
+ class="doc-page-navigation-item"
1485
1461
  [class.doc-page-navigation-item--selected]="fragmentId === sample.id"
1486
1462
  (click)="onNavClick(sample.id, 0)">
1487
1463
  <span>{{ sample.label }}</span>