@eui/components 17.0.2-snapshot-1702261664414 → 17.0.2-snapshot-1702478232432

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 (31) hide show
  1. package/docs/components/EuiDatepickerComponent.html +24 -0
  2. package/docs/components/EuiTimepickerComponent.html +553 -1
  3. package/docs/components/EuiTreeComponent.html +1 -1
  4. package/docs/components/EuiTreeListComponent.html +0 -31
  5. package/docs/components/EuiTreeListItemComponent.html +0 -40
  6. package/docs/dependencies.html +2 -2
  7. package/docs/js/menu-wc_es5.js +2 -2
  8. package/docs/js/search/search_index.js +2 -2
  9. package/esm2022/eui-datepicker/eui-datepicker.component.mjs +82 -4
  10. package/esm2022/eui-timepicker/eui-timepicker.component.mjs +41 -11
  11. package/esm2022/eui-tree/eui-tree.component.mjs +3 -3
  12. package/esm2022/eui-tree-list/eui-tree-list-item.component.mjs +6 -6
  13. package/esm2022/eui-tree-list/eui-tree-list.component.mjs +2 -4
  14. package/eui-datepicker/eui-datepicker.component.d.ts +4 -0
  15. package/eui-datepicker/eui-datepicker.component.d.ts.map +1 -1
  16. package/eui-timepicker/eui-timepicker.component.d.ts +12 -0
  17. package/eui-timepicker/eui-timepicker.component.d.ts.map +1 -1
  18. package/eui-tree-list/eui-tree-list-item.component.d.ts +1 -1
  19. package/eui-tree-list/eui-tree-list-item.component.d.ts.map +1 -1
  20. package/eui-tree-list/eui-tree-list.component.d.ts +1 -1
  21. package/eui-tree-list/eui-tree-list.component.d.ts.map +1 -1
  22. package/fesm2022/eui-components-eui-datepicker.mjs +81 -3
  23. package/fesm2022/eui-components-eui-datepicker.mjs.map +1 -1
  24. package/fesm2022/eui-components-eui-select.mjs +2 -2
  25. package/fesm2022/eui-components-eui-timepicker.mjs +40 -10
  26. package/fesm2022/eui-components-eui-timepicker.mjs.map +1 -1
  27. package/fesm2022/eui-components-eui-tree-list.mjs +6 -8
  28. package/fesm2022/eui-components-eui-tree-list.mjs.map +1 -1
  29. package/fesm2022/eui-components-eui-tree.mjs +2 -2
  30. package/fesm2022/eui-components-eui-tree.mjs.map +1 -1
  31. package/package.json +47 -47
@@ -2538,7 +2538,7 @@
2538
2538
  <script src="../js/libs/htmlparser.js"></script>
2539
2539
  <script src="../js/libs/deep-iterator.js"></script>
2540
2540
  <script>
2541
- 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 *ngIf="treeRunTimeItemModel" class="eui-tree-node" [class.eui-tree-node--first]="treeRunTimeItemModel?.path === \'0\'" [class.eui-tree-node--last]="treeRunTimeItemModel.last" title="{{ getTreeItem(treeRunTimeItemModel?.path)?.node?.treeContentBlock?.tooltipLabel || getTreeItem(treeRunTimeItemModel?.path)?.node?.treeContentBlock?.label }}"> <div class="eui-tree-node-wrapper" (click)="onNodeClick(treeRunTimeItemModel)"> <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, path: 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 eui-tree-node--with-child" [class.eui-tree-node--first]="treeRunTimeItemModel?.path === \'0\'" [class.eui-tree-node--last]="treeRunTimeItemModel.last" *ngIf="treeRunTimeItemModel" title="{{ getTreeItem(treeRunTimeItemModel?.path)?.node?.treeContentBlock?.tooltipLabel || getTreeItem(treeRunTimeItemModel?.path)?.node?.treeContentBlock?.label }}"> <div class="eui-tree-node-wrapper"> <!--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, children: getTreeItem(treeRunTimeItemModel?.path)?.children }"> </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" aria-label="expand collapse tree item" (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>'
2541
+ var COMPONENT_TEMPLATE = '<div><div class="eui-ul-rep 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"> <div *ngIf="treeRunTimeItemModel" class="eui-li-rep eui-tree-node" [class.eui-tree-node--first]="treeRunTimeItemModel?.path === \'0\'" [class.eui-tree-node--last]="treeRunTimeItemModel.last" title="{{ getTreeItem(treeRunTimeItemModel?.path)?.node?.treeContentBlock?.tooltipLabel || getTreeItem(treeRunTimeItemModel?.path)?.node?.treeContentBlock?.label }}"> <div class="eui-tree-node-wrapper" (click)="onNodeClick(treeRunTimeItemModel)"> <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, path: treeRunTimeItemModel.path }"> </ng-container> </div> </div> </div> </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"> <div class="eui-li-rep eui-tree-node eui-tree-node--with-child" [class.eui-tree-node--first]="treeRunTimeItemModel?.path === \'0\'" [class.eui-tree-node--last]="treeRunTimeItemModel.last" *ngIf="treeRunTimeItemModel" title="{{ getTreeItem(treeRunTimeItemModel?.path)?.node?.treeContentBlock?.tooltipLabel || getTreeItem(treeRunTimeItemModel?.path)?.node?.treeContentBlock?.label }}"> <div class="eui-tree-node-wrapper"> <!--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, children: getTreeItem(treeRunTimeItemModel?.path)?.children }"> </ng-container> </div> </div> <!--uses cdkTreeNodeOutlet to render children nodes, CdkTreeControl is used to control isExpanded state.--> <div class="eui-ul-rep eui-tree-node" role="group" *ngIf="cdkTreeControl.isExpanded(treeRunTimeItemModel)"> <ng-container cdkTreeNodeOutlet></ng-container> </div> </div> </cdk-nested-tree-node> </cdk-tree></div><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" aria-label="expand collapse tree item" (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>'
2542
2542
  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': 'EuiAutocompleteOptionComponent', 'selector': 'eui-autocomplete-option'},{'name': 'EuiAutocompleteOptionGroupComponent', 'selector': 'eui-autocomplete-option-group'},{'name': 'EuiAutocompleteTestComponent', 'selector': 'eui-autocomplete-test-component'},{'name': 'EuiAvatarBadgeComponent', 'selector': 'eui-avatar-badge'},{'name': 'EuiAvatarComponent', 'selector': 'div[euiAvatar], span[euiAvatar], eui-avatar'},{'name': 'EuiAvatarIconComponent', 'selector': 'eui-avatar-icon'},{'name': 'EuiAvatarImageComponent', 'selector': 'eui-avatar-image'},{'name': 'EuiAvatarListComponent', 'selector': 'eui-avatar-list'},{'name': 'EuiAvatarTextComponent', 'selector': 'eui-avatar-text'},{'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': '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': 'EuiHeaderRightContentComponent', 'selector': 'eui-header-right-content'},{'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': 'EuiIconSvgButtonComponent', 'selector': 'eui-icon-svg-button'},{'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,
2543
2543
  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': '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': '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': 'EuiSkeletonComponent', 'selector': 'eui-skeleton'},{'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': 'EuiToolbarItemsComponent', 'selector': 'eui-toolbar-items'},{'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': 'EuiTreeListComponent', 'selector': 'eui-tree-list'},{'name': 'EuiTreeListItemComponent', 'selector': 'eui-tree-list-item'},{'name': 'EuiTreeListItemContentComponent', 'selector': 'eui-tree-list-item-content'},{'name': 'EuiTreeListToolbarComponent', 'selector': 'eui-tree-list-toolbar'},{'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'}];
2544
2544
  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': 'EuiAlertTitleDirective', 'selector': 'eui-alert-title'},{'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': '
@@ -193,10 +193,6 @@
193
193
  <span class="modifier">Public</span>
194
194
  <a href="#ariaOwns" >ariaOwns</a>
195
195
  </li>
196
- <li>
197
- <span class="modifier">Public</span>
198
- <a href="#ariaRoleTree" >ariaRoleTree</a>
199
- </li>
200
196
  <li>
201
197
  <span class="modifier">Public</span>
202
198
  <a href="#classes" >classes</a>
@@ -1282,33 +1278,6 @@
1282
1278
  </tr>
1283
1279
 
1284
1280
 
1285
- </tbody>
1286
- </table>
1287
- <table class="table table-sm table-bordered">
1288
- <tbody>
1289
- <tr>
1290
- <td class="col-md-4">
1291
- <a name="ariaRoleTree"></a>
1292
- <span class="name">
1293
- <span class="modifier">Public</span>
1294
- <span ><b>ariaRoleTree</b></span>
1295
- <a href="#ariaRoleTree"><span class="icon ion-ios-link"></span></a>
1296
- </span>
1297
- </td>
1298
- </tr>
1299
- <tr>
1300
- <td class="col-md-4">
1301
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1302
-
1303
- </td>
1304
- </tr>
1305
- <tr>
1306
- <td class="col-md-4">
1307
- <i>Default value : </i><code>&#x27;tree&#x27;</code>
1308
- </td>
1309
- </tr>
1310
-
1311
-
1312
1281
  </tbody>
1313
1282
  </table>
1314
1283
  <table class="table table-sm table-bordered">
@@ -192,10 +192,6 @@
192
192
  <tr>
193
193
  <td class="col-md-4">
194
194
  <ul class="index-list">
195
- <li>
196
- <span class="modifier"></span>
197
- <a href="#ariaRole" >ariaRole</a>
198
- </li>
199
195
  <li>
200
196
  <span class="modifier">Public</span>
201
197
  <a href="#baseStatesDirective" >baseStatesDirective</a>
@@ -1142,42 +1138,6 @@
1142
1138
  <h3 id="inputs">
1143
1139
  Properties
1144
1140
  </h3>
1145
- <table class="table table-sm table-bordered">
1146
- <tbody>
1147
- <tr>
1148
- <td class="col-md-4">
1149
- <a name="ariaRole"></a>
1150
- <span class="name">
1151
- <span class="modifier"></span>
1152
- <span ><b>ariaRole</b></span>
1153
- <a href="#ariaRole"><span class="icon ion-ios-link"></span></a>
1154
- </span>
1155
- </td>
1156
- </tr>
1157
- <tr>
1158
- <td class="col-md-4">
1159
- <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1160
-
1161
- </td>
1162
- </tr>
1163
- <tr>
1164
- <td class="col-md-4">
1165
- <i>Default value : </i><code>&#x27;treeitem&#x27;</code>
1166
- </td>
1167
- </tr>
1168
- <tr>
1169
- <td class="col-md-4">
1170
- <b>Decorators : </b>
1171
- <br />
1172
- <code>
1173
- @HostBinding(&#x27;attr.role&#x27;)<br />
1174
- </code>
1175
- </td>
1176
- </tr>
1177
-
1178
-
1179
- </tbody>
1180
- </table>
1181
1141
  <table class="table table-sm table-bordered">
1182
1142
  <tbody>
1183
1143
  <tr>
@@ -309,9 +309,9 @@
309
309
  <li>
310
310
  <b>@stackblitz/sdk</b> : 1.9.0</li>
311
311
  <li>
312
- <b>@eui/styles-base</b> : 17.0.2-snapshot-1702002797638</li>
312
+ <b>@eui/styles-base</b> : 17.0.2-snapshot-1702373119309</li>
313
313
  <li>
314
- <b>@eui/ecl</b> : 17.0.2-snapshot-1702002797638</li>
314
+ <b>@eui/ecl</b> : 17.0.2-snapshot-1702373119309</li>
315
315
  <li>
316
316
  <b>@eui/tools</b> : ^6.0.0</li>
317
317
  </ul>
@@ -4,8 +4,8 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
4
4
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
5
5
  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
6
6
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
7
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
8
- function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
7
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
8
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
9
9
  function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
10
10
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
11
11
  function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }