@eui/ecl 21.0.0-alpha.31 → 21.0.0-alpha.32
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/components/ecl-accordion/index.d.ts +8 -4
- package/components/ecl-accordion/index.d.ts.map +1 -1
- package/components/ecl-banner/index.d.ts +4 -1
- package/components/ecl-banner/index.d.ts.map +1 -1
- package/components/ecl-divider/index.d.ts +31 -0
- package/components/ecl-divider/index.d.ts.map +1 -0
- package/components/ecl-divider/package.json +3 -0
- package/components/ecl-featured/index.d.ts +13 -35
- package/components/ecl-featured/index.d.ts.map +1 -1
- package/components/ecl-feedback-message/index.d.ts.map +1 -1
- package/components/ecl-mega-menu/index.d.ts +7 -3
- package/components/ecl-mega-menu/index.d.ts.map +1 -1
- package/components/ecl-menu/index.d.ts +6 -3
- package/components/ecl-menu/index.d.ts.map +1 -1
- package/components/ecl-popover/index.d.ts +17 -12
- package/components/ecl-popover/index.d.ts.map +1 -1
- package/components/ecl-site-footer/index.d.ts +9 -3
- package/components/ecl-site-footer/index.d.ts.map +1 -1
- package/components/ecl-site-header/index.d.ts +6 -1
- package/components/ecl-site-header/index.d.ts.map +1 -1
- package/components/ecl-social-media-follow/index.d.ts.map +1 -1
- package/docs/changelog.html +142 -0
- package/docs/components/EclAccordionComponent.html +43 -2
- package/docs/components/EclAccordionItemComponent.html +2 -2
- package/docs/components/EclAppComponent.html +2 -2
- package/docs/components/EclBannerComponent.html +2 -2
- package/docs/components/EclBlockquoteComponent.html +2 -2
- package/docs/components/EclBreadcrumbComponent.html +2 -2
- package/docs/components/EclBreadcrumbSegmentComponent.html +2 -2
- package/docs/components/EclButtonComponent.html +2 -2
- package/docs/components/EclCardBodyComponent.html +2 -2
- package/docs/components/EclCardComponent.html +2 -2
- package/docs/components/EclCarouselComponent.html +2 -2
- package/docs/components/EclCarouselItemComponent.html +2 -2
- package/docs/components/EclCategoryFilterComponent.html +2 -2
- package/docs/components/EclCategoryFilterItemComponent.html +2 -2
- package/docs/components/EclCategoryFilterListComponent.html +2 -2
- package/docs/components/EclCheckboxHelpComponent.html +2 -2
- package/docs/components/EclCheckboxLabelComponent.html +3 -3
- package/docs/components/EclContentBlockComponent.html +2 -2
- package/docs/components/EclContentItemComponent.html +2 -2
- package/docs/components/EclDateBlockComponent.html +2 -2
- package/docs/components/EclDescriptionListDefinitionComponent.html +2 -2
- package/docs/components/EclExpandableComponent.html +2 -2
- package/docs/components/EclFactFiguresComponent.html +2 -2
- package/docs/components/EclFactFiguresDescriptionComponent.html +2 -2
- package/docs/components/EclFactFiguresItemComponent.html +2 -2
- package/docs/components/EclFactFiguresTitleComponent.html +2 -2
- package/docs/components/EclFactFiguresValueComponent.html +2 -2
- package/docs/components/EclFactFiguresViewAllComponent.html +2 -2
- package/docs/components/EclFeaturedComponent.html +33 -15
- package/docs/components/EclFeaturedItemComponent.html +27 -3
- package/docs/components/EclFeaturedItemDescriptionComponent.html +2 -2
- package/docs/components/EclFileComponent.html +2 -2
- package/docs/components/EclFileItemComponent.html +2 -2
- package/docs/components/EclFileItemsComponent.html +2 -2
- package/docs/components/EclFileTaxonomyComponent.html +2 -2
- package/docs/components/EclFormGroupComponent.html +2 -2
- package/docs/components/EclFormLabelComponent.html +3 -3
- package/docs/components/EclGalleryComponent.html +3 -3
- package/docs/components/EclGalleryFooterComponent.html +2 -2
- package/docs/components/EclGalleryItemComponent.html +3 -3
- package/docs/components/EclIconComponent.html +2 -2
- package/docs/components/EclInpageNavigationComponent.html +2 -2
- package/docs/components/EclInpageNavigationItemComponent.html +2 -2
- package/docs/components/EclListIllustrationComponent.html +2 -2
- package/docs/components/EclListIllustrationItemComponent.html +2 -2
- package/docs/components/EclLoadingIndicatorComponent.html +2 -2
- package/docs/components/EclMediaContainerComponent.html +2 -2
- package/docs/components/EclMegaMenuComponent.html +46 -2
- package/docs/components/EclMegaMenuFeaturedComponent.html +2 -2
- package/docs/components/EclMegaMenuInfoComponent.html +2 -2
- package/docs/components/EclMegaMenuItemComponent.html +2 -2
- package/docs/components/EclMegaMenuSubitemComponent.html +2 -2
- package/docs/components/EclMenuComponent.html +46 -2
- package/docs/components/EclMenuItemComponent.html +3 -3
- package/docs/components/EclMenuMegaComponent.html +2 -2
- package/docs/components/EclMenuMegaItemComponent.html +2 -2
- package/docs/components/EclModalBodyComponent.html +2 -2
- package/docs/components/EclModalComponent.html +2 -2
- package/docs/components/EclModalFooterComponent.html +2 -2
- package/docs/components/EclModalHeaderComponent.html +2 -2
- package/docs/components/EclMultiselectComponent.html +2 -2
- package/docs/components/EclMultiselectDropdownComponent.html +2 -2
- package/docs/components/EclMultiselectInputComponent.html +2 -2
- package/docs/components/EclMultiselectOptgroupComponent.html +2 -2
- package/docs/components/EclMultiselectOptionComponent.html +2 -2
- package/docs/components/EclNavigationListComponent.html +2 -2
- package/docs/components/EclNavigationListItemComponent.html +2 -2
- package/docs/components/EclNewsTickerComponent.html +2 -2
- package/docs/components/EclNewsTickerItemComponent.html +2 -2
- package/docs/components/EclNotificationComponent.html +3 -3
- package/docs/components/EclPageHeaderComponent.html +2 -2
- package/docs/components/EclPaginationComponent.html +2 -2
- package/docs/components/EclPaginationItemComponent.html +2 -2
- package/docs/components/EclPopoverComponent.html +96 -27
- package/docs/components/EclRadioHelpComponent.html +2 -2
- package/docs/components/EclRadioLabelComponent.html +2 -2
- package/docs/components/EclRangeBubbleComponent.html +2 -2
- package/docs/components/EclRangeValueComponent.html +2 -2
- package/docs/components/EclRatingFieldComponent.html +2 -2
- package/docs/components/EclSearchFormComponent.html +3 -3
- package/docs/components/EclSelectContainerComponent.html +2 -2
- package/docs/components/EclSiteFooterComponent.html +2 -2
- package/docs/components/EclSiteFooterCoreComponent.html +2 -2
- package/docs/components/EclSiteFooterFixedContentEUComponent.html +2 -2
- package/docs/components/EclSiteFooterRowCommonComponent.html +2 -2
- package/docs/components/EclSiteHeaderActionComponent.html +2 -2
- package/docs/components/EclSiteHeaderBannerTopComponent.html +2 -2
- package/docs/components/EclSiteHeaderComponent.html +33 -3
- package/docs/components/EclSiteHeaderCustomActionComponent.html +2 -2
- package/docs/components/EclSiteHeaderEnvironmentComponent.html +2 -2
- package/docs/components/EclSiteHeaderLanguageComponent.html +3 -3
- package/docs/components/EclSiteHeaderLanguagePopoverComponent.html +3 -3
- package/docs/components/EclSiteHeaderLoginComponent.html +3 -3
- package/docs/components/EclSiteHeaderNotificationComponent.html +2 -2
- package/docs/components/EclSiteHeaderSearchComponent.html +2 -2
- package/docs/components/EclSocialMediaFollowComponent.html +2 -2
- package/docs/components/EclSocialMediaFollowItemComponent.html +2 -2
- package/docs/components/EclSplashPageComponent.html +2 -2
- package/docs/components/EclSplashPageLanguageCategoryComponent.html +2 -2
- package/docs/components/EclSplashPageLanguageContainerComponent.html +2 -2
- package/docs/components/EclSplashPageLanguageLinkComponent.html +2 -2
- package/docs/components/EclStickyContainerComponent.html +2 -2
- package/docs/components/EclTabComponent.html +2 -2
- package/docs/components/EclTabLabelComponent.html +2 -2
- package/docs/components/EclTabMoreComponent.html +2 -2
- package/docs/components/EclTableSortButtonComponent.html +2 -2
- package/docs/components/EclTabsComponent.html +2 -2
- package/docs/components/EclTagComponent.html +2 -2
- package/docs/components/EclTimelineComponent.html +2 -2
- package/docs/components/EclTimelineItemComponent.html +2 -2
- package/docs/components/EclTimelineItemTogglerComponent.html +2 -2
- package/docs/directives/EclBannerDescriptionLinkDirective.html +65 -1
- package/docs/directives/EclBannerTitleLinkDirective.html +64 -1
- package/docs/directives/{EclSeparatorDirective.html → EclDividerDirective.html} +4 -4
- package/docs/directives/{EclFeaturedItemFooterLinkDirective.html → EclSiteFooterDescriptionNameDirective.html} +14 -14
- package/docs/js/menu-wc.js +36 -109
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/miscellaneous/variables.html +31 -98
- package/docs/modules/{EclSeparatorModule.html → EclDividerModule.html} +6 -6
- package/docs/modules.html +12 -24
- package/docs/overview.html +4 -4
- package/docs/properties.html +1 -1
- package/fesm2022/eui-ecl-components-ecl-accordion.mjs +61 -43
- package/fesm2022/eui-ecl-components-ecl-accordion.mjs.map +1 -1
- package/fesm2022/eui-ecl-components-ecl-app.mjs +2 -2
- package/fesm2022/eui-ecl-components-ecl-app.mjs.map +1 -1
- package/fesm2022/eui-ecl-components-ecl-banner.mjs +14 -5
- package/fesm2022/eui-ecl-components-ecl-banner.mjs.map +1 -1
- package/fesm2022/eui-ecl-components-ecl-checkbox.mjs +2 -2
- package/fesm2022/eui-ecl-components-ecl-checkbox.mjs.map +1 -1
- package/fesm2022/eui-ecl-components-ecl-divider.mjs +57 -0
- package/fesm2022/eui-ecl-components-ecl-divider.mjs.map +1 -0
- package/fesm2022/eui-ecl-components-ecl-featured.mjs +21 -83
- package/fesm2022/eui-ecl-components-ecl-featured.mjs.map +1 -1
- package/fesm2022/eui-ecl-components-ecl-feedback-message.mjs +1 -0
- package/fesm2022/eui-ecl-components-ecl-feedback-message.mjs.map +1 -1
- package/fesm2022/eui-ecl-components-ecl-form-label.mjs +2 -2
- package/fesm2022/eui-ecl-components-ecl-form-label.mjs.map +1 -1
- package/fesm2022/eui-ecl-components-ecl-gallery.mjs +4 -4
- package/fesm2022/eui-ecl-components-ecl-gallery.mjs.map +1 -1
- package/fesm2022/eui-ecl-components-ecl-mega-menu.mjs +45 -18
- package/fesm2022/eui-ecl-components-ecl-mega-menu.mjs.map +1 -1
- package/fesm2022/eui-ecl-components-ecl-menu.mjs +34 -15
- package/fesm2022/eui-ecl-components-ecl-menu.mjs.map +1 -1
- package/fesm2022/eui-ecl-components-ecl-notification.mjs +2 -2
- package/fesm2022/eui-ecl-components-ecl-notification.mjs.map +1 -1
- package/fesm2022/eui-ecl-components-ecl-popover.mjs +169 -98
- package/fesm2022/eui-ecl-components-ecl-popover.mjs.map +1 -1
- package/fesm2022/eui-ecl-components-ecl-search-form.mjs +2 -2
- package/fesm2022/eui-ecl-components-ecl-search-form.mjs.map +1 -1
- package/fesm2022/eui-ecl-components-ecl-site-footer.mjs +23 -1
- package/fesm2022/eui-ecl-components-ecl-site-footer.mjs.map +1 -1
- package/fesm2022/eui-ecl-components-ecl-site-header.mjs +22 -15
- package/fesm2022/eui-ecl-components-ecl-site-header.mjs.map +1 -1
- package/fesm2022/eui-ecl-components-ecl-social-media-follow.mjs +1 -0
- package/fesm2022/eui-ecl-components-ecl-social-media-follow.mjs.map +1 -1
- package/fesm2022/eui-ecl.mjs +46 -49
- package/fesm2022/eui-ecl.mjs.map +1 -1
- package/index.d.ts +44 -45
- package/index.d.ts.map +1 -1
- package/package.json +52 -56
- package/components/ecl-separator/index.d.ts +0 -31
- package/components/ecl-separator/index.d.ts.map +0 -1
- package/components/ecl-separator/package.json +0 -3
- package/components/ecl-social-media-share/index.d.ts +0 -54
- package/components/ecl-social-media-share/index.d.ts.map +0 -1
- package/components/ecl-social-media-share/package.json +0 -3
- package/docs/classes/EclSocialMediaShareItemClickEvent.html +0 -304
- package/docs/components/EclFeaturedItemFooterComponent.html +0 -560
- package/docs/components/EclSocialMediaShareComponent.html +0 -584
- package/docs/components/EclSocialMediaShareItemComponent.html +0 -829
- package/docs/directives/EclFeaturedItemFooterPictureDirective.html +0 -502
- package/docs/directives/EclSocialMediaShareLinkDirective.html +0 -553
- package/docs/modules/EclSocialMediaShareModule.html +0 -321
- package/fesm2022/eui-ecl-components-ecl-separator.mjs +0 -57
- package/fesm2022/eui-ecl-components-ecl-separator.mjs.map +0 -1
- package/fesm2022/eui-ecl-components-ecl-social-media-share.mjs +0 -136
- package/fesm2022/eui-ecl-components-ecl-social-media-share.mjs.map +0 -1
|
@@ -214,9 +214,6 @@
|
|
|
214
214
|
<li>
|
|
215
215
|
<a href="#COMPONENTS" title="packages/ecl/components/ecl-social-media-follow/ecl-social-media-follow.module.ts" ><b>COMPONENTS</b> (packages/.../ecl-social-media-follow.module.ts)</a>
|
|
216
216
|
</li>
|
|
217
|
-
<li>
|
|
218
|
-
<a href="#COMPONENTS" title="packages/ecl/components/ecl-social-media-share/ecl-social-media-share.module.ts" ><b>COMPONENTS</b> (packages/.../ecl-social-media-share.module.ts)</a>
|
|
219
|
-
</li>
|
|
220
217
|
<li>
|
|
221
218
|
<a href="#COMPONENTS" title="packages/ecl/components/ecl-splash-page/ecl-splash-page.module.ts" ><b>COMPONENTS</b> (packages/.../ecl-splash-page.module.ts)</a>
|
|
222
219
|
</li>
|
|
@@ -286,6 +283,9 @@
|
|
|
286
283
|
<li>
|
|
287
284
|
<a href="#EUI_ECL_DATE_PICKER" title="packages/ecl/components/ecl-date-picker/index.ts" ><b>EUI_ECL_DATE_PICKER</b> (packages/.../index.ts)</a>
|
|
288
285
|
</li>
|
|
286
|
+
<li>
|
|
287
|
+
<a href="#EUI_ECL_DIVIDER" title="packages/ecl/components/ecl-divider/index.ts" ><b>EUI_ECL_DIVIDER</b> (packages/.../index.ts)</a>
|
|
288
|
+
</li>
|
|
289
289
|
<li>
|
|
290
290
|
<a href="#EUI_ECL_EXPANDABLE" title="packages/ecl/components/ecl-expandable/index.ts" ><b>EUI_ECL_EXPANDABLE</b> (packages/.../index.ts)</a>
|
|
291
291
|
</li>
|
|
@@ -385,9 +385,6 @@
|
|
|
385
385
|
<li>
|
|
386
386
|
<a href="#EUI_ECL_SELECT" title="packages/ecl/components/ecl-select/index.ts" ><b>EUI_ECL_SELECT</b> (packages/.../index.ts)</a>
|
|
387
387
|
</li>
|
|
388
|
-
<li>
|
|
389
|
-
<a href="#EUI_ECL_SEPARATOR" title="packages/ecl/components/ecl-separator/index.ts" ><b>EUI_ECL_SEPARATOR</b> (packages/.../index.ts)</a>
|
|
390
|
-
</li>
|
|
391
388
|
<li>
|
|
392
389
|
<a href="#EUI_ECL_SITE_FOOTER" title="packages/ecl/components/ecl-site-footer/index.ts" ><b>EUI_ECL_SITE_FOOTER</b> (packages/.../index.ts)</a>
|
|
393
390
|
</li>
|
|
@@ -397,9 +394,6 @@
|
|
|
397
394
|
<li>
|
|
398
395
|
<a href="#EUI_ECL_SOCIAL_MEDIA_FOLLOW" title="packages/ecl/components/ecl-social-media-follow/index.ts" ><b>EUI_ECL_SOCIAL_MEDIA_FOLLOW</b> (packages/.../index.ts)</a>
|
|
399
396
|
</li>
|
|
400
|
-
<li>
|
|
401
|
-
<a href="#EUI_ECL_SOCIAL_MEDIA_SHARE" title="packages/ecl/components/ecl-social-media-share/index.ts" ><b>EUI_ECL_SOCIAL_MEDIA_SHARE</b> (packages/.../index.ts)</a>
|
|
402
|
-
</li>
|
|
403
397
|
<li>
|
|
404
398
|
<a href="#EUI_ECL_SPLASH_PAGE" title="packages/ecl/components/ecl-splash-page/index.ts" ><b>EUI_ECL_SPLASH_PAGE</b> (packages/.../index.ts)</a>
|
|
405
399
|
</li>
|
|
@@ -745,9 +739,6 @@
|
|
|
745
739
|
EclFeaturedItemComponent,
|
|
746
740
|
EclFeaturedItemLinkDirective,
|
|
747
741
|
EclFeaturedItemDescriptionComponent,
|
|
748
|
-
EclFeaturedItemFooterPictureDirective,
|
|
749
|
-
EclFeaturedItemFooterLinkDirective,
|
|
750
|
-
EclFeaturedItemFooterComponent,
|
|
751
742
|
]</code>
|
|
752
743
|
</td>
|
|
753
744
|
</tr>
|
|
@@ -1373,6 +1364,7 @@
|
|
|
1373
1364
|
EclSiteFooterColumnDirective,
|
|
1374
1365
|
EclSiteFooterCoreComponent,
|
|
1375
1366
|
EclSiteFooterComponent,
|
|
1367
|
+
EclSiteFooterDescriptionNameDirective,
|
|
1376
1368
|
EclSiteFooterSectionDirective,
|
|
1377
1369
|
EclSiteFooterTitleDirective,
|
|
1378
1370
|
EclSiteFooterDescriptionDirective,
|
|
@@ -1473,35 +1465,6 @@
|
|
|
1473
1465
|
</tr>
|
|
1474
1466
|
|
|
1475
1467
|
|
|
1476
|
-
</tbody>
|
|
1477
|
-
</table>
|
|
1478
|
-
</section>
|
|
1479
|
-
<h3>packages/ecl/components/ecl-social-media-share/ecl-social-media-share.module.ts</h3>
|
|
1480
|
-
<section data-compodoc="block-properties">
|
|
1481
|
-
<h3></h3> <table class="table table-sm table-bordered">
|
|
1482
|
-
<tbody>
|
|
1483
|
-
<tr>
|
|
1484
|
-
<td class="col-md-4">
|
|
1485
|
-
<a name="COMPONENTS"></a>
|
|
1486
|
-
<span class="name">
|
|
1487
|
-
<span ><b>COMPONENTS</b></span>
|
|
1488
|
-
<a href="#COMPONENTS"><span class="icon ion-ios-link"></span></a>
|
|
1489
|
-
</span>
|
|
1490
|
-
</td>
|
|
1491
|
-
</tr>
|
|
1492
|
-
<tr>
|
|
1493
|
-
<td class="col-md-4">
|
|
1494
|
-
<i>Type : </i> <code>[]</code>
|
|
1495
|
-
|
|
1496
|
-
</td>
|
|
1497
|
-
</tr>
|
|
1498
|
-
<tr>
|
|
1499
|
-
<td class="col-md-4">
|
|
1500
|
-
<i>Default value : </i><code>[EclSocialMediaShareComponent, EclSocialMediaShareItemComponent, EclSocialMediaShareLinkDirective]</code>
|
|
1501
|
-
</td>
|
|
1502
|
-
</tr>
|
|
1503
|
-
|
|
1504
|
-
|
|
1505
1468
|
</tbody>
|
|
1506
1469
|
</table>
|
|
1507
1470
|
</section>
|
|
@@ -2293,6 +2256,31 @@
|
|
|
2293
2256
|
</tr>
|
|
2294
2257
|
|
|
2295
2258
|
|
|
2259
|
+
</tbody>
|
|
2260
|
+
</table>
|
|
2261
|
+
</section>
|
|
2262
|
+
<h3>packages/ecl/components/ecl-divider/index.ts</h3>
|
|
2263
|
+
<section data-compodoc="block-properties">
|
|
2264
|
+
<h3></h3> <table class="table table-sm table-bordered">
|
|
2265
|
+
<tbody>
|
|
2266
|
+
<tr>
|
|
2267
|
+
<td class="col-md-4">
|
|
2268
|
+
<a name="EUI_ECL_DIVIDER"></a>
|
|
2269
|
+
<span class="name">
|
|
2270
|
+
<span ><b>EUI_ECL_DIVIDER</b></span>
|
|
2271
|
+
<a href="#EUI_ECL_DIVIDER"><span class="icon ion-ios-link"></span></a>
|
|
2272
|
+
</span>
|
|
2273
|
+
</td>
|
|
2274
|
+
</tr>
|
|
2275
|
+
<tr>
|
|
2276
|
+
<td class="col-md-4">
|
|
2277
|
+
<i>Default value : </i><code>[
|
|
2278
|
+
EclDividerDirective,
|
|
2279
|
+
] as const</code>
|
|
2280
|
+
</td>
|
|
2281
|
+
</tr>
|
|
2282
|
+
|
|
2283
|
+
|
|
2296
2284
|
</tbody>
|
|
2297
2285
|
</table>
|
|
2298
2286
|
</section>
|
|
@@ -2371,9 +2359,6 @@
|
|
|
2371
2359
|
EclFeaturedItemComponent,
|
|
2372
2360
|
EclFeaturedItemLinkDirective,
|
|
2373
2361
|
EclFeaturedItemDescriptionComponent,
|
|
2374
|
-
EclFeaturedItemFooterPictureDirective,
|
|
2375
|
-
EclFeaturedItemFooterLinkDirective,
|
|
2376
|
-
EclFeaturedItemFooterComponent,
|
|
2377
2362
|
] as const</code>
|
|
2378
2363
|
</td>
|
|
2379
2364
|
</tr>
|
|
@@ -3204,31 +3189,6 @@
|
|
|
3204
3189
|
</tr>
|
|
3205
3190
|
|
|
3206
3191
|
|
|
3207
|
-
</tbody>
|
|
3208
|
-
</table>
|
|
3209
|
-
</section>
|
|
3210
|
-
<h3>packages/ecl/components/ecl-separator/index.ts</h3>
|
|
3211
|
-
<section data-compodoc="block-properties">
|
|
3212
|
-
<h3></h3> <table class="table table-sm table-bordered">
|
|
3213
|
-
<tbody>
|
|
3214
|
-
<tr>
|
|
3215
|
-
<td class="col-md-4">
|
|
3216
|
-
<a name="EUI_ECL_SEPARATOR"></a>
|
|
3217
|
-
<span class="name">
|
|
3218
|
-
<span ><b>EUI_ECL_SEPARATOR</b></span>
|
|
3219
|
-
<a href="#EUI_ECL_SEPARATOR"><span class="icon ion-ios-link"></span></a>
|
|
3220
|
-
</span>
|
|
3221
|
-
</td>
|
|
3222
|
-
</tr>
|
|
3223
|
-
<tr>
|
|
3224
|
-
<td class="col-md-4">
|
|
3225
|
-
<i>Default value : </i><code>[
|
|
3226
|
-
EclSeparatorDirective,
|
|
3227
|
-
] as const</code>
|
|
3228
|
-
</td>
|
|
3229
|
-
</tr>
|
|
3230
|
-
|
|
3231
|
-
|
|
3232
3192
|
</tbody>
|
|
3233
3193
|
</table>
|
|
3234
3194
|
</section>
|
|
@@ -3252,6 +3212,7 @@
|
|
|
3252
3212
|
EclSiteFooterColumnDirective,
|
|
3253
3213
|
EclSiteFooterCoreComponent,
|
|
3254
3214
|
EclSiteFooterComponent,
|
|
3215
|
+
EclSiteFooterDescriptionNameDirective,
|
|
3255
3216
|
EclSiteFooterSectionDirective,
|
|
3256
3217
|
EclSiteFooterTitleDirective,
|
|
3257
3218
|
EclSiteFooterDescriptionDirective,
|
|
@@ -3344,33 +3305,6 @@
|
|
|
3344
3305
|
</tr>
|
|
3345
3306
|
|
|
3346
3307
|
|
|
3347
|
-
</tbody>
|
|
3348
|
-
</table>
|
|
3349
|
-
</section>
|
|
3350
|
-
<h3>packages/ecl/components/ecl-social-media-share/index.ts</h3>
|
|
3351
|
-
<section data-compodoc="block-properties">
|
|
3352
|
-
<h3></h3> <table class="table table-sm table-bordered">
|
|
3353
|
-
<tbody>
|
|
3354
|
-
<tr>
|
|
3355
|
-
<td class="col-md-4">
|
|
3356
|
-
<a name="EUI_ECL_SOCIAL_MEDIA_SHARE"></a>
|
|
3357
|
-
<span class="name">
|
|
3358
|
-
<span ><b>EUI_ECL_SOCIAL_MEDIA_SHARE</b></span>
|
|
3359
|
-
<a href="#EUI_ECL_SOCIAL_MEDIA_SHARE"><span class="icon ion-ios-link"></span></a>
|
|
3360
|
-
</span>
|
|
3361
|
-
</td>
|
|
3362
|
-
</tr>
|
|
3363
|
-
<tr>
|
|
3364
|
-
<td class="col-md-4">
|
|
3365
|
-
<i>Default value : </i><code>[
|
|
3366
|
-
EclSocialMediaShareComponent,
|
|
3367
|
-
EclSocialMediaShareItemComponent,
|
|
3368
|
-
EclSocialMediaShareLinkDirective,
|
|
3369
|
-
] as const</code>
|
|
3370
|
-
</td>
|
|
3371
|
-
</tr>
|
|
3372
|
-
|
|
3373
|
-
|
|
3374
3308
|
</tbody>
|
|
3375
3309
|
</table>
|
|
3376
3310
|
</section>
|
|
@@ -3696,6 +3630,7 @@
|
|
|
3696
3630
|
...EUI_ECL_CONTENT_ITEM,
|
|
3697
3631
|
...EUI_ECL_DATE_BLOCK,
|
|
3698
3632
|
...EUI_ECL_DATE_PICKER,
|
|
3633
|
+
...EUI_ECL_DIVIDER,
|
|
3699
3634
|
...EUI_ECL_EXPANDABLE,
|
|
3700
3635
|
...EUI_ECL_FACT_FIGURES,
|
|
3701
3636
|
...EUI_ECL_FEATURED,
|
|
@@ -3729,11 +3664,9 @@
|
|
|
3729
3664
|
...EUI_ECL_RATING_FIELD,
|
|
3730
3665
|
...EUI_ECL_SEARCH_FORM,
|
|
3731
3666
|
...EUI_ECL_SELECT,
|
|
3732
|
-
...EUI_ECL_SEPARATOR,
|
|
3733
3667
|
...EUI_ECL_SITE_FOOTER,
|
|
3734
3668
|
...EUI_ECL_SITE_HEADER,
|
|
3735
3669
|
...EUI_ECL_SOCIAL_MEDIA_FOLLOW,
|
|
3736
|
-
...EUI_ECL_SOCIAL_MEDIA_SHARE,
|
|
3737
3670
|
...EUI_ECL_STICKY_CONTAINER,
|
|
3738
3671
|
...EUI_ECL_TABLE,
|
|
3739
3672
|
...EUI_ECL_TABS,
|
|
@@ -107,7 +107,7 @@
|
|
|
107
107
|
<li class="breadcrumb-item">Modules</li>
|
|
108
108
|
<li class="breadcrumb-item"
|
|
109
109
|
class="breadcrumb-item deprecated-name"
|
|
110
|
-
>
|
|
110
|
+
>EclDividerModule</li>
|
|
111
111
|
</ol>
|
|
112
112
|
|
|
113
113
|
|
|
@@ -127,7 +127,7 @@
|
|
|
127
127
|
<h3>File</h3>
|
|
128
128
|
</p>
|
|
129
129
|
<p class="comment">
|
|
130
|
-
<code>packages/ecl/components/ecl-
|
|
130
|
+
<code>packages/ecl/components/ecl-divider/ecl-divider.module.ts</code>
|
|
131
131
|
</p>
|
|
132
132
|
|
|
133
133
|
|
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
<h3>Description</h3>
|
|
143
143
|
</p>
|
|
144
144
|
<p class="comment">
|
|
145
|
-
<p>Module that provides the
|
|
145
|
+
<p>Module that provides the EclDivider directive.</p>
|
|
146
146
|
|
|
147
147
|
</p>
|
|
148
148
|
|
|
@@ -155,7 +155,7 @@
|
|
|
155
155
|
class="icon ion-ios-information-circle-outline"></a></h3>
|
|
156
156
|
<ul class="list-group">
|
|
157
157
|
<li class="list-group-item">
|
|
158
|
-
<a href="../modules/
|
|
158
|
+
<a href="../modules/EclDividerDirective.html">EclDividerDirective</a>
|
|
159
159
|
</li>
|
|
160
160
|
</ul>
|
|
161
161
|
</div>
|
|
@@ -165,7 +165,7 @@
|
|
|
165
165
|
class="icon ion-ios-information-circle-outline"></a></h3>
|
|
166
166
|
<ul class="list-group">
|
|
167
167
|
<li class="list-group-item">
|
|
168
|
-
<a href="../directives/
|
|
168
|
+
<a href="../directives/EclDividerDirective.html">EclDividerDirective</a>
|
|
169
169
|
</li>
|
|
170
170
|
</ul>
|
|
171
171
|
</div>
|
|
@@ -220,7 +220,7 @@
|
|
|
220
220
|
<script>
|
|
221
221
|
var COMPODOC_CURRENT_PAGE_DEPTH = 1;
|
|
222
222
|
var COMPODOC_CURRENT_PAGE_CONTEXT = 'module';
|
|
223
|
-
var COMPODOC_CURRENT_PAGE_URL = '
|
|
223
|
+
var COMPODOC_CURRENT_PAGE_URL = 'EclDividerModule.html';
|
|
224
224
|
var MAX_SEARCH_RESULTS = 15;
|
|
225
225
|
</script>
|
|
226
226
|
|
package/docs/modules.html
CHANGED
|
@@ -288,6 +288,18 @@
|
|
|
288
288
|
</div>
|
|
289
289
|
</div>
|
|
290
290
|
</div>
|
|
291
|
+
<div class="col-md-6 col-lg-4">
|
|
292
|
+
<div class="card card-module">
|
|
293
|
+
<div class="card-header">
|
|
294
|
+
<h4 class="card-title">EclDividerModule</h4>
|
|
295
|
+
</div>
|
|
296
|
+
<div class="card-block">
|
|
297
|
+
<footer class="text-center">
|
|
298
|
+
<a href="./modules/EclDividerModule.html" class="btn btn-default">Browse</a>
|
|
299
|
+
</footer>
|
|
300
|
+
</div>
|
|
301
|
+
</div>
|
|
302
|
+
</div>
|
|
291
303
|
<div class="col-md-6 col-lg-4">
|
|
292
304
|
<div class="card card-module">
|
|
293
305
|
<div class="card-header">
|
|
@@ -696,18 +708,6 @@
|
|
|
696
708
|
</div>
|
|
697
709
|
</div>
|
|
698
710
|
</div>
|
|
699
|
-
<div class="col-md-6 col-lg-4">
|
|
700
|
-
<div class="card card-module">
|
|
701
|
-
<div class="card-header">
|
|
702
|
-
<h4 class="card-title">EclSeparatorModule</h4>
|
|
703
|
-
</div>
|
|
704
|
-
<div class="card-block">
|
|
705
|
-
<footer class="text-center">
|
|
706
|
-
<a href="./modules/EclSeparatorModule.html" class="btn btn-default">Browse</a>
|
|
707
|
-
</footer>
|
|
708
|
-
</div>
|
|
709
|
-
</div>
|
|
710
|
-
</div>
|
|
711
711
|
<div class="col-md-6 col-lg-4">
|
|
712
712
|
<div class="card card-module">
|
|
713
713
|
<div class="card-header">
|
|
@@ -744,18 +744,6 @@
|
|
|
744
744
|
</div>
|
|
745
745
|
</div>
|
|
746
746
|
</div>
|
|
747
|
-
<div class="col-md-6 col-lg-4">
|
|
748
|
-
<div class="card card-module">
|
|
749
|
-
<div class="card-header">
|
|
750
|
-
<h4 class="card-title">EclSocialMediaShareModule</h4>
|
|
751
|
-
</div>
|
|
752
|
-
<div class="card-block">
|
|
753
|
-
<footer class="text-center">
|
|
754
|
-
<a href="./modules/EclSocialMediaShareModule.html" class="btn btn-default">Browse</a>
|
|
755
|
-
</footer>
|
|
756
|
-
</div>
|
|
757
|
-
</div>
|
|
758
|
-
</div>
|
|
759
747
|
<div class="col-md-6 col-lg-4">
|
|
760
748
|
<div class="card card-module">
|
|
761
749
|
<div class="card-header">
|
package/docs/overview.html
CHANGED
|
@@ -113,7 +113,7 @@
|
|
|
113
113
|
<div class="card-block">
|
|
114
114
|
<h4 class="card-title"><span class="icon ion-ios-archive"></span></h4>
|
|
115
115
|
<p class="card-text">
|
|
116
|
-
<a href="./modules.html">
|
|
116
|
+
<a href="./modules.html">61 Modules</a>
|
|
117
117
|
</p>
|
|
118
118
|
</div>
|
|
119
119
|
</div>
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
<div class="card text-center">
|
|
123
123
|
<div class="card-block">
|
|
124
124
|
<h4 class="card-title"><span class="icon ion-md-cog"></span></h4>
|
|
125
|
-
<p class="card-text">
|
|
125
|
+
<p class="card-text">111 Components</p>
|
|
126
126
|
</div>
|
|
127
127
|
</div>
|
|
128
128
|
</div>
|
|
@@ -130,7 +130,7 @@
|
|
|
130
130
|
<div class="card text-center">
|
|
131
131
|
<div class="card-block">
|
|
132
132
|
<h4 class="card-title"><span class="icon ion-md-code-working"></span></h4>
|
|
133
|
-
<p class="card-text">
|
|
133
|
+
<p class="card-text">161 Directives</p>
|
|
134
134
|
</div>
|
|
135
135
|
</div>
|
|
136
136
|
</div>
|
|
@@ -154,7 +154,7 @@
|
|
|
154
154
|
<div class="card text-center">
|
|
155
155
|
<div class="card-block">
|
|
156
156
|
<h4 class="card-title"><span class="icon ion-ios-paper"></span></h4>
|
|
157
|
-
<p class="card-text">
|
|
157
|
+
<p class="card-text">58 Classes</p>
|
|
158
158
|
</div>
|
|
159
159
|
</div>
|
|
160
160
|
</div>
|
package/docs/properties.html
CHANGED
|
@@ -1,53 +1,12 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { inject, HostBinding,
|
|
2
|
+
import { inject, EventEmitter, ChangeDetectorRef, booleanAttribute, HostBinding, Output, Input, ChangeDetectionStrategy, Component, Renderer2, ElementRef, ContentChildren, NgModule } from '@angular/core';
|
|
3
3
|
import { CommonModule } from '@angular/common';
|
|
4
4
|
import * as i1 from '@eui/ecl/core';
|
|
5
|
-
import {
|
|
5
|
+
import { EclBaseEvent, ECLBaseDirective } from '@eui/ecl/core';
|
|
6
6
|
import { TranslateModule } from '@ngx-translate/core';
|
|
7
7
|
import * as i2 from '@eui/ecl/components/ecl-icon';
|
|
8
8
|
import { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';
|
|
9
9
|
|
|
10
|
-
/**
|
|
11
|
-
* Accordion component that manages the expansion and collapsing state of accordion items.
|
|
12
|
-
* Uses the `ECLBaseDirective` to apply appropriate CSS classes and manage the visual styling.
|
|
13
|
-
*
|
|
14
|
-
* @description
|
|
15
|
-
* This is the main component for the accordion container, responsible for managing the expansion
|
|
16
|
-
* of individual items within the accordion. It provides the functionality to group and organize content
|
|
17
|
-
* in expandable sections.
|
|
18
|
-
*
|
|
19
|
-
* @property {string} cssClasses - Returns a string of CSS classes applied to the host element.
|
|
20
|
-
* The main class is `ecl-accordion`, which can be extended with additional classes.
|
|
21
|
-
*/
|
|
22
|
-
class EclAccordionComponent {
|
|
23
|
-
constructor() {
|
|
24
|
-
this.baseDirective = inject(ECLBaseDirective);
|
|
25
|
-
}
|
|
26
|
-
/**
|
|
27
|
-
* @description
|
|
28
|
-
* Retrieves and returns the CSS classes for the component based on its current state.
|
|
29
|
-
* Uses `baseDirective` to fetch the appropriate CSS classes.
|
|
30
|
-
*
|
|
31
|
-
* @returns {string} - A string of CSS class names.
|
|
32
|
-
*/
|
|
33
|
-
get cssClasses() {
|
|
34
|
-
return [this.baseDirective.getCssClasses('ecl-accordion')].join(' ').trim();
|
|
35
|
-
}
|
|
36
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
37
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0-next.5", type: EclAccordionComponent, isStandalone: true, selector: "ecl-accordion", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.ECLBaseDirective }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
38
|
-
}
|
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclAccordionComponent, decorators: [{
|
|
40
|
-
type: Component,
|
|
41
|
-
args: [{ selector: 'ecl-accordion', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, ...EUI_ECL_ICON, TranslateModule], hostDirectives: [
|
|
42
|
-
{
|
|
43
|
-
directive: ECLBaseDirective,
|
|
44
|
-
},
|
|
45
|
-
], template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
|
|
46
|
-
}], propDecorators: { cssClasses: [{
|
|
47
|
-
type: HostBinding,
|
|
48
|
-
args: ['class']
|
|
49
|
-
}] } });
|
|
50
|
-
|
|
51
10
|
class EclAccordionToggleEvent extends EclBaseEvent {
|
|
52
11
|
constructor(isExpanded) {
|
|
53
12
|
super();
|
|
@@ -122,6 +81,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5",
|
|
|
122
81
|
args: ['class']
|
|
123
82
|
}] } });
|
|
124
83
|
|
|
84
|
+
/**
|
|
85
|
+
* Accordion component that manages the expansion and collapsing state of accordion items.
|
|
86
|
+
* Uses the `ECLBaseDirective` to apply appropriate CSS classes and manage the visual styling.
|
|
87
|
+
*
|
|
88
|
+
* @description
|
|
89
|
+
* This is the main component for the accordion container, responsible for managing the expansion
|
|
90
|
+
* of individual items within the accordion. It provides the functionality to group and organize content
|
|
91
|
+
* in expandable sections.
|
|
92
|
+
*
|
|
93
|
+
* @property {string} cssClasses - Returns a string of CSS classes applied to the host element.
|
|
94
|
+
* The main class is `ecl-accordion`, which can be extended with additional classes.
|
|
95
|
+
*/
|
|
96
|
+
class EclAccordionComponent {
|
|
97
|
+
constructor() {
|
|
98
|
+
this.baseDirective = inject(ECLBaseDirective);
|
|
99
|
+
this.renderer = inject(Renderer2);
|
|
100
|
+
}
|
|
101
|
+
/**
|
|
102
|
+
* @description
|
|
103
|
+
* Retrieves and returns the CSS classes for the component based on its current state.
|
|
104
|
+
* Uses `baseDirective` to fetch the appropriate CSS classes.
|
|
105
|
+
*
|
|
106
|
+
* @returns {string} - A string of CSS class names.
|
|
107
|
+
*/
|
|
108
|
+
get cssClasses() {
|
|
109
|
+
return [this.baseDirective.getCssClasses('ecl-accordion')].join(' ').trim();
|
|
110
|
+
}
|
|
111
|
+
ngAfterContentInit() {
|
|
112
|
+
this.setFirstAndLastClasses();
|
|
113
|
+
}
|
|
114
|
+
setFirstAndLastClasses() {
|
|
115
|
+
const elements = this.items.toArray();
|
|
116
|
+
if (elements.length === 0)
|
|
117
|
+
return;
|
|
118
|
+
elements.forEach((el) => {
|
|
119
|
+
this.renderer.removeClass(el.nativeElement, 'is-first');
|
|
120
|
+
this.renderer.removeClass(el.nativeElement, 'is-last');
|
|
121
|
+
});
|
|
122
|
+
this.renderer.addClass(elements[0].nativeElement, 'is-first');
|
|
123
|
+
this.renderer.addClass(elements[elements.length - 1].nativeElement, 'is-last');
|
|
124
|
+
}
|
|
125
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
126
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.0-next.5", type: EclAccordionComponent, isStandalone: true, selector: "ecl-accordion", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "items", predicate: EclAccordionItemComponent, read: ElementRef }], hostDirectives: [{ directive: i1.ECLBaseDirective }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
127
|
+
}
|
|
128
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0-next.5", ngImport: i0, type: EclAccordionComponent, decorators: [{
|
|
129
|
+
type: Component,
|
|
130
|
+
args: [{ selector: 'ecl-accordion', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, ...EUI_ECL_ICON, TranslateModule], hostDirectives: [
|
|
131
|
+
{
|
|
132
|
+
directive: ECLBaseDirective,
|
|
133
|
+
},
|
|
134
|
+
], template: "<ng-content></ng-content>\n", styles: [":host{display:block}\n"] }]
|
|
135
|
+
}], propDecorators: { items: [{
|
|
136
|
+
type: ContentChildren,
|
|
137
|
+
args: [EclAccordionItemComponent, { read: ElementRef }]
|
|
138
|
+
}], cssClasses: [{
|
|
139
|
+
type: HostBinding,
|
|
140
|
+
args: ['class']
|
|
141
|
+
}] } });
|
|
142
|
+
|
|
125
143
|
/**
|
|
126
144
|
* @description
|
|
127
145
|
* Module that provides the EclAccordion component and its dependencies.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-ecl-components-ecl-accordion.mjs","sources":["../../components/ecl-accordion/ecl-accordion.component.ts","../../components/ecl-accordion/ecl-accordion.component.html","../../components/ecl-accordion/events/ecl-accordion-toggle.event.ts","../../components/ecl-accordion/ecl-accordion-item.component.ts","../../components/ecl-accordion/ecl-accordion-item.component.html","../../components/ecl-accordion/ecl-accordion.module.ts","../../components/ecl-accordion/index.ts","../../components/ecl-accordion/eui-ecl-components-ecl-accordion.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n HostBinding,\n inject,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\n\n/**\n * Accordion component that manages the expansion and collapsing state of accordion items.\n * Uses the `ECLBaseDirective` to apply appropriate CSS classes and manage the visual styling.\n *\n * @description\n * This is the main component for the accordion container, responsible for managing the expansion\n * of individual items within the accordion. It provides the functionality to group and organize content\n * in expandable sections.\n *\n * @property {string} cssClasses - Returns a string of CSS classes applied to the host element.\n * The main class is `ecl-accordion`, which can be extended with additional classes.\n */\n@Component({\n selector: 'ecl-accordion',\n templateUrl: './ecl-accordion.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [CommonModule, ...EUI_ECL_ICON, TranslateModule],\n styles: [\n `\n :host {\n display: block;\n }\n `,\n ],\n hostDirectives: [\n {\n directive: ECLBaseDirective,\n },\n ],\n})\nexport class EclAccordionComponent {\n baseDirective = inject(ECLBaseDirective);\n\n /**\n * @description\n * Retrieves and returns the CSS classes for the component based on its current state.\n * Uses `baseDirective` to fetch the appropriate CSS classes.\n *\n * @returns {string} - A string of CSS class names.\n */\n @HostBinding('class')\n get cssClasses(): string {\n return [this.baseDirective.getCssClasses('ecl-accordion')].join(' ').trim();\n }\n}\n","<ng-content></ng-content>\n","import { EclBaseEvent } from '@eui/ecl/core';\n\nexport class EclAccordionToggleEvent extends EclBaseEvent {\n\tconstructor(public isExpanded: boolean) {\n\t\tsuper();\n\t}\n}","import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n HostBinding,\n Input,\n OnInit,\n Output,\n booleanAttribute,\n ChangeDetectorRef,\n inject,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclAccordionToggleEvent } from './events/ecl-accordion-toggle.event';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\n\n/**\n * Represents an individual item within an ECL Accordion.\n * This component allows for expand/collapse behavior and emits toggle events on interaction.\n */\n@Component({\n selector: 'ecl-accordion-item',\n templateUrl: './ecl-accordion-item.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [CommonModule, ...EUI_ECL_ICON, TranslateModule],\n styles: [\n `\n :host {\n display: block;\n }\n `,\n ],\n hostDirectives: [\n {\n directive: ECLBaseDirective,\n },\n ],\n})\nexport class EclAccordionItemComponent implements OnInit {\n baseDirective = inject(ECLBaseDirective);\n /**\n * The label for the accordion header.\n * This value is displayed as the clickable title of the item.\n */\n @Input() label: string;\n\n /**\n * Whether the accordion item is expanded by default.\n * Can be controlled externally.\n * @default false\n */\n @Input({ transform: booleanAttribute }) isExpanded = false;\n\n /**\n * Event emitted when the item is toggled (expanded/collapsed).\n * The emitted value contains the next expanded state.\n */\n // eslint-disable-next-line\n @Output() toggle = new EventEmitter<EclAccordionToggleEvent>();\n\n contentId = '';\n titleId = '';\n private cd = inject(ChangeDetectorRef);\n\n @HostBinding('class')\n get cssClasses(): string {\n return [this.baseDirective.getCssClasses('ecl-accordion__item')].join(' ').trim();\n }\n\n ngOnInit(): void {\n this.titleId = crypto.randomUUID();\n this.contentId = crypto.randomUUID();\n }\n\n /**\n * Handles click on the accordion item header.\n * Toggles the item and emits a toggle event.\n * If the event is not prevented, the item's state is updated.\n *\n * @param evt - The mouse click event\n */\n onItemClick(evt: MouseEvent): void {\n const nextExpandedState = !this.isExpanded;\n const event = new EclAccordionToggleEvent(nextExpandedState);\n\n this.toggle.next(event);\n\n if (!event.defaultPrevented) {\n this.isExpanded = nextExpandedState;\n }\n }\n}\n","<div class=\"ecl-accordion__title\" [id]=\"titleId\">\n <button\n type=\"button\"\n (click)=\"onItemClick($event)\"\n [attr.aria-expanded]=\"isExpanded\"\n class=\"ecl-accordion__toggle\"\n [attr.aria-controls]=\"contentId\">\n <span class=\"ecl-accordion__toggle-flex\">\n <span class=\"ecl-accordion__toggle-title\">{{ label }}</span>\n <span class=\"ecl-accordion__toggle-indicator\">\n <ecl-icon icon=\"plus\" size=\"s\" class=\"ecl-accordion__toggle-icon\" ariaHidden=\"true\">\n </ecl-icon>\n <ecl-icon icon=\"minus\" size=\"s\" class=\"ecl-accordion__toggle-icon\" ariaHidden=\"true\">\n </ecl-icon>\n </span>\n </span>\n </button>\n</div>\n<div class=\"ecl-accordion__content\" [hidden]=\"!isExpanded\" role=\"region\" [attr.aria-labelledby]=\"titleId\" [id]=\"contentId\">\n <ng-content></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { EclAccordionComponent } from './ecl-accordion.component';\nimport { EclAccordionItemComponent } from './ecl-accordion-item.component';\n\n/**\n * @description\n * Module that provides the EclAccordion component and its dependencies.\n *\n * @deprecated Use {@link EUI_ECL_ACCORDION} instead.\n */\n@NgModule({\n imports: [EclAccordionComponent, EclAccordionItemComponent],\n exports: [EclAccordionComponent, EclAccordionItemComponent],\n})\nexport class EclAccordionModule {}\n","import { EclAccordionComponent } from './ecl-accordion.component';\nimport { EclAccordionItemComponent } from './ecl-accordion-item.component';\n\nexport * from './ecl-accordion.module';\nexport * from './ecl-accordion.component';\nexport * from './ecl-accordion-item.component';\nexport * from './events/ecl-accordion-toggle.event';\n\nexport const EUI_ECL_ACCORDION = [\n EclAccordionComponent,\n EclAccordionItemComponent,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"eui-ecl-components-ecl-accordion.mjs","sources":["../../components/ecl-accordion/events/ecl-accordion-toggle.event.ts","../../components/ecl-accordion/ecl-accordion-item.component.ts","../../components/ecl-accordion/ecl-accordion-item.component.html","../../components/ecl-accordion/ecl-accordion.component.ts","../../components/ecl-accordion/ecl-accordion.component.html","../../components/ecl-accordion/ecl-accordion.module.ts","../../components/ecl-accordion/index.ts","../../components/ecl-accordion/eui-ecl-components-ecl-accordion.ts"],"sourcesContent":["import { EclBaseEvent } from '@eui/ecl/core';\n\nexport class EclAccordionToggleEvent extends EclBaseEvent {\n\tconstructor(public isExpanded: boolean) {\n\t\tsuper();\n\t}\n}","import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n HostBinding,\n Input,\n OnInit,\n Output,\n booleanAttribute,\n ChangeDetectorRef,\n inject,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclAccordionToggleEvent } from './events/ecl-accordion-toggle.event';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\n\n/**\n * Represents an individual item within an ECL Accordion.\n * This component allows for expand/collapse behavior and emits toggle events on interaction.\n */\n@Component({\n selector: 'ecl-accordion-item',\n templateUrl: './ecl-accordion-item.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [CommonModule, ...EUI_ECL_ICON, TranslateModule],\n styles: [\n `\n :host {\n display: block;\n }\n `,\n ],\n hostDirectives: [\n {\n directive: ECLBaseDirective,\n },\n ],\n})\nexport class EclAccordionItemComponent implements OnInit {\n baseDirective = inject(ECLBaseDirective);\n /**\n * The label for the accordion header.\n * This value is displayed as the clickable title of the item.\n */\n @Input() label: string;\n\n /**\n * Whether the accordion item is expanded by default.\n * Can be controlled externally.\n * @default false\n */\n @Input({ transform: booleanAttribute }) isExpanded = false;\n\n /**\n * Event emitted when the item is toggled (expanded/collapsed).\n * The emitted value contains the next expanded state.\n */\n // eslint-disable-next-line\n @Output() toggle = new EventEmitter<EclAccordionToggleEvent>();\n\n contentId = '';\n titleId = '';\n private cd = inject(ChangeDetectorRef);\n\n @HostBinding('class')\n get cssClasses(): string {\n return [this.baseDirective.getCssClasses('ecl-accordion__item')].join(' ').trim();\n }\n\n ngOnInit(): void {\n this.titleId = crypto.randomUUID();\n this.contentId = crypto.randomUUID();\n }\n\n /**\n * Handles click on the accordion item header.\n * Toggles the item and emits a toggle event.\n * If the event is not prevented, the item's state is updated.\n *\n * @param evt - The mouse click event\n */\n onItemClick(evt: MouseEvent): void {\n const nextExpandedState = !this.isExpanded;\n const event = new EclAccordionToggleEvent(nextExpandedState);\n\n this.toggle.next(event);\n\n if (!event.defaultPrevented) {\n this.isExpanded = nextExpandedState;\n }\n }\n}\n","<div class=\"ecl-accordion__title\" [id]=\"titleId\">\n <button\n type=\"button\"\n (click)=\"onItemClick($event)\"\n [attr.aria-expanded]=\"isExpanded\"\n class=\"ecl-accordion__toggle\"\n [attr.aria-controls]=\"contentId\">\n <span class=\"ecl-accordion__toggle-flex\">\n <span class=\"ecl-accordion__toggle-title\">{{ label }}</span>\n <span class=\"ecl-accordion__toggle-indicator\">\n <ecl-icon icon=\"plus\" size=\"s\" class=\"ecl-accordion__toggle-icon\" ariaHidden=\"true\">\n </ecl-icon>\n <ecl-icon icon=\"minus\" size=\"s\" class=\"ecl-accordion__toggle-icon\" ariaHidden=\"true\">\n </ecl-icon>\n </span>\n </span>\n </button>\n</div>\n<div class=\"ecl-accordion__content\" [hidden]=\"!isExpanded\" role=\"region\" [attr.aria-labelledby]=\"titleId\" [id]=\"contentId\">\n <ng-content></ng-content>\n</div>\n","import {\n AfterContentInit,\n ChangeDetectionStrategy,\n Component,\n ContentChildren,\n ElementRef,\n HostBinding,\n QueryList,\n Renderer2,\n inject,\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EUI_ECL_ICON } from '@eui/ecl/components/ecl-icon';\nimport { EclAccordionItemComponent } from './ecl-accordion-item.component';\n\n/**\n * Accordion component that manages the expansion and collapsing state of accordion items.\n * Uses the `ECLBaseDirective` to apply appropriate CSS classes and manage the visual styling.\n *\n * @description\n * This is the main component for the accordion container, responsible for managing the expansion\n * of individual items within the accordion. It provides the functionality to group and organize content\n * in expandable sections.\n *\n * @property {string} cssClasses - Returns a string of CSS classes applied to the host element.\n * The main class is `ecl-accordion`, which can be extended with additional classes.\n */\n@Component({\n selector: 'ecl-accordion',\n templateUrl: './ecl-accordion.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [CommonModule, ...EUI_ECL_ICON, TranslateModule],\n styles: [\n `\n :host {\n display: block;\n }\n `,\n ],\n hostDirectives: [\n {\n directive: ECLBaseDirective,\n },\n ],\n})\nexport class EclAccordionComponent implements AfterContentInit {\n baseDirective = inject(ECLBaseDirective);\n private renderer = inject(Renderer2);\n\n @ContentChildren(EclAccordionItemComponent, { read: ElementRef })\n items!: QueryList<ElementRef>;\n\n /**\n * @description\n * Retrieves and returns the CSS classes for the component based on its current state.\n * Uses `baseDirective` to fetch the appropriate CSS classes.\n *\n * @returns {string} - A string of CSS class names.\n */\n @HostBinding('class')\n get cssClasses(): string {\n return [this.baseDirective.getCssClasses('ecl-accordion')].join(' ').trim();\n }\n\n ngAfterContentInit(): void {\n this.setFirstAndLastClasses();\n }\n\n private setFirstAndLastClasses(): void {\n const elements = this.items.toArray();\n\n if (elements.length === 0) return;\n\n elements.forEach((el) => {\n this.renderer.removeClass(el.nativeElement, 'is-first');\n this.renderer.removeClass(el.nativeElement, 'is-last');\n });\n\n this.renderer.addClass(elements[0].nativeElement, 'is-first');\n this.renderer.addClass(elements[elements.length - 1].nativeElement, 'is-last');\n }\n}\n","<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { EclAccordionComponent } from './ecl-accordion.component';\nimport { EclAccordionItemComponent } from './ecl-accordion-item.component';\n\n/**\n * @description\n * Module that provides the EclAccordion component and its dependencies.\n *\n * @deprecated Use {@link EUI_ECL_ACCORDION} instead.\n */\n@NgModule({\n imports: [EclAccordionComponent, EclAccordionItemComponent],\n exports: [EclAccordionComponent, EclAccordionItemComponent],\n})\nexport class EclAccordionModule {}\n","import { EclAccordionComponent } from './ecl-accordion.component';\nimport { EclAccordionItemComponent } from './ecl-accordion-item.component';\n\nexport * from './ecl-accordion.module';\nexport * from './ecl-accordion.component';\nexport * from './ecl-accordion-item.component';\nexport * from './events/ecl-accordion-toggle.event';\n\nexport const EUI_ECL_ACCORDION = [\n EclAccordionComponent,\n EclAccordionItemComponent,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -30,8 +30,8 @@ class EclAppComponent extends ECLBaseDirective {
|
|
|
30
30
|
this.document = inject(DOCUMENT);
|
|
31
31
|
}
|
|
32
32
|
ngAfterViewInit() {
|
|
33
|
-
// Adds global class, which is used to apply the correct styling for eui-
|
|
34
|
-
CssUtils.setHtmlClass('eui-
|
|
33
|
+
// Adds global class, which is used to apply the correct styling for eui-21.
|
|
34
|
+
CssUtils.setHtmlClass('eui-21', this.document);
|
|
35
35
|
this.handleRtlChangeState();
|
|
36
36
|
this.handleUIEvents();
|
|
37
37
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-ecl-components-ecl-app.mjs","sources":["../../components/ecl-app/ecl-app.component.ts","../../components/ecl-app/ecl-app.component.html","../../components/ecl-app/ecl-app.module.ts","../../components/ecl-app/index.ts","../../components/ecl-app/eui-ecl-components-ecl-app.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport { AfterViewInit, Component, ContentChild, EventEmitter, HostBinding, OnDestroy, Output, inject } from '@angular/core';\nimport { CssUtils } from '@eui/core';\nimport { EuiLanguage } from '@eui/base';\nimport { EclSiteHeaderLanguageComponent, EclSiteHeaderLanguageSelectedEvent } from '@eui/ecl/components/ecl-site-header';\nimport { ECLBaseDirective, EclBaseEvent, EclRtlService } from '@eui/ecl/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\n/**\n * The wrapper component for an ecl application. Has some important global properties.\n */\nexport class EclAppLanguageDismissEvent extends EclBaseEvent {\n constructor(public language?: EuiLanguage) {\n super();\n }\n}\n\n@Component({\n selector: 'ecl-app',\n templateUrl: './ecl-app.component.html',\n})\nexport class EclAppComponent extends ECLBaseDirective implements AfterViewInit, OnDestroy {\n /**\n * Text direction, by default is 'ltr' - left-to-write. Can also be 'rtl' - right-to-left, which will\n * make all components within <ecl-app> to lign to the right, and apply some special styling and functionality.\n */\n @HostBinding('attr.dir') textDirection = 'ltr';\n\n @ContentChild(EclSiteHeaderLanguageComponent) eclSiteHeaderLanguage: EclSiteHeaderLanguageComponent;\n\n @Output() languageDismiss = new EventEmitter<EclAppLanguageDismissEvent>();\n\n protected destroy$: Subject<boolean> = new Subject<boolean>();\n private eclRtlService = inject(EclRtlService);\n private document = inject<Document>(DOCUMENT);\n\n ngAfterViewInit(): void {\n // Adds global class, which is used to apply the correct styling for eui-
|
|
1
|
+
{"version":3,"file":"eui-ecl-components-ecl-app.mjs","sources":["../../components/ecl-app/ecl-app.component.ts","../../components/ecl-app/ecl-app.component.html","../../components/ecl-app/ecl-app.module.ts","../../components/ecl-app/index.ts","../../components/ecl-app/eui-ecl-components-ecl-app.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport { AfterViewInit, Component, ContentChild, EventEmitter, HostBinding, OnDestroy, Output, inject } from '@angular/core';\nimport { CssUtils } from '@eui/core';\nimport { EuiLanguage } from '@eui/base';\nimport { EclSiteHeaderLanguageComponent, EclSiteHeaderLanguageSelectedEvent } from '@eui/ecl/components/ecl-site-header';\nimport { ECLBaseDirective, EclBaseEvent, EclRtlService } from '@eui/ecl/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\n/**\n * The wrapper component for an ecl application. Has some important global properties.\n */\nexport class EclAppLanguageDismissEvent extends EclBaseEvent {\n constructor(public language?: EuiLanguage) {\n super();\n }\n}\n\n@Component({\n selector: 'ecl-app',\n templateUrl: './ecl-app.component.html',\n})\nexport class EclAppComponent extends ECLBaseDirective implements AfterViewInit, OnDestroy {\n /**\n * Text direction, by default is 'ltr' - left-to-write. Can also be 'rtl' - right-to-left, which will\n * make all components within <ecl-app> to lign to the right, and apply some special styling and functionality.\n */\n @HostBinding('attr.dir') textDirection = 'ltr';\n\n @ContentChild(EclSiteHeaderLanguageComponent) eclSiteHeaderLanguage: EclSiteHeaderLanguageComponent;\n\n @Output() languageDismiss = new EventEmitter<EclAppLanguageDismissEvent>();\n\n protected destroy$: Subject<boolean> = new Subject<boolean>();\n private eclRtlService = inject(EclRtlService);\n private document = inject<Document>(DOCUMENT);\n\n ngAfterViewInit(): void {\n // Adds global class, which is used to apply the correct styling for eui-21.\n CssUtils.setHtmlClass('eui-21', this.document);\n this.handleRtlChangeState();\n this.handleUIEvents();\n }\n\n ngOnDestroy(): void {\n this.destroy$.next(true);\n this.destroy$.unsubscribe();\n }\n\n /**\n * Changes the text direction from 'ltr' to 'rtl' and vice versa.\n */\n private handleRtlChangeState(): void {\n this.eclRtlService.currentRtlState$.pipe(takeUntil(this.destroy$)).subscribe((rtlState) => {\n if (rtlState) {\n this.textDirection = 'rtl';\n } else {\n this.textDirection = 'ltr';\n }\n });\n }\n\n private handleUIEvents(): void {\n this.eclSiteHeaderLanguage?.languageSelected\n .pipe(takeUntil(this.destroy$))\n .subscribe((evt: EclSiteHeaderLanguageSelectedEvent) => {\n this.languageDismiss.next(new EclAppLanguageDismissEvent(evt.language));\n });\n }\n}\n","<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { EclAppComponent } from './ecl-app.component';\n\n/**\n * Module that provides the EclAppComponent.\n *\n * @deprecated Use {@link EUI_ECL_APP} instead.\n */\n@NgModule({\n imports: [EclAppComponent],\n exports: [EclAppComponent],\n})\nexport class EclAppModule {}\n","import { EclAppComponent } from './ecl-app.component';\n\nexport * from './ecl-app.module';\nexport * from './ecl-app.component';\n\nexport const EUI_ECL_APP = [\n EclAppComponent,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|