@eui/mobile-core 18.0.0-next.16 → 18.0.0-next.18

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 (29) hide show
  1. package/docs/components/EuimChipSelectorComponent.html +3 -3
  2. package/docs/components/EuimLanguageListComponent.html +1 -1
  3. package/docs/components/EuimMultiselectFilterComponent.html +1 -1
  4. package/docs/components/EuimSearchBarComponent.html +355 -1
  5. package/docs/components/EuimToolbarDatepickerComponent.html +1 -8
  6. package/docs/dependencies.html +4 -4
  7. package/docs/js/search/search_index.js +2 -2
  8. package/esm2022/lib/components/atoms/euim-label/euim-label.component.mjs +2 -2
  9. package/esm2022/lib/components/atoms/euim-notification-item/euim-notification-item.component.mjs +2 -2
  10. package/esm2022/lib/components/euim-alert-message/euim-alert-messsage.component.mjs +2 -2
  11. package/esm2022/lib/components/euim-badge/euim-badge.component.mjs +2 -2
  12. package/esm2022/lib/components/euim-chip-selector/euim-chip-selector.component.mjs +5 -4
  13. package/esm2022/lib/components/euim-data-summary/euim-data-summary.component.mjs +2 -2
  14. package/esm2022/lib/components/euim-message/euim-message.component.mjs +2 -2
  15. package/esm2022/lib/components/euim-multiselect/euim-multiselect-filter/euim-multiselect-filter.component.mjs +3 -3
  16. package/esm2022/lib/components/euim-search-bar/euim-search-bar.component.mjs +38 -4
  17. package/esm2022/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker.component.mjs +3 -7
  18. package/esm2022/lib/components/layout/euim-header-details/euim-header-details.component.mjs +2 -2
  19. package/esm2022/lib/components/layout/euim-language-selector/euim-language-list.component.mjs +3 -3
  20. package/esm2022/lib/components/layout/euim-sidebar/euim-sidebar.component.mjs +2 -2
  21. package/fesm2022/eui-mobile-core.mjs +60 -30
  22. package/fesm2022/eui-mobile-core.mjs.map +1 -1
  23. package/lib/components/euim-chip-selector/euim-chip-selector.component.d.ts +2 -2
  24. package/lib/components/euim-chip-selector/euim-chip-selector.component.d.ts.map +1 -1
  25. package/lib/components/euim-search-bar/euim-search-bar.component.d.ts +12 -1
  26. package/lib/components/euim-search-bar/euim-search-bar.component.d.ts.map +1 -1
  27. package/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker.component.d.ts +0 -4
  28. package/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker.component.d.ts.map +1 -1
  29. package/package.json +1 -1
package/docs/components/EuimChipSelectorComponent.html CHANGED
@@ -421,7 +421,7 @@
421
421
  </tr>
422
422
  <tr>
423
423
  <td class="col-md-4">
424
- <i>Type : </i> <code>&quot;primary&quot; | &quot;dark&quot; | &quot;info&quot; | &quot;success&quot; | &quot;warning&quot; | &quot;danger&quot; | &quot;white&quot;</code>
424
+ <i>Type : </i> <code>&quot;primary&quot; | &quot;dark&quot; | &quot;branding&quot; | &quot;info&quot; | &quot;success&quot; | &quot;warning&quot; | &quot;danger&quot; | &quot;white&quot;</code>
425
425
 
426
426
  </td>
427
427
  </tr>
@@ -442,7 +442,7 @@
442
442
  </tr>
443
443
  <tr>
444
444
  <td class="col-md-4">
445
- <i>Type : </i> <code>&quot;default&quot; | &quot;dark&quot; | &quot;white&quot; | &quot;primary&quot; | &quot;info&quot; | &quot;success&quot; | &quot;warning&quot; | &quot;danger&quot;</code>
445
+ <i>Type : </i> <code>&quot;default&quot; | &quot;dark&quot; | &quot;branding&quot; | &quot;white&quot; | &quot;primary&quot; | &quot;info&quot; | &quot;success&quot; | &quot;warning&quot; | &quot;danger&quot;</code>
446
446
 
447
447
  </td>
448
448
  </tr>
@@ -1529,7 +1529,7 @@
1529
1529
  <script src="../js/libs/htmlparser.js"></script>
1530
1530
  <script src="../js/libs/deep-iterator.js"></script>
1531
1531
  <script>
1532
- var COMPONENT_TEMPLATE = '<div>@if (hasNoScrollerX) { <ng-container *ngTemplateOutlet="content"></ng-container>} @else { <euim-scroller-x> <ng-container *ngTemplateOutlet="content"></ng-container> </euim-scroller-x>}<ng-template #content> <ng-content></ng-content></ng-template></div>'
1532
+ var COMPONENT_TEMPLATE = '<div>@if (hasSearchbar) { <ion-searchbar (ionInput)="handleChange($event)" class="euim-chip-selector__searchbar"></ion-searchbar>}@if (hasNoScrollerX) { <ng-container *ngTemplateOutlet="content"></ng-container>} @else { <euim-scroller-x> <ng-container *ngTemplateOutlet="content"></ng-container> </euim-scroller-x>}<ng-template #content> <ng-content></ng-content></ng-template></div>'
1533
1533
  var COMPONENTS = [{'name': 'EuimAboutComponent', 'selector': 'euim-about'},{'name': 'EuimAboutContentLoadingComponent', 'selector': 'euim-about-content-loading'},{'name': 'EuimAlertMessageComponent', 'selector': 'euim-alert-message'},{'name': 'EuimAppComponent', 'selector': 'euim-app'},{'name': 'EuimAvatarBadgeComponent', 'selector': 'euim-avatar-badge'},{'name': 'EuimAvatarComponent', 'selector': 'euim-avatar'},{'name': 'EuimAvatarIconComponent', 'selector': 'euim-avatar-icon'},{'name': 'EuimAvatarIconSubComponent', 'selector': 'euim-avatar-icon-sub'},{'name': 'EuimAvatarImageComponent', 'selector': 'euim-avatar-image'},{'name': 'EuimAvatarTextComponent', 'selector': 'euim-avatar-text'},{'name': 'EuimBadgeComponent', 'selector': 'euim-badge'},{'name': 'EuimCardComponent', 'selector': 'euim-card'},{'name': 'EuimCardListComponent', 'selector': 'euim-card-list'},{'name': 'EuimChangelogComponent', 'selector': 'euim-changelog'},{'name': 'EuimChipSelectorComponent', 'selector': 'euim-chip-selector'},{'name': 'EuimDataSummaryColComponent', 'selector': 'euim-data-summary-col'},{'name': 'EuimDataSummaryComponent', 'selector': 'euim-data-summary'},{'name': 'EuimEmptyListPlaceholderComponent', 'selector': 'euim-empty-list-placeholder'},{'name': 'EuimHeaderDetailsComponent', 'selector': 'euim-header-details'},{'name': 'EuimHelpSupportComponent', 'selector': 'euim-help-support'},{'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': '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': 'EuimOpenSourceLicencesComponent', 'selector': 'euim-opensource-licences'},{'name': 'EuimPdfViewerComponent', 'selector': 'euim-pdf-viewer'},{'name': 'EuimScrollerXComponent', 'selector': 'euim-scroller-x'},{'name': 'EuimSearchBarComponent', 'selector': 'euim-search-bar'},{'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': 'EuimSlideInfoScreenComponent', 'selector': 'euim-slide-info-screen'},{'name': 'EuimSliderInfoScreenComponent', 'selector': 'euim-slider-info-screen'},{'name': 'EuimSpinnerComponent', 'selector': 'euim-spinner'},{'name': 'EuimSpinnerDescriptionComponent', 'selector': '[euimSpinnerDescription]'},{'name': 'EuimSpinnerMessageComponent', 'selector': '[euimSpinnerMessage]'},{'name': 'EuimToolbarActionItemsComponent', 'selector': 'euim-toolbar-action-items'},{'name': 'EuimToolbarComponent', 'selector': 'euim-toolbar'},{'name': 'EuimToolbarDatepickerComponent', 'selector': 'euim-toolbar-datepicker'},{'name': 'EuimToolbarQrcodeComponent', 'selector': 'euim-toolbar-qrcode'},{'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'}];
1534
1534
  var DIRECTIVES = [{'name': 'BaseStatesDirective', 'selector': '[euimBase]'},{'name': 'EuimAlignCenterDirective', 'selector': '[euimAlignCenter]'},{'name': 'EuimAlignTopDirective', 'selector': '[euimAlignTop]'},{'name': 'EuimAvatarMainIconDirective', 'selector': '[euimAvatarMainIcon]'},{'name': 'EuimAvatarSubIconDirective', 'selector': '[euimAvatarSubIcon]'},{'name': 'EuimCardImageDirective', 'selector': '[euimCardImage]'},{'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': 'EuimListHeaderDirective', 'selector': '[euimListHeader]'},{'name': 'EuimListItemNoPaddingsDirective', 'selector': '[euimListItemNoPaddings]'},{'name': 'EuimMediaHeaderCustomContentDirective', 'selector': '[euimMediaHeaderCustomContent]'},{'name': 'EuimMediaHeaderImageDirective', 'selector': '[euimMediaHeaderImage]'},{'name': 'EuimMediaHeaderSubTitleDirective', 'selector': '[euimMediaHeaderSubTitle]'},{'name': 'EuimMediaHeaderTitleDirective', 'selector': '[euimMediaHeaderTitle]'},{'name': 'EuimMinWidthDirective', 'selector': '[euimMinWidth]'},{'name': 'EuimMultiselectAllDirective', 'selector': '[euimMultiselectAll]'},{'name': 'EuimMultiselectSelectFieldDirective', 'selector': '[euimMultiselectSelectField]'},{'name': 'EuimReadOnlyFormDirective', 'selector': '[euimReadOnlyForm]'},{'name': 'EuimReadOnlyFormLabelDirective', 'selector': '[euimReadOnlyFormLabel]'},{'name': 'EuimReadOnlyFormValueDirective', 'selector': '[euimReadOnlyFormValue]'},{'name': 'EuimSidebarFooterNoBordersDirective', 'selector': '[euimSidebarFooterNoBorders]'},{'name': 'EuimSkeletonTextAvatarDirective', 'selector': '[euimSkeletonTextAvatar]'},{'name': 'EuimSliderInfoScreenContentDirective', 'selector': '[euimSliderInfoScreenContent]'},{'name': 'EuimSliderInfoScreenSubTitleDirective', 'selector': '[euimSliderInfoScreenSubTitle]'},{'name': 'EuimSliderInfoScreenTitleDirective', 'selector': '[euimSliderInfoScreenTitle]'},{'name': 'EuimToolbarDatepickerDatetimeDirective', 'selector': '[euimToolbarDatepickerDatetime]'},{'name': 'EuimToolbarTransparentDirective', 'selector': '[euimToolbarTransparent]'}];
1535
1535
  var ACTUAL_COMPONENT = {'name': 'EuimChipSelectorComponent'};
package/docs/components/EuimLanguageListComponent.html CHANGED
@@ -820,7 +820,7 @@
820
820
  <script src="../js/libs/htmlparser.js"></script>
821
821
  <script src="../js/libs/deep-iterator.js"></script>
822
822
  <script>
823
- var COMPONENT_TEMPLATE = '<div><ion-header> <ion-toolbar color="branding"> <ion-buttons slot="start"> <ion-button (click)="onClose()"> <ion-icon name="close-sharp" slot="icon-only"></ion-icon> </ion-button> </ion-buttons> <ion-title> {{\'euim.language-list.SELECT-LANGUAGE\' | translate }}</ion-title> </ion-toolbar> <ion-toolbar color="branding" class="euim-language-selector__search"> <ion-searchbar (ionChange)="handleChange($event)"></ion-searchbar> </ion-toolbar></ion-header><ion-content> @if (results.length > 0) { <ion-list> @for (item of results; track item) { @if (firstElementFromEUList?.code === item.code || firstElementFromNonEUList?.code === item.code || euLanguageList[0]?.code === item.code || nonEULanguageList[0]?.code === item.code) { <ion-item-divider> {{ (firstElementFromEUList?.code === item.code || euLanguageList[0]?.code === item.code) ? (\'euim.language-list.EU-LANGUAGES\' | translate) : \'euim.language-list.NON-EU-LANGUAGES\' | translate }} </ion-item-divider> } <ion-item button (click)="onLanguageSelected(item)" [lines]="lastElementFromEUList === item || isLastElementOfArray(euLanguageList, item) || isLastElementOfArray(nonEULanguageList, item) ? \'none\' : \'inset\'"> <euim-avatar fill="solid" slot="start" variant="rounded" class="euim-language-selector__avatar"> <euim-avatar-icon> <ion-icon name="language-sharp" class="euim-language-selector__internal-icon"></ion-icon> </euim-avatar-icon> </euim-avatar> <ion-label> <div euimLabel euimLabelTitle>{{item.label}}</div> <div euimLabel euimLabelMeta class="eui-u-text-uppercase"> {{item.code}} </div> </ion-label> @if (selectedLanguage?.code===item.code) { <ion-buttons> <ion-button fill="clear" > <ion-icon name="checkmark-sharp" slot="icon-only" color="primary"></ion-icon> </ion-button> </ion-buttons> } </ion-item> } </ion-list> } @if (results.length < 1) { <euim-empty-list-placeholder euimMarginTopLarge class="euim-language-selector__empty-placeholder"> </euim-empty-list-placeholder> }</ion-content></div>'
823
+ var COMPONENT_TEMPLATE = '<div><ion-header> <ion-toolbar color="branding"> <ion-buttons slot="start"> <ion-button (click)="onClose()"> <ion-icon name="close-sharp" slot="icon-only"></ion-icon> </ion-button> </ion-buttons> <ion-title> {{\'euim.language-list.SELECT-LANGUAGE\' | translate }}</ion-title> </ion-toolbar> <ion-toolbar color="branding" class="euim-language-selector__search"> <ion-searchbar (ionInput)="handleChange($event)"></ion-searchbar> </ion-toolbar></ion-header><ion-content> @if (results.length > 0) { <ion-list> @for (item of results; track item) { @if (firstElementFromEUList?.code === item.code || firstElementFromNonEUList?.code === item.code || euLanguageList[0]?.code === item.code || nonEULanguageList[0]?.code === item.code) { <ion-item-divider> {{ (firstElementFromEUList?.code === item.code || euLanguageList[0]?.code === item.code) ? (\'euim.language-list.EU-LANGUAGES\' | translate) : \'euim.language-list.NON-EU-LANGUAGES\' | translate }} </ion-item-divider> } <ion-item button (click)="onLanguageSelected(item)" [lines]="lastElementFromEUList === item || isLastElementOfArray(euLanguageList, item) || isLastElementOfArray(nonEULanguageList, item) ? \'none\' : \'inset\'"> <euim-avatar fill="solid" slot="start" variant="rounded" class="euim-language-selector__avatar"> <euim-avatar-icon> <ion-icon name="language-sharp" class="euim-language-selector__internal-icon"></ion-icon> </euim-avatar-icon> </euim-avatar> <ion-label> <div euimLabel euimLabelTitle>{{item.label}}</div> <div euimLabel euimLabelMeta class="eui-u-text-uppercase"> {{item.code}} </div> </ion-label> @if (selectedLanguage?.code===item.code) { <ion-buttons> <ion-button fill="clear" > <ion-icon name="checkmark-sharp" slot="icon-only" color="primary"></ion-icon> </ion-button> </ion-buttons> } </ion-item> } </ion-list> } @if (results.length < 1) { <euim-empty-list-placeholder euimMarginTopLarge class="euim-language-selector__empty-placeholder"> </euim-empty-list-placeholder> }</ion-content></div>'
824
824
  var COMPONENTS = [{'name': 'EuimAboutComponent', 'selector': 'euim-about'},{'name': 'EuimAboutContentLoadingComponent', 'selector': 'euim-about-content-loading'},{'name': 'EuimAlertMessageComponent', 'selector': 'euim-alert-message'},{'name': 'EuimAppComponent', 'selector': 'euim-app'},{'name': 'EuimAvatarBadgeComponent', 'selector': 'euim-avatar-badge'},{'name': 'EuimAvatarComponent', 'selector': 'euim-avatar'},{'name': 'EuimAvatarIconComponent', 'selector': 'euim-avatar-icon'},{'name': 'EuimAvatarIconSubComponent', 'selector': 'euim-avatar-icon-sub'},{'name': 'EuimAvatarImageComponent', 'selector': 'euim-avatar-image'},{'name': 'EuimAvatarTextComponent', 'selector': 'euim-avatar-text'},{'name': 'EuimBadgeComponent', 'selector': 'euim-badge'},{'name': 'EuimCardComponent', 'selector': 'euim-card'},{'name': 'EuimCardListComponent', 'selector': 'euim-card-list'},{'name': 'EuimChangelogComponent', 'selector': 'euim-changelog'},{'name': 'EuimChipSelectorComponent', 'selector': 'euim-chip-selector'},{'name': 'EuimDataSummaryColComponent', 'selector': 'euim-data-summary-col'},{'name': 'EuimDataSummaryComponent', 'selector': 'euim-data-summary'},{'name': 'EuimEmptyListPlaceholderComponent', 'selector': 'euim-empty-list-placeholder'},{'name': 'EuimHeaderDetailsComponent', 'selector': 'euim-header-details'},{'name': 'EuimHelpSupportComponent', 'selector': 'euim-help-support'},{'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': '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': 'EuimOpenSourceLicencesComponent', 'selector': 'euim-opensource-licences'},{'name': 'EuimPdfViewerComponent', 'selector': 'euim-pdf-viewer'},{'name': 'EuimScrollerXComponent', 'selector': 'euim-scroller-x'},{'name': 'EuimSearchBarComponent', 'selector': 'euim-search-bar'},{'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': 'EuimSlideInfoScreenComponent', 'selector': 'euim-slide-info-screen'},{'name': 'EuimSliderInfoScreenComponent', 'selector': 'euim-slider-info-screen'},{'name': 'EuimSpinnerComponent', 'selector': 'euim-spinner'},{'name': 'EuimSpinnerDescriptionComponent', 'selector': '[euimSpinnerDescription]'},{'name': 'EuimSpinnerMessageComponent', 'selector': '[euimSpinnerMessage]'},{'name': 'EuimToolbarActionItemsComponent', 'selector': 'euim-toolbar-action-items'},{'name': 'EuimToolbarComponent', 'selector': 'euim-toolbar'},{'name': 'EuimToolbarDatepickerComponent', 'selector': 'euim-toolbar-datepicker'},{'name': 'EuimToolbarQrcodeComponent', 'selector': 'euim-toolbar-qrcode'},{'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'}];
825
825
  var DIRECTIVES = [{'name': 'BaseStatesDirective', 'selector': '[euimBase]'},{'name': 'EuimAlignCenterDirective', 'selector': '[euimAlignCenter]'},{'name': 'EuimAlignTopDirective', 'selector': '[euimAlignTop]'},{'name': 'EuimAvatarMainIconDirective', 'selector': '[euimAvatarMainIcon]'},{'name': 'EuimAvatarSubIconDirective', 'selector': '[euimAvatarSubIcon]'},{'name': 'EuimCardImageDirective', 'selector': '[euimCardImage]'},{'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': 'EuimListHeaderDirective', 'selector': '[euimListHeader]'},{'name': 'EuimListItemNoPaddingsDirective', 'selector': '[euimListItemNoPaddings]'},{'name': 'EuimMediaHeaderCustomContentDirective', 'selector': '[euimMediaHeaderCustomContent]'},{'name': 'EuimMediaHeaderImageDirective', 'selector': '[euimMediaHeaderImage]'},{'name': 'EuimMediaHeaderSubTitleDirective', 'selector': '[euimMediaHeaderSubTitle]'},{'name': 'EuimMediaHeaderTitleDirective', 'selector': '[euimMediaHeaderTitle]'},{'name': 'EuimMinWidthDirective', 'selector': '[euimMinWidth]'},{'name': 'EuimMultiselectAllDirective', 'selector': '[euimMultiselectAll]'},{'name': 'EuimMultiselectSelectFieldDirective', 'selector': '[euimMultiselectSelectField]'},{'name': 'EuimReadOnlyFormDirective', 'selector': '[euimReadOnlyForm]'},{'name': 'EuimReadOnlyFormLabelDirective', 'selector': '[euimReadOnlyFormLabel]'},{'name': 'EuimReadOnlyFormValueDirective', 'selector': '[euimReadOnlyFormValue]'},{'name': 'EuimSidebarFooterNoBordersDirective', 'selector': '[euimSidebarFooterNoBorders]'},{'name': 'EuimSkeletonTextAvatarDirective', 'selector': '[euimSkeletonTextAvatar]'},{'name': 'EuimSliderInfoScreenContentDirective', 'selector': '[euimSliderInfoScreenContent]'},{'name': 'EuimSliderInfoScreenSubTitleDirective', 'selector': '[euimSliderInfoScreenSubTitle]'},{'name': 'EuimSliderInfoScreenTitleDirective', 'selector': '[euimSliderInfoScreenTitle]'},{'name': 'EuimToolbarDatepickerDatetimeDirective', 'selector': '[euimToolbarDatepickerDatetime]'},{'name': 'EuimToolbarTransparentDirective', 'selector': '[euimToolbarTransparent]'}];
826
826
  var ACTUAL_COMPONENT = {'name': 'EuimLanguageListComponent'};
package/docs/components/EuimMultiselectFilterComponent.html CHANGED
@@ -488,7 +488,7 @@
488
488
  <script src="../js/libs/htmlparser.js"></script>
489
489
  <script src="../js/libs/deep-iterator.js"></script>
490
490
  <script>
491
- var COMPONENT_TEMPLATE = '<div><ion-searchbar (ionChange)="handleChange($event)" class="euim-multiselect-filter__searchbar"></ion-searchbar></div>'
491
+ var COMPONENT_TEMPLATE = '<div><ion-searchbar (ionInput)="handleChange($event)" class="euim-multiselect-filter__searchbar"></ion-searchbar></div>'
492
492
  var COMPONENTS = [{'name': 'EuimAboutComponent', 'selector': 'euim-about'},{'name': 'EuimAboutContentLoadingComponent', 'selector': 'euim-about-content-loading'},{'name': 'EuimAlertMessageComponent', 'selector': 'euim-alert-message'},{'name': 'EuimAppComponent', 'selector': 'euim-app'},{'name': 'EuimAvatarBadgeComponent', 'selector': 'euim-avatar-badge'},{'name': 'EuimAvatarComponent', 'selector': 'euim-avatar'},{'name': 'EuimAvatarIconComponent', 'selector': 'euim-avatar-icon'},{'name': 'EuimAvatarIconSubComponent', 'selector': 'euim-avatar-icon-sub'},{'name': 'EuimAvatarImageComponent', 'selector': 'euim-avatar-image'},{'name': 'EuimAvatarTextComponent', 'selector': 'euim-avatar-text'},{'name': 'EuimBadgeComponent', 'selector': 'euim-badge'},{'name': 'EuimCardComponent', 'selector': 'euim-card'},{'name': 'EuimCardListComponent', 'selector': 'euim-card-list'},{'name': 'EuimChangelogComponent', 'selector': 'euim-changelog'},{'name': 'EuimChipSelectorComponent', 'selector': 'euim-chip-selector'},{'name': 'EuimDataSummaryColComponent', 'selector': 'euim-data-summary-col'},{'name': 'EuimDataSummaryComponent', 'selector': 'euim-data-summary'},{'name': 'EuimEmptyListPlaceholderComponent', 'selector': 'euim-empty-list-placeholder'},{'name': 'EuimHeaderDetailsComponent', 'selector': 'euim-header-details'},{'name': 'EuimHelpSupportComponent', 'selector': 'euim-help-support'},{'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': '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': 'EuimOpenSourceLicencesComponent', 'selector': 'euim-opensource-licences'},{'name': 'EuimPdfViewerComponent', 'selector': 'euim-pdf-viewer'},{'name': 'EuimScrollerXComponent', 'selector': 'euim-scroller-x'},{'name': 'EuimSearchBarComponent', 'selector': 'euim-search-bar'},{'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': 'EuimSlideInfoScreenComponent', 'selector': 'euim-slide-info-screen'},{'name': 'EuimSliderInfoScreenComponent', 'selector': 'euim-slider-info-screen'},{'name': 'EuimSpinnerComponent', 'selector': 'euim-spinner'},{'name': 'EuimSpinnerDescriptionComponent', 'selector': '[euimSpinnerDescription]'},{'name': 'EuimSpinnerMessageComponent', 'selector': '[euimSpinnerMessage]'},{'name': 'EuimToolbarActionItemsComponent', 'selector': 'euim-toolbar-action-items'},{'name': 'EuimToolbarComponent', 'selector': 'euim-toolbar'},{'name': 'EuimToolbarDatepickerComponent', 'selector': 'euim-toolbar-datepicker'},{'name': 'EuimToolbarQrcodeComponent', 'selector': 'euim-toolbar-qrcode'},{'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'}];
493
493
  var DIRECTIVES = [{'name': 'BaseStatesDirective', 'selector': '[euimBase]'},{'name': 'EuimAlignCenterDirective', 'selector': '[euimAlignCenter]'},{'name': 'EuimAlignTopDirective', 'selector': '[euimAlignTop]'},{'name': 'EuimAvatarMainIconDirective', 'selector': '[euimAvatarMainIcon]'},{'name': 'EuimAvatarSubIconDirective', 'selector': '[euimAvatarSubIcon]'},{'name': 'EuimCardImageDirective', 'selector': '[euimCardImage]'},{'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': 'EuimListHeaderDirective', 'selector': '[euimListHeader]'},{'name': 'EuimListItemNoPaddingsDirective', 'selector': '[euimListItemNoPaddings]'},{'name': 'EuimMediaHeaderCustomContentDirective', 'selector': '[euimMediaHeaderCustomContent]'},{'name': 'EuimMediaHeaderImageDirective', 'selector': '[euimMediaHeaderImage]'},{'name': 'EuimMediaHeaderSubTitleDirective', 'selector': '[euimMediaHeaderSubTitle]'},{'name': 'EuimMediaHeaderTitleDirective', 'selector': '[euimMediaHeaderTitle]'},{'name': 'EuimMinWidthDirective', 'selector': '[euimMinWidth]'},{'name': 'EuimMultiselectAllDirective', 'selector': '[euimMultiselectAll]'},{'name': 'EuimMultiselectSelectFieldDirective', 'selector': '[euimMultiselectSelectField]'},{'name': 'EuimReadOnlyFormDirective', 'selector': '[euimReadOnlyForm]'},{'name': 'EuimReadOnlyFormLabelDirective', 'selector': '[euimReadOnlyFormLabel]'},{'name': 'EuimReadOnlyFormValueDirective', 'selector': '[euimReadOnlyFormValue]'},{'name': 'EuimSidebarFooterNoBordersDirective', 'selector': '[euimSidebarFooterNoBorders]'},{'name': 'EuimSkeletonTextAvatarDirective', 'selector': '[euimSkeletonTextAvatar]'},{'name': 'EuimSliderInfoScreenContentDirective', 'selector': '[euimSliderInfoScreenContent]'},{'name': 'EuimSliderInfoScreenSubTitleDirective', 'selector': '[euimSliderInfoScreenSubTitle]'},{'name': 'EuimSliderInfoScreenTitleDirective', 'selector': '[euimSliderInfoScreenTitle]'},{'name': 'EuimToolbarDatepickerDatetimeDirective', 'selector': '[euimToolbarDatepickerDatetime]'},{'name': 'EuimToolbarTransparentDirective', 'selector': '[euimToolbarTransparent]'}];
494
494
  var ACTUAL_COMPONENT = {'name': 'EuimMultiselectFilterComponent'};
package/docs/components/EuimSearchBarComponent.html CHANGED
@@ -181,6 +181,32 @@
181
181
  <table class="table table-sm table-bordered index-table">
182
182
  <tbody>
183
183
 
184
+ <tr>
185
+ <td class="col-md-4">
186
+ <h6><b>Methods</b></h6>
187
+ </td>
188
+ </tr>
189
+ <tr>
190
+ <td class="col-md-4">
191
+ <ul class="index-list">
192
+ <li>
193
+ <a href="#onCancel" >onCancel</a>
194
+ </li>
195
+ <li>
196
+ <a href="#onChange" >onChange</a>
197
+ </li>
198
+ <li>
199
+ <a href="#onClear" >onClear</a>
200
+ </li>
201
+ <li>
202
+ <a href="#onFocus" >onFocus</a>
203
+ </li>
204
+ <li>
205
+ <a href="#onInput" >onInput</a>
206
+ </li>
207
+ </ul>
208
+ </td>
209
+ </tr>
184
210
 
185
211
  <tr>
186
212
  <td class="col-md-4">
@@ -200,6 +226,32 @@
200
226
  </td>
201
227
  </tr>
202
228
 
229
+ <tr>
230
+ <td class="col-md-4">
231
+ <h6><b>Outputs</b></h6>
232
+ </td>
233
+ </tr>
234
+ <tr>
235
+ <td class="col-md-4">
236
+ <ul class="index-list">
237
+ <li>
238
+ <a href="#cancelEvent" >cancelEvent</a>
239
+ </li>
240
+ <li>
241
+ <a href="#changeEvent" >changeEvent</a>
242
+ </li>
243
+ <li>
244
+ <a href="#clearEvent" >clearEvent</a>
245
+ </li>
246
+ <li>
247
+ <a href="#focusEvent" >focusEvent</a>
248
+ </li>
249
+ <li>
250
+ <a href="#inputEvent" >inputEvent</a>
251
+ </li>
252
+ </ul>
253
+ </td>
254
+ </tr>
203
255
 
204
256
 
205
257
 
@@ -253,10 +305,312 @@
253
305
  </tbody>
254
306
  </table>
255
307
  </section>
308
+ <section data-compodoc="block-outputs">
309
+ <h3 id="outputs">Outputs</h3>
310
+ <table class="table table-sm table-bordered">
311
+ <tbody>
312
+ <tr>
313
+ <td class="col-md-4">
314
+ <a name="cancelEvent"></a>
315
+ <b>cancelEvent</b>
316
+ </td>
317
+ </tr>
318
+ <tr>
319
+ <td class="col-md-4">
320
+ <i>Type : </i> <code>EventEmitter</code>
321
+
322
+ </td>
323
+ </tr>
324
+ </tbody>
325
+ </table>
326
+ <table class="table table-sm table-bordered">
327
+ <tbody>
328
+ <tr>
329
+ <td class="col-md-4">
330
+ <a name="changeEvent"></a>
331
+ <b>changeEvent</b>
332
+ </td>
333
+ </tr>
334
+ <tr>
335
+ <td class="col-md-4">
336
+ <i>Type : </i> <code>EventEmitter</code>
337
+
338
+ </td>
339
+ </tr>
340
+ </tbody>
341
+ </table>
342
+ <table class="table table-sm table-bordered">
343
+ <tbody>
344
+ <tr>
345
+ <td class="col-md-4">
346
+ <a name="clearEvent"></a>
347
+ <b>clearEvent</b>
348
+ </td>
349
+ </tr>
350
+ <tr>
351
+ <td class="col-md-4">
352
+ <i>Type : </i> <code>EventEmitter</code>
353
+
354
+ </td>
355
+ </tr>
356
+ </tbody>
357
+ </table>
358
+ <table class="table table-sm table-bordered">
359
+ <tbody>
360
+ <tr>
361
+ <td class="col-md-4">
362
+ <a name="focusEvent"></a>
363
+ <b>focusEvent</b>
364
+ </td>
365
+ </tr>
366
+ <tr>
367
+ <td class="col-md-4">
368
+ <i>Type : </i> <code>EventEmitter</code>
369
+
370
+ </td>
371
+ </tr>
372
+ </tbody>
373
+ </table>
374
+ <table class="table table-sm table-bordered">
375
+ <tbody>
376
+ <tr>
377
+ <td class="col-md-4">
378
+ <a name="inputEvent"></a>
379
+ <b>inputEvent</b>
380
+ </td>
381
+ </tr>
382
+ <tr>
383
+ <td class="col-md-4">
384
+ <i>Type : </i> <code>EventEmitter</code>
385
+
386
+ </td>
387
+ </tr>
388
+ </tbody>
389
+ </table>
390
+ </section>
391
+
392
+
393
+ <section data-compodoc="block-methods">
394
+
395
+ <h3 id="methods">
396
+ Methods
397
+ </h3>
398
+ <table class="table table-sm table-bordered">
399
+ <tbody>
400
+ <tr>
401
+ <td class="col-md-4">
402
+ <a name="onCancel"></a>
403
+ <span class="name">
404
+ <span ><b>onCancel</b></span>
405
+ <a href="#onCancel"><span class="icon ion-ios-link"></span></a>
406
+ </span>
407
+ </td>
408
+ </tr>
409
+ <tr>
410
+ <td class="col-md-4">
411
+ <code>onCancel()</code>
412
+ </td>
413
+ </tr>
414
+
415
+
416
+
417
+
418
+ <tr>
419
+ <td class="col-md-4">
420
+
421
+ <div class="io-description">
422
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
423
+
424
+ </div>
425
+ </td>
426
+ </tr>
427
+ </tbody>
428
+ </table>
429
+ <table class="table table-sm table-bordered">
430
+ <tbody>
431
+ <tr>
432
+ <td class="col-md-4">
433
+ <a name="onChange"></a>
434
+ <span class="name">
435
+ <span ><b>onChange</b></span>
436
+ <a href="#onChange"><span class="icon ion-ios-link"></span></a>
437
+ </span>
438
+ </td>
439
+ </tr>
440
+ <tr>
441
+ <td class="col-md-4">
442
+ <code>onChange(event: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
443
+ </td>
444
+ </tr>
445
+
446
+
447
+
448
+
449
+ <tr>
450
+ <td class="col-md-4">
451
+
452
+ <div class="io-description">
453
+ <b>Parameters :</b>
454
+
455
+ <table class="params">
456
+ <thead>
457
+ <tr>
458
+ <td>Name</td>
459
+ <td>Type</td>
460
+ <td>Optional</td>
461
+ </tr>
462
+ </thead>
463
+ <tbody>
464
+ <tr>
465
+ <td>event</td>
466
+ <td>
467
+ <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
468
+ </td>
469
+
470
+ <td>
471
+ No
472
+ </td>
473
+
474
+
475
+ </tr>
476
+ </tbody>
477
+ </table>
478
+ </div>
479
+ <div class="io-description">
480
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
481
+
482
+ </div>
483
+ <div class="io-description">
484
+
485
+ </div>
486
+ </td>
487
+ </tr>
488
+ </tbody>
489
+ </table>
490
+ <table class="table table-sm table-bordered">
491
+ <tbody>
492
+ <tr>
493
+ <td class="col-md-4">
494
+ <a name="onClear"></a>
495
+ <span class="name">
496
+ <span ><b>onClear</b></span>
497
+ <a href="#onClear"><span class="icon ion-ios-link"></span></a>
498
+ </span>
499
+ </td>
500
+ </tr>
501
+ <tr>
502
+ <td class="col-md-4">
503
+ <code>onClear()</code>
504
+ </td>
505
+ </tr>
506
+
507
+
508
+
509
+
510
+ <tr>
511
+ <td class="col-md-4">
512
+
513
+ <div class="io-description">
514
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
515
+
516
+ </div>
517
+ </td>
518
+ </tr>
519
+ </tbody>
520
+ </table>
521
+ <table class="table table-sm table-bordered">
522
+ <tbody>
523
+ <tr>
524
+ <td class="col-md-4">
525
+ <a name="onFocus"></a>
526
+ <span class="name">
527
+ <span ><b>onFocus</b></span>
528
+ <a href="#onFocus"><span class="icon ion-ios-link"></span></a>
529
+ </span>
530
+ </td>
531
+ </tr>
532
+ <tr>
533
+ <td class="col-md-4">
534
+ <code>onFocus()</code>
535
+ </td>
536
+ </tr>
256
537
 
257
538
 
258
539
 
259
540
 
541
+ <tr>
542
+ <td class="col-md-4">
543
+
544
+ <div class="io-description">
545
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
546
+
547
+ </div>
548
+ </td>
549
+ </tr>
550
+ </tbody>
551
+ </table>
552
+ <table class="table table-sm table-bordered">
553
+ <tbody>
554
+ <tr>
555
+ <td class="col-md-4">
556
+ <a name="onInput"></a>
557
+ <span class="name">
558
+ <span ><b>onInput</b></span>
559
+ <a href="#onInput"><span class="icon ion-ios-link"></span></a>
560
+ </span>
561
+ </td>
562
+ </tr>
563
+ <tr>
564
+ <td class="col-md-4">
565
+ <code>onInput(event: <a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank">any</a>)</code>
566
+ </td>
567
+ </tr>
568
+
569
+
570
+
571
+
572
+ <tr>
573
+ <td class="col-md-4">
574
+
575
+ <div class="io-description">
576
+ <b>Parameters :</b>
577
+
578
+ <table class="params">
579
+ <thead>
580
+ <tr>
581
+ <td>Name</td>
582
+ <td>Type</td>
583
+ <td>Optional</td>
584
+ </tr>
585
+ </thead>
586
+ <tbody>
587
+ <tr>
588
+ <td>event</td>
589
+ <td>
590
+ <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
591
+ </td>
592
+
593
+ <td>
594
+ No
595
+ </td>
596
+
597
+
598
+ </tr>
599
+ </tbody>
600
+ </table>
601
+ </div>
602
+ <div class="io-description">
603
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
604
+
605
+ </div>
606
+ <div class="io-description">
607
+
608
+ </div>
609
+ </td>
610
+ </tr>
611
+ </tbody>
612
+ </table>
613
+ </section>
260
614
 
261
615
  </div>
262
616
 
@@ -272,7 +626,7 @@
272
626
  <script src="../js/libs/htmlparser.js"></script>
273
627
  <script src="../js/libs/deep-iterator.js"></script>
274
628
  <script>
275
- var COMPONENT_TEMPLATE = '<div><div class="euim-search-bar__wrapper"> <ion-searchbar [attr.show-clear-button]="hasSlotEnd ? \'never\' : \'always\'" [class.custom-searchbar]="hasSlotStart" placeholder="Search"> @if (!hasSlotStart) { <ng-container > <ion-icon name="search"></ion-icon> </ng-container> } </ion-searchbar> <div class="slotStart" [style.display]="hasSlotStart ? \'block\' : \'none\'"> <ng-content select="[slotStart]"></ng-content> </div> <div class="slotEnd" [style.display]="hasSlotEnd ? \'block\' : \'none\'"> <ng-content select="[slotEnd]"></ng-content> </div></div></div>'
629
+ var COMPONENT_TEMPLATE = '<div><div class="euim-search-bar__wrapper"> <ion-searchbar [class.custom-searchbar]="hasSlotStart" [attr.show-clear-button]="hasSlotEnd ? \'never\' : \'always\'" placeholder="Search" (ionInput)="onInput($event)" (ionChange)="onChange($event)" (ionFocus)="onFocus()" (ionCancel)="onCancel()" (ionClear)="onClear()"> @if (!hasSlotStart) { <ng-container> <ion-icon name="search"></ion-icon> </ng-container> } </ion-searchbar> <div class="slotStart" [style.display]="hasSlotStart ? \'block\' : \'none\'"> <ng-content select="[slotStart]"></ng-content> </div> <div class="slotEnd" [style.display]="hasSlotEnd ? \'block\' : \'none\'"> <ng-content select="[slotEnd]"></ng-content> </div></div></div>'
276
630
  var COMPONENTS = [{'name': 'EuimAboutComponent', 'selector': 'euim-about'},{'name': 'EuimAboutContentLoadingComponent', 'selector': 'euim-about-content-loading'},{'name': 'EuimAlertMessageComponent', 'selector': 'euim-alert-message'},{'name': 'EuimAppComponent', 'selector': 'euim-app'},{'name': 'EuimAvatarBadgeComponent', 'selector': 'euim-avatar-badge'},{'name': 'EuimAvatarComponent', 'selector': 'euim-avatar'},{'name': 'EuimAvatarIconComponent', 'selector': 'euim-avatar-icon'},{'name': 'EuimAvatarIconSubComponent', 'selector': 'euim-avatar-icon-sub'},{'name': 'EuimAvatarImageComponent', 'selector': 'euim-avatar-image'},{'name': 'EuimAvatarTextComponent', 'selector': 'euim-avatar-text'},{'name': 'EuimBadgeComponent', 'selector': 'euim-badge'},{'name': 'EuimCardComponent', 'selector': 'euim-card'},{'name': 'EuimCardListComponent', 'selector': 'euim-card-list'},{'name': 'EuimChangelogComponent', 'selector': 'euim-changelog'},{'name': 'EuimChipSelectorComponent', 'selector': 'euim-chip-selector'},{'name': 'EuimDataSummaryColComponent', 'selector': 'euim-data-summary-col'},{'name': 'EuimDataSummaryComponent', 'selector': 'euim-data-summary'},{'name': 'EuimEmptyListPlaceholderComponent', 'selector': 'euim-empty-list-placeholder'},{'name': 'EuimHeaderDetailsComponent', 'selector': 'euim-header-details'},{'name': 'EuimHelpSupportComponent', 'selector': 'euim-help-support'},{'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': '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': 'EuimOpenSourceLicencesComponent', 'selector': 'euim-opensource-licences'},{'name': 'EuimPdfViewerComponent', 'selector': 'euim-pdf-viewer'},{'name': 'EuimScrollerXComponent', 'selector': 'euim-scroller-x'},{'name': 'EuimSearchBarComponent', 'selector': 'euim-search-bar'},{'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': 'EuimSlideInfoScreenComponent', 'selector': 'euim-slide-info-screen'},{'name': 'EuimSliderInfoScreenComponent', 'selector': 'euim-slider-info-screen'},{'name': 'EuimSpinnerComponent', 'selector': 'euim-spinner'},{'name': 'EuimSpinnerDescriptionComponent', 'selector': '[euimSpinnerDescription]'},{'name': 'EuimSpinnerMessageComponent', 'selector': '[euimSpinnerMessage]'},{'name': 'EuimToolbarActionItemsComponent', 'selector': 'euim-toolbar-action-items'},{'name': 'EuimToolbarComponent', 'selector': 'euim-toolbar'},{'name': 'EuimToolbarDatepickerComponent', 'selector': 'euim-toolbar-datepicker'},{'name': 'EuimToolbarQrcodeComponent', 'selector': 'euim-toolbar-qrcode'},{'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'}];
277
631
  var DIRECTIVES = [{'name': 'BaseStatesDirective', 'selector': '[euimBase]'},{'name': 'EuimAlignCenterDirective', 'selector': '[euimAlignCenter]'},{'name': 'EuimAlignTopDirective', 'selector': '[euimAlignTop]'},{'name': 'EuimAvatarMainIconDirective', 'selector': '[euimAvatarMainIcon]'},{'name': 'EuimAvatarSubIconDirective', 'selector': '[euimAvatarSubIcon]'},{'name': 'EuimCardImageDirective', 'selector': '[euimCardImage]'},{'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': 'EuimListHeaderDirective', 'selector': '[euimListHeader]'},{'name': 'EuimListItemNoPaddingsDirective', 'selector': '[euimListItemNoPaddings]'},{'name': 'EuimMediaHeaderCustomContentDirective', 'selector': '[euimMediaHeaderCustomContent]'},{'name': 'EuimMediaHeaderImageDirective', 'selector': '[euimMediaHeaderImage]'},{'name': 'EuimMediaHeaderSubTitleDirective', 'selector': '[euimMediaHeaderSubTitle]'},{'name': 'EuimMediaHeaderTitleDirective', 'selector': '[euimMediaHeaderTitle]'},{'name': 'EuimMinWidthDirective', 'selector': '[euimMinWidth]'},{'name': 'EuimMultiselectAllDirective', 'selector': '[euimMultiselectAll]'},{'name': 'EuimMultiselectSelectFieldDirective', 'selector': '[euimMultiselectSelectField]'},{'name': 'EuimReadOnlyFormDirective', 'selector': '[euimReadOnlyForm]'},{'name': 'EuimReadOnlyFormLabelDirective', 'selector': '[euimReadOnlyFormLabel]'},{'name': 'EuimReadOnlyFormValueDirective', 'selector': '[euimReadOnlyFormValue]'},{'name': 'EuimSidebarFooterNoBordersDirective', 'selector': '[euimSidebarFooterNoBorders]'},{'name': 'EuimSkeletonTextAvatarDirective', 'selector': '[euimSkeletonTextAvatar]'},{'name': 'EuimSliderInfoScreenContentDirective', 'selector': '[euimSliderInfoScreenContent]'},{'name': 'EuimSliderInfoScreenSubTitleDirective', 'selector': '[euimSliderInfoScreenSubTitle]'},{'name': 'EuimSliderInfoScreenTitleDirective', 'selector': '[euimSliderInfoScreenTitle]'},{'name': 'EuimToolbarDatepickerDatetimeDirective', 'selector': '[euimToolbarDatepickerDatetime]'},{'name': 'EuimToolbarTransparentDirective', 'selector': '[euimToolbarTransparent]'}];
278
632
  var ACTUAL_COMPONENT = {'name': 'EuimSearchBarComponent'};
package/docs/components/EuimToolbarDatepickerComponent.html CHANGED
@@ -107,13 +107,6 @@
107
107
  </p>
108
108
 
109
109
 
110
- <p class="comment">
111
- <h3>Description</h3>
112
- </p>
113
- <p class="comment">
114
- <p>This component is not ready yet for production</p>
115
-
116
- </p>
117
110
 
118
111
 
119
112
  <p class="comment">
@@ -926,7 +919,7 @@
926
919
  <script src="../js/libs/htmlparser.js"></script>
927
920
  <script src="../js/libs/deep-iterator.js"></script>
928
921
  <script>
929
- var COMPONENT_TEMPLATE = '<div><ion-item class="euim-toolbar-datepicker__item" color="branding"> <euim-avatar fill="clear" slot="start" > <euim-avatar-icon> <ion-icon [name]="icon" class="euim-toolbar-datepicker__calendar"></ion-icon> </euim-avatar-icon> </euim-avatar> @if (!euimReadOnly){ <ion-datetime-button class="euim-toolbar-datepicker__datetime-button--hidden" [datetime]="dateTimeId"> </ion-datetime-button> } <div class="euim-toolbar-datepicker__datetime-button" [id]="modalId" [style.cursor]="(!euimReadOnly) ? \'pointer\' : \'auto\'"> <ion-label class="euim-toolbar-datepicker__date"> <div class="euim-toolbar-datepicker__title" euimLabel euimLabelTitle euimLabelTruncate disabled="euimReadOnly">{{!title ? weekDayName : title}}</div> <div euimLabel euimLabelSubTitle euimLabelTruncate disabled="euimReadOnly">{{!subTitle ? formattedDate : subTitle}}</div> </ion-label> @if (!euimReadOnly){ <ion-icon class="euim-toolbar-datepicker__datetime-caret" name="caret-down-sharp" color="light"></ion-icon> } </div> @if (!euimReadOnly) { <ion-buttons slot="end"> <ion-button (click)="selectPrevDate()" [disabled] = "euimPrevBtnDisabled" shape="round" class="euim-toolbar-datepicker__nav-button"> <ion-icon name="chevron-back-circle-sharp" color="light"> </ion-icon> </ion-button> <ion-button (click)="selectNextDate()" [disabled]="euimNextBtnDisabled" shape="round" class="euim-toolbar-datepicker__nav-button euim-toolbar-datepicker__nav-button--next"> <ion-icon name="chevron-forward-circle-sharp" color="light"></ion-icon> </ion-button> </ion-buttons> }</ion-item>@if (!euimReadOnly){<ion-modal [keepContentsMounted]="true" [trigger]="modalId"> <ng-template> <ion-datetime [showDefaultButtons]="true" (ionChange)="calendarDateChanged($event)" size="cover" [id]="dateTimeId" [locale]="currentLang" [(ngModel)]="selectedDate"></ion-datetime> </ng-template></ion-modal>}</div>'
922
+ var COMPONENT_TEMPLATE = '<div><ion-item class="euim-toolbar-datepicker__item" color="branding"> <euim-avatar fill="clear" slot="start" > <euim-avatar-icon> <ion-icon [name]="icon" class="euim-toolbar-datepicker__calendar"></ion-icon> </euim-avatar-icon> </euim-avatar> @if (!euimReadOnly){ <ion-datetime-button class="euim-toolbar-datepicker__datetime-button--hidden" [datetime]="dateTimeId"> </ion-datetime-button> } <div class="euim-toolbar-datepicker__datetime-button" [id]="modalId" [style.cursor]="(!euimReadOnly) ? \'pointer\' : \'auto\'"> <ion-label class="euim-toolbar-datepicker__date"> <div class="euim-toolbar-datepicker__title" euimLabel euimLabelTitle euimLabelTruncate disabled="euimReadOnly">{{!title ? weekDayName : title}}</div> <div euimLabel euimLabelSubTitle euimLabelTruncate disabled="euimReadOnly">{{!subTitle ? formattedDate : subTitle}}</div> </ion-label> @if (!euimReadOnly){ <ion-icon class="euim-toolbar-datepicker__datetime-caret" name="caret-down-sharp"></ion-icon> } </div> @if (!euimReadOnly) { <ion-buttons slot="end"> <ion-button (click)="selectPrevDate()" [disabled] = "euimPrevBtnDisabled" shape="round" class="euim-toolbar-datepicker__nav-button"> <ion-icon name="chevron-back-circle-sharp"> </ion-icon> </ion-button> <ion-button (click)="selectNextDate()" [disabled]="euimNextBtnDisabled" shape="round" class="euim-toolbar-datepicker__nav-button euim-toolbar-datepicker__nav-button--next"> <ion-icon name="chevron-forward-circle-sharp"></ion-icon> </ion-button> </ion-buttons> }</ion-item>@if (!euimReadOnly){<ion-modal [keepContentsMounted]="true" [trigger]="modalId"> <ng-template> <ion-datetime [showDefaultButtons]="true" (ionChange)="calendarDateChanged($event)" size="cover" [id]="dateTimeId" [locale]="currentLang" [(ngModel)]="selectedDate"></ion-datetime> </ng-template></ion-modal>}</div>'
930
923
  var COMPONENTS = [{'name': 'EuimAboutComponent', 'selector': 'euim-about'},{'name': 'EuimAboutContentLoadingComponent', 'selector': 'euim-about-content-loading'},{'name': 'EuimAlertMessageComponent', 'selector': 'euim-alert-message'},{'name': 'EuimAppComponent', 'selector': 'euim-app'},{'name': 'EuimAvatarBadgeComponent', 'selector': 'euim-avatar-badge'},{'name': 'EuimAvatarComponent', 'selector': 'euim-avatar'},{'name': 'EuimAvatarIconComponent', 'selector': 'euim-avatar-icon'},{'name': 'EuimAvatarIconSubComponent', 'selector': 'euim-avatar-icon-sub'},{'name': 'EuimAvatarImageComponent', 'selector': 'euim-avatar-image'},{'name': 'EuimAvatarTextComponent', 'selector': 'euim-avatar-text'},{'name': 'EuimBadgeComponent', 'selector': 'euim-badge'},{'name': 'EuimCardComponent', 'selector': 'euim-card'},{'name': 'EuimCardListComponent', 'selector': 'euim-card-list'},{'name': 'EuimChangelogComponent', 'selector': 'euim-changelog'},{'name': 'EuimChipSelectorComponent', 'selector': 'euim-chip-selector'},{'name': 'EuimDataSummaryColComponent', 'selector': 'euim-data-summary-col'},{'name': 'EuimDataSummaryComponent', 'selector': 'euim-data-summary'},{'name': 'EuimEmptyListPlaceholderComponent', 'selector': 'euim-empty-list-placeholder'},{'name': 'EuimHeaderDetailsComponent', 'selector': 'euim-header-details'},{'name': 'EuimHelpSupportComponent', 'selector': 'euim-help-support'},{'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': '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': 'EuimOpenSourceLicencesComponent', 'selector': 'euim-opensource-licences'},{'name': 'EuimPdfViewerComponent', 'selector': 'euim-pdf-viewer'},{'name': 'EuimScrollerXComponent', 'selector': 'euim-scroller-x'},{'name': 'EuimSearchBarComponent', 'selector': 'euim-search-bar'},{'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': 'EuimSlideInfoScreenComponent', 'selector': 'euim-slide-info-screen'},{'name': 'EuimSliderInfoScreenComponent', 'selector': 'euim-slider-info-screen'},{'name': 'EuimSpinnerComponent', 'selector': 'euim-spinner'},{'name': 'EuimSpinnerDescriptionComponent', 'selector': '[euimSpinnerDescription]'},{'name': 'EuimSpinnerMessageComponent', 'selector': '[euimSpinnerMessage]'},{'name': 'EuimToolbarActionItemsComponent', 'selector': 'euim-toolbar-action-items'},{'name': 'EuimToolbarComponent', 'selector': 'euim-toolbar'},{'name': 'EuimToolbarDatepickerComponent', 'selector': 'euim-toolbar-datepicker'},{'name': 'EuimToolbarQrcodeComponent', 'selector': 'euim-toolbar-qrcode'},{'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'}];
931
924
  var DIRECTIVES = [{'name': 'BaseStatesDirective', 'selector': '[euimBase]'},{'name': 'EuimAlignCenterDirective', 'selector': '[euimAlignCenter]'},{'name': 'EuimAlignTopDirective', 'selector': '[euimAlignTop]'},{'name': 'EuimAvatarMainIconDirective', 'selector': '[euimAvatarMainIcon]'},{'name': 'EuimAvatarSubIconDirective', 'selector': '[euimAvatarSubIcon]'},{'name': 'EuimCardImageDirective', 'selector': '[euimCardImage]'},{'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': 'EuimListHeaderDirective', 'selector': '[euimListHeader]'},{'name': 'EuimListItemNoPaddingsDirective', 'selector': '[euimListItemNoPaddings]'},{'name': 'EuimMediaHeaderCustomContentDirective', 'selector': '[euimMediaHeaderCustomContent]'},{'name': 'EuimMediaHeaderImageDirective', 'selector': '[euimMediaHeaderImage]'},{'name': 'EuimMediaHeaderSubTitleDirective', 'selector': '[euimMediaHeaderSubTitle]'},{'name': 'EuimMediaHeaderTitleDirective', 'selector': '[euimMediaHeaderTitle]'},{'name': 'EuimMinWidthDirective', 'selector': '[euimMinWidth]'},{'name': 'EuimMultiselectAllDirective', 'selector': '[euimMultiselectAll]'},{'name': 'EuimMultiselectSelectFieldDirective', 'selector': '[euimMultiselectSelectField]'},{'name': 'EuimReadOnlyFormDirective', 'selector': '[euimReadOnlyForm]'},{'name': 'EuimReadOnlyFormLabelDirective', 'selector': '[euimReadOnlyFormLabel]'},{'name': 'EuimReadOnlyFormValueDirective', 'selector': '[euimReadOnlyFormValue]'},{'name': 'EuimSidebarFooterNoBordersDirective', 'selector': '[euimSidebarFooterNoBorders]'},{'name': 'EuimSkeletonTextAvatarDirective', 'selector': '[euimSkeletonTextAvatar]'},{'name': 'EuimSliderInfoScreenContentDirective', 'selector': '[euimSliderInfoScreenContent]'},{'name': 'EuimSliderInfoScreenSubTitleDirective', 'selector': '[euimSliderInfoScreenSubTitle]'},{'name': 'EuimSliderInfoScreenTitleDirective', 'selector': '[euimSliderInfoScreenTitle]'},{'name': 'EuimToolbarDatepickerDatetimeDirective', 'selector': '[euimToolbarDatepickerDatetime]'},{'name': 'EuimToolbarTransparentDirective', 'selector': '[euimToolbarTransparent]'}];
932
925
  var ACTUAL_COMPONENT = {'name': 'EuimToolbarDatepickerComponent'};
package/docs/dependencies.html CHANGED
@@ -100,7 +100,7 @@
100
100
  </ol>
101
101
  <ul class="dependencies-list">
102
102
  <li>
103
- <b>@eui/deps-base</b> : 18.2.3-snapshot-1732955061669</li>
103
+ <b>@eui/deps-base</b> : 18.2.4-snapshot-1733451076143</li>
104
104
  <li>
105
105
  <b>@ionic/angular-toolkit</b> : ^11.0.0</li>
106
106
  <li>
@@ -118,11 +118,11 @@
118
118
  <li>
119
119
  <b>@eui/tools</b> : ^6.0.0</li>
120
120
  <li>
121
- <b>@eui/components</b> : 18.2.3-snapshot-1732955061669</li>
121
+ <b>@eui/components</b> : 18.2.4-snapshot-1733451076143</li>
122
122
  <li>
123
- <b>@eui/showcase</b> : 18.2.3-snapshot-1732955061669</li>
123
+ <b>@eui/showcase</b> : 18.2.4-snapshot-1733451076143</li>
124
124
  <li>
125
- <b>@eui/styles</b> : 18.2.3-snapshot-1732955061669</li>
125
+ <b>@eui/styles</b> : 18.2.4-snapshot-1733451076143</li>
126
126
  </ul>
127
127
 
128
128