@eui/mobile-core 17.0.0-next.2 → 17.0.0-next.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/docs/components/EuimAlertMessageComponent.html +1 -1
  2. package/docs/components/EuimChipSelectorComponent.html +177 -1
  3. package/docs/components/EuimEmptyListPlaceholderComponent.html +1 -1
  4. package/docs/components/EuimLanguageListComponent.html +1 -1
  5. package/docs/components/EuimMediaHeaderComponent.html +1 -1
  6. package/docs/components/EuimMenuComponent.html +1 -1
  7. package/docs/components/EuimMultiselectComponent.html +1 -1
  8. package/docs/components/EuimMultiselectToolbarComponent.html +1 -1
  9. package/docs/components/EuimPdfWrapperComponent.html +1 -1
  10. package/docs/components/EuimSkeletonListComponent.html +1 -1
  11. package/docs/components/EuimSkeletonListItemComponent.html +1 -1
  12. package/docs/components/EuimSliderComponent.html +1 -1
  13. package/docs/components/EuimSliderInfoScreenComponent.html +1 -1
  14. package/docs/dependencies.html +6 -2
  15. package/docs/directives/EuimChipSelectorItemDirective.html +23 -0
  16. package/docs/js/search/search_index.js +2 -2
  17. package/esm2022/lib/components/euim-alert-message/euim-alert-messsage.component.mjs +5 -6
  18. package/esm2022/lib/components/euim-chip-selector/euim-chip-selector-item/euim-chip-selector-item.directive.mjs +2 -1
  19. package/esm2022/lib/components/euim-chip-selector/euim-chip-selector.component.mjs +82 -23
  20. package/esm2022/lib/components/euim-empty-list-placeholder/euim-empty-list-placeholder.component.mjs +5 -6
  21. package/esm2022/lib/components/euim-fieldset/euim-fieldset.component.mjs +2 -2
  22. package/esm2022/lib/components/euim-media-header/euim-media-header.component.mjs +3 -4
  23. package/esm2022/lib/components/euim-menu/euim-menu.component.mjs +6 -7
  24. package/esm2022/lib/components/euim-multiselect/euim-multiselect-toolbar/euim-multiselect-toolbar.component.mjs +7 -8
  25. package/esm2022/lib/components/euim-multiselect/euim-multiselect.component.mjs +4 -5
  26. package/esm2022/lib/components/euim-pdf-wrapper/euim-pdf-wrapper.component.mjs +7 -8
  27. package/esm2022/lib/components/euim-skeleton-list/euim-skeleton-list.component.mjs +3 -3
  28. package/esm2022/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.component.mjs +4 -5
  29. package/esm2022/lib/components/euim-slider/euim-slider.component.mjs +3 -3
  30. package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen.component.mjs +3 -3
  31. package/esm2022/lib/components/euim-spinner/euim-spinner.component.mjs +2 -2
  32. package/esm2022/lib/components/layout/euim-info-screen/euim-info-screen.component.mjs +2 -2
  33. package/esm2022/lib/components/layout/euim-language-selector/euim-language-list.component.mjs +6 -7
  34. package/fesm2022/eui-mobile-core.mjs +119 -58
  35. package/fesm2022/eui-mobile-core.mjs.map +1 -1
  36. package/lib/components/euim-chip-selector/euim-chip-selector-item/euim-chip-selector-item.directive.d.ts +1 -0
  37. package/lib/components/euim-chip-selector/euim-chip-selector-item/euim-chip-selector-item.directive.d.ts.map +1 -1
  38. package/lib/components/euim-chip-selector/euim-chip-selector.component.d.ts +9 -2
  39. package/lib/components/euim-chip-selector/euim-chip-selector.component.d.ts.map +1 -1
  40. package/package.json +1 -1
package/docs/components/EuimSkeletonListItemComponent.html CHANGED
@@ -619,7 +619,7 @@
619
619
  <script src="../js/libs/htmlparser.js"></script>
620
620
  <script src="../js/libs/deep-iterator.js"></script>
621
621
  <script>
622
- var COMPONENT_TEMPLATE = '<div><ion-item button [lines]="separator"> <ion-thumbnail *ngIf="hasAvatar" slot="start"> <ion-skeleton-text [animated]="true"></ion-skeleton-text> </ion-thumbnail> <ion-label> <ion-skeleton-text *ngIf="hasTitle" [animated]="isAnimated" [style.width]="titleWidth || \'80%\'"></ion-skeleton-text> <ion-skeleton-text *ngIf="hasSubtitle" [animated]="isAnimated" [style.width]="subTitleWidth || \'60%\'"></ion-skeleton-text> <ion-skeleton-text *ngIf="hasMetaLine" [animated]="isAnimated" [style.width]="metaLineWidth || \'40%\'"></ion-skeleton-text> </ion-label></ion-item></div>'
622
+ var COMPONENT_TEMPLATE = '<div><ion-item button [lines]="separator"> @if (hasAvatar) { <ion-thumbnail slot="start"> <ion-skeleton-text [animated]="true"></ion-skeleton-text> </ion-thumbnail> } <ion-label> @if (hasTitle) { <ion-skeleton-text [animated]="isAnimated" [style.width]="titleWidth || \'80%\'"></ion-skeleton-text> } @if (hasSubtitle) { <ion-skeleton-text [animated]="isAnimated" [style.width]="subTitleWidth || \'60%\'"></ion-skeleton-text> } @if (hasMetaLine) { <ion-skeleton-text [animated]="isAnimated" [style.width]="metaLineWidth || \'40%\'"></ion-skeleton-text> } </ion-label></ion-item></div>'
623
623
  var COMPONENTS = [{'name': 'EuimAlertMessageComponent', 'selector': 'euim-alert-message'},{'name': 'EuimAppComponent', 'selector': 'euim-app'},{'name': 'EuimAppSidebarComponent', 'selector': 'euim-app-sidebar'},{'name': 'EuimAppSidebarFooterComponent', 'selector': 'euim-app-sidebar-footer'},{'name': 'EuimAppSidebarHeaderComponent', 'selector': 'euim-app-sidebar-header'},{'name': 'EuimAppSidebarMenuComponent', 'selector': 'euim-app-sidebar-menu'},{'name': 'EuimAvatarComponent', 'selector': 'euim-avatar'},{'name': 'EuimAvatarIconComponent', 'selector': 'euim-avatar-icon'},{'name': 'EuimBadgeComponent', 'selector': 'euim-badge'},{'name': 'EuimChipSelectorComponent', 'selector': 'euim-chip-selector'},{'name': 'EuimControlFeedbackComponent', 'selector': 'euim-control-feedback'},{'name': 'EuimDataSummaryColComponent', 'selector': 'euim-data-summary-col'},{'name': 'EuimDataSummaryComponent', 'selector': 'euim-data-summary'},{'name': 'EuimEmptyListPlaceholderComponent', 'selector': 'euim-empty-list-placeholder'},{'name': 'EuimFieldsetActionsComponent', 'selector': 'euim-fieldset-actions'},{'name': 'EuimFieldSetComponent', 'selector': 'euim-fieldset'},{'name': 'EuimFieldsetLegendComponent', 'selector': 'euim-fieldset-legend'},{'name': 'EuimHeaderDetailsComponent', 'selector': 'euim-header-details'},{'name': 'EuimInfoScreenComponent', 'selector': 'euim-info-screen'},{'name': 'EuimLabelComponent', 'selector': 'div[euimLabel], p[euimLabel], span[euimLabel], euim-label'},{'name': 'EuimLanguageListComponent', 'selector': 'euim-language-list'},{'name': 'EuimLanguageSelectorComponent', 'selector': 'euim-language-selector'},{'name': 'EuimMediaHeaderComponent', 'selector': 'euim-media-header'},{'name': 'EuimMenuComponent', 'selector': 'euim-menu'},{'name': 'EuimMessageComponent', 'selector': 'euim-message'},{'name': 'EuimMessageTitleComponent', 'selector': 'euim-message-title'},{'name': 'EuimMultiselectComponent', 'selector': 'euim-multiselect'},{'name': 'EuimMultiselectFilterComponent', 'selector': 'euim-multiselect-filter'},{'name': 'EuimMultiselectInfoComponent', 'selector': 'euim-multiselect-info'},{'name': 'EuimMultiselectListComponent', 'selector': 'euim-multiselect-list'},{'name': 'EuimMultiselectToolbarComponent', 'selector': 'euim-multiselect-toolbar'},{'name': 'EuimNotificationItemComponent', 'selector': 'euim-notification-item'},{'name': 'EuimPdfWrapperComponent', 'selector': 'euim-pdf-wrapper'},{'name': 'EuimScrollerXComponent', 'selector': 'euim-scroller-x'},{'name': 'EuimSidebarComponent', 'selector': 'euim-sidebar'},{'name': 'EuimSidebarContentComponent', 'selector': 'euim-sidebar-content'},{'name': 'EuimSkeletonListComponent', 'selector': 'euim-skeleton-list'},{'name': 'EuimSkeletonListItemComponent', 'selector': 'euim-skeleton-list-item'},{'name': 'EuimSlideComponent', 'selector': 'euim-slide'},{'name': 'EuimSlideInfoScreenComponent', 'selector': 'euim-slide-info-screen'},{'name': 'EuimSliderComponent', 'selector': 'euim-slider'},{'name': 'EuimSliderInfoScreenComponent', 'selector': 'euim-slider-info-screen'},{'name': 'EuimSpinnerComponent', 'selector': 'euim-spinner'},{'name': 'EuimSpinnerDescriptionComponent', 'selector': '[euimSpinnerDescription]'},{'name': 'EuimSpinnerMessageComponent', 'selector': '[euimSpinnerMessage]'},{'name': 'EuimStepperComponent', 'selector': 'euim-stepper'},{'name': 'EuimToolbarActionItemsComponent', 'selector': 'euim-toolbar-action-items'},{'name': 'EuimToolbarComponent', 'selector': 'euim-toolbar'},{'name': 'EuimToolbarTitleComponent', 'selector': 'euim-toolbar-title'},{'name': 'EuiMUserProfileActionComponent', 'selector': 'euim-user-profile-action'},{'name': 'EuiMUserProfileAvatarComponent', 'selector': 'euim-user-profile-avatar'},{'name': 'EuimUserProfileComponent', 'selector': 'euim-user-profile'},{'name': 'EuiMUserProfileInfosComponent', 'selector': 'euim-user-profile-infos'},{'name': 'EuiMUserProfileInfosItemComponent', 'selector': 'euim-user-profile-infos-item'}];
624
624
  var DIRECTIVES = [{'name': 'BaseStatesDirective', 'selector': '[euimBase]'},{'name': 'EuimAvatarMainIconDirective', 'selector': '[euimAvatarMainIcon]'},{'name': 'EuimAvatarSubIconDirective', 'selector': '[euimAvatarSubIcon]'},{'name': 'EuimChipSelectorItemDirective', 'selector': '[euimChipSelectorItem]'},{'name': 'EuimDataSummaryColLabelDirective', 'selector': '[euimDataSummaryColLabel]'},{'name': 'EuimDataSummaryColValueDirective', 'selector': '[euimDataSummaryColValue]'},{'name': 'EuimDividerDirective', 'selector': '[euimDivider]'},{'name': 'EuimHeaderDetailsIconDirective', 'selector': '[euimHeaderDetailsIcon]'},{'name': 'EuimHeaderDetailsMetaDirective', 'selector': '[euimHeaderDetailsMeta]'},{'name': 'EuimHeaderDetailsTitleDirective', 'selector': '[euimHeaderDetailsTitle]'},{'name': 'EuimInfoScreenContentDirective', 'selector': '[euimInfoScreenContent]'},{'name': 'EuimInfoScreenSubTitleDirective', 'selector': '[euimInfoScreenSubTitle]'},{'name': 'EuimInfoScreenTitleDirective', 'selector': '[euimInfoScreenTitle]'},{'name': 'EuimItemDividerDirective', 'selector': '[euimItemDivider]'},{'name': 'EuimListHeaderDirective', 'selector': '[euimListHeader]'},{'name': 'EuimMediaHeaderImageDirective', 'selector': '[euimMediaHeaderImage]'},{'name': 'EuimMediaHeaderSubTitleDirective', 'selector': '[euimMediaHeaderSubTitle]'},{'name': 'EuimMediaHeaderTitleDirective', 'selector': '[euimMediaHeaderTitle]'},{'name': 'EuimMultiselectAllDirective', 'selector': '[euimMultiselectAll]'},{'name': 'EuimMultiselectSelectFieldDirective', 'selector': '[euimMultiselectSelectField]'},{'name': 'EuimSkeletonTextAvatarDirective', 'selector': '[euimSkeletonTextAvatar]'},{'name': 'EuimSliderInfoScreenContentDirective', 'selector': '[euimSliderInfoScreenContent]'},{'name': 'EuimSliderInfoScreenSubTitleDirective', 'selector': '[euimSliderInfoScreenSubTitle]'},{'name': 'EuimSliderInfoScreenTitleDirective', 'selector': '[euimSliderInfoScreenTitle]'}];
625
625
  var ACTUAL_COMPONENT = {'name': 'EuimSkeletonListItemComponent'};
package/docs/components/EuimSliderComponent.html CHANGED
@@ -1385,7 +1385,7 @@
1385
1385
  <script src="../js/libs/htmlparser.js"></script>
1386
1386
  <script src="../js/libs/deep-iterator.js"></script>
1387
1387
  <script>
1388
- var COMPONENT_TEMPLATE = '<div><div #sliderElement class="euim-slider__slider-container"> <div #slides class="euim-slider__slides"> <ng-content></ng-content> </div> <div class="euim-slider__pagination-container"> <ion-button (click)="onLeftBtnAction($event)" *ngIf=isLeftBtnVisible class="euim-slider__action-button euim-slider__action-button--left" fill="clear">{{actionBtnNames.leftActionBtnName}}</ion-button> <div class="euim-slider__pagination"> <span (click)="goToSlide(i)" *ngFor="let slide of slidesArray; let i = index" [ngClass]="{ \'active\': currentSlide === i }" class="euim-slider__span"></span> </div> <ion-button (click)="onAction($event)" *ngIf="!isLastItemReached && !isNextBtn || isNextBtn && isRightBtnVisible" class="euim-slider__action-button euim-slider__action-button--right" fill="clear">{{actionBtnNames.actionBtnName}}</ion-button> <ion-button (click)="onLastStepAction($event)" *ngIf=isLastItemReached class="euim-slider__action-button euim-slider__action-button--right" fill="clear">{{actionBtnNames.lastStepActionBtnName}}</ion-button> </div></div></div>'
1388
+ var COMPONENT_TEMPLATE = '<div><div #sliderElement class="euim-slider__slider-container"> <div #slides class="euim-slider__slides"> <ng-content></ng-content> </div> <div class="euim-slider__pagination-container"> @if (isLeftBtnVisible) { <ion-button (click)="onLeftBtnAction($event)"class="euim-slider__action-button euim-slider__action-button--left" fill="clear">{{actionBtnNames.leftActionBtnName}}</ion-button> } <div class="euim-slider__pagination"> @for (slide of slidesArray; track slide; let i = $index) { <span (click)="goToSlide(i)" [ngClass]="{ \'active\': currentSlide === i }" class="euim-slider__span"></span> } </div> @if (!isLastItemReached && !isNextBtn || isNextBtn && isRightBtnVisible) { <ion-button (click)="onAction($event)" class="euim-slider__action-button euim-slider__action-button--right" fill="clear">{{actionBtnNames.actionBtnName}}</ion-button> } @if (isLastItemReached) { <ion-button (click)="onLastStepAction($event)"class="euim-slider__action-button euim-slider__action-button--right" fill="clear">{{actionBtnNames.lastStepActionBtnName}}</ion-button> } </div></div></div>'
1389
1389
  var COMPONENTS = [{'name': 'EuimAlertMessageComponent', 'selector': 'euim-alert-message'},{'name': 'EuimAppComponent', 'selector': 'euim-app'},{'name': 'EuimAppSidebarComponent', 'selector': 'euim-app-sidebar'},{'name': 'EuimAppSidebarFooterComponent', 'selector': 'euim-app-sidebar-footer'},{'name': 'EuimAppSidebarHeaderComponent', 'selector': 'euim-app-sidebar-header'},{'name': 'EuimAppSidebarMenuComponent', 'selector': 'euim-app-sidebar-menu'},{'name': 'EuimAvatarComponent', 'selector': 'euim-avatar'},{'name': 'EuimAvatarIconComponent', 'selector': 'euim-avatar-icon'},{'name': 'EuimBadgeComponent', 'selector': 'euim-badge'},{'name': 'EuimChipSelectorComponent', 'selector': 'euim-chip-selector'},{'name': 'EuimControlFeedbackComponent', 'selector': 'euim-control-feedback'},{'name': 'EuimDataSummaryColComponent', 'selector': 'euim-data-summary-col'},{'name': 'EuimDataSummaryComponent', 'selector': 'euim-data-summary'},{'name': 'EuimEmptyListPlaceholderComponent', 'selector': 'euim-empty-list-placeholder'},{'name': 'EuimFieldsetActionsComponent', 'selector': 'euim-fieldset-actions'},{'name': 'EuimFieldSetComponent', 'selector': 'euim-fieldset'},{'name': 'EuimFieldsetLegendComponent', 'selector': 'euim-fieldset-legend'},{'name': 'EuimHeaderDetailsComponent', 'selector': 'euim-header-details'},{'name': 'EuimInfoScreenComponent', 'selector': 'euim-info-screen'},{'name': 'EuimLabelComponent', 'selector': 'div[euimLabel], p[euimLabel], span[euimLabel], euim-label'},{'name': 'EuimLanguageListComponent', 'selector': 'euim-language-list'},{'name': 'EuimLanguageSelectorComponent', 'selector': 'euim-language-selector'},{'name': 'EuimMediaHeaderComponent', 'selector': 'euim-media-header'},{'name': 'EuimMenuComponent', 'selector': 'euim-menu'},{'name': 'EuimMessageComponent', 'selector': 'euim-message'},{'name': 'EuimMessageTitleComponent', 'selector': 'euim-message-title'},{'name': 'EuimMultiselectComponent', 'selector': 'euim-multiselect'},{'name': 'EuimMultiselectFilterComponent', 'selector': 'euim-multiselect-filter'},{'name': 'EuimMultiselectInfoComponent', 'selector': 'euim-multiselect-info'},{'name': 'EuimMultiselectListComponent', 'selector': 'euim-multiselect-list'},{'name': 'EuimMultiselectToolbarComponent', 'selector': 'euim-multiselect-toolbar'},{'name': 'EuimNotificationItemComponent', 'selector': 'euim-notification-item'},{'name': 'EuimPdfWrapperComponent', 'selector': 'euim-pdf-wrapper'},{'name': 'EuimScrollerXComponent', 'selector': 'euim-scroller-x'},{'name': 'EuimSidebarComponent', 'selector': 'euim-sidebar'},{'name': 'EuimSidebarContentComponent', 'selector': 'euim-sidebar-content'},{'name': 'EuimSkeletonListComponent', 'selector': 'euim-skeleton-list'},{'name': 'EuimSkeletonListItemComponent', 'selector': 'euim-skeleton-list-item'},{'name': 'EuimSlideComponent', 'selector': 'euim-slide'},{'name': 'EuimSlideInfoScreenComponent', 'selector': 'euim-slide-info-screen'},{'name': 'EuimSliderComponent', 'selector': 'euim-slider'},{'name': 'EuimSliderInfoScreenComponent', 'selector': 'euim-slider-info-screen'},{'name': 'EuimSpinnerComponent', 'selector': 'euim-spinner'},{'name': 'EuimSpinnerDescriptionComponent', 'selector': '[euimSpinnerDescription]'},{'name': 'EuimSpinnerMessageComponent', 'selector': '[euimSpinnerMessage]'},{'name': 'EuimStepperComponent', 'selector': 'euim-stepper'},{'name': 'EuimToolbarActionItemsComponent', 'selector': 'euim-toolbar-action-items'},{'name': 'EuimToolbarComponent', 'selector': 'euim-toolbar'},{'name': 'EuimToolbarTitleComponent', 'selector': 'euim-toolbar-title'},{'name': 'EuiMUserProfileActionComponent', 'selector': 'euim-user-profile-action'},{'name': 'EuiMUserProfileAvatarComponent', 'selector': 'euim-user-profile-avatar'},{'name': 'EuimUserProfileComponent', 'selector': 'euim-user-profile'},{'name': 'EuiMUserProfileInfosComponent', 'selector': 'euim-user-profile-infos'},{'name': 'EuiMUserProfileInfosItemComponent', 'selector': 'euim-user-profile-infos-item'}];
1390
1390
  var DIRECTIVES = [{'name': 'BaseStatesDirective', 'selector': '[euimBase]'},{'name': 'EuimAvatarMainIconDirective', 'selector': '[euimAvatarMainIcon]'},{'name': 'EuimAvatarSubIconDirective', 'selector': '[euimAvatarSubIcon]'},{'name': 'EuimChipSelectorItemDirective', 'selector': '[euimChipSelectorItem]'},{'name': 'EuimDataSummaryColLabelDirective', 'selector': '[euimDataSummaryColLabel]'},{'name': 'EuimDataSummaryColValueDirective', 'selector': '[euimDataSummaryColValue]'},{'name': 'EuimDividerDirective', 'selector': '[euimDivider]'},{'name': 'EuimHeaderDetailsIconDirective', 'selector': '[euimHeaderDetailsIcon]'},{'name': 'EuimHeaderDetailsMetaDirective', 'selector': '[euimHeaderDetailsMeta]'},{'name': 'EuimHeaderDetailsTitleDirective', 'selector': '[euimHeaderDetailsTitle]'},{'name': 'EuimInfoScreenContentDirective', 'selector': '[euimInfoScreenContent]'},{'name': 'EuimInfoScreenSubTitleDirective', 'selector': '[euimInfoScreenSubTitle]'},{'name': 'EuimInfoScreenTitleDirective', 'selector': '[euimInfoScreenTitle]'},{'name': 'EuimItemDividerDirective', 'selector': '[euimItemDivider]'},{'name': 'EuimListHeaderDirective', 'selector': '[euimListHeader]'},{'name': 'EuimMediaHeaderImageDirective', 'selector': '[euimMediaHeaderImage]'},{'name': 'EuimMediaHeaderSubTitleDirective', 'selector': '[euimMediaHeaderSubTitle]'},{'name': 'EuimMediaHeaderTitleDirective', 'selector': '[euimMediaHeaderTitle]'},{'name': 'EuimMultiselectAllDirective', 'selector': '[euimMultiselectAll]'},{'name': 'EuimMultiselectSelectFieldDirective', 'selector': '[euimMultiselectSelectField]'},{'name': 'EuimSkeletonTextAvatarDirective', 'selector': '[euimSkeletonTextAvatar]'},{'name': 'EuimSliderInfoScreenContentDirective', 'selector': '[euimSliderInfoScreenContent]'},{'name': 'EuimSliderInfoScreenSubTitleDirective', 'selector': '[euimSliderInfoScreenSubTitle]'},{'name': 'EuimSliderInfoScreenTitleDirective', 'selector': '[euimSliderInfoScreenTitle]'}];
1391
1391
  var ACTUAL_COMPONENT = {'name': 'EuimSliderComponent'};
package/docs/components/EuimSliderInfoScreenComponent.html CHANGED
@@ -1437,7 +1437,7 @@
1437
1437
  <script src="../js/libs/htmlparser.js"></script>
1438
1438
  <script src="../js/libs/deep-iterator.js"></script>
1439
1439
  <script>
1440
- var COMPONENT_TEMPLATE = '<div><div #sliderElement class="euim-slider-info-screen__slider-container"> <div #slides class="euim-slider-info-screen__slides"> <ng-content></ng-content> </div> <div class="euim-slider-info-screen__pagination-container" *ngIf="showLeftBtn || showRightBtn || isCarousel || isLastItemReached" > <ion-button (click)="onLeftBtnAction($event)" *ngIf="showLeftBtn && !showLeftBtnAsPrevious && !isPreviousBtn" class="euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left" fill="clear">{{actionBtnNames.leftBtnName}}</ion-button> <ion-button (click)="onLeftBtnAction($event)" *ngIf=showLeftBtnAsPrevious class="euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left" fill="clear">{{actionBtnNames.leftBtnName}}</ion-button> <div *ngIf=isCarousel class="euim-slider-info-screen__pagination"> <span (click)="goToSlide(i)" *ngFor="let slide of slidesArray; let i = index" [ngClass]="{ \'active\': currentSlide === i }" class="euim-slider-info-screen__span"></span> </div> <ion-button (click)="onRightBtnAction($event)" *ngIf="!isLastItemReached && !isNextBtn || isNextBtn && showRightBtn" class="euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right" fill="clear">{{actionBtnNames.rightBtnName}}</ion-button> <ion-button (click)="onLastStepAction($event)" *ngIf=isLastItemReached class="euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right" fill="clear">{{actionBtnNames.lastStepActionBtnName}}</ion-button> </div></div></div>'
1440
+ var COMPONENT_TEMPLATE = '<div><div #sliderElement class="euim-slider-info-screen__slider-container"> <div #slides class="euim-slider-info-screen__slides"> <ng-content></ng-content> </div> @if (showLeftBtn || showRightBtn || isCarousel || isLastItemReached){ <div class="euim-slider-info-screen__pagination-container"> @if (showLeftBtn && !showLeftBtnAsPrevious && !isPreviousBtn) { <ion-button (click)="onLeftBtnAction($event)" class="euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left" fill="clear">{{actionBtnNames.leftBtnName}}</ion-button> } @if (showLeftBtnAsPrevious) { <ion-button (click)="onLeftBtnAction($event)" class="euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left" fill="clear">{{actionBtnNames.leftBtnName}}</ion-button> } @if (isCarousel){ <div class="euim-slider-info-screen__pagination"> <span (click)="goToSlide(i)" *ngFor="let slide of slidesArray; let i = index" [ngClass]="{ \'active\': currentSlide === i }" class="euim-slider-info-screen__span"></span> </div> } @if (!isLastItemReached && !isNextBtn || isNextBtn && showRightBtn) { <ion-button (click)="onRightBtnAction($event)" class="euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right" fill="clear">{{actionBtnNames.rightBtnName}}</ion-button> } @if (isLastItemReached) { <ion-button (click)="onLastStepAction($event)" class="euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right" fill="clear">{{actionBtnNames.lastStepActionBtnName}}</ion-button> } </div> }</div></div>'
1441
1441
  var COMPONENTS = [{'name': 'EuimAlertMessageComponent', 'selector': 'euim-alert-message'},{'name': 'EuimAppComponent', 'selector': 'euim-app'},{'name': 'EuimAppSidebarComponent', 'selector': 'euim-app-sidebar'},{'name': 'EuimAppSidebarFooterComponent', 'selector': 'euim-app-sidebar-footer'},{'name': 'EuimAppSidebarHeaderComponent', 'selector': 'euim-app-sidebar-header'},{'name': 'EuimAppSidebarMenuComponent', 'selector': 'euim-app-sidebar-menu'},{'name': 'EuimAvatarComponent', 'selector': 'euim-avatar'},{'name': 'EuimAvatarIconComponent', 'selector': 'euim-avatar-icon'},{'name': 'EuimBadgeComponent', 'selector': 'euim-badge'},{'name': 'EuimChipSelectorComponent', 'selector': 'euim-chip-selector'},{'name': 'EuimControlFeedbackComponent', 'selector': 'euim-control-feedback'},{'name': 'EuimDataSummaryColComponent', 'selector': 'euim-data-summary-col'},{'name': 'EuimDataSummaryComponent', 'selector': 'euim-data-summary'},{'name': 'EuimEmptyListPlaceholderComponent', 'selector': 'euim-empty-list-placeholder'},{'name': 'EuimFieldsetActionsComponent', 'selector': 'euim-fieldset-actions'},{'name': 'EuimFieldSetComponent', 'selector': 'euim-fieldset'},{'name': 'EuimFieldsetLegendComponent', 'selector': 'euim-fieldset-legend'},{'name': 'EuimHeaderDetailsComponent', 'selector': 'euim-header-details'},{'name': 'EuimInfoScreenComponent', 'selector': 'euim-info-screen'},{'name': 'EuimLabelComponent', 'selector': 'div[euimLabel], p[euimLabel], span[euimLabel], euim-label'},{'name': 'EuimLanguageListComponent', 'selector': 'euim-language-list'},{'name': 'EuimLanguageSelectorComponent', 'selector': 'euim-language-selector'},{'name': 'EuimMediaHeaderComponent', 'selector': 'euim-media-header'},{'name': 'EuimMenuComponent', 'selector': 'euim-menu'},{'name': 'EuimMessageComponent', 'selector': 'euim-message'},{'name': 'EuimMessageTitleComponent', 'selector': 'euim-message-title'},{'name': 'EuimMultiselectComponent', 'selector': 'euim-multiselect'},{'name': 'EuimMultiselectFilterComponent', 'selector': 'euim-multiselect-filter'},{'name': 'EuimMultiselectInfoComponent', 'selector': 'euim-multiselect-info'},{'name': 'EuimMultiselectListComponent', 'selector': 'euim-multiselect-list'},{'name': 'EuimMultiselectToolbarComponent', 'selector': 'euim-multiselect-toolbar'},{'name': 'EuimNotificationItemComponent', 'selector': 'euim-notification-item'},{'name': 'EuimPdfWrapperComponent', 'selector': 'euim-pdf-wrapper'},{'name': 'EuimScrollerXComponent', 'selector': 'euim-scroller-x'},{'name': 'EuimSidebarComponent', 'selector': 'euim-sidebar'},{'name': 'EuimSidebarContentComponent', 'selector': 'euim-sidebar-content'},{'name': 'EuimSkeletonListComponent', 'selector': 'euim-skeleton-list'},{'name': 'EuimSkeletonListItemComponent', 'selector': 'euim-skeleton-list-item'},{'name': 'EuimSlideComponent', 'selector': 'euim-slide'},{'name': 'EuimSlideInfoScreenComponent', 'selector': 'euim-slide-info-screen'},{'name': 'EuimSliderComponent', 'selector': 'euim-slider'},{'name': 'EuimSliderInfoScreenComponent', 'selector': 'euim-slider-info-screen'},{'name': 'EuimSpinnerComponent', 'selector': 'euim-spinner'},{'name': 'EuimSpinnerDescriptionComponent', 'selector': '[euimSpinnerDescription]'},{'name': 'EuimSpinnerMessageComponent', 'selector': '[euimSpinnerMessage]'},{'name': 'EuimStepperComponent', 'selector': 'euim-stepper'},{'name': 'EuimToolbarActionItemsComponent', 'selector': 'euim-toolbar-action-items'},{'name': 'EuimToolbarComponent', 'selector': 'euim-toolbar'},{'name': 'EuimToolbarTitleComponent', 'selector': 'euim-toolbar-title'},{'name': 'EuiMUserProfileActionComponent', 'selector': 'euim-user-profile-action'},{'name': 'EuiMUserProfileAvatarComponent', 'selector': 'euim-user-profile-avatar'},{'name': 'EuimUserProfileComponent', 'selector': 'euim-user-profile'},{'name': 'EuiMUserProfileInfosComponent', 'selector': 'euim-user-profile-infos'},{'name': 'EuiMUserProfileInfosItemComponent', 'selector': 'euim-user-profile-infos-item'}];
1442
1442
  var DIRECTIVES = [{'name': 'BaseStatesDirective', 'selector': '[euimBase]'},{'name': 'EuimAvatarMainIconDirective', 'selector': '[euimAvatarMainIcon]'},{'name': 'EuimAvatarSubIconDirective', 'selector': '[euimAvatarSubIcon]'},{'name': 'EuimChipSelectorItemDirective', 'selector': '[euimChipSelectorItem]'},{'name': 'EuimDataSummaryColLabelDirective', 'selector': '[euimDataSummaryColLabel]'},{'name': 'EuimDataSummaryColValueDirective', 'selector': '[euimDataSummaryColValue]'},{'name': 'EuimDividerDirective', 'selector': '[euimDivider]'},{'name': 'EuimHeaderDetailsIconDirective', 'selector': '[euimHeaderDetailsIcon]'},{'name': 'EuimHeaderDetailsMetaDirective', 'selector': '[euimHeaderDetailsMeta]'},{'name': 'EuimHeaderDetailsTitleDirective', 'selector': '[euimHeaderDetailsTitle]'},{'name': 'EuimInfoScreenContentDirective', 'selector': '[euimInfoScreenContent]'},{'name': 'EuimInfoScreenSubTitleDirective', 'selector': '[euimInfoScreenSubTitle]'},{'name': 'EuimInfoScreenTitleDirective', 'selector': '[euimInfoScreenTitle]'},{'name': 'EuimItemDividerDirective', 'selector': '[euimItemDivider]'},{'name': 'EuimListHeaderDirective', 'selector': '[euimListHeader]'},{'name': 'EuimMediaHeaderImageDirective', 'selector': '[euimMediaHeaderImage]'},{'name': 'EuimMediaHeaderSubTitleDirective', 'selector': '[euimMediaHeaderSubTitle]'},{'name': 'EuimMediaHeaderTitleDirective', 'selector': '[euimMediaHeaderTitle]'},{'name': 'EuimMultiselectAllDirective', 'selector': '[euimMultiselectAll]'},{'name': 'EuimMultiselectSelectFieldDirective', 'selector': '[euimMultiselectSelectField]'},{'name': 'EuimSkeletonTextAvatarDirective', 'selector': '[euimSkeletonTextAvatar]'},{'name': 'EuimSliderInfoScreenContentDirective', 'selector': '[euimSliderInfoScreenContent]'},{'name': 'EuimSliderInfoScreenSubTitleDirective', 'selector': '[euimSliderInfoScreenSubTitle]'},{'name': 'EuimSliderInfoScreenTitleDirective', 'selector': '[euimSliderInfoScreenTitle]'}];
1443
1443
  var ACTUAL_COMPONENT = {'name': 'EuimSliderInfoScreenComponent'};
package/docs/dependencies.html CHANGED
@@ -109,9 +109,9 @@
109
109
  </ol>
110
110
  <ul class="dependencies-list">
111
111
  <li>
112
- <b>@eui/deps-base</b> : 17.3.0</li>
112
+ <b>@eui/deps-base</b> : 17.3.1-snapshot-1711505919902</li>
113
113
  <li>
114
- <b>@eui/styles-base</b> : 17.3.0</li>
114
+ <b>@eui/styles-base</b> : 17.3.1-snapshot-1711505919902</li>
115
115
  <li>
116
116
  <b>@ionic/angular-toolkit</b> : 7.0.0</li>
117
117
  <li>
@@ -126,6 +126,10 @@
126
126
  <b>@meddv/ngx-pinch-zoom</b> : 17.0.1</li>
127
127
  <li>
128
128
  <b>@eui/tools</b> : ^6.0.0</li>
129
+ <li>
130
+ <b>@eui/components</b> : 17.3.1-snapshot-1711505919902</li>
131
+ <li>
132
+ <b>@eui/showcase</b> : 17.3.1-snapshot-1711505919902</li>
129
133
  </ul>
130
134
 
131
135
 
package/docs/directives/EuimChipSelectorItemDirective.html CHANGED
@@ -157,6 +157,9 @@
157
157
  <span class="modifier"></span>
158
158
  <a href="#className" >className</a>
159
159
  </li>
160
+ <li>
161
+ <a href="#clickEventAdded" >clickEventAdded</a>
162
+ </li>
160
163
  <li>
161
164
  <span class="modifier">Public</span>
162
165
  <a href="#el" >el</a>
@@ -376,6 +379,26 @@
376
379
  </tr>
377
380
 
378
381
 
382
+ </tbody>
383
+ </table>
384
+ <table class="table table-sm table-bordered">
385
+ <tbody>
386
+ <tr>
387
+ <td class="col-md-4">
388
+ <a name="clickEventAdded"></a>
389
+ <span class="name">
390
+ <span ><b>clickEventAdded</b></span>
391
+ <a href="#clickEventAdded"><span class="icon ion-ios-link"></span></a>
392
+ </span>
393
+ </td>
394
+ </tr>
395
+ <tr>
396
+ <td class="col-md-4">
397
+ <i>Default value : </i><code>false</code>
398
+ </td>
399
+ </tr>
400
+
401
+
379
402
  </tbody>
380
403
  </table>
381
404
  <table class="table table-sm table-bordered">