@platformscode/core 0.0.35 → 0.0.37
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/dist/cjs/core.cjs.js +1 -1
- package/dist/cjs/date-cell_3.cjs.entry.js +12 -12
- package/dist/cjs/dga-accordion.cjs.entry.js +3 -3
- package/dist/cjs/dga-actions.cjs.entry.js +1 -1
- package/dist/cjs/dga-apex-chart.cjs.entry.js +1 -1
- package/dist/cjs/dga-avatar_10.cjs.entry.js +985 -0
- package/dist/cjs/dga-button-leading-icon.cjs.entry.js +1 -1
- package/dist/cjs/dga-card-actions_4.cjs.entry.js +4 -4
- package/dist/cjs/dga-card-image.cjs.entry.js +1 -1
- package/dist/cjs/dga-card-title.cjs.entry.js +1 -1
- package/dist/cjs/dga-card.cjs.entry.js +2 -2
- package/dist/cjs/dga-carousel-v2.cjs.entry.js +1 -1
- package/dist/cjs/dga-checkbox.cjs.entry.js +5 -5
- package/dist/cjs/dga-chip.cjs.entry.js +2 -2
- package/dist/cjs/dga-circular-progress-bar.cjs.entry.js +2 -2
- package/dist/cjs/dga-codesnippet.cjs.entry.js +4 -4
- package/dist/cjs/dga-collapse.cjs.entry.js +1 -1
- package/dist/cjs/dga-content-switcher_3.cjs.entry.js +3 -3
- package/dist/cjs/dga-data-table-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-data-table.cjs.entry.js +1 -1
- package/dist/cjs/dga-date-field.cjs.entry.js +2 -2
- package/dist/cjs/dga-digital-signature.cjs.entry.js +2 -2
- package/dist/cjs/dga-divider.cjs.entry.js +1 -1
- package/dist/cjs/dga-drawer_3.cjs.entry.js +3 -3
- package/dist/cjs/dga-dropdown.cjs.entry.js +4 -4
- package/dist/cjs/dga-featured-icon-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-file-upload.cjs.entry.js +2 -2
- package/dist/cjs/dga-flex.cjs.entry.js +1 -1
- package/dist/cjs/dga-footer.cjs.entry.js +2 -2
- package/dist/cjs/dga-header-menu_5.cjs.entry.js +1 -1
- package/dist/cjs/dga-helper-text_3.cjs.entry.js +2 -2
- package/dist/cjs/dga-inline-alert.cjs.entry.js +1 -1
- package/dist/cjs/dga-list-item_2.cjs.entry.js +2 -2
- package/dist/cjs/dga-loading.cjs.entry.js +1 -1
- package/dist/cjs/dga-metric-chart-v2.cjs.entry.js +1 -1
- package/dist/cjs/dga-metric-v2.cjs.entry.js +3 -3
- package/dist/cjs/dga-metric.cjs.entry.js +3 -3
- package/dist/cjs/dga-modal.cjs.entry.js +1 -1
- package/dist/cjs/dga-notification-toast.cjs.entry.js +1 -1
- package/dist/cjs/dga-notification.cjs.entry.js +9 -28
- package/dist/cjs/dga-number-input.cjs.entry.js +1 -1
- package/dist/cjs/dga-pagination.cjs.entry.js +1 -1
- package/dist/cjs/dga-prefix.cjs.entry.js +1 -1
- package/dist/cjs/dga-quote.cjs.entry.js +2 -1
- package/dist/cjs/dga-radial-stepper.cjs.entry.js +4 -4
- package/dist/cjs/dga-radio-button.cjs.entry.js +4 -4
- package/dist/cjs/dga-search-box_2.cjs.entry.js +3 -3
- package/dist/cjs/dga-suffix.cjs.entry.js +1 -1
- package/dist/cjs/dga-table-body.cjs.entry.js +1 -1
- package/dist/cjs/dga-table-of-content.cjs.entry.js +1 -1
- package/dist/cjs/dga-table.cjs.entry.js +1 -1
- package/dist/cjs/dga-tabs.cjs.entry.js +3 -3
- package/dist/cjs/dga-tag_3.cjs.entry.js +2 -2
- package/dist/cjs/dga-textarea.cjs.entry.js +2 -2
- package/dist/cjs/floating-button.cjs.entry.js +1 -1
- package/dist/cjs/index-BCWGzgj9.js +57 -0
- package/dist/cjs/{index-D9eOytNW.js → index-BKdUE5XK.js} +10 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/nds-avatar.cjs.entry.js +1 -1
- package/dist/cjs/nds-button.cjs.entry.js +1 -1
- package/dist/cjs/nds-table-of-content.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/dga-accordion/dga-accordion.js +2 -2
- package/dist/collection/components/dga-actions/dga-actions.js +1 -1
- package/dist/collection/components/dga-apex-chart/dga-apex-chart.js +1 -1
- package/dist/collection/components/dga-avatar/dga-avatar.js +7 -4
- package/dist/collection/components/dga-avatar-group/dga-avatar-group.css +7 -2
- package/dist/collection/components/dga-avatar-group/dga-avatar-group.js +2 -2
- package/dist/collection/components/dga-breadcrumbs/dga-breadcrumbs.js +1 -1
- package/dist/collection/components/dga-button/dga-button.js +2 -2
- package/dist/collection/components/dga-button-v2/dga-button-leading-icon.js +1 -1
- package/dist/collection/components/dga-button-v2/dga-button-v2.js +2 -2
- package/dist/collection/components/dga-card/dga-card.js +2 -2
- package/dist/collection/components/dga-card-v2/dga-card-actions.js +1 -1
- package/dist/collection/components/dga-card-v2/dga-card-content.js +1 -1
- package/dist/collection/components/dga-card-v2/dga-card-expandable-content.js +1 -1
- package/dist/collection/components/dga-card-v2/dga-card-image.js +1 -1
- package/dist/collection/components/dga-card-v2/dga-card-title.js +1 -1
- package/dist/collection/components/dga-card-v2/dga-card-v2.js +1 -1
- package/dist/collection/components/dga-carousel/dga-carousel.js +7 -6
- package/dist/collection/components/dga-carousel-item/dga-carousel-item.js +1 -1
- package/dist/collection/components/dga-carousel-v2/dga-carousel-v2.js +1 -1
- package/dist/collection/components/dga-chart/dga-chart.js +5 -5
- package/dist/collection/components/dga-checkbox/dga-checkbox.js +3 -3
- package/dist/collection/components/dga-chip/dga-chip.js +2 -2
- package/dist/collection/components/dga-circular-progress-bar/dga-circular-progress-bar.js +1 -1
- package/dist/collection/components/dga-codeSnippet/dga-codeSnippet.js +4 -4
- package/dist/collection/components/dga-collapse/dga-collapse.js +1 -1
- package/dist/collection/components/dga-content-switcher/dga-content-switcher-item.js +1 -1
- package/dist/collection/components/dga-content-switcher/dga-content-switcher-panel.js +1 -1
- package/dist/collection/components/dga-content-switcher/dga-content-switcher.js +1 -1
- package/dist/collection/components/dga-data-table/dga-data-table-usage.js +1 -1
- package/dist/collection/components/dga-data-table/dga-data-table.js +2 -2
- package/dist/collection/components/dga-data-table/dga-table.body.js +1 -1
- package/dist/collection/components/dga-data-table/dga-table.js +1 -1
- package/dist/collection/components/dga-date-field/dga-date-field.js +1 -1
- package/dist/collection/components/dga-datepicker/DateCell.js +1 -1
- package/dist/collection/components/dga-datepicker/MonthNavigator.js +4 -4
- package/dist/collection/components/dga-datepicker/dga-datepicker.js +7 -7
- package/dist/collection/components/dga-digital-signature/dga-digital-signature.js +1 -1
- package/dist/collection/components/dga-divider/dga-divider.js +1 -1
- package/dist/collection/components/dga-drawer/DrawerMenu.js +1 -1
- package/dist/collection/components/dga-drawer/dga-drawer.js +1 -1
- package/dist/collection/components/dga-drawer/tab-component.js +1 -1
- package/dist/collection/components/dga-dropdown/dga-dropdown.js +2 -2
- package/dist/collection/components/dga-featured-icon/dga-featured-icon.js +1 -1
- package/dist/collection/components/dga-feedback-icon/dga-feedback-icon.js +1 -1
- package/dist/collection/components/dga-file-upload/dga-file-upload.js +1 -1
- package/dist/collection/components/dga-filteration/dga-filteration.js +4 -4
- package/dist/collection/components/dga-flex/dga-flex.js +1 -1
- package/dist/collection/components/dga-floating-button/dga-floatingButton.js +1 -1
- package/dist/collection/components/dga-footer/dga-footer.js +1 -1
- package/dist/collection/components/dga-grid/dga-grid-container.js +4 -4
- package/dist/collection/components/dga-grid/dga-grid-item.js +6 -6
- package/dist/collection/components/dga-header/dga-header-menu.js +1 -1
- package/dist/collection/components/dga-header/dga-header-mobile-actions.js +1 -1
- package/dist/collection/components/dga-header/dga-header.js +1 -1
- package/dist/collection/components/dga-header/dga-nav-header-sub-menu.js +1 -1
- package/dist/collection/components/dga-icon/dga-icon.js +45 -24
- package/dist/collection/components/dga-icon/utils.js +83 -5
- package/dist/collection/components/dga-list/dga-list-item.js +3 -3
- package/dist/collection/components/dga-list/dga-list-v2.js +2 -2
- package/dist/collection/components/dga-loading/dga-loading.js +3 -3
- package/dist/collection/components/dga-metric/dga-metric-chart-v2.js +3 -3
- package/dist/collection/components/dga-metric/dga-metric.js +5 -5
- package/dist/collection/components/dga-metric-v2/dga-metric-v2.js +5 -5
- package/dist/collection/components/dga-notification/dga-notification.js +9 -28
- package/dist/collection/components/dga-quote/dga-quote.js +22 -1
- package/dist/collection/components/dga-radial-stepper/dga-radial-stepper.js +5 -5
- package/dist/collection/components/dga-radio-button/dga-radio-button.js +3 -3
- package/dist/collection/components/dga-table-of-content/dga-table-of-content.js +2 -2
- package/dist/collection/components/dga-tabs/dga-tabs.js +4 -4
- package/dist/collection/components/dga-tag/dga-tag.css +3 -3
- package/dist/collection/components/dga-text-input/dga-prefix.js +1 -1
- package/dist/collection/components/dga-text-input/dga-suffix.js +1 -1
- package/dist/collection/components/dga-tooltip/dga-tooltip.js +6 -6
- package/dist/collection/nds-components/nds-avatar/nds-avatar.js +4 -4
- package/dist/collection/nds-components/nds-button/nds-button.js +3 -3
- package/dist/collection/nds-components/nds-link/nds-link.js +1 -1
- package/dist/collection/nds-components/nds-table-of-content/nds-table-of-content.js +2 -2
- package/dist/collection/utils/index.js +47 -0
- package/dist/components/date-cell.js +1 -1
- package/dist/components/dga-accordion-usage.js +2 -2
- package/dist/components/dga-accordion.js +1 -1
- package/dist/components/dga-actions.js +1 -1
- package/dist/components/dga-apex-chart.js +1 -1
- package/dist/components/dga-avatar-group.js +1 -1
- package/dist/components/dga-avatar-usage.js +3 -3
- package/dist/components/dga-avatar.js +1 -1
- package/dist/components/dga-breadcrumbs-usage.js +2 -2
- package/dist/components/dga-breadcrumbs.js +1 -1
- package/dist/components/dga-button-leading-icon.js +1 -1
- package/dist/components/dga-button-usage.js +2 -2
- package/dist/components/dga-button-v2-usage.js +4 -4
- package/dist/components/dga-button-v2.js +1 -1
- package/dist/components/dga-button.js +1 -1
- package/dist/components/dga-card-actions.js +1 -1
- package/dist/components/dga-card-content.js +1 -1
- package/dist/components/dga-card-expandable-content.js +1 -1
- package/dist/components/dga-card-image.js +1 -1
- package/dist/components/dga-card-title.js +1 -1
- package/dist/components/dga-card-usage.js +6 -6
- package/dist/components/dga-card-v2-usage.js +9 -9
- package/dist/components/dga-card-v2.js +1 -1
- package/dist/components/dga-card.js +1 -1
- package/dist/components/dga-carousel-item.js +1 -1
- package/dist/components/dga-carousel-usage.js +3 -3
- package/dist/components/dga-carousel-v2.js +1 -1
- package/dist/components/dga-carousel.js +1 -1
- package/dist/components/dga-checkbox-usage.js +2 -2
- package/dist/components/dga-checkbox.js +1 -1
- package/dist/components/dga-chip-usage.js +2 -2
- package/dist/components/dga-chip.js +1 -1
- package/dist/components/dga-circular-progress-bar-usage.js +2 -2
- package/dist/components/dga-circular-progress-bar.js +1 -1
- package/dist/components/dga-codesnippet-usage.js +5 -5
- package/dist/components/dga-codesnippet.js +1 -1
- package/dist/components/dga-collapse-usage.js +1 -1
- package/dist/components/dga-collapse.js +1 -1
- package/dist/components/dga-content-switcher-item.js +1 -1
- package/dist/components/dga-content-switcher-panel.js +1 -1
- package/dist/components/dga-content-switcher-usage.js +3 -3
- package/dist/components/dga-content-switcher.js +1 -1
- package/dist/components/dga-data-table-usage.js +5 -5
- package/dist/components/dga-data-table.js +1 -1
- package/dist/components/dga-date-field-usage.js +8 -8
- package/dist/components/dga-date-field.js +1 -1
- package/dist/components/dga-datepicker-usage.js +7 -7
- package/dist/components/dga-datepicker.js +1 -1
- package/dist/components/dga-digital-signature-usage.js +2 -2
- package/dist/components/dga-digital-signature.js +1 -1
- package/dist/components/dga-divider-usage.js +1 -1
- package/dist/components/dga-divider.js +1 -1
- package/dist/components/dga-drawer-usage.js +7 -7
- package/dist/components/dga-drawer.js +1 -1
- package/dist/components/dga-dropdown-usage.js +2 -2
- package/dist/components/dga-dropdown.js +1 -1
- package/dist/components/dga-featured-icon-usage.js +3 -3
- package/dist/components/dga-featured-icon.js +1 -1
- package/dist/components/dga-feedback-icon.js +1 -1
- package/dist/components/dga-file-upload-usage.js +3 -3
- package/dist/components/dga-file-upload.js +1 -1
- package/dist/components/dga-filteration-usage.js +8 -8
- package/dist/components/dga-filteration.js +1 -1
- package/dist/components/dga-flex.js +1 -1
- package/dist/components/dga-floating-button-usage.js +2 -2
- package/dist/components/dga-footer-usage.js +2 -2
- package/dist/components/dga-footer.js +1 -1
- package/dist/components/dga-header-action-btn.js +1 -1
- package/dist/components/dga-header-menu-item-usage.js +13 -13
- package/dist/components/dga-header-menu.js +1 -1
- package/dist/components/dga-header-sub-menu-item.js +1 -1
- package/dist/components/dga-header-usage.js +18 -18
- package/dist/components/dga-header.js +4 -4
- package/dist/components/dga-helper-text.js +1 -1
- package/dist/components/dga-huge-icon-usage.js +1 -1
- package/dist/components/dga-icon.js +1 -1
- package/dist/components/dga-inline-alert-usage.js +2 -2
- package/dist/components/dga-inline-alert.js +1 -1
- package/dist/components/dga-list-item.js +1 -1
- package/dist/components/dga-list-usage.js +3 -3
- package/dist/components/dga-list-v2.js +1 -1
- package/dist/components/dga-loading-usage.js +1 -1
- package/dist/components/dga-loading.js +1 -1
- package/dist/components/dga-menu-usage.js +1 -1
- package/dist/components/dga-metric-chart-v2.js +1 -1
- package/dist/components/dga-metric-usage.js +1 -1
- package/dist/components/dga-metric-v2.js +5 -5
- package/dist/components/dga-metric.js +5 -5
- package/dist/components/dga-modal-usage.js +4 -4
- package/dist/components/dga-modal-v2-usage.js +5 -5
- package/dist/components/dga-modal-v2.js +1 -1
- package/dist/components/dga-modal.js +1 -1
- package/dist/components/dga-nav-header-actions.js +1 -1
- package/dist/components/dga-nav-header-link.js +1 -1
- package/dist/components/dga-nav-header-sub-menu-link.js +1 -1
- package/dist/components/dga-nav-header-sub-menu.js +1 -1
- package/dist/components/dga-notification-toast-usage.js +3 -3
- package/dist/components/dga-notification-toast.js +1 -1
- package/dist/components/dga-notification-usage.js +2 -2
- package/dist/components/dga-notification.js +1 -1
- package/dist/components/dga-number-input-usage.js +3 -3
- package/dist/components/dga-number-input.js +1 -1
- package/dist/components/dga-pagination-usage.js +1 -1
- package/dist/components/dga-pagination.js +1 -1
- package/dist/components/dga-prefix.js +1 -1
- package/dist/components/dga-progress-indicator-step-v3.js +1 -1
- package/dist/components/dga-progress-indicator-step.js +1 -1
- package/dist/components/dga-progress-indicator-usage.js +2 -2
- package/dist/components/dga-progress-indicator-v3-usage.js +2 -2
- package/dist/components/dga-quote-usage.js +4 -4
- package/dist/components/dga-quote.js +1 -1
- package/dist/components/dga-radial-stepper-usage.js +2 -2
- package/dist/components/dga-radial-stepper.js +1 -1
- package/dist/components/dga-radio-button-usage.js +2 -2
- package/dist/components/dga-radio-button.js +1 -1
- package/dist/components/dga-search-box-usage.js +3 -3
- package/dist/components/dga-search-box.js +1 -1
- package/dist/components/dga-second-nav-header-usage.js +5 -5
- package/dist/components/dga-slideout-menu-header.js +1 -1
- package/dist/components/dga-slideout-menu-usage.js +8 -8
- package/dist/components/dga-slideout-menu.js +1 -1
- package/dist/components/dga-suffix.js +2 -2
- package/dist/components/dga-table-body.js +1 -1
- package/dist/components/dga-table-of-content-usage.js +1 -1
- package/dist/components/dga-table-of-content.js +1 -1
- package/dist/components/dga-table-usage.js +3 -3
- package/dist/components/dga-table.js +1 -1
- package/dist/components/dga-tabs-usage.js +3 -3
- package/dist/components/dga-tabs.js +1 -1
- package/dist/components/dga-tag-usage.js +2 -2
- package/dist/components/dga-tag.js +1 -1
- package/dist/components/dga-text-input-usage.js +4 -4
- package/dist/components/dga-text-input.js +1 -1
- package/dist/components/dga-textarea-usage.js +2 -2
- package/dist/components/dga-textarea.js +1 -1
- package/dist/components/dga-tooltip-usage.js +2 -2
- package/dist/components/dga-tooltip.js +1 -1
- package/dist/components/floating-button.js +1 -1
- package/dist/components/month-navigator.js +1 -1
- package/dist/components/nds-avatar-usage.js +3 -3
- package/dist/components/nds-avatar.js +2 -2
- package/dist/components/nds-button-usage.js +5 -5
- package/dist/components/nds-button.js +1 -1
- package/dist/components/nds-floating-button-usage.js +1 -1
- package/dist/components/nds-link-usage.js +2 -2
- package/dist/components/nds-table-of-content-usage.js +1 -1
- package/dist/components/nds-table-of-content.js +1 -1
- package/dist/components/{p-Bjxp-Bzv.js → p--j_c9xzb.js} +5 -5
- package/dist/components/{p-BM-plR02.js → p-0khNFxl0.js} +9 -9
- package/dist/components/{p-DS3wOmQO.js → p-9t9pP5wb.js} +2 -2
- package/dist/components/{p-Dd1XVYJF.js → p-B-0hBREP.js} +1 -1
- package/dist/components/{p-Bs_sPiZE.js → p-B1kxhXdl.js} +1 -1
- package/dist/components/{p-BbTFdVcG.js → p-BFp2aZZz.js} +6 -4
- package/dist/components/{p-gl2x-iRx.js → p-BFq0-7mf.js} +4 -4
- package/dist/components/{p-D1MMwYa8.js → p-BK2eNLm-.js} +7 -7
- package/dist/components/{p-ZelDjkxQ.js → p-BKbPoVUo.js} +3 -3
- package/dist/components/{p-DiP2bKrV.js → p-BLvJ2oPi.js} +3 -3
- package/dist/components/{p-Dosu8q7R.js → p-BMmSCWCu.js} +1 -1
- package/dist/components/{p-Dxf245we.js → p-BNYQpuTv.js} +1 -1
- package/dist/components/{p-D_WncN0b.js → p-BNhIil8E.js} +3 -3
- package/dist/components/{p-BfhhEgg-.js → p-BOjMTu4v.js} +5 -5
- package/dist/components/{p-Pml5NKmL.js → p-BT-zFDF3.js} +3 -3
- package/dist/components/{p-BXNu0jRu.js → p-BZ7tXFNm.js} +1 -1
- package/dist/components/{p-GDuInssM.js → p-BZPI28S4.js} +3 -3
- package/dist/components/{p-awnvl4MX.js → p-B_3saRrm.js} +1 -1
- package/dist/components/{p-YcCmBZW3.js → p-BdIwaaMc.js} +6 -1
- package/dist/components/{p-D9uV831l.js → p-Bg_-hNst.js} +2 -2
- package/dist/components/{p-Don4li2O.js → p-Bgym2s7u.js} +6 -6
- package/dist/components/{p-KLIoWA81.js → p-BptOYTd-.js} +1 -1
- package/dist/components/{p-DMuRo8EU.js → p-BuRQ_6As.js} +2 -2
- package/dist/components/{p-BQEjovbJ.js → p-Bwl3mtDP.js} +7 -6
- package/dist/components/{p-BLDzt_Uq.js → p-BzIa2Cq3.js} +1 -1
- package/dist/components/{p-Cmg--ZO6.js → p-C-IvTIch.js} +4 -5
- package/dist/components/{p-FjQbvIG7.js → p-C16HXFfa.js} +1 -1
- package/dist/components/{p-DR5P_P16.js → p-C5RYd_IA.js} +1 -1
- package/dist/components/{p-CnoQYu5E.js → p-C8mvgvMh.js} +1 -1
- package/dist/components/{p-DmiaKdLo.js → p-CFUMF5YN.js} +5 -2
- package/dist/components/{p-C-62j229.js → p-CG1PUR2T.js} +6 -7
- package/dist/components/{p-B7B0P3Tp.js → p-CGrf7k7J.js} +2 -2
- package/dist/components/{p-DzkNYNWQ.js → p-CK4S8BVY.js} +13 -13
- package/dist/components/p-CKmBHs6n.js +68 -0
- package/dist/components/{p-CvMsg1eu.js → p-CPgUKuiN.js} +5 -5
- package/dist/components/{p-DDV4TUDe.js → p-CPvxSDej.js} +1 -2
- package/dist/components/{p-CHHI-Ocu.js → p-CWHgkXX0.js} +1 -1
- package/dist/components/{p-TR-8p4D-.js → p-CXATKgnl.js} +1 -1
- package/dist/components/{p-CKrmM6in.js → p-CZCeh3H_.js} +3 -3
- package/dist/components/{p-CfQ8F8Bh.js → p-CdnvAuto.js} +2 -2
- package/dist/components/{p-ybSjjgRd.js → p-ClRnWVkd.js} +1 -1
- package/dist/components/{p-DJ_HacYp.js → p-CncwSLJZ.js} +4 -4
- package/dist/components/{p-DgX1GhOA.js → p-Cpuem5Xg.js} +1 -1
- package/dist/components/{p-Cyhpb_Rn.js → p-D25UKaEu.js} +8 -8
- package/dist/components/{p-KG6K-VfA.js → p-D3RrJHe2.js} +1 -1
- package/dist/components/{p-ZhmbbVrl.js → p-D4GcJ_x8.js} +3 -3
- package/dist/components/{p-CKPSKhfQ.js → p-D6avvN5k.js} +1 -1
- package/dist/components/{p-Q1ZPiOaS.js → p-D70Rxxoo.js} +1 -1
- package/dist/components/{p-DSD9HLIM.js → p-D95vhfgu.js} +2 -2
- package/dist/components/{p-COOZpHM-.js → p-DSwWrZlM.js} +4 -4
- package/dist/components/{p-CcNS0CYN.js → p-DWDgZ64y.js} +112 -22
- package/dist/components/{p-Cp4XrPXy.js → p-D_XsbuGG.js} +4 -4
- package/dist/components/{p-Cg2ruBZP.js → p-DboQJAUi.js} +1 -1
- package/dist/components/{p-C0pZ4KiI.js → p-DcTPr2gD.js} +10 -29
- package/dist/components/{p-CgHnB4Ok.js → p-DlvOoZQ9.js} +2 -2
- package/dist/components/{p-CgCfk7bZ.js → p-DnLupBQZ.js} +5 -5
- package/dist/components/{p-BAiv59EH.js → p-DnuBXAJ-.js} +3 -3
- package/dist/components/{p-SDJFYO-x.js → p-Dva9vsYN.js} +7 -7
- package/dist/components/{p-DOVT1GBx.js → p-Dvv3BdO_.js} +3 -3
- package/dist/components/{p-BAXB5c8Q.js → p-DzGU0x_h.js} +1 -1
- package/dist/components/{p-B7hJ4SNj.js → p-F66ktz1L.js} +3 -3
- package/dist/components/{p-CrHBgvRw.js → p-HV9tkfWL.js} +1 -1
- package/dist/components/{p-B1e2w8kd.js → p-HdgDxvir.js} +1 -1
- package/dist/components/{p-CGgOSMdv.js → p-J8MM0JsY.js} +7 -7
- package/dist/components/{p-VIZKxB_k.js → p-NSwdL19x.js} +2 -2
- package/dist/components/{p-DLER3hMX.js → p-PzjGna5K.js} +2 -2
- package/dist/components/{p-B_m6I75z.js → p-TfV0XO6J.js} +2 -2
- package/dist/components/{p-CSDgLEi4.js → p-UOJXt-FO.js} +4 -4
- package/dist/components/{p-CvASpWqB.js → p-XxWV99_u.js} +3 -3
- package/dist/components/{p-CYqnvK_U.js → p-ZwTMDF83.js} +3 -3
- package/dist/components/{p-B9KjUgb6.js → p-_-CzWbeq.js} +1 -1
- package/dist/components/{p-Bs1WQBbi.js → p-f2MDwTxU.js} +5 -6
- package/dist/components/{p-CD4HEP4m.js → p-gvnvuiD2.js} +1 -1
- package/dist/components/{p-DdRMnDyJ.js → p-ojgiY2yB.js} +1 -1
- package/dist/components/{p-DBxuY-4b.js → p-q1GCTpAl.js} +1 -1
- package/dist/components/{p-DIBv3sUd.js → p-y48iBw8b.js} +6 -6
- package/dist/components/{p-BTlGi_b5.js → p-yHix8HTT.js} +1 -1
- package/dist/components/{p-Bb9KX6Pu.js → p-z4AKbeqV.js} +3 -3
- package/dist/components/side-panel-menu.js +1 -1
- package/dist/components/submenu-component.js +1 -1
- package/dist/components/tab-component.js +1 -1
- package/dist/components/tab-link.js +1 -1
- package/dist/core/core.esm.js +1 -1
- package/dist/core/{p-dbf58c4d.entry.js → p-07c3c350.entry.js} +1 -1
- package/dist/core/{p-45ad4858.entry.js → p-0fc50a9a.entry.js} +1 -1
- package/dist/core/{p-bd2f0ad8.entry.js → p-11a331a1.entry.js} +1 -1
- package/dist/core/{p-06b434a6.entry.js → p-15a804c0.entry.js} +1 -1
- package/dist/core/{p-f251b80d.entry.js → p-16399b5d.entry.js} +1 -1
- package/dist/core/{p-31bbf39e.entry.js → p-17884b9c.entry.js} +1 -1
- package/dist/core/{p-065d1649.entry.js → p-1ba77ae3.entry.js} +1 -1
- package/dist/core/{p-2eee0460.entry.js → p-1da2536d.entry.js} +1 -1
- package/dist/core/{p-9763bcac.entry.js → p-20074a5c.entry.js} +1 -1
- package/dist/core/{p-463e1d5d.entry.js → p-209e3e85.entry.js} +1 -1
- package/dist/core/{p-a2798609.entry.js → p-30100ced.entry.js} +1 -1
- package/dist/core/p-397f73c9.entry.js +1 -0
- package/dist/core/p-3a8c8253.entry.js +1 -0
- package/dist/core/p-3cc7ee7f.entry.js +1 -0
- package/dist/core/{p-9af64a20.entry.js → p-3e5b3bae.entry.js} +1 -1
- package/dist/core/{p-9d4ab931.entry.js → p-3e84194b.entry.js} +1 -1
- package/dist/core/{p-7a74b3c2.entry.js → p-4011fa2f.entry.js} +1 -1
- package/dist/core/{p-99bc050e.entry.js → p-441d800c.entry.js} +1 -1
- package/dist/core/{p-f64603bc.entry.js → p-45836373.entry.js} +1 -1
- package/dist/core/p-46d64e7f.entry.js +1 -0
- package/dist/core/{p-29e5b60c.entry.js → p-4f67210b.entry.js} +1 -1
- package/dist/core/{p-8e1d79b3.entry.js → p-592ad114.entry.js} +1 -1
- package/dist/core/{p-401383fb.entry.js → p-648402eb.entry.js} +1 -1
- package/dist/core/{p-0cef2fd7.entry.js → p-7417fe10.entry.js} +1 -1
- package/dist/core/p-79714384.entry.js +1 -0
- package/dist/core/p-7b9f73e7.entry.js +1 -0
- package/dist/core/{p-f5c3e86e.entry.js → p-7d6fecd1.entry.js} +1 -1
- package/dist/core/{p-3c4a5f5a.entry.js → p-8c0cd059.entry.js} +1 -1
- package/dist/core/{p-19c8b2ee.entry.js → p-90c8f575.entry.js} +1 -1
- package/dist/core/{p-1fb8604b.entry.js → p-91141f0c.entry.js} +1 -1
- package/dist/core/{p-8faccf2c.entry.js → p-91e1fff8.entry.js} +1 -1
- package/dist/core/{p-4c4b3d2e.entry.js → p-94769efd.entry.js} +1 -1
- package/dist/core/{p-4a765c14.entry.js → p-96049578.entry.js} +1 -1
- package/dist/core/{p-BgIVAeDg.js → p-BYA91_SW.js} +1 -1
- package/dist/core/p-OZG1OajU.js +1 -0
- package/dist/core/{p-c7867f2b.entry.js → p-a22233fe.entry.js} +1 -1
- package/dist/core/{p-664ceda8.entry.js → p-a7ed9d80.entry.js} +1 -1
- package/dist/core/{p-27ce521d.entry.js → p-a96f4b11.entry.js} +1 -1
- package/dist/core/{p-681585ef.entry.js → p-aea272f6.entry.js} +1 -1
- package/dist/core/{p-bdb9b997.entry.js → p-b6b80d9f.entry.js} +1 -1
- package/dist/core/{p-bc146fbc.entry.js → p-b82b874c.entry.js} +1 -1
- package/dist/core/{p-0d644700.entry.js → p-c5766c7b.entry.js} +1 -1
- package/dist/core/{p-54350028.entry.js → p-c844adbd.entry.js} +1 -1
- package/dist/core/{p-834a11a3.entry.js → p-ca658904.entry.js} +1 -1
- package/dist/core/{p-b1ede2c9.entry.js → p-cf5eb90f.entry.js} +1 -1
- package/dist/core/{p-73e72929.entry.js → p-d5149ac4.entry.js} +1 -1
- package/dist/core/{p-21d8b1ab.entry.js → p-daafb4d4.entry.js} +1 -1
- package/dist/core/{p-2c0ce8a8.entry.js → p-dda02fce.entry.js} +1 -1
- package/dist/core/{p-8772aecf.entry.js → p-df25beeb.entry.js} +1 -1
- package/dist/core/{p-d3d905c2.entry.js → p-df81dccf.entry.js} +1 -1
- package/dist/core/p-e2db0483.entry.js +1 -0
- package/dist/core/{p-15faa2d3.entry.js → p-e484115f.entry.js} +1 -1
- package/dist/core/{p-f76c7951.entry.js → p-e5deff13.entry.js} +1 -1
- package/dist/core/p-e769c217.entry.js +1 -0
- package/dist/core/{p-8e5c541e.entry.js → p-e9f54e9e.entry.js} +1 -1
- package/dist/core/{p-1d784936.entry.js → p-ee9eebbf.entry.js} +1 -1
- package/dist/core/{p-c3362e4f.entry.js → p-f139edeb.entry.js} +1 -1
- package/dist/core/{p-3af2644d.entry.js → p-f7442a5a.entry.js} +1 -1
- package/dist/core/{p-5e64c6b2.entry.js → p-fcaf0061.entry.js} +1 -1
- package/dist/esm/core.js +1 -1
- package/dist/esm/date-cell_3.entry.js +12 -12
- package/dist/esm/dga-accordion.entry.js +3 -3
- package/dist/esm/dga-actions.entry.js +1 -1
- package/dist/esm/dga-apex-chart.entry.js +1 -1
- package/dist/esm/dga-avatar_10.entry.js +974 -0
- package/dist/esm/dga-button-leading-icon.entry.js +1 -1
- package/dist/esm/dga-card-actions_4.entry.js +4 -4
- package/dist/esm/dga-card-image.entry.js +1 -1
- package/dist/esm/dga-card-title.entry.js +1 -1
- package/dist/esm/dga-card.entry.js +2 -2
- package/dist/esm/dga-carousel-v2.entry.js +1 -1
- package/dist/esm/dga-checkbox.entry.js +5 -5
- package/dist/esm/dga-chip.entry.js +2 -2
- package/dist/esm/dga-circular-progress-bar.entry.js +2 -2
- package/dist/esm/dga-codesnippet.entry.js +4 -4
- package/dist/esm/dga-collapse.entry.js +1 -1
- package/dist/esm/dga-content-switcher_3.entry.js +3 -3
- package/dist/esm/dga-data-table-usage.entry.js +1 -1
- package/dist/esm/dga-data-table.entry.js +1 -1
- package/dist/esm/dga-date-field.entry.js +2 -2
- package/dist/esm/dga-digital-signature.entry.js +2 -2
- package/dist/esm/dga-divider.entry.js +1 -1
- package/dist/esm/dga-drawer_3.entry.js +3 -3
- package/dist/esm/dga-dropdown.entry.js +4 -4
- package/dist/esm/dga-featured-icon-usage.entry.js +1 -1
- package/dist/esm/dga-file-upload.entry.js +2 -2
- package/dist/esm/dga-flex.entry.js +1 -1
- package/dist/esm/dga-footer.entry.js +2 -2
- package/dist/esm/dga-header-menu_5.entry.js +1 -1
- package/dist/esm/dga-helper-text_3.entry.js +2 -2
- package/dist/esm/dga-inline-alert.entry.js +1 -1
- package/dist/esm/dga-list-item_2.entry.js +2 -2
- package/dist/esm/dga-loading.entry.js +1 -1
- package/dist/esm/dga-metric-chart-v2.entry.js +1 -1
- package/dist/esm/dga-metric-v2.entry.js +3 -3
- package/dist/esm/dga-metric.entry.js +3 -3
- package/dist/esm/dga-modal.entry.js +1 -1
- package/dist/esm/dga-notification-toast.entry.js +1 -1
- package/dist/esm/dga-notification.entry.js +9 -28
- package/dist/esm/dga-number-input.entry.js +1 -1
- package/dist/esm/dga-pagination.entry.js +1 -1
- package/dist/esm/dga-prefix.entry.js +1 -1
- package/dist/esm/dga-quote.entry.js +2 -1
- package/dist/esm/dga-radial-stepper.entry.js +4 -4
- package/dist/esm/dga-radio-button.entry.js +4 -4
- package/dist/esm/dga-search-box_2.entry.js +3 -3
- package/dist/esm/dga-suffix.entry.js +1 -1
- package/dist/esm/dga-table-body.entry.js +1 -1
- package/dist/esm/dga-table-of-content.entry.js +1 -1
- package/dist/esm/dga-table.entry.js +1 -1
- package/dist/esm/dga-tabs.entry.js +3 -3
- package/dist/esm/dga-tag_3.entry.js +2 -2
- package/dist/esm/dga-textarea.entry.js +2 -2
- package/dist/esm/floating-button.entry.js +1 -1
- package/dist/esm/{index-BgIVAeDg.js → index-BYA91_SW.js} +6 -1
- package/dist/esm/index-OZG1OajU.js +54 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/nds-avatar.entry.js +1 -1
- package/dist/esm/nds-button.entry.js +1 -1
- package/dist/esm/nds-table-of-content.entry.js +1 -1
- package/dist/types/components/dga-icon/dga-icon.d.ts +20 -7
- package/dist/types/components/dga-icon/utils.d.ts +14 -0
- package/dist/types/components/dga-quote/dga-quote.d.ts +1 -0
- package/dist/types/components.d.ts +22 -12
- package/dist/types/utils/index.d.ts +14 -0
- package/package.json +11 -11
- package/dist/cjs/dga-avatar-group.cjs.entry.js +0 -39
- package/dist/cjs/dga-avatar-usage.cjs.entry.js +0 -47
- package/dist/cjs/dga-avatar.cjs.entry.js +0 -75
- package/dist/cjs/dga-breadcrumbs-usage.cjs.entry.js +0 -33
- package/dist/cjs/dga-breadcrumbs.cjs.entry.js +0 -148
- package/dist/cjs/dga-carousel_2.cjs.entry.js +0 -137
- package/dist/cjs/dga-huge-icon-usage.cjs.entry.js +0 -14
- package/dist/cjs/dga-icon.cjs.entry.js +0 -402
- package/dist/cjs/dga-link.cjs.entry.js +0 -30
- package/dist/cjs/index-ByjaZgsn.js +0 -9
- package/dist/components/p-CH66vbCC.js +0 -15
- package/dist/components/p-DEtoWGOc.js +0 -7
- package/dist/core/p-0f02946a.entry.js +0 -1
- package/dist/core/p-1ab215e2.entry.js +0 -1
- package/dist/core/p-205ee115.entry.js +0 -1
- package/dist/core/p-4217a2f1.entry.js +0 -1
- package/dist/core/p-585d1776.entry.js +0 -1
- package/dist/core/p-66983bcd.entry.js +0 -1
- package/dist/core/p-8eb0f4d8.entry.js +0 -1
- package/dist/core/p-91cdbf84.entry.js +0 -1
- package/dist/core/p-927475f3.entry.js +0 -1
- package/dist/core/p-DEtoWGOc.js +0 -1
- package/dist/core/p-ae4f95b0.entry.js +0 -1
- package/dist/core/p-cec8de25.entry.js +0 -1
- package/dist/core/p-d619ccb5.entry.js +0 -1
- package/dist/core/p-dce286c8.entry.js +0 -1
- package/dist/core/p-e3e5ddcb.entry.js +0 -1
- package/dist/core/p-f1ece870.entry.js +0 -1
- package/dist/core/p-f28050f0.entry.js +0 -1
- package/dist/esm/dga-avatar-group.entry.js +0 -37
- package/dist/esm/dga-avatar-usage.entry.js +0 -45
- package/dist/esm/dga-avatar.entry.js +0 -73
- package/dist/esm/dga-breadcrumbs-usage.entry.js +0 -31
- package/dist/esm/dga-breadcrumbs.entry.js +0 -146
- package/dist/esm/dga-carousel_2.entry.js +0 -134
- package/dist/esm/dga-huge-icon-usage.entry.js +0 -12
- package/dist/esm/dga-icon.entry.js +0 -400
- package/dist/esm/dga-link.entry.js +0 -28
- package/dist/esm/index-DEtoWGOc.js +0 -7
|
@@ -1,146 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, a as getElement } from './index-B4CGwdkg.js';
|
|
2
|
-
import { S as SxStyleManager } from './sx-style-manager-BFEqPAFn.js';
|
|
3
|
-
import { i as isRTL } from './dir-CH66vbCC.js';
|
|
4
|
-
import { c as arrowLeft01StrokeRoundedIcon, d as arrowRight01StrokeRoundedIcon } from './index-BgIVAeDg.js';
|
|
5
|
-
|
|
6
|
-
const dgaBreadcrumbsCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff\") format(\"woff\");font-weight:400;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff\") format(\"woff\");font-weight:500;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff\") format(\"woff\");font-weight:600;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff\") format(\"woff\");font-weight:700;font-style:normal;font-display:auto}body{font-family:\"IBMPlexSansArabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBMPlexSansArabic\"}.display-xl-regular{font:400 60px/72px \"IBMPlexSansArabic\"}.display-lg-regular{font:400 48px/60px \"IBMPlexSansArabic\"}.display-md-regular{font:400 36px/44px \"IBMPlexSansArabic\"}.display-sm-regular{font:400 30px/38px \"IBMPlexSansArabic\"}.display-xs-regular{font:400 24px/32px \"IBMPlexSansArabic\"}.text-xl-regular{font:400 20px/30px \"IBMPlexSansArabic\"}.text-lg-regular{font:400 18px/28px \"IBMPlexSansArabic\"}.text-md-regular{font:400 16px/24px \"IBMPlexSansArabic\"}.text-sm-regular,.dga-breadcrumb-dropdown-item{font:400 14px/20px \"IBMPlexSansArabic\"}.text-xs-regular{font:400 12px/18px \"IBMPlexSansArabic\"}.text-2xs-regular{font:400 10px/14px \"IBMPlexSansArabic\"}.display-2xl-medium{font:500 72px/90px \"IBMPlexSansArabic\"}.display-xl-medium{font:500 60px/72px \"IBMPlexSansArabic\"}.display-lg-medium{font:500 48px/60px \"IBMPlexSansArabic\"}.display-md-medium{font:500 36px/44px \"IBMPlexSansArabic\"}.display-sm-medium{font:500 30px/38px \"IBMPlexSansArabic\"}.display-xs-medium{font:500 24px/32px \"IBMPlexSansArabic\"}.text-xl-medium{font:500 20px/30px \"IBMPlexSansArabic\"}.text-lg-medium{font:500 18px/28px \"IBMPlexSansArabic\"}.text-md-medium{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium{font:500 12px/18px \"IBMPlexSansArabic\"}.text-2xs-medium{font:500 10px/14px \"IBMPlexSansArabic\"}.display-2xl-semibold{font:600 72px/90px \"IBMPlexSansArabic\"}.display-xl-semibold{font:600 60px/72px \"IBMPlexSansArabic\"}.display-lg-semibold{font:600 48px/60px \"IBMPlexSansArabic\"}.display-md-semibold{font:600 36px/44px \"IBMPlexSansArabic\"}.display-sm-semibold{font:600 30px/38px \"IBMPlexSansArabic\"}.display-xs-semibold{font:600 24px/32px \"IBMPlexSansArabic\"}.text-xl-semibold{font:600 20px/30px \"IBMPlexSansArabic\"}.text-lg-semibold{font:600 18px/28px \"IBMPlexSansArabic\"}.text-md-semibold{font:600 16px/24px \"IBMPlexSansArabic\"}.text-sm-semibold{font:600 14px/20px \"IBMPlexSansArabic\"}.text-xs-semibold{font:600 12px/18px \"IBMPlexSansArabic\"}.text-2xs-semibold{font:600 10px/14px \"IBMPlexSansArabic\"}.display-2xl-bold{font:700 72px/90px \"IBMPlexSansArabic\"}.display-xl-bold{font:700 60px/72px \"IBMPlexSansArabic\"}.display-lg-bold{font:700 48px/60px \"IBMPlexSansArabic\"}.display-md-bold{font:700 36px/44px \"IBMPlexSansArabic\"}.display-sm-bold{font:700 30px/38px \"IBMPlexSansArabic\"}.display-xs-bold{font:700 24px/32px \"IBMPlexSansArabic\"}.text-xl-bold{font:700 20px/30px \"IBMPlexSansArabic\"}.text-lg-bold{font:700 18px/28px \"IBMPlexSansArabic\"}.text-md-bold{font:700 16px/24px \"IBMPlexSansArabic\"}.text-sm-bold{font:700 14px/20px \"IBMPlexSansArabic\"}.text-xs-bold{font:700 12px/18px \"IBMPlexSansArabic\"}.text-2xs-bold{font:700 10px/14px \"IBMPlexSansArabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl,.dga-breadcrumb-dropdown{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}:host{display:block}@media only screen and (max-width: 768px){.dga-breadcrumb{justify-content:center}}.dga-breadcrumb{display:flex;align-items:center}.dga-breadcrumb-item{position:relative;display:inline-flex;align-items:center;gap:var(--size-4, 4px);color:var(--link-neutral);cursor:pointer;padding-right:var(--size-4, 4px)}.dga-breadcrumb-item.active{color:var(--text-default-disabled)}.dga-breadcrumb-item:not(:first-child){display:flex;align-items:center}.dga-breadcrumb-item .disabled-link{cursor:text;color:#9da4ae}.dga-breadcrumb-item .disabled-link:hover{text-decoration:none}.dga-breadcrumb-item .disabled-link:hover .link__label{text-decoration:none}.dga-breadcrumb-item.ellipsis .link{align-items:flex-end}.dga-breadcrumb-icon{color:var(--text-default-disabled);width:16px;height:16px;font-size:20px;display:flex;align-items:center}:is(html[lang=ar],html[dir=rtl]) .dga-breadcrumb-item:first-child{padding-right:0;padding-left:4px}:is(html[lang=ar],html[dir=rtl]) .dga-breadcrumb-icon{transform:rotate(180deg)}.dga-breadcrumb .link{text-decoration:none}.dga-breadcrumb .link:visited{color:var(--link-neutral) !important}.dga-breadcrumb .link.link_empty{cursor:text;color:#9da4ae !important}.dga-breadcrumb .link.link_empty .link__label:hover{text-decoration:none !important}.dga-breadcrumb .link.link_empty:hover{text-decoration:none !important}.dga-breadcrumb .link:focus{border:none !important;outline:none !important}.dga-breadcrumb-icon{cursor:text !important}.dga-breadcrumb-dropdown{display:flex;flex-direction:column;list-style:none;width:153px;padding:var(--spacing-xs, 4px);flex-direction:column;align-items:flex-start;position:absolute;left:0;top:calc(100% + 4px);border-radius:var(--radius-sm);border:1px solid var(--border-neutral-secondary, #e5e7eb);background:var(--background-white, #fff)}.dga-breadcrumb-dropdown-item{display:flex;padding:var(--spacing-md, 8px);flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--spacing-md, 8px);align-self:stretch;border-radius:var(--radius-sm, 4px);color:var(--link-neutral, #384250)}.dga-breadcrumb-dropdown-item:hover{border-radius:var(--radius-xs);background:var(--button-background-neutral-hovered);mix-blend-mode:multiply}.dga-breadcrumb-dropdown-item:active{border-radius:var(--radius-xs);background:var(--button-background-neutral-pressed, #e5e7eb);mix-blend-mode:multiply}.dga-breadcrumb--rtl .dga-breadcrumb-dropdown{right:0;left:auto}";
|
|
7
|
-
|
|
8
|
-
const DgaBreadcrumbs = class {
|
|
9
|
-
constructor(hostRef) {
|
|
10
|
-
registerInstance(this, hostRef);
|
|
11
|
-
this.breadcrumbClick = createEvent(this, "breadcrumbClick");
|
|
12
|
-
this.items = []; // Items will be passed as a JSON string
|
|
13
|
-
this.max = 5;
|
|
14
|
-
this.breadcrumbItems = [];
|
|
15
|
-
this.isMenuOpen = false; // State to control menu visibility
|
|
16
|
-
this.toggleMenu = () => {
|
|
17
|
-
this.isMenuOpen = !this.isMenuOpen;
|
|
18
|
-
if (this.isMenuOpen) {
|
|
19
|
-
document.addEventListener('click', this.handleOutsideClick);
|
|
20
|
-
}
|
|
21
|
-
else {
|
|
22
|
-
document.removeEventListener('click', this.handleOutsideClick);
|
|
23
|
-
}
|
|
24
|
-
};
|
|
25
|
-
this.closeMenu = () => {
|
|
26
|
-
this.isMenuOpen = false;
|
|
27
|
-
document.removeEventListener('click', this.handleOutsideClick);
|
|
28
|
-
};
|
|
29
|
-
this.handleOutsideClick = (event) => {
|
|
30
|
-
const target = event.target;
|
|
31
|
-
if (!this.el.contains(target)) {
|
|
32
|
-
this.closeMenu();
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
// Generate a unique ID if not provided
|
|
36
|
-
this.componentId = `dga-button-${Math.random().toString(36).substring(2, 9)}`;
|
|
37
|
-
// Computed inline styles
|
|
38
|
-
this.rootStyles = {};
|
|
39
|
-
}
|
|
40
|
-
componentWillLoad() {
|
|
41
|
-
this.handleItemsChange(this.items);
|
|
42
|
-
this.sxStyleManager = new SxStyleManager(this.componentId, this.el);
|
|
43
|
-
}
|
|
44
|
-
disconnectedCallback() {
|
|
45
|
-
var _a;
|
|
46
|
-
// Clean up styles
|
|
47
|
-
(_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
|
|
48
|
-
// Clean up event listener on component unmount
|
|
49
|
-
document.removeEventListener('click', this.handleOutsideClick);
|
|
50
|
-
}
|
|
51
|
-
handleItemsChange(newValue) {
|
|
52
|
-
try {
|
|
53
|
-
this.breadcrumbItems = this.renderItems(newValue);
|
|
54
|
-
}
|
|
55
|
-
catch (error) {
|
|
56
|
-
console.error('Invalid JSON in items prop:', error);
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
isEllipsisItem(item) {
|
|
60
|
-
return item.ellipsis === true;
|
|
61
|
-
}
|
|
62
|
-
renderItems(items) {
|
|
63
|
-
// If items are less than or equal to max, return all items
|
|
64
|
-
if (items.length <= this.max) {
|
|
65
|
-
return items;
|
|
66
|
-
}
|
|
67
|
-
// Ensure max is at least 3 to show first item, ellipsis, and last item
|
|
68
|
-
const effectiveMax = Math.max(3, this.max);
|
|
69
|
-
// Calculate visible items (excluding ellipsis)
|
|
70
|
-
const visibleCount = effectiveMax - 1; // Reserve one spot for ellipsis
|
|
71
|
-
// Always show at least first and last item
|
|
72
|
-
const firstHalf = Math.max(1, Math.floor(visibleCount / 2));
|
|
73
|
-
const secondHalf = Math.max(1, visibleCount - firstHalf);
|
|
74
|
-
const firstItems = items.slice(0, firstHalf);
|
|
75
|
-
const lastItems = items.slice(-secondHalf);
|
|
76
|
-
const middleItems = items.slice(firstHalf, -secondHalf);
|
|
77
|
-
// Only create ellipsis if there are middle items
|
|
78
|
-
if (middleItems.length === 0) {
|
|
79
|
-
return [...firstItems, ...lastItems];
|
|
80
|
-
}
|
|
81
|
-
return [...firstItems, { ellipsis: true, items: middleItems }, ...lastItems];
|
|
82
|
-
}
|
|
83
|
-
handleClick(e, link, item) {
|
|
84
|
-
if (!item.disabled) {
|
|
85
|
-
this.breadcrumbClick.emit({ e, link, item });
|
|
86
|
-
this.closeMenu();
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
handleSxChange() {
|
|
90
|
-
this.processStyling();
|
|
91
|
-
}
|
|
92
|
-
componentDidLoad() {
|
|
93
|
-
// Process styling after the component is fully loaded and shadow DOM is ready
|
|
94
|
-
this.processStyling();
|
|
95
|
-
}
|
|
96
|
-
componentDidUpdate() {
|
|
97
|
-
// Re-process styling after updates
|
|
98
|
-
this.processStyling();
|
|
99
|
-
}
|
|
100
|
-
processStyling() {
|
|
101
|
-
if (!this.sx)
|
|
102
|
-
return;
|
|
103
|
-
// Handle both string and object formats
|
|
104
|
-
const sxValue = typeof this.sx === 'string' ? JSON.parse(this.sx) : this.sx;
|
|
105
|
-
this.rootStyles = this.sxStyleManager.processSxProp(sxValue);
|
|
106
|
-
}
|
|
107
|
-
// Add a helper method to get the correct arrow icon
|
|
108
|
-
getArrowIcon() {
|
|
109
|
-
return isRTL(this.el) ? arrowLeft01StrokeRoundedIcon : arrowRight01StrokeRoundedIcon;
|
|
110
|
-
}
|
|
111
|
-
render() {
|
|
112
|
-
const { el } = this;
|
|
113
|
-
const dir = isRTL(el) ? 'rtl' : 'ltr';
|
|
114
|
-
return (h(Host, { key: 'fb59028d99df07ab8d9e39de982f43d9f4404b5e', id: this.componentId, style: this.rootStyles, dir: dir }, h("nav", { key: '1a3e10885e2a76ce6052400118f2a8c84049e476', "aria-label": "breadcrumb" }, h("ul", { key: '42b42572022ec7e3ed8ecad3474191307df51d9f', class: `dga-breadcrumb dga-breadcrumb--${dir}` }, this.breadcrumbItems.map((item, index) => {
|
|
115
|
-
if (this.isEllipsisItem(item)) {
|
|
116
|
-
return (h("li", { key: index, class: "dga-breadcrumb-item ellipsis" }, h("span", { class: "dga-breadcrumb-icon" }, h("dga-icon", { icon: this.getArrowIcon() })), h("a", { onClick: () => {
|
|
117
|
-
this.toggleMenu();
|
|
118
|
-
return false;
|
|
119
|
-
}, "aria-haspopup": "true", "aria-expanded": this.isMenuOpen ? 'true' : 'false', class: "link link--md link--neutral" }, "..."), this.isMenuOpen && (h("ul", { class: "dga-breadcrumb-dropdown" }, item.items.map(ellipsedItem => (h("li", { key: ellipsedItem === null || ellipsedItem === void 0 ? void 0 : ellipsedItem.label, class: "dga-breadcrumb-dropdown-item" }, h("a", { onClick: e => this.handleClick(e, ellipsedItem.path, ellipsedItem), class: {
|
|
120
|
-
'disabled-link': ellipsedItem.disabled,
|
|
121
|
-
}, href: ellipsedItem.disabled ? undefined : ellipsedItem.path, "aria-disabled": ellipsedItem.disabled ? 'true' : 'false' }, h("span", { class: "link__label" }, ellipsedItem.label)))))))));
|
|
122
|
-
}
|
|
123
|
-
const isLastItem = index === this.breadcrumbItems.length - 1;
|
|
124
|
-
const first = index === 0;
|
|
125
|
-
return (h("li", { key: index, class: {
|
|
126
|
-
'dga-breadcrumb-item': true,
|
|
127
|
-
'active': isLastItem,
|
|
128
|
-
}, "aria-current": isLastItem ? 'page' : undefined }, item.path && !isLastItem ? (h(Fragment, null, !first && (h("span", { class: "dga-breadcrumb-icon" }, h("dga-icon", { icon: this.getArrowIcon() }))), h("a", { onClick: e => this.handleClick(e, item.path, item), class: {
|
|
129
|
-
'link link--md link--neutral': true,
|
|
130
|
-
'disabled-link': item.disabled,
|
|
131
|
-
}, href: item.disabled ? undefined : item.path, "aria-disabled": item.disabled ? 'true' : 'false' }, h("span", { class: "link__label" }, item.label)))) : (h(Fragment, null, h("span", { class: "dga-breadcrumb-icon" }, h("dga-icon", { icon: this.getArrowIcon() })), h("a", { onClick: e => this.handleClick(e, item.path, item), class: {
|
|
132
|
-
'link link--md link--neutral': true,
|
|
133
|
-
'disabled-link': item.disabled,
|
|
134
|
-
'link_empty': true,
|
|
135
|
-
}, href: item.disabled ? undefined : undefined, "aria-disabled": item.disabled ? 'true' : 'false' }, h("span", { class: "link__label" }, item.label))))));
|
|
136
|
-
})))));
|
|
137
|
-
}
|
|
138
|
-
get el() { return getElement(this); }
|
|
139
|
-
static get watchers() { return {
|
|
140
|
-
"items": ["handleItemsChange"],
|
|
141
|
-
"sx": ["handleSxChange"]
|
|
142
|
-
}; }
|
|
143
|
-
};
|
|
144
|
-
DgaBreadcrumbs.style = dgaBreadcrumbsCss;
|
|
145
|
-
|
|
146
|
-
export { DgaBreadcrumbs as dga_breadcrumbs };
|
|
@@ -1,134 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host, a as getElement } from './index-B4CGwdkg.js';
|
|
2
|
-
|
|
3
|
-
const dgaCarouselCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff\") format(\"woff\");font-weight:400;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff\") format(\"woff\");font-weight:500;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff\") format(\"woff\");font-weight:600;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff\") format(\"woff\");font-weight:700;font-style:normal;font-display:auto}body{font-family:\"IBMPlexSansArabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBMPlexSansArabic\"}.display-xl-regular{font:400 60px/72px \"IBMPlexSansArabic\"}.display-lg-regular{font:400 48px/60px \"IBMPlexSansArabic\"}.display-md-regular{font:400 36px/44px \"IBMPlexSansArabic\"}.display-sm-regular{font:400 30px/38px \"IBMPlexSansArabic\"}.display-xs-regular{font:400 24px/32px \"IBMPlexSansArabic\"}.text-xl-regular{font:400 20px/30px \"IBMPlexSansArabic\"}.text-lg-regular{font:400 18px/28px \"IBMPlexSansArabic\"}.text-md-regular{font:400 16px/24px \"IBMPlexSansArabic\"}.text-sm-regular{font:400 14px/20px \"IBMPlexSansArabic\"}.text-xs-regular{font:400 12px/18px \"IBMPlexSansArabic\"}.text-2xs-regular{font:400 10px/14px \"IBMPlexSansArabic\"}.display-2xl-medium{font:500 72px/90px \"IBMPlexSansArabic\"}.display-xl-medium{font:500 60px/72px \"IBMPlexSansArabic\"}.display-lg-medium{font:500 48px/60px \"IBMPlexSansArabic\"}.display-md-medium{font:500 36px/44px \"IBMPlexSansArabic\"}.display-sm-medium{font:500 30px/38px \"IBMPlexSansArabic\"}.display-xs-medium{font:500 24px/32px \"IBMPlexSansArabic\"}.text-xl-medium{font:500 20px/30px \"IBMPlexSansArabic\"}.text-lg-medium{font:500 18px/28px \"IBMPlexSansArabic\"}.text-md-medium{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium{font:500 12px/18px \"IBMPlexSansArabic\"}.text-2xs-medium{font:500 10px/14px \"IBMPlexSansArabic\"}.display-2xl-semibold{font:600 72px/90px \"IBMPlexSansArabic\"}.display-xl-semibold{font:600 60px/72px \"IBMPlexSansArabic\"}.display-lg-semibold{font:600 48px/60px \"IBMPlexSansArabic\"}.display-md-semibold{font:600 36px/44px \"IBMPlexSansArabic\"}.display-sm-semibold{font:600 30px/38px \"IBMPlexSansArabic\"}.display-xs-semibold{font:600 24px/32px \"IBMPlexSansArabic\"}.text-xl-semibold{font:600 20px/30px \"IBMPlexSansArabic\"}.text-lg-semibold{font:600 18px/28px \"IBMPlexSansArabic\"}.text-md-semibold{font:600 16px/24px \"IBMPlexSansArabic\"}.text-sm-semibold{font:600 14px/20px \"IBMPlexSansArabic\"}.text-xs-semibold{font:600 12px/18px \"IBMPlexSansArabic\"}.text-2xs-semibold{font:600 10px/14px \"IBMPlexSansArabic\"}.display-2xl-bold{font:700 72px/90px \"IBMPlexSansArabic\"}.display-xl-bold{font:700 60px/72px \"IBMPlexSansArabic\"}.display-lg-bold{font:700 48px/60px \"IBMPlexSansArabic\"}.display-md-bold{font:700 36px/44px \"IBMPlexSansArabic\"}.display-sm-bold{font:700 30px/38px \"IBMPlexSansArabic\"}.display-xs-bold{font:700 24px/32px \"IBMPlexSansArabic\"}.text-xl-bold{font:700 20px/30px \"IBMPlexSansArabic\"}.text-lg-bold{font:700 18px/28px \"IBMPlexSansArabic\"}.text-md-bold{font:700 16px/24px \"IBMPlexSansArabic\"}.text-sm-bold{font:700 14px/20px \"IBMPlexSansArabic\"}.text-xs-bold{font:700 12px/18px \"IBMPlexSansArabic\"}.text-2xs-bold{font:700 10px/14px \"IBMPlexSansArabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}:host(.KCarousel){position:relative;display:inline-block;width:100%}.KCarousel{padding:32px 24px}.KCarousel--arrows>.KCarousel-body{display:flex;align-items:center;gap:44px}.KCarousel--sm .KCarousel-arrow{width:32px !important;height:32px !important}.KCarousel--sm .KCarousel-dot{width:8px !important;height:8px !important}.KCarousel--md .KCarousel-arrow{width:40px !important;height:40px !important}.KCarousel--md .KCarousel-dot{width:12px !important;height:12px !important}.KCarousel--lg .KCarousel-arrow{width:48px !important;height:48px !important}.KCarousel--lg .KCarousel-dot{width:16px !important;height:16px !important}.KCarousel-container{height:100%;display:flex;overflow:hidden}.KCarousel-container .KCarousel-slides{display:flex;height:100%;}.KCarousel-arrow{color:var(--icon-default);background-color:var(--background-body);border-radius:50%;display:flex;align-items:center;justify-content:center;width:48px;height:48px;aspect-ratio:1/1;cursor:pointer;transition:background-color 0.3s}.KCarousel-arrow--active{color:#fff !important;background-color:var(--stepper-button-completed)}.KCarousel-arrow--primary:hover{background-color:rgba(27, 131, 84, 0.2)}.KCarousel-arrow--subtle{color:var(--icon-default) !important;background-color:transparent}.KCarousel-arrow--subtle:hover{background-color:var(--button-background-neutral-hovered) !important}.KCarousel-dots{display:flex;justify-content:center;align-items:center;margin-top:24px;padding:12px}.KCarousel-dots .KCarousel-dot{cursor:pointer;height:12px;width:12px;margin:0 4px;background-color:var(--background-neutral-200);border-radius:50%;display:inline-block;transition:background-color 0.3s}.KCarousel-dots .KCarousel-dot.is-active{background-color:var(--stepper-button-completed)}";
|
|
4
|
-
|
|
5
|
-
const DgaCarousel = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.DIRECTION = {
|
|
9
|
-
LEFT: Symbol('LEFT'),
|
|
10
|
-
RIGHT: Symbol('RIGHT'),
|
|
11
|
-
};
|
|
12
|
-
this.variant = 'arrows';
|
|
13
|
-
this.showDots = true;
|
|
14
|
-
this.steps = 1;
|
|
15
|
-
this.transitionDuration = 600;
|
|
16
|
-
this.Dir = 'rtl';
|
|
17
|
-
this.size = 'lg';
|
|
18
|
-
this.arrowsVariant = 'primary';
|
|
19
|
-
this.arrows = {
|
|
20
|
-
variant: 'primary',
|
|
21
|
-
size: 'lg',
|
|
22
|
-
};
|
|
23
|
-
this.childWidth = 0;
|
|
24
|
-
this.childrenLength = 0;
|
|
25
|
-
this.currentSlideIndex = 0;
|
|
26
|
-
}
|
|
27
|
-
isRTL() {
|
|
28
|
-
return this.Dir === 'rtl';
|
|
29
|
-
}
|
|
30
|
-
changeSlide(direction) {
|
|
31
|
-
const isMovingForward = direction === this.DIRECTION.RIGHT;
|
|
32
|
-
const isMovingBackward = direction === this.DIRECTION.LEFT;
|
|
33
|
-
if (this.isRTL()) {
|
|
34
|
-
// In RTL: RIGHT means going towards index 0, LEFT means going towards the end
|
|
35
|
-
if (isMovingForward && this.currentSlideIndex > 0) {
|
|
36
|
-
this.currentSlideIndex--;
|
|
37
|
-
}
|
|
38
|
-
else if (isMovingBackward && this.currentSlideIndex < this.childrenLength - 1) {
|
|
39
|
-
this.currentSlideIndex++;
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
else {
|
|
43
|
-
// In LTR: RIGHT means going towards the end, LEFT means going towards index 0
|
|
44
|
-
if (isMovingForward && this.currentSlideIndex < this.childrenLength - 1) {
|
|
45
|
-
this.currentSlideIndex++;
|
|
46
|
-
}
|
|
47
|
-
else if (isMovingBackward && this.currentSlideIndex > 0) {
|
|
48
|
-
this.currentSlideIndex--;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
this.updateSlidePosition();
|
|
52
|
-
}
|
|
53
|
-
updateSlidePosition() {
|
|
54
|
-
if (this.slidesContainer) {
|
|
55
|
-
const translateX = this.isRTL() ? this.currentSlideIndex * this.childWidth : -(this.currentSlideIndex * this.childWidth);
|
|
56
|
-
this.slidesContainer.style.transform = `translateX(${translateX}px)`;
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
showLeftArrow() {
|
|
60
|
-
if (this.isRTL()) {
|
|
61
|
-
// In RTL: Left arrow shows when we can move towards the end (increase index)
|
|
62
|
-
return this.currentSlideIndex < this.childrenLength - 1;
|
|
63
|
-
}
|
|
64
|
-
// In LTR: Left arrow shows when we can move towards the start (decrease index)
|
|
65
|
-
return this.currentSlideIndex > 0;
|
|
66
|
-
}
|
|
67
|
-
showRightArrow() {
|
|
68
|
-
if (this.isRTL()) {
|
|
69
|
-
// In RTL: Right arrow shows when we can move towards the start (decrease index)
|
|
70
|
-
return this.currentSlideIndex > 0;
|
|
71
|
-
}
|
|
72
|
-
// In LTR: Right arrow shows when we can move towards the end (increase index)
|
|
73
|
-
return this.currentSlideIndex < this.childrenLength - 1;
|
|
74
|
-
}
|
|
75
|
-
isHighlighted(index) {
|
|
76
|
-
return index === this.currentSlideIndex;
|
|
77
|
-
}
|
|
78
|
-
componentDidLoad() {
|
|
79
|
-
var _a;
|
|
80
|
-
const slot = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
|
|
81
|
-
slot === null || slot === void 0 ? void 0 : slot.addEventListener('slotchange', this.calculateChildWidth.bind(this));
|
|
82
|
-
this.calculateChildWidth();
|
|
83
|
-
this.updateChildrenLength();
|
|
84
|
-
}
|
|
85
|
-
calculateChildWidth() {
|
|
86
|
-
const child = this.slidesContainer.querySelector('.KCarousel-slides > *');
|
|
87
|
-
if (child) {
|
|
88
|
-
this.childWidth = child.clientWidth;
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
updateChildrenLength() {
|
|
92
|
-
if (this.slidesContainer) {
|
|
93
|
-
this.childrenLength = this.slidesContainer.childElementCount;
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
render() {
|
|
97
|
-
return (h(Host, { key: '121c11b7ad56da299670a6bb0833e86a0b7b64ef', class: `KCarousel KCarousel--${this.variant} KCarousel--${this.size}`, dir: this.Dir }, this.variant !== 'dots-only' && (h("div", { key: 'c4e449d7d8d79b3eb498263cc1f54428eb478486', class: "KCarousel-body" }, this.variant === 'arrows' && (h("a", { key: '87d889f0857518c0617b0dde52e1b5e5ae5fb6a3', class: {
|
|
98
|
-
'KCarousel-arrow': true,
|
|
99
|
-
'KCarousel-arrow--active': this.showLeftArrow(),
|
|
100
|
-
[this.isRTL() ? 'right' : 'left']: true,
|
|
101
|
-
[`KCarousel-arrow--${this.arrowsVariant}`]: true,
|
|
102
|
-
}, onClick: () => this.changeSlide(this.DIRECTION.LEFT) }, h("dga-icon", { key: '7822c4aa6c16370af1a16f75104c3df9ae402900', name: this.isRTL() ? 'arrow-right-01' : 'arrow-left-01', variant: "stroke", type: "rounded", size: 24 }))), h("div", { key: '831057d00033771eb60b7b4ad3fdd629758a5e25', class: "KCarousel-container", style: { overflow: 'hidden', maxWidth: `${this.childWidth}px` } }, h("div", { key: '923c08268061ac7b4d801c847ad7d2e1bac48fdb', style: {
|
|
103
|
-
display: 'flex',
|
|
104
|
-
transition: `transform ${this.transitionDuration}ms ease-in-out`,
|
|
105
|
-
}, class: "KCarousel-slides", ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '77b29c2b8425da5cc493ec343389a1f55228afbd' }))), this.variant === 'arrows' && (h("a", { key: '85d14141b64ae4725cb583c8e5cbded3f09f0464', class: {
|
|
106
|
-
'KCarousel-arrow': true,
|
|
107
|
-
'KCarousel-arrow--active': this.showRightArrow(),
|
|
108
|
-
[this.isRTL() ? 'left' : 'right']: true,
|
|
109
|
-
[`KCarousel-arrow--${this.arrowsVariant}`]: true,
|
|
110
|
-
}, onClick: () => this.changeSlide(this.DIRECTION.RIGHT) }, h("dga-icon", { key: '62b28f40cca2be7cdbe12a1869b347be437e36e8', name: this.isRTL() ? 'arrow-left-01' : 'arrow-right-01', variant: "stroke", type: "rounded", size: 24 }))))), ['dots', 'dots-only'].includes(this.variant) && (h("div", { key: '9a4f65e2159d8b9226fb780c89414589bad31746', class: "KCarousel-dots" }, Array.from({ length: this.childrenLength }).map((_, index) => (h("span", { class: {
|
|
111
|
-
'KCarousel-dot': true,
|
|
112
|
-
'is-active': this.isHighlighted(index),
|
|
113
|
-
}, onClick: () => {
|
|
114
|
-
this.currentSlideIndex = index;
|
|
115
|
-
this.updateSlidePosition();
|
|
116
|
-
} })))))));
|
|
117
|
-
}
|
|
118
|
-
get el() { return getElement(this); }
|
|
119
|
-
};
|
|
120
|
-
DgaCarousel.style = dgaCarouselCss;
|
|
121
|
-
|
|
122
|
-
const dgaCarouselItemCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff\") format(\"woff\");font-weight:400;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff\") format(\"woff\");font-weight:500;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff\") format(\"woff\");font-weight:600;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff\") format(\"woff\");font-weight:700;font-style:normal;font-display:auto}body{font-family:\"IBMPlexSansArabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBMPlexSansArabic\"}.display-xl-regular{font:400 60px/72px \"IBMPlexSansArabic\"}.display-lg-regular{font:400 48px/60px \"IBMPlexSansArabic\"}.display-md-regular{font:400 36px/44px \"IBMPlexSansArabic\"}.display-sm-regular{font:400 30px/38px \"IBMPlexSansArabic\"}.display-xs-regular{font:400 24px/32px \"IBMPlexSansArabic\"}.text-xl-regular{font:400 20px/30px \"IBMPlexSansArabic\"}.text-lg-regular{font:400 18px/28px \"IBMPlexSansArabic\"}.text-md-regular{font:400 16px/24px \"IBMPlexSansArabic\"}.text-sm-regular{font:400 14px/20px \"IBMPlexSansArabic\"}.text-xs-regular{font:400 12px/18px \"IBMPlexSansArabic\"}.text-2xs-regular{font:400 10px/14px \"IBMPlexSansArabic\"}.display-2xl-medium{font:500 72px/90px \"IBMPlexSansArabic\"}.display-xl-medium{font:500 60px/72px \"IBMPlexSansArabic\"}.display-lg-medium{font:500 48px/60px \"IBMPlexSansArabic\"}.display-md-medium{font:500 36px/44px \"IBMPlexSansArabic\"}.display-sm-medium{font:500 30px/38px \"IBMPlexSansArabic\"}.display-xs-medium{font:500 24px/32px \"IBMPlexSansArabic\"}.text-xl-medium{font:500 20px/30px \"IBMPlexSansArabic\"}.text-lg-medium{font:500 18px/28px \"IBMPlexSansArabic\"}.text-md-medium{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium{font:500 12px/18px \"IBMPlexSansArabic\"}.text-2xs-medium{font:500 10px/14px \"IBMPlexSansArabic\"}.display-2xl-semibold{font:600 72px/90px \"IBMPlexSansArabic\"}.display-xl-semibold{font:600 60px/72px \"IBMPlexSansArabic\"}.display-lg-semibold{font:600 48px/60px \"IBMPlexSansArabic\"}.display-md-semibold{font:600 36px/44px \"IBMPlexSansArabic\"}.display-sm-semibold{font:600 30px/38px \"IBMPlexSansArabic\"}.display-xs-semibold{font:600 24px/32px \"IBMPlexSansArabic\"}.text-xl-semibold{font:600 20px/30px \"IBMPlexSansArabic\"}.text-lg-semibold{font:600 18px/28px \"IBMPlexSansArabic\"}.text-md-semibold{font:600 16px/24px \"IBMPlexSansArabic\"}.text-sm-semibold{font:600 14px/20px \"IBMPlexSansArabic\"}.text-xs-semibold{font:600 12px/18px \"IBMPlexSansArabic\"}.text-2xs-semibold{font:600 10px/14px \"IBMPlexSansArabic\"}.display-2xl-bold{font:700 72px/90px \"IBMPlexSansArabic\"}.display-xl-bold{font:700 60px/72px \"IBMPlexSansArabic\"}.display-lg-bold{font:700 48px/60px \"IBMPlexSansArabic\"}.display-md-bold{font:700 36px/44px \"IBMPlexSansArabic\"}.display-sm-bold{font:700 30px/38px \"IBMPlexSansArabic\"}.display-xs-bold{font:700 24px/32px \"IBMPlexSansArabic\"}.text-xl-bold{font:700 20px/30px \"IBMPlexSansArabic\"}.text-lg-bold{font:700 18px/28px \"IBMPlexSansArabic\"}.text-md-bold{font:700 16px/24px \"IBMPlexSansArabic\"}.text-sm-bold{font:700 14px/20px \"IBMPlexSansArabic\"}.text-xs-bold{font:700 12px/18px \"IBMPlexSansArabic\"}.text-2xs-bold{font:700 10px/14px \"IBMPlexSansArabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}:host{width:fit-content}";
|
|
123
|
-
|
|
124
|
-
const CarouselItem = class {
|
|
125
|
-
constructor(hostRef) {
|
|
126
|
-
registerInstance(this, hostRef);
|
|
127
|
-
}
|
|
128
|
-
render() {
|
|
129
|
-
return (h(Host, { key: 'df350f2304f37884d27296655c281db2e26ac4d7' }, h("slot", { key: '522543d2b3b2f3a22dcd49868bb20fa077ad72f7' })));
|
|
130
|
-
}
|
|
131
|
-
};
|
|
132
|
-
CarouselItem.style = dgaCarouselItemCss;
|
|
133
|
-
|
|
134
|
-
export { DgaCarousel as dga_carousel, CarouselItem as dga_carousel_item };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-B4CGwdkg.js';
|
|
2
|
-
|
|
3
|
-
const DgaHugeIconUsage = class {
|
|
4
|
-
constructor(hostRef) {
|
|
5
|
-
registerInstance(this, hostRef);
|
|
6
|
-
}
|
|
7
|
-
render() {
|
|
8
|
-
return (h("div", { key: '4550137d59f0491c03415d357bc3c4aa8a4b954d' }, h("h1", { key: '30bebad5a8bac0cdd54264f43a05678a7d6f7bfe' }, "Huge Icon Example"), h("div", { key: '4def1fbceaf11de70c9735c3f552bb6d4f7df769', style: { padding: "50px", display: "flex", gap: "20px" } }, h("dga-icon-v2", { key: 'e97c16099f1cd5443dcb045a76318955d88b319d', name: "tiktok", color: 'red', variant: 'solid', type: 'sharp', size: 20 }), h("dga-icon", { key: 'bc96a381865ebabef11c7c3c21ca90375d6f206e', icon: "tiktok", color: 'red', variant: 'solid', type: 'sharp', size: 20 }))));
|
|
9
|
-
}
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
export { DgaHugeIconUsage as dga_huge_icon_usage };
|