@eui/components 16.2.5 → 16.2.6-snapshot-1699457970660
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/components/EuiTreeComponent.html +1 -82
- package/docs/dependencies.html +2 -2
- package/docs/js/menu-wc.js +3 -3
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/miscellaneous/variables.html +14 -14
- package/esm2022/eui-tree/eui-tree.component.mjs +6 -14
- package/eui-tree/eui-tree.component.d.ts +1 -4
- package/eui-tree/eui-tree.component.d.ts.map +1 -1
- package/fesm2022/eui-components-eui-tree.mjs +5 -13
- package/fesm2022/eui-components-eui-tree.mjs.map +1 -1
- package/package.json +121 -121
|
@@ -284,9 +284,6 @@
|
|
|
284
284
|
<li>
|
|
285
285
|
<a href="#showLines" >showLines</a>
|
|
286
286
|
</li>
|
|
287
|
-
<li>
|
|
288
|
-
<a href="#showUnderlinedLinks" >showUnderlinedLinks</a>
|
|
289
|
-
</li>
|
|
290
287
|
</ul>
|
|
291
288
|
</td>
|
|
292
289
|
</tr>
|
|
@@ -354,9 +351,6 @@
|
|
|
354
351
|
<li>
|
|
355
352
|
<a href="#isRecursiveParentSelection" >isRecursiveParentSelection</a>
|
|
356
353
|
</li>
|
|
357
|
-
<li>
|
|
358
|
-
<a href="#showUnderlinedLinks" >showUnderlinedLinks</a>
|
|
359
|
-
</li>
|
|
360
354
|
<li>
|
|
361
355
|
<a href="#showLines" >showLines</a>
|
|
362
356
|
</li>
|
|
@@ -718,22 +712,6 @@
|
|
|
718
712
|
</tr>
|
|
719
713
|
</tbody>
|
|
720
714
|
</table>
|
|
721
|
-
<table class="table table-sm table-bordered">
|
|
722
|
-
<tbody>
|
|
723
|
-
<tr>
|
|
724
|
-
<td class="col-md-4">
|
|
725
|
-
<a name="showUnderlinedLinks"></a>
|
|
726
|
-
<b>showUnderlinedLinks</b>
|
|
727
|
-
</td>
|
|
728
|
-
</tr>
|
|
729
|
-
<tr>
|
|
730
|
-
<td class="col-md-4">
|
|
731
|
-
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
732
|
-
|
|
733
|
-
</td>
|
|
734
|
-
</tr>
|
|
735
|
-
</tbody>
|
|
736
|
-
</table>
|
|
737
715
|
</section>
|
|
738
716
|
<section data-compodoc="block-outputs">
|
|
739
717
|
<h3 id="outputs">Outputs</h3>
|
|
@@ -2205,65 +2183,6 @@
|
|
|
2205
2183
|
</tr>
|
|
2206
2184
|
</tbody>
|
|
2207
2185
|
</table>
|
|
2208
|
-
<table class="table table-sm table-bordered">
|
|
2209
|
-
<tbody>
|
|
2210
|
-
<tr>
|
|
2211
|
-
<td class="col-md-4">
|
|
2212
|
-
<a name="showUnderlinedLinks"></a>
|
|
2213
|
-
<span class="name"><b>showUnderlinedLinks</b><a href="#showUnderlinedLinks"><span class="icon ion-ios-link"></span></a></span>
|
|
2214
|
-
</td>
|
|
2215
|
-
</tr>
|
|
2216
|
-
|
|
2217
|
-
<tr>
|
|
2218
|
-
<td class="col-md-4">
|
|
2219
|
-
<span class="accessor"><b>get</b><code>showUnderlinedLinks()</code></span>
|
|
2220
|
-
</td>
|
|
2221
|
-
</tr>
|
|
2222
|
-
|
|
2223
|
-
<tr>
|
|
2224
|
-
<td class="col-md-4">
|
|
2225
|
-
<span class="accessor"><b>set</b><code>showUnderlinedLinks(value: BooleanInput)</code></span>
|
|
2226
|
-
</td>
|
|
2227
|
-
</tr>
|
|
2228
|
-
<tr>
|
|
2229
|
-
<td class="col-md-4">
|
|
2230
|
-
|
|
2231
|
-
<div class="io-description">
|
|
2232
|
-
<b>Parameters :</b>
|
|
2233
|
-
<table class="params">
|
|
2234
|
-
<thead>
|
|
2235
|
-
<tr>
|
|
2236
|
-
<td>Name</td>
|
|
2237
|
-
<td>Type</td>
|
|
2238
|
-
<td>Optional</td>
|
|
2239
|
-
</tr>
|
|
2240
|
-
</thead>
|
|
2241
|
-
<tbody>
|
|
2242
|
-
<tr>
|
|
2243
|
-
<td>value</td>
|
|
2244
|
-
|
|
2245
|
-
<td>
|
|
2246
|
-
<code>BooleanInput</code>
|
|
2247
|
-
</td>
|
|
2248
|
-
|
|
2249
|
-
<td>
|
|
2250
|
-
No
|
|
2251
|
-
</td>
|
|
2252
|
-
|
|
2253
|
-
</tr>
|
|
2254
|
-
</tbody>
|
|
2255
|
-
</table>
|
|
2256
|
-
</div>
|
|
2257
|
-
<div>
|
|
2258
|
-
</div>
|
|
2259
|
-
<div class="io-description">
|
|
2260
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
2261
|
-
|
|
2262
|
-
</div>
|
|
2263
|
-
</td>
|
|
2264
|
-
</tr>
|
|
2265
|
-
</tbody>
|
|
2266
|
-
</table>
|
|
2267
2186
|
<table class="table table-sm table-bordered">
|
|
2268
2187
|
<tbody>
|
|
2269
2188
|
<tr>
|
|
@@ -2456,7 +2375,7 @@
|
|
|
2456
2375
|
<script src="../js/libs/htmlparser.js"></script>
|
|
2457
2376
|
<script src="../js/libs/deep-iterator.js"></script>
|
|
2458
2377
|
<script>
|
|
2459
|
-
var COMPONENT_TEMPLATE = '<div><ul class="eui-tree__wrapper" cdkScrollable #cdkScrollableRef> <cdk-tree #treeComponentInstance [dataSource]="cdkArrayDataSource" [treeControl]="cdkTreeControl" [trackBy]="trackBy" *ngIf="renderTree" class="eui-cdk-tree"> <!-- There are two states of generic cdk-nested-tree-node declarations. First one is without child. No sub rendering. --> <cdk-nested-tree-node *cdkTreeNodeDef="let treeRunTimeItemModel" class="eui-cdk-nested-tree-node"> <li class="eui-tree-node" *ngIf="treeRunTimeItemModel" title="{{ getTreeItem(treeRunTimeItemModel?.path)?.node?.treeContentBlock?.tooltipLabel || getTreeItem(treeRunTimeItemModel?.path)?.node?.treeContentBlock?.label }}"> <div class="eui-tree-node-wrapper" (click)="onNodeClick(treeRunTimeItemModel)" [class.eui-tree-node-wrapper--last]="treeRunTimeItemModel.last" [class.eui-tree-node-wrapper--show-lines]="showLines && _isMultiLevel"> <div class="eui-tree-node-wrapper__container"> <!-- Renders node in default or provided template\'s context. Generates onSelect with onSelectFn for developers to send the events from their custom check events. Provides id to be used on generic template --> <ng-container [ngTemplateOutlet]="nodeTemplateRef || nodeTemplateDefault" [ngTemplateOutletContext]="{ $implicit: getTreeItem(treeRunTimeItemModel?.path)?.node, onSelect: onSelectFn(treeRunTimeItemModel.path), id: uid + treeRunTimeItemModel.path }"> </ng-container> </div> </div> </li> </cdk-nested-tree-node> <!-- This is the tree node template for expandable nodes --> <cdk-nested-tree-node *cdkTreeNodeDef="let treeRunTimeItemModel; when: hasChild" class="eui-cdk-nested-tree-node eui-cdk-nested-tree-node--with-child"> <li class="eui-tree-node" *ngIf="treeRunTimeItemModel" title="{{ getTreeItem(treeRunTimeItemModel?.path)?.node?.treeContentBlock?.tooltipLabel || getTreeItem(treeRunTimeItemModel?.path)?.node?.treeContentBlock?.label }}"> <div class="eui-tree-node-wrapper" [class.eui-tree-node-wrapper--last]="treeRunTimeItemModel.last" [class.eui-tree-node-wrapper--show-lines]="showLines"> <!--Here wraps the node, and listen for node clicks.--> <div (click)="onNodeClick(treeRunTimeItemModel)" class="eui-tree-node-wrapper__container"> <!-- Expand/collapse action button --> <button euiButton euiIconButton euiBasicButton euiRounded euiSizeS type="button" [attr.aria-label]="\'Toggle \' + getTreeItem(treeRunTimeItemModel?.path)?.node?.treeContentBlock?.label" (click)="onNodeToggle(treeRunTimeItemModel)" cdkTreeNodeToggle class="eui-tree-node__button"> <span euiIcon *ngIf="!cdkTreeControl.isExpanded(treeRunTimeItemModel) && collapsedIconClass" [iconClass]="collapsedIconClass"></span> <span euiIcon *ngIf="cdkTreeControl.isExpanded(treeRunTimeItemModel) && expandedIconClass" [iconClass]="expandedIconClass"></span> <eui-icon-svg *ngIf="!cdkTreeControl.isExpanded(treeRunTimeItemModel) && !collapsedIconClass" [icon]="expandedSvgIconClass"></eui-icon-svg> <eui-icon-svg *ngIf="cdkTreeControl.isExpanded(treeRunTimeItemModel) && !expandedIconClass" [icon]="collapsedSvgIconClass"></eui-icon-svg> </button> <!-- Renders node in default or provided template\'s context. Generates onSelect with onSelectFn for developers to send the events from their custom check events. Provides id to be used on generic template --> <ng-container [ngTemplateOutlet]="nodeTemplateRef || nodeTemplateDefault" [ngTemplateOutletContext]="{ $implicit: getTreeItem(treeRunTimeItemModel.path)?.node, onSelect: onSelectFn(treeRunTimeItemModel.path), id: uid + treeRunTimeItemModel.path, path: treeRunTimeItemModel.path }"> </ng-container> </div> </div> <!--uses cdkTreeNodeOutlet to render children nodes, CdkTreeControl is used to control isExpanded state.--> <ul class="eui-tree-node" *ngIf="cdkTreeControl.isExpanded(treeRunTimeItemModel)"> <ng-container cdkTreeNodeOutlet></ng-container> </ul> </li> </cdk-nested-tree-node> </cdk-tree></ul><ng-template #nodeTemplateDefault let-node let-onSelect="onSelect" let-id="id" let-path="path"> <ng-container *ngIf="node"> <div class="eui-tree-node-wrapper__container-left" [class.eui-tree-node-wrapper__container-left--selected]="node?.isSelected"> <!--input checkbox area--> <input euiInputCheckBox *ngIf="node && node.selectable" type="checkbox" id="{{ id }}" [checked]="!!node?.isSelected" [indeterminate]="!!node?.isIndeterminate" (change)="onSelect($event)" class="eui-u-mr-m" /> <!--icon area--> <ng-container *ngIf="node?.treeContentBlock?.iconClass"> <eui-icon [euiVariant]="node?.treeContentBlock?.iconTypeClass || \'primary\'" iconClass="{{ node?.treeContentBlock?.iconClass }}" euiSizeS class="eui-u-mr-xs"> </eui-icon> </ng-container> <ng-container *ngIf="node?.treeContentBlock?.iconSvgName"> <eui-icon-svg icon="{{ node?.treeContentBlock?.iconSvgName }}" fillColor="{{ node?.treeContentBlock?.iconTypeClass || \'grey-100\' }}" size="s" class="eui-u-mr-xs"> </eui-icon-svg> </ng-container> <!--chips area--> <ng-container *ngIf="node?.treeContentBlock?.chips"> <eui-chip *ngFor="let chip of node.treeContentBlock.chips" euiSizeXS [euiVariant]="chip.typeClass || \'secondary\'" [euiOutline]="chip.isOutline" class="eui-chip--rounded eui-u-mb-none eui-u-mr-xs"> <span euiLabel>{{ chip.label }}</span> </eui-chip> </ng-container> <!--badge (typeLabel & typeClass) area--> <ng-container *ngIf="node?.treeContentBlock?.typeLabel" [ngSwitch]="node?.treeContentBlock?.typeClass"> <eui-badge euiSizeM [euiVariant]="node?.treeContentBlock?.typeClass || \'primary\'" class="eui-u-flex-no-shrink eui-u-mr-xs"> {{ node?.treeContentBlock?.typeLabel }} </eui-badge> </ng-container> </div> <!--label area--> <div class="eui-tree-node-wrapper__container-middle"> <label *ngIf="!node?.treeContentBlock?.url && !node?.treeContentBlock?.urlExternal" euiLabel for="{{ id }}" class="eui-u-text-truncate eui-u-p-2xs" [class.eui-label--selected]=" highlightPath ? getRunTimeSelectionRecursiveState(path)?.selectionRecursiveState === \'indeterminate\' || node?.isSelected : node?.isSelected " [class.eui-u-cursor-pointer]="node?.selectable"> {{ autoTranslate ? (node?.treeContentBlock?.label | translate) : node?.treeContentBlock?.label }} </label> <label *ngIf="node?.treeContentBlock?.url" euiLabel for="{{ id }}" class="eui-u-text-truncate eui-u-p-2xs"> <a class="eui-u-text-link" [class.eui-u-text-link-standalone]="!showUnderlinedLinks" [routerLink]="node?.treeContentBlock?.url"> {{ autoTranslate ? (node?.treeContentBlock?.label | translate) : node?.treeContentBlock?.label }} </a> </label> <label *ngIf="node?.treeContentBlock?.urlExternal" euiLabel for="{{ id }}" class="eui-u-text-truncate eui-u-p-2xs"> <a class="eui-u-text-link-external" [class.eui-u-text-link-external-standalone]="!showUnderlinedLinks" href="{{ node?.treeContentBlock?.urlExternal }}" target="{{ node?.treeContentBlock?.urlExternalTarget || \'blank\' }}"> {{ autoTranslate ? (node?.treeContentBlock?.label | translate) : node?.treeContentBlock?.label }} </a> </label> </div> <div *ngIf="node?.treeContentBlock?.rightContent" class="eui-tree-node-wrapper__container-right"> <!--badges area--> <ng-container *ngFor="let badge of node.treeContentBlock.rightContent?.badges"> <eui-badge euiSizeM euiOutline [euiVariant]="badge.typeClass || \'secondary\'" class="eui-u-ml-xs"> <span euiLabel>{{ badge.label }}</span> </eui-badge> </ng-container> <!--chips area--> <ng-container *ngFor="let chip of node.treeContentBlock.rightContent?.chips"> <eui-chip euiSizeXS [euiVariant]="chip.typeClass || \'secondary\'" [euiOutline]="chip.isOutline" class="eui-chip--rounded eui-u-mb-none eui-u-ml-xs"> <span euiLabel>{{ chip.label }}</span> </eui-chip> </ng-container> <!--Context menu--> <ng-container *ngIf="node.treeContentBlock.rightContent?.contextMenuMetaData && rightContextMenuTemplateRef"> <eui-dropdown class="eui-u-ml-xs"> <button euiButton euiSizeS euiRounded euiIconButton euiBasicButton euiSecondary [attr.aria-label]="\'Options menu\'"> <eui-icon-svg icon="eui-ellipsis-vertical"></eui-icon-svg> </button> <eui-dropdown-content> <ng-template [ngTemplateOutlet]="rightContextMenuTemplateRef" [ngTemplateOutletContext]="{ $implicit: node?.treeContentBlock?.rightContent?.contextMenuMetaData, metadata: node?.treeContentBlock?.rightContent?.contextMenuMetaData }"> </ng-template> </eui-dropdown-content> </eui-dropdown> </ng-container> </div> <!--metadata, uses the help of ng template to generate dynamic expand variable without handling state --> <ng-container *ngIf="node.treeContentBlock?.metadata && nodeContentMetadataTemplateRef" [ngTemplateOutlet]="nodeContentMetadataContainer" [ngTemplateOutletContext]="{ $implicit: { expanded: false } }"> </ng-container> <ng-template #nodeContentMetadataContainer let-metaDataContainer> <button euiButton euiBasicButton euiIconButton euiRounded euiSizeS type="button" (click)="metaDataContainer.expanded = !metaDataContainer.expanded"> <eui-icon-svg [icon]="metaDataContainer.expanded ? \'eui-chevron-down\' : \'eui-chevron-forward\'"></eui-icon-svg> </button> <div *ngIf="metaDataContainer.expanded" class="eui-tree-node__metacontent"> <!--passing metadata of the node content to provided template-ref:nodeContentMetadataTemplateRef--> <ng-template [ngTemplateOutlet]="nodeContentMetadataTemplateRef" [ngTemplateOutletContext]="{ $implicit: node?.treeContentBlock?.metadata, metadata: node?.treeContentBlock?.metadata }"> </ng-template> </div> </ng-template> </ng-container></ng-template></div>'
|
|
2378
|
+
var COMPONENT_TEMPLATE = '<div><ul class="eui-tree__wrapper" cdkScrollable #cdkScrollableRef> <cdk-tree #treeComponentInstance [dataSource]="cdkArrayDataSource" [treeControl]="cdkTreeControl" [trackBy]="trackBy" *ngIf="renderTree" class="eui-cdk-tree"> <!-- There are two states of generic cdk-nested-tree-node declarations. First one is without child. No sub rendering. --> <cdk-nested-tree-node *cdkTreeNodeDef="let treeRunTimeItemModel" class="eui-cdk-nested-tree-node"> <li class="eui-tree-node" *ngIf="treeRunTimeItemModel" title="{{ getTreeItem(treeRunTimeItemModel?.path)?.node?.treeContentBlock?.tooltipLabel || getTreeItem(treeRunTimeItemModel?.path)?.node?.treeContentBlock?.label }}"> <div class="eui-tree-node-wrapper" (click)="onNodeClick(treeRunTimeItemModel)" [class.eui-tree-node-wrapper--last]="treeRunTimeItemModel.last" [class.eui-tree-node-wrapper--show-lines]="showLines && _isMultiLevel"> <div class="eui-tree-node-wrapper__container"> <!-- Renders node in default or provided template\'s context. Generates onSelect with onSelectFn for developers to send the events from their custom check events. Provides id to be used on generic template --> <ng-container [ngTemplateOutlet]="nodeTemplateRef || nodeTemplateDefault" [ngTemplateOutletContext]="{ $implicit: getTreeItem(treeRunTimeItemModel?.path)?.node, onSelect: onSelectFn(treeRunTimeItemModel.path), id: uid + treeRunTimeItemModel.path }"> </ng-container> </div> </div> </li> </cdk-nested-tree-node> <!-- This is the tree node template for expandable nodes --> <cdk-nested-tree-node *cdkTreeNodeDef="let treeRunTimeItemModel; when: hasChild" class="eui-cdk-nested-tree-node eui-cdk-nested-tree-node--with-child"> <li class="eui-tree-node" *ngIf="treeRunTimeItemModel" title="{{ getTreeItem(treeRunTimeItemModel?.path)?.node?.treeContentBlock?.tooltipLabel || getTreeItem(treeRunTimeItemModel?.path)?.node?.treeContentBlock?.label }}"> <div class="eui-tree-node-wrapper" [class.eui-tree-node-wrapper--last]="treeRunTimeItemModel.last" [class.eui-tree-node-wrapper--show-lines]="showLines"> <!--Here wraps the node, and listen for node clicks.--> <div (click)="onNodeClick(treeRunTimeItemModel)" class="eui-tree-node-wrapper__container"> <!-- Expand/collapse action button --> <button euiButton euiIconButton euiBasicButton euiRounded euiSizeS type="button" [attr.aria-label]="\'Toggle \' + getTreeItem(treeRunTimeItemModel?.path)?.node?.treeContentBlock?.label" (click)="onNodeToggle(treeRunTimeItemModel)" cdkTreeNodeToggle class="eui-tree-node__button"> <span euiIcon *ngIf="!cdkTreeControl.isExpanded(treeRunTimeItemModel) && collapsedIconClass" [iconClass]="collapsedIconClass"></span> <span euiIcon *ngIf="cdkTreeControl.isExpanded(treeRunTimeItemModel) && expandedIconClass" [iconClass]="expandedIconClass"></span> <eui-icon-svg *ngIf="!cdkTreeControl.isExpanded(treeRunTimeItemModel) && !collapsedIconClass" [icon]="expandedSvgIconClass"></eui-icon-svg> <eui-icon-svg *ngIf="cdkTreeControl.isExpanded(treeRunTimeItemModel) && !expandedIconClass" [icon]="collapsedSvgIconClass"></eui-icon-svg> </button> <!-- Renders node in default or provided template\'s context. Generates onSelect with onSelectFn for developers to send the events from their custom check events. Provides id to be used on generic template --> <ng-container [ngTemplateOutlet]="nodeTemplateRef || nodeTemplateDefault" [ngTemplateOutletContext]="{ $implicit: getTreeItem(treeRunTimeItemModel.path)?.node, onSelect: onSelectFn(treeRunTimeItemModel.path), id: uid + treeRunTimeItemModel.path, path: treeRunTimeItemModel.path }"> </ng-container> </div> </div> <!--uses cdkTreeNodeOutlet to render children nodes, CdkTreeControl is used to control isExpanded state.--> <ul class="eui-tree-node" *ngIf="cdkTreeControl.isExpanded(treeRunTimeItemModel)"> <ng-container cdkTreeNodeOutlet></ng-container> </ul> </li> </cdk-nested-tree-node> </cdk-tree></ul><ng-template #nodeTemplateDefault let-node let-onSelect="onSelect" let-id="id" let-path="path"> <ng-container *ngIf="node"> <div class="eui-tree-node-wrapper__container-left" [class.eui-tree-node-wrapper__container-left--selected]="node?.isSelected"> <!--input checkbox area--> <input euiInputCheckBox *ngIf="node && node.selectable" type="checkbox" id="{{ id }}" [checked]="!!node?.isSelected" [indeterminate]="!!node?.isIndeterminate" (change)="onSelect($event)" class="eui-u-mr-m" /> <!--icon area--> <ng-container *ngIf="node?.treeContentBlock?.iconClass"> <eui-icon [euiVariant]="node?.treeContentBlock?.iconTypeClass || \'primary\'" iconClass="{{ node?.treeContentBlock?.iconClass }}" euiSizeS class="eui-u-mr-xs"> </eui-icon> </ng-container> <ng-container *ngIf="node?.treeContentBlock?.iconSvgName"> <eui-icon-svg icon="{{ node?.treeContentBlock?.iconSvgName }}" fillColor="{{ node?.treeContentBlock?.iconTypeClass || \'grey-100\' }}" size="s" class="eui-u-mr-xs"> </eui-icon-svg> </ng-container> <!--chips area--> <ng-container *ngIf="node?.treeContentBlock?.chips"> <eui-chip *ngFor="let chip of node.treeContentBlock.chips" euiSizeXS [euiVariant]="chip.typeClass || \'secondary\'" [euiOutline]="chip.isOutline" class="eui-chip--rounded eui-u-mb-none eui-u-mr-xs"> <span euiLabel>{{ chip.label }}</span> </eui-chip> </ng-container> <!--badge (typeLabel & typeClass) area--> <ng-container *ngIf="node?.treeContentBlock?.typeLabel" [ngSwitch]="node?.treeContentBlock?.typeClass"> <eui-badge euiSizeM [euiVariant]="node?.treeContentBlock?.typeClass || \'primary\'" class="eui-u-flex-no-shrink eui-u-mr-xs"> {{ node?.treeContentBlock?.typeLabel }} </eui-badge> </ng-container> </div> <!--label area--> <div class="eui-tree-node-wrapper__container-middle"> <label *ngIf="!node?.treeContentBlock?.url && !node?.treeContentBlock?.urlExternal" euiLabel for="{{ id }}" class="eui-u-text-truncate eui-u-p-2xs" [class.eui-label--selected]=" highlightPath ? getRunTimeSelectionRecursiveState(path)?.selectionRecursiveState === \'indeterminate\' || node?.isSelected : node?.isSelected " [class.eui-u-cursor-pointer]="node?.selectable"> {{ autoTranslate ? (node?.treeContentBlock?.label | translate) : node?.treeContentBlock?.label }} </label> <label *ngIf="node?.treeContentBlock?.url" euiLabel for="{{ id }}" class="eui-u-text-truncate eui-u-p-2xs"> <a class="eui-u-text-link" [routerLink]="node?.treeContentBlock?.url"> {{ autoTranslate ? (node?.treeContentBlock?.label | translate) : node?.treeContentBlock?.label }} </a> </label> <label *ngIf="node?.treeContentBlock?.urlExternal" euiLabel for="{{ id }}" class="eui-u-text-truncate eui-u-p-2xs"> <a class="eui-u-text-link-external" href="{{ node?.treeContentBlock?.urlExternal }}" target="{{ node?.treeContentBlock?.urlExternalTarget || \'blank\' }}"> {{ autoTranslate ? (node?.treeContentBlock?.label | translate) : node?.treeContentBlock?.label }} </a> </label> </div> <div *ngIf="node?.treeContentBlock?.rightContent" class="eui-tree-node-wrapper__container-right"> <!--badges area--> <ng-container *ngFor="let badge of node.treeContentBlock.rightContent?.badges"> <eui-badge euiSizeM euiOutline [euiVariant]="badge.typeClass || \'secondary\'" class="eui-u-ml-xs"> <span euiLabel>{{ badge.label }}</span> </eui-badge> </ng-container> <!--chips area--> <ng-container *ngFor="let chip of node.treeContentBlock.rightContent?.chips"> <eui-chip euiSizeXS [euiVariant]="chip.typeClass || \'secondary\'" [euiOutline]="chip.isOutline" class="eui-chip--rounded eui-u-mb-none eui-u-ml-xs"> <span euiLabel>{{ chip.label }}</span> </eui-chip> </ng-container> <!--Context menu--> <ng-container *ngIf="node.treeContentBlock.rightContent?.contextMenuMetaData && rightContextMenuTemplateRef"> <eui-dropdown class="eui-u-ml-xs"> <button euiButton euiSizeS euiRounded euiIconButton euiBasicButton euiSecondary [attr.aria-label]="\'Options menu\'"> <eui-icon-svg icon="eui-ellipsis-vertical"></eui-icon-svg> </button> <eui-dropdown-content> <ng-template [ngTemplateOutlet]="rightContextMenuTemplateRef" [ngTemplateOutletContext]="{ $implicit: node?.treeContentBlock?.rightContent?.contextMenuMetaData, metadata: node?.treeContentBlock?.rightContent?.contextMenuMetaData }"> </ng-template> </eui-dropdown-content> </eui-dropdown> </ng-container> </div> <!--metadata, uses the help of ng template to generate dynamic expand variable without handling state --> <ng-container *ngIf="node.treeContentBlock?.metadata && nodeContentMetadataTemplateRef" [ngTemplateOutlet]="nodeContentMetadataContainer" [ngTemplateOutletContext]="{ $implicit: { expanded: false } }"> </ng-container> <ng-template #nodeContentMetadataContainer let-metaDataContainer> <button euiButton euiBasicButton euiIconButton euiRounded euiSizeS type="button" (click)="metaDataContainer.expanded = !metaDataContainer.expanded"> <eui-icon-svg [icon]="metaDataContainer.expanded ? \'eui-chevron-down\' : \'eui-chevron-forward\'"></eui-icon-svg> </button> <div *ngIf="metaDataContainer.expanded" class="eui-tree-node__metacontent"> <!--passing metadata of the node content to provided template-ref:nodeContentMetadataTemplateRef--> <ng-template [ngTemplateOutlet]="nodeContentMetadataTemplateRef" [ngTemplateOutletContext]="{ $implicit: node?.treeContentBlock?.metadata, metadata: node?.treeContentBlock?.metadata }"> </ng-template> </div> </ng-template> </ng-container></ng-template></div>'
|
|
2460
2379
|
var COMPONENTS = [{'name': 'ChartComponent', 'selector': 'eui-apex-chart'},{'name': 'CollapsedBreadcrumbComponent', 'selector': 'eui-collapsed-breadcrumb'},{'name': 'EuiAlertComponent', 'selector': 'div[euiAlert], eui-alert'},{'name': 'EuiAppBreadcrumbComponent', 'selector': 'eui-app-breadcrumb'},{'name': 'EuiAppComponent', 'selector': 'eui-app'},{'name': 'EuiAppFooterComponent', 'selector': 'eui-app-footer'},{'name': 'EuiAppHeaderComponent', 'selector': 'eui-app-header'},{'name': 'EuiAppSidebarBodyComponent', 'selector': 'eui-app-sidebar-body'},{'name': 'EuiAppSidebarComponent', 'selector': 'eui-app-sidebar'},{'name': 'EuiAppSidebarDrawerComponent', 'selector': 'eui-app-sidebar-drawer'},{'name': 'EuiAppSidebarFooterComponent', 'selector': 'eui-app-sidebar-footer'},{'name': 'EuiAppSidebarHeaderComponent', 'selector': 'eui-app-sidebar-header'},{'name': 'EuiAppSidebarHeaderUserProfileComponent', 'selector': 'eui-app-sidebar-header-user-profile'},{'name': 'EuiAppSidebarMenuComponent', 'selector': 'eui-app-sidebar-menu'},{'name': 'EuiAppToolbarComponent', 'selector': 'eui-app-toolbar'},{'name': 'EuiAppTopMessageComponent', 'selector': 'eui-app-top-message'},{'name': 'EuiAutocompleteAsyncTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteChipsAsyncTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteChipsTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAutocompleteComponent', 'selector': 'eui-autocomplete, input[euiAutocomplete]'},{'name': 'EuiAutocompleteTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiBadgeComponent', 'selector': 'div[euiBadge], span[euiBadge], eui-badge'},{'name': 'EuiBlockContentComponent', 'selector': 'eui-block-content'},{'name': 'EuiBlockDocumentComponent', 'selector': 'eui-block-document'},{'name': 'EuiBreadcrumbComponent', 'selector': 'eui-breadcrumb'},{'name': 'EuiBreadcrumbItemComponent', 'selector': 'eui-breadcrumb-item'},{'name': 'EuiButtonComponent', 'selector': 'button[euiButton], a[euiButton]'},{'name': 'EuiButtonGroupComponent', 'selector': 'eui-button-group'},{'name': 'EuiButtonsComponent', 'selector': 'eui-buttons'},{'name': 'EuiCardComponent', 'selector': 'eui-card'},{'name': 'EuiCardContentComponent', 'selector': 'eui-card-content'},{'name': 'EuiCardFooterActionButtonsComponent', 'selector': 'eui-card-footer-action-buttons'},{'name': 'EuiCardFooterActionIconsComponent', 'selector': 'eui-card-footer-action-icons'},{'name': 'EuiCardFooterComponent', 'selector': 'eui-card-footer'},{'name': 'EuiCardFooterMenuContentComponent', 'selector': 'eui-card-footer-menu-content'},{'name': 'EuiCardHeaderBodyComponent', 'selector': 'eui-card-header-body'},{'name': 'EuiCardHeaderComponent', 'selector': 'eui-card-header'},{'name': 'EuiCardHeaderLeftContentComponent', 'selector': 'eui-card-header-left-content'},{'name': 'EuiCardHeaderRightContentComponent', 'selector': 'eui-card-header-right-content'},{'name': 'EuiCardHeaderSubtitleComponent', 'selector': 'eui-card-header-subtitle'},{'name': 'EuiCardHeaderTitleComponent', 'selector': 'eui-card-header-title'},{'name': 'EuiCardMediaComponent', 'selector': 'eui-card-media'},{'name': 'EuiChipComponent', 'selector': 'eui-chip, span[euiChip], li[euiChip]'},{'name': 'EuiChipListComponent', 'selector': 'eui-chip-list, div[euiChipList], ul[euiChipList]'},{'name': 'EuiCommonHeaderComponent', 'selector': 'eui-common-header'},{'name': 'EuiDashboardButtonComponent', 'selector': 'eui-dashboard-button'},{'name': 'EuiDashboardCardComponent', 'selector': 'eui-dashboard-card'},{'name': 'EuiDatepickerComponent', 'selector': 'eui-datepicker'},{'name': 'EuiDateRangeSelectorComponent', 'selector': 'eui-date-range-selector'},{'name': 'EuiDialogComponent', 'selector': 'eui-dialog'},{'name': 'EuiDialogContainerComponent', 'selector': 'eui-dialog-container'},{'name': 'EuiDimmerComponent', 'selector': 'eui-dimmer'},{'name': 'EuiDisableContentComponent', 'selector': 'eui-disable-content'},{'name': 'EuiDiscussionThreadComponent', 'selector': 'eui-discussion-thread'},{'name': 'EuiDiscussionThreadItemComponent', 'selector': 'eui-discussion-thread-item'},{'name': 'EuiDropdownButtonChildMenuComponent', 'selector': 'eui-dropdown-button-child-menu'},{'name': 'EuiDropdownButtonMenuComponent', 'selector': 'eui-dropdown-button-menu'},{'name': 'EuiDropdownComponent', 'selector': 'eui-dropdown'},{'name': 'EuiDropdownItemComponent', 'selector': 'eui-dropdown-item, [euiDropdownItem]'},{'name': 'EuiEditorComponent', 'selector': 'eui-editor'},{'name': 'EuiEditorCountersComponent', 'selector': 'eui-editor-counters'},{'name': 'EuiEditorHtmlViewComponent', 'selector': 'eui-editor-html-view'},{'name': 'EuiEditorImageDialogComponent', 'selector': ''},{'name': 'EuiEditorJsonViewComponent', 'selector': 'eui-editor-json-view'},{'name': 'EuiExpandContentComponent', 'selector': 'eui-expand-content'},{'name': 'EuiFeedbackMessageComponent', 'selector': 'eui-feedback-message'},{'name': 'EuiFieldsetComponent', 'selector': 'eui-fieldset'},{'name': 'EuiFilePreviewComponent', 'selector': 'eui-file-preview'},{'name': 'EuiFileUploadComponent', 'selector': 'eui-file-upload'},{'name': 'EuiFileUploadProgressComponent', 'selector': 'eui-file-upload-progress'},{'name': 'EuiFooterComponent', 'selector': 'eui-footer'},{'name': 'EuiGrowlComponent', 'selector': 'eui-growl'},{'name': 'EuiHeaderAppComponent', 'selector': 'eui-header-app'},{'name': 'EuiHeaderAppNameComponent', 'selector': 'eui-header-app-name'},{'name': 'EuiHeaderAppNameLogoComponent', 'selector': 'eui-header-app-name-logo'},{'name': 'EuiHeaderAppSubtitleComponent', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiHeaderComponent', 'selector': 'eui-header'},{'name': 'EuiHeaderEnvironmentComponent', 'selector': 'eui-header-environment'},{'name': 'EuiHeaderLogoComponent', 'selector': 'eui-header-logo'},{'name': 'EuiHeaderUserProfileComponent', 'selector': 'eui-header-user-profile'},{'name': 'EuiIconColorComponent', 'selector': 'eui-icon-colored, span[euiIconColored], [euiIconColored]'},{'name': 'EuiIconComponent', 'selector': 'div[euiIcon], span[euiIcon], i[euiIcon], eui-icon'},{'name': 'EuiIconSvgComponent', 'selector': 'eui-icon-svg, span[euiIconSvg], i[euiIconSvg]'},{'name': 'EuiIconToggleComponent', 'selector': 'eui-icon-toggle'},{'name': 'EuiInputCheckboxComponent', 'selector': 'input[euiInputCheckBox]'},{'name': 'EuiInputGroupComponent', 'selector': 'div[euiInputGroup]'},{'name': 'EuiInputNumberComponent', 'selector': 'input[euiInputNumber]'},{'name': 'EuiInputRadioComponent', 'selector': 'input[euiInputRadio]'},{'name': 'EuiInputTextComponent', 'selector': 'input[euiInputText]'},{'name': 'EuiLabelComponent', 'selector': 'label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,
|
|
2461
2380
|
label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel'},{'name': 'EuiLanguageSelectorComponent', 'selector': 'eui-language-selector'},{'name': 'EuiListComponent', 'selector': '[euiList], eui-list'},{'name': 'EuiListItemComponent', 'selector': '[euiListItem], eui-list-item'},{'name': 'EuiMenuComponent', 'selector': 'eui-menu'},{'name': 'EuiMenuItemComponent', 'selector': 'eui-menu-item'},{'name': 'EuiMessageBoxComponent', 'selector': 'eui-message-box'},{'name': 'EuiModalPickerComponent', 'selector': ''},{'name': 'EuiModalSelectorComponent', 'selector': 'eui-modal-selector'},{'name': 'EuiNotificationItemComponent', 'selector': 'eui-notification-item'},{'name': 'EuiNotificationItemV2Component', 'selector': 'eui-notification-item-v2'},{'name': 'EuiNotificationsComponent', 'selector': 'eui-notifications'},{'name': 'EuiNotificationsV2Component', 'selector': 'eui-notifications-v2'},{'name': 'EuiOverlayBodyComponent', 'selector': 'eui-overlay-body'},{'name': 'EuiOverlayComponent', 'selector': 'eui-overlay'},{'name': 'EuiOverlayFooterComponent', 'selector': 'eui-overlay-footer'},{'name': 'EuiOverlayHeaderComponent', 'selector': 'eui-overlay-header'},{'name': 'EuiOverlayHeaderTitleComponent', 'selector': 'eui-overlay-header-title'},{'name': 'EuiPageBreadcrumbComponent', 'selector': 'eui-page-breadcrumb'},{'name': 'EuiPageColumnComponent', 'selector': 'eui-page-column'},{'name': 'EuiPageColumnsComponent', 'selector': 'eui-page-columns'},{'name': 'EuiPageComponent', 'selector': 'eui-page'},{'name': 'EuiPageContentComponent', 'selector': 'eui-page-content'},{'name': 'EuiPageFooterComponent', 'selector': 'eui-page-footer'},{'name': 'EuiPageHeaderComponent', 'selector': 'eui-page-header'},{'name': 'EuiPageHeroHeaderComponent', 'selector': 'eui-page-hero-header'},{'name': 'EuiPageTopContentComponent', 'selector': 'eui-page-top-content'},{'name': 'EuiPaginatorComponent', 'selector': 'eui-paginator'},{'name': 'EuiPickerComponent', 'selector': 'eui-picker'},{'name': 'EuiPopoverComponent', 'selector': 'eui-popover'},{'name': 'EuiProgressBarComponent', 'selector': 'eui-progress-bar'},{'name': 'EuiProgressCircleComponent', 'selector': 'eui-progress-circle'},{'name': 'EuiResizableComponent', 'selector': 'eui-resizable'},{'name': 'EuiSearchComponent', 'selector': 'eui-search'},{'name': 'EuiSelectComponent', 'selector': 'select[euiSelect]'},{'name': 'EuiSidebarMenuComponent', 'selector': 'eui-sidebar-menu'},{'name': 'EuiSidebarToggleComponent', 'selector': 'eui-sidebar-toggle'},{'name': 'EuiSlideToggleComponent', 'selector': 'eui-slide-toggle'},{'name': 'EuiSlideToggleTestComponent', 'selector': 'eui-slide-toggle-test-component'},{'name': 'EuiTabComponent', 'selector': 'eui-tab'},{'name': 'EuiTabContentComponent', 'selector': 'eui-tab-content, euiTabContent'},{'name': 'EuiTabLabelComponent', 'selector': 'eui-tab-label, euiTabLabel'},{'name': 'EuiTableComponent', 'selector': 'eui-table, table[euiTable]'},{'name': 'EuiTableExpandableRowComponent', 'selector': 'tr[euiTableExpandableRow]'},{'name': 'EuiTableFilterComponent', 'selector': 'eui-table-filter'},{'name': 'EuiTableSelectableHeaderComponent', 'selector': 'tr[isSelectableHeader]'},{'name': 'EuiTableSelectableRowComponent', 'selector': 'tr[isSelectable]'},{'name': 'EuiTableSortableColComponent', 'selector': 'th[sortable]'},{'name': 'EuiTabsComponent', 'selector': 'eui-tabs'},{'name': 'EuiTextareaComponent', 'selector': 'textarea[euiTextArea]'},{'name': 'EuiTimebarComponent', 'selector': 'eui-timebar'},{'name': 'EuiTimelineComponent', 'selector': 'eui-timeline'},{'name': 'EuiTimelineItemComponent', 'selector': 'eui-timeline-item'},{'name': 'EuiTimepickerComponent', 'selector': 'eui-timepicker'},{'name': 'EuiToolbarAppComponent', 'selector': 'eui-toolbar-app'},{'name': 'EuiToolbarCenterComponent', 'selector': 'eui-toolbar-center'},{'name': 'EuiToolbarComponent', 'selector': 'eui-toolbar'},{'name': 'EuiToolbarEnvironmentComponent', 'selector': 'eui-toolbar-environment'},{'name': 'EuiToolbarItemComponent', 'selector': 'eui-toolbar-item'},{'name': 'EuiToolbarItemNotificationsComponent', 'selector': 'eui-toolbar-item-notifications'},{'name': 'EuiToolbarItemsComponent', 'selector': 'eui-toolbar-items'},{'name': 'EuiToolbarItemSearchComponent', 'selector': 'eui-toolbar-item-search'},{'name': 'EuiToolbarItemUserProfileComponent', 'selector': 'eui-toolbar-item-user-profile'},{'name': 'EuiToolbarLogoComponent', 'selector': 'eui-toolbar-logo'},{'name': 'EuiToolbarMenuComponent', 'selector': 'eui-toolbar-menu'},{'name': 'EuiTooltipContainerComponent', 'selector': 'eui-tooltip-container.component'},{'name': 'EuiTreeComponent', 'selector': 'eui-tree'},{'name': 'EuiUserProfileCardComponent', 'selector': 'eui-user-profile-card'},{'name': 'EuiUserProfileComponent', 'selector': 'eui-user-profile'},{'name': 'EuiUserProfileMenuComponent', 'selector': 'eui-user-profile-menu'},{'name': 'EuiUserProfileMenuItemComponent', 'selector': 'eui-user-profile-menu-item'},{'name': 'EuiWizardComponent', 'selector': 'eui-wizard'},{'name': 'EuiWizardStepComponent', 'selector': 'eui-wizard-step'},{'name': 'QuillEditorComponent', 'selector': 'quill-editor'},{'name': 'UxActionBoxComponent', 'selector': 'ux-action-box'},{'name': 'UxAlertComponent', 'selector': 'ux-alert'},{'name': 'UxBadgeComponent', 'selector': 'ux-badge'},{'name': 'UxBadgeGroupComponent', 'selector': 'ux-badge-group'},{'name': 'UxButtonComponent', 'selector': 'ux-button'},{'name': 'UxButtonGroupComponent', 'selector': 'ux-button-group'},{'name': 'UxButtonGroupItemComponent', 'selector': 'ux-button-group-item'},{'name': 'UxCardComponent', 'selector': 'ux-card'},{'name': 'UxChipComponent', 'selector': 'ux-chip'},{'name': 'UxChipsListComponent', 'selector': 'ux-chips-list'},{'name': 'UxChipsListDroppableAreaComponent', 'selector': 'ux-chips-list-droppable-area'},{'name': 'UxControlFeedbackComponent', 'selector': 'ux-control-feedback'},{'name': 'UxDashboardButtonComponent', 'selector': 'ux-dashboard-button'},{'name': 'UxDashboardButtonsComponent', 'selector': 'ux-dashboard-buttons'},{'name': 'UxDashboardCardComponent', 'selector': 'ux-dashboard-card'},{'name': 'UxDatepickerComponent', 'selector': 'ux-datepicker'},{'name': 'UxDateRangeSelectorComponent', 'selector': 'ux-date-range-selector'},{'name': 'UxDisableContentComponent', 'selector': 'ux-disable-content'},{'name': 'UxDiscussionThreadComponent', 'selector': 'ux-discussion-thread'},{'name': 'UxDiscussionThreadItemComponent', 'selector': 'ux-discussion-thread-item'},{'name': 'UxDropdownButtonComponent', 'selector': 'ux-dropdown-button'},{'name': 'UxDropdownButtonItemComponent', 'selector': 'ux-dropdown-button-item'},{'name': 'UxDropdownComponent', 'selector': 'ux-dropdown'},{'name': 'UxDropdownTreeComponent', 'selector': 'ux-dropdown-tree'},{'name': 'UxDynamicMessageBoxComponent', 'selector': 'ux-dynamic-message-box'},{'name': 'UxDynamicModalComponent', 'selector': 'ux-dynamic-modal'},{'name': 'UxDynamicPopoverComponent', 'selector': 'ux-dynamic-popover'},{'name': 'UxEditorComponent', 'selector': 'ux-editor'},{'name': 'UxEditorCountersComponent', 'selector': 'ux-editor-counters'},{'name': 'UxEditorViewComponent', 'selector': 'ux-editor-view'},{'name': 'UxEditorViewHTMLComponent', 'selector': 'ux-editor-view-html'},{'name': 'UxErrorGroupItemComponent', 'selector': 'ux-error-group-item'},{'name': 'UxErrorGroupOutputComponent', 'selector': 'ux-error-group-output'},{'name': 'UxErrorOutputComponent', 'selector': 'ux-error-output'},{'name': 'UxFieldSearchComponent', 'selector': 'ux-field-search'},{'name': 'UxFieldsetComponent', 'selector': 'ux-fieldset'},{'name': 'UxFileUploadComponent', 'selector': 'ux-file-upload'},{'name': 'UxFormControlComponent', 'selector': 'ux-form-control'},{'name': 'UxFormGroupComponent', 'selector': 'ux-form-group'},{'name': 'UxIconComponent', 'selector': 'ux-a-icon'},{'name': 'UxIconToggleComponent', 'selector': 'ux-a-icon-toggle'},{'name': 'UxLabelComponent', 'selector': 'ux-a-label'},{'name': 'UxLayoutHorizontalComponent', 'selector': 'ux-layout-horizontal'},{'name': 'UxLayoutOverlayPanelComponent', 'selector': 'ux-layout-overlay-panel'},{'name': 'UxListItemComponent', 'selector': 'ux-list-item'},{'name': 'UxListItemsComponent', 'selector': 'ux-list-items'},{'name': 'UxLoadingIndicatorComponent', 'selector': 'ux-loading-indicator'},{'name': 'UxMessageBoxComponent', 'selector': 'ux-message-box'},{'name': 'UxMFileUploadComponent', 'selector': 'ux-m-file-upload'},{'name': 'UxMFileUploadQueueComponent', 'selector': 'ux-m-file-upload-queue'},{'name': 'UxModalComponent', 'selector': 'ux-modal'},{'name': 'UxOverlayComponent', 'selector': 'ux-overlay'},{'name': 'UxPanelComponent', 'selector': 'ux-panel'},{'name': 'UxPanelsComponent', 'selector': 'ux-panels'},{'name': 'UxPopoverComponent', 'selector': 'ux-popover'},{'name': 'UxProgressCircleComponent', 'selector': 'ux-progress-circle'},{'name': 'UxSplitButtonComponent', 'selector': 'ux-split-button'},{'name': 'UxStaticTabsComponent', 'selector': 'ux-static-tabs'},{'name': 'UxSwitchComponent', 'selector': 'ux-switch'},{'name': 'UxTabComponent', 'selector': 'ux-tab'},{'name': 'UxTabsBarComponent', 'selector': 'ux-tabs-bar'},{'name': 'UxTabsComponent', 'selector': 'ux-tabs'},{'name': 'UxTagComponent', 'selector': 'ux-a-tag'},{'name': 'UxTimebarComponent', 'selector': 'ux-timebar'},{'name': 'UxTimelineItemComponent', 'selector': 'ux-timeline-item'},{'name': 'UxTimelineItemsComponent', 'selector': 'ux-timeline-items'},{'name': 'UxTimepickerComponent', 'selector': 'ux-timepicker'},{'name': 'UxTreeComponent', 'selector': 'ux-tree'},{'name': 'UxTreeListComponent', 'selector': 'ux-tree-list'},{'name': 'UxTreeListItemComponent', 'selector': 'ux-tree-list-item'},{'name': 'UxTreeNodeComponent', 'selector': 'ux-tree-node'},{'name': 'UxWizardStepComponent', 'selector': 'ux-wizard-step'},{'name': 'UxWizardStepsComponent', 'selector': 'ux-wizard-steps'}];
|
|
2462
2381
|
var DIRECTIVES = [{'name': 'AutoResizeDirective', 'selector': 'textarea[autoResize]'},{'name': 'BaseDirective', 'selector': '[euiBase]'},{'name': 'BaseStatesDirective', 'selector': '[euiBase]'},{'name': 'CollapsedButtonDirective', 'selector': 'collapsed-button'},{'name': 'EuiActionButtonsDirective', 'selector': 'eui-action-buttons'},{'name': 'EuiAppPageWrapperDirective', 'selector': 'eui-app-page-wrapper'},{'name': 'EuiButtonsActionsContentTagDirective', 'selector': 'euiButtonsActionsContent'},{'name': 'EuiButtonsLocalMenuContentTagDirective', 'selector': 'euiButtonsLocalMenuContent'},{'name': 'EuiChipListAppendContentDirective', 'selector': 'euiChipListAppendContent'},{'name': 'EuiClearableDirective', 'selector': 'input[euiClearable]'},{'name': 'EuiDashboardButtonIconDirective', 'selector': 'eui-dashboard-button-icon'},{'name': 'EuiDashboardButtonLabelDirective', 'selector': 'eui-dashboard-button-label'},{'name': 'EuiDialogFooterDirective', 'selector': 'eui-dialog-footer'},{'name': 'EuiDialogHeaderDirective', 'selector': 'eui-dialog-header'},{'name': 'EuiDropdownContentDirective', 'selector': 'eui-dropdown-content'},{'name': 'EuiDropdownTreeDirective', 'selector': 'eui-dropdown[euiDropdownTree]'},{'name': 'EuiEditorCustomToolbarTagDirective', 'selector': 'euiEditorCustomToolbar'},{'name': 'EuiEditorMaxlengthDirective', 'selector': '[formControlName][euiEditorMaxlength]'},{'name': 'EuiFieldsetLabelExtraContentTagDirective', 'selector': 'euiFieldsetLabelExtraContent'},{'name': 'EuiFieldsetLabelRightContentTagDirective', 'selector': 'euiFieldsetLabelRightContent'},{'name': 'EuiHasPermissionDirective', 'selector': '[euiHasPermission]'},{'name': 'EuiHeaderAppNameDirective', 'selector': 'eui-header-app-name'},{'name': 'EuiHeaderAppNameLogoDirective', 'selector': 'eui-header-app-name-logo'},{'name': 'EuiHeaderAppSubtitleDirective', 'selector': 'eui-header-app-subtitle'},{'name': 'EuiInputNumberDirective', 'selector': 'input[euiInputNumber][formControl],input[euiInputNumber][formControlName],input[euiInputNumber][ngModel]'},{'name': 'EuiLetterFormatDirective', 'selector': '[euiLetterFormat]'},{'name': 'EuiLoadingDirective', 'selector': '[euiLoading]'},{'name': 'EuiMaxLengthDirective', 'selector': '
|
package/docs/dependencies.html
CHANGED
|
@@ -247,9 +247,9 @@
|
|
|
247
247
|
<li>
|
|
248
248
|
<b>eslint-plugin-prettier</b> : 4.2.1</li>
|
|
249
249
|
<li>
|
|
250
|
-
<b>@eui/styles-base</b> : 16.2.5
|
|
250
|
+
<b>@eui/styles-base</b> : 16.2.5</li>
|
|
251
251
|
<li>
|
|
252
|
-
<b>@eui/ecl</b> : 16.2.5
|
|
252
|
+
<b>@eui/ecl</b> : 16.2.5</li>
|
|
253
253
|
<li>
|
|
254
254
|
<b>@eui/tools</b> : ^6.0.0</li>
|
|
255
255
|
</ul>
|
package/docs/js/menu-wc.js
CHANGED
|
@@ -2597,13 +2597,13 @@ customElements.define('compodoc-menu', class extends HTMLElement {
|
|
|
2597
2597
|
<a href="modules/EuiTreeModule.html" data-type="entity-link" >EuiTreeModule</a>
|
|
2598
2598
|
<li class="chapter inner">
|
|
2599
2599
|
<div class="simple menu-toggler" data-bs-toggle="collapse" ${ isNormalMode ?
|
|
2600
|
-
'data-bs-target="#components-links-module-EuiTreeModule-
|
|
2600
|
+
'data-bs-target="#components-links-module-EuiTreeModule-7a31591a0702cd668efd9a5faa37b91a75ddd2e929175ea4957cad3a5dab70db409b46e5150843d0dbc9761e0aaf001de1fa3437281dbcd2bed2026f8d5dfc61"' : 'data-bs-target="#xs-components-links-module-EuiTreeModule-7a31591a0702cd668efd9a5faa37b91a75ddd2e929175ea4957cad3a5dab70db409b46e5150843d0dbc9761e0aaf001de1fa3437281dbcd2bed2026f8d5dfc61"' }>
|
|
2601
2601
|
<span class="icon ion-md-cog"></span>
|
|
2602
2602
|
<span>Components</span>
|
|
2603
2603
|
<span class="icon ion-ios-arrow-down"></span>
|
|
2604
2604
|
</div>
|
|
2605
|
-
<ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-EuiTreeModule-
|
|
2606
|
-
'id="xs-components-links-module-EuiTreeModule-
|
|
2605
|
+
<ul class="links collapse" ${ isNormalMode ? 'id="components-links-module-EuiTreeModule-7a31591a0702cd668efd9a5faa37b91a75ddd2e929175ea4957cad3a5dab70db409b46e5150843d0dbc9761e0aaf001de1fa3437281dbcd2bed2026f8d5dfc61"' :
|
|
2606
|
+
'id="xs-components-links-module-EuiTreeModule-7a31591a0702cd668efd9a5faa37b91a75ddd2e929175ea4957cad3a5dab70db409b46e5150843d0dbc9761e0aaf001de1fa3437281dbcd2bed2026f8d5dfc61"' }>
|
|
2607
2607
|
<li class="link">
|
|
2608
2608
|
<a href="components/EuiTreeComponent.html" data-type="entity-link" data-context="sub-entity" data-context-id="modules" >EuiTreeComponent</a>
|
|
2609
2609
|
</li>
|