@eui/components 18.0.0-next.42 → 18.0.0-next.44
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/EuiAlertComponent.html +1 -1
- package/docs/components/EuiAutocompleteComponent.html +21 -1
- package/docs/components/EuiFieldsetComponent.html +37 -1
- package/docs/components/EuiNotificationItemComponent.html +1 -1
- package/docs/components/EuiNotificationItemV2Component.html +1 -1
- package/docs/components/EuiPopoverComponent.html +1 -1
- package/docs/components/EuiSidebarToggleComponent.html +1 -1
- package/docs/components/EuiUserProfileCardComponent.html +1 -1
- package/docs/components/EuiUserProfileComponent.html +1 -1
- package/docs/dependencies.html +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/directives/eui-tooltip/container/eui-tooltip-container.component.mjs +3 -3
- package/esm2022/eui-alert/components/eui-alert-title.component.mjs +2 -2
- package/esm2022/eui-alert/eui-alert.component.mjs +3 -3
- package/esm2022/eui-autocomplete/eui-autocomplete.component.mjs +29 -14
- package/esm2022/eui-avatar/eui-avatar.component.mjs +2 -2
- package/esm2022/eui-badge/eui-badge.component.mjs +2 -2
- package/esm2022/eui-block-content/eui-block-content.component.mjs +2 -2
- package/esm2022/eui-block-document/eui-block-document.component.mjs +2 -2
- package/esm2022/eui-button/eui-button.component.mjs +2 -2
- package/esm2022/eui-button-v2/eui-button-v2.component.mjs +2 -2
- package/esm2022/eui-card/eui-card.component.mjs +2 -2
- package/esm2022/eui-chip/eui-chip.component.mjs +2 -2
- package/esm2022/eui-chip-list/eui-chip-list.component.mjs +2 -2
- package/esm2022/eui-dashboard-button/eui-dashboard-button.component.mjs +2 -2
- package/esm2022/eui-dashboard-card/eui-dashboard-card.component.mjs +2 -2
- package/esm2022/eui-date-range-selector/eui-date-range-selector.component.mjs +2 -2
- package/esm2022/eui-datepicker/eui-datepicker.component.mjs +2 -2
- package/esm2022/eui-dialog/container/eui-dialog-container.component.mjs +2 -2
- package/esm2022/eui-dialog/eui-dialog.component.mjs +2 -2
- package/esm2022/eui-discussion-thread/eui-discussion-thread.component.mjs +2 -2
- package/esm2022/eui-dropdown/dropdown-item/eui-dropdown-item.component.mjs +2 -2
- package/esm2022/eui-dropdown/eui-dropdown.component.mjs +3 -3
- package/esm2022/eui-feedback-message/eui-feedback-message.component.mjs +2 -2
- package/esm2022/eui-fieldset/eui-fieldset.component.mjs +14 -4
- package/esm2022/eui-file-upload/eui-file-upload.component.mjs +2 -2
- package/esm2022/eui-growl/eui-growl.component.mjs +2 -2
- package/esm2022/eui-icon/eui-icon-button-expander/eui-icon-button-expander.component.mjs +2 -2
- package/esm2022/eui-icon/eui-icon-svg.component.mjs +3 -3
- package/esm2022/eui-input-group/eui-input-group.component.mjs +2 -2
- package/esm2022/eui-input-number/eui-input-number.component.mjs +2 -2
- package/esm2022/eui-input-radio/eui-input-radio.component.mjs +2 -2
- package/esm2022/eui-input-text/eui-input-text.component.mjs +2 -2
- package/esm2022/eui-label/eui-label.component.mjs +2 -2
- package/esm2022/eui-language-selector/language-selector.component.mjs +2 -2
- package/esm2022/eui-list/eui-list-item/eui-list-item.component.mjs +2 -2
- package/esm2022/eui-list/eui-list.component.mjs +2 -2
- package/esm2022/eui-menu/eui-menu-item.component.mjs +2 -2
- package/esm2022/eui-menu/eui-menu.component.mjs +2 -2
- package/esm2022/eui-overlay/eui-overlay.component.mjs +2 -2
- package/esm2022/eui-page/eui-page.component.mjs +2 -2
- package/esm2022/eui-paginator/eui-paginator.component.mjs +2 -2
- package/esm2022/eui-popover/eui-popover.component.mjs +3 -3
- package/esm2022/eui-progress-bar/eui-progress-bar.component.mjs +2 -2
- package/esm2022/eui-progress-circle/eui-progress-circle.component.mjs +2 -2
- package/esm2022/eui-select/eui-select.component.mjs +2 -2
- package/esm2022/eui-skeleton/eui-skeleton.component.mjs +2 -2
- package/esm2022/eui-slide-toggle/eui-slide-toggle.component.mjs +3 -3
- package/esm2022/eui-table/eui-table.component.mjs +2 -2
- package/esm2022/eui-table-v2/eui-table-v2.component.mjs +2 -2
- package/esm2022/eui-tabs/eui-tab/eui-tab.component.mjs +2 -2
- package/esm2022/eui-tabs/eui-tabs.component.mjs +2 -2
- package/esm2022/eui-textarea/eui-textarea.component.mjs +2 -2
- package/esm2022/eui-timebar/eui-timebar.component.mjs +2 -2
- package/esm2022/eui-timeline/eui-timeline-item.component.mjs +2 -2
- package/esm2022/eui-timeline/eui-timeline.component.mjs +2 -2
- package/esm2022/eui-tree-list/eui-tree-list.component.mjs +2 -2
- package/esm2022/eui-user-profile/user-profile-card/user-profile-card.component.mjs +3 -3
- package/esm2022/eui-user-profile/user-profile.component.mjs +3 -3
- package/esm2022/eui-wizard/eui-wizard-step.component.mjs +2 -2
- package/esm2022/eui-wizard/eui-wizard.component.mjs +2 -2
- package/esm2022/externals/charts/chart/chart.component.mjs +2 -2
- package/esm2022/externals/eui-editor/eui-editor.component.mjs +3 -3
- package/esm2022/layout/eui-app/eui-app-breadcrumb/breadcrumb.component.mjs +2 -2
- package/esm2022/layout/eui-app/eui-app-header/header.component.mjs +2 -2
- package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-header-user-profile/sidebar-header-user-profile.component.mjs +2 -2
- package/esm2022/layout/eui-app/eui-app-sidebar/sidebar.component.mjs +2 -2
- package/esm2022/layout/eui-app/eui-app.component.mjs +2 -2
- package/esm2022/layout/eui-breadcrumb/breadcrumb.component.mjs +2 -2
- package/esm2022/layout/eui-breadcrumb/collapsed-breadcrumb/collapsed-breadcrumb.component.mjs +2 -2
- package/esm2022/layout/eui-breadcrumb/item/breadcrumb-item.component.mjs +2 -2
- package/esm2022/layout/eui-header/header.component.mjs +2 -2
- package/esm2022/layout/eui-notifications/eui-notification-item.component.mjs +3 -3
- package/esm2022/layout/eui-notifications/eui-notifications.component.mjs +2 -2
- package/esm2022/layout/eui-notifications-v2/eui-notification-item.component.mjs +3 -3
- package/esm2022/layout/eui-notifications-v2/eui-notifications.component.mjs +2 -2
- package/esm2022/layout/eui-search/search.component.mjs +2 -2
- package/esm2022/layout/eui-sidebar-toggle/sidebar-toggle.component.mjs +3 -3
- package/esm2022/layout/eui-toolbar/toolbar.component.mjs +2 -2
- package/eui-autocomplete/eui-autocomplete.component.d.ts +6 -3
- package/eui-autocomplete/eui-autocomplete.component.d.ts.map +1 -1
- package/eui-fieldset/eui-fieldset.component.d.ts +7 -3
- package/eui-fieldset/eui-fieldset.component.d.ts.map +1 -1
- package/fesm2022/eui-components-directives.mjs +2 -2
- package/fesm2022/eui-components-directives.mjs.map +1 -1
- package/fesm2022/eui-components-eui-alert.mjs +6 -6
- package/fesm2022/eui-components-eui-alert.mjs.map +2 -2
- package/fesm2022/eui-components-eui-autocomplete.mjs +28 -13
- package/fesm2022/eui-components-eui-autocomplete.mjs.map +3 -3
- package/fesm2022/eui-components-eui-avatar.mjs +2 -2
- package/fesm2022/eui-components-eui-avatar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-badge.mjs +2 -2
- package/fesm2022/eui-components-eui-badge.mjs.map +1 -1
- package/fesm2022/eui-components-eui-block-content.mjs +2 -2
- package/fesm2022/eui-components-eui-block-content.mjs.map +1 -1
- package/fesm2022/eui-components-eui-block-document.mjs +2 -2
- package/fesm2022/eui-components-eui-block-document.mjs.map +1 -1
- package/fesm2022/eui-components-eui-button-v2.mjs +2 -2
- package/fesm2022/eui-components-eui-button-v2.mjs.map +1 -1
- package/fesm2022/eui-components-eui-button.mjs +2 -2
- package/fesm2022/eui-components-eui-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-card.mjs +2 -2
- package/fesm2022/eui-components-eui-card.mjs.map +1 -1
- package/fesm2022/eui-components-eui-chip-list.mjs +2 -2
- package/fesm2022/eui-components-eui-chip-list.mjs.map +1 -1
- package/fesm2022/eui-components-eui-chip.mjs +2 -2
- package/fesm2022/eui-components-eui-chip.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dashboard-button.mjs +2 -2
- package/fesm2022/eui-components-eui-dashboard-button.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dashboard-card.mjs +2 -2
- package/fesm2022/eui-components-eui-dashboard-card.mjs.map +1 -1
- package/fesm2022/eui-components-eui-date-range-selector.mjs +2 -2
- package/fesm2022/eui-components-eui-date-range-selector.mjs.map +1 -1
- package/fesm2022/eui-components-eui-datepicker.mjs +2 -2
- package/fesm2022/eui-components-eui-datepicker.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dialog.mjs +4 -4
- package/fesm2022/eui-components-eui-dialog.mjs.map +1 -1
- package/fesm2022/eui-components-eui-discussion-thread.mjs +2 -2
- package/fesm2022/eui-components-eui-discussion-thread.mjs.map +1 -1
- package/fesm2022/eui-components-eui-dropdown.mjs +4 -4
- package/fesm2022/eui-components-eui-dropdown.mjs.map +1 -1
- package/fesm2022/eui-components-eui-feedback-message.mjs +2 -2
- package/fesm2022/eui-components-eui-feedback-message.mjs.map +1 -1
- package/fesm2022/eui-components-eui-fieldset.mjs +13 -3
- package/fesm2022/eui-components-eui-fieldset.mjs.map +2 -2
- package/fesm2022/eui-components-eui-file-upload.mjs +2 -2
- package/fesm2022/eui-components-eui-file-upload.mjs.map +1 -1
- package/fesm2022/eui-components-eui-growl.mjs +2 -2
- package/fesm2022/eui-components-eui-growl.mjs.map +1 -1
- package/fesm2022/eui-components-eui-icon.mjs +4 -4
- package/fesm2022/eui-components-eui-icon.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-group.mjs +2 -2
- package/fesm2022/eui-components-eui-input-group.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-number.mjs +2 -2
- package/fesm2022/eui-components-eui-input-number.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-radio.mjs +2 -2
- package/fesm2022/eui-components-eui-input-radio.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-text.mjs +2 -2
- package/fesm2022/eui-components-eui-input-text.mjs.map +1 -1
- package/fesm2022/eui-components-eui-label.mjs +2 -2
- package/fesm2022/eui-components-eui-label.mjs.map +1 -1
- package/fesm2022/eui-components-eui-language-selector.mjs +2 -2
- package/fesm2022/eui-components-eui-language-selector.mjs.map +1 -1
- package/fesm2022/eui-components-eui-list.mjs +4 -4
- package/fesm2022/eui-components-eui-list.mjs.map +1 -1
- package/fesm2022/eui-components-eui-menu.mjs +4 -4
- package/fesm2022/eui-components-eui-menu.mjs.map +1 -1
- package/fesm2022/eui-components-eui-overlay.mjs +2 -2
- package/fesm2022/eui-components-eui-overlay.mjs.map +1 -1
- package/fesm2022/eui-components-eui-page.mjs +2 -2
- package/fesm2022/eui-components-eui-page.mjs.map +1 -1
- package/fesm2022/eui-components-eui-paginator.mjs +2 -2
- package/fesm2022/eui-components-eui-paginator.mjs.map +1 -1
- package/fesm2022/eui-components-eui-popover.mjs +2 -2
- package/fesm2022/eui-components-eui-popover.mjs.map +2 -2
- package/fesm2022/eui-components-eui-progress-bar.mjs +2 -2
- package/fesm2022/eui-components-eui-progress-bar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-progress-circle.mjs +2 -2
- package/fesm2022/eui-components-eui-progress-circle.mjs.map +1 -1
- package/fesm2022/eui-components-eui-select.mjs +2 -2
- package/fesm2022/eui-components-eui-select.mjs.map +1 -1
- package/fesm2022/eui-components-eui-skeleton.mjs +2 -2
- package/fesm2022/eui-components-eui-skeleton.mjs.map +1 -1
- package/fesm2022/eui-components-eui-slide-toggle.mjs +2 -2
- package/fesm2022/eui-components-eui-slide-toggle.mjs.map +1 -1
- package/fesm2022/eui-components-eui-table-v2.mjs +2 -2
- package/fesm2022/eui-components-eui-table-v2.mjs.map +1 -1
- package/fesm2022/eui-components-eui-table.mjs +2 -2
- package/fesm2022/eui-components-eui-table.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tabs.mjs +4 -4
- package/fesm2022/eui-components-eui-tabs.mjs.map +1 -1
- package/fesm2022/eui-components-eui-textarea.mjs +2 -2
- package/fesm2022/eui-components-eui-textarea.mjs.map +1 -1
- package/fesm2022/eui-components-eui-timebar.mjs +2 -2
- package/fesm2022/eui-components-eui-timebar.mjs.map +1 -1
- package/fesm2022/eui-components-eui-timeline.mjs +4 -4
- package/fesm2022/eui-components-eui-timeline.mjs.map +1 -1
- package/fesm2022/eui-components-eui-tree-list.mjs +2 -2
- package/fesm2022/eui-components-eui-tree-list.mjs.map +1 -1
- package/fesm2022/eui-components-eui-user-profile.mjs +8 -6
- package/fesm2022/eui-components-eui-user-profile.mjs.map +2 -2
- package/fesm2022/eui-components-eui-wizard.mjs +4 -4
- package/fesm2022/eui-components-eui-wizard.mjs.map +1 -1
- package/fesm2022/eui-components-externals-charts.mjs +2 -2
- package/fesm2022/eui-components-externals-charts.mjs.map +1 -1
- package/fesm2022/eui-components-externals-eui-editor.mjs +2 -2
- package/fesm2022/eui-components-externals-eui-editor.mjs.map +1 -1
- package/fesm2022/eui-components-layout.mjs +52 -50
- package/fesm2022/eui-components-layout.mjs.map +2 -2
- package/package.json +3 -3
|
@@ -185,7 +185,8 @@ var EuiUserProfileComponent = class _EuiUserProfileComponent {
|
|
|
185
185
|
<button [tabindex]="hasMenu ? '0' : '-1'" class="eui-user-profile-content" [class.eui-user-profile-content--no-menu]="!hasMenu">
|
|
186
186
|
<div *ngIf="isShowUserInfos"
|
|
187
187
|
class="eui-user-profile__infos"
|
|
188
|
-
[class.eui-user-profile__infos--no-
|
|
188
|
+
[class.eui-user-profile__infos--no-welcome]="subInfos && !hasWelcomeLabel"
|
|
189
|
+
[class.eui-user-profile__infos--no-subinfos]="!subInfos">
|
|
189
190
|
<ng-container *ngIf="userState?.impersonatingUser; else notImpersonated">
|
|
190
191
|
<div class="eui-user-profile__infos-welcome">
|
|
191
192
|
<span class="eui-u-mr-2xs" *ngIf="hasWelcomeLabel">{{ welcomeLabel }}</span>
|
|
@@ -226,7 +227,7 @@ var EuiUserProfileComponent = class _EuiUserProfileComponent {
|
|
|
226
227
|
</eui-avatar>
|
|
227
228
|
</button>
|
|
228
229
|
</ng-template>
|
|
229
|
-
`, styles: ['.eui-user-profile{display:flex;position:relative}.eui-user-profile-content{align-items:center;background:none;border:none;cursor:pointer;display:flex}.eui-user-profile-content:focus:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-user-profile-content:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-user-profile-content:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-user-profile-content--no-menu{cursor:default}.eui-user-profile__infos{align-items:flex-end;display:flex;flex-direction:column;padding-right:var(--eui-s-s)
|
|
230
|
+
`, styles: ['.eui-user-profile{display:flex;position:relative}.eui-user-profile-content{align-items:center;background:none;border:none;cursor:pointer;display:flex}.eui-user-profile-content:focus:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-user-profile-content:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-user-profile-content:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-user-profile-content--no-menu{cursor:default}.eui-user-profile__infos{align-items:flex-end;display:flex;flex-direction:column;padding-right:var(--eui-s-s)}.eui-user-profile__infos-container{justify-content:flex-end;align-items:center;display:flex;width:100%}.eui-user-profile__infos-welcome{text-align:right;font:var(--eui-f-s-compact)}.eui-user-profile__infos-name{color:var(--eui-c-branding);text-align:right;font:var(--eui-f-m-bold-compact)}.eui-user-profile__infos-subinfos{color:var(--eui-c-neutral);text-align:right;font:var(--eui-f-xs-compact)}.eui-user-profile__infos--no-welcome{display:flex}.eui-user-profile__infos--no-subinfos .eui-user-profile__infos-name{font:var(--eui-f-m-bold)}@media screen and (max-width: 767px){.eui-app-shell-header-toolbar-items .eui-user-profile{display:flex}.eui-app .eui-app-toolbar .eui-user-profile__infos{display:none}}@media screen and (min-width: 768px){.eui-app-shell-header-toolbar-items .eui-user-profile{display:none}.is-header-shrink .eui-user-profile{display:flex}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app .eui-app-toolbar .eui-user-profile__infos{display:none}}.eui-user-profile--inverted .eui-user-profile__infos-name{color:var(--eui-c-white)}.eui-user-profile--inverted .eui-user-profile__infos-welcome,.eui-user-profile--inverted .eui-user-profile__infos-subinfos{color:var(--eui-c-neutral-lightest)}.eui-user-profile--reverse .eui-user-profile-content{flex-direction:row-reverse}.eui-user-profile--reverse .eui-user-profile__infos{margin-left:var(--eui-s-m)}.eui-user-profile-menu{height:auto;min-width:340px;position:relative}.eui-user-profile-menu-item{align-items:center;border-bottom:1px solid var(--eui-c-neutral-lightest);cursor:pointer;display:flex;padding:var(--eui-s-xs) var(--eui-s-s)}.eui-user-profile-menu-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-user-profile-menu-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-user-profile-menu-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-user-profile-menu-item:hover{background-color:var(--eui-c-hover);cursor:pointer}.eui-user-profile-menu-item:last-child{border-bottom:0}.eui-user-profile-menu-item a{color:var(--eui-c-text);text-decoration:none}.eui-user-profile-menu-item.link{cursor:pointer}.eui-user-profile-menu-item-right-content{margin-left:auto}.eui-user-profile-card{width:100%}.eui-user-profile-card__main-wrapper{display:flex;flex-direction:row;padding:var(--eui-s-m) var(--eui-s-m) var(--eui-s-m) 0}.eui-user-profile-card__main-wrapper-right-content{display:flex;flex-direction:column;margin-left:auto}.eui-user-profile-card__avatar-wrapper{display:flex}.eui-user-profile-card__userInfos{display:flex;flex-direction:column;padding-left:var(--eui-s-s)}.eui-user-profile-card__userInfos-item{padding-bottom:var(--eui-s-xs)}.eui-user-profile-card__impersonateInfos{background-color:var(--eui-c-neutral-bg-light);padding:var(--eui-s-s)}\n'], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled", "euiDisabled"] }, { kind: "directive", type: i4.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "component", type: i5.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i6.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i6.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i6.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }, { kind: "component", type: i6.EuiAvatarBadgeComponent, selector: "eui-avatar-badge", inputs: ["position"] }, { kind: "component", type: i7.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }], changeDetection: i03.ChangeDetectionStrategy.Default, encapsulation: i03.ViewEncapsulation.None });
|
|
230
231
|
}
|
|
231
232
|
};
|
|
232
233
|
i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i03, type: EuiUserProfileComponent, decorators: [{
|
|
@@ -256,7 +257,8 @@ i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5",
|
|
|
256
257
|
<button [tabindex]="hasMenu ? '0' : '-1'" class="eui-user-profile-content" [class.eui-user-profile-content--no-menu]="!hasMenu">
|
|
257
258
|
<div *ngIf="isShowUserInfos"
|
|
258
259
|
class="eui-user-profile__infos"
|
|
259
|
-
[class.eui-user-profile__infos--no-
|
|
260
|
+
[class.eui-user-profile__infos--no-welcome]="subInfos && !hasWelcomeLabel"
|
|
261
|
+
[class.eui-user-profile__infos--no-subinfos]="!subInfos">
|
|
260
262
|
<ng-container *ngIf="userState?.impersonatingUser; else notImpersonated">
|
|
261
263
|
<div class="eui-user-profile__infos-welcome">
|
|
262
264
|
<span class="eui-u-mr-2xs" *ngIf="hasWelcomeLabel">{{ welcomeLabel }}</span>
|
|
@@ -297,7 +299,7 @@ i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5",
|
|
|
297
299
|
</eui-avatar>
|
|
298
300
|
</button>
|
|
299
301
|
</ng-template>
|
|
300
|
-
`, styles: ['.eui-user-profile{display:flex;position:relative}.eui-user-profile-content{align-items:center;background:none;border:none;cursor:pointer;display:flex}.eui-user-profile-content:focus:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-user-profile-content:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-user-profile-content:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-user-profile-content--no-menu{cursor:default}.eui-user-profile__infos{align-items:flex-end;display:flex;flex-direction:column;padding-right:var(--eui-s-s)
|
|
302
|
+
`, styles: ['.eui-user-profile{display:flex;position:relative}.eui-user-profile-content{align-items:center;background:none;border:none;cursor:pointer;display:flex}.eui-user-profile-content:focus:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-user-profile-content:focus:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-user-profile-content:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-user-profile-content--no-menu{cursor:default}.eui-user-profile__infos{align-items:flex-end;display:flex;flex-direction:column;padding-right:var(--eui-s-s)}.eui-user-profile__infos-container{justify-content:flex-end;align-items:center;display:flex;width:100%}.eui-user-profile__infos-welcome{text-align:right;font:var(--eui-f-s-compact)}.eui-user-profile__infos-name{color:var(--eui-c-branding);text-align:right;font:var(--eui-f-m-bold-compact)}.eui-user-profile__infos-subinfos{color:var(--eui-c-neutral);text-align:right;font:var(--eui-f-xs-compact)}.eui-user-profile__infos--no-welcome{display:flex}.eui-user-profile__infos--no-subinfos .eui-user-profile__infos-name{font:var(--eui-f-m-bold)}@media screen and (max-width: 767px){.eui-app-shell-header-toolbar-items .eui-user-profile{display:flex}.eui-app .eui-app-toolbar .eui-user-profile__infos{display:none}}@media screen and (min-width: 768px){.eui-app-shell-header-toolbar-items .eui-user-profile{display:none}.is-header-shrink .eui-user-profile{display:flex}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app .eui-app-toolbar .eui-user-profile__infos{display:none}}.eui-user-profile--inverted .eui-user-profile__infos-name{color:var(--eui-c-white)}.eui-user-profile--inverted .eui-user-profile__infos-welcome,.eui-user-profile--inverted .eui-user-profile__infos-subinfos{color:var(--eui-c-neutral-lightest)}.eui-user-profile--reverse .eui-user-profile-content{flex-direction:row-reverse}.eui-user-profile--reverse .eui-user-profile__infos{margin-left:var(--eui-s-m)}.eui-user-profile-menu{height:auto;min-width:340px;position:relative}.eui-user-profile-menu-item{align-items:center;border-bottom:1px solid var(--eui-c-neutral-lightest);cursor:pointer;display:flex;padding:var(--eui-s-xs) var(--eui-s-s)}.eui-user-profile-menu-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-user-profile-menu-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-user-profile-menu-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-user-profile-menu-item:hover{background-color:var(--eui-c-hover);cursor:pointer}.eui-user-profile-menu-item:last-child{border-bottom:0}.eui-user-profile-menu-item a{color:var(--eui-c-text);text-decoration:none}.eui-user-profile-menu-item.link{cursor:pointer}.eui-user-profile-menu-item-right-content{margin-left:auto}.eui-user-profile-card{width:100%}.eui-user-profile-card__main-wrapper{display:flex;flex-direction:row;padding:var(--eui-s-m) var(--eui-s-m) var(--eui-s-m) 0}.eui-user-profile-card__main-wrapper-right-content{display:flex;flex-direction:column;margin-left:auto}.eui-user-profile-card__avatar-wrapper{display:flex}.eui-user-profile-card__userInfos{display:flex;flex-direction:column;padding-left:var(--eui-s-s)}.eui-user-profile-card__userInfos-item{padding-bottom:var(--eui-s-xs)}.eui-user-profile-card__impersonateInfos{background-color:var(--eui-c-neutral-bg-light);padding:var(--eui-s-s)}\n'] }]
|
|
301
303
|
}], ctorParameters: () => [{ type: i03.ElementRef }, { type: i12.UserService }, { type: i2.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
302
304
|
type: HostBinding3,
|
|
303
305
|
args: ["class"]
|
|
@@ -389,12 +391,12 @@ var EuiUserProfileCardComponent = class _EuiUserProfileCardComponent {
|
|
|
389
391
|
this.ɵfac = i04.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i04, type: _EuiUserProfileCardComponent, deps: [{ token: i13.UserService }], target: i04.ɵɵFactoryTarget.Component });
|
|
390
392
|
}
|
|
391
393
|
static {
|
|
392
|
-
this.ɵcmp = i04.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.5", type: _EuiUserProfileCardComponent, selector: "eui-user-profile-card", inputs: { impersonateLabel: "impersonateLabel", showDetailsLabel: "showDetailsLabel", avatarUrl: "avatarUrl", isShowAvatarInitials: ["isShowAvatarInitials", "isShowAvatarInitials", booleanAttribute2] }, outputs: { showProfileInfo: "showProfileInfo", closeProfileMenu: "closeProfileMenu" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i04, template: '<div class="eui-user-profile-card__main-wrapper">\n <div class="eui-user-profile-card__avatar-wrapper">\n <eui-avatar euiSizeL euiInfo>\n <eui-avatar-text *ngIf="isShowAvatarInitials; else noAvatarInitials">\n {{ avatarInitials }}\n </eui-avatar-text>\n <ng-template #noAvatarInitials>\n <eui-avatar-image *ngIf="!avatarUrl"></eui-avatar-image>\n <eui-avatar-image *ngIf="avatarUrl" [imageUrl]="avatarUrl"></eui-avatar-image>\n </ng-template>\n </eui-avatar>\n </div>\n <div class="eui-user-profile-card__userInfos">\n <div class="eui-u-
|
|
394
|
+
this.ɵcmp = i04.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.5", type: _EuiUserProfileCardComponent, selector: "eui-user-profile-card", inputs: { impersonateLabel: "impersonateLabel", showDetailsLabel: "showDetailsLabel", avatarUrl: "avatarUrl", isShowAvatarInitials: ["isShowAvatarInitials", "isShowAvatarInitials", booleanAttribute2] }, outputs: { showProfileInfo: "showProfileInfo", closeProfileMenu: "closeProfileMenu" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i04, template: '<div class="eui-user-profile-card__main-wrapper">\n <div class="eui-user-profile-card__avatar-wrapper">\n <eui-avatar euiSizeL euiInfo>\n <eui-avatar-text *ngIf="isShowAvatarInitials; else noAvatarInitials">\n {{ avatarInitials }}\n </eui-avatar-text>\n <ng-template #noAvatarInitials>\n <eui-avatar-image *ngIf="!avatarUrl"></eui-avatar-image>\n <eui-avatar-image *ngIf="avatarUrl" [imageUrl]="avatarUrl"></eui-avatar-image>\n </ng-template>\n </eui-avatar>\n </div>\n <div class="eui-user-profile-card__userInfos">\n <div class="eui-u-f-xl eui-u-mb-s">{{ userState.fullName }}</div>\n <div *ngIf="userState.function" class="eui-user-profile-card__userInfos-item">\n {{ userState.function }}\n </div>\n <div *ngIf="userState.organisation && userState.organisation.code" class="eui-user-profile-card__userInfos-item">\n {{ userState.organisation.code }}\n </div>\n </div>\n <div class="eui-user-profile-card__main-wrapper-right-content">\n <a class="eui-u-text-link" tabindex="0" (click)="onClose()">close</a>\n <button euiButton euiIconButton euiInfo euiSizeS class="eui-u-ml-auto eui-u-mt-m" (click)="onShowInfoClick()" title="{{ showDetailsLabel }}">\n <eui-icon-svg icon="eui-info"></eui-icon-svg>\n </button>\n </div>\n</div>\n\n<ng-container *ngIf="userState?.impersonatingUser">\n <div class="eui-user-profile-card__impersonateInfos">\n <div>{{ userState?.impersonatingUser?.firstName }} {{ userState?.impersonatingUser?.lastName }}</div>\n <div class="eui-u-mt-2xs">{{ impersonateLabel }}</div>\n <div class="eui-u-mt-2xs">\n <strong>{{ userState?.fullName }}</strong>\n </div>\n </div>\n</ng-container>\n', dependencies: [{ kind: "directive", type: i22.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i32.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i42.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i52.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i52.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i52.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }], changeDetection: i04.ChangeDetectionStrategy.Default, encapsulation: i04.ViewEncapsulation.None });
|
|
393
395
|
}
|
|
394
396
|
};
|
|
395
397
|
i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i04, type: EuiUserProfileCardComponent, decorators: [{
|
|
396
398
|
type: Component4,
|
|
397
|
-
args: [{ selector: "eui-user-profile-card", changeDetection: ChangeDetectionStrategy3.Default, encapsulation: ViewEncapsulation7.None, template: '<div class="eui-user-profile-card__main-wrapper">\n <div class="eui-user-profile-card__avatar-wrapper">\n <eui-avatar euiSizeL euiInfo>\n <eui-avatar-text *ngIf="isShowAvatarInitials; else noAvatarInitials">\n {{ avatarInitials }}\n </eui-avatar-text>\n <ng-template #noAvatarInitials>\n <eui-avatar-image *ngIf="!avatarUrl"></eui-avatar-image>\n <eui-avatar-image *ngIf="avatarUrl" [imageUrl]="avatarUrl"></eui-avatar-image>\n </ng-template>\n </eui-avatar>\n </div>\n <div class="eui-user-profile-card__userInfos">\n <div class="eui-u-
|
|
399
|
+
args: [{ selector: "eui-user-profile-card", changeDetection: ChangeDetectionStrategy3.Default, encapsulation: ViewEncapsulation7.None, template: '<div class="eui-user-profile-card__main-wrapper">\n <div class="eui-user-profile-card__avatar-wrapper">\n <eui-avatar euiSizeL euiInfo>\n <eui-avatar-text *ngIf="isShowAvatarInitials; else noAvatarInitials">\n {{ avatarInitials }}\n </eui-avatar-text>\n <ng-template #noAvatarInitials>\n <eui-avatar-image *ngIf="!avatarUrl"></eui-avatar-image>\n <eui-avatar-image *ngIf="avatarUrl" [imageUrl]="avatarUrl"></eui-avatar-image>\n </ng-template>\n </eui-avatar>\n </div>\n <div class="eui-user-profile-card__userInfos">\n <div class="eui-u-f-xl eui-u-mb-s">{{ userState.fullName }}</div>\n <div *ngIf="userState.function" class="eui-user-profile-card__userInfos-item">\n {{ userState.function }}\n </div>\n <div *ngIf="userState.organisation && userState.organisation.code" class="eui-user-profile-card__userInfos-item">\n {{ userState.organisation.code }}\n </div>\n </div>\n <div class="eui-user-profile-card__main-wrapper-right-content">\n <a class="eui-u-text-link" tabindex="0" (click)="onClose()">close</a>\n <button euiButton euiIconButton euiInfo euiSizeS class="eui-u-ml-auto eui-u-mt-m" (click)="onShowInfoClick()" title="{{ showDetailsLabel }}">\n <eui-icon-svg icon="eui-info"></eui-icon-svg>\n </button>\n </div>\n</div>\n\n<ng-container *ngIf="userState?.impersonatingUser">\n <div class="eui-user-profile-card__impersonateInfos">\n <div>{{ userState?.impersonatingUser?.firstName }} {{ userState?.impersonatingUser?.lastName }}</div>\n <div class="eui-u-mt-2xs">{{ impersonateLabel }}</div>\n <div class="eui-u-mt-2xs">\n <strong>{{ userState?.fullName }}</strong>\n </div>\n </div>\n</ng-container>\n' }]
|
|
398
400
|
}], ctorParameters: () => [{ type: i13.UserService }], propDecorators: { cssClasses: [{
|
|
399
401
|
type: HostBinding4,
|
|
400
402
|
args: ["class"]
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../eui-user-profile/user-profile-menu-item/user-profile-menu-item.component.ts", "../../eui-user-profile/user-profile-menu/user-profile-menu.component.ts", "../../eui-user-profile/user-profile.component.ts", "../../eui-user-profile/user-profile.component.html", "../../eui-user-profile/user-profile-card/user-profile-card.component.ts", "../../eui-user-profile/user-profile-card/user-profile-card.component.html", "../../eui-user-profile/user-profile.module.ts"],
|
|
4
|
-
"sourcesContent": ["import { Component, HostBinding, ViewEncapsulation, ElementRef } from '@angular/core';\nimport { FocusableOption } from '@angular/cdk/a11y';\n\n@Component({\n selector: 'eui-user-profile-menu-item',\n template: '<ng-content></ng-content>',\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiUserProfileMenuItemComponent implements FocusableOption {\n @HostBinding('class') class = 'eui-user-profile-menu-item';\n @HostBinding('attr.tabindex') tabindex = '-1';\n @HostBinding('attr.role') role = 'menuitem';\n\n constructor(private element: ElementRef) {}\n\n focus(): void {\n this.element.nativeElement.focus();\n }\n}\n", "import {\n Component,\n HostBinding,\n ViewEncapsulation,\n AfterContentInit,\n QueryList,\n ContentChildren,\n OnDestroy,\n HostListener,\n forwardRef,\n} from '@angular/core';\nimport { FocusKeyManager } from '@angular/cdk/a11y';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { EuiUserProfileMenuItemComponent } from '../user-profile-menu-item/user-profile-menu-item.component';\nimport { EuiDropdownService } from '@eui/components/eui-dropdown';\n\n@Component({\n selector: 'eui-user-profile-menu',\n template: '<ng-content></ng-content>',\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiUserProfileMenuComponent implements AfterContentInit, OnDestroy {\n @HostBinding() class = 'eui-user-profile-menu';\n @HostBinding('attr.role') role = 'menu';\n\n @ContentChildren(forwardRef(() => EuiUserProfileMenuItemComponent)) items: QueryList<EuiUserProfileMenuItemComponent>;\n private focusKeyManager: FocusKeyManager<EuiUserProfileMenuItemComponent>;\n private destroy$: Subject<boolean> = new Subject<boolean>();\n\n constructor(private dropdownService: EuiDropdownService) {}\n\n @HostListener('keydown', ['$event'])\n onKeydown(event): void {\n this.focusKeyManager.onKeydown(event);\n }\n\n ngAfterContentInit(): void {\n this.dropdownService.isDropdownOpen.pipe(takeUntil(this.destroy$)).subscribe((isOpen: boolean) => {\n if (isOpen) {\n this.focusKeyManager = new FocusKeyManager(this.items).withWrap();\n this.focusKeyManager.setFirstItemActive();\n }\n });\n }\n\n ngOnDestroy(): void {\n this.destroy$.next(true);\n this.destroy$.unsubscribe();\n }\n}\n", "import { Component, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Input, OnInit, ViewChild, OnDestroy, Host, Optional, Inject, forwardRef, AfterContentInit, ContentChild, QueryList, AfterViewInit, ContentChildren, ElementRef, booleanAttribute, Renderer2 } from '@angular/core';\nimport { UserState } from '@eui/base';\nimport { UserService } from '@eui/core';\nimport { takeUntil } from 'rxjs/operators';\nimport { EuiDropdownComponent } from '@eui/components/eui-dropdown';\nimport { Subject } from 'rxjs';\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiUserProfileMenuComponent } from './user-profile-menu/user-profile-menu.component';\n\n@Component({\n selector: 'eui-user-profile',\n templateUrl: './user-profile.component.html',\n styleUrls: ['./_styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiSizeS',\n 'euiInverted',\n ],\n },\n ],\n})\nexport class EuiUserProfileComponent implements OnInit, OnDestroy, AfterContentInit {\n @HostBinding('class')\n public get cssClasses(): string {\n return this.getCssClasses();\n }\n\n userState: UserState;\n isOnline = true;\n avatarInitials: string;\n\n @Input() welcomeLabel = 'Welcome';\n @Input() impersonateLabel = 'impersonating';\n @Input() avatarUrl: string;\n @Input() subInfos: string;\n\n @Input({ transform: booleanAttribute }) hasMenu = false;\n @Input({ transform: booleanAttribute }) isShowUserInfos = true;\n @Input({ transform: booleanAttribute }) hasWelcomeLabel = true;\n @Input({ transform: booleanAttribute }) isShowAvatarInitials = false;\n @Input({ transform: booleanAttribute }) hasTabNavigation = false;\n @Input({ transform: booleanAttribute }) isReverse = false;\n @Input({ transform: booleanAttribute }) hasToggle = false;\n @Input({ transform: booleanAttribute }) isHeaderUserProfile = false;\n\n @ViewChild('dropdown') dropdown: EuiDropdownComponent;\n @ContentChildren(forwardRef(() => EuiUserProfileMenuComponent), { descendants: true })\n hasMenuContent: QueryList<EuiUserProfileMenuComponent>;\n\n private unsubscribeSubject$: Subject<void> = new Subject();\n\n constructor(\n private elRef: ElementRef,\n private userService: UserService,\n public baseStatesDirective: BaseStatesDirective,\n ) {\n }\n\n ngOnInit(): void {\n this.userService\n .getState()\n .pipe(takeUntil(this.unsubscribeSubject$))\n .subscribe((state) => {\n if (state) {\n this.userState = state;\n const firstNameInitial = state.firstName?.substring(0, 1).toUpperCase();\n const lastNameInitial = state.lastName?.substring(0, 1).toUpperCase();\n this.avatarInitials = `${firstNameInitial}${lastNameInitial}`;\n }\n });\n }\n\n ngAfterContentInit(): void {\n let hasToolbarItemParent = false;\n try {\n hasToolbarItemParent = this.elRef.nativeElement.closest('eui-toolbar-item');\n } catch(e) {\n console.error(e);\n }\n\n if (hasToolbarItemParent) {\n this.baseStatesDirective.euiSizeS = true;\n this.baseStatesDirective.euiInverted = true;\n }\n if (hasToolbarItemParent || !this.isHeaderUserProfile) {\n this.hasMenu = this.hasMenuContent.length !== 0;\n }\n }\n\n ngOnDestroy(): void {\n this.unsubscribeSubject$.next();\n this.unsubscribeSubject$.complete();\n }\n\n closeDropdown(): void {\n this.dropdown.closeDropdown();\n }\n\n private getCssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-user-profile'),\n this.isReverse ? 'eui-user-profile--reverse': '',\n ].join(' ').trim();\n }\n}\n", "<ng-container *ngIf=\"hasMenu; else noMenuContent\">\n <eui-dropdown [hasTabNavigation]=\"hasTabNavigation\" width=\"340px\" #dropdown>\n <ng-container *ngTemplateOutlet=\"userProfileContent\"></ng-container>\n <eui-dropdown-content>\n <ng-content></ng-content>\n </eui-dropdown-content>\n </eui-dropdown>\n</ng-container>\n\n<ng-template #noMenuContent>\n <ng-container *ngTemplateOutlet=\"userProfileContent\"></ng-container>\n</ng-template>\n\n<ng-template #userProfileContent>\n <button [tabindex]=\"hasMenu ? '0' : '-1'\" class=\"eui-user-profile-content\" [class.eui-user-profile-content--no-menu]=\"!hasMenu\">\n <div *ngIf=\"isShowUserInfos\"\n class=\"eui-user-profile__infos\"\n [class.eui-user-profile__infos--no-subinfos]=\"subInfos && !hasWelcomeLabel\">\n <ng-container *ngIf=\"userState?.impersonatingUser; else notImpersonated\">\n <div class=\"eui-user-profile__infos-welcome\">\n <span class=\"eui-u-mr-2xs\" *ngIf=\"hasWelcomeLabel\">{{ welcomeLabel }}</span>\n <strong>{{ userState?.impersonatingUser?.firstName }} {{ userState?.impersonatingUser?.lastName}}</strong>\n <span class=\"eui-u-ml-2xs\">{{ impersonateLabel }}</span>\n </div>\n <div class=\"eui-user-profile__infos-name\">\n {{ userState?.fullName }}\n </div>\n <div *ngIf=\"subInfos\" class=\"eui-user-profile__infos-subinfos\">\n {{ subInfos }}\n </div>\n </ng-container>\n\n <ng-template #notImpersonated>\n <div *ngIf=\"hasWelcomeLabel\" class=\"eui-user-profile__infos-welcome\">{{ welcomeLabel }}</div>\n <div class=\"eui-user-profile__infos-name\">{{ userState?.fullName }}</div>\n <div *ngIf=\"subInfos\" class=\"eui-user-profile__infos-subinfos\">\n {{ subInfos }}\n </div>\n </ng-template>\n </div>\n\n <eui-avatar [euiSizeS]=\"baseStatesDirective.euiSizeS\" euiInfo\n [hasShadow]=\"userState?.impersonatingUser\">\n <eui-avatar-text *ngIf=\"isShowAvatarInitials; else noAvatarInitials\">\n {{ avatarInitials }}\n </eui-avatar-text>\n <ng-template #noAvatarInitials>\n <eui-avatar-image *ngIf=\"!avatarUrl\"></eui-avatar-image>\n <eui-avatar-image *ngIf=\"avatarUrl\" [imageUrl]=\"avatarUrl\"></eui-avatar-image>\n </ng-template>\n <eui-avatar-badge position=\"bottom\" *ngIf=\"hasMenu || hasToggle\">\n <eui-badge euiSecondary euiSizeXS>\n <eui-icon-svg icon=\"eui-chevron-down\" size=\"2xs\" fillColor=\"neutral\"></eui-icon-svg>\n </eui-badge>\n </eui-avatar-badge>\n </eui-avatar>\n </button>\n</ng-template>\n", "import { Component, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Input, OnInit, EventEmitter, Output, OnDestroy, booleanAttribute } from '@angular/core';\nimport { UserState } from '@eui/base';\nimport { UserService } from '@eui/core';\nimport { takeUntil } from 'rxjs/operators';\nimport { Subject } from 'rxjs';\n\n@Component({\n selector: 'eui-user-profile-card',\n templateUrl: './user-profile-card.component.html',\n changeDetection: ChangeDetectionStrategy.Default,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiUserProfileCardComponent implements OnInit, OnDestroy {\n @HostBinding('class')\n public get cssClasses(): string {\n return 'eui-user-profile-card';\n }\n\n avatarInitials: string;\n userState: UserState;\n isOnline = true;\n\n @Input() impersonateLabel = 'impersonating';\n @Input() showDetailsLabel = 'Show profile details';\n @Input() avatarUrl: string;\n @Input({ transform: booleanAttribute }) isShowAvatarInitials = false;\n\n @Output() showProfileInfo: EventEmitter<void> = new EventEmitter();\n @Output() closeProfileMenu: EventEmitter<void> = new EventEmitter();\n\n private unsubscribeSubject$: Subject<void> = new Subject();\n\n constructor(\n private userService: UserService,\n ) {}\n\n ngOnInit(): void {\n this.userService\n .getState()\n .pipe(\n takeUntil(this.unsubscribeSubject$),\n )\n .subscribe((state) => {\n if (state) {\n const firstNameInitial = state.firstName?.substring(0, 1).toUpperCase();\n const lastNameInitial = state.lastName?.substring(0, 1).toUpperCase();\n this.avatarInitials = `${firstNameInitial}${lastNameInitial}`;\n this.userState = state;\n }\n });\n }\n\n ngOnDestroy(): void {\n this.unsubscribeSubject$.next();\n this.unsubscribeSubject$.complete();\n }\n\n onShowInfoClick(): void {\n this.showProfileInfo.emit();\n }\n\n onClose(): void {\n this.closeProfileMenu.emit();\n }\n}\n", "<div class=\"eui-user-profile-card__main-wrapper\">\n <div class=\"eui-user-profile-card__avatar-wrapper\">\n <eui-avatar euiSizeL euiInfo>\n <eui-avatar-text *ngIf=\"isShowAvatarInitials; else noAvatarInitials\">\n {{ avatarInitials }}\n </eui-avatar-text>\n <ng-template #noAvatarInitials>\n <eui-avatar-image *ngIf=\"!avatarUrl\"></eui-avatar-image>\n <eui-avatar-image *ngIf=\"avatarUrl\" [imageUrl]=\"avatarUrl\"></eui-avatar-image>\n </ng-template>\n </eui-avatar>\n </div>\n <div class=\"eui-user-profile-card__userInfos\">\n <div class=\"eui-u-font-xl eui-u-mb-s\">{{ userState.fullName }}</div>\n <div *ngIf=\"userState.function\" class=\"eui-user-profile-card__userInfos-item\">\n {{ userState.function }}\n </div>\n <div *ngIf=\"userState.organisation && userState.organisation.code\" class=\"eui-user-profile-card__userInfos-item\">\n {{ userState.organisation.code }}\n </div>\n </div>\n <div class=\"eui-user-profile-card__main-wrapper-right-content\">\n <a class=\"eui-u-text-link\" tabindex=\"0\" (click)=\"onClose()\">close</a>\n <button euiButton euiIconButton euiInfo euiSizeS class=\"eui-u-ml-auto eui-u-mt-m\" (click)=\"onShowInfoClick()\" title=\"{{ showDetailsLabel }}\">\n <eui-icon-svg icon=\"eui-info\"></eui-icon-svg>\n </button>\n </div>\n</div>\n\n<ng-container *ngIf=\"userState?.impersonatingUser\">\n <div class=\"eui-user-profile-card__impersonateInfos\">\n <div>{{ userState?.impersonatingUser?.firstName }} {{ userState?.impersonatingUser?.lastName }}</div>\n <div class=\"eui-u-mt-2xs\">{{ impersonateLabel }}</div>\n <div class=\"eui-u-mt-2xs\">\n <strong>{{ userState?.fullName }}</strong>\n </div>\n </div>\n</ng-container>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiDropdownModule } from '@eui/components/eui-dropdown';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiUserProfileMenuComponent } from './user-profile-menu/user-profile-menu.component';\nimport { EuiUserProfileMenuItemComponent } from './user-profile-menu-item/user-profile-menu-item.component';\n\nimport { EuiUserProfileComponent } from './user-profile.component';\nimport { EuiUserProfileCardComponent } from './user-profile-card/user-profile-card.component';\n\nimport { EuiCoerceBooleanPipeModule } from '@eui/components/pipes';\nimport { EuiAvatarModule } from '@eui/components/eui-avatar';\nimport { EuiBadgeModule } from '@eui/components/eui-badge';\n\nconst COMPONENTS = [EuiUserProfileComponent, EuiUserProfileMenuComponent, EuiUserProfileMenuItemComponent, EuiUserProfileCardComponent];\n\n@NgModule({\n imports: [\n CommonModule,\n EuiDropdownModule, EuiCoerceBooleanPipeModule, EuiIconModule, EuiButtonModule, EuiAvatarModule,\n EuiBadgeModule,\n ],\n declarations: [...COMPONENTS],\n exports: [...COMPONENTS],\n})\nexport class EuiUserProfileModule {}\n"],
|
|
5
|
-
"mappings": ";AAAA,SAAS,WAAW,aAAa,yBAAqC;;AAQhE,IAAO,kCAAP,MAAO,iCAA+B;EAKxC,YAAoB,SAAmB;AAAnB,SAAA,UAAA;AAJE,SAAA,QAAQ;AACA,SAAA,WAAW;AACf,SAAA,OAAO;EAES;EAE1C,QAAK;AACD,SAAK,QAAQ,cAAc,MAAK;EACpC;;4GATS,kCAA+B,MAAA,CAAA,EAAA,OAAA,cAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAA/B,kCAA+B,UAAA,8BAAA,MAAA,EAAA,YAAA,EAAA,SAAA,cAAA,iBAAA,iBAAA,aAAA,YAAA,EAAA,GAAA,UAAA,IAAA,UAH9B,6BAA2B,UAAA,MAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGAG5B,iCAA+B,YAAA,CAAA;QAL3C;SAAU;IACP,UAAU;IACV,UAAU;IACV,eAAe,kBAAkB;GACpC;uEAEyB,OAAK,CAAA;QAA1B;SAAY,OAAO;IACU,UAAQ,CAAA;QAArC;SAAY,eAAe;IACF,MAAI,CAAA;QAA7B;SAAY,WAAW;;;;ACX5B,SACI,aAAAA,YACA,eAAAC,cACA,qBAAAC,oBAGA,iBAEA,cACA,kBACG;AACP,SAAS,uBAAuB;AAChC,SAAS,eAAe;AACxB,SAAS,iBAAiB;;;AAUpB,IAAO,8BAAP,MAAO,6BAA2B;EAQpC,YAAoB,iBAAmC;AAAnC,SAAA,kBAAA;AAPL,SAAA,QAAQ;AACG,SAAA,OAAO;AAIzB,SAAA,WAA6B,IAAI,QAAO;EAEU;EAG1D,UAAU,OAAK;AACX,SAAK,gBAAgB,UAAU,KAAK;EACxC;EAEA,qBAAkB;AACd,SAAK,gBAAgB,eAAe,KAAK,UAAU,KAAK,QAAQ,CAAC,EAAE,UAAU,CAAC,WAAmB;AAC7F,UAAI,QAAQ;AACR,aAAK,kBAAkB,IAAI,gBAAgB,KAAK,KAAK,EAAE,SAAQ;AAC/D,aAAK,gBAAgB,mBAAkB;MAC3C;IACJ,CAAC;EACL;EAEA,cAAW;AACP,SAAK,SAAS,KAAK,IAAI;AACvB,SAAK,SAAS,YAAW;EAC7B;;8GA3BS,8BAA2B,MAAA,CAAA,EAAA,OAAA,sBAAA,CAAA,GAAA,QAAA,oBAAA,UAAA,CAAA;EAAA;;iGAA3B,8BAA2B,UAAA,yBAAA,MAAA,EAAA,WAAA,EAAA,WAAA,oBAAA,GAAA,YAAA,EAAA,SAAA,cAAA,aAAA,YAAA,EAAA,GAAA,SAAA,CAAA,EAAA,cAAA,SAAA,WAAA,eAAA,MAIF,+BAA+B,EAAA,CAAA,GAAA,UAAAC,KAAA,UAPvD,6BAA2B,UAAA,MAAA,eAAA,sBAAA,KAAA,CAAA;EAAA;;oGAG5B,6BAA2B,YAAA,CAAA;QALvCH;SAAU;IACP,UAAU;IACV,UAAU;IACV,eAAeE,mBAAkB;GACpC;+EAEkB,OAAK,CAAA;QAAnBD;IACyB,MAAI,CAAA;QAA7BA;SAAY,WAAW;IAE4C,OAAK,CAAA;QAAxE;SAAgB,WAAW,MAAM,+BAA+B,CAAC;IAOlE,WAAS,CAAA;QADR;SAAa,WAAW,CAAC,QAAQ,CAAC;;;;ACjCvC,SAAS,aAAAG,YAAW,eAAAC,cAAa,yBAAyB,qBAAAC,oBAAmB,OAAe,WAA8C,cAAAC,aAAsE,mBAAAC,kBAA6B,wBAAmC;AAGhR,SAAS,aAAAC,kBAAiB;AAE1B,SAAS,WAAAC,gBAAe;AACxB,SAAS,2BAA2B;;;;;;;;;AAmB9B,IAAO,0BAAP,MAAO,yBAAuB;EAChC,IACW,aAAU;AACjB,WAAO,KAAK,cAAa;EAC7B;EA0BA,YACY,OACA,aACD,qBAAwC;AAFvC,SAAA,QAAA;AACA,SAAA,cAAA;AACD,SAAA,sBAAA;AA1BX,SAAA,WAAW;AAGF,SAAA,eAAe;AACf,SAAA,mBAAmB;AAIY,SAAA,UAAU;AACV,SAAA,kBAAkB;AAClB,SAAA,kBAAkB;AAClB,SAAA,uBAAuB;AACvB,SAAA,mBAAmB;AACnB,SAAA,YAAY;AACZ,SAAA,YAAY;AACZ,SAAA,sBAAsB;AAMtD,SAAA,sBAAqC,IAAIA,SAAO;EAOxD;EAEA,WAAQ;AACJ,SAAK,YACA,SAAQ,EACR,KAAKD,WAAU,KAAK,mBAAmB,CAAC,EACxC,UAAU,CAAC,UAAS;AACjB,UAAI,OAAO;AACP,aAAK,YAAY;AACjB,cAAM,mBAAmB,MAAM,WAAW,UAAU,GAAG,CAAC,EAAE,YAAW;AACrE,cAAM,kBAAkB,MAAM,UAAU,UAAU,GAAG,CAAC,EAAE,YAAW;AACnE,aAAK,iBAAiB,GAAG,gBAAgB,GAAG,eAAe;MAC/D;IACJ,CAAC;EACT;EAEA,qBAAkB;AACd,QAAI,uBAAuB;AAC3B,QAAI;AACA,6BAAuB,KAAK,MAAM,cAAc,QAAQ,kBAAkB;IAC9E,SAAQ,GAAG;AACP,cAAQ,MAAM,CAAC;IACnB;AAEA,QAAI,sBAAsB;AACtB,WAAK,oBAAoB,WAAW;AACpC,WAAK,oBAAoB,cAAc;IAC3C;AACA,QAAI,wBAAwB,CAAC,KAAK,qBAAqB;AACnD,WAAK,UAAU,KAAK,eAAe,WAAW;IAClD;EACJ;EAEA,cAAW;AACP,SAAK,oBAAoB,KAAI;AAC7B,SAAK,oBAAoB,SAAQ;EACrC;EAEA,gBAAa;AACT,SAAK,SAAS,cAAa;EAC/B;EAEQ,gBAAa;AACjB,WAAO;MACH,KAAK,oBAAoB,cAAc,kBAAkB;MACzD,KAAK,YAAY,8BAA6B;MAChD,KAAK,GAAG,EAAE,KAAI;EACpB;;8GAlFS,0BAAuB,MAAA,CAAA,EAAA,OAAA,eAAA,GAAA,EAAA,OAAA,gBAAA,GAAA,EAAA,OAAA,uBAAA,CAAA,GAAA,QAAA,oBAAA,UAAA,CAAA;EAAA;;iGAAvB,0BAAuB,UAAA,oBAAA,QAAA,EAAA,cAAA,gBAAA,kBAAA,oBAAA,WAAA,aAAA,UAAA,YAAA,SAAA,CAAA,WAAA,WAeZ,gBAAgB,GAAA,iBAAA,CAAA,mBAAA,mBAChB,gBAAgB,GAAA,iBAAA,CAAA,mBAAA,mBAChB,gBAAgB,GAAA,sBAAA,CAAA,wBAAA,wBAChB,gBAAgB,GAAA,kBAAA,CAAA,oBAAA,oBAChB,gBAAgB,GAAA,WAAA,CAAA,aAAA,aAChB,gBAAgB,GAAA,WAAA,CAAA,aAAA,aAChB,gBAAgB,GAAA,qBAAA,CAAA,uBAAA,uBAChB,gBAAgB,EAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,kBAAA,EAAA,GAAA,SAAA,CAAA,EAAA,cAAA,kBAAA,WAAA,eAAA,MAGF,2BAA2B,GAAA,aAAA,KAAA,CAAA,GAAA,aAAA,CAAA,EAAA,cAAA,YAAA,OAAA,MAAA,WAAA,CAAA,UAAA,GAAA,aAAA,KAAA,CAAA,GAAA,gBAAA,CAAA,EAAA,WAAA,wBAAA,QAAA,CAAA,YAAA,YAAA,eAAA,aAAA,EAAA,CAAA,GAAA,UAAAE,KAAA,UClDjE
|
|
4
|
+
"sourcesContent": ["import { Component, HostBinding, ViewEncapsulation, ElementRef } from '@angular/core';\nimport { FocusableOption } from '@angular/cdk/a11y';\n\n@Component({\n selector: 'eui-user-profile-menu-item',\n template: '<ng-content></ng-content>',\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiUserProfileMenuItemComponent implements FocusableOption {\n @HostBinding('class') class = 'eui-user-profile-menu-item';\n @HostBinding('attr.tabindex') tabindex = '-1';\n @HostBinding('attr.role') role = 'menuitem';\n\n constructor(private element: ElementRef) {}\n\n focus(): void {\n this.element.nativeElement.focus();\n }\n}\n", "import {\n Component,\n HostBinding,\n ViewEncapsulation,\n AfterContentInit,\n QueryList,\n ContentChildren,\n OnDestroy,\n HostListener,\n forwardRef,\n} from '@angular/core';\nimport { FocusKeyManager } from '@angular/cdk/a11y';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { EuiUserProfileMenuItemComponent } from '../user-profile-menu-item/user-profile-menu-item.component';\nimport { EuiDropdownService } from '@eui/components/eui-dropdown';\n\n@Component({\n selector: 'eui-user-profile-menu',\n template: '<ng-content></ng-content>',\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiUserProfileMenuComponent implements AfterContentInit, OnDestroy {\n @HostBinding() class = 'eui-user-profile-menu';\n @HostBinding('attr.role') role = 'menu';\n\n @ContentChildren(forwardRef(() => EuiUserProfileMenuItemComponent)) items: QueryList<EuiUserProfileMenuItemComponent>;\n private focusKeyManager: FocusKeyManager<EuiUserProfileMenuItemComponent>;\n private destroy$: Subject<boolean> = new Subject<boolean>();\n\n constructor(private dropdownService: EuiDropdownService) {}\n\n @HostListener('keydown', ['$event'])\n onKeydown(event): void {\n this.focusKeyManager.onKeydown(event);\n }\n\n ngAfterContentInit(): void {\n this.dropdownService.isDropdownOpen.pipe(takeUntil(this.destroy$)).subscribe((isOpen: boolean) => {\n if (isOpen) {\n this.focusKeyManager = new FocusKeyManager(this.items).withWrap();\n this.focusKeyManager.setFirstItemActive();\n }\n });\n }\n\n ngOnDestroy(): void {\n this.destroy$.next(true);\n this.destroy$.unsubscribe();\n }\n}\n", "import { Component, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Input, OnInit, ViewChild, OnDestroy, Host, Optional, Inject, forwardRef, AfterContentInit, ContentChild, QueryList, AfterViewInit, ContentChildren, ElementRef, booleanAttribute, Renderer2 } from '@angular/core';\nimport { UserState } from '@eui/base';\nimport { UserService } from '@eui/core';\nimport { takeUntil } from 'rxjs/operators';\nimport { EuiDropdownComponent } from '@eui/components/eui-dropdown';\nimport { Subject } from 'rxjs';\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiUserProfileMenuComponent } from './user-profile-menu/user-profile-menu.component';\n\n@Component({\n selector: 'eui-user-profile',\n templateUrl: './user-profile.component.html',\n styleUrls: ['./_styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiSizeS',\n 'euiInverted',\n ],\n },\n ],\n})\nexport class EuiUserProfileComponent implements OnInit, OnDestroy, AfterContentInit {\n @HostBinding('class')\n public get cssClasses(): string {\n return this.getCssClasses();\n }\n\n userState: UserState;\n isOnline = true;\n avatarInitials: string;\n\n @Input() welcomeLabel = 'Welcome';\n @Input() impersonateLabel = 'impersonating';\n @Input() avatarUrl: string;\n @Input() subInfos: string;\n\n @Input({ transform: booleanAttribute }) hasMenu = false;\n @Input({ transform: booleanAttribute }) isShowUserInfos = true;\n @Input({ transform: booleanAttribute }) hasWelcomeLabel = true;\n @Input({ transform: booleanAttribute }) isShowAvatarInitials = false;\n @Input({ transform: booleanAttribute }) hasTabNavigation = false;\n @Input({ transform: booleanAttribute }) isReverse = false;\n @Input({ transform: booleanAttribute }) hasToggle = false;\n @Input({ transform: booleanAttribute }) isHeaderUserProfile = false;\n\n @ViewChild('dropdown') dropdown: EuiDropdownComponent;\n @ContentChildren(forwardRef(() => EuiUserProfileMenuComponent), { descendants: true })\n hasMenuContent: QueryList<EuiUserProfileMenuComponent>;\n\n private unsubscribeSubject$: Subject<void> = new Subject();\n\n constructor(\n private elRef: ElementRef,\n private userService: UserService,\n public baseStatesDirective: BaseStatesDirective,\n ) {\n }\n\n ngOnInit(): void {\n this.userService\n .getState()\n .pipe(takeUntil(this.unsubscribeSubject$))\n .subscribe((state) => {\n if (state) {\n this.userState = state;\n const firstNameInitial = state.firstName?.substring(0, 1).toUpperCase();\n const lastNameInitial = state.lastName?.substring(0, 1).toUpperCase();\n this.avatarInitials = `${firstNameInitial}${lastNameInitial}`;\n }\n });\n }\n\n ngAfterContentInit(): void {\n let hasToolbarItemParent = false;\n try {\n hasToolbarItemParent = this.elRef.nativeElement.closest('eui-toolbar-item');\n } catch(e) {\n console.error(e);\n }\n\n if (hasToolbarItemParent) {\n this.baseStatesDirective.euiSizeS = true;\n this.baseStatesDirective.euiInverted = true;\n }\n if (hasToolbarItemParent || !this.isHeaderUserProfile) {\n this.hasMenu = this.hasMenuContent.length !== 0;\n }\n }\n\n ngOnDestroy(): void {\n this.unsubscribeSubject$.next();\n this.unsubscribeSubject$.complete();\n }\n\n closeDropdown(): void {\n this.dropdown.closeDropdown();\n }\n\n private getCssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-user-profile'),\n this.isReverse ? 'eui-user-profile--reverse': '',\n ].join(' ').trim();\n }\n}\n", "<ng-container *ngIf=\"hasMenu; else noMenuContent\">\n <eui-dropdown [hasTabNavigation]=\"hasTabNavigation\" width=\"340px\" #dropdown>\n <ng-container *ngTemplateOutlet=\"userProfileContent\"></ng-container>\n <eui-dropdown-content>\n <ng-content></ng-content>\n </eui-dropdown-content>\n </eui-dropdown>\n</ng-container>\n\n<ng-template #noMenuContent>\n <ng-container *ngTemplateOutlet=\"userProfileContent\"></ng-container>\n</ng-template>\n\n<ng-template #userProfileContent>\n <button [tabindex]=\"hasMenu ? '0' : '-1'\" class=\"eui-user-profile-content\" [class.eui-user-profile-content--no-menu]=\"!hasMenu\">\n <div *ngIf=\"isShowUserInfos\"\n class=\"eui-user-profile__infos\"\n [class.eui-user-profile__infos--no-welcome]=\"subInfos && !hasWelcomeLabel\"\n [class.eui-user-profile__infos--no-subinfos]=\"!subInfos\">\n <ng-container *ngIf=\"userState?.impersonatingUser; else notImpersonated\">\n <div class=\"eui-user-profile__infos-welcome\">\n <span class=\"eui-u-mr-2xs\" *ngIf=\"hasWelcomeLabel\">{{ welcomeLabel }}</span>\n <strong>{{ userState?.impersonatingUser?.firstName }} {{ userState?.impersonatingUser?.lastName}}</strong>\n <span class=\"eui-u-ml-2xs\">{{ impersonateLabel }}</span>\n </div>\n <div class=\"eui-user-profile__infos-name\">\n {{ userState?.fullName }}\n </div>\n <div *ngIf=\"subInfos\" class=\"eui-user-profile__infos-subinfos\">\n {{ subInfos }}\n </div>\n </ng-container>\n\n <ng-template #notImpersonated>\n <div *ngIf=\"hasWelcomeLabel\" class=\"eui-user-profile__infos-welcome\">{{ welcomeLabel }}</div>\n <div class=\"eui-user-profile__infos-name\">{{ userState?.fullName }}</div>\n <div *ngIf=\"subInfos\" class=\"eui-user-profile__infos-subinfos\">\n {{ subInfos }}\n </div>\n </ng-template>\n </div>\n\n <eui-avatar [euiSizeS]=\"baseStatesDirective.euiSizeS\" euiInfo\n [hasShadow]=\"userState?.impersonatingUser\">\n <eui-avatar-text *ngIf=\"isShowAvatarInitials; else noAvatarInitials\">\n {{ avatarInitials }}\n </eui-avatar-text>\n <ng-template #noAvatarInitials>\n <eui-avatar-image *ngIf=\"!avatarUrl\"></eui-avatar-image>\n <eui-avatar-image *ngIf=\"avatarUrl\" [imageUrl]=\"avatarUrl\"></eui-avatar-image>\n </ng-template>\n <eui-avatar-badge position=\"bottom\" *ngIf=\"hasMenu || hasToggle\">\n <eui-badge euiSecondary euiSizeXS>\n <eui-icon-svg icon=\"eui-chevron-down\" size=\"2xs\" fillColor=\"neutral\"></eui-icon-svg>\n </eui-badge>\n </eui-avatar-badge>\n </eui-avatar>\n </button>\n</ng-template>\n", "import { Component, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Input, OnInit, EventEmitter, Output, OnDestroy, booleanAttribute } from '@angular/core';\nimport { UserState } from '@eui/base';\nimport { UserService } from '@eui/core';\nimport { takeUntil } from 'rxjs/operators';\nimport { Subject } from 'rxjs';\n\n@Component({\n selector: 'eui-user-profile-card',\n templateUrl: './user-profile-card.component.html',\n changeDetection: ChangeDetectionStrategy.Default,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiUserProfileCardComponent implements OnInit, OnDestroy {\n @HostBinding('class')\n public get cssClasses(): string {\n return 'eui-user-profile-card';\n }\n\n avatarInitials: string;\n userState: UserState;\n isOnline = true;\n\n @Input() impersonateLabel = 'impersonating';\n @Input() showDetailsLabel = 'Show profile details';\n @Input() avatarUrl: string;\n @Input({ transform: booleanAttribute }) isShowAvatarInitials = false;\n\n @Output() showProfileInfo: EventEmitter<void> = new EventEmitter();\n @Output() closeProfileMenu: EventEmitter<void> = new EventEmitter();\n\n private unsubscribeSubject$: Subject<void> = new Subject();\n\n constructor(\n private userService: UserService,\n ) {}\n\n ngOnInit(): void {\n this.userService\n .getState()\n .pipe(\n takeUntil(this.unsubscribeSubject$),\n )\n .subscribe((state) => {\n if (state) {\n const firstNameInitial = state.firstName?.substring(0, 1).toUpperCase();\n const lastNameInitial = state.lastName?.substring(0, 1).toUpperCase();\n this.avatarInitials = `${firstNameInitial}${lastNameInitial}`;\n this.userState = state;\n }\n });\n }\n\n ngOnDestroy(): void {\n this.unsubscribeSubject$.next();\n this.unsubscribeSubject$.complete();\n }\n\n onShowInfoClick(): void {\n this.showProfileInfo.emit();\n }\n\n onClose(): void {\n this.closeProfileMenu.emit();\n }\n}\n", "<div class=\"eui-user-profile-card__main-wrapper\">\n <div class=\"eui-user-profile-card__avatar-wrapper\">\n <eui-avatar euiSizeL euiInfo>\n <eui-avatar-text *ngIf=\"isShowAvatarInitials; else noAvatarInitials\">\n {{ avatarInitials }}\n </eui-avatar-text>\n <ng-template #noAvatarInitials>\n <eui-avatar-image *ngIf=\"!avatarUrl\"></eui-avatar-image>\n <eui-avatar-image *ngIf=\"avatarUrl\" [imageUrl]=\"avatarUrl\"></eui-avatar-image>\n </ng-template>\n </eui-avatar>\n </div>\n <div class=\"eui-user-profile-card__userInfos\">\n <div class=\"eui-u-f-xl eui-u-mb-s\">{{ userState.fullName }}</div>\n <div *ngIf=\"userState.function\" class=\"eui-user-profile-card__userInfos-item\">\n {{ userState.function }}\n </div>\n <div *ngIf=\"userState.organisation && userState.organisation.code\" class=\"eui-user-profile-card__userInfos-item\">\n {{ userState.organisation.code }}\n </div>\n </div>\n <div class=\"eui-user-profile-card__main-wrapper-right-content\">\n <a class=\"eui-u-text-link\" tabindex=\"0\" (click)=\"onClose()\">close</a>\n <button euiButton euiIconButton euiInfo euiSizeS class=\"eui-u-ml-auto eui-u-mt-m\" (click)=\"onShowInfoClick()\" title=\"{{ showDetailsLabel }}\">\n <eui-icon-svg icon=\"eui-info\"></eui-icon-svg>\n </button>\n </div>\n</div>\n\n<ng-container *ngIf=\"userState?.impersonatingUser\">\n <div class=\"eui-user-profile-card__impersonateInfos\">\n <div>{{ userState?.impersonatingUser?.firstName }} {{ userState?.impersonatingUser?.lastName }}</div>\n <div class=\"eui-u-mt-2xs\">{{ impersonateLabel }}</div>\n <div class=\"eui-u-mt-2xs\">\n <strong>{{ userState?.fullName }}</strong>\n </div>\n </div>\n</ng-container>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiDropdownModule } from '@eui/components/eui-dropdown';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiUserProfileMenuComponent } from './user-profile-menu/user-profile-menu.component';\nimport { EuiUserProfileMenuItemComponent } from './user-profile-menu-item/user-profile-menu-item.component';\n\nimport { EuiUserProfileComponent } from './user-profile.component';\nimport { EuiUserProfileCardComponent } from './user-profile-card/user-profile-card.component';\n\nimport { EuiCoerceBooleanPipeModule } from '@eui/components/pipes';\nimport { EuiAvatarModule } from '@eui/components/eui-avatar';\nimport { EuiBadgeModule } from '@eui/components/eui-badge';\n\nconst COMPONENTS = [EuiUserProfileComponent, EuiUserProfileMenuComponent, EuiUserProfileMenuItemComponent, EuiUserProfileCardComponent];\n\n@NgModule({\n imports: [\n CommonModule,\n EuiDropdownModule, EuiCoerceBooleanPipeModule, EuiIconModule, EuiButtonModule, EuiAvatarModule,\n EuiBadgeModule,\n ],\n declarations: [...COMPONENTS],\n exports: [...COMPONENTS],\n})\nexport class EuiUserProfileModule {}\n"],
|
|
5
|
+
"mappings": ";AAAA,SAAS,WAAW,aAAa,yBAAqC;;AAQhE,IAAO,kCAAP,MAAO,iCAA+B;EAKxC,YAAoB,SAAmB;AAAnB,SAAA,UAAA;AAJE,SAAA,QAAQ;AACA,SAAA,WAAW;AACf,SAAA,OAAO;EAES;EAE1C,QAAK;AACD,SAAK,QAAQ,cAAc,MAAK;EACpC;;4GATS,kCAA+B,MAAA,CAAA,EAAA,OAAA,cAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAA/B,kCAA+B,UAAA,8BAAA,MAAA,EAAA,YAAA,EAAA,SAAA,cAAA,iBAAA,iBAAA,aAAA,YAAA,EAAA,GAAA,UAAA,IAAA,UAH9B,6BAA2B,UAAA,MAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGAG5B,iCAA+B,YAAA,CAAA;QAL3C;SAAU;IACP,UAAU;IACV,UAAU;IACV,eAAe,kBAAkB;GACpC;uEAEyB,OAAK,CAAA;QAA1B;SAAY,OAAO;IACU,UAAQ,CAAA;QAArC;SAAY,eAAe;IACF,MAAI,CAAA;QAA7B;SAAY,WAAW;;;;ACX5B,SACI,aAAAA,YACA,eAAAC,cACA,qBAAAC,oBAGA,iBAEA,cACA,kBACG;AACP,SAAS,uBAAuB;AAChC,SAAS,eAAe;AACxB,SAAS,iBAAiB;;;AAUpB,IAAO,8BAAP,MAAO,6BAA2B;EAQpC,YAAoB,iBAAmC;AAAnC,SAAA,kBAAA;AAPL,SAAA,QAAQ;AACG,SAAA,OAAO;AAIzB,SAAA,WAA6B,IAAI,QAAO;EAEU;EAG1D,UAAU,OAAK;AACX,SAAK,gBAAgB,UAAU,KAAK;EACxC;EAEA,qBAAkB;AACd,SAAK,gBAAgB,eAAe,KAAK,UAAU,KAAK,QAAQ,CAAC,EAAE,UAAU,CAAC,WAAmB;AAC7F,UAAI,QAAQ;AACR,aAAK,kBAAkB,IAAI,gBAAgB,KAAK,KAAK,EAAE,SAAQ;AAC/D,aAAK,gBAAgB,mBAAkB;MAC3C;IACJ,CAAC;EACL;EAEA,cAAW;AACP,SAAK,SAAS,KAAK,IAAI;AACvB,SAAK,SAAS,YAAW;EAC7B;;8GA3BS,8BAA2B,MAAA,CAAA,EAAA,OAAA,sBAAA,CAAA,GAAA,QAAA,oBAAA,UAAA,CAAA;EAAA;;iGAA3B,8BAA2B,UAAA,yBAAA,MAAA,EAAA,WAAA,EAAA,WAAA,oBAAA,GAAA,YAAA,EAAA,SAAA,cAAA,aAAA,YAAA,EAAA,GAAA,SAAA,CAAA,EAAA,cAAA,SAAA,WAAA,eAAA,MAIF,+BAA+B,EAAA,CAAA,GAAA,UAAAC,KAAA,UAPvD,6BAA2B,UAAA,MAAA,eAAA,sBAAA,KAAA,CAAA;EAAA;;oGAG5B,6BAA2B,YAAA,CAAA;QALvCH;SAAU;IACP,UAAU;IACV,UAAU;IACV,eAAeE,mBAAkB;GACpC;+EAEkB,OAAK,CAAA;QAAnBD;IACyB,MAAI,CAAA;QAA7BA;SAAY,WAAW;IAE4C,OAAK,CAAA;QAAxE;SAAgB,WAAW,MAAM,+BAA+B,CAAC;IAOlE,WAAS,CAAA;QADR;SAAa,WAAW,CAAC,QAAQ,CAAC;;;;ACjCvC,SAAS,aAAAG,YAAW,eAAAC,cAAa,yBAAyB,qBAAAC,oBAAmB,OAAe,WAA8C,cAAAC,aAAsE,mBAAAC,kBAA6B,wBAAmC;AAGhR,SAAS,aAAAC,kBAAiB;AAE1B,SAAS,WAAAC,gBAAe;AACxB,SAAS,2BAA2B;;;;;;;;;AAmB9B,IAAO,0BAAP,MAAO,yBAAuB;EAChC,IACW,aAAU;AACjB,WAAO,KAAK,cAAa;EAC7B;EA0BA,YACY,OACA,aACD,qBAAwC;AAFvC,SAAA,QAAA;AACA,SAAA,cAAA;AACD,SAAA,sBAAA;AA1BX,SAAA,WAAW;AAGF,SAAA,eAAe;AACf,SAAA,mBAAmB;AAIY,SAAA,UAAU;AACV,SAAA,kBAAkB;AAClB,SAAA,kBAAkB;AAClB,SAAA,uBAAuB;AACvB,SAAA,mBAAmB;AACnB,SAAA,YAAY;AACZ,SAAA,YAAY;AACZ,SAAA,sBAAsB;AAMtD,SAAA,sBAAqC,IAAIA,SAAO;EAOxD;EAEA,WAAQ;AACJ,SAAK,YACA,SAAQ,EACR,KAAKD,WAAU,KAAK,mBAAmB,CAAC,EACxC,UAAU,CAAC,UAAS;AACjB,UAAI,OAAO;AACP,aAAK,YAAY;AACjB,cAAM,mBAAmB,MAAM,WAAW,UAAU,GAAG,CAAC,EAAE,YAAW;AACrE,cAAM,kBAAkB,MAAM,UAAU,UAAU,GAAG,CAAC,EAAE,YAAW;AACnE,aAAK,iBAAiB,GAAG,gBAAgB,GAAG,eAAe;MAC/D;IACJ,CAAC;EACT;EAEA,qBAAkB;AACd,QAAI,uBAAuB;AAC3B,QAAI;AACA,6BAAuB,KAAK,MAAM,cAAc,QAAQ,kBAAkB;IAC9E,SAAQ,GAAG;AACP,cAAQ,MAAM,CAAC;IACnB;AAEA,QAAI,sBAAsB;AACtB,WAAK,oBAAoB,WAAW;AACpC,WAAK,oBAAoB,cAAc;IAC3C;AACA,QAAI,wBAAwB,CAAC,KAAK,qBAAqB;AACnD,WAAK,UAAU,KAAK,eAAe,WAAW;IAClD;EACJ;EAEA,cAAW;AACP,SAAK,oBAAoB,KAAI;AAC7B,SAAK,oBAAoB,SAAQ;EACrC;EAEA,gBAAa;AACT,SAAK,SAAS,cAAa;EAC/B;EAEQ,gBAAa;AACjB,WAAO;MACH,KAAK,oBAAoB,cAAc,kBAAkB;MACzD,KAAK,YAAY,8BAA6B;MAChD,KAAK,GAAG,EAAE,KAAI;EACpB;;8GAlFS,0BAAuB,MAAA,CAAA,EAAA,OAAA,eAAA,GAAA,EAAA,OAAA,gBAAA,GAAA,EAAA,OAAA,uBAAA,CAAA,GAAA,QAAA,oBAAA,UAAA,CAAA;EAAA;;iGAAvB,0BAAuB,UAAA,oBAAA,QAAA,EAAA,cAAA,gBAAA,kBAAA,oBAAA,WAAA,aAAA,UAAA,YAAA,SAAA,CAAA,WAAA,WAeZ,gBAAgB,GAAA,iBAAA,CAAA,mBAAA,mBAChB,gBAAgB,GAAA,iBAAA,CAAA,mBAAA,mBAChB,gBAAgB,GAAA,sBAAA,CAAA,wBAAA,wBAChB,gBAAgB,GAAA,kBAAA,CAAA,oBAAA,oBAChB,gBAAgB,GAAA,WAAA,CAAA,aAAA,aAChB,gBAAgB,GAAA,WAAA,CAAA,aAAA,aAChB,gBAAgB,GAAA,qBAAA,CAAA,uBAAA,uBAChB,gBAAgB,EAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,kBAAA,EAAA,GAAA,SAAA,CAAA,EAAA,cAAA,kBAAA,WAAA,eAAA,MAGF,2BAA2B,GAAA,aAAA,KAAA,CAAA,GAAA,aAAA,CAAA,EAAA,cAAA,YAAA,OAAA,MAAA,WAAA,CAAA,UAAA,GAAA,aAAA,KAAA,CAAA,GAAA,gBAAA,CAAA,EAAA,WAAA,wBAAA,QAAA,CAAA,YAAA,YAAA,eAAA,aAAA,EAAA,CAAA,GAAA,UAAAE,KAAA,UClDjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DA,QAAA,CAAA,wtHAAA,GAAA,cAAA,CAAA,EAAA,MAAA,aAAA,MAAA,SAAA,UAAA,UAAA,QAAA,CAAA,QAAA,YAAA,UAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,qBAAA,UAAA,sBAAA,QAAA,CAAA,2BAAA,oBAAA,0BAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,yBAAA,UAAA,gBAAA,QAAA,CAAA,WAAA,YAAA,SAAA,YAAA,WAAA,0BAAA,0BAAA,kCAAA,mBAAA,oBAAA,uBAAA,aAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,gCAAA,UAAA,uBAAA,GAAA,EAAA,MAAA,aAAA,MAAA,wBAAA,UAAA,iDAAA,QAAA,CAAA,QAAA,aAAA,OAAA,QAAA,kBAAA,QAAA,SAAA,WAAA,aAAA,cAAA,cAAA,aAAA,aAAA,eAAA,YAAA,QAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,uBAAA,UAAA,+CAAA,QAAA,CAAA,WAAA,cAAA,aAAA,iBAAA,UAAA,iBAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,2BAAA,UAAA,kBAAA,GAAA,EAAA,MAAA,aAAA,MAAA,4BAAA,UAAA,oBAAA,QAAA,CAAA,UAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,4BAAA,UAAA,oBAAA,QAAA,CAAA,UAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,sBAAA,UAAA,4CAAA,QAAA,CAAA,WAAA,YAAA,EAAA,CAAA,GAAA,iBAAA,4BAAA,SAAA,eAAA,sBAAA,KAAA,CAAA;EAAA;;oGDlCa,yBAAuB,YAAA,CAAA;QAhBnCP;qBACa,oBAAkB,iBAGX,wBAAwB,SAAO,eACjCE,mBAAkB,MAAI,gBACrB;IACZ;MACI,WAAW;MACX,QAAQ;QACJ;QACA;;;KAGX,UAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAA,QAAA,CAAA,wtHAAA,EAAA,CAAA;qIAIU,YAAU,CAAA;QADpBD;SAAY,OAAO;IASX,cAAY,CAAA;QAApB;IACQ,kBAAgB,CAAA;QAAxB;IACQ,WAAS,CAAA;QAAjB;IACQ,UAAQ,CAAA;QAAhB;IAEuC,SAAO,CAAA;QAA9C;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,iBAAe,CAAA;QAAtD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,iBAAe,CAAA;QAAtD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,sBAAoB,CAAA;QAA3D;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,kBAAgB,CAAA;QAAvD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,WAAS,CAAA;QAAhD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,WAAS,CAAA;QAAhD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,qBAAmB,CAAA;QAA1D;SAAM,EAAE,WAAW,iBAAgB,CAAE;IAEf,UAAQ,CAAA;QAA9B;SAAU,UAAU;IAErB,gBAAc,CAAA;QADbG;SAAgBD,YAAW,MAAM,2BAA2B,GAAG,EAAE,aAAa,KAAI,CAAE;;;;AElDzF,SAAS,aAAAK,YAAW,eAAAC,cAAa,2BAAAC,0BAAyB,qBAAAC,oBAAmB,SAAAC,QAAe,cAAc,QAAmB,oBAAAC,yBAAwB;AAGrJ,SAAS,aAAAC,kBAAiB;AAC1B,SAAS,WAAAC,gBAAe;;;;;;;AAQlB,IAAO,8BAAP,MAAO,6BAA2B;EACpC,IACW,aAAU;AACjB,WAAO;EACX;EAgBA,YACY,aAAwB;AAAxB,SAAA,cAAA;AAbZ,SAAA,WAAW;AAEF,SAAA,mBAAmB;AACnB,SAAA,mBAAmB;AAEY,SAAA,uBAAuB;AAErD,SAAA,kBAAsC,IAAI,aAAY;AACtD,SAAA,mBAAuC,IAAI,aAAY;AAEzD,SAAA,sBAAqC,IAAIA,SAAO;EAIrD;EAEH,WAAQ;AACJ,SAAK,YACA,SAAQ,EACR,KACGD,WAAU,KAAK,mBAAmB,CAAC,EAEtC,UAAU,CAAC,UAAS;AACjB,UAAI,OAAO;AACP,cAAM,mBAAmB,MAAM,WAAW,UAAU,GAAG,CAAC,EAAE,YAAW;AACrE,cAAM,kBAAkB,MAAM,UAAU,UAAU,GAAG,CAAC,EAAE,YAAW;AACnE,aAAK,iBAAiB,GAAG,gBAAgB,GAAG,eAAe;AAC3D,aAAK,YAAY;MACrB;IACJ,CAAC;EACT;EAEA,cAAW;AACP,SAAK,oBAAoB,KAAI;AAC7B,SAAK,oBAAoB,SAAQ;EACrC;EAEA,kBAAe;AACX,SAAK,gBAAgB,KAAI;EAC7B;EAEA,UAAO;AACH,SAAK,iBAAiB,KAAI;EAC9B;;8GAnDS,8BAA2B,MAAA,CAAA,EAAA,OAAA,gBAAA,CAAA,GAAA,QAAA,oBAAA,UAAA,CAAA;EAAA;;iGAA3B,8BAA2B,UAAA,yBAAA,QAAA,EAAA,kBAAA,oBAAA,kBAAA,oBAAA,WAAA,aAAA,sBAAA,CAAA,wBAAA,wBAahBD,iBAAgB,EAAA,GAAA,SAAA,EAAA,iBAAA,mBAAA,kBAAA,mBAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,kBAAA,EAAA,GAAA,UAAAG,KAAA,UCzBxC,g1DAsCA,cAAA,CAAA,EAAA,MAAA,aAAA,MAAA,UAAA,UAAA,UAAA,QAAA,CAAA,QAAA,YAAA,UAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,yBAAA,UAAA,iDAAA,QAAA,CAAA,QAAA,aAAA,OAAA,QAAA,kBAAA,QAAA,SAAA,WAAA,aAAA,cAAA,cAAA,aAAA,aAAA,eAAA,YAAA,QAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,wBAAA,UAAA,mCAAA,QAAA,CAAA,WAAA,MAAA,kBAAA,iBAAA,kBAAA,iBAAA,eAAA,aAAA,aAAA,GAAA,SAAA,CAAA,aAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,wBAAA,UAAA,+CAAA,QAAA,CAAA,WAAA,cAAA,aAAA,iBAAA,UAAA,iBAAA,EAAA,GAAA,EAAA,MAAA,aAAA,MAAA,4BAAA,UAAA,kBAAA,GAAA,EAAA,MAAA,aAAA,MAAA,6BAAA,UAAA,oBAAA,QAAA,CAAA,UAAA,EAAA,CAAA,GAAA,iBAAA,4BAAA,SAAA,eAAA,sBAAA,KAAA,CAAA;EAAA;;oGD1Ba,6BAA2B,YAAA,CAAA;QANvCR;qBACa,yBAAuB,iBAEhBE,yBAAwB,SAAO,eACjCC,mBAAkB,MAAI,UAAA,+0DAAA,CAAA;yEAI1B,YAAU,CAAA;QADpBF;SAAY,OAAO;IASX,kBAAgB,CAAA;QAAxBG;IACQ,kBAAgB,CAAA;QAAxBA;IACQ,WAAS,CAAA;QAAjBA;IACuC,sBAAoB,CAAA;QAA3DA;SAAM,EAAE,WAAWC,kBAAgB,CAAE;IAE5B,iBAAe,CAAA;QAAxB;IACS,kBAAgB,CAAA;QAAzB;;;;AE5BL,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAE7B,SAAS,yBAAyB;AAClC,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAOhC,SAAS,kCAAkC;AAC3C,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;;AAE/B,IAAM,aAAa,CAAC,yBAAyB,6BAA6B,iCAAiC,2BAA2B;AAWhI,IAAO,uBAAP,MAAO,sBAAoB;;8GAApB,uBAAoB,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;+GAApB,uBAAoB,cAAA,CAXb,yBAAyB,6BAA6B,iCAAiC,2BAA2B,GAAA,SAAA;MAI9H;MACA;MAAmB;MAA4B;MAAe;MAAiB;MAC/E;IAAc,GAAA,SAAA,CANF,yBAAyB,6BAA6B,iCAAiC,2BAA2B,EAAA,CAAA;EAAA;;+GAWzH,uBAAoB,SAAA;MAPzB;MACA;MAAmB;MAA4B;MAAe;MAAiB;MAC/E;IAAc,EAAA,CAAA;EAAA;;oGAKT,sBAAoB,YAAA,CAAA;QAThC;SAAS;IACN,SAAS;MACL;MACA;MAAmB;MAA4B;MAAe;MAAiB;MAC/E;;IAEJ,cAAc,CAAC,GAAG,UAAU;IAC5B,SAAS,CAAC,GAAG,UAAU;GAC1B;;",
|
|
6
6
|
"names": ["Component", "HostBinding", "ViewEncapsulation", "i0", "Component", "HostBinding", "ViewEncapsulation", "forwardRef", "ContentChildren", "takeUntil", "Subject", "i0", "Component", "HostBinding", "ChangeDetectionStrategy", "ViewEncapsulation", "Input", "booleanAttribute", "takeUntil", "Subject", "i0"]
|
|
7
7
|
}
|
|
@@ -72,12 +72,12 @@ var EuiWizardStepComponent = class _EuiWizardStepComponent {
|
|
|
72
72
|
this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: _EuiWizardStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
73
73
|
}
|
|
74
74
|
static {
|
|
75
|
-
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiWizardStepComponent, selector: "eui-wizard-step", inputs: { id: "id", indexLabel: "indexLabel", indexIconSvgName: "indexIconSvgName", label: "label", subLabel: "subLabel", index: "index", url: "url", isCompleted: "isCompleted", isActive: "isActive", isShowStepTitle: "isShowStepTitle", isInvalid: "isInvalid", isWarning: "isWarning", isDisabled: "isDisabled" }, ngImport: i0, template: '<ng-container *ngIf="isActive">\n <ng-content></ng-content>\n</ng-container>\n', styles: ['.eui-wizard{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin:var(--eui-s-xl) 0 -1px 0;padding-bottom:var(--eui-s-l)}.eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-s-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-c-neutral-lightest);content:"";margin-bottom:var(--eui-s-s);top:var(--eui-s-s);width:100%}.eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-c-white);border:2px solid var(--eui-c-neutral-light);border-radius:
|
|
75
|
+
this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiWizardStepComponent, selector: "eui-wizard-step", inputs: { id: "id", indexLabel: "indexLabel", indexIconSvgName: "indexIconSvgName", label: "label", subLabel: "subLabel", index: "index", url: "url", isCompleted: "isCompleted", isActive: "isActive", isShowStepTitle: "isShowStepTitle", isInvalid: "isInvalid", isWarning: "isWarning", isDisabled: "isDisabled" }, ngImport: i0, template: '<ng-container *ngIf="isActive">\n <ng-content></ng-content>\n</ng-container>\n', styles: ['.eui-wizard{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin:var(--eui-s-xl) 0 -1px 0;padding-bottom:var(--eui-s-l)}.eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-s-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-c-neutral-lightest);content:"";margin-bottom:var(--eui-s-s);top:var(--eui-s-s);width:100%}.eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-c-white);border:2px solid var(--eui-c-neutral-light);border-radius:var(--eui-br-max);height:var(--eui-s-3xl);margin:0 auto;margin-top:-2rem;padding-top:var(--eui-s-xs);width:var(--eui-s-3xl)}.eui-wizard-step__bullet-item-text{margin-top:-.5rem;font:var(--eui-f-l-bold)}.eui-wizard-step__label-wrapper{margin-top:var(--eui-s-m)}.eui-wizard-step__label-wrapper-label{font:var(--eui-f-m-bold)}.eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-s-2xs)}.eui-wizard-step--active .eui-wizard-step__bullet-item{border-color:var(--eui-c-primary);color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-c-primary-darl)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-info)}.eui-wizard-step--completed .eui-wizard-step__bullet-item{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-success)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-label{color:var(--eui-c-success-dark)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-success)}.eui-wizard-step--error .eui-wizard-step__bullet-item{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-danger)}.eui-wizard-step--error .eui-wizard-step__label-wrapper-label,.eui-wizard-step--error .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-danger)}.eui-wizard-step--warning .eui-wizard-step__bullet-item{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning)}.eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-warning-dark)}.eui-wizard-step--warning .eui-wizard-step__label-wrapper-label,.eui-wizard-step--warning .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-warning-dark)}.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-label,.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-sub-label,.eui-wizard-step--disabled .eui-wizard-step__bullet-item{border-color:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral)}.eui-wizard-step--disabled .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-neutral-lightest)}.eui-wizard-step--disabled:hover{cursor:not-allowed}.eui-wizard-step--notallowed .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed.eui-wizard-step--disabled .eui-wizard-step__bullet-item-icon{color:var(--eui-c-neutral-light)}.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--completed .eui-wizard-step__bullet-item-icon,.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--error .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed:hover{cursor:not-allowed}.eui-wizard-step:focus .eui-wizard-step__bullet-item{border:2px solid transparent;border-color:var(--eui-c-accent-dark);border-radius:var(--eui-br-max)}.eui-wizard-step:first-child .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-wizard-step:last-child .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}\n'], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
|
|
76
76
|
}
|
|
77
77
|
};
|
|
78
78
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiWizardStepComponent, decorators: [{
|
|
79
79
|
type: Component,
|
|
80
|
-
args: [{ selector: "eui-wizard-step", changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: '<ng-container *ngIf="isActive">\n <ng-content></ng-content>\n</ng-container>\n', styles: ['.eui-wizard{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin:var(--eui-s-xl) 0 -1px 0;padding-bottom:var(--eui-s-l)}.eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-s-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-c-neutral-lightest);content:"";margin-bottom:var(--eui-s-s);top:var(--eui-s-s);width:100%}.eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-c-white);border:2px solid var(--eui-c-neutral-light);border-radius:
|
|
80
|
+
args: [{ selector: "eui-wizard-step", changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: '<ng-container *ngIf="isActive">\n <ng-content></ng-content>\n</ng-container>\n', styles: ['.eui-wizard{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin:var(--eui-s-xl) 0 -1px 0;padding-bottom:var(--eui-s-l)}.eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-s-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-c-neutral-lightest);content:"";margin-bottom:var(--eui-s-s);top:var(--eui-s-s);width:100%}.eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-c-white);border:2px solid var(--eui-c-neutral-light);border-radius:var(--eui-br-max);height:var(--eui-s-3xl);margin:0 auto;margin-top:-2rem;padding-top:var(--eui-s-xs);width:var(--eui-s-3xl)}.eui-wizard-step__bullet-item-text{margin-top:-.5rem;font:var(--eui-f-l-bold)}.eui-wizard-step__label-wrapper{margin-top:var(--eui-s-m)}.eui-wizard-step__label-wrapper-label{font:var(--eui-f-m-bold)}.eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-s-2xs)}.eui-wizard-step--active .eui-wizard-step__bullet-item{border-color:var(--eui-c-primary);color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-c-primary-darl)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-info)}.eui-wizard-step--completed .eui-wizard-step__bullet-item{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-success)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-label{color:var(--eui-c-success-dark)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-success)}.eui-wizard-step--error .eui-wizard-step__bullet-item{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-danger)}.eui-wizard-step--error .eui-wizard-step__label-wrapper-label,.eui-wizard-step--error .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-danger)}.eui-wizard-step--warning .eui-wizard-step__bullet-item{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning)}.eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-warning-dark)}.eui-wizard-step--warning .eui-wizard-step__label-wrapper-label,.eui-wizard-step--warning .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-warning-dark)}.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-label,.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-sub-label,.eui-wizard-step--disabled .eui-wizard-step__bullet-item{border-color:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral)}.eui-wizard-step--disabled .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-neutral-lightest)}.eui-wizard-step--disabled:hover{cursor:not-allowed}.eui-wizard-step--notallowed .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed.eui-wizard-step--disabled .eui-wizard-step__bullet-item-icon{color:var(--eui-c-neutral-light)}.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--completed .eui-wizard-step__bullet-item-icon,.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--error .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed:hover{cursor:not-allowed}.eui-wizard-step:focus .eui-wizard-step__bullet-item{border:2px solid transparent;border-color:var(--eui-c-accent-dark);border-radius:var(--eui-br-max)}.eui-wizard-step:first-child .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-wizard-step:last-child .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}\n'] }]
|
|
81
81
|
}], propDecorators: { id: [{
|
|
82
82
|
type: Input
|
|
83
83
|
}], indexLabel: [{
|
|
@@ -242,12 +242,12 @@ var EuiWizardComponent = class _EuiWizardComponent {
|
|
|
242
242
|
this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiWizardComponent, deps: [], target: i02.ɵɵFactoryTarget.Component });
|
|
243
243
|
}
|
|
244
244
|
static {
|
|
245
|
-
this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiWizardComponent, selector: "eui-wizard", inputs: { activeStepIndex: "activeStepIndex", steps: "steps", tabindex: "tabindex", e2eAttr: "e2eAttr", isCustomContent: "isCustomContent", isShowStepTitle: "isShowStepTitle", isNavigationAllowed: "isNavigationAllowed" }, outputs: { selectStep: "selectStep" }, queries: [{ propertyName: "childrenSteps", predicate: EuiWizardStepComponent }], viewQueries: [{ propertyName: "canBeFocused", predicate: ["canBeFocused"], descendants: true }], usesOnChanges: true, ngImport: i02, template: '<div class="eui-wizard" role="tablist" aria-orientation="horizontal" aria-label="" attr.data-e2e="{{ e2eAttr }}">\n <div\n #canBeFocused\n *ngFor="let step of steps; let idx = index; trackBy: trackByFn"\n class="eui-wizard-step"\n role="tab"\n [id]="step.id"\n attr.aria-label="{{ step?.label }} {{ step?.subLabel }}"\n [attr.aria-disabled]="step?.isDisabled"\n [attr.aria-controls]="stepContentId"\n [tabindex]="step?.isDisabled || !isNavigationAllowed ? -1 : tabindex"\n [class.eui-wizard-step--completed]="step?.isCompleted"\n [class.eui-wizard-step--notallowed]="!isNavigationAllowed"\n [class.eui-wizard-step--active]="step?.isActive"\n [class.eui-wizard-step--disabled]="step?.isDisabled || !isNavigationAllowed"\n [class.eui-wizard-step--error]="step?.isInvalid"\n [class.eui--danger]="step?.isInvalid"\n [class.eui-wizard-step--warning]="step?.isWarning"\n [class.eui--warning]="step?.isWarning"\n (click)="onSelectStep(step, idx + 1)"\n (keydown)="onKeyDown($event)">\n <div class="eui-wizard-step__indicator-wrapper" role="presentation"></div>\n\n <div class="eui-wizard-step__bullet-item">\n <span class="eui-wizard-step__bullet-item-icon">\n <ng-container *ngIf="!step?.indexIconSvgName; else customIconContent">\n <eui-icon-svg *ngIf="step?.isCompleted && !step?.isActive" icon="eui-check"></eui-icon-svg>\n <eui-icon-svg *ngIf="step?.isInvalid && !step?.isActive" icon="eui-exclamation"></eui-icon-svg>\n <eui-icon-svg *ngIf="step?.isActive" icon="eui-create"></eui-icon-svg>\n </ng-container>\n\n <ng-template #customIconContent>\n <span *ngIf="step?.indexIconSvgName && step?.indexIconSvgName !== undefined" role="presentation">\n <eui-icon-svg icon="{{ step?.indexIconSvgName }}" class="eui-wizard-step__icon"></eui-icon-svg>\n </span>\n </ng-template>\n </span>\n <span class="eui-wizard-step__bullet-item-text"\n *ngIf="!step?.indexIconSvgName && !step?.isActive && !step?.isCompleted && !step?.isInvalid"\n role="presentation">\n {{ step?.indexLabel !== undefined ? step?.indexLabel : idx + 1 }}\n </span>\n </div>\n <div class="eui-wizard-step__label-wrapper" role="presentation">\n <div class="eui-wizard-step__label-wrapper-label" role="presentation">\n {{ step?.label }}\n </div>\n <div class="eui-wizard-step__label-wrapper-sub-label" role="presentation">\n {{ step?.subLabel }}\n </div>\n </div>\n\n <div *ngIf="step?.isActive" class="eui-wizard-step__current-marker" role="presentation">\n <eui-icon-svg icon="eui-ecl-solid-arrow" class="eui-wizard-step__current-marker-icon" size="xl"></eui-icon-svg>\n </div>\n </div>\n</div>\n<div [id]="stepContentId" class="step-content" role="tabpanel" [attr.aria-labelledby]="stepIds">\n <ng-content></ng-content>\n</div>\n', styles: ['.eui-wizard{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin:var(--eui-s-xl) 0 -1px 0;padding-bottom:var(--eui-s-l)}.eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-s-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-c-neutral-lightest);content:"";margin-bottom:var(--eui-s-s);top:var(--eui-s-s);width:100%}.eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-c-white);border:2px solid var(--eui-c-neutral-light);border-radius:
|
|
245
|
+
this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiWizardComponent, selector: "eui-wizard", inputs: { activeStepIndex: "activeStepIndex", steps: "steps", tabindex: "tabindex", e2eAttr: "e2eAttr", isCustomContent: "isCustomContent", isShowStepTitle: "isShowStepTitle", isNavigationAllowed: "isNavigationAllowed" }, outputs: { selectStep: "selectStep" }, queries: [{ propertyName: "childrenSteps", predicate: EuiWizardStepComponent }], viewQueries: [{ propertyName: "canBeFocused", predicate: ["canBeFocused"], descendants: true }], usesOnChanges: true, ngImport: i02, template: '<div class="eui-wizard" role="tablist" aria-orientation="horizontal" aria-label="" attr.data-e2e="{{ e2eAttr }}">\n <div\n #canBeFocused\n *ngFor="let step of steps; let idx = index; trackBy: trackByFn"\n class="eui-wizard-step"\n role="tab"\n [id]="step.id"\n attr.aria-label="{{ step?.label }} {{ step?.subLabel }}"\n [attr.aria-disabled]="step?.isDisabled"\n [attr.aria-controls]="stepContentId"\n [tabindex]="step?.isDisabled || !isNavigationAllowed ? -1 : tabindex"\n [class.eui-wizard-step--completed]="step?.isCompleted"\n [class.eui-wizard-step--notallowed]="!isNavigationAllowed"\n [class.eui-wizard-step--active]="step?.isActive"\n [class.eui-wizard-step--disabled]="step?.isDisabled || !isNavigationAllowed"\n [class.eui-wizard-step--error]="step?.isInvalid"\n [class.eui--danger]="step?.isInvalid"\n [class.eui-wizard-step--warning]="step?.isWarning"\n [class.eui--warning]="step?.isWarning"\n (click)="onSelectStep(step, idx + 1)"\n (keydown)="onKeyDown($event)">\n <div class="eui-wizard-step__indicator-wrapper" role="presentation"></div>\n\n <div class="eui-wizard-step__bullet-item">\n <span class="eui-wizard-step__bullet-item-icon">\n <ng-container *ngIf="!step?.indexIconSvgName; else customIconContent">\n <eui-icon-svg *ngIf="step?.isCompleted && !step?.isActive" icon="eui-check"></eui-icon-svg>\n <eui-icon-svg *ngIf="step?.isInvalid && !step?.isActive" icon="eui-exclamation"></eui-icon-svg>\n <eui-icon-svg *ngIf="step?.isActive" icon="eui-create"></eui-icon-svg>\n </ng-container>\n\n <ng-template #customIconContent>\n <span *ngIf="step?.indexIconSvgName && step?.indexIconSvgName !== undefined" role="presentation">\n <eui-icon-svg icon="{{ step?.indexIconSvgName }}" class="eui-wizard-step__icon"></eui-icon-svg>\n </span>\n </ng-template>\n </span>\n <span class="eui-wizard-step__bullet-item-text"\n *ngIf="!step?.indexIconSvgName && !step?.isActive && !step?.isCompleted && !step?.isInvalid"\n role="presentation">\n {{ step?.indexLabel !== undefined ? step?.indexLabel : idx + 1 }}\n </span>\n </div>\n <div class="eui-wizard-step__label-wrapper" role="presentation">\n <div class="eui-wizard-step__label-wrapper-label" role="presentation">\n {{ step?.label }}\n </div>\n <div class="eui-wizard-step__label-wrapper-sub-label" role="presentation">\n {{ step?.subLabel }}\n </div>\n </div>\n\n <div *ngIf="step?.isActive" class="eui-wizard-step__current-marker" role="presentation">\n <eui-icon-svg icon="eui-ecl-solid-arrow" class="eui-wizard-step__current-marker-icon" size="xl"></eui-icon-svg>\n </div>\n </div>\n</div>\n<div [id]="stepContentId" class="step-content" role="tabpanel" [attr.aria-labelledby]="stepIds">\n <ng-content></ng-content>\n</div>\n', styles: ['.eui-wizard{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin:var(--eui-s-xl) 0 -1px 0;padding-bottom:var(--eui-s-l)}.eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-s-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-c-neutral-lightest);content:"";margin-bottom:var(--eui-s-s);top:var(--eui-s-s);width:100%}.eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-c-white);border:2px solid var(--eui-c-neutral-light);border-radius:var(--eui-br-max);height:var(--eui-s-3xl);margin:0 auto;margin-top:-2rem;padding-top:var(--eui-s-xs);width:var(--eui-s-3xl)}.eui-wizard-step__bullet-item-text{margin-top:-.5rem;font:var(--eui-f-l-bold)}.eui-wizard-step__label-wrapper{margin-top:var(--eui-s-m)}.eui-wizard-step__label-wrapper-label{font:var(--eui-f-m-bold)}.eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-s-2xs)}.eui-wizard-step--active .eui-wizard-step__bullet-item{border-color:var(--eui-c-primary);color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-c-primary-darl)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-info)}.eui-wizard-step--completed .eui-wizard-step__bullet-item{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-success)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-label{color:var(--eui-c-success-dark)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-success)}.eui-wizard-step--error .eui-wizard-step__bullet-item{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-danger)}.eui-wizard-step--error .eui-wizard-step__label-wrapper-label,.eui-wizard-step--error .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-danger)}.eui-wizard-step--warning .eui-wizard-step__bullet-item{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning)}.eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-warning-dark)}.eui-wizard-step--warning .eui-wizard-step__label-wrapper-label,.eui-wizard-step--warning .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-warning-dark)}.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-label,.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-sub-label,.eui-wizard-step--disabled .eui-wizard-step__bullet-item{border-color:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral)}.eui-wizard-step--disabled .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-neutral-lightest)}.eui-wizard-step--disabled:hover{cursor:not-allowed}.eui-wizard-step--notallowed .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed.eui-wizard-step--disabled .eui-wizard-step__bullet-item-icon{color:var(--eui-c-neutral-light)}.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--completed .eui-wizard-step__bullet-item-icon,.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--error .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed:hover{cursor:not-allowed}.eui-wizard-step:focus .eui-wizard-step__bullet-item{border:2px solid transparent;border-color:var(--eui-c-accent-dark);border-radius:var(--eui-br-max)}.eui-wizard-step:first-child .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-wizard-step:last-child .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}\n'], dependencies: [{ kind: "directive", type: i12.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i12.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], encapsulation: i02.ViewEncapsulation.None });
|
|
246
246
|
}
|
|
247
247
|
};
|
|
248
248
|
i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: EuiWizardComponent, decorators: [{
|
|
249
249
|
type: Component2,
|
|
250
|
-
args: [{ selector: "eui-wizard", encapsulation: ViewEncapsulation3.None, template: '<div class="eui-wizard" role="tablist" aria-orientation="horizontal" aria-label="" attr.data-e2e="{{ e2eAttr }}">\n <div\n #canBeFocused\n *ngFor="let step of steps; let idx = index; trackBy: trackByFn"\n class="eui-wizard-step"\n role="tab"\n [id]="step.id"\n attr.aria-label="{{ step?.label }} {{ step?.subLabel }}"\n [attr.aria-disabled]="step?.isDisabled"\n [attr.aria-controls]="stepContentId"\n [tabindex]="step?.isDisabled || !isNavigationAllowed ? -1 : tabindex"\n [class.eui-wizard-step--completed]="step?.isCompleted"\n [class.eui-wizard-step--notallowed]="!isNavigationAllowed"\n [class.eui-wizard-step--active]="step?.isActive"\n [class.eui-wizard-step--disabled]="step?.isDisabled || !isNavigationAllowed"\n [class.eui-wizard-step--error]="step?.isInvalid"\n [class.eui--danger]="step?.isInvalid"\n [class.eui-wizard-step--warning]="step?.isWarning"\n [class.eui--warning]="step?.isWarning"\n (click)="onSelectStep(step, idx + 1)"\n (keydown)="onKeyDown($event)">\n <div class="eui-wizard-step__indicator-wrapper" role="presentation"></div>\n\n <div class="eui-wizard-step__bullet-item">\n <span class="eui-wizard-step__bullet-item-icon">\n <ng-container *ngIf="!step?.indexIconSvgName; else customIconContent">\n <eui-icon-svg *ngIf="step?.isCompleted && !step?.isActive" icon="eui-check"></eui-icon-svg>\n <eui-icon-svg *ngIf="step?.isInvalid && !step?.isActive" icon="eui-exclamation"></eui-icon-svg>\n <eui-icon-svg *ngIf="step?.isActive" icon="eui-create"></eui-icon-svg>\n </ng-container>\n\n <ng-template #customIconContent>\n <span *ngIf="step?.indexIconSvgName && step?.indexIconSvgName !== undefined" role="presentation">\n <eui-icon-svg icon="{{ step?.indexIconSvgName }}" class="eui-wizard-step__icon"></eui-icon-svg>\n </span>\n </ng-template>\n </span>\n <span class="eui-wizard-step__bullet-item-text"\n *ngIf="!step?.indexIconSvgName && !step?.isActive && !step?.isCompleted && !step?.isInvalid"\n role="presentation">\n {{ step?.indexLabel !== undefined ? step?.indexLabel : idx + 1 }}\n </span>\n </div>\n <div class="eui-wizard-step__label-wrapper" role="presentation">\n <div class="eui-wizard-step__label-wrapper-label" role="presentation">\n {{ step?.label }}\n </div>\n <div class="eui-wizard-step__label-wrapper-sub-label" role="presentation">\n {{ step?.subLabel }}\n </div>\n </div>\n\n <div *ngIf="step?.isActive" class="eui-wizard-step__current-marker" role="presentation">\n <eui-icon-svg icon="eui-ecl-solid-arrow" class="eui-wizard-step__current-marker-icon" size="xl"></eui-icon-svg>\n </div>\n </div>\n</div>\n<div [id]="stepContentId" class="step-content" role="tabpanel" [attr.aria-labelledby]="stepIds">\n <ng-content></ng-content>\n</div>\n', styles: ['.eui-wizard{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin:var(--eui-s-xl) 0 -1px 0;padding-bottom:var(--eui-s-l)}.eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-s-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-c-neutral-lightest);content:"";margin-bottom:var(--eui-s-s);top:var(--eui-s-s);width:100%}.eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-c-white);border:2px solid var(--eui-c-neutral-light);border-radius:
|
|
250
|
+
args: [{ selector: "eui-wizard", encapsulation: ViewEncapsulation3.None, template: '<div class="eui-wizard" role="tablist" aria-orientation="horizontal" aria-label="" attr.data-e2e="{{ e2eAttr }}">\n <div\n #canBeFocused\n *ngFor="let step of steps; let idx = index; trackBy: trackByFn"\n class="eui-wizard-step"\n role="tab"\n [id]="step.id"\n attr.aria-label="{{ step?.label }} {{ step?.subLabel }}"\n [attr.aria-disabled]="step?.isDisabled"\n [attr.aria-controls]="stepContentId"\n [tabindex]="step?.isDisabled || !isNavigationAllowed ? -1 : tabindex"\n [class.eui-wizard-step--completed]="step?.isCompleted"\n [class.eui-wizard-step--notallowed]="!isNavigationAllowed"\n [class.eui-wizard-step--active]="step?.isActive"\n [class.eui-wizard-step--disabled]="step?.isDisabled || !isNavigationAllowed"\n [class.eui-wizard-step--error]="step?.isInvalid"\n [class.eui--danger]="step?.isInvalid"\n [class.eui-wizard-step--warning]="step?.isWarning"\n [class.eui--warning]="step?.isWarning"\n (click)="onSelectStep(step, idx + 1)"\n (keydown)="onKeyDown($event)">\n <div class="eui-wizard-step__indicator-wrapper" role="presentation"></div>\n\n <div class="eui-wizard-step__bullet-item">\n <span class="eui-wizard-step__bullet-item-icon">\n <ng-container *ngIf="!step?.indexIconSvgName; else customIconContent">\n <eui-icon-svg *ngIf="step?.isCompleted && !step?.isActive" icon="eui-check"></eui-icon-svg>\n <eui-icon-svg *ngIf="step?.isInvalid && !step?.isActive" icon="eui-exclamation"></eui-icon-svg>\n <eui-icon-svg *ngIf="step?.isActive" icon="eui-create"></eui-icon-svg>\n </ng-container>\n\n <ng-template #customIconContent>\n <span *ngIf="step?.indexIconSvgName && step?.indexIconSvgName !== undefined" role="presentation">\n <eui-icon-svg icon="{{ step?.indexIconSvgName }}" class="eui-wizard-step__icon"></eui-icon-svg>\n </span>\n </ng-template>\n </span>\n <span class="eui-wizard-step__bullet-item-text"\n *ngIf="!step?.indexIconSvgName && !step?.isActive && !step?.isCompleted && !step?.isInvalid"\n role="presentation">\n {{ step?.indexLabel !== undefined ? step?.indexLabel : idx + 1 }}\n </span>\n </div>\n <div class="eui-wizard-step__label-wrapper" role="presentation">\n <div class="eui-wizard-step__label-wrapper-label" role="presentation">\n {{ step?.label }}\n </div>\n <div class="eui-wizard-step__label-wrapper-sub-label" role="presentation">\n {{ step?.subLabel }}\n </div>\n </div>\n\n <div *ngIf="step?.isActive" class="eui-wizard-step__current-marker" role="presentation">\n <eui-icon-svg icon="eui-ecl-solid-arrow" class="eui-wizard-step__current-marker-icon" size="xl"></eui-icon-svg>\n </div>\n </div>\n</div>\n<div [id]="stepContentId" class="step-content" role="tabpanel" [attr.aria-labelledby]="stepIds">\n <ng-content></ng-content>\n</div>\n', styles: ['.eui-wizard{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin:var(--eui-s-xl) 0 -1px 0;padding-bottom:var(--eui-s-l)}.eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-s-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-c-neutral-lightest);content:"";margin-bottom:var(--eui-s-s);top:var(--eui-s-s);width:100%}.eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-c-white);border:2px solid var(--eui-c-neutral-light);border-radius:var(--eui-br-max);height:var(--eui-s-3xl);margin:0 auto;margin-top:-2rem;padding-top:var(--eui-s-xs);width:var(--eui-s-3xl)}.eui-wizard-step__bullet-item-text{margin-top:-.5rem;font:var(--eui-f-l-bold)}.eui-wizard-step__label-wrapper{margin-top:var(--eui-s-m)}.eui-wizard-step__label-wrapper-label{font:var(--eui-f-m-bold)}.eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-s-2xs)}.eui-wizard-step--active .eui-wizard-step__bullet-item{border-color:var(--eui-c-primary);color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-c-primary-darl)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-info)}.eui-wizard-step--completed .eui-wizard-step__bullet-item{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-success)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-label{color:var(--eui-c-success-dark)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-success)}.eui-wizard-step--error .eui-wizard-step__bullet-item{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-danger)}.eui-wizard-step--error .eui-wizard-step__label-wrapper-label,.eui-wizard-step--error .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-danger)}.eui-wizard-step--warning .eui-wizard-step__bullet-item{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning)}.eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-warning-dark)}.eui-wizard-step--warning .eui-wizard-step__label-wrapper-label,.eui-wizard-step--warning .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-warning-dark)}.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-label,.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-sub-label,.eui-wizard-step--disabled .eui-wizard-step__bullet-item{border-color:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral)}.eui-wizard-step--disabled .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-neutral-lightest)}.eui-wizard-step--disabled:hover{cursor:not-allowed}.eui-wizard-step--notallowed .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed.eui-wizard-step--disabled .eui-wizard-step__bullet-item-icon{color:var(--eui-c-neutral-light)}.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--completed .eui-wizard-step__bullet-item-icon,.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--error .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed:hover{cursor:not-allowed}.eui-wizard-step:focus .eui-wizard-step__bullet-item{border:2px solid transparent;border-color:var(--eui-c-accent-dark);border-radius:var(--eui-br-max)}.eui-wizard-step:first-child .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-wizard-step:last-child .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}\n'] }]
|
|
251
251
|
}], propDecorators: { activeStepIndex: [{
|
|
252
252
|
type: Input2
|
|
253
253
|
}], steps: [{
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../eui-wizard/eui-wizard-step.component.ts", "../../eui-wizard/eui-wizard-step.component.html", "../../eui-wizard/eui-wizard.component.ts", "../../eui-wizard/eui-wizard.component.html", "../../eui-wizard/models/eui-wizard-step.ts", "../../eui-wizard/services/eui-wizard.service.ts", "../../eui-wizard/eui-wizard.module.ts"],
|
|
4
4
|
"sourcesContent": ["import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { EuiWizardStep } from './models/eui-wizard-step';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'eui-wizard-step',\n templateUrl: './eui-wizard-step.component.html',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiWizardStepComponent implements EuiWizardStep {\n @Input() id: string;\n @Input() indexLabel: string;\n @Input() indexIconSvgName: string;\n @Input() label: string;\n @Input() subLabel: string;\n @Input() index: number;\n @Input() url: string;\n\n @Input()\n get isCompleted(): boolean {\n return this._isCompleted;\n }\n set isCompleted(value: BooleanInput) {\n this._isCompleted = coerceBooleanProperty(value);\n }\n private _isCompleted = false;\n @Input()\n get isActive(): boolean {\n return this._isActive;\n }\n set isActive(value: BooleanInput) {\n this._isActive = coerceBooleanProperty(value);\n }\n private _isActive = false;\n @Input()\n get isShowStepTitle(): boolean {\n return this._isShowStepTitle;\n }\n set isShowStepTitle(value: BooleanInput) {\n this._isShowStepTitle = coerceBooleanProperty(value);\n }\n private _isShowStepTitle = false;\n @Input()\n get isInvalid(): boolean {\n return this._isInvalid;\n }\n set isInvalid(value: BooleanInput) {\n this._isInvalid = coerceBooleanProperty(value);\n }\n private _isInvalid = false;\n @Input()\n get isWarning(): boolean {\n return this._isWarning;\n }\n set isWarning(value: BooleanInput) {\n this._isWarning = coerceBooleanProperty(value);\n }\n private _isWarning = false;\n @Input()\n get isDisabled(): boolean {\n return this._isDisabled;\n }\n set isDisabled(value: BooleanInput) {\n this._isDisabled = coerceBooleanProperty(value);\n }\n private _isDisabled = false;\n\n /**\n * TODO: from which one is this method being used from?\n */\n toJSON(): object {\n return {\n id: this.id,\n indexLabel: this.indexLabel,\n indexIconSvgName: this.indexIconSvgName,\n label: this.label,\n subLabel: this.subLabel,\n isCompleted: this.isCompleted,\n isActive: this.isActive,\n isShowStepTitle: this.isShowStepTitle,\n isInvalid: this.isInvalid,\n isWarning: this.isWarning,\n isDisabled: this.isDisabled,\n index: this.index,\n url: this.url,\n };\n }\n}\n", "<ng-container *ngIf=\"isActive\">\n <ng-content></ng-content>\n</ng-container>\n", "import {\n AfterContentInit,\n Component,\n ContentChildren,\n ElementRef,\n EventEmitter,\n Input,\n OnChanges,\n Output,\n QueryList,\n SimpleChanges,\n ViewChildren,\n ViewEncapsulation,\n} from '@angular/core';\nimport { EuiWizardStepComponent } from './eui-wizard-step.component';\nimport { EuiWizardStep } from './models/eui-wizard-step';\nimport { uniqueId, consumeEvent } from '@eui/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'eui-wizard',\n templateUrl: './eui-wizard.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiWizardComponent implements AfterContentInit, OnChanges {\n @Input() activeStepIndex: number;\n @Input() steps: Array<EuiWizardStep> = [];\n @Input() tabindex = 0;\n @Input() e2eAttr = 'eui-wizard';\n @Output() selectStep: EventEmitter<EuiWizardStep> = new EventEmitter();\n\n @ContentChildren(EuiWizardStepComponent) childrenSteps: QueryList<EuiWizardStepComponent>;\n @ViewChildren('canBeFocused') canBeFocused: QueryList<ElementRef>;\n\n stepContentId: string = uniqueId();\n stepIds: string; // space-separated list of all step IDs\n\n @Input()\n get isCustomContent(): boolean {\n return this._isCustomContent;\n }\n set isCustomContent(value: BooleanInput) {\n this._isCustomContent = coerceBooleanProperty(value);\n }\n private _isCustomContent = false;\n @Input()\n get isShowStepTitle(): boolean {\n return this._isShowStepTitle;\n }\n set isShowStepTitle(value: BooleanInput) {\n this._isShowStepTitle = coerceBooleanProperty(value);\n }\n private _isShowStepTitle = false;\n @Input()\n get isNavigationAllowed(): boolean {\n return this._isNavigationAllowed;\n }\n set isNavigationAllowed(value: BooleanInput) {\n this._isNavigationAllowed = coerceBooleanProperty(value);\n }\n private _isNavigationAllowed = true;\n\n ngAfterContentInit(): void {\n const stepIdsBuffer: string[] = [];\n this.childrenSteps.forEach((step) => {\n this.steps.push(step);\n if (!step.id) {\n step.id = uniqueId();\n }\n stepIdsBuffer.push(step.id);\n });\n this.stepIds = stepIdsBuffer.join(' ');\n\n const activeSteps = this.steps.filter((step) => step.isActive);\n\n if (activeSteps.length === 0 && !this.activeStepIndex) {\n this._selectStep(this.steps[0], 1);\n } else if (this.activeStepIndex) {\n this._selectStep(this._getStep(this.activeStepIndex - 1), this.activeStepIndex);\n }\n\n this.steps.forEach((step) => (step.isShowStepTitle = this.isShowStepTitle));\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['steps'] || changes['activeStepIndex']) {\n if (this.activeStepIndex && this.steps) {\n this._selectStep(this._getStep(this.activeStepIndex - 1), this.activeStepIndex);\n\n const stepIdsBuffer = [];\n this.steps.forEach((step) => {\n if (!step.id) {\n step.id = uniqueId();\n }\n stepIdsBuffer.push(step.id);\n });\n this.stepIds = stepIdsBuffer.join(' ');\n }\n }\n }\n\n onSelectStep(step: EuiWizardStep, index: number): void {\n if (!step.isDisabled && this.isNavigationAllowed) {\n this._selectStep(step, index);\n }\n }\n\n onKeyDown(event: KeyboardEvent): void {\n if (this.isNavigationAllowed) {\n // eslint-disable-next-line\n switch (event.keyCode) {\n case 37: // ARROW LEFT\n consumeEvent(event);\n this.selectPreviousStep();\n break;\n case 39: // ARROW RIGHT\n consumeEvent(event);\n this.selectNextStep();\n break;\n }\n }\n }\n\n public trackByFn(index: number, item: EuiWizardStep): string {\n return item.id;\n }\n\n protected selectPreviousStep(): void {\n if (this.isNavigationAllowed && this.steps) {\n // get the index of active step\n const activeStepIndex = this.steps.findIndex((step) => step.isActive);\n\n let previousIndex = activeStepIndex < 0 ? 0 : activeStepIndex;\n do {\n previousIndex--;\n if (previousIndex < 0) {\n previousIndex = this.steps.length - 1;\n }\n } while (this.steps[previousIndex].isDisabled);\n\n this._selectStep(this.steps[previousIndex], previousIndex + 1);\n this.canBeFocused.toArray()[previousIndex].nativeElement.focus();\n }\n }\n\n protected selectNextStep(): void {\n if (this.isNavigationAllowed && this.steps) {\n // get the index of active step\n let activeStepIndex = this.steps.findIndex((step) => step.isActive);\n // in case no step is active point to the first step\n activeStepIndex = activeStepIndex < 0 ? 0 : activeStepIndex;\n\n do {\n if (++activeStepIndex >= this.steps.length) {\n activeStepIndex = 0;\n }\n } while (this.steps[activeStepIndex].isDisabled);\n\n this._selectStep(this.steps[activeStepIndex], activeStepIndex + 1);\n this.canBeFocused.toArray()[activeStepIndex].nativeElement.focus();\n }\n }\n\n private _selectStep(step: EuiWizardStep, index: number): void {\n if (step) {\n this.steps.forEach((currentStep) => (currentStep.isActive = false));\n step.isActive = true;\n step.index = index;\n this.selectStep.emit(step);\n }\n }\n\n private _getStep(index: number): EuiWizardStep {\n if (index >= 0 && index <= this.steps.length) {\n return this.steps[index];\n }\n return null;\n }\n}\n", "<div class=\"eui-wizard\" role=\"tablist\" aria-orientation=\"horizontal\" aria-label=\"\" attr.data-e2e=\"{{ e2eAttr }}\">\n <div\n #canBeFocused\n *ngFor=\"let step of steps; let idx = index; trackBy: trackByFn\"\n class=\"eui-wizard-step\"\n role=\"tab\"\n [id]=\"step.id\"\n attr.aria-label=\"{{ step?.label }} {{ step?.subLabel }}\"\n [attr.aria-disabled]=\"step?.isDisabled\"\n [attr.aria-controls]=\"stepContentId\"\n [tabindex]=\"step?.isDisabled || !isNavigationAllowed ? -1 : tabindex\"\n [class.eui-wizard-step--completed]=\"step?.isCompleted\"\n [class.eui-wizard-step--notallowed]=\"!isNavigationAllowed\"\n [class.eui-wizard-step--active]=\"step?.isActive\"\n [class.eui-wizard-step--disabled]=\"step?.isDisabled || !isNavigationAllowed\"\n [class.eui-wizard-step--error]=\"step?.isInvalid\"\n [class.eui--danger]=\"step?.isInvalid\"\n [class.eui-wizard-step--warning]=\"step?.isWarning\"\n [class.eui--warning]=\"step?.isWarning\"\n (click)=\"onSelectStep(step, idx + 1)\"\n (keydown)=\"onKeyDown($event)\">\n <div class=\"eui-wizard-step__indicator-wrapper\" role=\"presentation\"></div>\n\n <div class=\"eui-wizard-step__bullet-item\">\n <span class=\"eui-wizard-step__bullet-item-icon\">\n <ng-container *ngIf=\"!step?.indexIconSvgName; else customIconContent\">\n <eui-icon-svg *ngIf=\"step?.isCompleted && !step?.isActive\" icon=\"eui-check\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"step?.isInvalid && !step?.isActive\" icon=\"eui-exclamation\"></eui-icon-svg>\n <eui-icon-svg *ngIf=\"step?.isActive\" icon=\"eui-create\"></eui-icon-svg>\n </ng-container>\n\n <ng-template #customIconContent>\n <span *ngIf=\"step?.indexIconSvgName && step?.indexIconSvgName !== undefined\" role=\"presentation\">\n <eui-icon-svg icon=\"{{ step?.indexIconSvgName }}\" class=\"eui-wizard-step__icon\"></eui-icon-svg>\n </span>\n </ng-template>\n </span>\n <span class=\"eui-wizard-step__bullet-item-text\"\n *ngIf=\"!step?.indexIconSvgName && !step?.isActive && !step?.isCompleted && !step?.isInvalid\"\n role=\"presentation\">\n {{ step?.indexLabel !== undefined ? step?.indexLabel : idx + 1 }}\n </span>\n </div>\n <div class=\"eui-wizard-step__label-wrapper\" role=\"presentation\">\n <div class=\"eui-wizard-step__label-wrapper-label\" role=\"presentation\">\n {{ step?.label }}\n </div>\n <div class=\"eui-wizard-step__label-wrapper-sub-label\" role=\"presentation\">\n {{ step?.subLabel }}\n </div>\n </div>\n\n <div *ngIf=\"step?.isActive\" class=\"eui-wizard-step__current-marker\" role=\"presentation\">\n <eui-icon-svg icon=\"eui-ecl-solid-arrow\" class=\"eui-wizard-step__current-marker-icon\" size=\"xl\"></eui-icon-svg>\n </div>\n </div>\n</div>\n<div [id]=\"stepContentId\" class=\"step-content\" role=\"tabpanel\" [attr.aria-labelledby]=\"stepIds\">\n <ng-content></ng-content>\n</div>\n", "export interface IEuiWizardStep {\n id: string;\n indexLabel: string;\n indexIconSvgName: string;\n label: string;\n subLabel: string;\n isCompleted: boolean;\n isActive: boolean;\n isShowStepTitle: boolean;\n isInvalid: boolean;\n isWarning: boolean;\n isDisabled: boolean;\n index: number;\n url: string;\n}\n\nexport class EuiWizardStep implements IEuiWizardStep {\n id: string;\n indexLabel: string;\n indexIconSvgName: string;\n label: string;\n subLabel: string;\n isCompleted = false;\n isActive = false;\n isShowStepTitle = false;\n isInvalid = false;\n isWarning = false;\n isDisabled = false;\n index: number;\n url: string;\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n constructor(values: any = {}) {\n Object.assign(this, values);\n }\n\n toString(): string {\n return JSON.stringify(this.toJSON());\n }\n\n toJSON(): object {\n return {\n id: this.id,\n indexLabel: this.indexLabel,\n indexIconSvgName: this.indexIconSvgName,\n label: this.label,\n subLabel: this.subLabel,\n isCompleted: this.isCompleted,\n isActive: this.isActive,\n isShowStepTitle: this.isShowStepTitle,\n isInvalid: this.isInvalid,\n isWarning: this.isWarning,\n isDisabled: this.isDisabled,\n index: this.index,\n url: this.url,\n };\n }\n}\n", "import { Injectable } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { EuiWizardStep } from '../models/eui-wizard-step';\n\n@Injectable()\nexport class EuiWizardService {\n activeStepIndex = 1;\n steps: EuiWizardStep[] = [];\n route: ActivatedRoute;\n\n constructor(private router: Router) {}\n\n init(steps: EuiWizardStep[], route: ActivatedRoute): void {\n this.steps = steps;\n this.route = route;\n const currentRoute = this.router.url;\n const currentStepUrl = currentRoute.substr(currentRoute.lastIndexOf('/') + 1);\n this.steps.forEach((step, index) => {\n if (step.url === currentStepUrl) {\n this.activeStepIndex = index + 1;\n }\n });\n }\n\n navigationIncrement(increment: number): void {\n const newIndex: number = this.activeStepIndex + increment;\n if (newIndex >= 1 && newIndex <= this.steps.length) {\n this.activeStepIndex = newIndex;\n }\n }\n\n selectStep(step: EuiWizardStep): void {\n this.activeStepIndex = step.index;\n if (step.url) {\n this._navigateToStep(step.url);\n }\n }\n\n private _navigateToStep(url: string): void {\n this.router.navigate([url], { relativeTo: this.route });\n }\n}\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\nimport { EuiWizardStepComponent } from './eui-wizard-step.component';\nimport { EuiWizardService } from './services/eui-wizard.service';\nimport { EuiWizardComponent } from './eui-wizard.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@NgModule({\n imports: [CommonModule, RouterModule, EuiIconModule],\n exports: [EuiWizardStepComponent, EuiWizardComponent],\n declarations: [EuiWizardStepComponent, EuiWizardComponent],\n providers: [EuiWizardService],\n})\nexport class EuiWizardModule {}\n"],
|
|
5
|
-
"mappings": ";AAAA,SAAS,yBAAyB,WAAW,OAAO,yBAAyB;AAE7E,SAAS,6BAA2C;;;AAS9C,IAAO,yBAAP,MAAO,wBAAsB;EAPnC,cAAA;AAuBY,SAAA,eAAe;AAQf,SAAA,YAAY;AAQZ,SAAA,mBAAmB;AAQnB,SAAA,aAAa;AAQb,SAAA,aAAa;AAQb,SAAA,cAAc;;EA/CtB,IACI,cAAW;AACX,WAAO,KAAK;EAChB;EACA,IAAI,YAAY,OAAmB;AAC/B,SAAK,eAAe,sBAAsB,KAAK;EACnD;EAEA,IACI,WAAQ;AACR,WAAO,KAAK;EAChB;EACA,IAAI,SAAS,OAAmB;AAC5B,SAAK,YAAY,sBAAsB,KAAK;EAChD;EAEA,IACI,kBAAe;AACf,WAAO,KAAK;EAChB;EACA,IAAI,gBAAgB,OAAmB;AACnC,SAAK,mBAAmB,sBAAsB,KAAK;EACvD;EAEA,IACI,YAAS;AACT,WAAO,KAAK;EAChB;EACA,IAAI,UAAU,OAAmB;AAC7B,SAAK,aAAa,sBAAsB,KAAK;EACjD;EAEA,IACI,YAAS;AACT,WAAO,KAAK;EAChB;EACA,IAAI,UAAU,OAAmB;AAC7B,SAAK,aAAa,sBAAsB,KAAK;EACjD;EAEA,IACI,aAAU;AACV,WAAO,KAAK;EAChB;EACA,IAAI,WAAW,OAAmB;AAC9B,SAAK,cAAc,sBAAsB,KAAK;EAClD;;;;EAMA,SAAM;AACF,WAAO;MACH,IAAI,KAAK;MACT,YAAY,KAAK;MACjB,kBAAkB,KAAK;MACvB,OAAO,KAAK;MACZ,UAAU,KAAK;MACf,aAAa,KAAK;MAClB,UAAU,KAAK;MACf,iBAAiB,KAAK;MACtB,WAAW,KAAK;MAChB,WAAW,KAAK;MAChB,YAAY,KAAK;MACjB,OAAO,KAAK;MACZ,KAAK,KAAK;;EAElB;;4GA7ES,yBAAsB,MAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAtB,yBAAsB,UAAA,mBAAA,QAAA,EAAA,IAAA,MAAA,YAAA,cAAA,kBAAA,oBAAA,OAAA,SAAA,UAAA,YAAA,OAAA,SAAA,KAAA,OAAA,aAAA,eAAA,UAAA,YAAA,iBAAA,mBAAA,WAAA,aAAA,WAAA,aAAA,YAAA,aAAA,GAAA,UAAA,IAAA,UCXnC,qFAGA,QAAA,CAAA,
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["Component", "Input", "ViewEncapsulation", "coerceBooleanProperty", "i0"]
|
|
7
7
|
}
|
|
@@ -206,7 +206,7 @@ var ChartComponent = class _ChartComponent {
|
|
|
206
206
|
</li>
|
|
207
207
|
</ul>
|
|
208
208
|
</div>
|
|
209
|
-
`, styles: [".eui-apex-chart-wrapper{display:block!important;margin:1rem auto;min-height:10px!important;position:relative;width:100%}.eui-apex-chart-wrapper .apexcharts-canvas{margin:0 auto}.apexcharts-legend-series{font:
|
|
209
|
+
`, styles: [".eui-apex-chart-wrapper{display:block!important;margin:1rem auto;min-height:10px!important;position:relative;width:100%}.eui-apex-chart-wrapper .apexcharts-canvas{margin:0 auto}.apexcharts-legend-series{font:var(--eui-f-m)}.apexcharts-gridline{pointer-events:none;stroke:#efefef}.apexcharts-legend-text{font-size:13px!important}.apexcharts-pie-label{fill:#fff!important}.apexcharts-yaxis text,.apexcharts-xaxis text{fill:#fff}.apexcharts-point-annotations text,.apexcharts-xaxis-annotations text,.apexcharts-yaxis-annotations text{fill:#fff}.apexcharts-radar-series polygon{fill:transparent}.apexcharts-pie-label,.apexcharts-datalabel,.apexcharts-datalabel-label,.apexcharts-datalabel-value{fill:#fff!important}.chart-legend__container{margin-bottom:var(--eui-s-l)}.chart-legend__container .chart-legend{display:block;margin:0;padding:0}.chart-legend{background-color:var(--eui-c-neutral-lightest);font-size:var(--eui-f-s);margin:var(--eui-s-l) 2% 0 2%;padding:var(--eui-s-xs)}.chart-legend .chart-legend-item{align-items:center;border-bottom:1px solid var(--eui-c-neutral-lighter);display:flex;padding:var(--eui-s-s)}.chart-legend .chart-legend-item:last-child{border-bottom:none}.chart-legend .chart-legend-item .chart-legend-item-marker{flex:none;margin-right:var(--eui-s-xs)}.chart-legend .chart-legend-item .chart-legend-item-counter{flex:none;margin-left:auto;padding-left:var(--eui-s-xs)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
210
210
|
}
|
|
211
211
|
};
|
|
212
212
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: ChartComponent, decorators: [{
|
|
@@ -224,7 +224,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5",
|
|
|
224
224
|
</li>
|
|
225
225
|
</ul>
|
|
226
226
|
</div>
|
|
227
|
-
`, styles: [".eui-apex-chart-wrapper{display:block!important;margin:1rem auto;min-height:10px!important;position:relative;width:100%}.eui-apex-chart-wrapper .apexcharts-canvas{margin:0 auto}.apexcharts-legend-series{font:
|
|
227
|
+
`, styles: [".eui-apex-chart-wrapper{display:block!important;margin:1rem auto;min-height:10px!important;position:relative;width:100%}.eui-apex-chart-wrapper .apexcharts-canvas{margin:0 auto}.apexcharts-legend-series{font:var(--eui-f-m)}.apexcharts-gridline{pointer-events:none;stroke:#efefef}.apexcharts-legend-text{font-size:13px!important}.apexcharts-pie-label{fill:#fff!important}.apexcharts-yaxis text,.apexcharts-xaxis text{fill:#fff}.apexcharts-point-annotations text,.apexcharts-xaxis-annotations text,.apexcharts-yaxis-annotations text{fill:#fff}.apexcharts-radar-series polygon{fill:transparent}.apexcharts-pie-label,.apexcharts-datalabel,.apexcharts-datalabel-label,.apexcharts-datalabel-value{fill:#fff!important}.chart-legend__container{margin-bottom:var(--eui-s-l)}.chart-legend__container .chart-legend{display:block;margin:0;padding:0}.chart-legend{background-color:var(--eui-c-neutral-lightest);font-size:var(--eui-f-s);margin:var(--eui-s-l) 2% 0 2%;padding:var(--eui-s-xs)}.chart-legend .chart-legend-item{align-items:center;border-bottom:1px solid var(--eui-c-neutral-lighter);display:flex;padding:var(--eui-s-s)}.chart-legend .chart-legend-item:last-child{border-bottom:none}.chart-legend .chart-legend-item .chart-legend-item-marker{flex:none;margin-right:var(--eui-s-xs)}.chart-legend .chart-legend-item .chart-legend-item-counter{flex:none;margin-left:auto;padding-left:var(--eui-s-xs)}\n"] }]
|
|
228
228
|
}], propDecorators: { chart: [{
|
|
229
229
|
type: Input
|
|
230
230
|
}], annotations: [{
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../externals/charts/chart/chart.component.ts", "../../externals/charts/chart/chart.component.html", "../../externals/charts/eui-charts.module.ts"],
|
|
4
4
|
"sourcesContent": ["import { Component, Input, OnChanges, OnDestroy, SimpleChanges, ViewChild, ElementRef, AfterViewInit } from '@angular/core';\nimport {\n ApexAnnotations,\n ApexAxisChartSeries,\n ApexChart,\n ApexDataLabels,\n ApexFill,\n ApexGrid,\n ApexLegend,\n ApexNonAxisChartSeries,\n ApexMarkers,\n ApexNoData,\n ApexPlotOptions,\n ApexResponsive,\n ApexStates,\n ApexStroke,\n ApexTheme,\n ApexTitleSubtitle,\n ApexTooltip,\n ApexXAxis,\n ApexYAxis,\n ApexForecastDataPoints,\n} from '../model/apex-types';\nimport { asapScheduler } from 'rxjs';\n\nimport ApexCharts from 'apexcharts';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'eui-apex-chart',\n templateUrl: './chart.component.html',\n styleUrls: ['./chart.component.scss'],\n})\nexport class ChartComponent implements AfterViewInit, OnChanges, OnDestroy {\n @Input() chart: ApexChart;\n @Input() annotations: ApexAnnotations;\n @Input() colors: any[];\n @Input() dataLabels: ApexDataLabels;\n @Input() series: ApexAxisChartSeries | ApexNonAxisChartSeries;\n @Input() stroke: ApexStroke;\n @Input() labels: string[];\n @Input() legend: ApexLegend;\n @Input() markers: ApexMarkers;\n @Input() noData: ApexNoData;\n @Input() fill: ApexFill;\n @Input() tooltip: ApexTooltip;\n @Input() plotOptions: ApexPlotOptions;\n @Input() responsive: ApexResponsive[];\n @Input() xaxis: ApexXAxis;\n @Input() yaxis: ApexYAxis | ApexYAxis[];\n @Input() grid: ApexGrid;\n @Input() states: ApexStates;\n @Input() title: ApexTitleSubtitle;\n @Input() subtitle: ApexTitleSubtitle;\n @Input() theme: ApexTheme;\n @Input() forecastDataPoints: ApexForecastDataPoints;\n\n @Input()\n get autoUpdateSeries(): boolean { return this._autoUpdateSeries; }\n set autoUpdateSeries(value: BooleanInput) { this._autoUpdateSeries = coerceBooleanProperty(value); }\n private _autoUpdateSeries = true;\n @Input()\n get hasTableLegend(): boolean { return this._hasTableLegend; }\n set hasTableLegend(value: BooleanInput) { this._hasTableLegend = coerceBooleanProperty(value); }\n private _hasTableLegend: boolean = false;\n\n private isInitialized = false;\n private initScheduleDelay = 100;\n\n @ViewChild('chart') private chartElement: ElementRef;\n private chartObj: any;\n\n ngAfterViewInit(): void {\n asapScheduler.schedule(() => {\n this.createElement();\n this.isInitialized = true;\n }, this.initScheduleDelay);\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (this.isInitialized) {\n asapScheduler.schedule(() => {\n if (this.autoUpdateSeries && Object.keys(changes).filter((c) => c !== 'series').length === 0) {\n this.updateSeries(this.series, true);\n return;\n }\n this.createElement();\n });\n }\n }\n\n ngOnDestroy() {\n if (this.chartObj) {\n this.chartObj.destroy();\n }\n }\n\n get chartType(): string {\n return this.chart.type;\n }\n\n get getHasTableLegend(): boolean {\n return this.hasTableLegend;\n }\n\n get getSeries(): Array<any> {\n return this.series as Array<any>;\n }\n\n public render(): Promise<void> {\n return this.chartObj.render();\n }\n\n public updateOptions(options: any, redrawPaths?: boolean, animate?: boolean, updateSyncedCharts?: boolean): Promise<void> {\n return this.chartObj.updateOptions(options, redrawPaths, animate, updateSyncedCharts);\n }\n\n public updateSeries(newSeries: ApexAxisChartSeries | ApexNonAxisChartSeries, animate?: boolean) {\n this.chartObj.updateSeries(newSeries, animate);\n }\n\n public appendSeries(newSeries: ApexAxisChartSeries | ApexNonAxisChartSeries, animate?: boolean) {\n this.chartObj.appendSeries(newSeries, animate);\n }\n\n public appendData(newData: any[]) {\n this.chartObj.appendData(newData);\n }\n\n public toggleSeries(seriesName: string): any {\n return this.chartObj.toggleSeries(seriesName);\n }\n\n public showSeries(seriesName: string) {\n this.chartObj.showSeries(seriesName);\n }\n\n public hideSeries(seriesName: string) {\n this.chartObj.hideSeries(seriesName);\n }\n\n public resetSeries() {\n this.chartObj.resetSeries();\n }\n\n public zoomX(min: number, max: number) {\n this.chartObj.zoomX(min, max);\n }\n\n public toggleDataPointSelection(seriesIndex: number, dataPointIndex?: number) {\n this.chartObj.toggleDataPointSelection(seriesIndex, dataPointIndex);\n }\n\n public destroy() {\n this.chartObj.destroy();\n }\n\n public setLocale(localeName?: string) {\n this.chartObj.setLocale(localeName);\n }\n\n public paper() {\n this.chartObj.paper();\n }\n\n public addXaxisAnnotation(options: any, pushToMemory?: boolean, context?: any) {\n this.chartObj.addXaxisAnnotation(options, pushToMemory, context);\n }\n\n public addYaxisAnnotation(options: any, pushToMemory?: boolean, context?: any) {\n this.chartObj.addYaxisAnnotation(options, pushToMemory, context);\n }\n\n public addPointAnnotation(options: any, pushToMemory?: boolean, context?: any) {\n this.chartObj.addPointAnnotation(options, pushToMemory, context);\n }\n\n public removeAnnotation(id: string, options?: any) {\n this.chartObj.removeAnnotation(id, options);\n }\n\n public clearAnnotations(options?: any) {\n this.chartObj.clearAnnotations(options);\n }\n\n public dataURI(): Promise<void> {\n return this.chartObj.dataURI();\n }\n\n private createElement() {\n const options: any = {};\n\n if (this.annotations) {\n options.annotations = this.annotations;\n }\n if (this.chart) {\n options.chart = this.chart;\n }\n if (this.colors) {\n options.colors = this.colors;\n }\n if (this.dataLabels) {\n options.dataLabels = this.dataLabels;\n }\n if (this.series) {\n options.series = this.series;\n }\n if (this.stroke) {\n options.stroke = this.stroke;\n }\n if (this.labels) {\n options.labels = this.labels;\n }\n if (this.legend) {\n options.legend = this.legend;\n }\n if (this.fill) {\n options.fill = this.fill;\n }\n if (this.tooltip) {\n options.tooltip = this.tooltip;\n }\n if (this.plotOptions) {\n options.plotOptions = this.plotOptions;\n }\n if (this.responsive) {\n options.responsive = this.responsive;\n }\n if (this.markers) {\n options.markers = this.markers;\n }\n if (this.noData) {\n options.noData = this.noData;\n }\n if (this.xaxis) {\n options.xaxis = this.xaxis;\n }\n if (this.yaxis) {\n options.yaxis = this.yaxis;\n }\n if (this.grid) {\n options.grid = this.grid;\n }\n if (this.states) {\n options.states = this.states;\n }\n if (this.title) {\n options.title = this.title;\n }\n if (this.subtitle) {\n options.subtitle = this.subtitle;\n }\n if (this.theme) {\n options.theme = this.theme;\n }\n if (this.forecastDataPoints) {\n options.forecastDataPoints = this.forecastDataPoints;\n }\n\n if (this.chartObj) {\n this.chartObj.destroy();\n }\n this.chartObj = new ApexCharts(this.chartElement.nativeElement, options);\n\n this.render();\n }\n}\n", "<div class=\"eui-apex-chart-wrapper\">\n <div #chart></div>\n</div>\n\n<div *ngIf=\"chartType === 'pie' && getHasTableLegend\" class=\"chart-legend__container text-center\">\n <ul class=\"chart-legend\">\n <li class=\"chart-legend-item\" *ngFor=\"let item of getSeries; let i = index\">\n <span class=\"chart-legend-item-marker ux-icon ux-icon-fw ux-icon-circle\" [style.color]=\"colors[i]\"></span>\n <span class=\"chart-legend-item-label\">{{ labels[i] }}</span>\n <span class=\"chart-legend-item-counter\" *ngIf=\"chartType === 'pie'\">{{ item }}</span>\n </li>\n </ul>\n</div>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ChartComponent } from './chart/chart.component';\nimport ApexCharts from 'apexcharts';\n\ndeclare global {\n interface Window {\n ApexCharts: any;\n }\n}\n\nwindow.ApexCharts = ApexCharts;\n\nconst COMPONENTS = [ChartComponent];\n\n@NgModule({\n imports: [CommonModule],\n declarations: [...COMPONENTS],\n exports: [...COMPONENTS],\n})\nexport class EuiChartsModule {}\n"],
|
|
5
|
-
"mappings": "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
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["ApexCharts"]
|
|
7
7
|
}
|