@platformscode/core 0.0.48 → 0.0.49
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 +2 -2
- package/dist/cjs/date-cell_3.cjs.entry.js +15 -15
- package/dist/cjs/dga-accordion-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-accordion.cjs.entry.js +2 -2
- package/dist/cjs/dga-action-menu_8.cjs.entry.js +17 -17
- package/dist/cjs/dga-actions.cjs.entry.js +1 -1
- package/dist/cjs/dga-apex-chart-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-apex-chart.cjs.entry.js +1 -1
- package/dist/cjs/dga-avatar-group.cjs.entry.js +175 -0
- package/dist/cjs/dga-avatar-usage.cjs.entry.js +47 -0
- package/dist/cjs/dga-avatar.cjs.entry.js +78 -0
- package/dist/cjs/dga-breadcrumbs-usage.cjs.entry.js +33 -0
- package/dist/cjs/dga-breadcrumbs.cjs.entry.js +150 -0
- package/dist/cjs/dga-button-leading-icon.cjs.entry.js +1 -1
- package/dist/cjs/dga-button-usage.cjs.entry.js +4 -4
- package/dist/cjs/dga-button-v2-usage.cjs.entry.js +3 -3
- package/dist/cjs/dga-button_11.cjs.entry.js +1015 -0
- package/dist/cjs/dga-card-actions_4.cjs.entry.js +5 -5
- package/dist/cjs/dga-card-image.cjs.entry.js +2 -2
- package/dist/cjs/dga-card-title.cjs.entry.js +2 -2
- package/dist/cjs/dga-card-v2-usage.cjs.entry.js +4 -4
- package/dist/cjs/dga-carousel-usage.cjs.entry.js +30 -30
- package/dist/cjs/dga-carousel-v2.cjs.entry.js +2 -2
- package/dist/cjs/dga-carousel_2.cjs.entry.js +138 -0
- package/dist/cjs/dga-chart-usage.cjs.entry.js +3 -3
- package/dist/cjs/dga-chart.cjs.entry.js +1 -1
- package/dist/cjs/dga-checkbox-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-chip-usage.cjs.entry.js +5 -5
- package/dist/cjs/dga-chip.cjs.entry.js +3 -3
- package/dist/cjs/dga-circle-skeleton_4.cjs.entry.js +5 -5
- package/dist/cjs/dga-circular-progress-bar-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-circular-progress-bar.cjs.entry.js +2 -2
- package/dist/cjs/dga-codesnippet-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-codesnippet.cjs.entry.js +5 -5
- package/dist/cjs/dga-collapse-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-collapse.cjs.entry.js +2 -2
- package/dist/cjs/dga-content-switcher-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-content-switcher_3.cjs.entry.js +4 -4
- package/dist/cjs/dga-data-table-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-data-table.cjs.entry.js +1 -1
- package/dist/cjs/dga-date-field-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-date-field.cjs.entry.js +2 -2
- package/dist/cjs/dga-datepicker-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-divider-usage.cjs.entry.js +7 -7
- package/dist/cjs/dga-divider.cjs.entry.js +19 -0
- package/dist/cjs/dga-drawer-usage.cjs.entry.js +3 -3
- package/dist/cjs/dga-drawer_3.cjs.entry.js +4 -4
- package/dist/cjs/dga-dropdown-usage.cjs.entry.js +7 -7
- package/dist/cjs/dga-dropdown.cjs.entry.js +211 -0
- package/dist/cjs/dga-featured-icon-usage.cjs.entry.js +13 -13
- package/dist/cjs/dga-feedback-icon-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-feedback-icon.cjs.entry.js +1 -1
- package/dist/cjs/dga-file-upload-usage.cjs.entry.js +14 -0
- package/dist/cjs/dga-file-upload.cjs.entry.js +93 -0
- package/dist/cjs/dga-filteration-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-filteration.cjs.entry.js +1 -1
- package/dist/cjs/dga-flex.cjs.entry.js +2 -2
- package/dist/cjs/dga-floating-button-usage.cjs.entry.js +4 -4
- package/dist/cjs/dga-footer-usage.cjs.entry.js +4 -4
- package/dist/cjs/dga-footer.cjs.entry.js +3 -3
- package/dist/cjs/dga-grid-container_2.cjs.entry.js +1 -1
- package/dist/cjs/dga-grid-usage.cjs.entry.js +3 -3
- package/dist/cjs/{dga-header-action-btn-DR1nQza_.js → dga-header-action-btn-DutV96gs.js} +8 -8
- package/dist/cjs/dga-header-action-btn_11.cjs.entry.js +6 -6
- package/dist/cjs/dga-header-menu-item-usage.cjs.entry.js +7 -7
- package/dist/cjs/dga-header-menu-vv2.cjs.entry.js +2 -2
- package/dist/cjs/dga-header-menu_5.cjs.entry.js +6 -6
- package/dist/cjs/dga-header-usage.cjs.entry.js +14 -14
- package/dist/cjs/dga-header.cjs.entry.js +3 -3
- package/dist/cjs/dga-helper-text_2.cjs.entry.js +4 -4
- package/dist/cjs/dga-huge-icon-usage.cjs.entry.js +14 -0
- package/dist/cjs/dga-inline-alert-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-inline-alert.cjs.entry.js +4 -4
- package/dist/cjs/dga-label.cjs.entry.js +19 -0
- package/dist/cjs/dga-linear-progress-bar-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-linear-progress-bar.cjs.entry.js +5 -5
- package/dist/cjs/dga-list-item_2.cjs.entry.js +1 -1
- package/dist/cjs/dga-list-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-list.cjs.entry.js +2 -2
- package/dist/cjs/dga-loading-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-loading.cjs.entry.js +56 -0
- package/dist/cjs/dga-menu-group_2.cjs.entry.js +44 -0
- package/dist/cjs/dga-menu-list.cjs.entry.js +17 -0
- package/dist/cjs/dga-menu-usage.cjs.entry.js +32 -0
- package/dist/cjs/{dga-card.cjs.entry.js → dga-menu-v2.cjs.entry.js} +46 -76
- package/dist/cjs/dga-menu.cjs.entry.js +2 -2
- package/dist/cjs/dga-metric-chart-v2.cjs.entry.js +1 -1
- package/dist/cjs/dga-metric-chart.cjs.entry.js +2 -2
- package/dist/cjs/dga-metric-usage.cjs.entry.js +6 -6
- package/dist/cjs/dga-metric-v2.cjs.entry.js +1 -1
- package/dist/cjs/dga-metric.cjs.entry.js +1 -1
- package/dist/cjs/dga-modal-actions_5.cjs.entry.js +10 -10
- package/dist/cjs/dga-modal-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-modal-v2-usage.cjs.entry.js +3 -3
- package/dist/cjs/dga-modal.cjs.entry.js +5 -5
- package/dist/cjs/{dga-nav-header-sub-menu-link-DVR6BVB_.js → dga-nav-header-sub-menu-link-DJBKL-Gb.js} +3 -3
- package/dist/cjs/dga-notification-toast-usage.cjs.entry.js +4 -4
- package/dist/cjs/dga-notification-toast.cjs.entry.js +4 -4
- package/dist/cjs/dga-notification-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-notification.cjs.entry.js +5 -5
- package/dist/cjs/dga-number-input-usage.cjs.entry.js +5 -5
- package/dist/cjs/dga-number-input.cjs.entry.js +4 -4
- package/dist/cjs/dga-pagination-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-pagination.cjs.entry.js +4 -4
- package/dist/cjs/dga-prefix.cjs.entry.js +1 -1
- package/dist/cjs/dga-progress-indicator-step-v3.cjs.entry.js +2 -2
- package/dist/cjs/dga-progress-indicator-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-progress-indicator-v3-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-progress-indicator-v3.cjs.entry.js +2 -2
- package/dist/cjs/dga-progress-indicator_2.cjs.entry.js +3 -3
- package/dist/cjs/dga-quote-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-quote.cjs.entry.js +2 -2
- package/dist/cjs/dga-radial-stepper-usage.cjs.entry.js +9 -9
- package/dist/cjs/dga-radial-stepper.cjs.entry.js +1 -1
- package/dist/cjs/dga-radio-button-usage.cjs.entry.js +4 -4
- package/dist/cjs/dga-radio-button.cjs.entry.js +1 -1
- package/dist/cjs/dga-rating-usage.cjs.entry.js +3 -3
- package/dist/cjs/dga-rating.cjs.entry.js +2 -2
- package/dist/cjs/dga-search-box-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-search-box_2.cjs.entry.js +4 -4
- package/dist/cjs/dga-second-nav-header-usage.cjs.entry.js +8 -8
- package/dist/cjs/dga-skeleton-component.cjs.entry.js +1 -1
- package/dist/cjs/dga-skeleton-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-slideout-menu-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-slideout-menu_4.cjs.entry.js +7 -7
- package/dist/cjs/dga-slider-usage.cjs.entry.js +3 -3
- package/dist/cjs/dga-slider.cjs.entry.js +2 -2
- package/dist/cjs/dga-status-tag.cjs.entry.js +2 -2
- package/dist/cjs/dga-structured-list-usage.cjs.entry.js +3 -3
- package/dist/cjs/dga-structured-list.cjs.entry.js +2 -2
- package/dist/cjs/dga-suffix.cjs.entry.js +1 -1
- package/dist/cjs/dga-switch-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-switch.cjs.entry.js +2 -2
- package/dist/cjs/dga-table-body.cjs.entry.js +2 -2
- package/dist/cjs/dga-table-of-content-usage.cjs.entry.js +20 -20
- package/dist/cjs/dga-table-of-content.cjs.entry.js +1 -1
- package/dist/cjs/dga-table-usage.cjs.entry.js +3 -3
- package/dist/cjs/dga-table.cjs.entry.js +2 -2
- package/dist/cjs/dga-tabs-usage.cjs.entry.js +13 -13
- package/dist/cjs/dga-tabs.cjs.entry.js +2 -2
- package/dist/cjs/dga-tag-usage.cjs.entry.js +14 -14
- package/dist/cjs/dga-tag_3.cjs.entry.js +1 -1
- package/dist/cjs/dga-text-input-usage.cjs.entry.js +3 -3
- package/dist/cjs/dga-textarea-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-textarea.cjs.entry.js +2 -2
- package/dist/cjs/dga-tooltip-usage.cjs.entry.js +3 -3
- package/dist/cjs/floating-button.cjs.entry.js +2 -2
- package/dist/cjs/{index-BeCzzE4d.js → index-DuIfHULw.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/nds-accordion-usage.cjs.entry.js +2 -2
- package/dist/cjs/nds-accordion.cjs.entry.js +4 -4
- package/dist/cjs/nds-avatar-usage.cjs.entry.js +10 -10
- package/dist/cjs/nds-avatar.cjs.entry.js +1 -1
- package/dist/cjs/nds-button-usage.cjs.entry.js +3 -3
- package/dist/cjs/nds-button.cjs.entry.js +2 -2
- package/dist/cjs/nds-chip-usage.cjs.entry.js +5 -5
- package/dist/cjs/nds-chip.cjs.entry.js +3 -3
- package/dist/cjs/nds-floating-button-usage.cjs.entry.js +2 -2
- package/dist/cjs/nds-floating-button.cjs.entry.js +3 -3
- package/dist/cjs/nds-link-usage.cjs.entry.js +2 -2
- package/dist/cjs/nds-link.cjs.entry.js +2 -2
- package/dist/cjs/nds-table-of-content-usage.cjs.entry.js +20 -20
- package/dist/cjs/nds-table-of-content.cjs.entry.js +1 -1
- package/dist/collection/assets/styles/main.css +1 -12
- package/dist/collection/components/dga-accordion/dga-accordion.css +0 -1
- package/dist/collection/components/dga-avatar/dga-avatar.css +3 -0
- package/dist/collection/components/dga-breadcrumbs/dga-breadcrumbs.css +0 -2
- package/dist/collection/components/dga-button/dga-button.css +0 -4
- package/dist/collection/components/dga-button-v2/dga-button-v2.js +1 -1
- package/dist/collection/components/dga-button-v2/dga-button.css +0 -4
- package/dist/collection/components/dga-card/dga-card.css +31 -7
- package/dist/collection/components/dga-card/dga-card.js +8 -3
- 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 +4 -4
- 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-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-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.css +0 -3
- 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.css +0 -4
- package/dist/collection/components/dga-datepicker/dga-datepicker.js +7 -7
- package/dist/collection/components/dga-digital-signature/dga-digital-signature.css +3 -4
- 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.css +0 -3
- package/dist/collection/components/dga-drawer/tab-component.js +1 -1
- package/dist/collection/components/dga-dropdown/dga-dropdown.css +0 -1
- package/dist/collection/components/dga-dropdown/dga-dropdown.js +2 -2
- package/dist/collection/components/dga-file-upload/dga-file-upload.css +0 -4
- package/dist/collection/components/dga-file-upload/dga-file-upload.js +1 -1
- 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-footer/footer.css +0 -4
- package/dist/collection/components/dga-header/dga-nav-header-sub-menu.css +0 -2
- package/dist/collection/components/dga-header/dga-nav-header-sub-menu.js +1 -1
- package/dist/collection/components/dga-inline-alert/dga-inline-alert.css +0 -4
- package/dist/collection/components/dga-inline-alert/dga-inline-alert.js +2 -2
- package/dist/collection/components/dga-linear-progress-bar/dga-linear-progress-bar.js +4 -4
- package/dist/collection/components/dga-link/dga-link.css +0 -5
- package/dist/collection/components/dga-link/dga-link.js +93 -8
- package/dist/collection/components/dga-list/dga-list.js +1 -1
- package/dist/collection/components/dga-loading/dga-loading.css +0 -2
- package/dist/collection/components/dga-menu/dga-action-menu.css +0 -2
- package/dist/collection/components/dga-menu/dga-action-menu.js +1 -1
- package/dist/collection/components/dga-menu/dga-menu-group.js +1 -1
- package/dist/collection/components/dga-menu/dga-menu-item.css +0 -2
- package/dist/collection/components/dga-menu/dga-menu-item.js +1 -1
- package/dist/collection/components/dga-menu/dga-menu-list.js +1 -1
- package/dist/collection/components/dga-menu/dga-menu-v2.js +1 -1
- package/dist/collection/components/dga-menu/dga-menu.js +1 -1
- package/dist/collection/components/dga-metric/dga-metric-chart.js +1 -1
- package/dist/collection/components/dga-modal/dga-modal.css +0 -4
- package/dist/collection/components/dga-modal/dga-modal.js +3 -3
- package/dist/collection/components/dga-modal-v2/dga-modal-actions.js +2 -2
- package/dist/collection/components/dga-modal-v2/dga-modal-body.js +1 -1
- package/dist/collection/components/dga-modal-v2/dga-modal-header.js +1 -1
- package/dist/collection/components/dga-modal-v2/dga-modal-title.js +1 -1
- package/dist/collection/components/dga-modal-v2/dga-modal-v2.js +2 -2
- package/dist/collection/components/dga-modal-v2/dga-modal.css +0 -4
- package/dist/collection/components/dga-notification/dga-notification.css +0 -4
- package/dist/collection/components/dga-notification/dga-notification.js +3 -3
- package/dist/collection/components/dga-notification-toast/dga-notification-toast.css +0 -4
- package/dist/collection/components/dga-notification-toast/dga-notification-toast.js +2 -2
- package/dist/collection/components/dga-number-input/dga-number-input.css +0 -1
- package/dist/collection/components/dga-number-input/dga-number-input.js +2 -2
- package/dist/collection/components/dga-pagination/dga-pagination.css +0 -2
- package/dist/collection/components/dga-pagination/dga-pagination.js +2 -2
- package/dist/collection/components/dga-progress-indicator/dga-progress-indicator-step.js +1 -1
- package/dist/collection/components/dga-progress-indicator/dga-progress-indicator.js +1 -1
- package/dist/collection/components/dga-progress-indicator-v3/dga-progress-indicator-step-v3.js +1 -1
- package/dist/collection/components/dga-progress-indicator-v3/dga-progress-indicator-v3.js +1 -1
- package/dist/collection/components/dga-quote/dga-quote.js +1 -1
- package/dist/collection/components/dga-rating/dga-rating.js +1 -1
- package/dist/collection/components/dga-search-box/dga-search-box.css +0 -1
- package/dist/collection/components/dga-search-box/dga-search-box.js +2 -2
- package/dist/collection/components/dga-second-nav-header/dga-second-nav-header-actions.js +1 -1
- package/dist/collection/components/dga-second-nav-header/dga-second-nav-header-content.js +1 -1
- package/dist/collection/components/dga-second-nav-header/dga-second-nav-header-item.js +1 -1
- package/dist/collection/components/dga-second-nav-header/dga-second-nav-header.js +1 -1
- package/dist/collection/components/dga-skeleton/dga-circle-skeleton.js +1 -1
- package/dist/collection/components/dga-skeleton/dga-line-skeleton.js +1 -1
- package/dist/collection/components/dga-skeleton/dga-rectangle-skeleton.js +1 -1
- package/dist/collection/components/dga-skeleton/dga-square-skeleton.js +1 -1
- package/dist/collection/components/dga-slideout-menu/dga-slideout-menu-actions.js +1 -1
- package/dist/collection/components/dga-slideout-menu/dga-slideout-menu-header.js +2 -2
- package/dist/collection/components/dga-slideout-menu/dga-slideout-menu-items.js +1 -1
- package/dist/collection/components/dga-slideout-menu/dga-slideout-menu.js +2 -2
- package/dist/collection/components/dga-slider/dga-slider.js +1 -1
- package/dist/collection/components/dga-structured-list/dga-structured-list.js +1 -1
- package/dist/collection/components/dga-switch/dga-switch.js +1 -1
- package/dist/collection/components/dga-tabs/dga-tabs.css +0 -3
- package/dist/collection/components/dga-tag/dga-status-tag.js +1 -1
- package/dist/collection/components/dga-text-input/dga-helper-text.js +1 -1
- package/dist/collection/components/dga-text-input/dga-label.js +1 -1
- package/dist/collection/components/dga-text-input/dga-text-input.js +2 -2
- package/dist/collection/components/dga-textarea/dga-textarea.js +1 -1
- package/dist/collection/nds-components/dga-header/dga-header-action.css +0 -2
- package/dist/collection/nds-components/dga-header/dga-header-action.js +3 -3
- package/dist/collection/nds-components/dga-header/dga-header-menu-item-usage.js +6 -6
- package/dist/collection/nds-components/dga-header/dga-header-menu-item.js +2 -2
- package/dist/collection/nds-components/dga-header/dga-header-menu.js +1 -1
- package/dist/collection/nds-components/dga-header/dga-header-sub-menu-column.css +0 -2
- package/dist/collection/nds-components/dga-header/dga-header-sub-menu-column.js +1 -1
- package/dist/collection/nds-components/dga-header/dga-header-sub-menu-item.js +1 -1
- package/dist/collection/nds-components/dga-header/dga-header-sub-menu.css +0 -2
- package/dist/collection/nds-components/dga-header/dga-header-sub-menu.js +1 -1
- package/dist/collection/nds-components/dga-header/dga-header.js +1 -1
- package/dist/collection/nds-components/dga-header/dga-logo-placeholder.js +2 -2
- package/dist/collection/nds-components/nds-accordion/nds-accordion-usage.js +1 -1
- package/dist/collection/nds-components/nds-accordion/nds-accordion.css +0 -1
- package/dist/collection/nds-components/nds-accordion/nds-accordion.js +2 -2
- package/dist/collection/nds-components/nds-avatar/nds-avatar-usage.js +9 -9
- package/dist/collection/nds-components/nds-button/nds-button-usage.js +2 -2
- package/dist/collection/nds-components/nds-button/nds-button.css +0 -4
- package/dist/collection/nds-components/nds-chip/nds-chip-usage.js +4 -4
- package/dist/collection/nds-components/nds-chip/nds-chip.js +2 -2
- package/dist/collection/nds-components/nds-floating-button/nds-floating-button-usage.js +1 -1
- package/dist/collection/nds-components/nds-floating-button/nds-floating-button.js +2 -2
- package/dist/collection/nds-components/nds-link/nds-link-usage.js +1 -1
- 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-usage.js +19 -19
- package/dist/collection/usage/dga-accordion-usage.js +1 -1
- package/dist/collection/usage/dga-apex-chart-usage.js +1 -1
- package/dist/collection/usage/dga-avatar-usage.js +9 -9
- package/dist/collection/usage/dga-breadcrumbs-usage.js +2 -2
- package/dist/collection/usage/dga-button-usage.js +3 -3
- package/dist/collection/usage/dga-button-v2-usage.js +2 -2
- package/dist/collection/usage/dga-card-usage.js +2 -2
- package/dist/collection/usage/dga-card-v2-usage.js +3 -3
- package/dist/collection/usage/dga-carousel-usage.js +29 -29
- package/dist/collection/usage/dga-chart-usage.js +2 -2
- package/dist/collection/usage/dga-checkbox-usage.js +1 -1
- package/dist/collection/usage/dga-chip-usage.js +4 -4
- package/dist/collection/usage/dga-circular-progress-bar-usage.js +1 -1
- package/dist/collection/usage/dga-codeSnippet-usage.js +1 -1
- package/dist/collection/usage/dga-collapse-usage.js +1 -1
- package/dist/collection/usage/dga-content-switcher-usage.js +1 -1
- package/dist/collection/usage/dga-date-field-usage.js +1 -1
- package/dist/collection/usage/dga-datepicker-usage.js +1 -1
- package/dist/collection/usage/dga-digitalSignature-usage.js +9 -1
- package/dist/collection/usage/dga-divider-usage.js +6 -6
- package/dist/collection/usage/dga-drawer-usage.js +2 -2
- package/dist/collection/usage/dga-dropdown-usage.js +6 -6
- package/dist/collection/usage/dga-featured-icon-usage.js +12 -12
- package/dist/collection/usage/dga-feedback-icon-usage.js +1 -1
- package/dist/collection/usage/dga-file-upload-usage.js +1 -1
- package/dist/collection/usage/dga-filteration-usage.js +1 -1
- package/dist/collection/usage/dga-floatingButton-usage.js +3 -3
- package/dist/collection/usage/dga-footer-usage.js +3 -3
- package/dist/collection/usage/dga-grid-usage.js +2 -2
- package/dist/collection/usage/dga-header-usage.js +13 -13
- package/dist/collection/usage/dga-huge-icon-usage.js +1 -1
- package/dist/collection/usage/dga-inline-alert-usage.js +1 -1
- package/dist/collection/usage/dga-linear-progress-bar-usage.js +1 -1
- package/dist/collection/usage/dga-link-usage.js +1 -1
- package/dist/collection/usage/dga-list-usage.js +1 -1
- package/dist/collection/usage/dga-loading-usage.js +1 -1
- package/dist/collection/usage/dga-menu-usage.js +1 -1
- package/dist/collection/usage/dga-metric-usage.js +5 -5
- package/dist/collection/usage/dga-modal-usage.js +1 -1
- package/dist/collection/usage/dga-modal-v2-usage.js +2 -2
- package/dist/collection/usage/dga-notification-toast-usage.js +3 -3
- package/dist/collection/usage/dga-notification-usage.js +1 -1
- package/dist/collection/usage/dga-number-input-usage.js +4 -4
- package/dist/collection/usage/dga-pagination-usage.js +1 -1
- package/dist/collection/usage/dga-progress-indicator-usage.js +1 -1
- package/dist/collection/usage/dga-progress-indicator-v3-usage.js +1 -1
- package/dist/collection/usage/dga-quote-usage.js +1 -1
- package/dist/collection/usage/dga-radial-stepper-usage.js +8 -8
- package/dist/collection/usage/dga-radio-button-usage.js +3 -3
- package/dist/collection/usage/dga-rating-usage.js +2 -2
- package/dist/collection/usage/dga-search-box-usage.js +1 -1
- package/dist/collection/usage/dga-second-nav-header-usage.js +7 -7
- package/dist/collection/usage/dga-skeleton-usage.js +1 -1
- package/dist/collection/usage/dga-slideout-menu-usage.js +1 -1
- package/dist/collection/usage/dga-slider-usage.js +2 -2
- package/dist/collection/usage/dga-structured-list-usage.js +2 -2
- package/dist/collection/usage/dga-switch-usage.js +1 -1
- package/dist/collection/usage/dga-table-of-content-usage.js +19 -19
- package/dist/collection/usage/dga-table-usage.js +2 -2
- package/dist/collection/usage/dga-tabs-usage.js +12 -12
- package/dist/collection/usage/dga-tag-usage.js +13 -13
- package/dist/collection/usage/dga-text-input-usage.js +2 -2
- package/dist/collection/usage/dga-textarea-usage.js +1 -1
- package/dist/collection/usage/dga-tooltip-usage.js +2 -2
- package/dist/components/date-cell.js +1 -1
- package/dist/components/dga-accordion-usage.js +4 -4
- package/dist/components/dga-accordion.js +1 -1
- package/dist/components/dga-action-menu.js +1 -1
- package/dist/components/dga-actions.js +1 -1
- package/dist/components/dga-apex-chart-usage.js +2 -2
- 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 +13 -13
- package/dist/components/dga-avatar.js +1 -1
- package/dist/components/dga-breadcrumbs-usage.js +6 -6
- 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 +6 -6
- package/dist/components/dga-button-v2-usage.js +7 -7
- 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 +2 -2
- package/dist/components/dga-card-title.js +2 -2
- package/dist/components/dga-card-usage.js +9 -9
- package/dist/components/dga-card-v2-usage.js +14 -14
- 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 +33 -33
- package/dist/components/dga-carousel-v2.js +3 -3
- package/dist/components/dga-carousel.js +1 -1
- package/dist/components/dga-chart-usage.js +4 -4
- package/dist/components/dga-chart.js +1 -1
- package/dist/components/dga-checkbox-usage.js +4 -4
- package/dist/components/dga-checkbox.js +1 -1
- package/dist/components/dga-chip-usage.js +7 -7
- package/dist/components/dga-chip.js +1 -1
- package/dist/components/dga-circle-skeleton.js +1 -1
- package/dist/components/dga-circular-progress-bar-usage.js +4 -4
- package/dist/components/dga-circular-progress-bar.js +1 -1
- package/dist/components/dga-codesnippet-usage.js +7 -7
- package/dist/components/dga-codesnippet.js +1 -1
- package/dist/components/dga-collapse-usage.js +3 -3
- 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 +5 -5
- package/dist/components/dga-content-switcher.js +1 -1
- package/dist/components/dga-data-table-usage.js +6 -6
- package/dist/components/dga-data-table.js +1 -1
- package/dist/components/dga-date-field-usage.js +11 -11
- package/dist/components/dga-date-field.js +1 -1
- package/dist/components/dga-datepicker-usage.js +10 -10
- package/dist/components/dga-datepicker.js +1 -1
- package/dist/components/dga-digital-signature-usage.js +13 -5
- package/dist/components/dga-digital-signature.js +1 -1
- package/dist/components/dga-divider-usage.js +8 -8
- package/dist/components/dga-divider.js +1 -1
- package/dist/components/dga-drawer-usage.js +10 -10
- package/dist/components/dga-drawer.js +1 -1
- package/dist/components/dga-dropdown-usage.js +11 -11
- package/dist/components/dga-dropdown.js +1 -1
- package/dist/components/dga-featured-icon-usage.js +15 -15
- package/dist/components/dga-featured-icon.js +1 -1
- package/dist/components/dga-feedback-icon-usage.js +2 -2
- package/dist/components/dga-feedback-icon.js +2 -2
- package/dist/components/dga-file-upload-usage.js +6 -6
- package/dist/components/dga-file-upload.js +1 -1
- package/dist/components/dga-filteration-usage.js +12 -12
- package/dist/components/dga-filteration.js +1 -1
- package/dist/components/dga-flex.js +1 -1
- package/dist/components/dga-floating-button-usage.js +6 -6
- package/dist/components/dga-footer-usage.js +6 -6
- package/dist/components/dga-footer.js +1 -1
- package/dist/components/dga-grid-container.js +1 -1
- package/dist/components/dga-grid-item.js +1 -1
- package/dist/components/dga-grid-usage.js +5 -5
- package/dist/components/dga-header-action-btn.js +1 -1
- package/dist/components/dga-header-action.js +1 -1
- package/dist/components/dga-header-menu-item-usage.js +29 -29
- package/dist/components/dga-header-menu-item.js +1 -1
- package/dist/components/dga-header-menu-vv2.js +2 -2
- package/dist/components/dga-header-menu.js +1 -1
- package/dist/components/dga-header-mobile-actions.js +1 -1
- package/dist/components/dga-header-sub-menu-column.js +1 -1
- package/dist/components/dga-header-sub-menu-item.js +1 -1
- package/dist/components/dga-header-sub-menu.js +1 -1
- package/dist/components/dga-header-usage.js +42 -42
- package/dist/components/dga-header-vv2.js +1 -1
- package/dist/components/dga-header.js +10 -10
- package/dist/components/dga-helper-text.js +1 -1
- package/dist/components/dga-huge-icon-usage.js +3 -3
- package/dist/components/dga-icon.js +1 -1
- package/dist/components/dga-inline-alert-usage.js +4 -4
- package/dist/components/dga-inline-alert.js +1 -1
- package/dist/components/dga-label.js +1 -1
- package/dist/components/dga-line-skeleton.js +1 -1
- package/dist/components/dga-linear-progress-bar-usage.js +4 -4
- package/dist/components/dga-linear-progress-bar.js +1 -1
- package/dist/components/dga-link-usage.js +3 -3
- package/dist/components/dga-link.js +1 -1
- package/dist/components/dga-list-item.js +1 -1
- package/dist/components/dga-list-usage.js +5 -5
- package/dist/components/dga-list-v2.js +1 -1
- package/dist/components/dga-list.js +2 -2
- package/dist/components/dga-loading-usage.js +3 -3
- package/dist/components/dga-loading.js +1 -1
- package/dist/components/dga-logo-placeholder.js +1 -1
- package/dist/components/dga-menu-group.js +1 -1
- package/dist/components/dga-menu-item.js +1 -1
- package/dist/components/dga-menu-list.js +1 -1
- package/dist/components/dga-menu-usage.js +7 -7
- package/dist/components/dga-menu-v2.js +1 -1
- package/dist/components/dga-menu.js +2 -2
- package/dist/components/dga-metric-chart-v2.js +1 -1
- package/dist/components/dga-metric-chart.js +1 -1
- package/dist/components/dga-metric-usage.js +7 -7
- package/dist/components/dga-metric-v2.js +4 -4
- package/dist/components/dga-metric.js +4 -4
- package/dist/components/dga-modal-actions.js +1 -1
- package/dist/components/dga-modal-body.js +1 -1
- package/dist/components/dga-modal-header.js +1 -1
- package/dist/components/dga-modal-title.js +1 -1
- package/dist/components/dga-modal-usage.js +6 -6
- package/dist/components/dga-modal-v2-usage.js +13 -13
- 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-logos.js +1 -1
- package/dist/components/dga-nav-header-main.js +1 -1
- package/dist/components/dga-nav-header-menu.js +1 -1
- package/dist/components/dga-nav-header-sub-menu-column.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-nav-header.js +1 -1
- package/dist/components/dga-notification-toast-usage.js +7 -7
- package/dist/components/dga-notification-toast.js +1 -1
- package/dist/components/dga-notification-usage.js +4 -4
- package/dist/components/dga-notification.js +1 -1
- package/dist/components/dga-number-input-usage.js +9 -9
- package/dist/components/dga-number-input.js +1 -1
- package/dist/components/dga-pagination-usage.js +4 -4
- 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 +3 -3
- package/dist/components/dga-progress-indicator-step.js +1 -1
- package/dist/components/dga-progress-indicator-usage.js +5 -5
- package/dist/components/dga-progress-indicator-v3-usage.js +5 -5
- package/dist/components/dga-progress-indicator-v3.js +2 -2
- package/dist/components/dga-progress-indicator.js +1 -1
- package/dist/components/dga-quote-usage.js +6 -6
- package/dist/components/dga-quote.js +1 -1
- package/dist/components/dga-radial-stepper-usage.js +11 -11
- package/dist/components/dga-radial-stepper.js +1 -1
- package/dist/components/dga-radio-button-usage.js +6 -6
- package/dist/components/dga-radio-button.js +1 -1
- package/dist/components/dga-rating-usage.js +4 -4
- package/dist/components/dga-rating.js +1 -1
- package/dist/components/dga-rectangle-skeleton.js +1 -1
- package/dist/components/dga-search-box-usage.js +5 -5
- package/dist/components/dga-search-box.js +1 -1
- package/dist/components/dga-second-nav-header-actions.js +1 -1
- package/dist/components/dga-second-nav-header-content.js +1 -1
- package/dist/components/dga-second-nav-header-item.js +1 -1
- package/dist/components/dga-second-nav-header-usage.js +21 -21
- package/dist/components/dga-second-nav-header.js +1 -1
- package/dist/components/dga-skeleton-component.js +1 -1
- package/dist/components/dga-skeleton-usage.js +7 -7
- package/dist/components/dga-slideout-menu-actions.js +1 -1
- package/dist/components/dga-slideout-menu-header.js +1 -1
- package/dist/components/dga-slideout-menu-items.js +1 -1
- package/dist/components/dga-slideout-menu-usage.js +14 -14
- package/dist/components/dga-slideout-menu.js +1 -1
- package/dist/components/dga-slider-usage.js +5 -5
- package/dist/components/dga-slider.js +1 -1
- package/dist/components/dga-square-skeleton.js +1 -1
- package/dist/components/dga-status-tag.js +1 -1
- package/dist/components/dga-structured-list-usage.js +4 -4
- package/dist/components/dga-structured-list.js +1 -1
- package/dist/components/dga-suffix.js +2 -2
- package/dist/components/dga-switch-usage.js +4 -4
- package/dist/components/dga-switch.js +1 -1
- package/dist/components/dga-table-body.js +2 -2
- package/dist/components/dga-table-of-content-usage.js +21 -21
- package/dist/components/dga-table-of-content.js +1 -1
- package/dist/components/dga-table-usage.js +6 -6
- package/dist/components/dga-table.js +2 -2
- package/dist/components/dga-tabs-usage.js +16 -16
- package/dist/components/dga-tabs.js +1 -1
- package/dist/components/dga-tag-usage.js +17 -17
- package/dist/components/dga-tag.js +1 -1
- package/dist/components/dga-text-input-usage.js +8 -8
- package/dist/components/dga-text-input.js +1 -1
- package/dist/components/dga-textarea-usage.js +4 -4
- package/dist/components/dga-textarea.js +1 -1
- package/dist/components/dga-tooltip-usage.js +5 -5
- package/dist/components/dga-tooltip.js +1 -1
- package/dist/components/floating-button.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/month-navigator.js +1 -1
- package/dist/components/nds-accordion-usage.js +3 -3
- package/dist/components/nds-accordion.js +1 -1
- package/dist/components/nds-avatar-usage.js +13 -13
- package/dist/components/nds-avatar.js +2 -2
- package/dist/components/nds-button-usage.js +8 -8
- package/dist/components/nds-button.js +1 -1
- package/dist/components/nds-chip-usage.js +6 -6
- package/dist/components/nds-chip.js +1 -1
- package/dist/components/nds-floating-button-usage.js +4 -4
- package/dist/components/nds-floating-button.js +1 -1
- package/dist/components/nds-link-usage.js +5 -5
- package/dist/components/nds-link.js +1 -1
- package/dist/components/nds-table-of-content-usage.js +21 -21
- package/dist/components/nds-table-of-content.js +1 -1
- package/dist/components/{p-BFVvq-cL.js → p--tMegTP4.js} +4 -4
- package/dist/components/{p-BpZ7puTS.js → p-3iqQMUow.js} +3 -3
- package/dist/components/{p-gfrHUWdv.js → p-6QvzwII5.js} +2 -2
- package/dist/components/{p-BpG2NEOZ.js → p-85h-4DuK.js} +5 -5
- package/dist/components/{p-Czn3uHeu.js → p-8N6g0j6Z.js} +4 -4
- package/dist/components/{p-Diu4Y_-N.js → p-97R4z8de.js} +2 -2
- package/dist/components/{p-Cwtd1L0l.js → p-B0xQl3VA.js} +3 -3
- package/dist/components/{p-cJQustFG.js → p-B14aqFGg.js} +2 -2
- package/dist/components/{p-BOLOPFjK.js → p-B1ekvjhr.js} +3 -3
- package/dist/components/{p-Caj7fXBG.js → p-B3K8uOfe.js} +2 -2
- package/dist/components/{p-DLmlYd6I.js → p-B5ifhY_P.js} +1 -1
- package/dist/components/{p-OsHibrbt.js → p-B7XHK1VO.js} +3 -3
- package/dist/components/{p-DN8e5dPG.js → p-BAdxHiJ0.js} +7 -7
- package/dist/components/{p-F-Rv-KOJ.js → p-BD1fnR0w.js} +3 -3
- package/dist/components/{p-DhcV7pYz.js → p-BE9L3_8e.js} +3 -3
- package/dist/components/{p-BWdMNFNq.js → p-BLABWj1w.js} +1 -1
- package/dist/components/{p-BCri8rfy.js → p-BQD2YdEi.js} +2 -2
- package/dist/components/{p-BeJrtJoi.js → p-BTJMZCqA.js} +5 -5
- package/dist/components/{p-C3jZGqP0.js → p-BTW0zmd3.js} +2 -2
- package/dist/components/{p-YtoXb49j.js → p-BYVQfy-u.js} +2 -2
- package/dist/components/{p-BoYRAjdM.js → p-BZ-GDi4v.js} +2 -2
- package/dist/components/{p-D31usNN3.js → p-B_CKQpN8.js} +3 -3
- package/dist/components/{p-BFJKvClv.js → p-Baww4Hli.js} +2 -2
- package/dist/components/{p-tw2HcrSM.js → p-BdC9G5yq.js} +2 -2
- package/dist/components/{p-DFc6YEAq.js → p-Be8NBFfg.js} +4 -4
- package/dist/components/{p-taruOGnO.js → p-BgOL_zV2.js} +6 -6
- package/dist/components/{p-Alkk0JV1.js → p-BgkHJMRe.js} +2 -2
- package/dist/components/{p-DONc75B7.js → p-Bke0Wg5h.js} +2 -2
- package/dist/components/{p-D1iUHOi2.js → p-BkoLUO2v.js} +2 -2
- package/dist/components/{p-CnCTi7YY.js → p-BlgehTPT.js} +2 -2
- package/dist/components/{p-Df-edIyX.js → p-Bml5Fqkq.js} +3 -3
- package/dist/components/{p-CFv5Kf7H.js → p-BoghL_1e.js} +2 -2
- package/dist/components/{p-C4nJndpv.js → p-BqF-Nw_Y.js} +2 -2
- package/dist/components/{p-COdf_3sg.js → p-BrT2PObL.js} +2 -2
- package/dist/components/{p-DQFyaLe1.js → p-Bt8SPizY.js} +1 -1
- package/dist/components/{p-Cj0T9u87.js → p-BtZloQh1.js} +4 -4
- package/dist/components/{p-CQYS06F-.js → p-BzgqEk__.js} +10 -10
- package/dist/components/{p-Czju-mjU.js → p-C05zhJ_Y.js} +3 -3
- package/dist/components/{p-CwxoAMTN.js → p-C1z-oJS3.js} +16 -16
- package/dist/components/{p-BNvgT9-U.js → p-C2JDtxhB.js} +3 -3
- package/dist/components/{p-BrDpsYbA.js → p-C3TwkwNP.js} +10 -10
- package/dist/components/{p-BQ5AIZAT.js → p-C3iNonQK.js} +2 -2
- package/dist/components/{p-LGvT-hnZ.js → p-C9HEYdAe.js} +2 -2
- package/dist/components/{p-FMVaetlM.js → p-CA2ar_je.js} +6 -6
- package/dist/components/{p-CtWM0ncY.js → p-CAERc4vs.js} +1 -1
- package/dist/components/{p-CDlSIdGe.js → p-CAccKWkS.js} +3 -3
- package/dist/components/{p-Ds-u8fgH.js → p-CAcdaqEy.js} +3 -3
- package/dist/components/{p-BmfgGZ8C.js → p-CD1zYlQX.js} +3 -3
- package/dist/components/{p-BbGtTx5_.js → p-CDMKY2c-.js} +1 -1
- package/dist/components/{p-D5Vszovj.js → p-CF86ehtt.js} +1 -1
- package/dist/components/{p-bFSzOpoS.js → p-CHeHQfrt.js} +7 -7
- package/dist/components/{p-ikFwv_6l.js → p-CKKNT8y4.js} +3 -3
- package/dist/components/{p-AzlxeME9.js → p-CL0x3HtU.js} +3 -3
- package/dist/components/{p-HOEJqyVI.js → p-CLcPlA1l.js} +6 -6
- package/dist/components/{p-tmaXNm9l.js → p-CPgpv3Z7.js} +2 -2
- package/dist/components/{p-B4tBgtv2.js → p-CSDiDsDN.js} +2 -2
- package/dist/components/{p-BCi4fSQC.js → p-CTk6tID8.js} +2 -2
- package/dist/components/{p-C2xEV0al.js → p-CWL2ZA5w.js} +3 -3
- package/dist/components/{p-Do6DLmc3.js → p-CWlbqSIy.js} +2 -2
- package/dist/components/{p-PFG26znP.js → p-CdRzlpx1.js} +2 -2
- package/dist/components/{p-B1nb6rEO.js → p-Cg-749Pa.js} +2 -2
- package/dist/components/{p-BSqwMjy-.js → p-CgT9rr1E.js} +2 -2
- package/dist/components/{p-vRfRORo6.js → p-CkeAvMll.js} +3 -3
- package/dist/components/{p-8OkgeeAw.js → p-Cktj-wpB.js} +2 -2
- package/dist/components/{p-BRo6OHJC.js → p-CmJArJer.js} +3 -3
- package/dist/components/{p-C3eyOp-9.js → p-CpzUxRTH.js} +4 -4
- package/dist/components/{p-KuNqQRTQ.js → p-CqUocyYD.js} +3 -3
- package/dist/components/{p-C1wrb6mL.js → p-CqmCtiRl.js} +1 -1
- package/dist/components/{p-DQgfdt3k.js → p-CrduJbTH.js} +6 -6
- package/dist/components/{p-UTUS7fp4.js → p-Cu3DUz00.js} +6 -6
- package/dist/components/{p-CcKCI16B.js → p-CwFPFjba.js} +5 -5
- package/dist/components/{p-DVgetj4j.js → p-CzcTp0g2.js} +2 -2
- package/dist/components/{p-DolMTIe3.js → p-D0dxDlLP.js} +5 -5
- package/dist/components/{p-CbuTUOE1.js → p-D1BB-kah.js} +3 -3
- package/dist/components/{p-BCyblzsD.js → p-D3W8Ppxl.js} +2 -2
- package/dist/components/{p-D5p3QKC1.js → p-D3r5Kurk.js} +2 -2
- package/dist/components/{p-BmCvK3M_.js → p-D7gSlPw3.js} +2 -2
- package/dist/components/{p-Dd5K3C0u.js → p-D8gOMiDr.js} +2 -2
- package/dist/components/{p-D-czV9oo.js → p-DBFWc6Ud.js} +3 -3
- package/dist/components/{p-wXotPsGH.js → p-DCUoWuem.js} +2 -2
- package/dist/components/{p-CQe7o0GE.js → p-DD00nrxW.js} +5 -5
- package/dist/components/{p-Cy6fL2bh.js → p-DFQ9kKUg.js} +6 -6
- package/dist/components/{p-Dp1nPvDG.js → p-DNAR5ou0.js} +40 -8
- package/dist/components/{p-aFky9yNa.js → p-DNdGBS4-.js} +2 -2
- package/dist/components/{p-bjVUkzLJ.js → p-DO74BZcc.js} +3 -3
- package/dist/components/{p-DWljOezU.js → p-DUDfqUwg.js} +4 -4
- package/dist/components/{p-tb8SCZpW.js → p-DVNrEJsF.js} +2 -2
- package/dist/components/{p-CZ9I9SNH.js → p-DVQReIPX.js} +2 -2
- package/dist/components/{p-DM9rQ2pk.js → p-DVl2aDFr.js} +2 -2
- package/dist/components/{p-Dh7VtB8o.js → p-DX85Q1SX.js} +3 -3
- package/dist/components/{p-D2ALvzBo.js → p-DYnJUtXI.js} +8 -8
- package/dist/components/{p-DB_tZJpR.js → p-D_BWUNqp.js} +3 -3
- package/dist/components/{p-CmVJlTB7.js → p-Da8cYMnr.js} +2 -2
- package/dist/components/{p-Ibpu9_Iz.js → p-DcvmZQlW.js} +4 -4
- package/dist/components/{p-Bw0w3yDQ.js → p-Dh90qUSm.js} +9 -9
- package/dist/components/{p-DiPnddhu.js → p-DhPHlC7h.js} +2 -2
- package/dist/components/{p-C5rvuNEG.js → p-DhaBpZEb.js} +2 -2
- package/dist/components/{p-LRM86WYo.js → p-Dk4oZVge.js} +2 -2
- package/dist/components/p-DrJOWVZZ.js +69 -0
- package/dist/components/{p-CoaHEYIH.js → p-Dw7ph1tI.js} +3 -3
- package/dist/components/{p-Bj_gBD2S.js → p-DwSYDs6g.js} +4 -4
- package/dist/components/{p-BobLgmx5.js → p-Dwz5EI00.js} +3 -3
- package/dist/components/{p-BlMDAcsF.js → p-DxK5qouX.js} +2 -2
- package/dist/components/{p-CuCeynMm.js → p-Dzst0-mZ.js} +7 -7
- package/dist/components/{p-Crxenr5F.js → p-EM3U0EYL.js} +5 -5
- package/dist/components/{p-CuTJDVOr.js → p-Ef_vxBII.js} +4 -4
- package/dist/components/{p-mL_mYH93.js → p-Nd0TqzIn.js} +3 -3
- package/dist/components/{p-ChKjxePf.js → p-Q-XrGzcM.js} +6 -6
- package/dist/components/{p-B9VoGQI3.js → p-QUy2Lr1k.js} +3 -3
- package/dist/components/{p-CK8sYDkf.js → p-Rco3xweU.js} +2 -2
- package/dist/components/{p-CkeBUcTP.js → p-WeOJazCU.js} +1 -1
- package/dist/components/{p-L8gsKwu_.js → p-Xo5zKsI_.js} +4 -4
- package/dist/components/{p-DrQmUE55.js → p-YnYHk7bt.js} +2 -2
- package/dist/components/{p-DryceGjU.js → p-Zyn01YFl.js} +7 -7
- package/dist/components/{p-DL1OtDu9.js → p-_RoyZfKr.js} +6 -6
- package/dist/components/{p-BFAXAulL.js → p-b6bxHeWX.js} +8 -8
- package/dist/components/{p-ByVwY6qT.js → p-bKAx6gWi.js} +2 -2
- package/dist/components/{p-uINAFqWi.js → p-dLfXpfxx.js} +2 -2
- package/dist/components/{p-vv1PaoPp.js → p-dd-1RBl0.js} +2 -2
- package/dist/components/{p-BHzGHwKq.js → p-gDlGRjp5.js} +15 -10
- package/dist/components/{p-C-LSy_t3.js → p-nk0NjeAV.js} +2 -2
- package/dist/components/{p-C4D72vXp.js → p-nlMzVuqu.js} +7 -7
- package/dist/components/{p-BXjxx_iZ.js → p-rveE1-nF.js} +3 -3
- package/dist/components/{p-Dp6foQAZ.js → p-tf7cIqs3.js} +5 -5
- package/dist/components/{p-Bes1Ypr6.js → p-v5oHxLBb.js} +2 -2
- package/dist/components/{p-CZQd5XwB.js → p-ybXkMD_m.js} +6 -6
- 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.css +2 -2
- package/dist/core/core.esm.js +1 -1
- package/dist/core/p-011408ea.entry.js +1 -0
- package/dist/core/p-0593a404.entry.js +1 -0
- package/dist/core/{p-ec93ec9a.entry.js → p-05d830ec.entry.js} +1 -1
- package/dist/core/p-062a9b7c.entry.js +1 -0
- package/dist/core/{p-ed3f4d83.entry.js → p-064812c5.entry.js} +1 -1
- package/dist/core/p-0b46d35c.entry.js +1 -0
- package/dist/core/{p-8899354c.entry.js → p-0ffe0e6c.entry.js} +1 -1
- package/dist/core/p-101486aa.entry.js +1 -0
- package/dist/core/p-1072a03d.entry.js +1 -0
- package/dist/core/{p-5f5858a1.entry.js → p-12a1e83d.entry.js} +1 -1
- package/dist/core/{p-2ac84ea2.entry.js → p-13baa473.entry.js} +1 -1
- package/dist/core/p-13da150b.entry.js +1 -0
- package/dist/core/p-16204791.entry.js +1 -0
- package/dist/core/{p-5e661311.entry.js → p-16d26413.entry.js} +1 -1
- package/dist/core/p-16fe4c61.entry.js +1 -0
- package/dist/core/p-1c2bc1c0.entry.js +1 -0
- package/dist/core/p-1d9e3694.entry.js +1 -0
- package/dist/core/p-1ecffe8f.entry.js +1 -0
- package/dist/core/p-1f0a6c94.entry.js +1 -0
- package/dist/core/{p-60fc5afc.entry.js → p-1fbe72dc.entry.js} +1 -1
- package/dist/core/p-1fdcd353.entry.js +1 -0
- package/dist/core/{p-d761fd31.entry.js → p-20db26e7.entry.js} +1 -1
- package/dist/core/p-2107658c.entry.js +1 -0
- package/dist/core/{p-74e2f191.entry.js → p-218127b7.entry.js} +1 -1
- package/dist/core/{p-e393ddb9.entry.js → p-21d34a5d.entry.js} +1 -1
- package/dist/core/{p-895663a8.entry.js → p-2230b5ba.entry.js} +1 -1
- package/dist/core/{p-b77d19e8.entry.js → p-28f2a754.entry.js} +1 -1
- package/dist/core/p-2a2a7dd8.entry.js +1 -0
- package/dist/core/{p-ef830d61.entry.js → p-2ad64d58.entry.js} +1 -1
- package/dist/core/{p-20c998ce.entry.js → p-2cd8e8f8.entry.js} +1 -1
- package/dist/core/{p-f70b3dfc.entry.js → p-2de4f9e2.entry.js} +1 -1
- package/dist/core/p-3101a0df.entry.js +1 -0
- package/dist/core/p-319d692a.entry.js +1 -0
- package/dist/core/p-31b24437.entry.js +1 -0
- package/dist/core/{p-940a2910.entry.js → p-344434e3.entry.js} +1 -1
- package/dist/core/p-35945090.entry.js +1 -0
- package/dist/core/p-366f9516.entry.js +1 -0
- package/dist/core/{p-a2bc1ced.entry.js → p-39fcdc9b.entry.js} +1 -1
- package/dist/core/{p-68adb706.entry.js → p-3a3d959d.entry.js} +1 -1
- package/dist/core/{p-4a589cc1.entry.js → p-3a8da8ec.entry.js} +1 -1
- package/dist/core/{p-4db83417.entry.js → p-3b2f5899.entry.js} +1 -1
- package/dist/core/p-3c7a41c7.entry.js +1 -0
- package/dist/core/p-40b52ae2.entry.js +1 -0
- package/dist/core/{p-d6e28a58.entry.js → p-41098859.entry.js} +1 -1
- package/dist/core/{p-5d58e631.entry.js → p-42ffe374.entry.js} +1 -1
- package/dist/core/{p-42d035ab.entry.js → p-43b07565.entry.js} +1 -1
- package/dist/core/p-43fc45c6.entry.js +1 -0
- package/dist/core/{p-d92574f2.entry.js → p-440a4e94.entry.js} +1 -1
- package/dist/core/{p-2362b6d0.entry.js → p-453fb310.entry.js} +1 -1
- package/dist/core/{p-bd48b2fa.entry.js → p-48af7044.entry.js} +1 -1
- package/dist/core/p-4VMvxBRd.js +1 -0
- package/dist/core/p-4cbcf3c0.entry.js +1 -0
- package/dist/core/p-4e5dfc5e.entry.js +1 -0
- package/dist/core/p-518ad713.entry.js +1 -0
- package/dist/core/p-51ce872e.entry.js +1 -0
- package/dist/core/p-53875203.entry.js +1 -0
- package/dist/core/{p-32db4181.entry.js → p-55016e4b.entry.js} +1 -1
- package/dist/core/p-5597b20b.entry.js +1 -0
- package/dist/core/{p-6139d288.entry.js → p-56200f99.entry.js} +1 -1
- package/dist/core/p-57656a46.entry.js +1 -0
- package/dist/core/{p-243c4a4d.entry.js → p-5d3c4b20.entry.js} +1 -1
- package/dist/core/p-66678195.entry.js +1 -0
- package/dist/core/{p-2b06e81a.entry.js → p-69b06385.entry.js} +1 -1
- package/dist/core/p-6ac35fc0.entry.js +1 -0
- package/dist/core/{p-f1e27eb3.entry.js → p-6cb93c9a.entry.js} +1 -1
- package/dist/core/p-6d92459d.entry.js +1 -0
- package/dist/core/{p-7258bbf4.entry.js → p-70ad40d8.entry.js} +1 -1
- package/dist/core/{p-767b3a8d.entry.js → p-756232c8.entry.js} +1 -1
- package/dist/core/{p-1917203c.entry.js → p-76a2490c.entry.js} +1 -1
- package/dist/core/p-77a62e3f.entry.js +1 -0
- package/dist/core/p-79b87bfc.entry.js +1 -0
- package/dist/core/{p-8130ea18.entry.js → p-7bd83ad4.entry.js} +1 -1
- package/dist/core/{p-eab658b4.entry.js → p-7c190bcc.entry.js} +1 -1
- package/dist/core/{p-73391934.entry.js → p-7fbf5ff2.entry.js} +1 -1
- package/dist/core/p-7fbfbfa5.entry.js +1 -0
- package/dist/core/p-80025298.entry.js +1 -0
- package/dist/core/{p-e5bc35ef.entry.js → p-8111b6ab.entry.js} +1 -1
- package/dist/core/{p-15a25a90.entry.js → p-84952eb8.entry.js} +1 -1
- package/dist/core/p-86d3240e.entry.js +1 -0
- package/dist/core/{p-0a9f3eae.entry.js → p-8706d88e.entry.js} +1 -1
- package/dist/core/{p-8b53a943.entry.js → p-8717534b.entry.js} +1 -1
- package/dist/core/{p-efc2f76d.entry.js → p-8771cd48.entry.js} +1 -1
- package/dist/core/p-87e5f042.entry.js +1 -0
- package/dist/core/{p-9be9285a.entry.js → p-885a3731.entry.js} +1 -1
- package/dist/core/p-894fa147.entry.js +1 -0
- package/dist/core/p-89e06eff.entry.js +1 -0
- package/dist/core/{p-10e2afbc.entry.js → p-8ae265b5.entry.js} +1 -1
- package/dist/core/p-8bc4cb22.entry.js +1 -0
- package/dist/core/p-8d571df7.entry.js +1 -0
- package/dist/core/p-9032d582.entry.js +1 -0
- package/dist/core/p-907d6345.entry.js +1 -0
- package/dist/core/{p-cf8a74d2.entry.js → p-93d20214.entry.js} +1 -1
- package/dist/core/p-947195f0.entry.js +1 -0
- package/dist/core/{p-48171d3b.entry.js → p-954859f8.entry.js} +1 -1
- package/dist/core/{p-b6b54100.entry.js → p-965bf10d.entry.js} +1 -1
- package/dist/core/p-979aaaf8.entry.js +1 -0
- package/dist/core/p-988b17c3.entry.js +1 -0
- package/dist/core/p-990d433f.entry.js +1 -0
- package/dist/core/{p-13ef1519.entry.js → p-9af0972b.entry.js} +1 -1
- package/dist/core/p-9ddfac20.entry.js +1 -0
- package/dist/core/{p-7707d7e8.entry.js → p-9fc3ca55.entry.js} +1 -1
- package/dist/core/p-9ff8609d.entry.js +1 -0
- package/dist/core/p-BLSc18AE.js +2 -0
- package/dist/core/{p-BKYXZxHx.js → p-BeGjGURp.js} +1 -1
- package/dist/core/p-Nwydtyq9.js +1 -0
- package/dist/core/p-a0c96425.entry.js +1 -0
- package/dist/core/{p-b7f29749.entry.js → p-a2968b84.entry.js} +1 -1
- package/dist/core/{p-560141f7.entry.js → p-a3ce0bfd.entry.js} +1 -1
- package/dist/core/p-a5b1d0d4.entry.js +1 -0
- package/dist/core/{p-dafd94b5.entry.js → p-a895cbb9.entry.js} +1 -1
- package/dist/core/{p-bcdf9168.entry.js → p-a8cf534b.entry.js} +1 -1
- package/dist/core/p-aaa31ad4.entry.js +1 -0
- package/dist/core/{p-f225b2e7.entry.js → p-ab757234.entry.js} +1 -1
- package/dist/core/p-ab9005bd.entry.js +1 -0
- package/dist/core/p-abd6a9be.entry.js +1 -0
- package/dist/core/{p-2052af79.entry.js → p-aefa1b4c.entry.js} +1 -1
- package/dist/core/{p-469b8cdc.entry.js → p-b0ffb1f6.entry.js} +1 -1
- package/dist/core/{p-d971c9ed.entry.js → p-b441316f.entry.js} +1 -1
- package/dist/core/p-b9114abc.entry.js +1 -0
- package/dist/core/{p-bad6e7a7.entry.js → p-ba075b7e.entry.js} +1 -1
- package/dist/core/p-bb5a33d6.entry.js +1 -0
- package/dist/core/p-bb7a18ec.entry.js +1 -0
- package/dist/core/{p-45a0ae36.entry.js → p-bd1332a6.entry.js} +1 -1
- package/dist/core/{p-b227fd2e.entry.js → p-bd72df67.entry.js} +1 -1
- package/dist/core/{p-1437ee5e.entry.js → p-be0990c4.entry.js} +1 -1
- package/dist/core/{p-124e567d.entry.js → p-be4d044c.entry.js} +1 -1
- package/dist/core/p-c01d3960.entry.js +1 -0
- package/dist/core/{p-e858307c.entry.js → p-c8c5608d.entry.js} +1 -1
- package/dist/core/p-c9d03721.entry.js +1 -0
- package/dist/core/{p-18c9d08f.entry.js → p-cda55e1b.entry.js} +1 -1
- package/dist/core/{p-48517b79.entry.js → p-cf4692ee.entry.js} +1 -1
- package/dist/core/{p-02267fc3.entry.js → p-cfb26aa5.entry.js} +1 -1
- package/dist/core/{p-c3fd02f1.entry.js → p-d517b79c.entry.js} +1 -1
- package/dist/core/{p-7e8ffba8.entry.js → p-d9681ce4.entry.js} +1 -1
- package/dist/core/{p-7486b13a.entry.js → p-dabadd05.entry.js} +1 -1
- package/dist/core/p-daca727d.entry.js +1 -0
- package/dist/core/p-db2972d5.entry.js +1 -0
- package/dist/core/{p-0ec46d3a.entry.js → p-dc4747fb.entry.js} +1 -1
- package/dist/core/p-de6ed8e2.entry.js +1 -0
- package/dist/core/p-debbe211.entry.js +1 -0
- package/dist/core/{p-a6de6270.entry.js → p-df3d582d.entry.js} +1 -1
- package/dist/core/{p-abfd0702.entry.js → p-dfa60efc.entry.js} +1 -1
- package/dist/core/{p-5fb33296.entry.js → p-e0936953.entry.js} +1 -1
- package/dist/core/{p-fb4000ef.entry.js → p-e1a96159.entry.js} +1 -1
- package/dist/core/{p-d5b21ba4.entry.js → p-e1be146d.entry.js} +1 -1
- package/dist/core/p-e3fc1e94.entry.js +1 -0
- package/dist/core/{p-3405d83a.entry.js → p-e63c8f2a.entry.js} +1 -1
- package/dist/core/{p-e7015f78.entry.js → p-e83d0c94.entry.js} +1 -1
- package/dist/core/p-e8958f4a.entry.js +1 -0
- package/dist/core/p-eb5f9caf.entry.js +1 -0
- package/dist/core/p-ed06670b.entry.js +1 -0
- package/dist/core/{p-7b225035.entry.js → p-edc32581.entry.js} +1 -1
- package/dist/core/p-efbba419.entry.js +1 -0
- package/dist/core/p-f1381e3f.entry.js +1 -0
- package/dist/core/{p-c2882207.entry.js → p-f205373a.entry.js} +1 -1
- package/dist/core/{p-e54c63ec.entry.js → p-f2a5e7e0.entry.js} +1 -1
- package/dist/core/{p-844fd2db.entry.js → p-f86ec9ed.entry.js} +1 -1
- package/dist/core/{p-7c8dfce3.entry.js → p-f98df7f9.entry.js} +1 -1
- package/dist/core/p-fb70b197.entry.js +1 -0
- package/dist/core/{p-1afcf346.entry.js → p-fb712497.entry.js} +1 -1
- package/dist/core/p-fb874433.entry.js +1 -0
- package/dist/core/p-ffeffe8c.entry.js +1 -0
- package/dist/esm/core.js +3 -3
- package/dist/esm/date-cell_3.entry.js +15 -15
- package/dist/esm/dga-accordion-usage.entry.js +2 -2
- package/dist/esm/dga-accordion.entry.js +3 -3
- package/dist/esm/dga-action-menu_8.entry.js +17 -17
- package/dist/esm/dga-actions.entry.js +1 -1
- package/dist/esm/dga-apex-chart-usage.entry.js +2 -2
- package/dist/esm/dga-apex-chart.entry.js +1 -1
- package/dist/esm/dga-avatar-group.entry.js +173 -0
- package/dist/esm/dga-avatar-usage.entry.js +45 -0
- package/dist/esm/dga-avatar.entry.js +76 -0
- package/dist/esm/dga-breadcrumbs-usage.entry.js +31 -0
- package/dist/esm/dga-breadcrumbs.entry.js +148 -0
- package/dist/esm/dga-button-leading-icon.entry.js +1 -1
- package/dist/esm/dga-button-usage.entry.js +4 -4
- package/dist/esm/dga-button-v2-usage.entry.js +3 -3
- package/dist/esm/dga-button_11.entry.js +1003 -0
- package/dist/esm/dga-card-actions_4.entry.js +5 -5
- package/dist/esm/dga-card-image.entry.js +2 -2
- package/dist/esm/dga-card-title.entry.js +2 -2
- package/dist/esm/dga-card-v2-usage.entry.js +4 -4
- package/dist/esm/dga-carousel-usage.entry.js +30 -30
- package/dist/esm/dga-carousel-v2.entry.js +3 -3
- package/dist/esm/dga-carousel_2.entry.js +135 -0
- package/dist/esm/dga-chart-usage.entry.js +3 -3
- package/dist/esm/dga-chart.entry.js +1 -1
- package/dist/esm/dga-checkbox-usage.entry.js +2 -2
- package/dist/esm/dga-chip-usage.entry.js +5 -5
- package/dist/esm/dga-chip.entry.js +3 -3
- package/dist/esm/dga-circle-skeleton_4.entry.js +5 -5
- package/dist/esm/dga-circular-progress-bar-usage.entry.js +2 -2
- package/dist/esm/dga-circular-progress-bar.entry.js +3 -3
- package/dist/esm/dga-codesnippet-usage.entry.js +2 -2
- package/dist/esm/dga-codesnippet.entry.js +5 -5
- package/dist/esm/dga-collapse-usage.entry.js +2 -2
- package/dist/esm/dga-collapse.entry.js +2 -2
- package/dist/esm/dga-content-switcher-usage.entry.js +2 -2
- package/dist/esm/dga-content-switcher_3.entry.js +4 -4
- package/dist/esm/dga-data-table-usage.entry.js +2 -2
- package/dist/esm/dga-data-table.entry.js +2 -2
- package/dist/esm/dga-date-field-usage.entry.js +2 -2
- package/dist/esm/dga-date-field.entry.js +3 -3
- package/dist/esm/dga-datepicker-usage.entry.js +2 -2
- package/dist/esm/dga-divider-usage.entry.js +7 -7
- package/dist/esm/dga-divider.entry.js +17 -0
- package/dist/esm/dga-drawer-usage.entry.js +3 -3
- package/dist/esm/dga-drawer_3.entry.js +4 -4
- package/dist/esm/dga-dropdown-usage.entry.js +7 -7
- package/dist/esm/dga-dropdown.entry.js +209 -0
- package/dist/esm/dga-featured-icon-usage.entry.js +13 -13
- package/dist/esm/dga-feedback-icon-usage.entry.js +2 -2
- package/dist/esm/dga-feedback-icon.entry.js +1 -1
- package/dist/esm/dga-file-upload-usage.entry.js +12 -0
- package/dist/esm/dga-file-upload.entry.js +91 -0
- package/dist/esm/dga-filteration-usage.entry.js +2 -2
- package/dist/esm/dga-filteration.entry.js +1 -1
- package/dist/esm/dga-flex.entry.js +2 -2
- package/dist/esm/dga-floating-button-usage.entry.js +4 -4
- package/dist/esm/dga-footer-usage.entry.js +4 -4
- package/dist/esm/dga-footer.entry.js +3 -3
- package/dist/esm/dga-grid-container_2.entry.js +1 -1
- package/dist/esm/dga-grid-usage.entry.js +3 -3
- package/dist/esm/{dga-header-action-btn-BrDyTTV7.js → dga-header-action-btn-DTq2xlch.js} +8 -8
- package/dist/esm/dga-header-action-btn_11.entry.js +6 -6
- package/dist/esm/dga-header-menu-item-usage.entry.js +7 -7
- package/dist/esm/dga-header-menu-vv2.entry.js +2 -2
- package/dist/esm/dga-header-menu_5.entry.js +6 -6
- package/dist/esm/dga-header-usage.entry.js +14 -14
- package/dist/esm/dga-header.entry.js +3 -3
- package/dist/esm/dga-helper-text_2.entry.js +5 -5
- package/dist/esm/dga-huge-icon-usage.entry.js +12 -0
- package/dist/esm/dga-inline-alert-usage.entry.js +2 -2
- package/dist/esm/dga-inline-alert.entry.js +4 -4
- package/dist/esm/dga-label.entry.js +17 -0
- package/dist/esm/dga-linear-progress-bar-usage.entry.js +2 -2
- package/dist/esm/dga-linear-progress-bar.entry.js +6 -6
- package/dist/esm/dga-list-item_2.entry.js +1 -1
- package/dist/esm/dga-list-usage.entry.js +2 -2
- package/dist/esm/dga-list.entry.js +2 -2
- package/dist/esm/dga-loading-usage.entry.js +2 -2
- package/dist/esm/dga-loading.entry.js +54 -0
- package/dist/esm/dga-menu-group_2.entry.js +41 -0
- package/dist/esm/dga-menu-list.entry.js +15 -0
- package/dist/esm/dga-menu-usage.entry.js +30 -0
- package/dist/esm/{dga-card.entry.js → dga-menu-v2.entry.js} +46 -76
- package/dist/esm/dga-menu.entry.js +2 -2
- package/dist/esm/dga-metric-chart-v2.entry.js +1 -1
- package/dist/esm/dga-metric-chart.entry.js +2 -2
- package/dist/esm/dga-metric-usage.entry.js +6 -6
- package/dist/esm/dga-metric-v2.entry.js +1 -1
- package/dist/esm/dga-metric.entry.js +1 -1
- package/dist/esm/dga-modal-actions_5.entry.js +10 -10
- package/dist/esm/dga-modal-usage.entry.js +2 -2
- package/dist/esm/dga-modal-v2-usage.entry.js +3 -3
- package/dist/esm/dga-modal.entry.js +5 -5
- package/dist/esm/{dga-nav-header-sub-menu-link-x1tRbzfl.js → dga-nav-header-sub-menu-link-D87rix0Y.js} +3 -3
- package/dist/esm/dga-notification-toast-usage.entry.js +4 -4
- package/dist/esm/dga-notification-toast.entry.js +4 -4
- package/dist/esm/dga-notification-usage.entry.js +2 -2
- package/dist/esm/dga-notification.entry.js +6 -6
- package/dist/esm/dga-number-input-usage.entry.js +5 -5
- package/dist/esm/dga-number-input.entry.js +4 -4
- package/dist/esm/dga-pagination-usage.entry.js +2 -2
- package/dist/esm/dga-pagination.entry.js +5 -5
- package/dist/esm/dga-prefix.entry.js +2 -2
- package/dist/esm/dga-progress-indicator-step-v3.entry.js +2 -2
- package/dist/esm/dga-progress-indicator-usage.entry.js +2 -2
- package/dist/esm/dga-progress-indicator-v3-usage.entry.js +2 -2
- package/dist/esm/dga-progress-indicator-v3.entry.js +2 -2
- package/dist/esm/dga-progress-indicator_2.entry.js +3 -3
- package/dist/esm/dga-quote-usage.entry.js +2 -2
- package/dist/esm/dga-quote.entry.js +2 -2
- package/dist/esm/dga-radial-stepper-usage.entry.js +9 -9
- package/dist/esm/dga-radial-stepper.entry.js +1 -1
- package/dist/esm/dga-radio-button-usage.entry.js +4 -4
- package/dist/esm/dga-radio-button.entry.js +2 -2
- package/dist/esm/dga-rating-usage.entry.js +3 -3
- package/dist/esm/dga-rating.entry.js +2 -2
- package/dist/esm/dga-search-box-usage.entry.js +2 -2
- package/dist/esm/dga-search-box_2.entry.js +5 -5
- package/dist/esm/dga-second-nav-header-usage.entry.js +8 -8
- package/dist/esm/dga-skeleton-component.entry.js +1 -1
- package/dist/esm/dga-skeleton-usage.entry.js +2 -2
- package/dist/esm/dga-slideout-menu-usage.entry.js +2 -2
- package/dist/esm/dga-slideout-menu_4.entry.js +7 -7
- package/dist/esm/dga-slider-usage.entry.js +3 -3
- package/dist/esm/dga-slider.entry.js +3 -3
- package/dist/esm/dga-status-tag.entry.js +2 -2
- package/dist/esm/dga-structured-list-usage.entry.js +3 -3
- package/dist/esm/dga-structured-list.entry.js +2 -2
- package/dist/esm/dga-suffix.entry.js +2 -2
- package/dist/esm/dga-switch-usage.entry.js +2 -2
- package/dist/esm/dga-switch.entry.js +3 -3
- package/dist/esm/dga-table-body.entry.js +2 -2
- package/dist/esm/dga-table-of-content-usage.entry.js +20 -20
- package/dist/esm/dga-table-of-content.entry.js +1 -1
- package/dist/esm/dga-table-usage.entry.js +3 -3
- package/dist/esm/dga-table.entry.js +2 -2
- package/dist/esm/dga-tabs-usage.entry.js +13 -13
- package/dist/esm/dga-tabs.entry.js +2 -2
- package/dist/esm/dga-tag-usage.entry.js +14 -14
- package/dist/esm/dga-tag_3.entry.js +2 -2
- package/dist/esm/dga-text-input-usage.entry.js +3 -3
- package/dist/esm/dga-textarea-usage.entry.js +2 -2
- package/dist/esm/dga-textarea.entry.js +3 -3
- package/dist/esm/dga-tooltip-usage.entry.js +3 -3
- package/dist/esm/floating-button.entry.js +2 -2
- package/dist/esm/{index-BhVuiKHy.js → index-BLSc18AE.js} +1 -1
- package/dist/esm/{index-BKYXZxHx.js → index-BeGjGURp.js} +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/nds-accordion-usage.entry.js +2 -2
- package/dist/esm/nds-accordion.entry.js +4 -4
- package/dist/esm/nds-avatar-usage.entry.js +10 -10
- package/dist/esm/nds-avatar.entry.js +1 -1
- package/dist/esm/nds-button-usage.entry.js +3 -3
- package/dist/esm/nds-button.entry.js +2 -2
- package/dist/esm/nds-chip-usage.entry.js +5 -5
- package/dist/esm/nds-chip.entry.js +3 -3
- package/dist/esm/nds-floating-button-usage.entry.js +2 -2
- package/dist/esm/nds-floating-button.entry.js +3 -3
- package/dist/esm/nds-link-usage.entry.js +2 -2
- package/dist/esm/nds-link.entry.js +2 -2
- package/dist/esm/nds-table-of-content-usage.entry.js +20 -20
- package/dist/esm/nds-table-of-content.entry.js +1 -1
- package/dist/types/components/dga-card/dga-card.d.ts +1 -0
- package/dist/types/components/dga-link/dga-link.d.ts +17 -0
- package/dist/types/components.d.ts +24 -0
- package/package.json +1 -1
- package/dist/cjs/dga-avatar_23.cjs.entry.js +0 -1759
- package/dist/cjs/dga-button.cjs.entry.js +0 -78
- package/dist/cjs/dga-card-usage.cjs.entry.js +0 -21
- package/dist/cjs/dga-digital-signature-usage.cjs.entry.js +0 -14
- package/dist/cjs/dga-digital-signature.cjs.entry.js +0 -116
- package/dist/cjs/dga-featured-icon.cjs.entry.js +0 -28
- package/dist/cjs/dga-link-usage.cjs.entry.js +0 -15
- package/dist/components/p-o3Ih3d7z.js +0 -69
- package/dist/core/p-024b0273.entry.js +0 -1
- package/dist/core/p-09379a47.entry.js +0 -1
- package/dist/core/p-09519a2f.entry.js +0 -1
- package/dist/core/p-0960f2a8.entry.js +0 -1
- package/dist/core/p-0b33fe73.entry.js +0 -1
- package/dist/core/p-0cad8637.entry.js +0 -1
- package/dist/core/p-0e0a8eef.entry.js +0 -1
- package/dist/core/p-0ec8d437.entry.js +0 -1
- package/dist/core/p-12b11fe5.entry.js +0 -1
- package/dist/core/p-14712a42.entry.js +0 -1
- package/dist/core/p-16f05d2e.entry.js +0 -1
- package/dist/core/p-177f5e4f.entry.js +0 -1
- package/dist/core/p-181b0e93.entry.js +0 -1
- package/dist/core/p-182a2f35.entry.js +0 -1
- package/dist/core/p-19e73efd.entry.js +0 -1
- package/dist/core/p-1aaab9e3.entry.js +0 -1
- package/dist/core/p-1e285683.entry.js +0 -1
- package/dist/core/p-23e39fbb.entry.js +0 -1
- package/dist/core/p-2b9e7e11.entry.js +0 -1
- package/dist/core/p-2f66aa35.entry.js +0 -1
- package/dist/core/p-34272014.entry.js +0 -1
- package/dist/core/p-356cbe22.entry.js +0 -1
- package/dist/core/p-375ae7df.entry.js +0 -1
- package/dist/core/p-38f6a070.entry.js +0 -1
- package/dist/core/p-3916f217.entry.js +0 -1
- package/dist/core/p-3a316e7c.entry.js +0 -1
- package/dist/core/p-418b7fc7.entry.js +0 -1
- package/dist/core/p-491ab6e0.entry.js +0 -1
- package/dist/core/p-4c72d683.entry.js +0 -1
- package/dist/core/p-5b3fc70d.entry.js +0 -1
- package/dist/core/p-5c43bb27.entry.js +0 -1
- package/dist/core/p-5e63376e.entry.js +0 -1
- package/dist/core/p-5f428abb.entry.js +0 -1
- package/dist/core/p-675e3a98.entry.js +0 -1
- package/dist/core/p-68b76026.entry.js +0 -1
- package/dist/core/p-697bcea6.entry.js +0 -1
- package/dist/core/p-769fde43.entry.js +0 -1
- package/dist/core/p-777c3aeb.entry.js +0 -1
- package/dist/core/p-87090323.entry.js +0 -1
- package/dist/core/p-874b75f0.entry.js +0 -1
- package/dist/core/p-911fbed9.entry.js +0 -1
- package/dist/core/p-9d189683.entry.js +0 -1
- package/dist/core/p-B8dSJpK3.js +0 -1
- package/dist/core/p-BhVuiKHy.js +0 -2
- package/dist/core/p-DVaWpHTe.js +0 -1
- package/dist/core/p-aa317748.entry.js +0 -1
- package/dist/core/p-acf8425c.entry.js +0 -1
- package/dist/core/p-af97bb11.entry.js +0 -1
- package/dist/core/p-b060c640.entry.js +0 -1
- package/dist/core/p-b131ebe6.entry.js +0 -1
- package/dist/core/p-b696b6bc.entry.js +0 -1
- package/dist/core/p-c05e4777.entry.js +0 -1
- package/dist/core/p-c32d5059.entry.js +0 -1
- package/dist/core/p-c5adbc69.entry.js +0 -1
- package/dist/core/p-c5b56f75.entry.js +0 -1
- package/dist/core/p-ce53ce0f.entry.js +0 -1
- package/dist/core/p-d04e0e9f.entry.js +0 -1
- package/dist/core/p-d2ac62f0.entry.js +0 -1
- package/dist/core/p-d304415f.entry.js +0 -1
- package/dist/core/p-d62a2a2b.entry.js +0 -1
- package/dist/core/p-d6908ed6.entry.js +0 -1
- package/dist/core/p-dd623e5b.entry.js +0 -1
- package/dist/core/p-e26afe80.entry.js +0 -1
- package/dist/core/p-e9eb8afa.entry.js +0 -1
- package/dist/core/p-ea50b588.entry.js +0 -1
- package/dist/core/p-eabed8ef.entry.js +0 -1
- package/dist/core/p-f8b5649d.entry.js +0 -1
- package/dist/core/p-ffbc06ae.entry.js +0 -1
- package/dist/esm/dga-avatar_23.entry.js +0 -1735
- package/dist/esm/dga-button.entry.js +0 -76
- package/dist/esm/dga-card-usage.entry.js +0 -19
- package/dist/esm/dga-digital-signature-usage.entry.js +0 -12
- package/dist/esm/dga-digital-signature.entry.js +0 -114
- package/dist/esm/dga-featured-icon.entry.js +0 -26
- package/dist/esm/dga-link-usage.entry.js +0 -13
|
@@ -1,1735 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host, a as getElement, c as createEvent, F as Fragment, d as getAssetPath } from './index-BhVuiKHy.js';
|
|
2
|
-
import { S as SxStyleManager } from './sx-style-manager-BFEqPAFn.js';
|
|
3
|
-
import { S as SxHandler } from './sx-handler-SsJVD279.js';
|
|
4
|
-
import { i as isRTL } from './dir-CH66vbCC.js';
|
|
5
|
-
import { c as arrowLeft01Stroke, d as arrowRight01Stroke, w as minusSignSolid, x as tick03Solid, y as remove01Solid, q as alertCircleStroke, a as arrowDown01Stroke, t as tick02Solid } from './index-BKYXZxHx.js';
|
|
6
|
-
import { g as guid, p as parseCSSValue } from './index-OZG1OajU.js';
|
|
7
|
-
|
|
8
|
-
const dgaAvatarCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular,.dga-avatar--120 .dga-avatar__text{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular,.dga-avatar--80 .dga-avatar__text{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium,.dga-avatar--68 .dga-avatar__text{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium,.dga-avatar--48 .dga-avatar__text{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold,.dga-avatar--40 .dga-avatar__text{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold,.dga-avatar--32 .dga-avatar__text{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold,.dga-avatar--24 .dga-avatar__text{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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}.dga-avatar{position:relative;border-radius:var(--radius-full);border:2px solid var(--border-white, #FFF);display:flex;align-items:center;justify-content:center;background:var(--button-background-neutral-default);overflow:hidden}.dga-avatar--image img{width:100%;height:100%;object-fit:cover}.dga-avatar--square{border-radius:var(--radius-8)}.dga-avatar--square.dga-avatar--border::after{border-radius:var(--radius-8)}.dga-avatar--border::after{content:\"\";position:absolute;top:0;left:0;bottom:0;right:0;border-radius:var(--radius-full);border:1px solid var(--alpha-black-20, rgba(22, 22, 22, 0.2))}.dga-avatar--120{width:120px;height:120px;border-width:4px}.dga-avatar--120.dga-avatar--border::after{border-width:2px}.dga-avatar--120 .dga-avatar__text{text-transform:uppercase}.dga-avatar--120 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;font-size:80px}.dga-avatar--120 .dga-avatar__icon>*{width:100%;height:100%;font-size:80px}.dga-avatar--80{width:80px;height:80px}.dga-avatar--80 .dga-avatar__text{text-transform:uppercase}.dga-avatar--80 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;font-size:56px}.dga-avatar--80 .dga-avatar__icon>*{width:100%;height:100%;font-size:56px}.dga-avatar--68{width:68px;height:68px}.dga-avatar--68 .dga-avatar__text{text-transform:uppercase}.dga-avatar--68 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:40px}.dga-avatar--68 .dga-avatar__icon>*{width:100%;height:100%;font-size:40px}.dga-avatar--48{width:48px;height:48px}.dga-avatar--48 .dga-avatar__text{text-transform:uppercase}.dga-avatar--48 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:32px}.dga-avatar--48 .dga-avatar__icon>*{width:100%;height:100%;font-size:32px}.dga-avatar--40{width:40px;height:40px}.dga-avatar--40 .dga-avatar__text{text-transform:uppercase}.dga-avatar--40 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:32px}.dga-avatar--40 .dga-avatar__icon>*{width:100%;height:100%;font-size:32px}.dga-avatar--32{width:32px;height:32px}.dga-avatar--32 .dga-avatar__text{text-transform:uppercase}.dga-avatar--32 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:24px}.dga-avatar--32 .dga-avatar__icon>*{width:100%;height:100%;font-size:24px}.dga-avatar--24{width:24px;height:24px}.dga-avatar--24 .dga-avatar__text{text-transform:uppercase}.dga-avatar--24 .dga-avatar__icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:16px}.dga-avatar--24 .dga-avatar__icon>*{width:100%;height:100%;font-size:16px}";
|
|
9
|
-
|
|
10
|
-
const DgaAvatar = class {
|
|
11
|
-
constructor(hostRef) {
|
|
12
|
-
registerInstance(this, hostRef);
|
|
13
|
-
this.type = 'icon';
|
|
14
|
-
this.size = 32;
|
|
15
|
-
this.square = false;
|
|
16
|
-
this.border = false;
|
|
17
|
-
this.text = 'AB';
|
|
18
|
-
this.imgUrl = '/assets/avatar-img.png';
|
|
19
|
-
this.alt = '';
|
|
20
|
-
// Generate a unique ID if not provided
|
|
21
|
-
this.componentId = `dga-button-${Math.random().toString(36).substring(2, 9)}`;
|
|
22
|
-
// Computed inline styles
|
|
23
|
-
this.rootStyles = {};
|
|
24
|
-
}
|
|
25
|
-
renderChildComponent() {
|
|
26
|
-
var _a, _b, _c, _d;
|
|
27
|
-
if (this.type === 'initials')
|
|
28
|
-
return h("span", { class: "dga-avatar__text" }, this.text);
|
|
29
|
-
if (this.type === 'image')
|
|
30
|
-
return h("img", { class: "dga-avatar__img", src: this.imgUrl, alt: this.alt });
|
|
31
|
-
if (this.type === 'icon')
|
|
32
|
-
return (h("div", { class: "dga-avatar__icon" }, h("dga-icon", { icon: ((_a = this.icon) === null || _a === void 0 ? void 0 : _a.name) || '', variant: (_b = this.icon) === null || _b === void 0 ? void 0 : _b.variant, type: (_c = this.icon) === null || _c === void 0 ? void 0 : _c.type, color: (_d = this.icon) === null || _d === void 0 ? void 0 : _d.color })));
|
|
33
|
-
}
|
|
34
|
-
handleSxChange() {
|
|
35
|
-
this.processStyling();
|
|
36
|
-
}
|
|
37
|
-
componentWillLoad() {
|
|
38
|
-
// Initialize style manager with element reference
|
|
39
|
-
this.sxStyleManager = new SxStyleManager(this.componentId, this.el);
|
|
40
|
-
}
|
|
41
|
-
componentDidLoad() {
|
|
42
|
-
// Process styling after the component is fully loaded and shadow DOM is ready
|
|
43
|
-
this.processStyling();
|
|
44
|
-
// window.alert('componentDidLoad');
|
|
45
|
-
// const closestAvatarGroup = this.el.closest('dga-avatar-group')
|
|
46
|
-
// console.log('closestAvatarGroup , closestAvatarGroup', closestAvatarGroup, closestAvatarGroup?.stacked);
|
|
47
|
-
}
|
|
48
|
-
componentDidUpdate() {
|
|
49
|
-
// Re-process styling after updates
|
|
50
|
-
this.processStyling();
|
|
51
|
-
}
|
|
52
|
-
processStyling() {
|
|
53
|
-
if (!this.sx)
|
|
54
|
-
return;
|
|
55
|
-
// Handle both string and object formats
|
|
56
|
-
const sxValue = typeof this.sx === 'string' ? JSON.parse(this.sx) : this.sx;
|
|
57
|
-
this.rootStyles = this.sxStyleManager.processSxProp(sxValue);
|
|
58
|
-
}
|
|
59
|
-
disconnectedCallback() {
|
|
60
|
-
var _a;
|
|
61
|
-
// Clean up styles when component is removed
|
|
62
|
-
(_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
|
|
63
|
-
}
|
|
64
|
-
render() {
|
|
65
|
-
return (h(Host, { key: 'c35e7be94cc165e3fe49f08e3e3cc026d434763f', part: "dga-avatar-root", id: this.componentId, style: Object.assign({}, this.rootStyles) }, h("div", { key: '5a7152b6a8da9d633569fa319566541c5168b4e4', class: {
|
|
66
|
-
'dga-avatar': true,
|
|
67
|
-
[`dga-avatar--${this.type}`]: true,
|
|
68
|
-
[`dga-avatar--${this.size}`]: true,
|
|
69
|
-
'dga-avatar--square': this.square,
|
|
70
|
-
'dga-avatar--border': this.border,
|
|
71
|
-
} }, this.renderChildComponent())));
|
|
72
|
-
}
|
|
73
|
-
get el() { return getElement(this); }
|
|
74
|
-
static get watchers() { return {
|
|
75
|
-
"sx": ["handleSxChange"]
|
|
76
|
-
}; }
|
|
77
|
-
};
|
|
78
|
-
DgaAvatar.style = dgaAvatarCss;
|
|
79
|
-
|
|
80
|
-
const dgaAvatarGroupCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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{display:block;height:fit-content}.dga-avatar-group{display:flex;gap:var(--spacing-xs, 4px)}.dga-avatar-group--stacked{gap:0}.dga-avatar-group--stacked>dga-avatar:nth-child(n){margin-left:-10px;z-index:1;}.dga-avatar-group--stacked>dga-avatar:nth-child(n):nth-child(n+1){z-index:auto}";
|
|
81
|
-
|
|
82
|
-
const DgaAvatarGroup = class {
|
|
83
|
-
constructor(hostRef) {
|
|
84
|
-
registerInstance(this, hostRef);
|
|
85
|
-
/******************
|
|
86
|
-
* States
|
|
87
|
-
******************/
|
|
88
|
-
/**
|
|
89
|
-
* Internal state to track overflow count.
|
|
90
|
-
*/
|
|
91
|
-
this.overflowCount = 0;
|
|
92
|
-
/**
|
|
93
|
-
* Whether the avatars are stacked.
|
|
94
|
-
*/
|
|
95
|
-
this.stacked = false;
|
|
96
|
-
/**
|
|
97
|
-
* The size of the avatars.
|
|
98
|
-
* Supported sizes: 24, 32, 40, 48, 68, 80, 120.
|
|
99
|
-
* Default is 32.
|
|
100
|
-
*/
|
|
101
|
-
this.size = 32;
|
|
102
|
-
/**
|
|
103
|
-
* Whether the avatars are square.
|
|
104
|
-
* Default is false.
|
|
105
|
-
*/
|
|
106
|
-
this.square = false;
|
|
107
|
-
/**
|
|
108
|
-
* Whether the avatars have a border.
|
|
109
|
-
* Default is false.
|
|
110
|
-
*/
|
|
111
|
-
this.border = false;
|
|
112
|
-
}
|
|
113
|
-
/******************
|
|
114
|
-
* Methods
|
|
115
|
-
******************/
|
|
116
|
-
/**
|
|
117
|
-
* Get the overlap value, using size-based defaults if not provided.
|
|
118
|
-
*/
|
|
119
|
-
getOverlap() {
|
|
120
|
-
if (!this.stacked) {
|
|
121
|
-
return 0;
|
|
122
|
-
}
|
|
123
|
-
const sizeOverlapMap = {
|
|
124
|
-
24: 8,
|
|
125
|
-
32: 10,
|
|
126
|
-
40: 12,
|
|
127
|
-
48: 16,
|
|
128
|
-
68: 20,
|
|
129
|
-
80: 24,
|
|
130
|
-
120: 32,
|
|
131
|
-
};
|
|
132
|
-
return sizeOverlapMap[this.size];
|
|
133
|
-
}
|
|
134
|
-
onPropsChange() {
|
|
135
|
-
this.calculateOverflow();
|
|
136
|
-
this.updateChildAvatars();
|
|
137
|
-
}
|
|
138
|
-
componentWillLoad() {
|
|
139
|
-
this.sxHandler = new SxHandler(this.el, 'dga-slider');
|
|
140
|
-
this.calculateOverflow();
|
|
141
|
-
}
|
|
142
|
-
componentDidLoad() {
|
|
143
|
-
this.sxHandler.processSx(this.sx);
|
|
144
|
-
this.setupSlotListener();
|
|
145
|
-
this.updateChildAvatars();
|
|
146
|
-
}
|
|
147
|
-
sxChanged() {
|
|
148
|
-
this.sxHandler.processSx(this.sx);
|
|
149
|
-
}
|
|
150
|
-
disconnectedCallback() {
|
|
151
|
-
this.sxHandler.cleanup();
|
|
152
|
-
}
|
|
153
|
-
/**
|
|
154
|
-
* Calculate overflow count from light DOM children.
|
|
155
|
-
* Called before render to avoid state changes during componentDidLoad.
|
|
156
|
-
*/
|
|
157
|
-
calculateOverflow() {
|
|
158
|
-
// Get avatars from light DOM (children of the host element)
|
|
159
|
-
const avatars = Array.from(this.el.children).filter(el => el.tagName.toLowerCase() === 'dga-avatar');
|
|
160
|
-
// Calculate overflow
|
|
161
|
-
if (this.max !== undefined && this.max > 0 && avatars.length > this.max) {
|
|
162
|
-
this.overflowCount = avatars.length - this.max;
|
|
163
|
-
}
|
|
164
|
-
else {
|
|
165
|
-
this.overflowCount = 0;
|
|
166
|
-
}
|
|
167
|
-
}
|
|
168
|
-
/**
|
|
169
|
-
* Setup listener for slot changes.
|
|
170
|
-
*/
|
|
171
|
-
setupSlotListener() {
|
|
172
|
-
var _a;
|
|
173
|
-
const slot = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
|
|
174
|
-
if (slot) {
|
|
175
|
-
slot.addEventListener('slotchange', () => {
|
|
176
|
-
this.calculateOverflow();
|
|
177
|
-
this.updateChildAvatars();
|
|
178
|
-
});
|
|
179
|
-
}
|
|
180
|
-
}
|
|
181
|
-
/**
|
|
182
|
-
* Update child avatar elements with set properties.
|
|
183
|
-
*/
|
|
184
|
-
updateChildAvatars() {
|
|
185
|
-
var _a;
|
|
186
|
-
const slot = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
|
|
187
|
-
if (!slot)
|
|
188
|
-
return;
|
|
189
|
-
const assignedElements = slot.assignedElements({ flatten: true });
|
|
190
|
-
const avatars = assignedElements.filter(el => el.tagName.toLowerCase() === 'dga-avatar');
|
|
191
|
-
const rtl = isRTL(this.el);
|
|
192
|
-
avatars.forEach((avatar, index) => {
|
|
193
|
-
// Apply size to all avatars
|
|
194
|
-
avatar.setAttribute('size', this.size.toString());
|
|
195
|
-
// Apply stroke for visual separation
|
|
196
|
-
if (this.border) {
|
|
197
|
-
avatar.setAttribute('border', 'true');
|
|
198
|
-
}
|
|
199
|
-
else {
|
|
200
|
-
avatar.removeAttribute('border');
|
|
201
|
-
}
|
|
202
|
-
if (this.square) {
|
|
203
|
-
avatar.setAttribute('square', 'true');
|
|
204
|
-
}
|
|
205
|
-
else {
|
|
206
|
-
avatar.removeAttribute('square');
|
|
207
|
-
}
|
|
208
|
-
// Hide avatars beyond max
|
|
209
|
-
if (this.max !== undefined && this.max > 0 && index >= this.max) {
|
|
210
|
-
avatar.style.display = 'none';
|
|
211
|
-
}
|
|
212
|
-
else {
|
|
213
|
-
avatar.style.display = '';
|
|
214
|
-
// Apply wrapper styling for overlap and z-index
|
|
215
|
-
const isLast = index === Math.min(avatars.length, this.max || avatars.length) - 1 && this.overflowCount === 0;
|
|
216
|
-
// First avatar = lower z-index (1), last avatar = higher z-index
|
|
217
|
-
const zIndex = rtl ? Math.min(avatars.length, this.max || avatars.length) - 1 : index + 1;
|
|
218
|
-
avatar.style.zIndex = String(zIndex);
|
|
219
|
-
avatar.style.position = 'relative';
|
|
220
|
-
avatar.style.marginInlineEnd = isLast ? '0' : `-${this.getOverlap()}px`;
|
|
221
|
-
}
|
|
222
|
-
});
|
|
223
|
-
}
|
|
224
|
-
render() {
|
|
225
|
-
return (h(Host, { key: 'c8bc6274ed07dbb4b9ed7c1218325b91e26c720b', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("div", { key: 'ce2c51e46db6dd3dc6960ef6eca1c3276e617be9', class: {
|
|
226
|
-
'dga-avatar-group': true,
|
|
227
|
-
'dga-avatar-group--stacked': this.stacked,
|
|
228
|
-
} }, h("slot", { key: 'a5254a405a09462777dfeb48ca188d2fdf4e28bd' }), this.overflowCount > 0 && (h("dga-avatar", { key: '2043496bdc309b3c49f4d19a39f238a1959ef3e0', type: "initials", text: `+${this.total ? this.total - this.max : this.overflowCount}`, size: this.size, square: this.square, border: this.border, style: {
|
|
229
|
-
zIndex: String((this.max || 0) + 1), // Overflow badge gets highest z-index
|
|
230
|
-
position: 'relative',
|
|
231
|
-
marginInlineEnd: '0',
|
|
232
|
-
} })))));
|
|
233
|
-
}
|
|
234
|
-
get el() { return getElement(this); }
|
|
235
|
-
static get watchers() { return {
|
|
236
|
-
"max": ["onPropsChange"],
|
|
237
|
-
"size": ["onPropsChange"],
|
|
238
|
-
"border": ["onPropsChange"],
|
|
239
|
-
"square": ["onPropsChange"],
|
|
240
|
-
"stacked": ["onPropsChange"],
|
|
241
|
-
"total": ["onPropsChange"],
|
|
242
|
-
"sx": ["sxChanged"]
|
|
243
|
-
}; }
|
|
244
|
-
};
|
|
245
|
-
DgaAvatarGroup.style = dgaAvatarGroupCss;
|
|
246
|
-
|
|
247
|
-
const DgaAvatarUsage = class {
|
|
248
|
-
constructor(hostRef) {
|
|
249
|
-
registerInstance(this, hostRef);
|
|
250
|
-
this.variant = 'neutral';
|
|
251
|
-
}
|
|
252
|
-
render() {
|
|
253
|
-
return (h("div", { key: 'd5b575addc28ea25f33ca03c29408d2b20fac559' }, h("h1", { key: '5ec4ea50b8598e8187048ef3e091aea12713baef' }, "Avatar Example"), h("div", { key: '5d9a95c2a95d9a04f87107e26e2f8a8fc763c748', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'f42a047e5a6d2e1477a998b1d4eaef7cb86cba56', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'c57c5b0664c50f47c68a15ecbf5161b68414006b', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar-group", { key: 'f0ec2fb074cbcb1d4d287412e801e83f66cb784c', stacked: false, max: 3, size: 120, dir: 'rtl', border: true }, h("dga-avatar", { key: '63f9afe53398a9c032e06a1b1d4d9e79d3607872', size: 120, border: false, type: "initials", text: "Ar" }), h("dga-avatar", { key: '953204bf2a54c434242ce7426f762992a201377b', size: 120, border: false, type: "initials", text: "Ar" }), h("dga-avatar", { key: 'dcefff60abe1efb4c40e2cbafb6ef7babe660998', size: 120, border: false, type: "initials", text: "Ar" }), h("dga-avatar", { key: '0767e83c94a8aed91595897f16846f78344d7245', size: 120, border: false, type: "initials", text: "Ar" }), h("dga-avatar", { key: 'df97c156b5344991332281e31788754f86a3ab3b', size: 120, border: false, type: "initials", text: "Ar" }), h("dga-avatar", { key: '66766a22aa545e184e6b9d9e5b4aa8ab05ddceaa', size: 120, border: false, type: "initials", text: "Ar" }), h("dga-avatar", { key: 'ef128c401394888e1f38785964cefc862eea4bea', size: 120, border: false, type: "initials", text: "Ar" })), h("dga-avatar", { key: '470c9d076f1bb66b1fe2be423c70f31f15fa8864', size: 120, border: false, square: true, sx: {
|
|
254
|
-
"& .dga-avatar": {
|
|
255
|
-
borderRadius: "100px"
|
|
256
|
-
}
|
|
257
|
-
} }), h("dga-avatar", { key: 'de5b33ef6b14c455ee807390069ee482c5df5a62', size: 120, border: true, square: true })), h("dga-avatar", { key: 'd8fe3e13f9e3bccfa80a848e7eb789eff34e0904', type: "icon", size: 120, icon: {
|
|
258
|
-
name: 'user',
|
|
259
|
-
variant: "stroke",
|
|
260
|
-
type: "rounded"
|
|
261
|
-
} }), h("dga-avatar", { key: 'd5ae86845358863ccf7eee1e713dd6b29b178588', type: "icon", size: 80, icon: {
|
|
262
|
-
name: 'user',
|
|
263
|
-
variant: "stroke",
|
|
264
|
-
type: "rounded"
|
|
265
|
-
} }), h("dga-avatar", { key: '40fd38368ac24bde47582ae9c12407f1db47e8b9', type: "icon", size: 68, icon: {
|
|
266
|
-
name: 'user',
|
|
267
|
-
variant: "stroke",
|
|
268
|
-
type: "rounded"
|
|
269
|
-
} }), h("dga-avatar", { key: '2da5a9fa10828ec88626cc8289ee958ea467192c', type: "icon", size: 48, icon: {
|
|
270
|
-
name: 'user',
|
|
271
|
-
variant: "stroke",
|
|
272
|
-
type: "rounded"
|
|
273
|
-
} }), h("dga-avatar", { key: 'e9c5dfc826802ee1d8e7b4533ba402999fb845b7', type: "icon", size: 40, icon: {
|
|
274
|
-
name: 'user',
|
|
275
|
-
variant: "stroke",
|
|
276
|
-
type: "rounded"
|
|
277
|
-
} }), h("dga-avatar", { key: 'f880c6af3e442f4abd7daf6c0c3fa577a9b108d7', type: "icon", size: 32, icon: {
|
|
278
|
-
name: 'user',
|
|
279
|
-
variant: "stroke",
|
|
280
|
-
type: "rounded"
|
|
281
|
-
} }), h("dga-avatar", { key: '859579027619003668361fc457fca98f0b2b5a4d', type: "icon", size: 24, icon: {
|
|
282
|
-
name: 'user',
|
|
283
|
-
variant: "stroke",
|
|
284
|
-
type: "rounded"
|
|
285
|
-
} })), h("dga-avatar-group", { key: 'b169bf1835c76762801cc921b119d132514e1c2d', stacked: true }, h("dga-avatar", { key: 'ef58e7b6e3fc28e8837b780ce5e6c9ee9d2e4b3c', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: '5bcfe61df7e6f23a651af2aac243112add7b21e2', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: 'dabbffe674359d0af3310b48a8b00bc778904328', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: '24fe71af5fe712c4c65f3036374dd96787a2aabd', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: 'c27007cef964cb29c20bd80820b66626d541bc27', type: 'initials', text: `+4`, size: 40 })), h("div", { key: 'ecab8c019e14bbbae7a4de41bb30ebb4f6e6d624', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
|
|
286
|
-
}
|
|
287
|
-
};
|
|
288
|
-
|
|
289
|
-
const dgaBreadcrumbsCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular,.dga-breadcrumb-dropdown-item{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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}";
|
|
290
|
-
|
|
291
|
-
const DgaBreadcrumbs = class {
|
|
292
|
-
constructor(hostRef) {
|
|
293
|
-
registerInstance(this, hostRef);
|
|
294
|
-
this.breadcrumbClick = createEvent(this, "breadcrumbClick");
|
|
295
|
-
this.items = []; // Items will be passed as a JSON string
|
|
296
|
-
this.max = 5;
|
|
297
|
-
this.breadcrumbItems = [];
|
|
298
|
-
this.isMenuOpen = false; // State to control menu visibility
|
|
299
|
-
this.toggleMenu = () => {
|
|
300
|
-
this.isMenuOpen = !this.isMenuOpen;
|
|
301
|
-
if (this.isMenuOpen) {
|
|
302
|
-
document.addEventListener('click', this.handleOutsideClick);
|
|
303
|
-
}
|
|
304
|
-
else {
|
|
305
|
-
document.removeEventListener('click', this.handleOutsideClick);
|
|
306
|
-
}
|
|
307
|
-
};
|
|
308
|
-
this.closeMenu = () => {
|
|
309
|
-
this.isMenuOpen = false;
|
|
310
|
-
document.removeEventListener('click', this.handleOutsideClick);
|
|
311
|
-
};
|
|
312
|
-
this.handleOutsideClick = (event) => {
|
|
313
|
-
const target = event.target;
|
|
314
|
-
if (!this.el.contains(target)) {
|
|
315
|
-
this.closeMenu();
|
|
316
|
-
}
|
|
317
|
-
};
|
|
318
|
-
// Generate a unique ID if not provided
|
|
319
|
-
this.componentId = `dga-button-${Math.random().toString(36).substring(2, 9)}`;
|
|
320
|
-
// Computed inline styles
|
|
321
|
-
this.rootStyles = {};
|
|
322
|
-
}
|
|
323
|
-
componentWillLoad() {
|
|
324
|
-
this.handleItemsChange(this.items);
|
|
325
|
-
this.sxStyleManager = new SxStyleManager(this.componentId, this.el);
|
|
326
|
-
}
|
|
327
|
-
disconnectedCallback() {
|
|
328
|
-
var _a;
|
|
329
|
-
// Clean up styles
|
|
330
|
-
(_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
|
|
331
|
-
// Clean up event listener on component unmount
|
|
332
|
-
document.removeEventListener('click', this.handleOutsideClick);
|
|
333
|
-
}
|
|
334
|
-
handleItemsChange(newValue) {
|
|
335
|
-
try {
|
|
336
|
-
this.breadcrumbItems = this.renderItems(newValue);
|
|
337
|
-
}
|
|
338
|
-
catch (error) {
|
|
339
|
-
console.error('Invalid JSON in items prop:', error);
|
|
340
|
-
}
|
|
341
|
-
}
|
|
342
|
-
isEllipsisItem(item) {
|
|
343
|
-
return item.ellipsis === true;
|
|
344
|
-
}
|
|
345
|
-
renderItems(items) {
|
|
346
|
-
// If items are less than or equal to max, return all items
|
|
347
|
-
if (items.length <= this.max) {
|
|
348
|
-
return items;
|
|
349
|
-
}
|
|
350
|
-
// Ensure max is at least 3 to show first item, ellipsis, and last item
|
|
351
|
-
const effectiveMax = Math.max(3, this.max);
|
|
352
|
-
// Calculate visible items (excluding ellipsis)
|
|
353
|
-
const visibleCount = effectiveMax - 1; // Reserve one spot for ellipsis
|
|
354
|
-
// Always show at least first and last item
|
|
355
|
-
const firstHalf = Math.max(1, Math.floor(visibleCount / 2));
|
|
356
|
-
const secondHalf = Math.max(1, visibleCount - firstHalf);
|
|
357
|
-
const firstItems = items.slice(0, firstHalf);
|
|
358
|
-
const lastItems = items.slice(-secondHalf);
|
|
359
|
-
const middleItems = items.slice(firstHalf, -secondHalf);
|
|
360
|
-
// Only create ellipsis if there are middle items
|
|
361
|
-
if (middleItems.length === 0) {
|
|
362
|
-
return [...firstItems, ...lastItems];
|
|
363
|
-
}
|
|
364
|
-
return [...firstItems, { ellipsis: true, items: middleItems }, ...lastItems];
|
|
365
|
-
}
|
|
366
|
-
handleClick(e, link, item) {
|
|
367
|
-
e.preventDefault();
|
|
368
|
-
e.stopPropagation();
|
|
369
|
-
if (!item.disabled) {
|
|
370
|
-
this.breadcrumbClick.emit({ e, link, item });
|
|
371
|
-
this.closeMenu();
|
|
372
|
-
}
|
|
373
|
-
}
|
|
374
|
-
handleSxChange() {
|
|
375
|
-
this.processStyling();
|
|
376
|
-
}
|
|
377
|
-
componentDidLoad() {
|
|
378
|
-
// Process styling after the component is fully loaded and shadow DOM is ready
|
|
379
|
-
this.processStyling();
|
|
380
|
-
}
|
|
381
|
-
componentDidUpdate() {
|
|
382
|
-
// Re-process styling after updates
|
|
383
|
-
this.processStyling();
|
|
384
|
-
}
|
|
385
|
-
processStyling() {
|
|
386
|
-
if (!this.sx)
|
|
387
|
-
return;
|
|
388
|
-
// Handle both string and object formats
|
|
389
|
-
const sxValue = typeof this.sx === 'string' ? JSON.parse(this.sx) : this.sx;
|
|
390
|
-
this.rootStyles = this.sxStyleManager.processSxProp(sxValue);
|
|
391
|
-
}
|
|
392
|
-
// Add a helper method to get the correct arrow icon
|
|
393
|
-
getArrowIcon() {
|
|
394
|
-
return isRTL(this.el) ? arrowLeft01Stroke : arrowRight01Stroke;
|
|
395
|
-
}
|
|
396
|
-
render() {
|
|
397
|
-
const { el } = this;
|
|
398
|
-
const dir = isRTL(el) ? 'rtl' : 'ltr';
|
|
399
|
-
return (h(Host, { key: 'bdc257ee01c879559bf8412cc6703d7f73fb8428', id: this.componentId, style: this.rootStyles, dir: dir }, h("nav", { key: '6c5ef2d2e7859a122127f92c5f85c22b47b85817', "aria-label": "breadcrumb" }, h("ul", { key: 'f23f6a16a1b8f6e75f470afb892aea718119663d', class: `dga-breadcrumb dga-breadcrumb--${dir}` }, this.breadcrumbItems.map((item, index) => {
|
|
400
|
-
if (this.isEllipsisItem(item)) {
|
|
401
|
-
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: () => {
|
|
402
|
-
this.toggleMenu();
|
|
403
|
-
return false;
|
|
404
|
-
}, "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: {
|
|
405
|
-
'disabled-link': ellipsedItem.disabled,
|
|
406
|
-
}, href: ellipsedItem.disabled ? undefined : ellipsedItem.path, "aria-disabled": ellipsedItem.disabled ? 'true' : 'false' }, h("span", { class: "link__label" }, ellipsedItem.label)))))))));
|
|
407
|
-
}
|
|
408
|
-
const isLastItem = index === this.breadcrumbItems.length - 1;
|
|
409
|
-
const first = index === 0;
|
|
410
|
-
return (h("li", { key: index, class: {
|
|
411
|
-
'dga-breadcrumb-item': true,
|
|
412
|
-
'active': isLastItem,
|
|
413
|
-
}, "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: {
|
|
414
|
-
'link link--md link--neutral': true,
|
|
415
|
-
'disabled-link': item.disabled,
|
|
416
|
-
}, 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: {
|
|
417
|
-
'link link--md link--neutral': true,
|
|
418
|
-
'disabled-link': item.disabled,
|
|
419
|
-
'link_empty': true,
|
|
420
|
-
}, href: item.disabled ? undefined : undefined, "aria-disabled": item.disabled ? 'true' : 'false' }, h("span", { class: "link__label" }, item.label))))));
|
|
421
|
-
})))));
|
|
422
|
-
}
|
|
423
|
-
get el() { return getElement(this); }
|
|
424
|
-
static get watchers() { return {
|
|
425
|
-
"items": ["handleItemsChange"],
|
|
426
|
-
"sx": ["handleSxChange"]
|
|
427
|
-
}; }
|
|
428
|
-
};
|
|
429
|
-
DgaBreadcrumbs.style = dgaBreadcrumbsCss;
|
|
430
|
-
|
|
431
|
-
const DgaBreadcrumbsUsage = class {
|
|
432
|
-
constructor(hostRef) {
|
|
433
|
-
registerInstance(this, hostRef);
|
|
434
|
-
this.variant = 'neutral';
|
|
435
|
-
}
|
|
436
|
-
render() {
|
|
437
|
-
return (h("div", { key: '73cfb77a5d2347edc8f205e8fc77fbd858fa072c' }, h("h1", { key: '734c79ece3ef27aac3f1e38e57822def620a699f' }, "Breadcrumbs Example"), h("div", { key: '9a1ccce8621fe0857b935fa27f16577fe6346b64', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '2a223dd95c807a167cb37cdca18e861347908568', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-link", { key: 'ba7c1642071790768b78353ec0b4f29637e4af91', label: "Link", variant: "neutral" }), h("dga-breadcrumbs", { key: 'f5661474b23ce42343fc52dd053fe96ff3dc7142', items: [
|
|
438
|
-
{
|
|
439
|
-
label: 'Home',
|
|
440
|
-
path: '/',
|
|
441
|
-
},
|
|
442
|
-
{
|
|
443
|
-
label: 'Products',
|
|
444
|
-
path: '/products',
|
|
445
|
-
},
|
|
446
|
-
{
|
|
447
|
-
label: 'Computers',
|
|
448
|
-
path: '/products/computers',
|
|
449
|
-
disabled: true,
|
|
450
|
-
},
|
|
451
|
-
{
|
|
452
|
-
label: 'Keyboards',
|
|
453
|
-
path: '/products/keyboards',
|
|
454
|
-
},
|
|
455
|
-
], max: 3 })), h("div", { key: '44146a55fe56bf71bad7984dbef972530fb8e74b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
|
|
456
|
-
}
|
|
457
|
-
};
|
|
458
|
-
|
|
459
|
-
const dgaButtonCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium,.dga-btn--lg{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium,.dga-btn--md{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium,.dga-btn--sm{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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}dga-button{width:fit-content}.dga-btn{-webkit-appearance:none;appearance:none;border-radius:var(--radius-sm);cursor:pointer;border:0;outline:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--buttons-lg-gap);box-sizing:border-box;overflow:hidden}.dga-btn:focus-visible{outline:2px solid var(--border-black)}.dga-btn-icon{display:flex;width:24px;height:24px;font-size:24px;justify-content:center;align-items:center}.dga-btn--lg{height:40px;padding-inline:var(--buttons-lg-padding)}.dga-btn--lg span.dga-btn-icon{width:24px;height:24px;font-size:24px}.dga-btn--md{height:32px;padding-inline:var(--buttons-md-padding)}.dga-btn--md span.dga-btn-icon{width:20px;height:20px;font-size:20px}.dga-btn--sm{height:24px;padding-inline:var(--buttons-sm-padding)}.dga-btn--sm span.dga-btn-icon{width:16px;height:16px;font-size:16px}.dga-btn--icon{padding:0;display:flex;align-items:center;justify-content:center}.dga-btn--icon.dga-btn--lg{width:40px;height:40px;font-size:40px}.dga-btn--icon-menu.dga-btn--lg{width:auto;padding-inline:var(--buttons-lg-padding)}.dga-btn--icon.dga-btn--md{width:32px;height:32px;font-size:32px}.dga-btn--icon-menu.dga-btn--md{width:auto;padding-inline:var(--buttons-md-padding)}.dga-btn--icon.dga-btn--sm{width:24px;height:24px;font-size:24px}.dga-btn--icon-menu.dga-btn--sm{width:auto;padding-inline:var(--buttons-sm-padding)}.dga-btn--neutral{background-color:var(--button-background-black-default);color:var(--text-oncolor-primary)}.dga-btn--neutral:hover{background-color:var(--button-background-black-hovered)}.dga-btn--neutral:visited{background-color:var(--button-background-black-pressed)}.dga-btn--neutral:active{background-color:var(--button-background-black-selected);outline:none}.dga-btn--neutral:active::after{display:none !important}.dga-btn--neutral:disabled,.dga-btn--neutral[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--neutral--on-color{background-color:var(--button-background-oncolor-default);color:var(--text-default)}.dga-btn--neutral--on-color:hover{background-color:var(--button-background-oncolor-hovered)}.dga-btn--neutral--on-color:visited,.dga-btn--neutral--on-color.selected{background-color:var(--button-background-oncolor-selected)}.dga-btn--neutral--on-color:active{background-color:var(--button-background-oncolor-pressed)}.dga-btn--neutral--on-color:disabled,.dga-btn--neutral--on-color[disabled]{background-color:var(--button-background-disabled-on-color);color:var(--text-default-oncolor-disabled)}.dga-btn--primary{background-color:var(--button-background-primary-default);color:var(--text-oncolor-primary)}.dga-btn--primary:hover{background:var(--button-background-primary-hovered)}.dga-btn--primary:visited{background:var(--button-background-primary-pressed)}.dga-btn--primary:active{background:var(--button-background-primary-selected);outline:none}.dga-btn--primary:active::after{display:none !important}.dga-btn--primary:disabled,.dga-btn--primary[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--primary--on-color{background-color:var(--button-background-oncolor-default);color:var(--text-default)}.dga-btn--primary--on-color:hover{background-color:var(--button-background-oncolor-hovered)}.dga-btn--primary--on-color:visited,.dga-btn--primary--on-color.selected{background-color:var(--button-background-oncolor-pressed)}.dga-btn--primary--on-color:active{background-color:var(--button-background-oncolor-pressed)}.dga-btn--primary--on-color:disabled,.dga-btn--primary--on-color[disabled]{background-color:var(--button-background-disabled-on-color);color:var(--text-default-oncolor-disabled)}.dga-btn--secondary-solid{background-color:var(--button-background-neutral-default);color:var(--colors-text-primary)}.dga-btn--secondary-solid:hover{background:var(--button-background-neutral-default-hoverd)}.dga-btn--secondary-solid:visited{background:var(--button-background-neutral-default-pressed)}.dga-btn--secondary-solid:active{background:var(--button-background-neutral-default-selected);outline:none}.dga-btn--secondary-solid:disabled,.dga-btn--secondary-solid[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--secondary-solid--on-color{background-color:var(--button-background-transparent-hovered);color:var(--text-oncolor-primary)}.dga-btn--secondary-solid--on-color:hover{background-color:var(--button-background-transparent-hovered)}.dga-btn--secondary-solid--on-color:visited,.dga-btn--secondary-solid--on-color.selected{background-color:var(--Button-button-background-transparent-selected)}.dga-btn--secondary-solid--on-color:active{background-color:var(--Button-button-background-transparent-pressed);color:var(--text-oncolor-primary)}.dga-btn--secondary-solid--on-color:disabled,.dga-btn--secondary-solid--on-color[disabled]{background-color:var(--button-background-disabled-on-color);color:var(--text-default-oncolor-disabled)}.dga-btn--secondary-outline{outline:1px solid var(--border-neutral-secondary);background-color:transparent;color:var(--text-default);mix-blend-mode:multiply}.dga-btn--secondary-outline:hover{background:var(--button-background-neutral-default)}.dga-btn--secondary-outline:visited{background:var(--button-background-neutral-pressed);outline:1px solid var(--border-neutral-primary)}.dga-btn--secondary-outline:active{background:var(--button-background-neutral-selected);outline:1px solid var(--border-neutral-primary)}.dga-btn--secondary-outline:disabled,.dga-btn--secondary-outline[disabled]{background:transparent;color:var(--text-default-disabled);border:1px solid var(--border-neutral-secondary)}.dga-btn--secondary-outline--on-color{outline-color:var(--border-white-40);color:var(--text-oncolor-primary);mix-blend-mode:normal}.dga-btn--secondary-outline--on-color:hover{background:var(--button-background-transparent-hovered);outline-color:var(--border-white-40)}.dga-btn--secondary-outline--on-color:visited,.dga-btn--secondary-outline--on-color.selected{background:var(--button-background-transparent-hovered);outline-color:var(--border-white-40)}.dga-btn--secondary-outline--on-color:active{background:var(--button-background-transparent-hovered);outline-color:var(--border-white-40)}.dga-btn--secondary-outline--on-color:disabled,.dga-btn--secondary-outline--on-color[disabled]{outline-color:1px solid var(--icon-default-oncolor-disabled);color:var(--text-default-oncolor-disabled)}.dga-btn--subtle,.dga-btn--close,.dga-btn--sort{background-color:transparent;color:var(--colors-text-primary);mix-blend-mode:multiply}.dga-btn--subtle:hover,.dga-btn--close:hover,.dga-btn--sort:hover{background:var(--button-background-neutral-default)}.dga-btn--subtle:visited,.dga-btn--close:visited,.dga-btn--sort:visited{background:var(--button-background-neutral-pressed)}.dga-btn--subtle:active,.dga-btn--close:active,.dga-btn--sort:active{background:var(--button-background-neutral-selected);outline:none}.dga-btn--subtle:active::after,.dga-btn--close:active::after,.dga-btn--sort:active::after{display:none !important}.dga-btn--subtle:disabled,.dga-btn--subtle[disabled],.dga-btn--close:disabled,.dga-btn--close[disabled],.dga-btn--sort:disabled,.dga-btn--sort[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn--transparent{background-color:transparent;color:var(--text-default)}.dga-btn--transparent:hover{background:transparent;color:var(--button-background-primary-hovered)}.dga-btn--transparent:visited{color:var(--button-background-primary-pressed)}.dga-btn--transparent:active{color:var(--button-background-primary-selected);outline:none}.dga-btn--transparent:active::after{display:none !important}.dga-btn--transparent:disabled,.dga-btn--transparent[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn--close{display:flex;width:40px;height:40px;padding:var(--spacing-md);justify-content:center;align-items:center;border-radius:var(--radius-sm);background-color:transparent;color:var(--icon-default)}.dga-btn--close:hover{background:var(--button-background-neutral-hovered);color:var(--icon-default)}.dga-btn--close:active{background-color:var(--button-background-neutral-pressed)}.dga-btn--des-primary{background-color:var(--button-background-danger-primary-default);color:var(--text-oncolor-primary)}.dga-btn--des-primary:hover{background:var(--button-background-danger-primary-hovered)}.dga-btn--des-primary:visited{background:var(--button-background-danger-primary-pressed)}.dga-btn--des-primary:active{background:var(--button-background-danger-primary-selected);outline:none}.dga-btn--des-primary:active::after{display:none !important}.dga-btn--des-primary:disabled,.dga-btn--des-primary[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--des-secondary-solid{background-color:var(--button-background-danger-secondary-default);color:var(--text-error)}.dga-btn--des-secondary-solid:hover{background:var(--button-background-danger-secondary-hovered)}.dga-btn--des-secondary-solid:visited{background:var(--button-background-danger-secondary-pressed)}.dga-btn--des-secondary-solid:active{background:var(--button-background-danger-secondary-selected);outline:none}.dga-btn--des-secondary-solid:active::after{display:none !important}.dga-btn--des-secondary-solid:disabled,.dga-btn--des-secondary-solid[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--des-secondary-outline{outline:1px solid var(--border-error-light);background-color:transparent;color:var(--text-error);mix-blend-mode:multiply}.dga-btn--des-secondary-outline:hover{background:var(--button-background-danger-secondary-hovered)}.dga-btn--des-secondary-outline:visited{background:var(--button-background-danger-secondary-pressed)}.dga-btn--des-secondary-outline:active{background:var(--button-background-danger-secondary-selected);outline:1px solid var(--border-error-light)}.dga-btn--des-secondary-outline:active::after{display:none !important}.dga-btn--des-secondary-outline:disabled,.dga-btn--des-secondary-outline[disabled]{background:transparent;color:var(--text-default-disabled);outline:1px solid var(--border-neutral-secondary)}.dga-btn--des-subtle{background-color:transparent;color:var(--text-error)}.dga-btn--des-subtle:hover{background:var(--button-background-danger-secondary-hovered)}.dga-btn--des-subtle:visited{background:var(--button-background-danger-secondary-pressed)}.dga-btn--des-subtle:active{background:var(--button-background-danger-secondary-selected);outline:none}.dga-btn--des-subtle:active::after{display:none !important}.dga-btn--des-subtle:disabled,.dga-btn--des-subtle[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn--des-transparent{background-color:transparent;color:var(--button-background-danger-primary-default)}.dga-btn--des-transparent:hover{background:transparent;color:var(--button-background-danger-primary-hovered)}.dga-btn--des-transparent:visited{color:var(--button-background-danger-primary-pressed)}.dga-btn--des-transparent:active{color:var(--button-background-danger-primary-selected);outline:none}.dga-btn--des-transparent:active::after{display:none !important}.dga-btn--des-transparent:disabled,.dga-btn--des-transparent[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn.dga-btn--subtle-on-color,.dga-btn.dga-btn--close-on-color{background-color:transparent;color:var(--text-oncolor-primary)}.dga-btn.dga-btn--subtle-on-color:hover,.dga-btn.dga-btn--close-on-color:hover{background-color:var(--button-background-transparent-hovered)}.dga-btn.dga-btn--subtle-on-color:visited,.dga-btn.dga-btn--subtle-on-color.selected,.dga-btn.dga-btn--close-on-color:visited,.dga-btn.dga-btn--close-on-color.selected{background-color:var(--button-background-transparent-selected)}.dga-btn.dga-btn--subtle-on-color:active,.dga-btn.dga-btn--close-on-color:active{color:var(--text-oncolor-primary);background-color:var(--button-background-transparent-pressed)}.dga-btn.dga-btn--subtle-on-color:disabled,.dga-btn.dga-btn--subtle-on-color[disabled],.dga-btn.dga-btn--close-on-color:disabled,.dga-btn.dga-btn--close-on-color[disabled]{background-color:transparent;color:var(--text-default-oncolor-disabled)}.dga-btn--transparent-on-color{background-color:transparent;color:var(--text-oncolor-primary)}.dga-btn--transparent-on-color:hover{color:var(--button-label-transparent-hovered-on-color)}.dga-btn--transparent-on-color:visited,.dga-btn--transparent-on-color.selected{color:var(--button-label-transparent-selected-on-color)}.dga-btn--transparent-on-color:active{color:var(--button-label-transparent-pressed-on-color)}.dga-btn--transparent-on-color:disabled,.dga-btn--transparent-on-color[disabled]{background-color:transparent;color:var(--text-default-oncolor-disabled)}";
|
|
460
|
-
|
|
461
|
-
const DgaButton = class {
|
|
462
|
-
constructor(hostRef) {
|
|
463
|
-
registerInstance(this, hostRef);
|
|
464
|
-
this.onClick = createEvent(this, "onClick");
|
|
465
|
-
this.variant = 'primary';
|
|
466
|
-
this.size = 'md';
|
|
467
|
-
this.type = 'button';
|
|
468
|
-
this.onColor = false;
|
|
469
|
-
this.destructive = false;
|
|
470
|
-
}
|
|
471
|
-
handleClick(event) {
|
|
472
|
-
if (!this.disabled) {
|
|
473
|
-
this.onClick.emit(event);
|
|
474
|
-
}
|
|
475
|
-
}
|
|
476
|
-
componentWillLoad() {
|
|
477
|
-
this.el.childNodes.forEach(item => {
|
|
478
|
-
const el = item;
|
|
479
|
-
if (el.tagName === 'DGA-BUTTON-LEADING-ICON' && el.attributes.getNamedItem('slot') === null) {
|
|
480
|
-
el.setAttribute('slot', 'button-leading-icon');
|
|
481
|
-
}
|
|
482
|
-
});
|
|
483
|
-
}
|
|
484
|
-
render() {
|
|
485
|
-
const classList = [
|
|
486
|
-
'dga-btn',
|
|
487
|
-
`dga-btn--${this.size}`,
|
|
488
|
-
`dga-btn--${this.destructive ? 'des-' : ''}${this.variant}`,
|
|
489
|
-
this.destructive ? `$dga-btn--${this.destructive}` : '',
|
|
490
|
-
this.onColor ? `dga-btn--${this.variant}--on-color` : '',
|
|
491
|
-
this.iconOnly ? 'dga-btn--icon' : '',
|
|
492
|
-
]
|
|
493
|
-
.filter(Boolean)
|
|
494
|
-
.join(' ');
|
|
495
|
-
return (h("button", { key: '8ec15c3c417b8484d00e4ed8fe2aa6c0c64a1544', type: this.type, class: classList, disabled: this.disabled, "aria-label": this.iconOnly && !this.label ? 'Button with icon' : this.label, role: "button", onClick: (event) => this.handleClick(event) }, this.leadIcon && this.leadIconProps.name && (h("span", { key: '2ff197f387e05e989969ee83e682af782edfc2a8', class: "dga-btn-icon", "aria-hidden": "true" }, h("dga-icon", Object.assign({ key: 'bbb681629325e40cbf1711745c61896830ff394a' }, this.leadIconProps)))), !this.iconOnly && this.label && h("span", { key: '03025c3e350e64a4ca15cddb7e9dd548a192744a' }, this.label), h("slot", { key: 'e42484ac852a287b49ce19516eb4a685042e769e', name: "trailing-icon" }), this.trailIcon && this.trailIconProps.name && !this.iconOnly && (h("span", { key: '6c239a65d179bfc71279729775bd01f7ae9b5725', class: "dga-btn-icon", "aria-hidden": "true" }, h("dga-icon", Object.assign({ key: 'aa4c65fe63ac6ab28a30c3e5538962c9ccb7e662' }, this.trailIconProps))))));
|
|
496
|
-
}
|
|
497
|
-
get el() { return getElement(this); }
|
|
498
|
-
};
|
|
499
|
-
DgaButton.style = dgaButtonCss;
|
|
500
|
-
|
|
501
|
-
const dgaCarouselCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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)}";
|
|
502
|
-
|
|
503
|
-
const DgaCarousel = class {
|
|
504
|
-
constructor(hostRef) {
|
|
505
|
-
registerInstance(this, hostRef);
|
|
506
|
-
this.DIRECTION = {
|
|
507
|
-
LEFT: Symbol('LEFT'),
|
|
508
|
-
RIGHT: Symbol('RIGHT'),
|
|
509
|
-
};
|
|
510
|
-
this.variant = 'arrows';
|
|
511
|
-
this.showDots = true;
|
|
512
|
-
this.steps = 1;
|
|
513
|
-
this.transitionDuration = 600;
|
|
514
|
-
this.Dir = 'ltr';
|
|
515
|
-
this.size = 'lg';
|
|
516
|
-
this.arrowsVariant = 'primary';
|
|
517
|
-
this.arrows = {
|
|
518
|
-
variant: 'primary',
|
|
519
|
-
size: 'lg',
|
|
520
|
-
};
|
|
521
|
-
this.childWidth = 0;
|
|
522
|
-
this.childrenLength = 0;
|
|
523
|
-
this.currentSlideIndex = 0;
|
|
524
|
-
}
|
|
525
|
-
isRTL() {
|
|
526
|
-
return this.Dir === 'rtl';
|
|
527
|
-
}
|
|
528
|
-
changeSlide(direction) {
|
|
529
|
-
const isMovingForward = direction === this.DIRECTION.RIGHT;
|
|
530
|
-
const isMovingBackward = direction === this.DIRECTION.LEFT;
|
|
531
|
-
if (this.isRTL()) {
|
|
532
|
-
// In RTL: RIGHT means going towards index 0, LEFT means going towards the end
|
|
533
|
-
if (isMovingForward && this.currentSlideIndex > 0) {
|
|
534
|
-
this.currentSlideIndex--;
|
|
535
|
-
}
|
|
536
|
-
else if (isMovingBackward && this.currentSlideIndex < this.childrenLength - 1) {
|
|
537
|
-
this.currentSlideIndex++;
|
|
538
|
-
}
|
|
539
|
-
}
|
|
540
|
-
else {
|
|
541
|
-
// In LTR: RIGHT means going towards the end, LEFT means going towards index 0
|
|
542
|
-
if (isMovingForward && this.currentSlideIndex < this.childrenLength - 1) {
|
|
543
|
-
this.currentSlideIndex++;
|
|
544
|
-
}
|
|
545
|
-
else if (isMovingBackward && this.currentSlideIndex > 0) {
|
|
546
|
-
this.currentSlideIndex--;
|
|
547
|
-
}
|
|
548
|
-
}
|
|
549
|
-
this.updateSlidePosition();
|
|
550
|
-
}
|
|
551
|
-
updateSlidePosition() {
|
|
552
|
-
if (this.slidesContainer) {
|
|
553
|
-
const translateX = this.isRTL() ? this.currentSlideIndex * this.childWidth : -(this.currentSlideIndex * this.childWidth);
|
|
554
|
-
this.slidesContainer.style.transform = `translateX(${translateX}px)`;
|
|
555
|
-
}
|
|
556
|
-
}
|
|
557
|
-
showLeftArrow() {
|
|
558
|
-
if (this.isRTL()) {
|
|
559
|
-
// In RTL: Left arrow shows when we can move towards the end (increase index)
|
|
560
|
-
return this.currentSlideIndex < this.childrenLength - 1;
|
|
561
|
-
}
|
|
562
|
-
// In LTR: Left arrow shows when we can move towards the start (decrease index)
|
|
563
|
-
return this.currentSlideIndex > 0;
|
|
564
|
-
}
|
|
565
|
-
showRightArrow() {
|
|
566
|
-
if (this.isRTL()) {
|
|
567
|
-
// In RTL: Right arrow shows when we can move towards the start (decrease index)
|
|
568
|
-
return this.currentSlideIndex > 0;
|
|
569
|
-
}
|
|
570
|
-
// In LTR: Right arrow shows when we can move towards the end (increase index)
|
|
571
|
-
return this.currentSlideIndex < this.childrenLength - 1;
|
|
572
|
-
}
|
|
573
|
-
isHighlighted(index) {
|
|
574
|
-
return index === this.currentSlideIndex;
|
|
575
|
-
}
|
|
576
|
-
componentDidLoad() {
|
|
577
|
-
var _a;
|
|
578
|
-
const slot = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot');
|
|
579
|
-
slot === null || slot === void 0 ? void 0 : slot.addEventListener('slotchange', this.calculateChildWidth.bind(this));
|
|
580
|
-
this.calculateChildWidth();
|
|
581
|
-
this.updateChildrenLength();
|
|
582
|
-
}
|
|
583
|
-
calculateChildWidth() {
|
|
584
|
-
const child = this.slidesContainer.querySelector('.KCarousel-slides > *');
|
|
585
|
-
if (child) {
|
|
586
|
-
this.childWidth = child.clientWidth;
|
|
587
|
-
}
|
|
588
|
-
}
|
|
589
|
-
updateChildrenLength() {
|
|
590
|
-
if (this.slidesContainer) {
|
|
591
|
-
this.childrenLength = this.slidesContainer.childElementCount;
|
|
592
|
-
}
|
|
593
|
-
}
|
|
594
|
-
render() {
|
|
595
|
-
return (h(Host, { key: 'ce574c18fa1b13998decce1da7d2d0b01c51f3c7', class: `KCarousel KCarousel--${this.variant} KCarousel--${this.size}`, dir: this.Dir }, this.variant !== 'dots-only' && (h("div", { key: '6c6c6d4f3161a5693c139893faac56cec7ac05e0', class: "KCarousel-body" }, this.variant === 'arrows' && (h("a", { key: '3d7327f1634aede07324a9fdf13db234bd98c147', class: {
|
|
596
|
-
'KCarousel-arrow': true,
|
|
597
|
-
'KCarousel-arrow--active': this.showLeftArrow(),
|
|
598
|
-
[this.isRTL() ? 'right' : 'left']: true,
|
|
599
|
-
[`KCarousel-arrow--${this.arrowsVariant}`]: true,
|
|
600
|
-
}, onClick: () => this.changeSlide(this.DIRECTION.LEFT) }, h("dga-icon", { key: 'a79671e8dda87c8911a4b4bc46ce611c836f4554', icon: this.isRTL() ? arrowRight01Stroke : arrowLeft01Stroke, size: 24 }))), h("div", { key: 'e48103332021ea42ec5cd651b97c561fad3951a9', class: "KCarousel-container", style: { overflow: 'hidden', maxWidth: `${this.childWidth}px` } }, h("div", { key: 'ed50b07154841fe6baa38dda729b316111e78182', style: {
|
|
601
|
-
display: 'flex',
|
|
602
|
-
transition: `transform ${this.transitionDuration}ms ease-in-out`,
|
|
603
|
-
}, class: "KCarousel-slides", ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '9e21fcf4da484a6e41834979bf60b3cf4afbf27c' }))), this.variant === 'arrows' && (h("a", { key: '528f9d0e84877d5257567b98a17d26087f9efa98', class: {
|
|
604
|
-
'KCarousel-arrow': true,
|
|
605
|
-
'KCarousel-arrow--active': this.showRightArrow(),
|
|
606
|
-
[this.isRTL() ? 'left' : 'right']: true,
|
|
607
|
-
[`KCarousel-arrow--${this.arrowsVariant}`]: true,
|
|
608
|
-
}, onClick: () => this.changeSlide(this.DIRECTION.RIGHT) }, h("dga-icon", { key: 'cdb37c23d32e7081657772d02d71903ae4d2b96f', icon: this.isRTL() ? arrowLeft01Stroke : arrowRight01Stroke, size: 24 }))))), ['dots', 'dots-only'].includes(this.variant) && (h("div", { key: '486b8a0644b36736f9535f3807f7d6cfa0d04df7', class: "KCarousel-dots" }, Array.from({ length: this.childrenLength }).map((_, index) => (h("span", { class: {
|
|
609
|
-
'KCarousel-dot': true,
|
|
610
|
-
'is-active': this.isHighlighted(index),
|
|
611
|
-
}, onClick: () => {
|
|
612
|
-
this.currentSlideIndex = index;
|
|
613
|
-
this.updateSlidePosition();
|
|
614
|
-
} })))))));
|
|
615
|
-
}
|
|
616
|
-
get el() { return getElement(this); }
|
|
617
|
-
};
|
|
618
|
-
DgaCarousel.style = dgaCarouselCss;
|
|
619
|
-
|
|
620
|
-
const dgaCarouselItemCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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}";
|
|
621
|
-
|
|
622
|
-
const CarouselItem = class {
|
|
623
|
-
constructor(hostRef) {
|
|
624
|
-
registerInstance(this, hostRef);
|
|
625
|
-
}
|
|
626
|
-
render() {
|
|
627
|
-
return (h(Host, { key: 'd0bbd72e283ba2e1178ab091d05ef6964ba66f5c' }, h("slot", { key: '34e7e9c6e9982cbf3e8bb4176a8b3ef249ac9d5a' })));
|
|
628
|
-
}
|
|
629
|
-
};
|
|
630
|
-
CarouselItem.style = dgaCarouselItemCss;
|
|
631
|
-
|
|
632
|
-
const dgaCheckboxCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular,.checkbox__helper-text{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium,.checkbox__label{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium,.checkbox__warning{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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}.checkbox{display:flex;gap:var(--spacing-xl);padding:var(--spacing-none);cursor:pointer;width:fit-content;user-select:none}.checkbox-icon{display:none !important;color:var(--colors-base-white);width:16px;height:16px;display:flex;align-items:center;justify-content:center}.checkbox:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--controls-control-neutral-checked)}.checkbox-main{flex-direction:column;gap:var(--spacing-xs);width:100%}.checkbox-main,.checkbox-main__content{display:flex;column-gap:var(--spacing-xl)}.checkbox-main__content{align-items:flex-start}.checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox input:checked~.checkbox-container{background-color:var(--controls-control-neutral-checked)}.checkbox input:checked~.checkbox-container .checkbox__checked-icon{display:inline-flex !important}.checkbox input:hover~.checkbox-container::after{transform:translate(-50%, -50%) scale(1)}.checkbox.active input:not(:checked)~.checkbox-container{background-color:var(--controls-control-pressed)}.checkbox-container{width:24px;height:24px;min-width:24px;border-radius:var(--radius-xs);border:1px solid var(--controls-control-border);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;}.checkbox-container::after{content:\"\";border-radius:var(--radius-full);background:var(--controls-control-ripple-effect);width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0);z-index:-1;transition:all 0.3s ease-in-out}.checkbox--lg .checkbox-container{width:24px;height:24px;min-width:24px}.checkbox--md .checkbox-container{width:20px;height:20px;min-width:20px}.checkbox--sm .checkbox-container{width:16px;height:16px;min-width:16px}.checkbox--indeterminate .checkbox-container{background-color:var(--controls-control-neutral-checked)}.checkbox--indeterminate .checkbox-container .checkbox-icon{display:none}.checkbox--indeterminate .checkbox-container .checkbox__indeterminate-icon{display:inline-block !important}.checkbox--indeterminate input:checked~.checkbox-container .checkbox__indeterminate-icon{display:none !important}.checkbox--indeterminate input:checked~.checkbox-container .checkbox__checked-icon{display:inline-block !important}.checkbox input:disabled~.checkbox-container{border-color:var(--border-disabled);background-color:var(--background-disabled)}.checkbox input:disabled~.checkbox__label,.checkbox input:disabled~div>.checkbox__label,.checkbox input:disabled~div>.checkbox__helper-text{color:var(--background-disabled)}.checkbox__label{color:var(--text-display, #1F2A37)}.checkbox__helper-text{color:var(--colors-text-tertiary);margin-block:var(--spacing-xs)}.checkbox__warning{display:flex;align-items:center;gap:var(--spacing-xl);color:var(--text-error)}.checkbox__warning-icon{width:16px;height:16px;display:flex;align-items:center}.checkbox--brand input:checked~.checkbox-container{border-color:var(--controls-control-primary-checked);background-color:var(--controls-control-primary-checked)}.checkbox--brand input:checked~.checkbox__label,.checkbox--brand input:checked~div>.checkbox__label{color:var(--colors-text-brand-secondary)}.checkbox--brand input:checked:disabled~.checkbox-container{background-color:var(--background-disabled)}.checkbox--brand input:disabled~.checkbox-container{border-color:var(--border-disabled);background-color:transparent}.checkbox--brand input:disabled~.checkbox-container::after{display:none}.checkbox--brand input:disabled~.checkbox__label,.checkbox--brand input:disabled~div>.checkbox__label,.checkbox--brand input:disabled~div>.checkbox__helper-text{color:var(--background-disabled)}.checkbox--brand.active input:not(:disabled):checked~.checkbox-container{background-color:var(--controls-control-primary-hovered)}.checkbox--readonly .checkbox-container{background-color:transparent !important}.checkbox--readonly .checkbox-container .checkbox-icon{color:var(--controls-control-neutral-hovered)}";
|
|
633
|
-
|
|
634
|
-
const DgaCheckbox = class {
|
|
635
|
-
constructor(hostRef) {
|
|
636
|
-
registerInstance(this, hostRef);
|
|
637
|
-
this.color = 'brand';
|
|
638
|
-
this.size = 'md';
|
|
639
|
-
this.disabled = false;
|
|
640
|
-
this.name = guid();
|
|
641
|
-
this.value = '';
|
|
642
|
-
this.showBorderOnFocusAndFocusOute = true;
|
|
643
|
-
this.checked = false;
|
|
644
|
-
this.isChecked = this.checked;
|
|
645
|
-
this.Indeterminate = false;
|
|
646
|
-
// private handleActive = () => {
|
|
647
|
-
// this.labelRef?.classList.add('active');
|
|
648
|
-
// };
|
|
649
|
-
// private handleRemoveActive = () => {
|
|
650
|
-
// this.labelRef?.classList.remove('active');
|
|
651
|
-
// };
|
|
652
|
-
this.handleFocus = () => {
|
|
653
|
-
var _a;
|
|
654
|
-
if (!this.showBorderOnFocusAndFocusOute)
|
|
655
|
-
return;
|
|
656
|
-
(_a = this.labelRef) === null || _a === void 0 ? void 0 : _a.classList.add('focus');
|
|
657
|
-
};
|
|
658
|
-
this.handleFocusOut = () => {
|
|
659
|
-
var _a;
|
|
660
|
-
if (!this.showBorderOnFocusAndFocusOute)
|
|
661
|
-
return;
|
|
662
|
-
(_a = this.labelRef) === null || _a === void 0 ? void 0 : _a.classList.remove('focus');
|
|
663
|
-
};
|
|
664
|
-
this.handleEscape = (event) => {
|
|
665
|
-
var _a, _b;
|
|
666
|
-
if (event.key === 'Escape') {
|
|
667
|
-
this.handleFocusOut();
|
|
668
|
-
(_b = (_a = this.labelRef) === null || _a === void 0 ? void 0 : _a.querySelector('input')) === null || _b === void 0 ? void 0 : _b.blur();
|
|
669
|
-
}
|
|
670
|
-
};
|
|
671
|
-
}
|
|
672
|
-
componentWillLoad() {
|
|
673
|
-
this.isChecked = this.checked;
|
|
674
|
-
}
|
|
675
|
-
componentDidLoad() {
|
|
676
|
-
window.addEventListener('keydown', this.handleEscape);
|
|
677
|
-
}
|
|
678
|
-
watchMaxValue(newValue) {
|
|
679
|
-
this.isChecked = newValue;
|
|
680
|
-
}
|
|
681
|
-
render() {
|
|
682
|
-
const { el, disabled } = this;
|
|
683
|
-
const dir = isRTL(el) ? 'rtl' : 'ltr';
|
|
684
|
-
console.log(dir);
|
|
685
|
-
return (h("label", { key: '3797b3159f1762ec3005b0bb7be0395aabfb70b8', ref: el => (this.labelRef = el), class: `checkbox ${this.color ? `checkbox--${this.color}` : ''} checkbox--${this.size}`,
|
|
686
|
-
// onMouseDown={this.handleActive}
|
|
687
|
-
// onMouseUp={this.handleRemoveActive}
|
|
688
|
-
// onMouseOut={this.handleRemoveActive}
|
|
689
|
-
// onChange={() => this.handleRemoveActive}
|
|
690
|
-
// htmlFor={id}
|
|
691
|
-
tabindex: disabled ? undefined : 0 }, h("div", { key: '17c96adea1d5ebf061806842f58e7624813c067e', class: "checkbox-main" }, h("div", { key: '89ce5e9f693fd89351860987bf7eb9678455ccb1', class: "checkbox-main__content" }, h("input", { key: '70bfa3c78cc49ba9daf61b9c09b784cd9dd16832', type: "checkbox", name: this.name, value: this.value, disabled: this.disabled, onFocus: this.handleFocus, onBlur: this.handleFocusOut, onChange: e => {
|
|
692
|
-
var _a;
|
|
693
|
-
(_a = this.onChange) === null || _a === void 0 ? void 0 : _a.call(this, e);
|
|
694
|
-
const target = e.target;
|
|
695
|
-
this.isChecked = target.checked;
|
|
696
|
-
}, onInput: this.onInput, checked: this.isChecked }), h("div", { key: 'aff55b7ce81ac8e026c49f32316e30c3ad1fd0e1', class: "checkbox-container" }, h("span", { key: '5f8405912600898f88f3cc0916399d83113e62bc', class: "checkbox-icon checkbox__checked-icon", style: { display: this.isChecked ? 'inline-block' : 'none' } }, this.Indeterminate ? h("dga-icon", { icon: minusSignSolid }) : h("dga-icon", { icon: tick03Solid })), h("span", { key: '567f0194c26122f3dc8b0b65a19f459f4c7b3af1', class: "checkbox-icon checkbox__indeterminate-icon", style: { display: this.isChecked ? 'none' : 'inline-block' } }, h("dga-icon", { key: 'eaf50145a577853a66e62347051565704f223203', icon: remove01Solid }))), !this.helperText ? (this.label && h("span", { class: "checkbox__label" }, this.label)) : (h("div", { class: "dga-flex-column" }, h("span", { class: "checkbox__label" }, this.label), h("span", { class: "checkbox__helper-text" }, this.helperText)))), this.alertMessage && (h("div", { key: '825873d64a81a9289906c461e2f9c9c3dfcf320f', class: "checkbox__warning" }, h("span", { key: '448af70ab9d3d3a00d7fdd9cc61b49121fc21813', class: "checkbox__warning-icon" }, h("dga-icon", { key: 'f5eb84f41cf0b3691256787fafaab7d347246652', icon: alertCircleStroke, size: 16 })), h("span", { key: 'a46d8f245aab571aa7c398b90d07d41bceba59d1', class: "checkbox__warning-text" }, this.alertText))))));
|
|
697
|
-
}
|
|
698
|
-
get el() { return getElement(this); }
|
|
699
|
-
static get watchers() { return {
|
|
700
|
-
"checked": ["watchMaxValue"]
|
|
701
|
-
}; }
|
|
702
|
-
};
|
|
703
|
-
DgaCheckbox.style = dgaCheckboxCss;
|
|
704
|
-
|
|
705
|
-
const dgaDividerCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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{display:block}:host([data-orientation=horizontal]){width:100%;height:1px}:host([data-orientation=vertical]){width:1px;height:100%}.dga-divider{display:flex;justify-content:center;align-items:center}.dga-divider--horizontal{width:100%;height:1px}.dga-divider--vertical{width:1px;height:100%}.dga-divider--neutral{background-color:var(--border-neutral-primary)}.dga-divider--alpha-white{background-color:var(--alpha-white-30)}.dga-divider--white{background-color:var(--border-white)}.dga-divider--primary{background-color:var(--border-primary)}";
|
|
706
|
-
|
|
707
|
-
const DgaDivider = class {
|
|
708
|
-
constructor(hostRef) {
|
|
709
|
-
registerInstance(this, hostRef);
|
|
710
|
-
this.color = 'neutral';
|
|
711
|
-
this.orientation = 'horizontal';
|
|
712
|
-
}
|
|
713
|
-
render() {
|
|
714
|
-
return (h(Host, { key: '1dd081d687f98e22675ea286cdc8e1bf97b84608', "data-orientation": this.orientation }, h("span", { key: 'b00cf67b91a620f40466976b528366bc1283443f', class: `dga-divider dga-divider--${this.color} dga-divider--${this.orientation}` })));
|
|
715
|
-
}
|
|
716
|
-
};
|
|
717
|
-
DgaDivider.style = dgaDividerCss;
|
|
718
|
-
|
|
719
|
-
const dgaDropdownCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular,.dropdown--lg .dropdown__option-label,.dropdown--lg .dropdown__label,.dropdown--lg .dropdown__label-placeholder,.dropdown__btn,.dropdown__label{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular,.dropdown--md .dropdown__option-label,.dropdown--md .dropdown__label,.dropdown--md .dropdown__label-placeholder,.dropdown__option-label{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold,.dropdown__list-group-label{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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,.dropdown__btn.open{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl,.dropdown__list{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}.dropdown{display:flex;flex-direction:column;width:100%;min-width:200px;position:relative;border-radius:var(--radius-sm);}.dropdown__label{color:var(--colors-text-placeholder);display:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown__label--selection{color:var(--form-field-text-filled);display:inline-block}.dropdown__label--selection~.dropdown__label-placeholder{display:none}.dropdown__chevron{color:var(--icon-default);transition:all 0.4s ease-in-out;display:flex}.dropdown__btn{cursor:pointer;height:auto;min-height:40px;width:100%;border-radius:var(--radius-sm);border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default);padding:var(--spacing-none) var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;position:relative;text-align:start;color:var(--form-field-text-placeholder)}.dropdown__btn:focus{outline:0}.dropdown__btn:hover{border-color:var(--form-field-border-hovered)}.dropdown__btn::after{content:\"\";position:absolute;bottom:0;left:50%;width:0%;height:2px;transform:translateX(-50%);background-color:var(--form-field-border-pressed);transition:width 0.2s ease-in-out}.dropdown__btn.open .dropdown__chevron{transform:rotate(180deg)}.dropdown__btn.open::after{width:100%}.dropdown__btn.active{background-color:var(--Colors-Gray-neutral-50)}.dropdown__btn.active::after{width:50%}.dropdown--readonly .dropdown__btn,.dropdown--disabled .dropdown__btn{border-color:var(--border-disabled)}.dropdown--readonly .dropdown__btn:hover,.dropdown--disabled .dropdown__btn:hover{border-color:var(--text-default-disabled);box-shadow:none !important}.dropdown--readonly .dropdown__btn::after,.dropdown--disabled .dropdown__btn::after{display:none}.dropdown--readonly .dropdown__btn,.dropdown--readonly .dropdown__label,.dropdown--readonly .dropdown__label-placeholder,.dropdown--disabled .dropdown__btn,.dropdown--disabled .dropdown__label,.dropdown--disabled .dropdown__label-placeholder{color:var(--form-field-text-placeholder)}.dropdown--readonly .dropdown__chevron,.dropdown--disabled .dropdown__chevron{color:var(--text-default-disabled)}.dropdown--disabled .dropdown__btn,.dropdown--disabled .dropdown__label,.dropdown--disabled .dropdown__label-placeholder{color:var(--text-default-disabled)}.dropdown__list{display:flex;padding:var(--spacing-md);flex-direction:column;align-items:flex-start;border-radius:var(--radius-sm);border:1px solid var(--border-neutral-primary);background:var(--form-field-background-default);position:absolute;left:0;right:0;top:40px;overflow-y:auto;list-style:none;height:auto;max-height:0;padding-block:0;z-index:-2;opacity:0;overflow:hidden;transition:z-index 0.1s ease-in-out, padding-block 0.1s ease-in-out, max-height 0.2s 0.01s ease-in-out;pointer-events:none}.dropdown__list::-webkit-scrollbar{height:100px;width:calc(8px + 2 * var(--spacing-xs))}.dropdown__list::-webkit-scrollbar-track{background-color:transparent;padding:var(--spacing-xs)}.dropdown__list::-webkit-scrollbar-thumb{height:100px;border-radius:var(--radius-full);border:var(--spacing-xs) solid transparent;background-color:var(--text-default-disabled);background-clip:content-box;mix-blend-mode:multiply}.dropdown__list li{width:100%;padding:0;margin:0}.dropdown__list-group{list-style:none}.dropdown__list-group-label{padding:var(--spacing-md, 8px) var(--spacing-md, 8px) var(--spacing-none, 0px) var(--spacing-md, 8px) !important;color:var(--colors-text-quarterary)}.dropdown__btn.open+.dropdown__list{z-index:2;opacity:1;padding-block:var(--spacing-md);max-height:376px;pointer-events:auto;overflow-y:auto;width:max-content;min-width:100%}.dropdown__option{cursor:pointer;position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);gap:var(--spacing-md);border-radius:var(--radius-sm);background-color:transparent;border:0;margin:0}.dropdown__option-label{color:var(--text-default)}.dropdown__option-icon{opacity:0}.dropdown__option:hover{background-color:var(--form-option-background-hover)}.dropdown__option.active{outline:none;background-color:var(--form-option-background-pressed)}.dropdown__option.selected>.dropdown__option-icon{opacity:1}.dropdown__option--checkbox .dropdown__option-icon{display:none !important;color:var(--form-field-background-default);font-size:18px !important;font-weight:bolder !important}.dropdown__option--checkbox.selected>.dropdown__option-icon-container{background-color:var(--form-field-border-pressed)}.dropdown__option--checkbox.selected>.dropdown__option-icon-container>.dropdown__option-icon{opacity:1;display:inline-block !important;color:var(--field-background-default) !important}.dropdown__option--checkbox .dropdown__option-icon-container{width:24px;height:24px;min-width:24px;border-radius:var(--radius-xs);border:1px solid var(--text-display);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;margin:var(--spacing-xs);-webkit-user-select:none;-ms-user-select:none;user-select:none}.dropdown--multi-select{min-height:40px;height:auto}.dropdown--multi-select .dropdown__option{justify-content:flex-start}.dropdown--error .dropdown__btn{border:1px solid var(--form-field-border-error) !important}.dropdown--error .dropdown__btn::after{background-color:var(--form-field-border-error) !important}.dropdown__feedback-icon{height:100%;display:inline-flex;align-items:center;margin-right:calc(var(--spacing-xl) + 10px)}.dropdown__feedback-icon span{font-size:20px;position:relative;z-index:0}.dropdown__feedback-icon span::after{content:\"\";display:block;width:100%;height:100%;transform:scale(1.16);position:absolute;top:0;left:0;border-radius:var(--radius-full);z-index:-1}.dropdown__feedback-icon--success{color:var(--text-success)}.dropdown__feedback-icon--success span::after{background-color:var(--colors-brand-100)}.dropdown__feedback-icon--error{color:var(--text-error)}.dropdown__feedback-icon--error span::after{background-color:var(--text-error-100)}.dropdown__feedback-icon--warning{color:var(--text-warning)}.dropdown__feedback-icon--warning span::after{background-color:var(--text-warning-100)}.dropdown--lighter .dropdown__btn{border-color:transparent}.dropdown--lighter .dropdown__btn:hover{border:1px solid var(--form-field-border-default)}.dropdown--lighter .dropdown__btn.open{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default)}.dropdown--lighter .dropdown__btn.active{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-pressed)}.dropdown--darker .dropdown__btn{border-color:transparent;background-color:var(--form-field-background-darker)}.dropdown--darker .dropdown__btn:hover{border:1px solid var(--form-field-border-default)}.dropdown--darker .dropdown__btn.open{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default)}.dropdown--darker .dropdown__btn.active{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-pressed)}.dropdown--lg .dropdown__btn{height:auto;min-height:40px}.dropdown--lg .dropdown__feedback-icon span{font-size:20px}.dropdown--lg .dropdown__list{top:40px}.dropdown--lg .dropdown__option-icon{font-size:24px}.dropdown--md .dropdown__btn{height:auto;min-height:32px}.dropdown--md .dropdown__feedback-icon span{font-size:16px}.dropdown--md .dropdown__list{top:32px}.dropdown--md .dropdown__option-icon{font-size:20px}:host([dir=rtl]) .dropdown__chevron{right:auto;left:var(--spacing-xl)}:host{display:flex;flex-direction:column;gap:var(--form-field-label-gap, 8px)}.dropdown__label-placeholder,.dropdown__label{flex:1}";
|
|
720
|
-
|
|
721
|
-
const DgaDropdown = class {
|
|
722
|
-
constructor(hostRef) {
|
|
723
|
-
registerInstance(this, hostRef);
|
|
724
|
-
/******************
|
|
725
|
-
* Props
|
|
726
|
-
******************/
|
|
727
|
-
this.id = guid();
|
|
728
|
-
this.size = 'lg';
|
|
729
|
-
this.variant = 'default';
|
|
730
|
-
this.error = false;
|
|
731
|
-
this.disabled = false;
|
|
732
|
-
this.readonly = false;
|
|
733
|
-
this.multiSelect = false;
|
|
734
|
-
this.options = [];
|
|
735
|
-
this.optionLabel = 'name';
|
|
736
|
-
this.trackBy = 'value';
|
|
737
|
-
/******************
|
|
738
|
-
* State
|
|
739
|
-
******************/
|
|
740
|
-
this.optionList = [];
|
|
741
|
-
this.dropdownOpen = false;
|
|
742
|
-
this.handleClickOutside = (event) => {
|
|
743
|
-
if (this.containerRef && !this.containerRef.contains(event.target)) {
|
|
744
|
-
this.closeDropdown();
|
|
745
|
-
}
|
|
746
|
-
};
|
|
747
|
-
// Generate a unique ID if not provided
|
|
748
|
-
this.componentId = `dga-dropdown-${Math.random().toString(36).substring(2, 9)}`;
|
|
749
|
-
// Computed inline styles
|
|
750
|
-
this.rootStyles = {};
|
|
751
|
-
}
|
|
752
|
-
handleValueChange(newValue) {
|
|
753
|
-
if (newValue) {
|
|
754
|
-
this.updateSelectedFromValue(newValue);
|
|
755
|
-
}
|
|
756
|
-
}
|
|
757
|
-
initializeOptions() {
|
|
758
|
-
const cloneList = [...this.options].map(option => (Object.assign(Object.assign({}, option), { selected: false })));
|
|
759
|
-
this.optionList = cloneList;
|
|
760
|
-
// If we have a value, update selections after options change
|
|
761
|
-
if (this.value) {
|
|
762
|
-
this.updateSelectedFromValue(this.value);
|
|
763
|
-
}
|
|
764
|
-
}
|
|
765
|
-
updateSelectedFromValue(value) {
|
|
766
|
-
const cloneList = [...this.optionList];
|
|
767
|
-
if (this.multiSelect && Array.isArray(value)) {
|
|
768
|
-
cloneList.forEach(option => {
|
|
769
|
-
option.selected = value.includes(option[this.trackBy]);
|
|
770
|
-
});
|
|
771
|
-
}
|
|
772
|
-
else if (!this.multiSelect && typeof value === 'string') {
|
|
773
|
-
cloneList.forEach(option => {
|
|
774
|
-
option.selected = option[this.trackBy] === value;
|
|
775
|
-
});
|
|
776
|
-
}
|
|
777
|
-
this.optionList = cloneList;
|
|
778
|
-
this.updateDropdownLabel();
|
|
779
|
-
}
|
|
780
|
-
updateDropdownLabel() {
|
|
781
|
-
var _a;
|
|
782
|
-
const selectedOptions = this.optionList.filter(opt => opt.selected);
|
|
783
|
-
// Use the shadow root instead of el to query inside shadow DOM
|
|
784
|
-
const dropdownLabel = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.dropdown__label');
|
|
785
|
-
if (dropdownLabel) {
|
|
786
|
-
if (selectedOptions.length > 0) {
|
|
787
|
-
const labels = selectedOptions.map(opt => opt[this.optionLabel]);
|
|
788
|
-
dropdownLabel.textContent = labels.join(', ');
|
|
789
|
-
dropdownLabel.classList.add('dropdown__label--selection');
|
|
790
|
-
}
|
|
791
|
-
else {
|
|
792
|
-
dropdownLabel.textContent = '';
|
|
793
|
-
dropdownLabel.classList.remove('dropdown__label--selection');
|
|
794
|
-
}
|
|
795
|
-
}
|
|
796
|
-
}
|
|
797
|
-
componentWillLoad() {
|
|
798
|
-
this.initializeOptions();
|
|
799
|
-
// Initialize style manager with element reference
|
|
800
|
-
this.sxStyleManager = new SxStyleManager(this.componentId, this.el);
|
|
801
|
-
}
|
|
802
|
-
componentDidLoad() {
|
|
803
|
-
document.addEventListener('click', this.handleClickOutside);
|
|
804
|
-
this.updateDropdownLabel();
|
|
805
|
-
// Process styling after the component is fully loaded and shadow DOM is ready
|
|
806
|
-
this.processStyling();
|
|
807
|
-
}
|
|
808
|
-
disconnectedCallback() {
|
|
809
|
-
var _a;
|
|
810
|
-
document.removeEventListener('click', this.handleClickOutside);
|
|
811
|
-
// Clean up styles when component is removed
|
|
812
|
-
(_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
|
|
813
|
-
}
|
|
814
|
-
handleAddPressed(e) {
|
|
815
|
-
const target = e.currentTarget;
|
|
816
|
-
target.classList.add('active');
|
|
817
|
-
}
|
|
818
|
-
handleRemovePressed(e) {
|
|
819
|
-
const target = e.currentTarget;
|
|
820
|
-
target.classList.remove('active');
|
|
821
|
-
}
|
|
822
|
-
toggleDropdown() {
|
|
823
|
-
var _a, _b;
|
|
824
|
-
this.dropdownOpen = !this.dropdownOpen;
|
|
825
|
-
if (this.dropdownOpen) {
|
|
826
|
-
(_a = this.btnRef) === null || _a === void 0 ? void 0 : _a.classList.add('open');
|
|
827
|
-
}
|
|
828
|
-
else {
|
|
829
|
-
(_b = this.btnRef) === null || _b === void 0 ? void 0 : _b.classList.remove('open');
|
|
830
|
-
}
|
|
831
|
-
}
|
|
832
|
-
closeDropdown() {
|
|
833
|
-
var _a;
|
|
834
|
-
this.dropdownOpen = false;
|
|
835
|
-
(_a = this.btnRef) === null || _a === void 0 ? void 0 : _a.classList.remove('open');
|
|
836
|
-
}
|
|
837
|
-
handleToggleDropdown(e) {
|
|
838
|
-
e.stopPropagation();
|
|
839
|
-
this.toggleDropdown();
|
|
840
|
-
}
|
|
841
|
-
setSelectedOptions(option, index) {
|
|
842
|
-
const cloneList = [...this.optionList];
|
|
843
|
-
if (!this.multiSelect) {
|
|
844
|
-
// Deselect all options for single select
|
|
845
|
-
cloneList.forEach(opt => (opt.selected = false));
|
|
846
|
-
cloneList[index].selected = true;
|
|
847
|
-
if (this.onChange) {
|
|
848
|
-
this.onChange(option[this.trackBy]);
|
|
849
|
-
}
|
|
850
|
-
if (this.getSelectedOptions) {
|
|
851
|
-
this.getSelectedOptions(option);
|
|
852
|
-
}
|
|
853
|
-
}
|
|
854
|
-
else {
|
|
855
|
-
// Toggle selection for multi-select
|
|
856
|
-
cloneList[index].selected = !cloneList[index].selected;
|
|
857
|
-
if (this.onChange) {
|
|
858
|
-
const selectedValues = cloneList.filter(opt => opt.selected).map(opt => opt[this.trackBy]);
|
|
859
|
-
this.onChange(selectedValues);
|
|
860
|
-
}
|
|
861
|
-
if (this.getSelectedOptions) {
|
|
862
|
-
this.getSelectedOptions({
|
|
863
|
-
selectedList: cloneList.filter(opt => opt.selected),
|
|
864
|
-
selectedOption: option,
|
|
865
|
-
selectedIndex: index,
|
|
866
|
-
});
|
|
867
|
-
}
|
|
868
|
-
}
|
|
869
|
-
this.optionList = cloneList;
|
|
870
|
-
this.updateDropdownLabel();
|
|
871
|
-
}
|
|
872
|
-
handleOptionClick(e, option, index) {
|
|
873
|
-
e.stopPropagation();
|
|
874
|
-
this.setSelectedOptions(option, index);
|
|
875
|
-
// Close dropdown for single select after selection
|
|
876
|
-
if (!this.multiSelect) {
|
|
877
|
-
this.closeDropdown();
|
|
878
|
-
}
|
|
879
|
-
}
|
|
880
|
-
handleSxChange() {
|
|
881
|
-
this.processStyling();
|
|
882
|
-
}
|
|
883
|
-
componentDidUpdate() {
|
|
884
|
-
// Re-process styling after updates
|
|
885
|
-
this.processStyling();
|
|
886
|
-
}
|
|
887
|
-
processStyling() {
|
|
888
|
-
if (!this.sx)
|
|
889
|
-
return;
|
|
890
|
-
// Handle both string and object formats
|
|
891
|
-
const sxValue = typeof this.sx === 'string' ? JSON.parse(this.sx) : this.sx;
|
|
892
|
-
this.rootStyles = this.sxStyleManager.processSxProp(sxValue);
|
|
893
|
-
}
|
|
894
|
-
render() {
|
|
895
|
-
const dropdownClasses = {
|
|
896
|
-
'dropdown': true,
|
|
897
|
-
[`dropdown--${this.size}`]: true,
|
|
898
|
-
'dropdown--error': this.error,
|
|
899
|
-
[`dropdown--${this.variant}`]: this.variant !== 'default',
|
|
900
|
-
'dropdown--disabled': this.disabled,
|
|
901
|
-
'dropdown--readonly': this.readonly,
|
|
902
|
-
'dropdown--multi-select': this.multiSelect,
|
|
903
|
-
[this.extraClass]: !!this.extraClass,
|
|
904
|
-
};
|
|
905
|
-
return (h(Host, { key: 'a37f9cd1509ac911e3bab3cdc5e6850a7ddda7c9', id: this.componentId, style: this.rootStyles, dir: document.documentElement.getAttribute('dir') }, this.label && h("dga-label", { key: '298e6088d6bd15be25f10ead800d8abfd87a71ee', label: this.label, size: "md", disabled: this.disabled }), h("div", { key: 'c1870569994ea4b6186f0e502e5eb5febfa2bbc6', id: this.id, ref: el => (this.containerRef = el), class: Object.keys(dropdownClasses)
|
|
906
|
-
.filter(key => dropdownClasses[key])
|
|
907
|
-
.join(' ') }, h("button", { key: 'cb62f5fdba63cda5a542ecac9348e7949fc84999', class: "dropdown__btn", ref: el => (this.btnRef = el), disabled: this.disabled || this.readonly, onClick: this.handleToggleDropdown.bind(this), onMouseDown: this.handleAddPressed.bind(this), onMouseUp: this.handleRemovePressed.bind(this), onMouseOut: this.handleRemovePressed.bind(this), type: "button" }, this.leadingIcon && h("dga-icon", { key: '20ed5b8f2e0e997c35c5e9eb80e45b1d0a407438', icon: this.leadingIcon, size: 20, color: 'currentColor' }), h("span", { key: 'a31adaac6a0ae6059a355e9d75a610004eb5424a', class: "dropdown__label" }), h("span", { key: 'c67326492cb5d7f90fdfa9b1b3d2b5c7ce22691f', class: "dropdown__label-placeholder" }, this.placeholder), h("span", { key: '5b7aff41ae6bbd2a7eda6d9b12e64b041118eb67', class: "dropdown__chevron" }, h("dga-icon", { key: '42a959f0983b3151afd348e583e59e84e8e9d41e', icon: arrowDown01Stroke, size: 20 }))), h("ul", { key: '2921bb3873f16feb22b45ec718563e7582df0798', class: "dropdown__list" }, this.optionList.map((option, index) => (h("li", { key: option[this.trackBy] || guid() }, h("button", { class: {
|
|
908
|
-
'dropdown__option': true,
|
|
909
|
-
'dropdown__option--checkbox': this.multiSelect,
|
|
910
|
-
'selected': option.selected,
|
|
911
|
-
}, "data-value": option[this.trackBy], onClick: e => this.handleOptionClick(e, option, index), onMouseDown: this.handleAddPressed.bind(this), onMouseUp: this.handleRemovePressed.bind(this), onMouseOut: this.handleRemovePressed.bind(this), type: "button" }, this.multiSelect && h("dga-checkbox", { checked: option.selected }), h("span", { class: "dropdown__option-label" }, option[this.optionLabel] || ''), !this.multiSelect && option.selected && (h("span", { class: "dropdown__option-icon" }, h("dga-icon", { icon: tick02Solid, size: 20 })))))))))));
|
|
912
|
-
}
|
|
913
|
-
get el() { return getElement(this); }
|
|
914
|
-
static get watchers() { return {
|
|
915
|
-
"value": ["handleValueChange"],
|
|
916
|
-
"options": ["initializeOptions"],
|
|
917
|
-
"sx": ["handleSxChange"]
|
|
918
|
-
}; }
|
|
919
|
-
};
|
|
920
|
-
DgaDropdown.style = dgaDropdownCss;
|
|
921
|
-
|
|
922
|
-
const dgaFileUploadCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular,.file-upload__instructions{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular,.file-upload__file-item--error .file-upload__file-item-msg,.file-upload__file-item--error--error .file-upload__file-item-msg{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular,.file-upload__formats{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium,.dga-btn--lg{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium,.dga-btn--md,.file-upload__file-name{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium,.dga-btn--sm{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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}.file-upload{display:flex;width:100%;max-width:334px;flex-direction:column;align-items:flex-start;gap:var(--size-8, 8px)}.file-upload__input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.file-upload__drop-area{display:flex;padding:var(--spacing-3xl);flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-xl);width:100%;border-radius:var(--radius-4, 4px);background:var(--background-neutral-100, #F3F4F6);background-image:url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%23D2D6DBFF' stroke-width='2' stroke-dasharray='12%2c6.5' stroke-dashoffset='5' stroke-linecap='square'/%3e%3c/svg%3e\")}.file-upload__icon{font-size:32px;color:var(--text-display);display:flex;align-items:center}.file-upload__content{text-align:center}.file-upload__instructions{font-weight:500 !important;color:var(--text-display)}.file-upload__formats{color:var(--text-primary-paragraph)}.file-upload__item{display:flex;align-items:center;border-radius:var(--radius-sm);border:1px solid var(--border-neutral-primary);background:var(--background-neutral-100)}.file-upload__file-item,.file-upload__file-item--error{display:flex;align-items:center;border-radius:var(--radius-sm);border:1px solid var(--border-neutral-primary);background:var(--background-neutral-100);padding:var(--spacing-md);gap:8px;width:100%}.file-upload__file-item--error,.file-upload__file-item--error--error{border-color:var(--border-error);flex-direction:column;align-items:flex-start;padding:0;overflow:hidden;gap:0}.file-upload__file-item--error .file-upload__file-item,.file-upload__file-item--error--error .file-upload__file-item{border-radius:0;border:0;border-bottom:1px solid var(--border-neutral-primary)}.file-upload__file-item--error .file-upload__file-item-msg,.file-upload__file-item--error--error .file-upload__file-item-msg{display:flex;width:100%;color:var(--text-error-primary);padding:var(--spacing-md);align-items:flex-start;gap:8px}.file-upload__file-status--complete,.file-upload__file-status--error{font-size:28px;display:flex;align-items:center}.file-upload__file-status--complete{color:var(--text-success)}.file-upload__file-status--error{color:var(--text-error-primary)}.file-upload__file-name{color:var(--text-default);overflow:hidden;white-space:nowrap;flex:1}.file-upload__files-list{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.file-upload--drag-over .file-upload__drop-area{background-color:var(--featuredicons-bg-icon-brand-light);background-image:url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%231B8354FF' stroke-width='2' stroke-dasharray='12%2c6.5' stroke-dashoffset='5' stroke-linecap='square'/%3e%3c/svg%3e\")}.file-upload--drag-over .file-upload__icon{color:var(--icon-success)}.file-upload--drag-over .file-upload__instructions{color:var(--text-success)}.file-upload--drag-over .file-upload__formats{color:var(--text-success)}.file-upload--disabled .file-upload__drop-area{background-color:var(--background-disabled)}.file-upload--disabled .file-upload__icon,.file-upload--disabled .file-upload__instructions,.file-upload--disabled .file-upload__formats{color:var(--text-default-disabled)}.dga-btn{-webkit-appearance:none;appearance:none;border-radius:var(--radius-sm);cursor:pointer;border:0;outline:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--buttons-lg-gap);box-sizing:border-box;overflow:hidden}.dga-btn:focus-visible{outline:2px solid var(--border-black)}.dga-btn-icon{display:flex;width:24px;height:24px;font-size:24px;justify-content:center;align-items:center}.dga-btn-label{display:inline-flex;line-height:normal}.dga-btn--lg{height:40px;padding-inline:var(--buttons-lg-padding)}.dga-btn--lg span.dga-btn-icon{width:24px;height:24px;font-size:24px}.dga-btn--md{height:32px;padding-inline:var(--buttons-md-padding)}.dga-btn--md span.dga-btn-icon{width:20px;height:20px;font-size:20px}.dga-btn--sm{height:24px;padding-inline:var(--buttons-sm-padding)}.dga-btn--sm span.dga-btn-icon{width:16px;height:16px;font-size:16px}.dga-btn--icon{padding:0;display:flex;align-items:center;justify-content:center}.dga-btn--icon.dga-btn--lg{width:40px;height:40px;font-size:40px}.dga-btn--icon-menu.dga-btn--lg{width:auto;padding-inline:var(--buttons-lg-padding)}.dga-btn--icon.dga-btn--md{width:32px;height:32px;font-size:32px}.dga-btn--icon-menu.dga-btn--md{width:auto;padding-inline:var(--buttons-md-padding)}.dga-btn--icon.dga-btn--sm{width:24px;height:24px;font-size:24px}.dga-btn--icon-menu.dga-btn--sm{width:auto;padding-inline:var(--buttons-sm-padding)}.dga-btn--primary-neutral{background-color:var(--button-background-black-default);color:var(--text-oncolor-primary)}.dga-btn--primary-neutral:hover{background-color:var(--button-background-black-hovered)}.dga-btn--primary-neutral:visited{background-color:var(--button-background-black-pressed)}.dga-btn--primary-neutral:active{background-color:var(--button-background-black-selected);outline:none}.dga-btn--primary-neutral:active::after{display:none !important}.dga-btn--primary-neutral:disabled,.dga-btn--primary-neutral[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--primary-neutral--on-color{background-color:var(--button-background-oncolor-default);color:var(--text-default)}.dga-btn--primary-neutral--on-color:hover{background-color:var(--button-background-oncolor-hovered)}.dga-btn--primary-neutral--on-color:visited,.dga-btn--primary-neutral--on-color.selected{background-color:var(--button-background-oncolor-selected)}.dga-btn--primary-neutral--on-color:active{background-color:var(--button-background-oncolor-pressed)}.dga-btn--primary-neutral--on-color:disabled,.dga-btn--primary-neutral--on-color[disabled]{background-color:var(--button-background-disabled-on-color);color:var(--text-default-oncolor-disabled)}.dga-btn--primary-brand{background-color:var(--button-background-primary-default);color:var(--text-oncolor-primary)}.dga-btn--primary-brand:hover{background:var(--button-background-primary-hovered)}.dga-btn--primary-brand:visited{background:var(--button-background-primary-pressed)}.dga-btn--primary-brand:active{background:var(--button-background-primary-selected);outline:none}.dga-btn--primary-brand:active::after{display:none !important}.dga-btn--primary-brand:disabled,.dga-btn--primary-brand[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--primary-brand--on-color{background-color:var(--button-background-oncolor-default);color:var(--text-default)}.dga-btn--primary-brand--on-color:hover{background-color:var(--button-background-oncolor-hovered)}.dga-btn--primary-brand--on-color:visited,.dga-btn--primary-brand--on-color.selected{background-color:var(--button-background-oncolor-pressed)}.dga-btn--primary-brand--on-color:active{background-color:var(--button-background-oncolor-pressed)}.dga-btn--primary-brand--on-color:disabled,.dga-btn--primary-brand--on-color[disabled]{background-color:var(--button-background-disabled-on-color);color:var(--text-default-oncolor-disabled)}.dga-btn--secondary{background-color:var(--button-background-neutral-default);color:var(--colors-text-primary)}.dga-btn--secondary:hover{background:var(--button-background-neutral-default-hoverd)}.dga-btn--secondary:visited{background:var(--button-background-neutral-default-pressed)}.dga-btn--secondary:active{background:var(--button-background-neutral-default-selected);outline:none}.dga-btn--secondary:disabled,.dga-btn--secondary[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--secondary--on-color{background-color:var(--button-background-transparent-hovered);color:var(--text-oncolor-primary)}.dga-btn--secondary--on-color:hover{background-color:var(--button-background-transparent-hovered)}.dga-btn--secondary--on-color:visited,.dga-btn--secondary--on-color.selected{background-color:var(--Button-button-background-transparent-selected)}.dga-btn--secondary--on-color:active{background-color:var(--Button-button-background-transparent-pressed);color:var(--text-oncolor-primary)}.dga-btn--secondary--on-color:disabled,.dga-btn--secondary--on-color[disabled]{background-color:var(--button-background-disabled-on-color);color:var(--text-default-oncolor-disabled)}.dga-btn--secondary-outline{outline:1px solid var(--border-neutral-secondary);background-color:transparent;color:var(--text-default);mix-blend-mode:multiply}.dga-btn--secondary-outline:hover{background:var(--button-background-neutral-default)}.dga-btn--secondary-outline:visited{background:var(--button-background-neutral-pressed);outline:1px solid var(--border-neutral-primary)}.dga-btn--secondary-outline:active{background:var(--button-background-neutral-selected);outline:1px solid var(--border-neutral-primary)}.dga-btn--secondary-outline:disabled,.dga-btn--secondary-outline[disabled]{background:transparent;color:var(--text-default-disabled);border:1px solid var(--border-neutral-secondary)}.dga-btn--secondary-outline--on-color{outline-color:var(--border-white-40);color:var(--text-oncolor-primary);mix-blend-mode:normal}.dga-btn--secondary-outline--on-color:hover{background:var(--button-background-transparent-hovered);outline-color:var(--border-white-40)}.dga-btn--secondary-outline--on-color:visited,.dga-btn--secondary-outline--on-color.selected{background:var(--button-background-transparent-hovered);outline-color:var(--border-white-40)}.dga-btn--secondary-outline--on-color:active{background:var(--button-background-transparent-hovered);outline-color:var(--border-white-40)}.dga-btn--secondary-outline--on-color:disabled,.dga-btn--secondary-outline--on-color[disabled]{outline-color:1px solid var(--icon-default-oncolor-disabled);color:var(--text-default-oncolor-disabled)}.dga-btn--subtle,.dga-btn--close,.dga-btn--sort{background-color:transparent;color:var(--colors-text-primary);mix-blend-mode:multiply}.dga-btn--subtle:hover,.dga-btn--close:hover,.dga-btn--sort:hover{background:var(--button-background-neutral-default)}.dga-btn--subtle:visited,.dga-btn--close:visited,.dga-btn--sort:visited{background:var(--button-background-neutral-pressed)}.dga-btn--subtle:active,.dga-btn--close:active,.dga-btn--sort:active{background:var(--button-background-neutral-selected);outline:none}.dga-btn--subtle:active::after,.dga-btn--close:active::after,.dga-btn--sort:active::after{display:none !important}.dga-btn--subtle:disabled,.dga-btn--subtle[disabled],.dga-btn--close:disabled,.dga-btn--close[disabled],.dga-btn--sort:disabled,.dga-btn--sort[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn--transparent{background-color:transparent;color:var(--text-default)}.dga-btn--transparent:hover{background:transparent;color:var(--button-background-primary-hovered)}.dga-btn--transparent:visited{color:var(--button-background-primary-pressed)}.dga-btn--transparent:active{color:var(--button-background-primary-selected);outline:none}.dga-btn--transparent:active::after{display:none !important}.dga-btn--transparent:disabled,.dga-btn--transparent[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn--close{display:flex;width:40px;height:40px;padding:var(--spacing-md);justify-content:center;align-items:center;border-radius:var(--radius-sm);background-color:transparent;color:var(--icon-default)}.dga-btn--close:hover{background:var(--button-background-neutral-hovered);color:var(--icon-default)}.dga-btn--close:active{background-color:var(--button-background-neutral-pressed)}.dga-btn--des-primary{background-color:var(--button-background-danger-primary-default);color:var(--text-oncolor-primary)}.dga-btn--des-primary:hover{background:var(--button-background-danger-primary-hovered)}.dga-btn--des-primary:visited{background:var(--button-background-danger-primary-pressed)}.dga-btn--des-primary:active{background:var(--button-background-danger-primary-selected);outline:none}.dga-btn--des-primary:active::after{display:none !important}.dga-btn--des-primary:disabled,.dga-btn--des-primary[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--des-secondary{background-color:var(--button-background-danger-secondary-default);color:var(--text-error)}.dga-btn--des-secondary:hover{background:var(--button-background-danger-secondary-hovered)}.dga-btn--des-secondary:visited{background:var(--button-background-danger-secondary-pressed)}.dga-btn--des-secondary:active{background:var(--button-background-danger-secondary-selected);outline:none}.dga-btn--des-secondary:active::after{display:none !important}.dga-btn--des-secondary:disabled,.dga-btn--des-secondary[disabled]{background:var(--background-disabled);color:var(--text-default-disabled)}.dga-btn--des-secondary-outline{outline:1px solid var(--border-error-light);background-color:transparent;color:var(--text-error);mix-blend-mode:multiply}.dga-btn--des-secondary-outline:hover{background:var(--button-background-danger-secondary-hovered)}.dga-btn--des-secondary-outline:visited{background:var(--button-background-danger-secondary-pressed)}.dga-btn--des-secondary-outline:active{background:var(--button-background-danger-secondary-selected);outline:1px solid var(--border-error-light)}.dga-btn--des-secondary-outline:active::after{display:none !important}.dga-btn--des-secondary-outline:disabled,.dga-btn--des-secondary-outline[disabled]{background:transparent;color:var(--text-default-disabled);outline:1px solid var(--border-neutral-secondary)}.dga-btn--des-subtle{background-color:transparent;color:var(--text-error)}.dga-btn--des-subtle:hover{background:var(--button-background-danger-secondary-hovered)}.dga-btn--des-subtle:visited{background:var(--button-background-danger-secondary-pressed)}.dga-btn--des-subtle:active{background:var(--button-background-danger-secondary-selected);outline:none}.dga-btn--des-subtle:active::after{display:none !important}.dga-btn--des-subtle:disabled,.dga-btn--des-subtle[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn--des-transparent{background-color:transparent;color:var(--button-background-danger-primary-default)}.dga-btn--des-transparent:hover{background:transparent;color:var(--button-background-danger-primary-hovered)}.dga-btn--des-transparent:visited{color:var(--button-background-danger-primary-pressed)}.dga-btn--des-transparent:active{color:var(--button-background-danger-primary-selected);outline:none}.dga-btn--des-transparent:active::after{display:none !important}.dga-btn--des-transparent:disabled,.dga-btn--des-transparent[disabled]{background:transparent;color:var(--text-default-disabled)}.dga-btn.dga-btn--subtle-on-color,.dga-btn.dga-btn--close-on-color{background-color:transparent;color:var(--text-oncolor-primary)}.dga-btn.dga-btn--subtle-on-color:hover,.dga-btn.dga-btn--close-on-color:hover{background-color:var(--button-background-transparent-hovered)}.dga-btn.dga-btn--subtle-on-color:visited,.dga-btn.dga-btn--subtle-on-color.selected,.dga-btn.dga-btn--close-on-color:visited,.dga-btn.dga-btn--close-on-color.selected{background-color:var(--button-background-transparent-selected)}.dga-btn.dga-btn--subtle-on-color:active,.dga-btn.dga-btn--close-on-color:active{color:var(--text-oncolor-primary);background-color:var(--button-background-transparent-pressed)}.dga-btn.dga-btn--subtle-on-color:disabled,.dga-btn.dga-btn--subtle-on-color[disabled],.dga-btn.dga-btn--close-on-color:disabled,.dga-btn.dga-btn--close-on-color[disabled]{background-color:transparent;color:var(--text-default-oncolor-disabled)}.dga-btn--transparent-on-color{background-color:transparent;color:var(--text-oncolor-primary)}.dga-btn--transparent-on-color:hover{color:var(--button-label-transparent-hovered-on-color)}.dga-btn--transparent-on-color:visited,.dga-btn--transparent-on-color.selected{color:var(--button-label-transparent-selected-on-color)}.dga-btn--transparent-on-color:active{color:var(--button-label-transparent-pressed-on-color)}.dga-btn--transparent-on-color:disabled,.dga-btn--transparent-on-color[disabled]{background-color:transparent;color:var(--text-default-oncolor-disabled)}";
|
|
923
|
-
|
|
924
|
-
const DgaFileUpload = class {
|
|
925
|
-
constructor(hostRef) {
|
|
926
|
-
registerInstance(this, hostRef);
|
|
927
|
-
this.id = guid();
|
|
928
|
-
this.name = guid();
|
|
929
|
-
this.title = 'Drag and drop files here to upload';
|
|
930
|
-
this.fileTypesText = 'Maximum file size allowed is 2MB, supported file formats include .jpg, .png, and .pdf.';
|
|
931
|
-
this.actionName = 'Browse Files';
|
|
932
|
-
this.disabled = false;
|
|
933
|
-
this.files = [];
|
|
934
|
-
this.dragState = false;
|
|
935
|
-
this.handleFileSelection = (event) => {
|
|
936
|
-
const input = event.target;
|
|
937
|
-
this.onChange && this.onChange(event);
|
|
938
|
-
const selectedFiles = input.files;
|
|
939
|
-
if (selectedFiles) {
|
|
940
|
-
if (this.maximumFilesSize) {
|
|
941
|
-
const isFileOverSize = Array.from(selectedFiles).some(file => {
|
|
942
|
-
return file.size > this.maximumFilesSize;
|
|
943
|
-
});
|
|
944
|
-
if (isFileOverSize) {
|
|
945
|
-
this.uploadFileOverSize && this.uploadFileOverSize();
|
|
946
|
-
return;
|
|
947
|
-
}
|
|
948
|
-
}
|
|
949
|
-
const fileItems = Array.from(selectedFiles).map(file => ({
|
|
950
|
-
name: file.name,
|
|
951
|
-
uploadStatus: 'pending', // initial status
|
|
952
|
-
}));
|
|
953
|
-
this.files = [...this.files, ...fileItems];
|
|
954
|
-
this.getUploadedFile && this.getUploadedFile([...this.files]);
|
|
955
|
-
}
|
|
956
|
-
};
|
|
957
|
-
this.handleDrop = (event) => {
|
|
958
|
-
event.preventDefault();
|
|
959
|
-
event.stopPropagation();
|
|
960
|
-
const droppedFiles = event.dataTransfer.files; // Accessing the dropped files
|
|
961
|
-
if (droppedFiles) {
|
|
962
|
-
const fileItems = Array.from(droppedFiles).map(file => ({
|
|
963
|
-
name: file.name,
|
|
964
|
-
uploadStatus: 'pending',
|
|
965
|
-
}));
|
|
966
|
-
this.files = [...this.files, ...fileItems]; // Update state with new files
|
|
967
|
-
}
|
|
968
|
-
this.dragState = false;
|
|
969
|
-
};
|
|
970
|
-
this.addDragOverClass = (event) => {
|
|
971
|
-
event.preventDefault();
|
|
972
|
-
event.stopPropagation();
|
|
973
|
-
this.dragState = true;
|
|
974
|
-
};
|
|
975
|
-
this.removeDragOverClass = (event) => {
|
|
976
|
-
event.preventDefault();
|
|
977
|
-
event.stopPropagation();
|
|
978
|
-
this.dragState = false;
|
|
979
|
-
};
|
|
980
|
-
}
|
|
981
|
-
componentDidLoad() {
|
|
982
|
-
const dropArea = document.querySelector('.file-upload__drop-area');
|
|
983
|
-
dropArea.addEventListener('dragover', this.addDragOverClass);
|
|
984
|
-
dropArea.addEventListener('dragleave', this.removeDragOverClass);
|
|
985
|
-
dropArea.addEventListener('drop', this.handleDrop);
|
|
986
|
-
}
|
|
987
|
-
disconnectedCallback() {
|
|
988
|
-
const dropArea = document.querySelector('.file-upload__drop-area');
|
|
989
|
-
dropArea.removeEventListener('dragover', this.addDragOverClass);
|
|
990
|
-
dropArea.removeEventListener('dragleave', this.removeDragOverClass);
|
|
991
|
-
dropArea.removeEventListener('drop', this.handleDrop);
|
|
992
|
-
}
|
|
993
|
-
handleDeleteFile(index, file) {
|
|
994
|
-
this.files = [...this.files.slice(0, index), ...this.files.slice(index + 1)];
|
|
995
|
-
this.emitDeleteFile && this.emitDeleteFile(file, index);
|
|
996
|
-
}
|
|
997
|
-
renderFile(file, index) {
|
|
998
|
-
if (file.uploadStatus === 'error') {
|
|
999
|
-
return (h("div", { class: "file-upload__file-item--error" }, h("div", { class: "file-upload__file-item" }, h("span", { class: "file-upload__file-status file-upload__file-status--error" }, h("dga-icon", { name: "checkmark-circle-04", variant: "solid", size: 20 })), h("span", { class: "file-upload__file-name" }, file.name), h("button", { class: "dga-btn dga-btn--close dga-btn--icon dga-btn--sm", onClick: () => this.handleDeleteFile(index, file) }, h("span", { class: "dga-btn-icon" }, h("dga-icon", { name: "multiplication-sign", variant: "stroke", size: 16 })))), h("div", { class: "file-upload__file-item-msg" }, file.errorMessage ? file.errorMessage : 'Here goes the helper text.')));
|
|
1000
|
-
}
|
|
1001
|
-
return (h("div", { class: "file-upload__file-item" }, h("span", { class: `file-upload__file-status file-upload__file-status--${file.uploadStatus}` }, file.uploadStatus === 'uploading' && file.progress && h("dga-loading", { size: "tiny", variant: "neutral" }), file.uploadStatus === 'complete' && h("dga-icon", { name: "checkmark-circle-02", variant: "solid", size: 20 })), h("span", { class: "file-upload__file-name" }, file.name), h("button", { class: "dga-btn dga-btn--close dga-btn--icon dga-btn--sm", onClick: () => this.handleDeleteFile(index, file) }, h("span", { class: "dga-btn-icon" }, h("dga-icon", { name: "multiplication-sign", variant: "stroke", size: 20 })))));
|
|
1002
|
-
}
|
|
1003
|
-
render() {
|
|
1004
|
-
return (h("div", { key: '6fe024e9dde7da6cf59a544a33a3a839fb0d5c22', class: `file-upload ${this.dragState ? 'file-upload--drag-over' : ''} ${this.disabled ? 'file-upload--disabled' : ''}` }, h("input", { key: '266614dc86f1aae04c277964dd4f5ddf0767bb74', type: "file", id: this.id, name: this.name, class: "file-upload__input", accept: this.accept, multiple: this.multiple, "aria-hidden": "true", onChange: this.handleFileSelection, ref: el => (this.fileInputRef = el) }), h("label", { key: 'd15ac5c2309674462dccc220bc8a66285cf540e5', htmlFor: this.id, class: "file-upload__drop-area" }, h("span", { key: 'ed6dd48ff6f44d4c875e0c8905b58e8b6503e222', class: "file-upload__icon" }, h("dga-icon", { key: 'fa0e7bc52889622926f3ae1e4857fc279e08b988', name: "file-upload", variant: "stroke", size: 24 })), h("div", { key: '779436f9fd957523f28879b6207ffc31735db413', class: "file-upload__content" }, h("p", { key: 'd39ee02142f1941015d0e6059924b4af17639b13', class: "file-upload__instructions" }, this.title), h("p", { key: '2d48b7610953b1e281ebfedc43fac3f105d6c49e', class: "file-upload__formats" }, this.fileTypesText)), h("dga-button-v2", { key: '9ab4052a449ea819a058d386a2d97a089302a601', disabled: this.dragState || this.disabled, onClick: () => { var _a; return (_a = this.fileInputRef) === null || _a === void 0 ? void 0 : _a.click(); }, variant: "secondary-solid", size: "md", label: this.actionName })), h("div", { key: '94cfbeca632db22d4af2726eb4abcd24e707473c', class: "file-upload__files-list" }, this.files.map((file, index) => this.renderFile(file, index)))));
|
|
1005
|
-
}
|
|
1006
|
-
};
|
|
1007
|
-
DgaFileUpload.style = dgaFileUploadCss;
|
|
1008
|
-
|
|
1009
|
-
const DgaFileUploadUsage = class {
|
|
1010
|
-
constructor(hostRef) {
|
|
1011
|
-
registerInstance(this, hostRef);
|
|
1012
|
-
}
|
|
1013
|
-
render() {
|
|
1014
|
-
return (h("div", { key: 'a33c3ff34062da1367858638d14f621ef2641753' }, h("h1", { key: '0d3e3c387ad4f4f6171969869a80c6afa35e6147' }, "File Upload Example"), h("div", { key: 'f4a21e68d08a0da086113ae44c892efd07755896', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: '3e50095fe1d8e5450eb83b4314c7b2bc8c4f4419', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-file-upload", { key: '24401073de0eeb17df155615f9944c6ad5c54f43' })), h("div", { key: '31fc03e3c336b56daa68eb09f26f0be3d6774924', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
|
|
1015
|
-
}
|
|
1016
|
-
};
|
|
1017
|
-
|
|
1018
|
-
const DgaHugeIconUsage = class {
|
|
1019
|
-
constructor(hostRef) {
|
|
1020
|
-
registerInstance(this, hostRef);
|
|
1021
|
-
}
|
|
1022
|
-
render() {
|
|
1023
|
-
return (h("div", { key: '7dedd9e7dfda49c28d6e349afb42e01f483015cc' }, h("h1", { key: '33bf1bfd1d95f8550a2f6df4047d61df48ba6667' }, "Huge Icon Example"), h("div", { key: 'ed09e7ac8dd166aac496bbcbf49d9956e1c04f6b', style: { padding: "50px", display: "flex", gap: "20px" } }, h("dga-icon-v2", { key: 'c3e3978623e4f8d68a28f6fcafcaf9f27a297c7a', name: "tiktok", color: 'red', variant: 'solid', type: 'sharp', size: 20 }), h("dga-icon", { key: '0d79330d0bfef42e1498856c0c44f701dab42bd9', icon: "tiktok", color: 'red', variant: 'solid', type: 'sharp', size: 20 }))));
|
|
1024
|
-
}
|
|
1025
|
-
};
|
|
1026
|
-
|
|
1027
|
-
let CACHED_MAP;
|
|
1028
|
-
const VALID_VARIANTS = ['stroke', 'solid', 'duotone', 'twotone', 'bulk'];
|
|
1029
|
-
const DEPRECATED_VARIANT_MAP = {
|
|
1030
|
-
twotone: 'stroke',
|
|
1031
|
-
duotone: 'solid',
|
|
1032
|
-
bulk: 'solid',
|
|
1033
|
-
};
|
|
1034
|
-
const normalizeVariant = (variant) => {
|
|
1035
|
-
var _a;
|
|
1036
|
-
if (!variant)
|
|
1037
|
-
return 'stroke';
|
|
1038
|
-
return (_a = DEPRECATED_VARIANT_MAP[variant]) !== null && _a !== void 0 ? _a : variant;
|
|
1039
|
-
};
|
|
1040
|
-
/**
|
|
1041
|
-
* Parses an icon string in the format `[icon-name]-[variant]`
|
|
1042
|
-
* Example: `1st-bracket-circle-solid` -> { name: '1st-bracket-circle', variant: 'solid' }
|
|
1043
|
-
* Also handles legacy `[icon-name]-[variant]-[type]` strings by stripping the type.
|
|
1044
|
-
* If no variant suffix is found, returns the original string as the name.
|
|
1045
|
-
*/
|
|
1046
|
-
const parseIconString = (iconString) => {
|
|
1047
|
-
if (!iconString || typeof iconString !== 'string') {
|
|
1048
|
-
return { name: iconString };
|
|
1049
|
-
}
|
|
1050
|
-
const lowerStr = iconString.toLowerCase().trim();
|
|
1051
|
-
const LEGACY_TYPES = ['rounded', 'sharp', 'standard'];
|
|
1052
|
-
for (const variant of VALID_VARIANTS) {
|
|
1053
|
-
for (const type of LEGACY_TYPES) {
|
|
1054
|
-
const suffix = `-${variant}-${type}`;
|
|
1055
|
-
if (lowerStr.endsWith(suffix)) {
|
|
1056
|
-
const name = lowerStr.slice(0, -suffix.length);
|
|
1057
|
-
if (name.length > 0) {
|
|
1058
|
-
return { name, variant };
|
|
1059
|
-
}
|
|
1060
|
-
}
|
|
1061
|
-
}
|
|
1062
|
-
const suffix = `-${variant}`;
|
|
1063
|
-
if (lowerStr.endsWith(suffix)) {
|
|
1064
|
-
const name = lowerStr.slice(0, -suffix.length);
|
|
1065
|
-
if (name.length > 0) {
|
|
1066
|
-
return { name, variant };
|
|
1067
|
-
}
|
|
1068
|
-
}
|
|
1069
|
-
}
|
|
1070
|
-
return { name: lowerStr };
|
|
1071
|
-
};
|
|
1072
|
-
const getIconMap = () => {
|
|
1073
|
-
if (typeof window === 'undefined') {
|
|
1074
|
-
return new Map();
|
|
1075
|
-
}
|
|
1076
|
-
else {
|
|
1077
|
-
if (!CACHED_MAP) {
|
|
1078
|
-
const win = window;
|
|
1079
|
-
win.GDSIcons = win.GDSIcons || {};
|
|
1080
|
-
CACHED_MAP = win.GDSIcons.map = win.GDSIcons.map || new Map();
|
|
1081
|
-
}
|
|
1082
|
-
return CACHED_MAP;
|
|
1083
|
-
}
|
|
1084
|
-
};
|
|
1085
|
-
const getUrl = (i) => {
|
|
1086
|
-
let url = getSrc(i.src);
|
|
1087
|
-
if (url) {
|
|
1088
|
-
return url;
|
|
1089
|
-
}
|
|
1090
|
-
// Check if icon prop contains a full icon string with variant suffix
|
|
1091
|
-
// e.g., "1st-bracket-circle-solid"
|
|
1092
|
-
if (i.icon && isStr(i.icon) && !isSrc(i.icon)) {
|
|
1093
|
-
const parsed = parseIconString(i.icon);
|
|
1094
|
-
if (parsed.variant) {
|
|
1095
|
-
const iconName = getName(parsed.name, undefined);
|
|
1096
|
-
if (iconName) {
|
|
1097
|
-
return getNamedUrlWithVariant(iconName, parsed.variant, i);
|
|
1098
|
-
}
|
|
1099
|
-
}
|
|
1100
|
-
}
|
|
1101
|
-
url = getName(i.name, i.icon);
|
|
1102
|
-
if (url) {
|
|
1103
|
-
const parsed = parseIconString(url);
|
|
1104
|
-
if (parsed.variant) {
|
|
1105
|
-
return getNamedUrlWithVariant(parsed.name, parsed.variant, i);
|
|
1106
|
-
}
|
|
1107
|
-
return getNamedUrl(url, i);
|
|
1108
|
-
}
|
|
1109
|
-
if (i.icon) {
|
|
1110
|
-
url = getSrc(i.icon);
|
|
1111
|
-
if (url) {
|
|
1112
|
-
return url;
|
|
1113
|
-
}
|
|
1114
|
-
}
|
|
1115
|
-
return null;
|
|
1116
|
-
};
|
|
1117
|
-
/**
|
|
1118
|
-
* Get the URL for a named icon using an explicit variant value.
|
|
1119
|
-
* Used when parsing icon strings like "icon-name-variant"
|
|
1120
|
-
*/
|
|
1121
|
-
const getNamedUrlWithVariant = (iconName, variant, iconEl) => {
|
|
1122
|
-
const normalized = normalizeVariant(variant);
|
|
1123
|
-
const fullName = `${iconName}-${normalized}`;
|
|
1124
|
-
const url = getIconMap().get(fullName) || getIconMap().get(iconName);
|
|
1125
|
-
if (url) {
|
|
1126
|
-
return url;
|
|
1127
|
-
}
|
|
1128
|
-
try {
|
|
1129
|
-
// const assetPath = `assets/svg/${normalized}/${iconName}-${normalized}.svg`;
|
|
1130
|
-
const assetPath = `assets/svg/${iconName}-${normalized}.svg`;
|
|
1131
|
-
const result = getAssetPath(assetPath);
|
|
1132
|
-
return result;
|
|
1133
|
-
}
|
|
1134
|
-
catch (e) {
|
|
1135
|
-
console.log('e', e);
|
|
1136
|
-
console.warn(`[GDS Icons Warning]: Could not load icon with name "${iconName}" (variant: ${normalized}). Ensure that the icon is registered using addIcons or that the icon SVG data is passed directly to the icon component.`, iconEl);
|
|
1137
|
-
}
|
|
1138
|
-
};
|
|
1139
|
-
const getNamedUrl = (iconName, iconEl) => {
|
|
1140
|
-
const url = getIconMap().get(iconName);
|
|
1141
|
-
if (url) {
|
|
1142
|
-
return url;
|
|
1143
|
-
}
|
|
1144
|
-
try {
|
|
1145
|
-
const variant = normalizeVariant(iconEl.variant);
|
|
1146
|
-
const assetPath = `assets/svg/${iconName}-${variant}.svg`;
|
|
1147
|
-
const result = getAssetPath(assetPath);
|
|
1148
|
-
return result;
|
|
1149
|
-
}
|
|
1150
|
-
catch (e) {
|
|
1151
|
-
console.log('e', e);
|
|
1152
|
-
/**
|
|
1153
|
-
* In the custom elements build version of gds-icons, referencing an icon
|
|
1154
|
-
* by name will throw an invalid URL error because the asset path is not defined.
|
|
1155
|
-
* This catches that error and logs something that is more developer-friendly.
|
|
1156
|
-
* We also include a reference to the ion-icon element so developers can
|
|
1157
|
-
* figure out which instance of ion-icon needs to be updated.
|
|
1158
|
-
*/
|
|
1159
|
-
console.warn(`[GDS Icons Warning]: Could not load icon with name "${iconName}". Ensure that the icon is registered using addIcons or that the icon SVG data is passed directly to the icon component.`, iconEl);
|
|
1160
|
-
}
|
|
1161
|
-
};
|
|
1162
|
-
const getName = (iconName, icon) => {
|
|
1163
|
-
if (!iconName && icon && !isSrc(icon)) {
|
|
1164
|
-
iconName = icon;
|
|
1165
|
-
}
|
|
1166
|
-
if (isStr(iconName)) {
|
|
1167
|
-
iconName = toLower(iconName);
|
|
1168
|
-
}
|
|
1169
|
-
if (!isStr(iconName) || iconName.trim() === '') {
|
|
1170
|
-
return null;
|
|
1171
|
-
}
|
|
1172
|
-
// only allow alpha characters and dash
|
|
1173
|
-
const invalidChars = iconName.replace(/[a-z]|-|\d/gi, '');
|
|
1174
|
-
if (invalidChars !== '') {
|
|
1175
|
-
return null;
|
|
1176
|
-
}
|
|
1177
|
-
return iconName;
|
|
1178
|
-
};
|
|
1179
|
-
const getSrc = (src) => {
|
|
1180
|
-
if (isStr(src)) {
|
|
1181
|
-
src = src.trim();
|
|
1182
|
-
if (isSrc(src)) {
|
|
1183
|
-
return src;
|
|
1184
|
-
}
|
|
1185
|
-
}
|
|
1186
|
-
return null;
|
|
1187
|
-
};
|
|
1188
|
-
const isSrc = (str) => str.length > 0 && /(\/|\.)/.test(str);
|
|
1189
|
-
const isStr = (val) => typeof val === 'string';
|
|
1190
|
-
const toLower = (val) => val.toLowerCase();
|
|
1191
|
-
|
|
1192
|
-
const validateContent = (svgContent) => {
|
|
1193
|
-
const div = document.createElement('div');
|
|
1194
|
-
div.innerHTML = svgContent;
|
|
1195
|
-
// setup this way to ensure it works on our buddy IE
|
|
1196
|
-
for (let i = div.childNodes.length - 1; i >= 0; i--) {
|
|
1197
|
-
if (div.childNodes[i].nodeName.toLowerCase() !== 'svg') {
|
|
1198
|
-
div.removeChild(div.childNodes[i]);
|
|
1199
|
-
}
|
|
1200
|
-
}
|
|
1201
|
-
// must only have 1 root element
|
|
1202
|
-
const svgElm = div.firstElementChild;
|
|
1203
|
-
if (svgElm && svgElm.nodeName.toLowerCase() === 'svg') {
|
|
1204
|
-
const svgClass = svgElm.getAttribute('class') || '';
|
|
1205
|
-
svgElm.setAttribute('class', (svgClass + ' s-ion-icon').trim());
|
|
1206
|
-
// root element must be an svg
|
|
1207
|
-
// lets double check we've got valid elements
|
|
1208
|
-
// do not allow scripts
|
|
1209
|
-
if (isValid(svgElm)) {
|
|
1210
|
-
return div.innerHTML;
|
|
1211
|
-
}
|
|
1212
|
-
}
|
|
1213
|
-
return '';
|
|
1214
|
-
};
|
|
1215
|
-
const isValid = (elm) => {
|
|
1216
|
-
if (elm.nodeType === 1) {
|
|
1217
|
-
if (elm.nodeName.toLowerCase() === 'script') {
|
|
1218
|
-
return false;
|
|
1219
|
-
}
|
|
1220
|
-
for (let i = 0; i < elm.attributes.length; i++) {
|
|
1221
|
-
const name = elm.attributes[i].name;
|
|
1222
|
-
if (isStr(name) && name.toLowerCase().indexOf('on') === 0) {
|
|
1223
|
-
return false;
|
|
1224
|
-
}
|
|
1225
|
-
}
|
|
1226
|
-
for (let i = 0; i < elm.childNodes.length; i++) {
|
|
1227
|
-
if (!isValid(elm.childNodes[i])) {
|
|
1228
|
-
return false;
|
|
1229
|
-
}
|
|
1230
|
-
}
|
|
1231
|
-
}
|
|
1232
|
-
return true;
|
|
1233
|
-
};
|
|
1234
|
-
const isSvgDataUrl = (url) => url.startsWith('data:image/svg+xml');
|
|
1235
|
-
const isEncodedDataUrl = (url) => url.indexOf(';utf8,') !== -1;
|
|
1236
|
-
|
|
1237
|
-
const gdsIconContent = new Map();
|
|
1238
|
-
const requests = new Map();
|
|
1239
|
-
let parser;
|
|
1240
|
-
/**
|
|
1241
|
-
* Safely fallback to an empty svg
|
|
1242
|
-
*/
|
|
1243
|
-
function safeFallback(url) {
|
|
1244
|
-
const svg = '';
|
|
1245
|
-
gdsIconContent.set(url, svg);
|
|
1246
|
-
return svg;
|
|
1247
|
-
}
|
|
1248
|
-
const getSvgContent = (url, sanitize) => {
|
|
1249
|
-
/**
|
|
1250
|
-
* See if we already have a request for this url
|
|
1251
|
-
*/
|
|
1252
|
-
const req = requests.get(url);
|
|
1253
|
-
if (req) {
|
|
1254
|
-
return req;
|
|
1255
|
-
}
|
|
1256
|
-
if (typeof fetch !== 'undefined' && typeof document !== 'undefined') {
|
|
1257
|
-
/**
|
|
1258
|
-
* If the url is a data url of an svg, then try to parse it
|
|
1259
|
-
* with the DOMParser. This works with content security policies enabled.
|
|
1260
|
-
*/
|
|
1261
|
-
if (isSvgDataUrl(url) && isEncodedDataUrl(url)) {
|
|
1262
|
-
return Promise.resolve(getSvgByUrl(url));
|
|
1263
|
-
}
|
|
1264
|
-
return fetchSvg(url, sanitize);
|
|
1265
|
-
}
|
|
1266
|
-
return Promise.resolve(safeFallback(url));
|
|
1267
|
-
};
|
|
1268
|
-
function getSvgByUrl(url) {
|
|
1269
|
-
if (!parser) {
|
|
1270
|
-
/**
|
|
1271
|
-
* Create an instance of the DOM parser. This creates a single
|
|
1272
|
-
* parser instance for the entire app, which is more efficient.
|
|
1273
|
-
*/
|
|
1274
|
-
parser = new DOMParser();
|
|
1275
|
-
}
|
|
1276
|
-
const doc = parser.parseFromString(url, 'text/html');
|
|
1277
|
-
const svg = doc.querySelector('svg');
|
|
1278
|
-
if (svg) {
|
|
1279
|
-
gdsIconContent.set(url, svg.outerHTML);
|
|
1280
|
-
return svg.outerHTML;
|
|
1281
|
-
}
|
|
1282
|
-
throw new Error(`Could not parse svg from ${url}`);
|
|
1283
|
-
}
|
|
1284
|
-
function fetchSvg(url, sanitize) {
|
|
1285
|
-
/**
|
|
1286
|
-
* We don't already have a request
|
|
1287
|
-
*/
|
|
1288
|
-
const req = fetch(url)
|
|
1289
|
-
.then((rsp) => {
|
|
1290
|
-
/**
|
|
1291
|
-
* When fetching from a file:// URL, some browsers return
|
|
1292
|
-
* a 0 status code even when the request succeeds so don't
|
|
1293
|
-
* rely on rsp.ok as the only signal of success.
|
|
1294
|
-
*/
|
|
1295
|
-
return rsp
|
|
1296
|
-
.text()
|
|
1297
|
-
.then((svgContent) => {
|
|
1298
|
-
if (svgContent && sanitize !== false) {
|
|
1299
|
-
svgContent = validateContent(svgContent);
|
|
1300
|
-
}
|
|
1301
|
-
const svg = svgContent || '';
|
|
1302
|
-
gdsIconContent.set(url, svg);
|
|
1303
|
-
return svg;
|
|
1304
|
-
})
|
|
1305
|
-
.catch(() => safeFallback(url));
|
|
1306
|
-
})
|
|
1307
|
-
.catch(() => safeFallback(url));
|
|
1308
|
-
/**
|
|
1309
|
-
* Cache for the same requests
|
|
1310
|
-
*/
|
|
1311
|
-
requests.set(url, req);
|
|
1312
|
-
return req;
|
|
1313
|
-
}
|
|
1314
|
-
|
|
1315
|
-
/**
|
|
1316
|
-
* Elements inside of web components sometimes need to inherit global attributes
|
|
1317
|
-
* set on the host. For example, the inner input in `ion-input` should inherit
|
|
1318
|
-
* the `title` attribute that developers set directly on `ion-input`. This
|
|
1319
|
-
* helper function should be called in componentWillLoad and assigned to a variable
|
|
1320
|
-
* that is later used in the render function.
|
|
1321
|
-
*
|
|
1322
|
-
* This does not need to be reactive as changing attributes on the host element
|
|
1323
|
-
* does not trigger a re-render.
|
|
1324
|
-
*/
|
|
1325
|
-
const inheritAttributes = (el, attributes = []) => {
|
|
1326
|
-
const attributeObject = {};
|
|
1327
|
-
attributes.forEach((attr) => {
|
|
1328
|
-
if (el.hasAttribute(attr)) {
|
|
1329
|
-
const value = el.getAttribute(attr);
|
|
1330
|
-
if (value !== null) {
|
|
1331
|
-
attributeObject[attr] = el.getAttribute(attr);
|
|
1332
|
-
}
|
|
1333
|
-
el.removeAttribute(attr);
|
|
1334
|
-
}
|
|
1335
|
-
});
|
|
1336
|
-
return attributeObject;
|
|
1337
|
-
};
|
|
1338
|
-
|
|
1339
|
-
const dgaIconCss = ":host{display:inline-block;width:1em;height:1em;contain:strict;fill:currentColor;box-sizing:content-box !important}.icon-inner,.gds-icon,svg{display:block;height:100%;width:100%}@supports (background: -webkit-named-image(i)){:host(.icon-rtl) .icon-inner{transform:scaleX(-1)}}@supports (not selector(:dir(rtl))) and (selector(:host-context([dir='rtl']))){:host(.icon-rtl) .icon-inner{transform:scaleX(-1)}}:host(.flip-rtl):host-context([dir='rtl']) .icon-inner{transform:scaleX(-1)}@supports selector(:dir(rtl)){:host(.flip-rtl:dir(rtl)) .icon-inner{transform:scaleX(-1)}:host(.flip-rtl:dir(ltr)) .icon-inner{transform:scaleX(1)}}";
|
|
1340
|
-
|
|
1341
|
-
const Icon = class {
|
|
1342
|
-
constructor(hostRef) {
|
|
1343
|
-
registerInstance(this, hostRef);
|
|
1344
|
-
this.iconName = null;
|
|
1345
|
-
this.inheritedAttributes = {};
|
|
1346
|
-
this.didLoadIcon = false;
|
|
1347
|
-
this.isVisible = false;
|
|
1348
|
-
/**
|
|
1349
|
-
* The variant of the icon.
|
|
1350
|
-
* Supported options are: `"stroke"` and `"solid"`.
|
|
1351
|
-
*
|
|
1352
|
-
* Deprecated options:
|
|
1353
|
-
* - `"twotone"` → `"stroke"`
|
|
1354
|
-
* - `"duotone"` → `"solid"`
|
|
1355
|
-
* - `"bulk"` → `"solid"`
|
|
1356
|
-
*
|
|
1357
|
-
* Deprecated options: `"duotone"`, `"twotone"`, `"bulk"`.
|
|
1358
|
-
* @default "stroke"
|
|
1359
|
-
*/
|
|
1360
|
-
this.variant = 'stroke';
|
|
1361
|
-
/**
|
|
1362
|
-
* @deprecated This prop will be removed in a future release.
|
|
1363
|
-
* The type/style of the icon.
|
|
1364
|
-
* Available options are: `"rounded"`, `"sharp"`, `"standard"`.
|
|
1365
|
-
* @default "rounded"
|
|
1366
|
-
*/
|
|
1367
|
-
this.type = 'rounded';
|
|
1368
|
-
/**
|
|
1369
|
-
* The size of the icon.
|
|
1370
|
-
* Available options are: `"2xs"`, `"xs"`, `"sm"`, `"md"`, `"lg"`, `"xl"`, `"2xl"`.
|
|
1371
|
-
*/
|
|
1372
|
-
this.size = 24;
|
|
1373
|
-
/**
|
|
1374
|
-
* If enabled, gds-icon will be loaded lazily when it's visible in the viewport.
|
|
1375
|
-
* Default, `false`.
|
|
1376
|
-
*/
|
|
1377
|
-
this.lazy = false;
|
|
1378
|
-
/**
|
|
1379
|
-
* When set to `false`, SVG content that is HTTP fetched will not be checked
|
|
1380
|
-
* if the response SVG content has any `<script>` elements, or any attributes
|
|
1381
|
-
* that start with `on`, such as `onclick`.
|
|
1382
|
-
* @default true
|
|
1383
|
-
*/
|
|
1384
|
-
this.sanitize = true;
|
|
1385
|
-
}
|
|
1386
|
-
componentWillLoad() {
|
|
1387
|
-
this.inheritedAttributes = inheritAttributes(this.el, ['aria-label']);
|
|
1388
|
-
}
|
|
1389
|
-
connectedCallback() {
|
|
1390
|
-
/**
|
|
1391
|
-
* purposely do not return the promise here because loading
|
|
1392
|
-
* the svg file should not hold up loading the app
|
|
1393
|
-
* only load the svg if it's visible
|
|
1394
|
-
*/
|
|
1395
|
-
this.waitUntilVisible(this.el, '50px', () => {
|
|
1396
|
-
this.isVisible = true;
|
|
1397
|
-
this.loadIcon();
|
|
1398
|
-
});
|
|
1399
|
-
}
|
|
1400
|
-
/**
|
|
1401
|
-
* Loads the icon after the component has finished rendering.
|
|
1402
|
-
*/
|
|
1403
|
-
componentDidLoad() {
|
|
1404
|
-
/**
|
|
1405
|
-
* Addresses an Angular issue where property values are assigned after the 'connectedCallback' but prior to the registration of watchers.
|
|
1406
|
-
* This enhancement ensures the loading of an icon when the component has finished rendering and the icon has yet to apply the SVG data.
|
|
1407
|
-
* This modification pertains to the usage of Angular's binding syntax:
|
|
1408
|
-
* `<agds-icon-base [name]="myIconName"></agds-icon-base>`
|
|
1409
|
-
*/
|
|
1410
|
-
if (!this.didLoadIcon) {
|
|
1411
|
-
this.loadIcon();
|
|
1412
|
-
}
|
|
1413
|
-
}
|
|
1414
|
-
/**
|
|
1415
|
-
* Disconnect the IntersectionObserver.
|
|
1416
|
-
*/
|
|
1417
|
-
disconnectedCallback() {
|
|
1418
|
-
if (this.io) {
|
|
1419
|
-
this.io.disconnect();
|
|
1420
|
-
this.io = undefined;
|
|
1421
|
-
}
|
|
1422
|
-
}
|
|
1423
|
-
/**
|
|
1424
|
-
* Wait until the icon is visible in the viewport.
|
|
1425
|
-
* @param el - The element to observe.
|
|
1426
|
-
* @param rootMargin - The root margin of the observer.
|
|
1427
|
-
* @param cb - The callback to call when the element is visible.
|
|
1428
|
-
*/
|
|
1429
|
-
waitUntilVisible(el, rootMargin, cb) {
|
|
1430
|
-
/**
|
|
1431
|
-
* IntersectionObserver is a browser API that allows you to observe
|
|
1432
|
-
* the visibility of an element relative to a root element. It is
|
|
1433
|
-
* supported in all modern browsers, except IE and when server-side
|
|
1434
|
-
* rendering.
|
|
1435
|
-
*/
|
|
1436
|
-
const hasIntersectionObserverSupport = Boolean(this.lazy && typeof window !== 'undefined' && window.IntersectionObserver);
|
|
1437
|
-
/**
|
|
1438
|
-
* browser doesn't support IntersectionObserver
|
|
1439
|
-
* so just fallback to always show it
|
|
1440
|
-
*/
|
|
1441
|
-
if (!hasIntersectionObserverSupport) {
|
|
1442
|
-
return cb();
|
|
1443
|
-
}
|
|
1444
|
-
const io = (this.io = new window.IntersectionObserver((data) => {
|
|
1445
|
-
if (data[0].isIntersecting) {
|
|
1446
|
-
io.disconnect();
|
|
1447
|
-
this.io = undefined;
|
|
1448
|
-
cb();
|
|
1449
|
-
}
|
|
1450
|
-
}, { rootMargin }));
|
|
1451
|
-
io.observe(el);
|
|
1452
|
-
}
|
|
1453
|
-
/**
|
|
1454
|
-
* Watch for changes to the icon name, src, icon, or variant properties.
|
|
1455
|
-
* When a change is detected, the icon will be loaded.
|
|
1456
|
-
*/
|
|
1457
|
-
loadIcon() {
|
|
1458
|
-
if (this.isVisible) {
|
|
1459
|
-
const url = getUrl(this);
|
|
1460
|
-
if (url) {
|
|
1461
|
-
if (gdsIconContent.has(url)) {
|
|
1462
|
-
// sync if it's already loaded
|
|
1463
|
-
this.svgContent = gdsIconContent.get(url);
|
|
1464
|
-
}
|
|
1465
|
-
else {
|
|
1466
|
-
// async if it hasn't been loaded
|
|
1467
|
-
getSvgContent(url, this.sanitize).then(() => (this.svgContent = gdsIconContent.get(url)));
|
|
1468
|
-
}
|
|
1469
|
-
this.didLoadIcon = true;
|
|
1470
|
-
}
|
|
1471
|
-
}
|
|
1472
|
-
// Handle parsed icon strings (e.g., "home-solid-rounded") for iconName
|
|
1473
|
-
if (this.icon && isStr(this.icon) && !isSrc(this.icon)) {
|
|
1474
|
-
const parsed = parseIconString(this.icon);
|
|
1475
|
-
if (parsed.variant) {
|
|
1476
|
-
this.iconName = parsed.name;
|
|
1477
|
-
return;
|
|
1478
|
-
}
|
|
1479
|
-
}
|
|
1480
|
-
this.iconName = getName(this.name, this.icon);
|
|
1481
|
-
}
|
|
1482
|
-
render() {
|
|
1483
|
-
const { flipRtl, iconName, inheritedAttributes, el, color, size } = this;
|
|
1484
|
-
/**
|
|
1485
|
-
* we have designated that arrows & chevrons should automatically flip (unless flip-rtl
|
|
1486
|
-
* is set to false) because "back" is left in ltr and right in rtl, and "forward" is the opposite
|
|
1487
|
-
*/
|
|
1488
|
-
const shouldAutoFlip = iconName ? (iconName.includes('arrow') || iconName.includes('chevron')) && flipRtl !== false : false;
|
|
1489
|
-
/**
|
|
1490
|
-
* if shouldBeFlippable is true, the icon should change direction when `dir` changes
|
|
1491
|
-
*/
|
|
1492
|
-
const shouldBeFlippable = flipRtl || shouldAutoFlip;
|
|
1493
|
-
return (h(Host, Object.assign({ key: 'fef141c50170ba962a02c663fd096bdb6e0f75e7', role: "img", class: {
|
|
1494
|
-
'flip-rtl': shouldBeFlippable,
|
|
1495
|
-
'icon-rtl': shouldBeFlippable && isRTL(el),
|
|
1496
|
-
} }, inheritedAttributes, { style: {
|
|
1497
|
-
color: color !== null && color !== void 0 ? color : 'inherit',
|
|
1498
|
-
fontSize: parseCSSValue(size),
|
|
1499
|
-
} }), this.svgContent ? (h("div", { class: {
|
|
1500
|
-
'icon-inner': true,
|
|
1501
|
-
}, innerHTML: this.svgContent })) : (h("div", { class: "icon-inner" }))));
|
|
1502
|
-
}
|
|
1503
|
-
static get assetsDirs() { return ["svg"]; }
|
|
1504
|
-
get el() { return getElement(this); }
|
|
1505
|
-
static get watchers() { return {
|
|
1506
|
-
"name": ["loadIcon"],
|
|
1507
|
-
"src": ["loadIcon"],
|
|
1508
|
-
"icon": ["loadIcon"],
|
|
1509
|
-
"variant": ["loadIcon"]
|
|
1510
|
-
}; }
|
|
1511
|
-
};
|
|
1512
|
-
Icon.style = dgaIconCss;
|
|
1513
|
-
|
|
1514
|
-
const DgaLabel = class {
|
|
1515
|
-
constructor(hostRef) {
|
|
1516
|
-
registerInstance(this, hostRef);
|
|
1517
|
-
this.label = '';
|
|
1518
|
-
this.variant = 'default';
|
|
1519
|
-
this.size = 'md';
|
|
1520
|
-
this.disabled = false;
|
|
1521
|
-
this.required = false;
|
|
1522
|
-
}
|
|
1523
|
-
render() {
|
|
1524
|
-
return (h("label", { key: 'd4f62c0384e541cfbb78d80e2142a32788286d86', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && h("span", { key: '3e77785c8272d582635e1a83f6bcbb73776fc9b8', class: "star" }, "*"), this.label));
|
|
1525
|
-
}
|
|
1526
|
-
};
|
|
1527
|
-
|
|
1528
|
-
const dgaLinkCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular,.link--md,.link{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular,.link--sm{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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}.link{display:inline-flex;padding:var(--spacing-none);align-items:center;gap:8px;border-radius:var(--radius-xs);cursor:pointer}.link__icon{display:inline-flex;height:100%;align-items:center;justify-content:center}.link:hover .link__label{text-decoration:underline}.link--inline .link__label{text-decoration:underline}.link,.link--primary{color:var(--link-primary)}.link:hover,.link--primary:hover{color:var(--link-primary-hovered, #54C08A)}.link.active,.link--primary.active{color:var(--link-primary-pressed)}.link.focus,.link--primary.focus{color:var(--link-primary-focused);border:2px solid var(--border-black);border-radius:var(--radius-xs)}.link--neutral{color:var(--link-neutral)}.link--neutral:hover{color:var(--link-neutral-hovered)}.link--neutral.active{color:var(--link-neutral-pressed)}.link--neutral:focus{color:var(--link-neutral-focused);outline:2px solid var(--border-black);border-radius:var(--radius-xs)}.link:visited{color:var(--link-primary-visited) !important}.link--on-color{color:var(--link-oncolor)}.link--on-color:hover{color:var(--link-oncolor-hovered)}.link--on-color.active{color:var(--link-oncolor-pressed)}.link--on-color:visited{color:var(--link-oncolor-visited) !important}.link--on-color:focus{color:var(--link-oncolor-focused);outline:2px solid var(--border-white);border-radius:var(--radius-xs)}.link--disabled{color:var(--link-oncolor-disabled)}.link--disabled:hover{color:var(--link-oncolor-disabled)}.link--disabled:hover .link__label{text-decoration:none}.link--md .link__icon{width:20px;height:20px}.link--sm .link__icon{width:16px;height:16px}:is(html[lang=ar],html[dir=rtl]) .link{flex-direction:row-reverse}";
|
|
1529
|
-
|
|
1530
|
-
const DgaLink = class {
|
|
1531
|
-
constructor(hostRef) {
|
|
1532
|
-
registerInstance(this, hostRef);
|
|
1533
|
-
this.onClick = createEvent(this, "onClick");
|
|
1534
|
-
this.variant = 'primary';
|
|
1535
|
-
this.size = "md";
|
|
1536
|
-
this.target = '_self';
|
|
1537
|
-
this.preventScrollReset = false;
|
|
1538
|
-
this.state = {};
|
|
1539
|
-
this.focus = false;
|
|
1540
|
-
this.handleClick = (e) => {
|
|
1541
|
-
e.preventDefault();
|
|
1542
|
-
this.onClick.emit(e);
|
|
1543
|
-
};
|
|
1544
|
-
}
|
|
1545
|
-
render() {
|
|
1546
|
-
if (this.external)
|
|
1547
|
-
return (h("a", { href: this.url, target: this.target, onClick: event => this.handleClick(event), onMouseDown: () => this.focus = true, onMouseUp: () => this.focus = false, class: `link link--${this.size} ${this.focus ? "focus" : ""} link--${this.variant} ${this.inline ? 'link--inline' : ''} ${this.disabled ? 'link--disabled' : ''} ${this.extraClass}` }, h("span", { class: "link__label" }, this.label), this.icon && this.iconType && h("span", { className: "link__icon" }, this.iconType), h("slot", null)));
|
|
1548
|
-
return (h("a", { href: this.url, onMouseDown: () => this.focus = true, onMouseUp: () => this.focus = false, onClick: this.handleClick, class: `link link--${this.size} ${this.focus ? "focus" : ""} link--${this.variant} ${this.inline ? 'link--inline' : ''} ${this.disabled ? 'link--disabled' : ''} ${this.extraClass}` }, h("span", { class: "link__label" }, this.label), this.icon && this.iconType && h("span", { class: "link__icon" }, this.iconType), h("slot", null)));
|
|
1549
|
-
}
|
|
1550
|
-
};
|
|
1551
|
-
DgaLink.style = dgaLinkCss;
|
|
1552
|
-
|
|
1553
|
-
const dgaLoadingCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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}.dga-loading{display:flex;justify-content:center;align-items:center}.dga-loading__circle{position:relative;border:2px solid var(--background-neutral-100);border-top-color:var(--background-black);mix-blend-mode:multiply;border-radius:50%;width:100%;height:100%;animation:spin 0.5s linear infinite;animation-delay:1ms}.dga-loading--tiny{width:20px;height:20px}.dga-loading--xs{width:24px;height:24px}.dga-loading--sm{width:28px;height:28px}.dga-loading--md{width:32px;height:32px}.dga-loading--lg{width:36px;height:36px}.dga-loading--xl{width:40px;height:40px}.dga-loading--huge{width:44px;height:44px}.dga-loading--neutral .loading__circle{border-color:var(--background-neutral-100);border-top-color:var(--background-black)}.dga-loading--neutral .loading__circle::after,.dga-loading--neutral .loading__circle::before{background-color:var(--background-black)}.dga-loading--brand .dga-loading__circle{border-color:var(--background-neutral-100);border-top-color:var(--background-primary)}.dga-loading--brand .dga-loading__circle::after,.dga-loading--brand .dga-loading__circle::before{background-color:var(--background-primary)}.dga-loading--on-color .dga-loading__circle{border-color:var(--alpha-white-30);border-top-color:var(--background-surface-oncolor);mix-blend-mode:normal}.dga-loading--on-color .dga-loading__circle::after,.dga-loading--on-color .dga-loading__circle::before{background-color:var(--background-surface-oncolor)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
|
|
1554
|
-
|
|
1555
|
-
const DgaLoading = class {
|
|
1556
|
-
constructor(hostRef) {
|
|
1557
|
-
registerInstance(this, hostRef);
|
|
1558
|
-
this.size = 'md';
|
|
1559
|
-
this.variant = 'neutral';
|
|
1560
|
-
// Generate a unique ID if not provided
|
|
1561
|
-
this.componentId = `dga-button-${Math.random().toString(36).substring(2, 9)}`;
|
|
1562
|
-
// Computed inline styles
|
|
1563
|
-
this.rootStyles = {};
|
|
1564
|
-
}
|
|
1565
|
-
handleSxChange() {
|
|
1566
|
-
this.processStyling();
|
|
1567
|
-
}
|
|
1568
|
-
componentWillLoad() {
|
|
1569
|
-
// Initialize style manager with element reference
|
|
1570
|
-
this.sxStyleManager = new SxStyleManager(this.componentId, this.el);
|
|
1571
|
-
}
|
|
1572
|
-
componentDidLoad() {
|
|
1573
|
-
// Process styling after the component is fully loaded and shadow DOM is ready
|
|
1574
|
-
this.processStyling();
|
|
1575
|
-
}
|
|
1576
|
-
componentDidUpdate() {
|
|
1577
|
-
// Re-process styling after updates
|
|
1578
|
-
this.processStyling();
|
|
1579
|
-
}
|
|
1580
|
-
processStyling() {
|
|
1581
|
-
if (!this.sx)
|
|
1582
|
-
return;
|
|
1583
|
-
// Handle both string and object formats
|
|
1584
|
-
const sxValue = typeof this.sx === 'string' ? JSON.parse(this.sx) : this.sx;
|
|
1585
|
-
this.rootStyles = this.sxStyleManager.processSxProp(sxValue);
|
|
1586
|
-
}
|
|
1587
|
-
disconnectedCallback() {
|
|
1588
|
-
var _a;
|
|
1589
|
-
// Clean up styles when component is removed
|
|
1590
|
-
(_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
|
|
1591
|
-
}
|
|
1592
|
-
render() {
|
|
1593
|
-
const classes = `dga-loading dga-loading--${this.size} dga-loading--${this.variant} ${this.extraClass ? this.extraClass : ''}`;
|
|
1594
|
-
return (h(Host, { key: 'e955f5efca8ca36ebd883b3a4466431c7b53a52b', id: this.componentId, style: this.rootStyles }, h("div", { key: '1701c4a339340371ec2307782f298fda3dc98e59', class: classes }, h("div", { key: '4610f03034c115e25e08fe7779a489509c38d58e', class: "dga-loading__circle" }))));
|
|
1595
|
-
}
|
|
1596
|
-
get el() { return getElement(this); }
|
|
1597
|
-
static get watchers() { return {
|
|
1598
|
-
"sx": ["handleSxChange"]
|
|
1599
|
-
}; }
|
|
1600
|
-
};
|
|
1601
|
-
DgaLoading.style = dgaLoadingCss;
|
|
1602
|
-
|
|
1603
|
-
const dgaMenuGroupCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold,.menu-group__label{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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}.menu-group{padding:var(--spacing-md);display:flex;flex-direction:column;gap:12px}.menu-group__label{padding:var(--spacing-md) var(--spacing-md) 0 var(--spacing-md);color:var(--text-display)}";
|
|
1604
|
-
|
|
1605
|
-
const DgaMenuGroup = class {
|
|
1606
|
-
constructor(hostRef) {
|
|
1607
|
-
registerInstance(this, hostRef);
|
|
1608
|
-
}
|
|
1609
|
-
render() {
|
|
1610
|
-
return (h("div", { key: '7c3754d1b544f75820796dbbab4d51a298ef59a3', class: "menu-group" }, this.groupLabel && h("span", { key: 'e4f5ab9846f5f36064953c9f01bbb3dbc3d8adfd', class: "menu-group__label" }, this.groupLabel), h("ul", { key: '0b0a8fbe90145a982ab65cd48f910463744a128f', class: "menu-group__items" }, h("slot", { key: 'fc3d315ef81449df3ac803320c992641d417d06f' }))));
|
|
1611
|
-
}
|
|
1612
|
-
};
|
|
1613
|
-
DgaMenuGroup.style = dgaMenuGroupCss;
|
|
1614
|
-
|
|
1615
|
-
const dgaMenuItemCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular,.menu-item__trail-element,.menu-item__label{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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}.menu-item{display:flex;padding:var(--spacing-md);align-items:flex-start;gap:var(--spacing-md);align-self:stretch;align-items:center;cursor:pointer;box-sizing:border-box}.menu-item__icon{width:24px;height:24px}.menu-item__label{min-width:100px;color:var(--text-default);flex:1}.menu-item__trail-element{display:flex;align-items:center;justify-content:center}.menu-item:hover{border-radius:var(--radius-xs);background:var(--button-background-neutral-hovered);mix-blend-mode:multiply}.menu-item:active{border-radius:var(--radius-xs);background:var(--button-background-neutral-pressed, #E5E7EB);mix-blend-mode:multiply}.menu-item.disabled{opacity:0.5;pointer-events:none}.menu-item.selected{color:var(--text-primary, #1B8354);background:var(--background-primary-50, #F3FCF6)}.menu-item.selected>.menu-item__label{color:var(--text-primary, #1B8354)}.menu-item.selected>.menu-item__icon{color:var(--icon-primary, #1B8354)}";
|
|
1616
|
-
|
|
1617
|
-
const DgaMenuItem = class {
|
|
1618
|
-
constructor(hostRef) {
|
|
1619
|
-
registerInstance(this, hostRef);
|
|
1620
|
-
this.onClick = createEvent(this, "onClick");
|
|
1621
|
-
this.disabled = false;
|
|
1622
|
-
this.hasTrailElement = false;
|
|
1623
|
-
this.hasLeadIcon = false;
|
|
1624
|
-
/**
|
|
1625
|
-
* If the menu item is selected, it will be highlighted
|
|
1626
|
-
**/
|
|
1627
|
-
this.selected = false;
|
|
1628
|
-
this.pressed = false;
|
|
1629
|
-
}
|
|
1630
|
-
handleClick(event) {
|
|
1631
|
-
if (!this.disabled) {
|
|
1632
|
-
this.onClick.emit(event);
|
|
1633
|
-
}
|
|
1634
|
-
}
|
|
1635
|
-
render() {
|
|
1636
|
-
return (h("li", { key: 'ae71ece612e21afe0c66eb5f2d38707a89191428', class: `menu-item ${this.disabled ? 'disabled' : ''} ${this.pressed ? "pressed" : ""} ${this.selected ? 'selected' : ''}`, onMouseDown: () => this.pressed = true, onMouseUp: () => this.pressed = false, tabindex: "0", onClick: this.handleClick }, this.hasLeadIcon && h("span", { key: '68535cd2740f3ea9814e57f80191486a726a12bc', class: "menu-item__icon" }, h("slot", { key: 'ee2c3bb85040b5624bfd91836beb5dc18b319e8a', name: "lead-icon" })), h("span", { key: '56ae9a8fa134f447e7a577435eeb4ceb8be25521', class: "menu-item__label" }, this.label), this.hasTrailElement && h("div", { key: 'bf0ac1c47b25c44d89d5a2a461a13739c3ca657f', class: "menu-item__trail-element" }, h("slot", { key: '5d23591270040c96c1d6d4257c88bec5b217853c', name: "trail-element" }))));
|
|
1637
|
-
}
|
|
1638
|
-
};
|
|
1639
|
-
DgaMenuItem.style = dgaMenuItemCss;
|
|
1640
|
-
|
|
1641
|
-
const dgaMenuListCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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{display:flex;flex-direction:column;border-radius:var(--radius-8, 8px);border:1px solid var(--border-neutral-primary, #D2D6DB);background:var(--background-menu, #FFF);box-shadow:0 24px 48px -12px rgba(16, 24, 40, 0.18)}";
|
|
1642
|
-
|
|
1643
|
-
const DgaMenuList = class {
|
|
1644
|
-
constructor(hostRef) {
|
|
1645
|
-
registerInstance(this, hostRef);
|
|
1646
|
-
}
|
|
1647
|
-
render() {
|
|
1648
|
-
return (h(Host, { key: '7ef15000de42752e0da0655dee02c8f062dde8b9' }, h("slot", { key: '68034a572545427cd0c65abf885b00659c8b35e1' })));
|
|
1649
|
-
}
|
|
1650
|
-
};
|
|
1651
|
-
DgaMenuList.style = dgaMenuListCss;
|
|
1652
|
-
|
|
1653
|
-
const DgaMenuUsage = class {
|
|
1654
|
-
constructor(hostRef) {
|
|
1655
|
-
registerInstance(this, hostRef);
|
|
1656
|
-
this.anchorEl = null;
|
|
1657
|
-
this.isMenuOpen = false; // State to control menu visibility
|
|
1658
|
-
this.buttonRef = null; // Reference to the button
|
|
1659
|
-
this.toggleMenu = () => {
|
|
1660
|
-
this.isMenuOpen = !this.isMenuOpen;
|
|
1661
|
-
};
|
|
1662
|
-
this.closeMenu = () => {
|
|
1663
|
-
this.isMenuOpen = false;
|
|
1664
|
-
};
|
|
1665
|
-
}
|
|
1666
|
-
get open() {
|
|
1667
|
-
return Boolean(this.anchorEl);
|
|
1668
|
-
}
|
|
1669
|
-
handleClick(event) {
|
|
1670
|
-
this.anchorEl = event.currentTarget;
|
|
1671
|
-
}
|
|
1672
|
-
handleClose() {
|
|
1673
|
-
this.anchorEl = null;
|
|
1674
|
-
}
|
|
1675
|
-
render() {
|
|
1676
|
-
return (h("div", { key: '5d33d2322c1519c7fa90bce9bd7b1818cd6179a1' }, h("h1", { key: 'f68b06140140294278b3c00a9c9a3738cd26b60b' }, "Menu Example"), h("div", { key: '3c6a68e37976f677ded2a74197986ea251984fee', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '86d068bb36f1031499a386d9d19a5971f336197e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '3a64cc3d92e2fbcf6c9992690153efff7ff73300' }, h("button", { key: '5237b8d9887f0cee48f8df2522c7be9c407fec43', ref: (el) => (this.buttonRef = el), onClick: this.toggleMenu, "aria-haspopup": "true", "aria-expanded": this.isMenuOpen ? 'true' : 'false' }, "Open Menu"), h("dga-menu-v2", { key: 'ac324cfa3981f6da906e874816924d23f8c00a6d', anchorEl: this.buttonRef, open: this.isMenuOpen, onClose: this.closeMenu, anchorOrigin: { vertical: 'bottom', horizontal: 'left' } }, h("dga-menu-group", { key: '7b4f901ba909f77125783d869e9a665352b51d84', groupLabel: "GROUP LABEL" }, h("dga-menu-item", { key: '9b21d7aa65339b2c0ff2f4e0fc72be84f2674cc7', label: "Item Label", hasTrailElement: true, hasLeadIcon: true }, h("svg", { key: 'c9cd324ff72f48f492cdf4a055ef3d1aca4d6f1c', slot: "lead-icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ca50f8a6bb9a1762400181cf22d6f3063eeb06fa', d: "M7.75 2C7.75 1.58579 7.41421 1.25 7 1.25C6.58579 1.25 6.25 1.58579 6.25 2V5.25H3C2.58579 5.25 2.25 5.58579 2.25 6C2.25 6.41421 2.58579 6.75 3 6.75H6.25V10C6.25 10.4142 6.58579 10.75 7 10.75C7.41421 10.75 7.75 10.4142 7.75 10V6.75H11C11.4142 6.75 11.75 6.41421 11.75 6C11.75 5.58579 11.4142 5.25 11 5.25H7.75V2Z", fill: "#161616" }), h("path", { key: '08807b9596f705419c7e4fdab1dcb075826868a3', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.1809 22.749C8.29902 22.749 7.35404 22.749 6.51505 22.454C5.15405 21.976 4.08106 20.963 3.56906 19.673C3.24806 18.864 3.24805 17.967 3.24805 16.181V11.999C3.24805 11.585 3.58405 11.249 3.99805 11.249C4.41205 11.249 4.74805 11.585 4.74805 11.999V16.181C4.74805 17.777 4.74805 18.578 4.96305 19.121C5.31405 20.007 6.06105 20.706 7.01105 21.04C7.60904 21.25 8.46804 21.25 10.18 21.25C10.4543 21.25 10.7164 21.25 10.967 21.2497C10.9779 21.2492 10.9889 21.249 11 21.249C12.424 21.249 13.583 20.09 13.583 18.666C13.583 18.5059 13.575 18.3334 13.5666 18.151L13.5647 18.1111C13.5398 17.5665 13.5116 16.9499 13.665 16.374C13.888 15.542 14.543 14.887 15.375 14.665C15.952 14.51 16.571 14.539 17.117 14.565L17.1474 14.5664C17.3312 14.5749 17.5059 14.583 17.667 14.583C19.057 14.583 20.1945 13.4787 20.248 12.1015L20.248 9.273C20.248 6.38201 20.248 4.93099 19.563 4.07C19.364 3.82 19.129 3.599 18.862 3.411C17.9251 2.75 16.3691 2.75 13.2701 2.75H12.997C12.583 2.75 12.247 2.414 12.247 2C12.247 1.586 12.583 1.25 12.997 1.25H13.2701C16.685 1.25 18.4001 1.25 19.726 2.185C20.1091 2.455 20.449 2.775 20.736 3.136C21.747 4.407 21.747 6.03299 21.747 9.27298L21.747 11.933C21.749 11.9551 21.75 11.9774 21.75 12C21.75 12.0526 21.749 12.105 21.747 12.1571C21.7463 14.9883 21.7274 16.4556 21.225 17.722C20.39 19.828 18.6341 21.484 16.4071 22.266C15.1592 22.704 13.714 22.7456 11.0577 22.7496C11.0382 22.7499 11.0186 22.75 10.999 22.75C10.7376 22.7503 10.4648 22.75 10.1791 22.75L10.1809 22.749ZM15.912 20.851C15.443 21.0155 14.9065 21.1121 14.2237 21.169C14.7614 20.4775 15.082 19.6091 15.082 18.667C15.082 18.4764 15.0734 18.2815 15.0649 18.0911L15.063 18.048L15.0628 18.0447C15.0419 17.5877 15.0202 17.1152 15.114 16.763C15.199 16.448 15.447 16.199 15.763 16.115C16.1111 16.0211 16.5785 16.0425 17.0317 16.0633L17.047 16.064L17.0872 16.0658C17.2786 16.0743 17.4754 16.083 17.667 16.083C18.6203 16.083 19.4985 15.7546 20.1941 15.2049C20.1415 16.038 20.0375 16.6513 19.8321 17.17C19.1581 18.871 17.729 20.213 15.912 20.851Z", fill: "#161616" })), h("svg", { key: '48a987f23fd0b5f5592e2b0a60a9cf9f654d4d7f', slot: "trail-element", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'd00e7a1d2fb4932e5954bcacb2803d51bcffc1d3', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.5179 5.95748C19.8175 6.24349 19.8285 6.71823 19.5425 7.01786L9.04252 18.0179C8.90308 18.1639 8.71064 18.2476 8.50872 18.25C8.3068 18.2523 8.11246 18.1731 7.96967 18.0303L4.46967 14.5303C4.17678 14.2374 4.17678 13.7626 4.46967 13.4697C4.76256 13.1768 5.23744 13.1768 5.53033 13.4697L8.48752 16.4269L18.4575 5.98214C18.7435 5.68252 19.2182 5.67148 19.5179 5.95748Z", fill: "#161616" })))), h("dga-divider", { key: '5ef2413651e1bfa880ad1cd3fcf662d9990aa6a2' }), h("dga-menu-group", { key: '3aec05fc43b100df78754d9045e12fc1d352dfd3', groupLabel: "GROUP LABEL" }, h("dga-menu-item", { key: '9fb07e824465fd1d6239dbb582ce5adaedf7cf4e', label: "Item Label", hasTrailElement: true, hasLeadIcon: true }, h("svg", { key: '35d5f3d144938883d47906471b5d9119538383ee', slot: "lead-icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '20026e0a8a469bb325a644afabbb7597c6e95d27', d: "M7.75 2C7.75 1.58579 7.41421 1.25 7 1.25C6.58579 1.25 6.25 1.58579 6.25 2V5.25H3C2.58579 5.25 2.25 5.58579 2.25 6C2.25 6.41421 2.58579 6.75 3 6.75H6.25V10C6.25 10.4142 6.58579 10.75 7 10.75C7.41421 10.75 7.75 10.4142 7.75 10V6.75H11C11.4142 6.75 11.75 6.41421 11.75 6C11.75 5.58579 11.4142 5.25 11 5.25H7.75V2Z", fill: "#161616" }), h("path", { key: '663db66c04b1abc376aa1ba253b4cfb223ceef78', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.1809 22.749C8.29902 22.749 7.35404 22.749 6.51505 22.454C5.15405 21.976 4.08106 20.963 3.56906 19.673C3.24806 18.864 3.24805 17.967 3.24805 16.181V11.999C3.24805 11.585 3.58405 11.249 3.99805 11.249C4.41205 11.249 4.74805 11.585 4.74805 11.999V16.181C4.74805 17.777 4.74805 18.578 4.96305 19.121C5.31405 20.007 6.06105 20.706 7.01105 21.04C7.60904 21.25 8.46804 21.25 10.18 21.25C10.4543 21.25 10.7164 21.25 10.967 21.2497C10.9779 21.2492 10.9889 21.249 11 21.249C12.424 21.249 13.583 20.09 13.583 18.666C13.583 18.5059 13.575 18.3334 13.5666 18.151L13.5647 18.1111C13.5398 17.5665 13.5116 16.9499 13.665 16.374C13.888 15.542 14.543 14.887 15.375 14.665C15.952 14.51 16.571 14.539 17.117 14.565L17.1474 14.5664C17.3312 14.5749 17.5059 14.583 17.667 14.583C19.057 14.583 20.1945 13.4787 20.248 12.1015L20.248 9.273C20.248 6.38201 20.248 4.93099 19.563 4.07C19.364 3.82 19.129 3.599 18.862 3.411C17.9251 2.75 16.3691 2.75 13.2701 2.75H12.997C12.583 2.75 12.247 2.414 12.247 2C12.247 1.586 12.583 1.25 12.997 1.25H13.2701C16.685 1.25 18.4001 1.25 19.726 2.185C20.1091 2.455 20.449 2.775 20.736 3.136C21.747 4.407 21.747 6.03299 21.747 9.27298L21.747 11.933C21.749 11.9551 21.75 11.9774 21.75 12C21.75 12.0526 21.749 12.105 21.747 12.1571C21.7463 14.9883 21.7274 16.4556 21.225 17.722C20.39 19.828 18.6341 21.484 16.4071 22.266C15.1592 22.704 13.714 22.7456 11.0577 22.7496C11.0382 22.7499 11.0186 22.75 10.999 22.75C10.7376 22.7503 10.4648 22.75 10.1791 22.75L10.1809 22.749ZM15.912 20.851C15.443 21.0155 14.9065 21.1121 14.2237 21.169C14.7614 20.4775 15.082 19.6091 15.082 18.667C15.082 18.4764 15.0734 18.2815 15.0649 18.0911L15.063 18.048L15.0628 18.0447C15.0419 17.5877 15.0202 17.1152 15.114 16.763C15.199 16.448 15.447 16.199 15.763 16.115C16.1111 16.0211 16.5785 16.0425 17.0317 16.0633L17.047 16.064L17.0872 16.0658C17.2786 16.0743 17.4754 16.083 17.667 16.083C18.6203 16.083 19.4985 15.7546 20.1941 15.2049C20.1415 16.038 20.0375 16.6513 19.8321 17.17C19.1581 18.871 17.729 20.213 15.912 20.851Z", fill: "#161616" })), h("svg", { key: 'b6bffdda641094396521eb1b496db5c708ea5413', slot: "trail-element", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '40230969f873fa73b51cc9519137c6183c60cdf7', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.5179 5.95748C19.8175 6.24349 19.8285 6.71823 19.5425 7.01786L9.04252 18.0179C8.90308 18.1639 8.71064 18.2476 8.50872 18.25C8.3068 18.2523 8.11246 18.1731 7.96967 18.0303L4.46967 14.5303C4.17678 14.2374 4.17678 13.7626 4.46967 13.4697C4.76256 13.1768 5.23744 13.1768 5.53033 13.4697L8.48752 16.4269L18.4575 5.98214C18.7435 5.68252 19.2182 5.67148 19.5179 5.95748Z", fill: "#161616" })))))), h("dga-menu-list", { key: 'e4a02896297a488cef4c143d0bc62dc3bc8de528' }, h("dga-menu-group", { key: '38ae72673a2779f8db113d33002ed59314f5d128', groupLabel: "GROUP LABEL" }, h("dga-menu-item", { key: '8546485053a8565ed5ef623bf7c2143284d95634', label: "Item Label", hasTrailElement: true, hasLeadIcon: true }, h("svg", { key: 'fca30362c024662e2650e5b9c5d665ba906f6713', slot: "lead-icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '28cfaf2fe44eb3a5d4f24ed2a2e9c394ffd3d0f6', d: "M7.75 2C7.75 1.58579 7.41421 1.25 7 1.25C6.58579 1.25 6.25 1.58579 6.25 2V5.25H3C2.58579 5.25 2.25 5.58579 2.25 6C2.25 6.41421 2.58579 6.75 3 6.75H6.25V10C6.25 10.4142 6.58579 10.75 7 10.75C7.41421 10.75 7.75 10.4142 7.75 10V6.75H11C11.4142 6.75 11.75 6.41421 11.75 6C11.75 5.58579 11.4142 5.25 11 5.25H7.75V2Z", fill: "#161616" }), h("path", { key: '596040d85b400f024918392ee1a052f984a0f992', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.1809 22.749C8.29902 22.749 7.35404 22.749 6.51505 22.454C5.15405 21.976 4.08106 20.963 3.56906 19.673C3.24806 18.864 3.24805 17.967 3.24805 16.181V11.999C3.24805 11.585 3.58405 11.249 3.99805 11.249C4.41205 11.249 4.74805 11.585 4.74805 11.999V16.181C4.74805 17.777 4.74805 18.578 4.96305 19.121C5.31405 20.007 6.06105 20.706 7.01105 21.04C7.60904 21.25 8.46804 21.25 10.18 21.25C10.4543 21.25 10.7164 21.25 10.967 21.2497C10.9779 21.2492 10.9889 21.249 11 21.249C12.424 21.249 13.583 20.09 13.583 18.666C13.583 18.5059 13.575 18.3334 13.5666 18.151L13.5647 18.1111C13.5398 17.5665 13.5116 16.9499 13.665 16.374C13.888 15.542 14.543 14.887 15.375 14.665C15.952 14.51 16.571 14.539 17.117 14.565L17.1474 14.5664C17.3312 14.5749 17.5059 14.583 17.667 14.583C19.057 14.583 20.1945 13.4787 20.248 12.1015L20.248 9.273C20.248 6.38201 20.248 4.93099 19.563 4.07C19.364 3.82 19.129 3.599 18.862 3.411C17.9251 2.75 16.3691 2.75 13.2701 2.75H12.997C12.583 2.75 12.247 2.414 12.247 2C12.247 1.586 12.583 1.25 12.997 1.25H13.2701C16.685 1.25 18.4001 1.25 19.726 2.185C20.1091 2.455 20.449 2.775 20.736 3.136C21.747 4.407 21.747 6.03299 21.747 9.27298L21.747 11.933C21.749 11.9551 21.75 11.9774 21.75 12C21.75 12.0526 21.749 12.105 21.747 12.1571C21.7463 14.9883 21.7274 16.4556 21.225 17.722C20.39 19.828 18.6341 21.484 16.4071 22.266C15.1592 22.704 13.714 22.7456 11.0577 22.7496C11.0382 22.7499 11.0186 22.75 10.999 22.75C10.7376 22.7503 10.4648 22.75 10.1791 22.75L10.1809 22.749ZM15.912 20.851C15.443 21.0155 14.9065 21.1121 14.2237 21.169C14.7614 20.4775 15.082 19.6091 15.082 18.667C15.082 18.4764 15.0734 18.2815 15.0649 18.0911L15.063 18.048L15.0628 18.0447C15.0419 17.5877 15.0202 17.1152 15.114 16.763C15.199 16.448 15.447 16.199 15.763 16.115C16.1111 16.0211 16.5785 16.0425 17.0317 16.0633L17.047 16.064L17.0872 16.0658C17.2786 16.0743 17.4754 16.083 17.667 16.083C18.6203 16.083 19.4985 15.7546 20.1941 15.2049C20.1415 16.038 20.0375 16.6513 19.8321 17.17C19.1581 18.871 17.729 20.213 15.912 20.851Z", fill: "#161616" })), h("svg", { key: '6ce71ebdbc287dc89d7a7ce07db488b57aada532', slot: "trail-element", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '8d4caa9226d0c71d45a585d7a93db20ada689db3', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.5179 5.95748C19.8175 6.24349 19.8285 6.71823 19.5425 7.01786L9.04252 18.0179C8.90308 18.1639 8.71064 18.2476 8.50872 18.25C8.3068 18.2523 8.11246 18.1731 7.96967 18.0303L4.46967 14.5303C4.17678 14.2374 4.17678 13.7626 4.46967 13.4697C4.76256 13.1768 5.23744 13.1768 5.53033 13.4697L8.48752 16.4269L18.4575 5.98214C18.7435 5.68252 19.2182 5.67148 19.5179 5.95748Z", fill: "#161616" })))), h("dga-divider", { key: 'c73f6d4a5fec34ab59d8ad2778db2b08e169f786' }), h("dga-menu-group", { key: 'd924910ed86d110e6f4651f3c71e60c5e6aa220b', groupLabel: "GROUP LABEL" }, h("dga-menu-item", { key: '570d2cb73156d83883ad5552145f62438945f755', label: "Item Label", hasTrailElement: true, hasLeadIcon: true }, h("svg", { key: 'f5dd8fcedc5a91e7286a49331a9ca0ce944320c4', slot: "lead-icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '179c9bc42ddf97ed4c9b33ab2f2c01d719873b58', d: "M7.75 2C7.75 1.58579 7.41421 1.25 7 1.25C6.58579 1.25 6.25 1.58579 6.25 2V5.25H3C2.58579 5.25 2.25 5.58579 2.25 6C2.25 6.41421 2.58579 6.75 3 6.75H6.25V10C6.25 10.4142 6.58579 10.75 7 10.75C7.41421 10.75 7.75 10.4142 7.75 10V6.75H11C11.4142 6.75 11.75 6.41421 11.75 6C11.75 5.58579 11.4142 5.25 11 5.25H7.75V2Z", fill: "#161616" }), h("path", { key: '19d94c125ca8f8f2fdd98db608602f5a1963a6ab', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.1809 22.749C8.29902 22.749 7.35404 22.749 6.51505 22.454C5.15405 21.976 4.08106 20.963 3.56906 19.673C3.24806 18.864 3.24805 17.967 3.24805 16.181V11.999C3.24805 11.585 3.58405 11.249 3.99805 11.249C4.41205 11.249 4.74805 11.585 4.74805 11.999V16.181C4.74805 17.777 4.74805 18.578 4.96305 19.121C5.31405 20.007 6.06105 20.706 7.01105 21.04C7.60904 21.25 8.46804 21.25 10.18 21.25C10.4543 21.25 10.7164 21.25 10.967 21.2497C10.9779 21.2492 10.9889 21.249 11 21.249C12.424 21.249 13.583 20.09 13.583 18.666C13.583 18.5059 13.575 18.3334 13.5666 18.151L13.5647 18.1111C13.5398 17.5665 13.5116 16.9499 13.665 16.374C13.888 15.542 14.543 14.887 15.375 14.665C15.952 14.51 16.571 14.539 17.117 14.565L17.1474 14.5664C17.3312 14.5749 17.5059 14.583 17.667 14.583C19.057 14.583 20.1945 13.4787 20.248 12.1015L20.248 9.273C20.248 6.38201 20.248 4.93099 19.563 4.07C19.364 3.82 19.129 3.599 18.862 3.411C17.9251 2.75 16.3691 2.75 13.2701 2.75H12.997C12.583 2.75 12.247 2.414 12.247 2C12.247 1.586 12.583 1.25 12.997 1.25H13.2701C16.685 1.25 18.4001 1.25 19.726 2.185C20.1091 2.455 20.449 2.775 20.736 3.136C21.747 4.407 21.747 6.03299 21.747 9.27298L21.747 11.933C21.749 11.9551 21.75 11.9774 21.75 12C21.75 12.0526 21.749 12.105 21.747 12.1571C21.7463 14.9883 21.7274 16.4556 21.225 17.722C20.39 19.828 18.6341 21.484 16.4071 22.266C15.1592 22.704 13.714 22.7456 11.0577 22.7496C11.0382 22.7499 11.0186 22.75 10.999 22.75C10.7376 22.7503 10.4648 22.75 10.1791 22.75L10.1809 22.749ZM15.912 20.851C15.443 21.0155 14.9065 21.1121 14.2237 21.169C14.7614 20.4775 15.082 19.6091 15.082 18.667C15.082 18.4764 15.0734 18.2815 15.0649 18.0911L15.063 18.048L15.0628 18.0447C15.0419 17.5877 15.0202 17.1152 15.114 16.763C15.199 16.448 15.447 16.199 15.763 16.115C16.1111 16.0211 16.5785 16.0425 17.0317 16.0633L17.047 16.064L17.0872 16.0658C17.2786 16.0743 17.4754 16.083 17.667 16.083C18.6203 16.083 19.4985 15.7546 20.1941 15.2049C20.1415 16.038 20.0375 16.6513 19.8321 17.17C19.1581 18.871 17.729 20.213 15.912 20.851Z", fill: "#161616" })), h("svg", { key: '3df47f9acd0797c880c37ce79c9cff62190f7b9a', slot: "trail-element", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '624838763aa354b644e517d656c65ff2388d7e43', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.5179 5.95748C19.8175 6.24349 19.8285 6.71823 19.5425 7.01786L9.04252 18.0179C8.90308 18.1639 8.71064 18.2476 8.50872 18.25C8.3068 18.2523 8.11246 18.1731 7.96967 18.0303L4.46967 14.5303C4.17678 14.2374 4.17678 13.7626 4.46967 13.4697C4.76256 13.1768 5.23744 13.1768 5.53033 13.4697L8.48752 16.4269L18.4575 5.98214C18.7435 5.68252 19.2182 5.67148 19.5179 5.95748Z", fill: "#161616" })))))))));
|
|
1677
|
-
}
|
|
1678
|
-
};
|
|
1679
|
-
|
|
1680
|
-
const dgaMenuCss = "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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\";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:\"IBM Plex Sans Arabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-regular{font:400 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-regular{font:400 48px/60px \"IBM Plex Sans Arabic\"}.display-md-regular{font:400 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-regular{font:400 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-regular{font:400 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-regular{font:400 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-regular{font:400 18px/28px \"IBM Plex Sans Arabic\"}.text-md-regular{font:400 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-regular{font:400 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-regular{font:400 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-regular{font:400 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-medium{font:500 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-medium{font:500 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-medium{font:500 48px/60px \"IBM Plex Sans Arabic\"}.display-md-medium{font:500 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-medium{font:500 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-medium{font:500 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-medium{font:500 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-medium{font:500 18px/28px \"IBM Plex Sans Arabic\"}.text-md-medium{font:500 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-medium{font:500 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-medium{font:500 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-medium{font:500 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-semibold{font:600 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-semibold{font:600 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-semibold{font:600 48px/60px \"IBM Plex Sans Arabic\"}.display-md-semibold{font:600 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-semibold{font:600 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-semibold{font:600 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-semibold{font:600 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-semibold{font:600 18px/28px \"IBM Plex Sans Arabic\"}.text-md-semibold{font:600 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-semibold{font:600 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-semibold{font:600 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-semibold{font:600 10px/14px \"IBM Plex Sans Arabic\"}.display-2xl-bold{font:700 72px/90px \"IBM Plex Sans Arabic\"}.display-xl-bold{font:700 60px/72px \"IBM Plex Sans Arabic\"}.display-lg-bold{font:700 48px/60px \"IBM Plex Sans Arabic\"}.display-md-bold{font:700 36px/44px \"IBM Plex Sans Arabic\"}.display-sm-bold{font:700 30px/38px \"IBM Plex Sans Arabic\"}.display-xs-bold{font:700 24px/32px \"IBM Plex Sans Arabic\"}.text-xl-bold{font:700 20px/30px \"IBM Plex Sans Arabic\"}.text-lg-bold{font:700 18px/28px \"IBM Plex Sans Arabic\"}.text-md-bold{font:700 16px/24px \"IBM Plex Sans Arabic\"}.text-sm-bold{font:700 14px/20px \"IBM Plex Sans Arabic\"}.text-xs-bold{font:700 12px/18px \"IBM Plex Sans Arabic\"}.text-2xs-bold{font:700 10px/14px \"IBM Plex Sans Arabic\"}.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,.menu{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}.menu{width:240px;border-radius:var(--radius-md);border:1px solid var(--border-default, #cbd5e1);background:var(--colors-base-white)}";
|
|
1681
|
-
|
|
1682
|
-
const DgaMenuV2 = class {
|
|
1683
|
-
constructor(hostRef) {
|
|
1684
|
-
registerInstance(this, hostRef);
|
|
1685
|
-
this.anchorEl = null;
|
|
1686
|
-
this.open = false;
|
|
1687
|
-
this.onClose = () => { };
|
|
1688
|
-
this.anchorOrigin = {
|
|
1689
|
-
vertical: 'bottom',
|
|
1690
|
-
horizontal: 'left',
|
|
1691
|
-
};
|
|
1692
|
-
this.transformOrigin = { vertical: 0, horizontal: 0 };
|
|
1693
|
-
this.menuStyle = {};
|
|
1694
|
-
this.handleClickOutside = (event) => {
|
|
1695
|
-
if (this.anchorEl &&
|
|
1696
|
-
!this.anchorEl.contains(event.target) &&
|
|
1697
|
-
!event.composedPath().includes(this.anchorEl)) {
|
|
1698
|
-
this.onClose();
|
|
1699
|
-
}
|
|
1700
|
-
};
|
|
1701
|
-
}
|
|
1702
|
-
handleOpenChange(newValue) {
|
|
1703
|
-
if (newValue) {
|
|
1704
|
-
this.calculateMenuStyle();
|
|
1705
|
-
document.addEventListener('click', this.handleClickOutside);
|
|
1706
|
-
}
|
|
1707
|
-
else {
|
|
1708
|
-
document.removeEventListener('click', this.handleClickOutside);
|
|
1709
|
-
}
|
|
1710
|
-
}
|
|
1711
|
-
calculateMenuStyle() {
|
|
1712
|
-
if (!this.anchorEl)
|
|
1713
|
-
return;
|
|
1714
|
-
const rect = this.anchorEl.getBoundingClientRect();
|
|
1715
|
-
// Calculate position using anchorOrigin and transformOrigin
|
|
1716
|
-
const top = this.anchorOrigin.vertical === 'bottom' ? rect.bottom : rect.top;
|
|
1717
|
-
const left = this.anchorOrigin.horizontal === 'right' ? rect.right : rect.left;
|
|
1718
|
-
this.menuStyle = {
|
|
1719
|
-
// position: 'absolute',
|
|
1720
|
-
position: 'fixed',
|
|
1721
|
-
top: `${top + this.transformOrigin.vertical + window.scrollY}px`,
|
|
1722
|
-
left: `${left + this.transformOrigin.horizontal + window.scrollX}px`,
|
|
1723
|
-
zIndex: '1000',
|
|
1724
|
-
};
|
|
1725
|
-
}
|
|
1726
|
-
render() {
|
|
1727
|
-
return (h(Fragment, { key: 'e74aea94c90e8991c67e676186a5065b19ca3842' }, this.open && (h("ul", { key: 'a885b1450b107d5e307c29a97b3e4064f50faab4', class: "menu", style: this.menuStyle, role: "menu", "aria-hidden": !this.open }, h("slot", { key: '241fbb4ae85c60fc831ca41ff566d428dce7f90d' })))));
|
|
1728
|
-
}
|
|
1729
|
-
static get watchers() { return {
|
|
1730
|
-
"open": ["handleOpenChange"]
|
|
1731
|
-
}; }
|
|
1732
|
-
};
|
|
1733
|
-
DgaMenuV2.style = dgaMenuCss;
|
|
1734
|
-
|
|
1735
|
-
export { DgaAvatar as dga_avatar, DgaAvatarGroup as dga_avatar_group, DgaAvatarUsage as dga_avatar_usage, DgaBreadcrumbs as dga_breadcrumbs, DgaBreadcrumbsUsage as dga_breadcrumbs_usage, DgaButton as dga_button_v2, DgaCarousel as dga_carousel, CarouselItem as dga_carousel_item, DgaCheckbox as dga_checkbox, DgaDivider as dga_divider, DgaDropdown as dga_dropdown, DgaFileUpload as dga_file_upload, DgaFileUploadUsage as dga_file_upload_usage, DgaHugeIconUsage as dga_huge_icon_usage, Icon as dga_icon, DgaLabel as dga_label, DgaLink as dga_link, DgaLoading as dga_loading, DgaMenuGroup as dga_menu_group, DgaMenuItem as dga_menu_item, DgaMenuList as dga_menu_list, DgaMenuUsage as dga_menu_usage, DgaMenuV2 as dga_menu_v2 };
|