@platformscode/core 0.0.25 → 0.0.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/core.cjs.js +1 -1
- package/dist/cjs/date-cell_3.cjs.entry.js +12 -12
- package/dist/cjs/dga-accordion-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-action-menu_9.cjs.entry.js +13 -13
- package/dist/cjs/dga-apex-chart-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-avatar-usage.cjs.entry.js +9 -9
- package/dist/cjs/dga-breadcrumbs-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-button-usage.cjs.entry.js +3 -3
- package/dist/cjs/dga-button-v2-usage.cjs.entry.js +2 -2
- package/dist/cjs/{dga-huge-icon-usage_3.cjs.entry.js → dga-button_7.cjs.entry.js} +408 -5
- package/dist/cjs/dga-card-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-card-v2-usage.cjs.entry.js +3 -3
- package/dist/cjs/dga-carousel-usage.cjs.entry.js +29 -29
- package/dist/cjs/dga-chart-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-checkbox-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-chip-usage.cjs.entry.js +4 -4
- package/dist/cjs/dga-circle-skeleton_4.cjs.entry.js +4 -4
- package/dist/cjs/dga-circular-progress-bar-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-codesnippet-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-collapse-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-content-switcher-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-date-field-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-datepicker-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-digital-signature-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-digital-signature.cjs.entry.js +1 -1
- package/dist/cjs/dga-divider-usage.cjs.entry.js +6 -6
- package/dist/cjs/dga-divider.cjs.entry.js +1 -1
- package/dist/cjs/dga-drawer-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-drawer_3.cjs.entry.js +2 -2
- package/dist/cjs/dga-dropdown-usage.cjs.entry.js +6 -6
- package/dist/cjs/dga-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/dga-featured-icon-usage.cjs.entry.js +6 -6
- package/dist/cjs/dga-feedback-icon-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-file-upload-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-file-upload.cjs.entry.js +1 -1
- package/dist/cjs/dga-filteration-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-flex.cjs.entry.js +1 -1
- package/dist/cjs/dga-floating-button-usage.cjs.entry.js +3 -3
- package/dist/cjs/dga-footer-usage.cjs.entry.js +3 -3
- package/dist/cjs/dga-footer.cjs.entry.js +1 -1
- package/dist/cjs/dga-grid-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-header-action-btn_11.cjs.entry.js +4 -4
- package/dist/cjs/dga-header-menu-item-usage.cjs.entry.js +6 -6
- package/dist/cjs/dga-header-menu-vv2.cjs.entry.js +1 -1
- package/dist/cjs/dga-header-menu_5.cjs.entry.js +1 -1
- package/dist/cjs/dga-header-usage.cjs.entry.js +13 -13
- package/dist/cjs/dga-helper-text_3.cjs.entry.js +4 -4
- package/dist/cjs/dga-inline-alert-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-inline-alert.cjs.entry.js +2 -2
- package/dist/cjs/dga-linear-progress-bar-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-linear-progress-bar.cjs.entry.js +4 -4
- package/dist/cjs/dga-link-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-list-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-list.cjs.entry.js +1 -1
- package/dist/cjs/dga-loading-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-menu-group_2.cjs.entry.js +2 -2
- package/dist/cjs/dga-menu-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-menu-v2.cjs.entry.js +1 -1
- package/dist/cjs/dga-menu.cjs.entry.js +1 -1
- package/dist/cjs/dga-metric-chart.cjs.entry.js +1 -1
- package/dist/cjs/dga-metric-usage.cjs.entry.js +5 -5
- package/dist/cjs/dga-modal-actions_5.cjs.entry.js +7 -7
- package/dist/cjs/dga-modal-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-modal-v2-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-modal.cjs.entry.js +3 -3
- package/dist/cjs/dga-notification-toast-usage.cjs.entry.js +3 -3
- package/dist/cjs/dga-notification-toast.cjs.entry.js +2 -2
- package/dist/cjs/dga-notification-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-notification.cjs.entry.js +3 -3
- package/dist/cjs/dga-number-input-usage.cjs.entry.js +4 -4
- package/dist/cjs/dga-number-input.cjs.entry.js +2 -2
- package/dist/cjs/dga-pagination-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-pagination.cjs.entry.js +2 -2
- package/dist/cjs/dga-progress-indicator-step-v3.cjs.entry.js +1 -1
- package/dist/cjs/dga-progress-indicator-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-progress-indicator-v3-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-progress-indicator-v3.cjs.entry.js +1 -1
- package/dist/cjs/dga-progress-indicator_2.cjs.entry.js +2 -2
- package/dist/cjs/dga-quote-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-quote.cjs.entry.js +1 -1
- package/dist/cjs/dga-radial-stepper-usage.cjs.entry.js +8 -8
- package/dist/cjs/dga-radio-button-usage.cjs.entry.js +3 -3
- package/dist/cjs/dga-rating-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-rating.cjs.entry.js +1 -1
- package/dist/cjs/dga-search-box-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-search-box_2.cjs.entry.js +2 -2
- package/dist/cjs/dga-second-nav-header-usage.cjs.entry.js +7 -7
- package/dist/cjs/dga-skeleton-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-slideout-menu-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-slideout-menu_4.cjs.entry.js +6 -6
- package/dist/cjs/dga-slider-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-slider.cjs.entry.js +1 -1
- package/dist/cjs/dga-status-tag.cjs.entry.js +1 -1
- package/dist/cjs/dga-structured-list-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-structured-list.cjs.entry.js +1 -1
- package/dist/cjs/dga-switch-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-switch.cjs.entry.js +1 -1
- package/dist/cjs/dga-table-body.cjs.entry.js +1 -1
- package/dist/cjs/dga-table-of-content-usage.cjs.entry.js +19 -19
- package/dist/cjs/dga-table-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-table.cjs.entry.js +1 -1
- package/dist/cjs/dga-tabs-usage.cjs.entry.js +3 -3
- package/dist/cjs/dga-tag-usage.cjs.entry.js +13 -13
- package/dist/cjs/dga-text-input-usage.cjs.entry.js +2 -2
- package/dist/cjs/dga-textarea-usage.cjs.entry.js +1 -1
- package/dist/cjs/dga-textarea.cjs.entry.js +1 -1
- package/dist/cjs/dga-tooltip-usage.cjs.entry.js +2 -2
- package/dist/cjs/floating-button.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/nds-accordion-usage.cjs.entry.js +1 -1
- package/dist/cjs/nds-accordion.cjs.entry.js +2 -2
- package/dist/cjs/nds-avatar-usage.cjs.entry.js +9 -9
- package/dist/cjs/nds-button-usage.cjs.entry.js +2 -2
- package/dist/cjs/nds-chip-usage.cjs.entry.js +4 -4
- package/dist/cjs/nds-chip.cjs.entry.js +2 -2
- package/dist/cjs/nds-floating-button-usage.cjs.entry.js +1 -1
- package/dist/cjs/nds-floating-button.cjs.entry.js +2 -2
- package/dist/cjs/nds-link-usage.cjs.entry.js +1 -1
- package/dist/cjs/nds-link.cjs.entry.js +1 -1
- package/dist/cjs/nds-table-of-content-usage.cjs.entry.js +19 -19
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/dga-button/dga-button.css +4 -0
- package/dist/collection/components/dga-button/dga-button.js +1 -1
- package/dist/collection/components/dga-data-table/dga-data-table-usage.js +68 -0
- package/dist/collection/components/dga-data-table/dga-data-table.js +41 -9
- 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-datepicker/DateCell.js +1 -1
- package/dist/collection/components/dga-datepicker/MonthNavigator.js +4 -4
- package/dist/collection/components/dga-datepicker/dga-datepicker.js +7 -7
- package/dist/collection/components/dga-digitalSignature/dga-digitalSignature.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/tab-component.js +1 -1
- package/dist/collection/components/dga-dropdown/dga-dropdown.js +2 -2
- 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-header/dga-nav-header-sub-menu.js +1 -1
- package/dist/collection/components/dga-icon/dga-icon-v2.js +2 -2
- package/dist/collection/components/dga-icon/dga-icon.js +2 -2
- package/dist/collection/components/dga-icon/dga-local-icon.js +2 -2
- 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-list/dga-list.js +1 -1
- 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.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-menu/dga-meu-list.js +1 -1
- package/dist/collection/components/dga-metric/dga-metric-chart.js +1 -1
- 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-notification/dga-notification.js +3 -3
- package/dist/collection/components/dga-notification-toast/dga-notification-toast.js +2 -2
- package/dist/collection/components/dga-number-input/dga-number-input.js +2 -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.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-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.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.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.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.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-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 +1 -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 +6 -6
- 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 +3 -3
- 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 +3 -3
- package/dist/components/dga-accordion.js +1 -1
- package/dist/components/dga-action-menu.js +1 -1
- package/dist/components/dga-apex-chart-usage.js +1 -1
- package/dist/components/dga-avatar-usage.js +11 -11
- package/dist/components/dga-avatar.js +1 -1
- package/dist/components/dga-breadcrumbs-usage.js +4 -4
- 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 +5 -5
- package/dist/components/dga-button-v2-usage.js +6 -6
- package/dist/components/dga-button-v2.js +1 -1
- package/dist/components/dga-button.js +1 -1
- package/dist/components/dga-card-usage.js +9 -9
- package/dist/components/dga-card-v2-usage.js +11 -11
- package/dist/components/dga-card-v2.js +1 -1
- package/dist/components/dga-card.js +1 -1
- package/dist/components/dga-carousel-usage.js +31 -31
- package/dist/components/dga-carousel.js +1 -1
- package/dist/components/dga-chart-usage.js +2 -2
- package/dist/components/dga-checkbox-usage.js +4 -4
- package/dist/components/dga-checkbox.js +1 -1
- package/dist/components/dga-chip-usage.js +6 -6
- 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 +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 +1 -1
- package/dist/components/dga-content-switcher-usage.js +1 -1
- package/dist/components/dga-data-table-old.js +3 -3
- package/dist/components/dga-data-table-usage.d.ts +11 -0
- package/dist/components/dga-data-table-usage.js +115 -0
- 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 +3 -3
- package/dist/components/dga-digital-signature.js +1 -1
- package/dist/components/dga-divider-usage.js +7 -7
- package/dist/components/dga-divider.js +1 -1
- package/dist/components/dga-drawer-usage.js +9 -9
- package/dist/components/dga-drawer.js +1 -1
- package/dist/components/dga-dropdown-usage.js +8 -8
- package/dist/components/dga-dropdown.js +1 -1
- package/dist/components/dga-featured-icon-usage.js +8 -8
- package/dist/components/dga-featured-icon.js +1 -1
- package/dist/components/dga-feedback-icon-usage.js +1 -1
- package/dist/components/dga-file-upload-usage.js +2 -2
- package/dist/components/dga-file-upload.js +1 -1
- package/dist/components/dga-filteration-usage.js +11 -11
- package/dist/components/dga-filteration.js +1 -1
- package/dist/components/dga-flex.js +1 -1
- package/dist/components/dga-floating-button-usage.js +5 -5
- package/dist/components/dga-footer-usage.js +5 -5
- package/dist/components/dga-footer.js +1 -1
- package/dist/components/dga-grid-usage.js +2 -2
- 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 +28 -28
- package/dist/components/dga-header-menu-item.js +1 -1
- package/dist/components/dga-header-menu-vv2.js +1 -1
- package/dist/components/dga-header-menu.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 +35 -35
- package/dist/components/dga-header-vv2.js +1 -1
- package/dist/components/dga-header.js +4 -4
- package/dist/components/dga-helper-text.js +1 -1
- package/dist/components/dga-huge-icon-usage.js +3 -3
- package/dist/components/dga-icon-v2.js +1 -1
- package/dist/components/dga-icon.js +1 -1
- package/dist/components/dga-inline-alert-usage.js +2 -2
- package/dist/components/dga-inline-alert.js +1 -1
- package/dist/components/dga-label.js +1 -1
- package/dist/components/dga-line-skeleton.js +1 -1
- package/dist/components/dga-linear-progress-bar-usage.js +2 -2
- package/dist/components/dga-linear-progress-bar.js +1 -1
- package/dist/components/dga-link-usage.js +1 -1
- package/dist/components/dga-list-usage.js +1 -1
- package/dist/components/dga-list.js +1 -1
- package/dist/components/dga-loading-usage.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 +5 -5
- package/dist/components/dga-menu-v2.js +1 -1
- package/dist/components/dga-menu.js +1 -1
- package/dist/components/dga-metric-chart.js +1 -1
- package/dist/components/dga-metric-usage.js +5 -5
- 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-sub-menu-link.js +1 -1
- package/dist/components/dga-nav-header-sub-menu.js +1 -1
- package/dist/components/dga-notification-toast-usage.js +7 -7
- package/dist/components/dga-notification-toast.js +1 -1
- package/dist/components/dga-notification-usage.js +3 -3
- package/dist/components/dga-notification.js +1 -1
- package/dist/components/dga-number-input-usage.js +8 -8
- package/dist/components/dga-number-input.js +1 -1
- package/dist/components/dga-pagination-usage.js +2 -2
- package/dist/components/dga-pagination.js +1 -1
- package/dist/components/dga-prefix.js +1 -1
- package/dist/components/dga-progress-indicator-step-v3.js +1 -1
- package/dist/components/dga-progress-indicator-step.js +1 -1
- package/dist/components/dga-progress-indicator-usage.js +3 -3
- package/dist/components/dga-progress-indicator-v3-usage.js +3 -3
- package/dist/components/dga-progress-indicator-v3.js +1 -1
- package/dist/components/dga-progress-indicator.js +1 -1
- package/dist/components/dga-quote-usage.js +5 -5
- package/dist/components/dga-quote.js +1 -1
- package/dist/components/dga-radial-stepper-usage.js +10 -10
- package/dist/components/dga-radial-stepper.js +1 -1
- package/dist/components/dga-radio-button-usage.js +3 -3
- package/dist/components/dga-rating-usage.js +3 -3
- 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 +3 -3
- 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 +17 -17
- 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 +6 -6
- 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 +3 -3
- 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 +3 -3
- package/dist/components/dga-structured-list.js +1 -1
- package/dist/components/dga-suffix.js +1 -1
- package/dist/components/dga-switch-usage.js +2 -2
- package/dist/components/dga-switch.js +1 -1
- package/dist/components/dga-table-body.js +1 -1
- package/dist/components/dga-table-of-content-usage.js +19 -19
- package/dist/components/dga-table-usage.js +6 -6
- package/dist/components/dga-table.js +1 -1
- package/dist/components/dga-tabs-usage.js +6 -6
- package/dist/components/dga-tabs.js +1 -1
- package/dist/components/dga-tag-usage.js +16 -16
- 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 +3 -3
- package/dist/components/dga-textarea.js +1 -1
- package/dist/components/dga-tooltip-usage.js +2 -2
- package/dist/components/floating-button.js +1 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +1 -0
- 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 +11 -11
- package/dist/components/nds-avatar.js +1 -1
- package/dist/components/nds-button-usage.js +7 -7
- 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 +19 -19
- package/dist/components/{p-Cj35z9hD.js → p--saaGsBa.js} +15 -15
- package/dist/components/{p-DFm5Z9nP.js → p-0pp74qrz.js} +1 -1
- package/dist/components/{p-awc5v-Xx.js → p-B-Gbfo7g.js} +2 -2
- package/dist/components/{p-BQHQHOdt.js → p-B2OxYpgO.js} +1 -1
- package/dist/components/{p-ChnkYb5N.js → p-B4K9TPsn.js} +1 -1
- package/dist/components/{p-Bu11LCUv.js → p-B4U0lY4y.js} +1 -1
- package/dist/components/{p-BuSP3tod.js → p-BBXZs54p.js} +1 -1
- package/dist/components/{p-Bw2J9lll.js → p-BDegpq_a.js} +2 -2
- package/dist/components/{p-CovKvfqw.js → p-BE95gJkd.js} +1 -1
- package/dist/components/{p-BLHJ0hAb.js → p-BEINJT8k.js} +5 -5
- package/dist/components/{p-BR5ZZuy5.js → p-BGoCiut_.js} +3 -3
- package/dist/components/{p-DjTJ0i6V.js → p-BN4PwXJH.js} +1 -1
- package/dist/components/{p-DbDk6u5r.js → p-BRUw79oz.js} +1 -1
- package/dist/components/{p-BSYyqbyT.js → p-BRb_1tzT.js} +2 -2
- package/dist/components/{p-C1-LUGEF.js → p-BRmMUEOq.js} +5 -5
- package/dist/components/{p-CkU8Qq8b.js → p-BRtz_FTw.js} +1 -1
- package/dist/components/{p-BfkakbtL.js → p-BUKkxyIA.js} +1 -1
- package/dist/components/{p-DcsbMBzQ.js → p-BVvoCy50.js} +5 -5
- package/dist/components/{p-CVb7htFx.js → p-B_TG9URL.js} +3 -3
- package/dist/components/{p-BCRkCGSO.js → p-Bp8hOr9W.js} +2 -2
- package/dist/components/{p-Ba_cnspw.js → p-BrEdmVoK.js} +1 -1
- package/dist/components/{p-CYNfh6s8.js → p-BrOqRUBX.js} +2 -2
- package/dist/components/{p-tS89-nSl.js → p-BsB87tLV.js} +1 -1
- package/dist/components/{p-CHiQv0Jr.js → p-BsTqr68_.js} +1 -1
- package/dist/components/{p-yrE_Kzfz.js → p-Bt-84KPV.js} +2 -2
- package/dist/components/{p-BlpzkLu0.js → p-Bty5NdFA.js} +1 -1
- package/dist/components/{p-bvgZEbtQ.js → p-ByzFFJgL.js} +1 -1
- package/dist/components/{p-R5Ct-yUb.js → p-C-NyQ87i.js} +2 -2
- package/dist/components/{p-BGsNINid.js → p-C1Lsxkkf.js} +2 -2
- package/dist/components/{p-Dl_f-Zr6.js → p-C7b9Kw1u.js} +2 -2
- package/dist/components/{p-r1rezMav.js → p-C7z9rLjZ.js} +1 -1
- package/dist/components/{p-B_lMJn5K.js → p-C8cyYIhA.js} +6 -6
- package/dist/components/{p-V_F6lX0v.js → p-C99Dr3jt.js} +5 -5
- package/dist/components/{p-DuEKFTHD.js → p-CBFY-ks-.js} +1 -1
- package/dist/components/{p-CjYYybR1.js → p-CCimZGO2.js} +1 -1
- package/dist/components/{p-OUVuTlC1.js → p-CClx_RDs.js} +3 -3
- package/dist/components/{p-BXe0Dvw_.js → p-CD9sOu_w.js} +6 -6
- package/dist/components/{p-iMRbAvK6.js → p-CDu6eME4.js} +5 -5
- package/dist/components/{p-0s4Waywo.js → p-CG_XWnd8.js} +6 -6
- package/dist/components/{p-ChprUcq3.js → p-CHOap6Ft.js} +1 -1
- package/dist/components/{p-CFvSLKiP.js → p-CHdhCdsH.js} +38 -6
- package/dist/components/{p-NoiswUmp.js → p-CJjTzkLW.js} +6 -6
- package/dist/components/{p-q4apJfRk.js → p-COSYTT2n.js} +2 -2
- package/dist/components/{p-Dh-Mxr8V.js → p-CR6GP5Pr.js} +1 -1
- package/dist/components/{p-EiS7D8v8.js → p-CTLdjN4q.js} +7 -7
- package/dist/components/{p-gyGEpNci.js → p-CTW_OCmD.js} +3 -3
- package/dist/components/{p-Bvo-RJN_.js → p-CUHFypnM.js} +1 -1
- package/dist/components/{p-Gy19R453.js → p-CbwJ6GMU.js} +4 -4
- package/dist/components/{p-_hrK0dSk.js → p-CdliX_b4.js} +1 -1
- package/dist/components/{p-BxLSOqmG.js → p-ChhNw26D.js} +2 -2
- package/dist/components/{p-B3iw3nGg.js → p-Cj4yhuJ9.js} +1 -1
- package/dist/components/{p-BXtrurWL.js → p-Ck6ZXrKN.js} +1 -1
- package/dist/components/{p-CL_o9lnn.js → p-CnmVLwSO.js} +3 -3
- package/dist/components/{p-ZowzqE7I.js → p-CpWki80e.js} +4 -4
- package/dist/components/{p-WYwZ0SBf.js → p-CpfDBMIS.js} +1 -1
- package/dist/components/{p-DDsyEQ4Q.js → p-CrDgQbGi.js} +2 -2
- package/dist/components/{p-JaRm-0xL.js → p-Cs-eHZBO.js} +1 -1
- package/dist/components/{p-4rdrCxSX.js → p-Cxhq_uxn.js} +1 -1
- package/dist/components/{p-BW5-MY_V.js → p-CzuS0Atf.js} +2 -2
- package/dist/components/{p-BaW5AShM.js → p-D4NMAOWZ.js} +1 -1
- package/dist/components/{p-Cv0O724A.js → p-DBTOrdV2.js} +2 -2
- package/dist/components/{p-DFC8U5zE.js → p-DCwT1t7T.js} +4 -4
- package/dist/components/{p-BPKpzVhV.js → p-DF90Bxwy.js} +1 -1
- package/dist/components/{p-D44JRD80.js → p-DIfpyTAV.js} +3 -3
- package/dist/components/{p-BszteyZr.js → p-DLdb5jCw.js} +9 -9
- package/dist/components/{p-DiC-xcof.js → p-DN3DJd5E.js} +2 -2
- package/dist/components/{p-B_Omo6hK.js → p-DTQNJ3_g.js} +1 -1
- package/dist/components/{p-DOYNwn5Q.js → p-DVUb8Tt4.js} +1 -1
- package/dist/components/{p-DSG8ROE8.js → p-DVuEJ0rH.js} +1 -1
- package/dist/components/{p-CbU54C8G.js → p-DX_C6M6_.js} +1 -1
- package/dist/components/{p-Cwwrqxl_.js → p-DZ-vlBcF.js} +1 -1
- package/dist/components/{p-vyOkL4fh.js → p-DcPY0Lnw.js} +1 -1
- package/dist/components/{p-D5fSxKQU.js → p-DgY1cArs.js} +1 -1
- package/dist/components/{p-E5LMWZk6.js → p-DhOMTtfQ.js} +1 -1
- package/dist/components/{p-DMsnog8E.js → p-DkK6DTUN.js} +1 -1
- package/dist/components/{p-Ccq_xUnV.js → p-DmN7BXL3.js} +4 -4
- package/dist/components/{p-CV0JTY2P.js → p-DnPnpAMq.js} +3 -3
- package/dist/components/{p-CAGBREbe.js → p-Ds6Hp4Ow.js} +9 -9
- package/dist/components/{p-CXCgKBKE.js → p-DsbIBJJJ.js} +1 -1
- package/dist/components/{p-ChPSsZAS.js → p-Dua-gbUp.js} +2 -2
- package/dist/components/{p-B5k-rTM_.js → p-Dx89BkDF.js} +1 -1
- package/dist/components/{p-CiigIe1j.js → p-F86Y19t4.js} +3 -3
- package/dist/components/{p-DTb-h6SR.js → p-JLnhP6Kk.js} +2 -2
- package/dist/components/{p-CUGHK3-R.js → p-MgAEklbb.js} +1 -1
- package/dist/components/{p-D1dbtG_o.js → p-O09aJ_YO.js} +1 -1
- package/dist/components/{p-CnVLB5Jq.js → p-OGfNpKA1.js} +1 -1
- package/dist/components/{p-cXQuFflR.js → p-TGFiIztK.js} +2 -2
- package/dist/components/{p-Dtjf-x_g.js → p-XcGOP6S8.js} +1 -1
- package/dist/components/{p-D4G6n6jq.js → p-Y5U4hVJ_.js} +3 -3
- package/dist/components/{p-Df4gnECH.js → p-aug08tA7.js} +4 -4
- package/dist/components/{p-D_yaCZK3.js → p-bb4bmTVr.js} +7 -7
- package/dist/components/{p-BrQUh9Zi.js → p-cDUWOFIj.js} +1 -1
- package/dist/components/{p-CKJRIdCd.js → p-mAJwGPJG.js} +3 -3
- package/dist/components/{p-eRUnjfro.js → p-nmhVIvHF.js} +1 -1
- package/dist/components/{p-D4vDJpT6.js → p-oE4xypdy.js} +3 -3
- package/dist/components/{p-Cfkdns2f.js → p-pwESyQzO.js} +1 -1
- package/dist/components/{p-DL8FjpFO.js → p-shjAuik2.js} +1 -1
- package/dist/components/{p-B33M_3MT.js → p-t2gkYg4G.js} +1 -1
- package/dist/components/{p-D8VoVMu6.js → p-usZ1DZDb.js} +4 -4
- package/dist/components/side-panel-menu.js +1 -1
- package/dist/components/submenu-component.js +1 -1
- package/dist/components/tab-component.js +1 -1
- package/dist/components/tab-link.js +1 -1
- package/dist/core/core.esm.js +1 -1
- package/dist/core/{p-ad9f6ce6.entry.js → p-01c727e8.entry.js} +1 -1
- package/dist/core/p-04536973.entry.js +1 -0
- package/dist/core/{p-8f861cdb.entry.js → p-048b1241.entry.js} +1 -1
- package/dist/core/{p-75fc9357.entry.js → p-04d742d6.entry.js} +1 -1
- package/dist/core/p-0962717c.entry.js +1 -0
- package/dist/core/{p-5a7a0995.entry.js → p-0b84ea26.entry.js} +1 -1
- package/dist/core/p-1000d299.entry.js +1 -0
- package/dist/core/p-103ee9e4.entry.js +1 -0
- package/dist/core/{p-ff6e90ce.entry.js → p-10c724f1.entry.js} +1 -1
- package/dist/core/p-181bd39d.entry.js +1 -0
- package/dist/core/{p-8b96a0c4.entry.js → p-18f5277d.entry.js} +1 -1
- package/dist/core/{p-7f4c8858.entry.js → p-197fbb89.entry.js} +1 -1
- package/dist/core/p-19fb9916.entry.js +1 -0
- package/dist/core/{p-c291ccc4.entry.js → p-1a19f76f.entry.js} +1 -1
- package/dist/core/p-23128bf7.entry.js +1 -0
- package/dist/core/{p-af2d3cde.entry.js → p-24297dbb.entry.js} +1 -1
- package/dist/core/{p-7e2b0d37.entry.js → p-25378634.entry.js} +1 -1
- package/dist/core/{p-240f9ff0.entry.js → p-27c39d3d.entry.js} +1 -1
- package/dist/core/{p-a425ccc1.entry.js → p-2f9c6c0e.entry.js} +1 -1
- package/dist/core/p-3078b3b2.entry.js +1 -0
- package/dist/core/{p-8b4178b3.entry.js → p-360bdb35.entry.js} +1 -1
- package/dist/core/p-37c571de.entry.js +1 -0
- package/dist/core/p-3d91183c.entry.js +1 -0
- package/dist/core/{p-c09641a1.entry.js → p-3de684cd.entry.js} +1 -1
- package/dist/core/p-4029296b.entry.js +1 -0
- package/dist/core/{p-bc52ca6e.entry.js → p-410d75e8.entry.js} +1 -1
- package/dist/core/{p-66f0cf7e.entry.js → p-42b624a3.entry.js} +1 -1
- package/dist/core/{p-b13f9f35.entry.js → p-45fb7745.entry.js} +1 -1
- package/dist/core/p-469b0a64.entry.js +1 -0
- package/dist/core/p-4cc25ab1.entry.js +1 -0
- package/dist/core/{p-bf591758.entry.js → p-4d70ba02.entry.js} +1 -1
- package/dist/core/p-51293f32.entry.js +1 -0
- package/dist/core/p-521f040a.entry.js +1 -0
- package/dist/core/p-5505a2aa.entry.js +1 -0
- package/dist/core/p-556e1b8b.entry.js +1 -0
- package/dist/core/{p-654e0368.entry.js → p-565715fe.entry.js} +1 -1
- package/dist/core/{p-67e53472.entry.js → p-59d79275.entry.js} +1 -1
- package/dist/core/{p-5484f06b.entry.js → p-5a3abaad.entry.js} +1 -1
- package/dist/core/{p-7d538b42.entry.js → p-5caea1ab.entry.js} +1 -1
- package/dist/core/p-5cda2483.entry.js +1 -0
- package/dist/core/p-61d8b96f.entry.js +1 -0
- package/dist/core/{p-d6162440.entry.js → p-641777fc.entry.js} +1 -1
- package/dist/core/p-64f93dc8.entry.js +1 -0
- package/dist/core/p-686d6e4e.entry.js +1 -0
- package/dist/core/{p-3388a58a.entry.js → p-6acdcfbf.entry.js} +1 -1
- package/dist/core/p-6afa01e9.entry.js +1 -0
- package/dist/core/p-6b0bba52.entry.js +1 -0
- package/dist/core/p-6d738500.entry.js +1 -0
- package/dist/core/p-6e8fd5e6.entry.js +1 -0
- package/dist/core/p-6f36a38b.entry.js +1 -0
- package/dist/core/p-71b3b92c.entry.js +1 -0
- package/dist/core/p-753c83b6.entry.js +1 -0
- package/dist/core/p-7c3571fd.entry.js +1 -0
- package/dist/core/{p-752462ab.entry.js → p-7d9e1478.entry.js} +1 -1
- package/dist/core/{p-25a6105f.entry.js → p-7db24327.entry.js} +1 -1
- package/dist/core/{p-2004f895.entry.js → p-7e4a7dc5.entry.js} +1 -1
- package/dist/core/{p-71684f45.entry.js → p-7e58f875.entry.js} +1 -1
- package/dist/core/p-81982aac.entry.js +1 -0
- package/dist/core/p-81e96fc4.entry.js +1 -0
- package/dist/core/p-86720003.entry.js +1 -0
- package/dist/core/p-89398718.entry.js +1 -0
- package/dist/core/{p-5dc67810.entry.js → p-8b7d75af.entry.js} +1 -1
- package/dist/core/{p-3be5620c.entry.js → p-8dfa1aab.entry.js} +1 -1
- package/dist/core/p-9dc02e8e.entry.js +1 -0
- package/dist/core/{p-b23ec81b.entry.js → p-a0286ef7.entry.js} +1 -1
- package/dist/core/{p-7db4b7e6.entry.js → p-ac187caa.entry.js} +1 -1
- package/dist/core/p-adce63e4.entry.js +1 -0
- package/dist/core/{p-5ff99b11.entry.js → p-add381fc.entry.js} +1 -1
- package/dist/core/p-afe52678.entry.js +1 -0
- package/dist/core/{p-64e81a79.entry.js → p-b0950ce2.entry.js} +1 -1
- package/dist/core/{p-5ed3d8d6.entry.js → p-b2d8a83a.entry.js} +1 -1
- package/dist/core/p-b3772b6e.entry.js +1 -0
- package/dist/core/p-b60e92a7.entry.js +1 -0
- package/dist/core/{p-dcab0dcc.entry.js → p-b6bfb981.entry.js} +1 -1
- package/dist/core/p-b9c6decb.entry.js +1 -0
- package/dist/core/p-baceb6e4.entry.js +1 -0
- package/dist/core/{p-a67e74c1.entry.js → p-bb43d9b7.entry.js} +1 -1
- package/dist/core/{p-f9819eee.entry.js → p-bc7cf754.entry.js} +1 -1
- package/dist/core/{p-0242a5c0.entry.js → p-bee8ece8.entry.js} +1 -1
- package/dist/core/p-bef2c860.entry.js +1 -0
- package/dist/core/{p-6a71b5b5.entry.js → p-c0bf6651.entry.js} +1 -1
- package/dist/core/{p-5090cd6b.entry.js → p-c0f68c8a.entry.js} +1 -1
- package/dist/core/p-c2077586.entry.js +1 -0
- package/dist/core/p-c816b4e3.entry.js +1 -0
- package/dist/core/p-ccdb489d.entry.js +1 -0
- package/dist/core/p-cd74f417.entry.js +1 -0
- package/dist/core/{p-0016b1f0.entry.js → p-ce101902.entry.js} +1 -1
- package/dist/core/p-cec07efe.entry.js +1 -0
- package/dist/core/p-d304f3d0.entry.js +1 -0
- package/dist/core/{p-f1c9b8b4.entry.js → p-d373786f.entry.js} +1 -1
- package/dist/core/{p-949df682.entry.js → p-d3a9fe35.entry.js} +1 -1
- package/dist/core/{p-9db1e113.entry.js → p-d73219b2.entry.js} +1 -1
- package/dist/core/{p-4203bde7.entry.js → p-d79ad6d6.entry.js} +1 -1
- package/dist/core/{p-604a88a3.entry.js → p-d89d512d.entry.js} +1 -1
- package/dist/core/p-d8d6d162.entry.js +1 -0
- package/dist/core/{p-cb65ad66.entry.js → p-d90fc8ed.entry.js} +1 -1
- package/dist/core/{p-097e6899.entry.js → p-d92f63a3.entry.js} +1 -1
- package/dist/core/p-d9979ec1.entry.js +1 -0
- package/dist/core/p-db6bfe84.entry.js +1 -0
- package/dist/core/p-de1c4e9c.entry.js +1 -0
- package/dist/core/p-df7df0d3.entry.js +1 -0
- package/dist/core/{p-51fec62b.entry.js → p-e1235c8a.entry.js} +1 -1
- package/dist/core/p-e4532fd6.entry.js +1 -0
- package/dist/core/p-e6c88436.entry.js +1 -0
- package/dist/core/{p-46528d52.entry.js → p-e73f6587.entry.js} +1 -1
- package/dist/core/{p-50feae4f.entry.js → p-e744334c.entry.js} +1 -1
- package/dist/core/{p-3205e40c.entry.js → p-e7edde4d.entry.js} +1 -1
- package/dist/core/{p-f29e7b48.entry.js → p-e8021830.entry.js} +1 -1
- package/dist/core/{p-0d792cc2.entry.js → p-e85f87ea.entry.js} +1 -1
- package/dist/core/p-e861b7b7.entry.js +1 -0
- package/dist/core/{p-39a3b407.entry.js → p-eab496d4.entry.js} +1 -1
- package/dist/core/{p-4032f185.entry.js → p-eadf20c9.entry.js} +1 -1
- package/dist/core/{p-cf6b0f55.entry.js → p-ec7597c0.entry.js} +1 -1
- package/dist/core/p-ec7ffc23.entry.js +1 -0
- package/dist/core/p-f5b4b124.entry.js +1 -0
- package/dist/core/p-f7d32378.entry.js +1 -0
- package/dist/core/p-fa80ee3b.entry.js +1 -0
- package/dist/core/p-fc5c03de.entry.js +1 -0
- package/dist/esm/core.js +1 -1
- package/dist/esm/date-cell_3.entry.js +12 -12
- package/dist/esm/dga-accordion-usage.entry.js +1 -1
- package/dist/esm/dga-action-menu_9.entry.js +13 -13
- package/dist/esm/dga-apex-chart-usage.entry.js +1 -1
- package/dist/esm/dga-avatar-usage.entry.js +9 -9
- package/dist/esm/dga-breadcrumbs-usage.entry.js +2 -2
- package/dist/esm/dga-button-usage.entry.js +3 -3
- package/dist/esm/dga-button-v2-usage.entry.js +2 -2
- package/dist/esm/{dga-huge-icon-usage_3.entry.js → dga-button_7.entry.js} +406 -7
- package/dist/esm/dga-card-usage.entry.js +2 -2
- package/dist/esm/dga-card-v2-usage.entry.js +3 -3
- package/dist/esm/dga-carousel-usage.entry.js +29 -29
- package/dist/esm/dga-chart-usage.entry.js +2 -2
- package/dist/esm/dga-checkbox-usage.entry.js +1 -1
- package/dist/esm/dga-chip-usage.entry.js +4 -4
- package/dist/esm/dga-circle-skeleton_4.entry.js +4 -4
- package/dist/esm/dga-circular-progress-bar-usage.entry.js +1 -1
- package/dist/esm/dga-codesnippet-usage.entry.js +1 -1
- package/dist/esm/dga-collapse-usage.entry.js +1 -1
- package/dist/esm/dga-content-switcher-usage.entry.js +1 -1
- package/dist/esm/dga-date-field-usage.entry.js +1 -1
- package/dist/esm/dga-datepicker-usage.entry.js +1 -1
- package/dist/esm/dga-digital-signature-usage.entry.js +1 -1
- package/dist/esm/dga-digital-signature.entry.js +1 -1
- package/dist/esm/dga-divider-usage.entry.js +6 -6
- package/dist/esm/dga-divider.entry.js +1 -1
- package/dist/esm/dga-drawer-usage.entry.js +2 -2
- package/dist/esm/dga-drawer_3.entry.js +2 -2
- package/dist/esm/dga-dropdown-usage.entry.js +6 -6
- package/dist/esm/dga-dropdown.entry.js +2 -2
- package/dist/esm/dga-featured-icon-usage.entry.js +6 -6
- package/dist/esm/dga-feedback-icon-usage.entry.js +1 -1
- package/dist/esm/dga-file-upload-usage.entry.js +1 -1
- package/dist/esm/dga-file-upload.entry.js +1 -1
- package/dist/esm/dga-filteration-usage.entry.js +1 -1
- package/dist/esm/dga-flex.entry.js +1 -1
- package/dist/esm/dga-floating-button-usage.entry.js +3 -3
- package/dist/esm/dga-footer-usage.entry.js +3 -3
- package/dist/esm/dga-footer.entry.js +1 -1
- package/dist/esm/dga-grid-usage.entry.js +2 -2
- package/dist/esm/dga-header-action-btn_11.entry.js +4 -4
- package/dist/esm/dga-header-menu-item-usage.entry.js +6 -6
- package/dist/esm/dga-header-menu-vv2.entry.js +1 -1
- package/dist/esm/dga-header-menu_5.entry.js +1 -1
- package/dist/esm/dga-header-usage.entry.js +13 -13
- package/dist/esm/dga-helper-text_3.entry.js +4 -4
- package/dist/esm/dga-inline-alert-usage.entry.js +1 -1
- package/dist/esm/dga-inline-alert.entry.js +2 -2
- package/dist/esm/dga-linear-progress-bar-usage.entry.js +1 -1
- package/dist/esm/dga-linear-progress-bar.entry.js +4 -4
- package/dist/esm/dga-link-usage.entry.js +1 -1
- package/dist/esm/dga-list-usage.entry.js +1 -1
- package/dist/esm/dga-list.entry.js +1 -1
- package/dist/esm/dga-loading-usage.entry.js +1 -1
- package/dist/esm/dga-menu-group_2.entry.js +2 -2
- package/dist/esm/dga-menu-usage.entry.js +1 -1
- package/dist/esm/dga-menu-v2.entry.js +1 -1
- package/dist/esm/dga-menu.entry.js +1 -1
- package/dist/esm/dga-metric-chart.entry.js +1 -1
- package/dist/esm/dga-metric-usage.entry.js +5 -5
- package/dist/esm/dga-modal-actions_5.entry.js +7 -7
- package/dist/esm/dga-modal-usage.entry.js +1 -1
- package/dist/esm/dga-modal-v2-usage.entry.js +2 -2
- package/dist/esm/dga-modal.entry.js +3 -3
- package/dist/esm/dga-notification-toast-usage.entry.js +3 -3
- package/dist/esm/dga-notification-toast.entry.js +2 -2
- package/dist/esm/dga-notification-usage.entry.js +1 -1
- package/dist/esm/dga-notification.entry.js +3 -3
- package/dist/esm/dga-number-input-usage.entry.js +4 -4
- package/dist/esm/dga-number-input.entry.js +2 -2
- package/dist/esm/dga-pagination-usage.entry.js +1 -1
- package/dist/esm/dga-pagination.entry.js +2 -2
- package/dist/esm/dga-progress-indicator-step-v3.entry.js +1 -1
- package/dist/esm/dga-progress-indicator-usage.entry.js +1 -1
- package/dist/esm/dga-progress-indicator-v3-usage.entry.js +1 -1
- package/dist/esm/dga-progress-indicator-v3.entry.js +1 -1
- package/dist/esm/dga-progress-indicator_2.entry.js +2 -2
- package/dist/esm/dga-quote-usage.entry.js +1 -1
- package/dist/esm/dga-quote.entry.js +1 -1
- package/dist/esm/dga-radial-stepper-usage.entry.js +8 -8
- package/dist/esm/dga-radio-button-usage.entry.js +3 -3
- package/dist/esm/dga-rating-usage.entry.js +2 -2
- package/dist/esm/dga-rating.entry.js +1 -1
- package/dist/esm/dga-search-box-usage.entry.js +1 -1
- package/dist/esm/dga-search-box_2.entry.js +2 -2
- package/dist/esm/dga-second-nav-header-usage.entry.js +7 -7
- package/dist/esm/dga-skeleton-usage.entry.js +1 -1
- package/dist/esm/dga-slideout-menu-usage.entry.js +1 -1
- package/dist/esm/dga-slideout-menu_4.entry.js +6 -6
- package/dist/esm/dga-slider-usage.entry.js +2 -2
- package/dist/esm/dga-slider.entry.js +1 -1
- package/dist/esm/dga-status-tag.entry.js +1 -1
- package/dist/esm/dga-structured-list-usage.entry.js +2 -2
- package/dist/esm/dga-structured-list.entry.js +1 -1
- package/dist/esm/dga-switch-usage.entry.js +1 -1
- package/dist/esm/dga-switch.entry.js +1 -1
- package/dist/esm/dga-table-body.entry.js +1 -1
- package/dist/esm/dga-table-of-content-usage.entry.js +19 -19
- package/dist/esm/dga-table-usage.entry.js +2 -2
- package/dist/esm/dga-table.entry.js +1 -1
- package/dist/esm/dga-tabs-usage.entry.js +3 -3
- package/dist/esm/dga-tag-usage.entry.js +13 -13
- package/dist/esm/dga-text-input-usage.entry.js +2 -2
- package/dist/esm/dga-textarea-usage.entry.js +1 -1
- package/dist/esm/dga-textarea.entry.js +1 -1
- package/dist/esm/dga-tooltip-usage.entry.js +2 -2
- package/dist/esm/floating-button.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/nds-accordion-usage.entry.js +1 -1
- package/dist/esm/nds-accordion.entry.js +2 -2
- package/dist/esm/nds-avatar-usage.entry.js +9 -9
- package/dist/esm/nds-button-usage.entry.js +2 -2
- package/dist/esm/nds-chip-usage.entry.js +4 -4
- package/dist/esm/nds-chip.entry.js +2 -2
- package/dist/esm/nds-floating-button-usage.entry.js +1 -1
- package/dist/esm/nds-floating-button.entry.js +2 -2
- package/dist/esm/nds-link-usage.entry.js +1 -1
- package/dist/esm/nds-link.entry.js +1 -1
- package/dist/esm/nds-table-of-content-usage.entry.js +19 -19
- package/dist/types/components/dga-data-table/dga-data-table-usage.d.ts +4 -0
- package/dist/types/components/dga-data-table/dga-data-table.d.ts +19 -11
- package/dist/types/components.d.ts +19 -28
- package/package.json +1 -1
- package/dist/cjs/dga-button.cjs.entry.js +0 -78
- package/dist/cjs/dga-checkbox.cjs.entry.js +0 -76
- package/dist/cjs/dga-data-table.cjs.entry.js +0 -165
- package/dist/core/p-00a48594.entry.js +0 -1
- package/dist/core/p-087d574d.entry.js +0 -1
- package/dist/core/p-0b4b9602.entry.js +0 -1
- package/dist/core/p-0f1d24b4.entry.js +0 -1
- package/dist/core/p-10a43c24.entry.js +0 -1
- package/dist/core/p-119f9c7a.entry.js +0 -1
- package/dist/core/p-13726918.entry.js +0 -1
- package/dist/core/p-14c8ca9c.entry.js +0 -1
- package/dist/core/p-1ca3f7e9.entry.js +0 -1
- package/dist/core/p-21bccf95.entry.js +0 -1
- package/dist/core/p-2566571a.entry.js +0 -1
- package/dist/core/p-28acd006.entry.js +0 -1
- package/dist/core/p-2a96dfd7.entry.js +0 -1
- package/dist/core/p-3241e9b8.entry.js +0 -1
- package/dist/core/p-4085976c.entry.js +0 -1
- package/dist/core/p-4122296e.entry.js +0 -1
- package/dist/core/p-4534fa6a.entry.js +0 -1
- package/dist/core/p-48ef204a.entry.js +0 -1
- package/dist/core/p-4c3b9997.entry.js +0 -1
- package/dist/core/p-4e535cbe.entry.js +0 -1
- package/dist/core/p-4fb8fa24.entry.js +0 -1
- package/dist/core/p-507dfeb7.entry.js +0 -1
- package/dist/core/p-56f3ede7.entry.js +0 -1
- package/dist/core/p-574723dd.entry.js +0 -1
- package/dist/core/p-5967e3cf.entry.js +0 -1
- package/dist/core/p-63089db2.entry.js +0 -1
- package/dist/core/p-65cf1311.entry.js +0 -1
- package/dist/core/p-6635b1c8.entry.js +0 -1
- package/dist/core/p-72601649.entry.js +0 -1
- package/dist/core/p-75e3143a.entry.js +0 -1
- package/dist/core/p-78122b17.entry.js +0 -1
- package/dist/core/p-7e9f488d.entry.js +0 -1
- package/dist/core/p-8316d4a0.entry.js +0 -1
- package/dist/core/p-8bea3ac7.entry.js +0 -1
- package/dist/core/p-90665c30.entry.js +0 -1
- package/dist/core/p-960a59fa.entry.js +0 -1
- package/dist/core/p-9b615c28.entry.js +0 -1
- package/dist/core/p-9c9c4b34.entry.js +0 -1
- package/dist/core/p-9e24b7be.entry.js +0 -1
- package/dist/core/p-a14dfa00.entry.js +0 -1
- package/dist/core/p-a354c9e0.entry.js +0 -1
- package/dist/core/p-a6efee12.entry.js +0 -1
- package/dist/core/p-aaf2233f.entry.js +0 -1
- package/dist/core/p-ab6c1a9a.entry.js +0 -1
- package/dist/core/p-b91a5505.entry.js +0 -1
- package/dist/core/p-c195d8d4.entry.js +0 -1
- package/dist/core/p-d6f41e1b.entry.js +0 -1
- package/dist/core/p-da8c632b.entry.js +0 -1
- package/dist/core/p-dc32175a.entry.js +0 -1
- package/dist/core/p-dc6fb535.entry.js +0 -1
- package/dist/core/p-df5881cc.entry.js +0 -1
- package/dist/core/p-e0c28a09.entry.js +0 -1
- package/dist/core/p-e5c417fc.entry.js +0 -1
- package/dist/core/p-e67e37df.entry.js +0 -1
- package/dist/core/p-e8c9736d.entry.js +0 -1
- package/dist/core/p-e9914496.entry.js +0 -1
- package/dist/core/p-ed8132b6.entry.js +0 -1
- package/dist/core/p-f31afbf1.entry.js +0 -1
- package/dist/core/p-f64e1e4e.entry.js +0 -1
- package/dist/core/p-f68b3397.entry.js +0 -1
- package/dist/core/p-facbe82a.entry.js +0 -1
- package/dist/core/p-fd0c2ce0.entry.js +0 -1
- package/dist/core/p-fe03fa1b.entry.js +0 -1
- package/dist/esm/dga-button.entry.js +0 -76
- package/dist/esm/dga-checkbox.entry.js +0 -74
- package/dist/esm/dga-data-table.entry.js +0 -163
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,h as i,H as d,a as t}from"./p-D0dWnGvB.js";import{S as p}from"./p-BFEqPAFn.js";const e=class{constructor(i){a(this,i),this.variant="success",this.size="md",this.selected=!1,this.onChange=()=>{},this.pressed=!1,this.isSelectedState=this.selected,this.componentId=`dga-button-${Math.random().toString(36).substring(2,9)}`,this.rootStyles={}}handleSxChange(){this.processStyling()}componentWillLoad(){this.sxStyleManager=new p(this.componentId,this.el)}componentDidLoad(){this.processStyling()}componentDidUpdate(){this.processStyling()}processStyling(){if(!this.sx)return;const a="string"==typeof this.sx?JSON.parse(this.sx):this.sx;this.rootStyles=this.sxStyleManager.processSxProp(a)}disconnectedCallback(){var a;null===(a=this.sxStyleManager)||void 0===a||a.cleanup()}render(){return i(d,{key:"270987692d8c56aed13f7dc79a5ee76f73f393d7",id:this.componentId,style:this.rootStyles},i("span",{key:"ac26c5fde928ccff24bbfbadb4c2ff1cb051c138",tabindex:"0",class:`chip chip--${this.variant} chip--${this.size} ${this.rounded?"chip--rounded":""} ${this.disabled?"disabled":""} ${this.pressed?"pressed":""} ${this.selected?"selected":""}`,onMouseDown:()=>this.pressed=!0,onMouseUp:()=>this.pressed=!1,"aria-disabled":this.disabled,onClick:()=>{this.isSelectedState=!this.selected,this.onChange(this.isSelectedState)}},i("slot",{key:"80ba999ddf46d1b023a78a36f79d011b86313908",name:"trailing-icon"},this.leadingIcon&&i("span",{key:"57dd8653c8f5acfa2c3dc23dcc4d9591dfa4c68b",class:"chip-icon"},i("dga-icon-v2",Object.assign({key:"885c8716a7ee7b4b4819a544b3ff3755f5900388",name:this.leadingIcon},this.leadingIconProps)))),this.label,i("slot",{key:"44abfc053d4468565188a734cc02bd1e79c11f30",name:"trailing-icon"},this.trailingIcon&&i("span",{key:"478d15e117ebb59e70e925d43e74984f26d61512",class:"chip-icon"},i("dga-icon-v2",Object.assign({key:"919bfd229d1de10fac4b5b0ceb932b6fa02f6f99",name:this.trailingIcon},this.trailingIconProps))))))}get el(){return t(this)}static get watchers(){return{sx:["handleSxChange"]}}};e.style='@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:auto}body{font-family:"IBMPlexSansArabic"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px "IBMPlexSansArabic"}.display-xl-regular{font:400 60px/72px "IBMPlexSansArabic"}.display-lg-regular{font:400 48px/60px "IBMPlexSansArabic"}.display-md-regular{font:400 36px/44px "IBMPlexSansArabic"}.display-sm-regular{font:400 30px/38px "IBMPlexSansArabic"}.display-xs-regular{font:400 24px/32px "IBMPlexSansArabic"}.text-xl-regular{font:400 20px/30px "IBMPlexSansArabic"}.text-lg-regular{font:400 18px/28px "IBMPlexSansArabic"}.text-md-regular{font:400 16px/24px "IBMPlexSansArabic"}.text-sm-regular{font:400 14px/20px "IBMPlexSansArabic"}.text-xs-regular{font:400 12px/18px "IBMPlexSansArabic"}.text-2xs-regular{font:400 10px/14px "IBMPlexSansArabic"}.display-2xl-medium{font:500 72px/90px "IBMPlexSansArabic"}.display-xl-medium{font:500 60px/72px "IBMPlexSansArabic"}.display-lg-medium{font:500 48px/60px "IBMPlexSansArabic"}.display-md-medium{font:500 36px/44px "IBMPlexSansArabic"}.display-sm-medium{font:500 30px/38px "IBMPlexSansArabic"}.display-xs-medium{font:500 24px/32px "IBMPlexSansArabic"}.text-xl-medium{font:500 20px/30px "IBMPlexSansArabic"}.text-lg-medium{font:500 18px/28px "IBMPlexSansArabic"}.text-md-medium,.chip--lg,.chip{font:500 16px/24px "IBMPlexSansArabic"}.text-sm-medium{font:500 14px/20px "IBMPlexSansArabic"}.text-xs-medium,.chip--md{font:500 12px/18px "IBMPlexSansArabic"}.text-2xs-medium{font:500 10px/14px "IBMPlexSansArabic"}.display-2xl-semibold{font:600 72px/90px "IBMPlexSansArabic"}.display-xl-semibold{font:600 60px/72px "IBMPlexSansArabic"}.display-lg-semibold{font:600 48px/60px "IBMPlexSansArabic"}.display-md-semibold{font:600 36px/44px "IBMPlexSansArabic"}.display-sm-semibold{font:600 30px/38px "IBMPlexSansArabic"}.display-xs-semibold{font:600 24px/32px "IBMPlexSansArabic"}.text-xl-semibold{font:600 20px/30px "IBMPlexSansArabic"}.text-lg-semibold{font:600 18px/28px "IBMPlexSansArabic"}.text-md-semibold{font:600 16px/24px "IBMPlexSansArabic"}.text-sm-semibold{font:600 14px/20px "IBMPlexSansArabic"}.text-xs-semibold{font:600 12px/18px "IBMPlexSansArabic"}.text-2xs-semibold,.chip--sm{font:600 10px/14px "IBMPlexSansArabic"}.display-2xl-bold{font:700 72px/90px "IBMPlexSansArabic"}.display-xl-bold{font:700 60px/72px "IBMPlexSansArabic"}.display-lg-bold{font:700 48px/60px "IBMPlexSansArabic"}.display-md-bold{font:700 36px/44px "IBMPlexSansArabic"}.display-sm-bold{font:700 30px/38px "IBMPlexSansArabic"}.display-xs-bold{font:700 24px/32px "IBMPlexSansArabic"}.text-xl-bold{font:700 20px/30px "IBMPlexSansArabic"}.text-lg-bold{font:700 18px/28px "IBMPlexSansArabic"}.text-md-bold{font:700 16px/24px "IBMPlexSansArabic"}.text-sm-bold{font:700 14px/20px "IBMPlexSansArabic"}.text-xs-bold{font:700 12px/18px "IBMPlexSansArabic"}.text-2xs-bold{font:700 10px/14px "IBMPlexSansArabic"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:hsla(var(--colors-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:inline-block}.chip{display:inline-flex;height:32px;padding:var(--spacing-none) var(--spacing-lg);justify-content:center;align-items:center;gap:var(--spacing-xs);flex-shrink:0;border-radius:var(--radius-sm);line-height:normal;cursor:pointer}.chip--lg{height:32px}.chip--md{height:24px}.chip--sm{height:20px}.chip--rounded{border-radius:var(--radius-full)}.chip-icon{display:grid;place-items:center;padding:0}.chip-icon.chip--lg{width:32px;height:32px}.chip-icon.chip--md{width:24px;height:24px}.chip-icon.chip--sm{width:20px;height:20px}.chip--neutral{color:var(--text-default);background:var(--button-background-neutral-default)}.chip--neutral svg{color:currentColor;stroke:currentColor}.chip--neutral:hover{color:var(--text-default);background-color:var(--button-background-neutral-pressed)}.chip--neutral.pressed{color:var(--text-oncolor-primary);background-color:var(--button-background-black-selected)}.chip--neutral.selected{color:var(--text-oncolor-primary);background:var(--chip-background-neutral-selected, #384250)}.chip--success{color:var(--text-primary-sa-flag);background-color:var(--background-primary-50)}.chip--success svg{color:currentColor;stroke:currentColor}.chip--success:hover{color:var(--text-primary-sa-flag);background-color:var(--background-primary-200)}.chip--success.pressed{color:var(--button-background-primary-pressed);background-color:var(--background-primary-400)}.chip--success.selected{color:var(--text-oncolor-primary);background-color:var(--background-primary)}.chip--on-color{color:var(--text-default);background:var(--button-background-oncolor-default)}.chip--on-color svg{color:currentColor;stroke:currentColor}.chip--on-color:hover{background-color:var(--button-background-oncolor-hovered)}.chip--on-color.pressed{background-color:var(--button-background-oncolor-pressed)}.chip--on-color.selected{color:var(--text-default);background:var(--chip-background-on-color-selected, rgba(255, 255, 255, 0.7))}.chip--neutral.disabled,.chip--success.disabled,.chip--on-color.disabled{color:var(--text-default-disabled);background-color:var(--background-disabled)}.chip--neutral:focus-visible,.chip--success:focus-visible,.chip--on-color:focus-visible{border:3px solid var(--icon-default, #161616)}';export{e as nds_chip}
|
|
1
|
+
import{r as a,h as i,H as d,a as t}from"./p-D0dWnGvB.js";import{S as p}from"./p-BFEqPAFn.js";const e=class{constructor(i){a(this,i),this.variant="success",this.size="md",this.selected=!1,this.onChange=()=>{},this.pressed=!1,this.isSelectedState=this.selected,this.componentId=`dga-button-${Math.random().toString(36).substring(2,9)}`,this.rootStyles={}}handleSxChange(){this.processStyling()}componentWillLoad(){this.sxStyleManager=new p(this.componentId,this.el)}componentDidLoad(){this.processStyling()}componentDidUpdate(){this.processStyling()}processStyling(){if(!this.sx)return;const a="string"==typeof this.sx?JSON.parse(this.sx):this.sx;this.rootStyles=this.sxStyleManager.processSxProp(a)}disconnectedCallback(){var a;null===(a=this.sxStyleManager)||void 0===a||a.cleanup()}render(){return i(d,{key:"c9ac8c63367e77702f8a3ff6a565881e4fa39ae5",id:this.componentId,style:this.rootStyles},i("span",{key:"b804b9be70e18252633714ad50b18b551626b9d3",tabindex:"0",class:`chip chip--${this.variant} chip--${this.size} ${this.rounded?"chip--rounded":""} ${this.disabled?"disabled":""} ${this.pressed?"pressed":""} ${this.selected?"selected":""}`,onMouseDown:()=>this.pressed=!0,onMouseUp:()=>this.pressed=!1,"aria-disabled":this.disabled,onClick:()=>{this.isSelectedState=!this.selected,this.onChange(this.isSelectedState)}},i("slot",{key:"0ee61f1aba69cca35b12ec96889a7dcdf45c584e",name:"trailing-icon"},this.leadingIcon&&i("span",{key:"eded2bc1768718e21ab54b1056fc20cb3d0da020",class:"chip-icon"},i("dga-icon-v2",Object.assign({key:"fdef0481a5d0b000d62f994c3856cf5f2a9b3520",name:this.leadingIcon},this.leadingIconProps)))),this.label,i("slot",{key:"6b8e4b82c7e0be4c63dc762f7bd2d81eec529c2e",name:"trailing-icon"},this.trailingIcon&&i("span",{key:"3ad2c9f1662ccd97de7b9b83bb900f6633e82715",class:"chip-icon"},i("dga-icon-v2",Object.assign({key:"97c77c0877743e4fe13607d479665601282ef8b2",name:this.trailingIcon},this.trailingIconProps))))))}get el(){return t(this)}static get watchers(){return{sx:["handleSxChange"]}}};e.style='@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:auto}body{font-family:"IBMPlexSansArabic"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px "IBMPlexSansArabic"}.display-xl-regular{font:400 60px/72px "IBMPlexSansArabic"}.display-lg-regular{font:400 48px/60px "IBMPlexSansArabic"}.display-md-regular{font:400 36px/44px "IBMPlexSansArabic"}.display-sm-regular{font:400 30px/38px "IBMPlexSansArabic"}.display-xs-regular{font:400 24px/32px "IBMPlexSansArabic"}.text-xl-regular{font:400 20px/30px "IBMPlexSansArabic"}.text-lg-regular{font:400 18px/28px "IBMPlexSansArabic"}.text-md-regular{font:400 16px/24px "IBMPlexSansArabic"}.text-sm-regular{font:400 14px/20px "IBMPlexSansArabic"}.text-xs-regular{font:400 12px/18px "IBMPlexSansArabic"}.text-2xs-regular{font:400 10px/14px "IBMPlexSansArabic"}.display-2xl-medium{font:500 72px/90px "IBMPlexSansArabic"}.display-xl-medium{font:500 60px/72px "IBMPlexSansArabic"}.display-lg-medium{font:500 48px/60px "IBMPlexSansArabic"}.display-md-medium{font:500 36px/44px "IBMPlexSansArabic"}.display-sm-medium{font:500 30px/38px "IBMPlexSansArabic"}.display-xs-medium{font:500 24px/32px "IBMPlexSansArabic"}.text-xl-medium{font:500 20px/30px "IBMPlexSansArabic"}.text-lg-medium{font:500 18px/28px "IBMPlexSansArabic"}.text-md-medium,.chip--lg,.chip{font:500 16px/24px "IBMPlexSansArabic"}.text-sm-medium{font:500 14px/20px "IBMPlexSansArabic"}.text-xs-medium,.chip--md{font:500 12px/18px "IBMPlexSansArabic"}.text-2xs-medium{font:500 10px/14px "IBMPlexSansArabic"}.display-2xl-semibold{font:600 72px/90px "IBMPlexSansArabic"}.display-xl-semibold{font:600 60px/72px "IBMPlexSansArabic"}.display-lg-semibold{font:600 48px/60px "IBMPlexSansArabic"}.display-md-semibold{font:600 36px/44px "IBMPlexSansArabic"}.display-sm-semibold{font:600 30px/38px "IBMPlexSansArabic"}.display-xs-semibold{font:600 24px/32px "IBMPlexSansArabic"}.text-xl-semibold{font:600 20px/30px "IBMPlexSansArabic"}.text-lg-semibold{font:600 18px/28px "IBMPlexSansArabic"}.text-md-semibold{font:600 16px/24px "IBMPlexSansArabic"}.text-sm-semibold{font:600 14px/20px "IBMPlexSansArabic"}.text-xs-semibold{font:600 12px/18px "IBMPlexSansArabic"}.text-2xs-semibold,.chip--sm{font:600 10px/14px "IBMPlexSansArabic"}.display-2xl-bold{font:700 72px/90px "IBMPlexSansArabic"}.display-xl-bold{font:700 60px/72px "IBMPlexSansArabic"}.display-lg-bold{font:700 48px/60px "IBMPlexSansArabic"}.display-md-bold{font:700 36px/44px "IBMPlexSansArabic"}.display-sm-bold{font:700 30px/38px "IBMPlexSansArabic"}.display-xs-bold{font:700 24px/32px "IBMPlexSansArabic"}.text-xl-bold{font:700 20px/30px "IBMPlexSansArabic"}.text-lg-bold{font:700 18px/28px "IBMPlexSansArabic"}.text-md-bold{font:700 16px/24px "IBMPlexSansArabic"}.text-sm-bold{font:700 14px/20px "IBMPlexSansArabic"}.text-xs-bold{font:700 12px/18px "IBMPlexSansArabic"}.text-2xs-bold{font:700 10px/14px "IBMPlexSansArabic"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:hsla(var(--colors-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:inline-block}.chip{display:inline-flex;height:32px;padding:var(--spacing-none) var(--spacing-lg);justify-content:center;align-items:center;gap:var(--spacing-xs);flex-shrink:0;border-radius:var(--radius-sm);line-height:normal;cursor:pointer}.chip--lg{height:32px}.chip--md{height:24px}.chip--sm{height:20px}.chip--rounded{border-radius:var(--radius-full)}.chip-icon{display:grid;place-items:center;padding:0}.chip-icon.chip--lg{width:32px;height:32px}.chip-icon.chip--md{width:24px;height:24px}.chip-icon.chip--sm{width:20px;height:20px}.chip--neutral{color:var(--text-default);background:var(--button-background-neutral-default)}.chip--neutral svg{color:currentColor;stroke:currentColor}.chip--neutral:hover{color:var(--text-default);background-color:var(--button-background-neutral-pressed)}.chip--neutral.pressed{color:var(--text-oncolor-primary);background-color:var(--button-background-black-selected)}.chip--neutral.selected{color:var(--text-oncolor-primary);background:var(--chip-background-neutral-selected, #384250)}.chip--success{color:var(--text-primary-sa-flag);background-color:var(--background-primary-50)}.chip--success svg{color:currentColor;stroke:currentColor}.chip--success:hover{color:var(--text-primary-sa-flag);background-color:var(--background-primary-200)}.chip--success.pressed{color:var(--button-background-primary-pressed);background-color:var(--background-primary-400)}.chip--success.selected{color:var(--text-oncolor-primary);background-color:var(--background-primary)}.chip--on-color{color:var(--text-default);background:var(--button-background-oncolor-default)}.chip--on-color svg{color:currentColor;stroke:currentColor}.chip--on-color:hover{background-color:var(--button-background-oncolor-hovered)}.chip--on-color.pressed{background-color:var(--button-background-oncolor-pressed)}.chip--on-color.selected{color:var(--text-default);background:var(--chip-background-on-color-selected, rgba(255, 255, 255, 0.7))}.chip--neutral.disabled,.chip--success.disabled,.chip--on-color.disabled{color:var(--text-default-disabled);background-color:var(--background-disabled)}.chip--neutral:focus-visible,.chip--success:focus-visible,.chip--on-color:focus-visible{border:3px solid var(--icon-default, #161616)}';export{e as nds_chip}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as a,h as n}from"./p-D0dWnGvB.js";const t=class{constructor(n){a(this,n)}render(){return n("div",{key:"1077ca0b8a1c641f129a560f2fab077eb071e526"},n("dga-flex",{key:"0e4fc0f68a48a29cb51304cc7c335c081dd5f8b5",direction:"column",spacing:16},n("nds-floating-button",{key:"51eaecdc1b26b083b1c31e0315fc69a9f420c987",variant:"primary-neutral",label:"Button",iconOnly:!0,icon:"plus-sign"}),n("nds-floating-button",{key:"95c96244a8e4d6c18bb8df8b34d4b9fe0bb266dc",variant:"primary-neutral",label:"Button"}),n("nds-floating-button",{key:"b4046ca70356e47f946d7035ff4572e5b68094fe",variant:"primary-brand",label:"Button",iconOnly:!0,icon:"plus-sign"}),n("nds-floating-button",{key:"6850de062f4d3b57a80545aaaa81a33a57ae9532",variant:"primary-brand",label:"Button"}),n("nds-floating-button",{key:"8923b990baeb8b96770324028108f07c8ba9df65",variant:"secondary-solid",label:"Button",iconOnly:!0,icon:"plus-sign"}),n("nds-floating-button",{key:"5c847753cce63f00a72664dd26951a5bdcbfa087",variant:"secondary-solid",label:"Button"})),n("div",{key:"977fb56e1b173eb335808d3279938154befd1053",style:{backgroundColor:"#074D31",padding:"20px",marginTop:"20px"}},n("dga-flex",{key:"2f29434c6a9720731bf50c4b35b0b1c24d95ac4f",direction:"column",spacing:16},n("nds-floating-button",{key:"aae7230aed0efb57cacd5ed44c60924533f95b2d",variant:"primary-neutral",label:"Button",iconOnly:!0,icon:"plus-sign",inverted:!0}),n("nds-floating-button",{key:"d350ac9cc4bf197528def370259bb9a09b51997b",variant:"primary-neutral",label:"Button",inverted:!0}),n("nds-floating-button",{key:"0d553f7e05ba667ca27139eef21c22c48362b0ec",variant:"primary-brand",label:"Button",iconOnly:!0,icon:"plus-sign",inverted:!0}),n("nds-floating-button",{key:"de24454901b2d9f29dc034a9cadba10afef6e294",variant:"primary-brand",label:"Button",inverted:!0}),n("nds-floating-button",{key:"333514f4e6297be77e73f7725fcbae174cf379e0",variant:"secondary-solid",label:"Button",iconOnly:!0,icon:"plus-sign",inverted:!0}),n("nds-floating-button",{key:"001973bd2d981a3c6da7db63094f93d9aac909bb",variant:"secondary-solid",label:"Button",inverted:!0}))))}};export{t as nds_floating_button_usage}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,h as e,H as i,a as n,F as d}from"./p-D0dWnGvB.js";import{S as t}from"./p-B6jlKZmF.js";import{g as p}from"./p-DEtoWGOc.js";import"./p-BFEqPAFn.js";const r=class{constructor(e){a(this,e),this.background="brand",this.anchor="left",this.open=!1}componentWillLoad(){this.sxHandler=new t(this.el,"dga-slider")}componentDidLoad(){this.sxHandler.processSx(this.sx)}sxChanged(){this.sxHandler.processSx(this.sx)}disconnectedCallback(){this.sxHandler.cleanup()}render(){return e(i,{key:"852c1b553acf13987eed86c49d6f237e119fc378",id:this.sxHandler.getId(),style:this.sxHandler.getStyles()},e("div",{key:"bfaa54d3f169a759aef88eb857f491bcc06f1857",class:`sidepanel sidepanel--${this.anchor} ${this.background?`sidepanel--bg-${this.background}`:""}\n ${this.overlay?"sidepanel--overlay":""}\n ${this.border?"sidepanel--border":""}\n ${this.open?"active":""}\n `},this.headerLogo&&e("div",{key:"c480128121823c203d9acfa71e32f2ea244849bb",class:"sidepanel__header"},e("img",{key:"423d3ed5fb4efc982b2a4a43e34eb9356980de7a",src:this.headerLogo,alt:"logo"})),e("side-panel-menu",{key:"59a4b075643abf8ec329ec9dd69e046b9263a870",routes:this.routes}),e("slot",{key:"6748cf132fc0e7872e030f10a7e0dcae25125ce4"})))}get el(){return n(this)}static get watchers(){return{sx:["sxChanged"]}}};r.style='@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:auto}body{font-family:"IBMPlexSansArabic"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px "IBMPlexSansArabic"}.display-xl-regular{font:400 60px/72px "IBMPlexSansArabic"}.display-lg-regular{font:400 48px/60px "IBMPlexSansArabic"}.display-md-regular{font:400 36px/44px "IBMPlexSansArabic"}.display-sm-regular{font:400 30px/38px "IBMPlexSansArabic"}.display-xs-regular{font:400 24px/32px "IBMPlexSansArabic"}.text-xl-regular{font:400 20px/30px "IBMPlexSansArabic"}.text-lg-regular{font:400 18px/28px "IBMPlexSansArabic"}.text-md-regular{font:400 16px/24px "IBMPlexSansArabic"}.text-sm-regular,.sidepanel__submenu--sublevel .sidepanel__submenu-tab-label,.sidepanel__menu-tab,.sidepanel__submenu-tab{font:400 14px/20px "IBMPlexSansArabic"}.text-xs-regular{font:400 12px/18px "IBMPlexSansArabic"}.text-2xs-regular{font:400 10px/14px "IBMPlexSansArabic"}.display-2xl-medium{font:500 72px/90px "IBMPlexSansArabic"}.display-xl-medium{font:500 60px/72px "IBMPlexSansArabic"}.display-lg-medium{font:500 48px/60px "IBMPlexSansArabic"}.display-md-medium{font:500 36px/44px "IBMPlexSansArabic"}.display-sm-medium{font:500 30px/38px "IBMPlexSansArabic"}.display-xs-medium{font:500 24px/32px "IBMPlexSansArabic"}.text-xl-medium{font:500 20px/30px "IBMPlexSansArabic"}.text-lg-medium{font:500 18px/28px "IBMPlexSansArabic"}.text-md-medium{font:500 16px/24px "IBMPlexSansArabic"}.text-sm-medium{font:500 14px/20px "IBMPlexSansArabic"}.text-xs-medium{font:500 12px/18px "IBMPlexSansArabic"}.text-2xs-medium{font:500 10px/14px "IBMPlexSansArabic"}.display-2xl-semibold{font:600 72px/90px "IBMPlexSansArabic"}.display-xl-semibold{font:600 60px/72px "IBMPlexSansArabic"}.display-lg-semibold{font:600 48px/60px "IBMPlexSansArabic"}.display-md-semibold{font:600 36px/44px "IBMPlexSansArabic"}.display-sm-semibold{font:600 30px/38px "IBMPlexSansArabic"}.display-xs-semibold{font:600 24px/32px "IBMPlexSansArabic"}.text-xl-semibold{font:600 20px/30px "IBMPlexSansArabic"}.text-lg-semibold{font:600 18px/28px "IBMPlexSansArabic"}.text-md-semibold{font:600 16px/24px "IBMPlexSansArabic"}.text-sm-semibold,.sidepanel__submenu-tab-label,.sidepanel__menu-tab-label{font:600 14px/20px "IBMPlexSansArabic"}.text-xs-semibold{font:600 12px/18px "IBMPlexSansArabic"}.text-2xs-semibold{font:600 10px/14px "IBMPlexSansArabic"}.display-2xl-bold{font:700 72px/90px "IBMPlexSansArabic"}.display-xl-bold{font:700 60px/72px "IBMPlexSansArabic"}.display-lg-bold{font:700 48px/60px "IBMPlexSansArabic"}.display-md-bold{font:700 36px/44px "IBMPlexSansArabic"}.display-sm-bold{font:700 30px/38px "IBMPlexSansArabic"}.display-xs-bold{font:700 24px/32px "IBMPlexSansArabic"}.text-xl-bold{font:700 20px/30px "IBMPlexSansArabic"}.text-lg-bold{font:700 18px/28px "IBMPlexSansArabic"}.text-md-bold{font:700 16px/24px "IBMPlexSansArabic"}.text-sm-bold,.sidepanel__menu-tab.active>.sidepanel__menu-tab-label,.active.sidepanel__submenu-tab>.sidepanel__menu-tab-label,.sidepanel__menu-tab.selected,.selected.sidepanel__submenu-tab,.sidepanel__menu-tab.active,.active.sidepanel__submenu-tab{font:700 14px/20px "IBMPlexSansArabic"}.text-xs-bold{font:700 12px/18px "IBMPlexSansArabic"}.text-2xs-bold{font:700 10px/14px "IBMPlexSansArabic"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:hsla(var(--colors-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}.sidepanel{background-color:var(--colors-base-white);display:flex;flex-direction:column;align-items:flex-start;width:fit-content;min-height:100vh;max-height:100vh;overflow-y:auto;position:fixed;top:0;z-index:99;transition:all 0.4s ease-in-out;transform:translate3d(-100vw, 0, 0);transition:transform 400ms ease-in}.sidepanel--right{left:auto;right:0;transform:translate3d(100vw, 0, 0)}.sidepanel.active{transform:translate3d(0vw, 0, 0)}.sidepanel__header{display:flex;padding:16px var(--spacing-4xl, 32px);align-items:center;width:100%}.sidepanel__header>img{height:32px;width:auto}.sidepanel::-webkit-scrollbar{height:100px;width:calc(8px + 2 * var(--spacing-xs))}.sidepanel::-webkit-scrollbar-track{background-color:transparent;padding:var(--spacing-xs)}.sidepanel::-webkit-scrollbar-thumb{height:100px;border-radius:var(--radius-full);border:var(--spacing-xs) solid transparent;background-color:var(--border-neutral-primary);background-clip:content-box;mix-blend-mode:multiply}.sidepanel__nav-header{margin-inline:var(--spacing-4xl);margin-block:var(--spacing-lg)}.sidepanel ul{list-style:none;padding:0;margin:0}.sidepanel__menu-list{width:100%;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-8xl) var(--spacing-xl) !important}.sidepanel__menu-tab,.sidepanel__submenu-tab{display:flex;padding:var(--spacing-md) var(--spacing-xl);justify-content:center;align-items:center;gap:var(--spacing-md);align-self:stretch;color:var(--colors-gray-neutral-600);text-decoration:none;border-radius:var(--radius-sm);mix-blend-mode:multiply;position:relative;border:2px solid transparent;outline:none}.sidepanel__menu-tab::after,.sidepanel__submenu-tab::after{content:"";width:6px;height:calc(100% - 2 * var(--spacing-sm));position:absolute;top:50%;left:0px;transform:translateY(-50%);border-radius:var(--radius-full);background-color:var(--background-primary);display:none}.sidepanel__menu-tab:hover,.sidepanel__submenu-tab:hover{background-color:var(--background-neutral-50);color:var(--colors-text-primary);border-color:transparent}.sidepanel__menu-tab:hover::after,.sidepanel__submenu-tab:hover::after{display:block;background-color:var(--colors-gray-neutral-400)}.sidepanel__menu-tab:focus,.sidepanel__submenu-tab:focus{background-color:var(--colors-base-white)}.sidepanel__menu-tab:focus::after,.sidepanel__submenu-tab:focus::after{display:none}.sidepanel__menu-tab.selected,.selected.sidepanel__submenu-tab,.sidepanel__menu-tab.active,.active.sidepanel__submenu-tab{background-color:transparent;color:var(--colors-gray-modern-950);font-weight:700}.sidepanel__menu-tab.selected::after,.selected.sidepanel__submenu-tab::after,.sidepanel__menu-tab.active::after,.active.sidepanel__submenu-tab::after{display:block;background-color:var(--background-primary)}.sidepanel__menu-tab.selected .sidepanel__menu-tab-icon,.selected.sidepanel__submenu-tab .sidepanel__menu-tab-icon,.sidepanel__menu-tab.active .sidepanel__menu-tab-icon,.active.sidepanel__submenu-tab .sidepanel__menu-tab-icon{color:#1B8354}.sidepanel__menu-tab.pressed,.pressed.sidepanel__submenu-tab{background-color:var(--border-neutral-primary);color:var(--colors-text-primary);border-color:transparent}.sidepanel__menu-tab.pressed::after,.pressed.sidepanel__submenu-tab::after{display:block;background-color:var(--colors-gray-neutral-600)}.sidepanel__menu-tab.disabled,.disabled.sidepanel__submenu-tab{color:var(--border-neutral-primary);background-color:transparent;border-color:transparent}.sidepanel__menu-tab.disabled::after,.disabled.sidepanel__submenu-tab::after{display:none}.sidepanel__menu-tab-divider{background:var(--border-neutral-primary);height:1px;margin:var(--spacing-md) var(--spacing-xl);display:block}.sidepanel__menu-tab.active+.sidepanel__submenu-list,.active.sidepanel__submenu-tab+.sidepanel__submenu-list{opacity:1;padding-block:3px !important}.sidepanel__menu-tab.active .sidepanel__menu-tab-arrow,.active.sidepanel__submenu-tab .sidepanel__menu-tab-arrow{transform:rotate(180deg)}.sidepanel__menu-tab-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.sidepanel__menu-tab-label{flex:1}.sidepanel__menu-tab-arrow{font-size:20px;transform:rotate(0deg);transition:all 0.4s ease-in-out}.sidepanel__submenu-list{display:block;padding-block:0 !important;max-height:0;overflow-y:hidden;opacity:1 !important;transition:max-height 0.3s ease;margin-left:24px !important}.sidepanel__submenu-tab{justify-content:flex-start;white-space:nowrap}.sidepanel__submenu-tab-label{flex:1}.sidepanel__submenu-tab-icon{font-size:20px;display:flex;align-items:center;justify-content:center}.sidepanel__submenu--sublevel{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-md) calc(var(--spacing-5xl) + var(--spacing-md) / 2)}.sidepanel--bg-gray{background-color:var(--Background-background-neutral-50, #F9FAFB)}.sidepanel--bg-gray .sidepanel__header{background:var(--background-neutral-50, #F9FAFB)}.sidepanel--bg-brand{background-color:var(--background-sa-flag)}.sidepanel--bg-brand .sidepanel__menu-tab,.sidepanel--bg-brand .sidepanel__submenu-tab{mix-blend-mode:normal;color:var(--text-oncolor-primary) !important}.sidepanel--bg-brand .sidepanel__menu-tab-label,.sidepanel--bg-brand .sidepanel__submenu-tab-label{color:var(--text-oncolor-primary) !important}.sidepanel--bg-brand .sidepanel__menu-tab:hover,.sidepanel--bg-brand .sidepanel__submenu-tab:hover{background-color:hsla(var(--colors-alpha-white)/10%);color:var(--colors-text-primary_on-brand);border-color:transparent}.sidepanel--bg-brand .sidepanel__menu-tab:hover::after,.sidepanel--bg-brand .sidepanel__submenu-tab:hover::after{display:block;background-color:hsla(var(--colors-alpha-white)/40%)}.sidepanel--bg-brand .sidepanel__menu-tab:focus,.sidepanel--bg-brand .sidepanel__submenu-tab:focus{background-color:transparent}.sidepanel--bg-brand .sidepanel__menu-tab:focus::after,.sidepanel--bg-brand .sidepanel__submenu-tab:focus::after{display:none}.sidepanel--bg-brand .sidepanel__menu-tab.selected,.sidepanel--bg-brand .sidepanel__menu-tab.active,.sidepanel--bg-brand .sidepanel__submenu-tab.selected,.sidepanel--bg-brand .sidepanel__submenu-tab.active{background-color:hsla(var(--colors-alpha-white)/20%);color:var(--colors-text-primary_on-brand)}.sidepanel--bg-brand .sidepanel__menu-tab.selected::after,.sidepanel--bg-brand .sidepanel__menu-tab.active::after,.sidepanel--bg-brand .sidepanel__submenu-tab.selected::after,.sidepanel--bg-brand .sidepanel__submenu-tab.active::after{display:block;background-color:var(--colors-base-white)}.sidepanel--bg-brand .sidepanel__menu-tab.pressed,.sidepanel--bg-brand .sidepanel__submenu-tab.pressed{background-color:hsla(var(--colors-alpha-white)/30%);color:var(--colors-text-primary_on-brand);border-color:transparent}.sidepanel--bg-brand .sidepanel__menu-tab.pressed::after,.sidepanel--bg-brand .sidepanel__submenu-tab.pressed::after{display:block;background-color:hsla(var(--colors-alpha-white)/60%)}.sidepanel--bg-brand .sidepanel__header{background:var(--background-nav-header, #14573A)}.sidepanel--border{border-right:1px solid var(--colors-border-primary)}.sidepanel--overlay{background:hsla(var(--colors-alpha-white)/80%);box-shadow:4px 16px 24px 0px rgba(0, 0, 0, 0.1);backdrop-filter:blur(12px)}@media only screen and (min-width: 56.25em){.sidepanel--overlay{box-shadow:none}}.sidepanel--overlay-gray{background:hsla(var(--colors-alpha-white)/80%);box-shadow:4px 16px 24px 0px rgba(0, 0, 0, 0.1);backdrop-filter:blur(12px)}.sidepanel--overlay-brand{background:var(--background-sa-flag);box-shadow:0px 24px 48px -12px rgba(16, 24, 40, 0.18);backdrop-filter:blur(12px)}';const o=class{constructor(e){a(this,e),this.routes=[]}render(){return e("ul",{key:"1a90543c32ed292f8680be93b898e4128b7515a0",class:"sidepanel__menu-list"},this.routes.map(((a,i)=>e("li",{key:p()},e("tab-component",{route:a}),i<this.routes.length-1&&e("div",{class:"sidepanel__menu-tab-divider"})))))}},l=class{constructor(e){a(this,e),this.isExpanded=!1}handleExpanded(a){this.isExpanded=a,this.submenuElement.style.maxHeight=a?"fit-content":""}render(){return e(d,{key:"80b133e8baeb5c1d0531153f1f2f521bc8cbed79"},e("tab-link",{key:"bcd51261e7d2dd2687964519192b28547f1e7d04",text:this.route.name,type:this.route.children&&this.route.children.length>0?"parent":"child",icon:this.route.icon,link:this.route.path,onExpand:this.handleExpanded.bind(this),disabled:this.route.disabled}),this.route.children&&this.route.children.length>0&&e("ul",{key:"43b9cfdf1e48635d9e867e12d999564b22f10627",class:"sidepanel__submenu-list",ref:a=>this.submenuElement=a},this.route.children.map(((a,i)=>e("submenu-component",{key:i,route:this.route,childRoute:a,onChildExpanded:a=>{a&&(this.submenuElement.style.maxHeight="fit-content")}})))))}};export{r as dga_drawer,o as side_panel_menu,l as tab_component}
|
|
1
|
+
import{r as a,h as e,H as i,a as n,F as d}from"./p-D0dWnGvB.js";import{S as t}from"./p-B6jlKZmF.js";import{g as p}from"./p-DEtoWGOc.js";import"./p-BFEqPAFn.js";const r=class{constructor(e){a(this,e),this.background="brand",this.anchor="left",this.open=!1}componentWillLoad(){this.sxHandler=new t(this.el,"dga-slider")}componentDidLoad(){this.sxHandler.processSx(this.sx)}sxChanged(){this.sxHandler.processSx(this.sx)}disconnectedCallback(){this.sxHandler.cleanup()}render(){return e(i,{key:"852c1b553acf13987eed86c49d6f237e119fc378",id:this.sxHandler.getId(),style:this.sxHandler.getStyles()},e("div",{key:"bfaa54d3f169a759aef88eb857f491bcc06f1857",class:`sidepanel sidepanel--${this.anchor} ${this.background?`sidepanel--bg-${this.background}`:""}\n ${this.overlay?"sidepanel--overlay":""}\n ${this.border?"sidepanel--border":""}\n ${this.open?"active":""}\n `},this.headerLogo&&e("div",{key:"c480128121823c203d9acfa71e32f2ea244849bb",class:"sidepanel__header"},e("img",{key:"423d3ed5fb4efc982b2a4a43e34eb9356980de7a",src:this.headerLogo,alt:"logo"})),e("side-panel-menu",{key:"59a4b075643abf8ec329ec9dd69e046b9263a870",routes:this.routes}),e("slot",{key:"6748cf132fc0e7872e030f10a7e0dcae25125ce4"})))}get el(){return n(this)}static get watchers(){return{sx:["sxChanged"]}}};r.style='@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:auto}body{font-family:"IBMPlexSansArabic"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px "IBMPlexSansArabic"}.display-xl-regular{font:400 60px/72px "IBMPlexSansArabic"}.display-lg-regular{font:400 48px/60px "IBMPlexSansArabic"}.display-md-regular{font:400 36px/44px "IBMPlexSansArabic"}.display-sm-regular{font:400 30px/38px "IBMPlexSansArabic"}.display-xs-regular{font:400 24px/32px "IBMPlexSansArabic"}.text-xl-regular{font:400 20px/30px "IBMPlexSansArabic"}.text-lg-regular{font:400 18px/28px "IBMPlexSansArabic"}.text-md-regular{font:400 16px/24px "IBMPlexSansArabic"}.text-sm-regular,.sidepanel__submenu--sublevel .sidepanel__submenu-tab-label,.sidepanel__menu-tab,.sidepanel__submenu-tab{font:400 14px/20px "IBMPlexSansArabic"}.text-xs-regular{font:400 12px/18px "IBMPlexSansArabic"}.text-2xs-regular{font:400 10px/14px "IBMPlexSansArabic"}.display-2xl-medium{font:500 72px/90px "IBMPlexSansArabic"}.display-xl-medium{font:500 60px/72px "IBMPlexSansArabic"}.display-lg-medium{font:500 48px/60px "IBMPlexSansArabic"}.display-md-medium{font:500 36px/44px "IBMPlexSansArabic"}.display-sm-medium{font:500 30px/38px "IBMPlexSansArabic"}.display-xs-medium{font:500 24px/32px "IBMPlexSansArabic"}.text-xl-medium{font:500 20px/30px "IBMPlexSansArabic"}.text-lg-medium{font:500 18px/28px "IBMPlexSansArabic"}.text-md-medium{font:500 16px/24px "IBMPlexSansArabic"}.text-sm-medium{font:500 14px/20px "IBMPlexSansArabic"}.text-xs-medium{font:500 12px/18px "IBMPlexSansArabic"}.text-2xs-medium{font:500 10px/14px "IBMPlexSansArabic"}.display-2xl-semibold{font:600 72px/90px "IBMPlexSansArabic"}.display-xl-semibold{font:600 60px/72px "IBMPlexSansArabic"}.display-lg-semibold{font:600 48px/60px "IBMPlexSansArabic"}.display-md-semibold{font:600 36px/44px "IBMPlexSansArabic"}.display-sm-semibold{font:600 30px/38px "IBMPlexSansArabic"}.display-xs-semibold{font:600 24px/32px "IBMPlexSansArabic"}.text-xl-semibold{font:600 20px/30px "IBMPlexSansArabic"}.text-lg-semibold{font:600 18px/28px "IBMPlexSansArabic"}.text-md-semibold{font:600 16px/24px "IBMPlexSansArabic"}.text-sm-semibold,.sidepanel__submenu-tab-label,.sidepanel__menu-tab-label{font:600 14px/20px "IBMPlexSansArabic"}.text-xs-semibold{font:600 12px/18px "IBMPlexSansArabic"}.text-2xs-semibold{font:600 10px/14px "IBMPlexSansArabic"}.display-2xl-bold{font:700 72px/90px "IBMPlexSansArabic"}.display-xl-bold{font:700 60px/72px "IBMPlexSansArabic"}.display-lg-bold{font:700 48px/60px "IBMPlexSansArabic"}.display-md-bold{font:700 36px/44px "IBMPlexSansArabic"}.display-sm-bold{font:700 30px/38px "IBMPlexSansArabic"}.display-xs-bold{font:700 24px/32px "IBMPlexSansArabic"}.text-xl-bold{font:700 20px/30px "IBMPlexSansArabic"}.text-lg-bold{font:700 18px/28px "IBMPlexSansArabic"}.text-md-bold{font:700 16px/24px "IBMPlexSansArabic"}.text-sm-bold,.sidepanel__menu-tab.active>.sidepanel__menu-tab-label,.active.sidepanel__submenu-tab>.sidepanel__menu-tab-label,.sidepanel__menu-tab.selected,.selected.sidepanel__submenu-tab,.sidepanel__menu-tab.active,.active.sidepanel__submenu-tab{font:700 14px/20px "IBMPlexSansArabic"}.text-xs-bold{font:700 12px/18px "IBMPlexSansArabic"}.text-2xs-bold{font:700 10px/14px "IBMPlexSansArabic"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:hsla(var(--colors-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}.sidepanel{background-color:var(--colors-base-white);display:flex;flex-direction:column;align-items:flex-start;width:fit-content;min-height:100vh;max-height:100vh;overflow-y:auto;position:fixed;top:0;z-index:99;transition:all 0.4s ease-in-out;transform:translate3d(-100vw, 0, 0);transition:transform 400ms ease-in}.sidepanel--right{left:auto;right:0;transform:translate3d(100vw, 0, 0)}.sidepanel.active{transform:translate3d(0vw, 0, 0)}.sidepanel__header{display:flex;padding:16px var(--spacing-4xl, 32px);align-items:center;width:100%}.sidepanel__header>img{height:32px;width:auto}.sidepanel::-webkit-scrollbar{height:100px;width:calc(8px + 2 * var(--spacing-xs))}.sidepanel::-webkit-scrollbar-track{background-color:transparent;padding:var(--spacing-xs)}.sidepanel::-webkit-scrollbar-thumb{height:100px;border-radius:var(--radius-full);border:var(--spacing-xs) solid transparent;background-color:var(--border-neutral-primary);background-clip:content-box;mix-blend-mode:multiply}.sidepanel__nav-header{margin-inline:var(--spacing-4xl);margin-block:var(--spacing-lg)}.sidepanel ul{list-style:none;padding:0;margin:0}.sidepanel__menu-list{width:100%;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-8xl) var(--spacing-xl) !important}.sidepanel__menu-tab,.sidepanel__submenu-tab{display:flex;padding:var(--spacing-md) var(--spacing-xl);justify-content:center;align-items:center;gap:var(--spacing-md);align-self:stretch;color:var(--colors-gray-neutral-600);text-decoration:none;border-radius:var(--radius-sm);mix-blend-mode:multiply;position:relative;border:2px solid transparent;outline:none}.sidepanel__menu-tab::after,.sidepanel__submenu-tab::after{content:"";width:6px;height:calc(100% - 2 * var(--spacing-sm));position:absolute;top:50%;left:0px;transform:translateY(-50%);border-radius:var(--radius-full);background-color:var(--background-primary);display:none}.sidepanel__menu-tab:hover,.sidepanel__submenu-tab:hover{background-color:var(--background-neutral-50);color:var(--colors-text-primary);border-color:transparent}.sidepanel__menu-tab:hover::after,.sidepanel__submenu-tab:hover::after{display:block;background-color:var(--colors-gray-neutral-400)}.sidepanel__menu-tab:focus,.sidepanel__submenu-tab:focus{background-color:var(--colors-base-white)}.sidepanel__menu-tab:focus::after,.sidepanel__submenu-tab:focus::after{display:none}.sidepanel__menu-tab.selected,.selected.sidepanel__submenu-tab,.sidepanel__menu-tab.active,.active.sidepanel__submenu-tab{background-color:transparent;color:var(--colors-gray-modern-950);font-weight:700}.sidepanel__menu-tab.selected::after,.selected.sidepanel__submenu-tab::after,.sidepanel__menu-tab.active::after,.active.sidepanel__submenu-tab::after{display:block;background-color:var(--background-primary)}.sidepanel__menu-tab.selected .sidepanel__menu-tab-icon,.selected.sidepanel__submenu-tab .sidepanel__menu-tab-icon,.sidepanel__menu-tab.active .sidepanel__menu-tab-icon,.active.sidepanel__submenu-tab .sidepanel__menu-tab-icon{color:#1B8354}.sidepanel__menu-tab.pressed,.pressed.sidepanel__submenu-tab{background-color:var(--border-neutral-primary);color:var(--colors-text-primary);border-color:transparent}.sidepanel__menu-tab.pressed::after,.pressed.sidepanel__submenu-tab::after{display:block;background-color:var(--colors-gray-neutral-600)}.sidepanel__menu-tab.disabled,.disabled.sidepanel__submenu-tab{color:var(--border-neutral-primary);background-color:transparent;border-color:transparent}.sidepanel__menu-tab.disabled::after,.disabled.sidepanel__submenu-tab::after{display:none}.sidepanel__menu-tab-divider{background:var(--border-neutral-primary);height:1px;margin:var(--spacing-md) var(--spacing-xl);display:block}.sidepanel__menu-tab.active+.sidepanel__submenu-list,.active.sidepanel__submenu-tab+.sidepanel__submenu-list{opacity:1;padding-block:3px !important}.sidepanel__menu-tab.active .sidepanel__menu-tab-arrow,.active.sidepanel__submenu-tab .sidepanel__menu-tab-arrow{transform:rotate(180deg)}.sidepanel__menu-tab-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.sidepanel__menu-tab-label{flex:1}.sidepanel__menu-tab-arrow{font-size:20px;transform:rotate(0deg);transition:all 0.4s ease-in-out}.sidepanel__submenu-list{display:block;padding-block:0 !important;max-height:0;overflow-y:hidden;opacity:1 !important;transition:max-height 0.3s ease;margin-left:24px !important}.sidepanel__submenu-tab{justify-content:flex-start;white-space:nowrap}.sidepanel__submenu-tab-label{flex:1}.sidepanel__submenu-tab-icon{font-size:20px;display:flex;align-items:center;justify-content:center}.sidepanel__submenu--sublevel{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-md) calc(var(--spacing-5xl) + var(--spacing-md) / 2)}.sidepanel--bg-gray{background-color:var(--Background-background-neutral-50, #F9FAFB)}.sidepanel--bg-gray .sidepanel__header{background:var(--background-neutral-50, #F9FAFB)}.sidepanel--bg-brand{background-color:var(--background-sa-flag)}.sidepanel--bg-brand .sidepanel__menu-tab,.sidepanel--bg-brand .sidepanel__submenu-tab{mix-blend-mode:normal;color:var(--text-oncolor-primary) !important}.sidepanel--bg-brand .sidepanel__menu-tab-label,.sidepanel--bg-brand .sidepanel__submenu-tab-label{color:var(--text-oncolor-primary) !important}.sidepanel--bg-brand .sidepanel__menu-tab:hover,.sidepanel--bg-brand .sidepanel__submenu-tab:hover{background-color:hsla(var(--colors-alpha-white)/10%);color:var(--colors-text-primary_on-brand);border-color:transparent}.sidepanel--bg-brand .sidepanel__menu-tab:hover::after,.sidepanel--bg-brand .sidepanel__submenu-tab:hover::after{display:block;background-color:hsla(var(--colors-alpha-white)/40%)}.sidepanel--bg-brand .sidepanel__menu-tab:focus,.sidepanel--bg-brand .sidepanel__submenu-tab:focus{background-color:transparent}.sidepanel--bg-brand .sidepanel__menu-tab:focus::after,.sidepanel--bg-brand .sidepanel__submenu-tab:focus::after{display:none}.sidepanel--bg-brand .sidepanel__menu-tab.selected,.sidepanel--bg-brand .sidepanel__menu-tab.active,.sidepanel--bg-brand .sidepanel__submenu-tab.selected,.sidepanel--bg-brand .sidepanel__submenu-tab.active{background-color:hsla(var(--colors-alpha-white)/20%);color:var(--colors-text-primary_on-brand)}.sidepanel--bg-brand .sidepanel__menu-tab.selected::after,.sidepanel--bg-brand .sidepanel__menu-tab.active::after,.sidepanel--bg-brand .sidepanel__submenu-tab.selected::after,.sidepanel--bg-brand .sidepanel__submenu-tab.active::after{display:block;background-color:var(--colors-base-white)}.sidepanel--bg-brand .sidepanel__menu-tab.pressed,.sidepanel--bg-brand .sidepanel__submenu-tab.pressed{background-color:hsla(var(--colors-alpha-white)/30%);color:var(--colors-text-primary_on-brand);border-color:transparent}.sidepanel--bg-brand .sidepanel__menu-tab.pressed::after,.sidepanel--bg-brand .sidepanel__submenu-tab.pressed::after{display:block;background-color:hsla(var(--colors-alpha-white)/60%)}.sidepanel--bg-brand .sidepanel__header{background:var(--background-nav-header, #14573A)}.sidepanel--border{border-right:1px solid var(--colors-border-primary)}.sidepanel--overlay{background:hsla(var(--colors-alpha-white)/80%);box-shadow:4px 16px 24px 0px rgba(0, 0, 0, 0.1);backdrop-filter:blur(12px)}@media only screen and (min-width: 56.25em){.sidepanel--overlay{box-shadow:none}}.sidepanel--overlay-gray{background:hsla(var(--colors-alpha-white)/80%);box-shadow:4px 16px 24px 0px rgba(0, 0, 0, 0.1);backdrop-filter:blur(12px)}.sidepanel--overlay-brand{background:var(--background-sa-flag);box-shadow:0px 24px 48px -12px rgba(16, 24, 40, 0.18);backdrop-filter:blur(12px)}';const o=class{constructor(e){a(this,e),this.routes=[]}render(){return e("ul",{key:"8b2d550775b065135ab6588510c06543776420cd",class:"sidepanel__menu-list"},this.routes.map(((a,i)=>e("li",{key:p()},e("tab-component",{route:a}),i<this.routes.length-1&&e("div",{class:"sidepanel__menu-tab-divider"})))))}},l=class{constructor(e){a(this,e),this.isExpanded=!1}handleExpanded(a){this.isExpanded=a,this.submenuElement.style.maxHeight=a?"fit-content":""}render(){return e(d,{key:"84a988c7773cc92055217d331addcfea4a9a7fae"},e("tab-link",{key:"245a2ece23e2ae88473746f3ca43d155c732110a",text:this.route.name,type:this.route.children&&this.route.children.length>0?"parent":"child",icon:this.route.icon,link:this.route.path,onExpand:this.handleExpanded.bind(this),disabled:this.route.disabled}),this.route.children&&this.route.children.length>0&&e("ul",{key:"1f265c9a4c731351b3bc0ae85b8486156da08755",class:"sidepanel__submenu-list",ref:a=>this.submenuElement=a},this.route.children.map(((a,i)=>e("submenu-component",{key:i,route:this.route,childRoute:a,onChildExpanded:a=>{a&&(this.submenuElement.style.maxHeight="fit-content")}})))))}};export{r as dga_drawer,o as side_panel_menu,l as tab_component}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t}from"./p-D0dWnGvB.js";const i=class{constructor(t){e(this,t)}render(){return t("div",{key:"a80d3ea419ab4fbf77c422ee649f2c709a7dc029"},t("h1",{key:"a43ddbc3b43d102a948887624c801f91938eb0e7"},"List Example"),t("div",{key:"9e009bc7beff5302820235fb03e9212a55b710bf",style:{padding:"50px",display:"flex",gap:"20px"}},t("div",{key:"bb18b384c62f0d6eeaedccf17b7f5412754c5f0b",style:{display:"flex",flexDirection:"column",gap:"20px"}},t("dga-list-v2",{key:"6036fe09f922df00f7f751154d4fa087c8cf4487",type:"ordered",color:"neutral"},t("dga-list-item",{key:"d862382beee4a8d65c9180312b10f20b26133838",type:"ordered",level:"one",itemNumber:"1-",itemText:"List item"}),t("dga-list-item",{key:"cc575097c510f040bddb999506bde25a4252dc00",type:"ordered",level:"two",itemLetter:"a-",itemText:"List item"}),t("dga-list-item",{key:"b7baef9e3694b35c0d6b191a7965c2c88b765684",type:"ordered",level:"two",itemLetter:"b-",itemText:"List item"}),t("dga-list-item",{key:"3d5f1cfd8ae9fdf68d69e1203b0e5e676623e561",type:"ordered",level:"one",itemNumber:"2-",itemText:"List item"}),t("dga-list-item",{key:"14d73fc032412e1e8458a4225acac3ac4ac28ad2",type:"ordered",level:"two",itemLetter:"a-",itemText:"List item"})),t("dga-list-v2",{key:"163cee2214851ca5a1b2fdd1e0bfe1139c6e029d",type:"unordered",color:"neutral"},t("dga-list-item",{key:"71613995ee42d1ab02ded96b5743a1e7081b57a9",type:"unordered",level:"one",itemText:"List item"}),t("dga-list-item",{key:"bc6845b2ffe0ba0d5def7a0afa6330bcc7158a53",type:"unordered",level:"two",itemText:"List item"}),t("dga-list-item",{key:"bffcb48721715d891e14f1a036767ccf81a77a4b",type:"unordered",level:"two",itemText:"List item"})),t("dga-list-v2",{key:"319c6d90492c3572ef16f96fcc686a9bece43a6d",type:"with-icon",color:"neutral"},t("dga-list-item",{key:"7be8c4e8c85048c54a867c47c1bca19ec89a514a",type:"with-icon",level:"one",icon:'<i class="hgi-stroke hgi-checkmark-circle-02"></i>',itemText:"List item"}),t("dga-list-item",{key:"595ace4885e82c83804087b47a3055ce681116f4",type:"with-icon",level:"two",icon:'<i class="hgi-stroke hgi-checkmark-circle-02"></i>',itemText:"List item"}),t("dga-list-item",{key:"b415d136ec6c09bf814258a910fd0b1adb5ef4d6",type:"with-icon",level:"two",icon:'<i class="hgi-stroke hgi-checkmark-circle-02"></i>',itemText:"List item"})))))}};export{i as dga_list_usage}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as a}from"./p-D0dWnGvB.js";const d=class{constructor(a){e(this,a),this.variant="neutral"}render(){return a("div",{key:"1898bc03e9d833fc0c4913d365d8af85a2e36c4b"},a("h1",{key:"d32db75cb3de7a2d715139bdb09fc93d78ba3b32"},"Link Example"),a("div",{key:"ef0c7e0958c7712250d5721ce373bf8ab1b3ad37",style:{padding:"50px",display:"flex",gap:"20px"}},a("div",{key:"d5e97c3a298c1b2c95a9514e0cc2b3864f9d0221",style:{display:"flex",flexDirection:"column",gap:"20px"}},a("dga-link",{key:"597c010fcb51b1763d5dfc908d4a495dd03f8fe4",label:"Link",variant:"neutral"}),a("dga-link",{key:"1555954082c510e2069cf3fca71fe68c12cffc5e",label:"Link",variant:"on-color"}),a("dga-link",{key:"ae9b97800b1679967b4eb0127eed7487535f4f7f",label:"Link",variant:"primary"})),a("div",{key:"7b114ebb9de94a92a67101ffd2c84afe0e43a607",style:{display:"flex",flexDirection:"column",gap:"20px"}})))}};export{d as dga_link_usage}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,h as t,H as d,a as i}from"./p-D0dWnGvB.js";import{S as g}from"./p-BFEqPAFn.js";const n=class{constructor(t){a(this,t),this.size="md",this.status="inverted",this.componentId=`dga-button-${Math.random().toString(36).substring(2,9)}`,this.rootStyles={}}handleSxChange(){this.processStyling()}componentWillLoad(){this.sxStyleManager=new g(this.componentId,this.el)}componentDidLoad(){this.processStyling()}componentDidUpdate(){this.processStyling()}processStyling(){if(!this.sx)return;const a="string"==typeof this.sx?JSON.parse(this.sx):this.sx;this.rootStyles=this.sxStyleManager.processSxProp(a)}disconnectedCallback(){var a;null===(a=this.sxStyleManager)||void 0===a||a.cleanup()}render(){return t(d,{key:"3cee4e726d07a5d0fad6ebcb34b2edb14033d305",id:this.componentId,style:this.rootStyles},t("span",{key:"30f46ffc39b445c1a7c3401d3a50df58f1a2c597",class:`status-tag status-tag--${this.color} status-tag--${this.size} status-tag--${this.status}`},t("span",{key:"2efdf5489aaa768dd25b4040532a26d437fd03f7",class:"status-tag__indicator"}),this.label,t("slot",{key:"7448d5ecb91eab90bfe8b59d2653a0714aa472c7"})))}get el(){return i(this)}static get watchers(){return{sx:["handleSxChange"]}}};n.style='@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:auto}body{font-family:"IBMPlexSansArabic"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px "IBMPlexSansArabic"}.display-xl-regular{font:400 60px/72px "IBMPlexSansArabic"}.display-lg-regular{font:400 48px/60px "IBMPlexSansArabic"}.display-md-regular{font:400 36px/44px "IBMPlexSansArabic"}.display-sm-regular{font:400 30px/38px "IBMPlexSansArabic"}.display-xs-regular{font:400 24px/32px "IBMPlexSansArabic"}.text-xl-regular{font:400 20px/30px "IBMPlexSansArabic"}.text-lg-regular{font:400 18px/28px "IBMPlexSansArabic"}.text-md-regular{font:400 16px/24px "IBMPlexSansArabic"}.text-sm-regular{font:400 14px/20px "IBMPlexSansArabic"}.text-xs-regular{font:400 12px/18px "IBMPlexSansArabic"}.text-2xs-regular{font:400 10px/14px "IBMPlexSansArabic"}.display-2xl-medium{font:500 72px/90px "IBMPlexSansArabic"}.display-xl-medium{font:500 60px/72px "IBMPlexSansArabic"}.display-lg-medium{font:500 48px/60px "IBMPlexSansArabic"}.display-md-medium{font:500 36px/44px "IBMPlexSansArabic"}.display-sm-medium{font:500 30px/38px "IBMPlexSansArabic"}.display-xs-medium{font:500 24px/32px "IBMPlexSansArabic"}.text-xl-medium{font:500 20px/30px "IBMPlexSansArabic"}.text-lg-medium{font:500 18px/28px "IBMPlexSansArabic"}.text-md-medium,.status-tag--lg,.status-tag{font:500 16px/24px "IBMPlexSansArabic"}.text-sm-medium,.status-tag--md{font:500 14px/20px "IBMPlexSansArabic"}.text-xs-medium{font:500 12px/18px "IBMPlexSansArabic"}.text-2xs-medium,.status-tag--sm{font:500 10px/14px "IBMPlexSansArabic"}.display-2xl-semibold{font:600 72px/90px "IBMPlexSansArabic"}.display-xl-semibold{font:600 60px/72px "IBMPlexSansArabic"}.display-lg-semibold{font:600 48px/60px "IBMPlexSansArabic"}.display-md-semibold{font:600 36px/44px "IBMPlexSansArabic"}.display-sm-semibold{font:600 30px/38px "IBMPlexSansArabic"}.display-xs-semibold{font:600 24px/32px "IBMPlexSansArabic"}.text-xl-semibold{font:600 20px/30px "IBMPlexSansArabic"}.text-lg-semibold{font:600 18px/28px "IBMPlexSansArabic"}.text-md-semibold{font:600 16px/24px "IBMPlexSansArabic"}.text-sm-semibold{font:600 14px/20px "IBMPlexSansArabic"}.text-xs-semibold{font:600 12px/18px "IBMPlexSansArabic"}.text-2xs-semibold{font:600 10px/14px "IBMPlexSansArabic"}.display-2xl-bold{font:700 72px/90px "IBMPlexSansArabic"}.display-xl-bold{font:700 60px/72px "IBMPlexSansArabic"}.display-lg-bold{font:700 48px/60px "IBMPlexSansArabic"}.display-md-bold{font:700 36px/44px "IBMPlexSansArabic"}.display-sm-bold{font:700 30px/38px "IBMPlexSansArabic"}.display-xs-bold{font:700 24px/32px "IBMPlexSansArabic"}.text-xl-bold{font:700 20px/30px "IBMPlexSansArabic"}.text-lg-bold{font:700 18px/28px "IBMPlexSansArabic"}.text-md-bold{font:700 16px/24px "IBMPlexSansArabic"}.text-sm-bold{font:700 14px/20px "IBMPlexSansArabic"}.text-xs-bold{font:700 12px/18px "IBMPlexSansArabic"}.text-2xs-bold{font:700 10px/14px "IBMPlexSansArabic"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:hsla(var(--colors-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}.status-tag{display:inline-flex;height:32px;padding:var(--spacing-none) var(--spacing-md);justify-content:center;align-items:center;gap:var(--spacing-md);border-radius:var(--radius-full)}.status-tag__indicator{width:10px;height:10px;border-radius:100%}.status-tag--lg{height:32px;padding:var(--spacing-none, 0px) var(--spacing-xl, 16px)}.status-tag--md{height:24px;padding:var(--spacing-none, 0px) var(--spacing-md, 8px)}.status-tag--sm{height:20px;padding:var(--spacing-none, 0px) var(--spacing-md, 8px)}.status-tag--subtle.status-tag--neutral{background:var(--tag-background-neutral-light, #f9fafb);color:var(--tag-text-neutral, #1f2a37)}.status-tag--subtle.status-tag--neutral>.status-tag__indicator{background:var(--tag-background-neutral, #4d5761)}.status-tag--subtle.status-tag--blue{background:var(--tag-background-info-light, #EFF8FF);color:var(--tag-text-info, #1849A9)}.status-tag--subtle.status-tag--blue>.status-tag__indicator{background:var(--tag-icon-info, #1849A9)}.status-tag--subtle.status-tag--green{background:var(--tag-background-success-light, #ECFDF3);color:var(--tag-text-success, #085D3A)}.status-tag--subtle.status-tag--green>.status-tag__indicator{background:var(--tag-icon-success, #085D3A)}.status-tag--subtle.status-tag--yellow{background:var(--tag-background-warning-light, #FFFAEB);color:var(--tag-text-warning, #93370D)}.status-tag--subtle.status-tag--yellow>.status-tag__indicator{background:var(--tag-icon-warning, #93370D)}.status-tag--subtle.status-tag--red{background:var(--tag-background-error-light, #FEF3F2);color:var(--tag-text-error, #912018)}.status-tag--subtle.status-tag--red>.status-tag__indicator{background:var(--tag-icon-error, #912018)}.status-tag--inverted.status-tag--neutral{background:var(--tag-background-neutral, #4d5761);color:var(--text-oncolor-primary, #FFF)}.status-tag--inverted.status-tag--neutral>.status-tag__indicator{background:var(--tag-dot, rgba(255, 255, 255, 0.6))}.status-tag--inverted.status-tag--blue{background:var(--tag-background-info, #1570EF);color:var(--text-oncolor-primary, #FFF)}.status-tag--inverted.status-tag--blue>.status-tag__indicator{background:var(--tag-dot, rgba(255, 255, 255, 0.6))}.status-tag--inverted.status-tag--green{background:var(--tag-background-success, #067647);color:var(--text-oncolor-primary, #FFF)}.status-tag--inverted.status-tag--green>.status-tag__indicator{background:var(--Tag-tag-dot, rgba(255, 255, 255, 0.6))}.status-tag--inverted.status-tag--yellow{background:var(--tag-background-warning, #B54708);color:var(--text-oncolor-primary, #FFF)}.status-tag--inverted.status-tag--yellow>.status-tag__indicator{background:var(--tag-dot, rgba(255, 255, 255, 0.6))}.status-tag--inverted.status-tag--red{background:var(--tag-background-error, #D92D20);color:var(--text-oncolor-primary, #FFF)}.status-tag--inverted.status-tag--red>.status-tag__indicator{background:var(--Tag-tag-dot, rgba(255, 255, 255, 0.6))}.status-tag--ghost.status-tag--neutral{background:transparent;color:var(--tag-text-neutral, #1f2a37);padding:var(--spacing-none, 0px)}.status-tag--ghost.status-tag--neutral>.status-tag__indicator{background:var(--tag-background-neutral, #4d5761)}.status-tag--ghost.status-tag--blue{background:transparent;color:var(--tag-text-neutral, #1F2A37)}.status-tag--ghost.status-tag--blue>.status-tag__indicator{background:var(--tag-icon-info, #1849A9)}.status-tag--ghost.status-tag--green{background:transparent;color:var(--tag-text-neutral, #1F2A37)}.status-tag--ghost.status-tag--green>.status-tag__indicator{background:var(--Tag-tag-icon-success, #085D3A)}.status-tag--ghost.status-tag--yellow{background:transparent;color:var(--tag-text-neutral, #1F2A37)}.status-tag--ghost.status-tag--yellow>.status-tag__indicator{background:var(--tag-icon-warning, #93370D)}.status-tag--ghost.status-tag--red{background:transparent;color:var(--tag-text-neutral, #1F2A37)}.status-tag--ghost.status-tag--red>.status-tag__indicator{background:var(--Tag-tag-icon-error, #912018)}';export{n as dga_status_tag}
|
|
1
|
+
import{r as a,h as t,H as i,a as d}from"./p-D0dWnGvB.js";import{S as g}from"./p-BFEqPAFn.js";const n=class{constructor(t){a(this,t),this.size="md",this.status="inverted",this.componentId=`dga-button-${Math.random().toString(36).substring(2,9)}`,this.rootStyles={}}handleSxChange(){this.processStyling()}componentWillLoad(){this.sxStyleManager=new g(this.componentId,this.el)}componentDidLoad(){this.processStyling()}componentDidUpdate(){this.processStyling()}processStyling(){if(!this.sx)return;const a="string"==typeof this.sx?JSON.parse(this.sx):this.sx;this.rootStyles=this.sxStyleManager.processSxProp(a)}disconnectedCallback(){var a;null===(a=this.sxStyleManager)||void 0===a||a.cleanup()}render(){return t(i,{key:"507d21b8df6c0e03b9a51d74841100fdcbc3af0b",id:this.componentId,style:this.rootStyles},t("span",{key:"791546020efbc42788f2f0dcf1cf4948a11edfc7",class:`status-tag status-tag--${this.color} status-tag--${this.size} status-tag--${this.status}`},t("span",{key:"edeb11f510afac40a32d7df0d274cf6f5a5a6c8c",class:"status-tag__indicator"}),this.label,t("slot",{key:"924b360f34a82f37eb5607b3188c316f4b16c7ae"})))}get el(){return d(this)}static get watchers(){return{sx:["handleSxChange"]}}};n.style='@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:auto}body{font-family:"IBMPlexSansArabic"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px "IBMPlexSansArabic"}.display-xl-regular{font:400 60px/72px "IBMPlexSansArabic"}.display-lg-regular{font:400 48px/60px "IBMPlexSansArabic"}.display-md-regular{font:400 36px/44px "IBMPlexSansArabic"}.display-sm-regular{font:400 30px/38px "IBMPlexSansArabic"}.display-xs-regular{font:400 24px/32px "IBMPlexSansArabic"}.text-xl-regular{font:400 20px/30px "IBMPlexSansArabic"}.text-lg-regular{font:400 18px/28px "IBMPlexSansArabic"}.text-md-regular{font:400 16px/24px "IBMPlexSansArabic"}.text-sm-regular{font:400 14px/20px "IBMPlexSansArabic"}.text-xs-regular{font:400 12px/18px "IBMPlexSansArabic"}.text-2xs-regular{font:400 10px/14px "IBMPlexSansArabic"}.display-2xl-medium{font:500 72px/90px "IBMPlexSansArabic"}.display-xl-medium{font:500 60px/72px "IBMPlexSansArabic"}.display-lg-medium{font:500 48px/60px "IBMPlexSansArabic"}.display-md-medium{font:500 36px/44px "IBMPlexSansArabic"}.display-sm-medium{font:500 30px/38px "IBMPlexSansArabic"}.display-xs-medium{font:500 24px/32px "IBMPlexSansArabic"}.text-xl-medium{font:500 20px/30px "IBMPlexSansArabic"}.text-lg-medium{font:500 18px/28px "IBMPlexSansArabic"}.text-md-medium,.status-tag--lg,.status-tag{font:500 16px/24px "IBMPlexSansArabic"}.text-sm-medium,.status-tag--md{font:500 14px/20px "IBMPlexSansArabic"}.text-xs-medium{font:500 12px/18px "IBMPlexSansArabic"}.text-2xs-medium,.status-tag--sm{font:500 10px/14px "IBMPlexSansArabic"}.display-2xl-semibold{font:600 72px/90px "IBMPlexSansArabic"}.display-xl-semibold{font:600 60px/72px "IBMPlexSansArabic"}.display-lg-semibold{font:600 48px/60px "IBMPlexSansArabic"}.display-md-semibold{font:600 36px/44px "IBMPlexSansArabic"}.display-sm-semibold{font:600 30px/38px "IBMPlexSansArabic"}.display-xs-semibold{font:600 24px/32px "IBMPlexSansArabic"}.text-xl-semibold{font:600 20px/30px "IBMPlexSansArabic"}.text-lg-semibold{font:600 18px/28px "IBMPlexSansArabic"}.text-md-semibold{font:600 16px/24px "IBMPlexSansArabic"}.text-sm-semibold{font:600 14px/20px "IBMPlexSansArabic"}.text-xs-semibold{font:600 12px/18px "IBMPlexSansArabic"}.text-2xs-semibold{font:600 10px/14px "IBMPlexSansArabic"}.display-2xl-bold{font:700 72px/90px "IBMPlexSansArabic"}.display-xl-bold{font:700 60px/72px "IBMPlexSansArabic"}.display-lg-bold{font:700 48px/60px "IBMPlexSansArabic"}.display-md-bold{font:700 36px/44px "IBMPlexSansArabic"}.display-sm-bold{font:700 30px/38px "IBMPlexSansArabic"}.display-xs-bold{font:700 24px/32px "IBMPlexSansArabic"}.text-xl-bold{font:700 20px/30px "IBMPlexSansArabic"}.text-lg-bold{font:700 18px/28px "IBMPlexSansArabic"}.text-md-bold{font:700 16px/24px "IBMPlexSansArabic"}.text-sm-bold{font:700 14px/20px "IBMPlexSansArabic"}.text-xs-bold{font:700 12px/18px "IBMPlexSansArabic"}.text-2xs-bold{font:700 10px/14px "IBMPlexSansArabic"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:hsla(var(--colors-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}.status-tag{display:inline-flex;height:32px;padding:var(--spacing-none) var(--spacing-md);justify-content:center;align-items:center;gap:var(--spacing-md);border-radius:var(--radius-full)}.status-tag__indicator{width:10px;height:10px;border-radius:100%}.status-tag--lg{height:32px;padding:var(--spacing-none, 0px) var(--spacing-xl, 16px)}.status-tag--md{height:24px;padding:var(--spacing-none, 0px) var(--spacing-md, 8px)}.status-tag--sm{height:20px;padding:var(--spacing-none, 0px) var(--spacing-md, 8px)}.status-tag--subtle.status-tag--neutral{background:var(--tag-background-neutral-light, #f9fafb);color:var(--tag-text-neutral, #1f2a37)}.status-tag--subtle.status-tag--neutral>.status-tag__indicator{background:var(--tag-background-neutral, #4d5761)}.status-tag--subtle.status-tag--blue{background:var(--tag-background-info-light, #EFF8FF);color:var(--tag-text-info, #1849A9)}.status-tag--subtle.status-tag--blue>.status-tag__indicator{background:var(--tag-icon-info, #1849A9)}.status-tag--subtle.status-tag--green{background:var(--tag-background-success-light, #ECFDF3);color:var(--tag-text-success, #085D3A)}.status-tag--subtle.status-tag--green>.status-tag__indicator{background:var(--tag-icon-success, #085D3A)}.status-tag--subtle.status-tag--yellow{background:var(--tag-background-warning-light, #FFFAEB);color:var(--tag-text-warning, #93370D)}.status-tag--subtle.status-tag--yellow>.status-tag__indicator{background:var(--tag-icon-warning, #93370D)}.status-tag--subtle.status-tag--red{background:var(--tag-background-error-light, #FEF3F2);color:var(--tag-text-error, #912018)}.status-tag--subtle.status-tag--red>.status-tag__indicator{background:var(--tag-icon-error, #912018)}.status-tag--inverted.status-tag--neutral{background:var(--tag-background-neutral, #4d5761);color:var(--text-oncolor-primary, #FFF)}.status-tag--inverted.status-tag--neutral>.status-tag__indicator{background:var(--tag-dot, rgba(255, 255, 255, 0.6))}.status-tag--inverted.status-tag--blue{background:var(--tag-background-info, #1570EF);color:var(--text-oncolor-primary, #FFF)}.status-tag--inverted.status-tag--blue>.status-tag__indicator{background:var(--tag-dot, rgba(255, 255, 255, 0.6))}.status-tag--inverted.status-tag--green{background:var(--tag-background-success, #067647);color:var(--text-oncolor-primary, #FFF)}.status-tag--inverted.status-tag--green>.status-tag__indicator{background:var(--Tag-tag-dot, rgba(255, 255, 255, 0.6))}.status-tag--inverted.status-tag--yellow{background:var(--tag-background-warning, #B54708);color:var(--text-oncolor-primary, #FFF)}.status-tag--inverted.status-tag--yellow>.status-tag__indicator{background:var(--tag-dot, rgba(255, 255, 255, 0.6))}.status-tag--inverted.status-tag--red{background:var(--tag-background-error, #D92D20);color:var(--text-oncolor-primary, #FFF)}.status-tag--inverted.status-tag--red>.status-tag__indicator{background:var(--Tag-tag-dot, rgba(255, 255, 255, 0.6))}.status-tag--ghost.status-tag--neutral{background:transparent;color:var(--tag-text-neutral, #1f2a37);padding:var(--spacing-none, 0px)}.status-tag--ghost.status-tag--neutral>.status-tag__indicator{background:var(--tag-background-neutral, #4d5761)}.status-tag--ghost.status-tag--blue{background:transparent;color:var(--tag-text-neutral, #1F2A37)}.status-tag--ghost.status-tag--blue>.status-tag__indicator{background:var(--tag-icon-info, #1849A9)}.status-tag--ghost.status-tag--green{background:transparent;color:var(--tag-text-neutral, #1F2A37)}.status-tag--ghost.status-tag--green>.status-tag__indicator{background:var(--Tag-tag-icon-success, #085D3A)}.status-tag--ghost.status-tag--yellow{background:transparent;color:var(--tag-text-neutral, #1F2A37)}.status-tag--ghost.status-tag--yellow>.status-tag__indicator{background:var(--tag-icon-warning, #93370D)}.status-tag--ghost.status-tag--red{background:transparent;color:var(--tag-text-neutral, #1F2A37)}.status-tag--ghost.status-tag--red>.status-tag__indicator{background:var(--Tag-tag-icon-error, #912018)}';export{n as dga_status_tag}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as a}from"./p-D0dWnGvB.js";const i=class{constructor(a){e(this,a),this.variant="neutral"}render(){return a("div",{key:"57471f201e667cb1810076e695d89558e5a1b234"},a("h1",{key:"417634a288b5bdb76abd26a44b78e0fba6a2c7b0"},"Notification Example"),a("div",{key:"cfea8bf7ea9aa2fb1b18fbb66d3586c06df8ca4b",style:{padding:"50px",display:"flex",gap:"20px"}},a("div",{key:"6b784b2a1c2b5165aebee483e7f2ff5fac630902",style:{display:"flex",flexDirection:"column",gap:"20px"}},a("dga-notification",{key:"32ae958959fed4b91eaf026201d96ef8c3014eef",leadText:"This is a very important banner message that requires attention",variant:this.variant,dismissable:!0}),a("dga-notification",{key:"97bee463828d792dea10b5386a9fd8bbfbeab35c",leadText:"This is a very important banner message that requires attention",variant:"critical",dismissable:!0}),a("dga-notification",{key:"b6b3aa27eebe463f58a771fac6cdbcec8906803d",leadText:"This is a very important banner message that requires attention",variant:"info",dismissable:!0}),a("dga-notification",{key:"7a23725c11f7b14b4112d3283996485cea34fd6d",leadText:"This is a very important banner message that requires attention",variant:"success",dismissable:!0}),a("dga-notification",{key:"44591f2e2da8d9e5611930d14fb612e2af025327",leadText:"This is a very important banner message that requires attention",variant:"warning",dismissable:!0})),a("div",{key:"9363f097d2bc685bcdc0a7076ae6347ee3fa749d",style:{display:"flex",flexDirection:"column",gap:"20px"}})))}};export{i as dga_notification_usage}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as a,r as e,H as t,a as d}from"./p-D0dWnGvB.js";import{g as i}from"./p-DEtoWGOc.js";import{S as r}from"./p-BFEqPAFn.js";const n={success:a("dga-icon",{icon:"CheckmarkCircle02Icon",variant:"solid"}),error:a("dga-icon",{icon:"AlertCircleIcon",variant:"solid"}),warning:a("dga-icon",{icon:"Alert02Icon",variant:"solid"})},p=class{constructor(a){e(this,a),this.variant="default",this.error=!1,this.feedbackIcon=!1,this.feedbackIconType="success",this.feedbackIconRing=!1,this.disabled=!1,this.readonly=!1,this.scrollbar=!0,this.fullwidth=!0,this.resize=!0,this.cols=50,this.rows=4,this.name=i(),this.value="",this.isActive=!1,this.isFocused=!1,this.componentId=`dga-button-${Math.random().toString(36).substring(2,9)}`,this.rootStyles={}}valueChanged(a,e){a!==e&&(this.textAreaEl.value=a)}handleSxChange(){this.processStyling()}componentWillLoad(){this.sxStyleManager=new r(this.componentId,this.el)}componentDidLoad(){this.processStyling()}componentDidUpdate(){this.processStyling()}processStyling(){if(!this.sx)return;const a="string"==typeof this.sx?JSON.parse(this.sx):this.sx;this.rootStyles=this.sxStyleManager.processSxProp(a)}disconnectedCallback(){var a;null===(a=this.sxStyleManager)||void 0===a||a.cleanup()}render(){return a(t,{key:"83c6148d1462c180689f59cd4e36cb5f36419a17",id:this.componentId,style:this.rootStyles},a("div",{key:"ca25a25507fdc3e3e63ba22d860d2a948ce82799",class:{"dga-form-control":!0,"dga-form-control--fullwidth":this.fullwidth}},this.label&&a("label",{key:"57f30c31316ab5fb70161cc2f5712c6b21efc362",class:"dga-label"},this.label),a("div",{key:"a0a548e8ce73c08f73c260fc4a65065af1205a96",class:`dga-textarea dga-textarea--lg ${this.error?"dga-textarea--error":""} ${"default"!==this.variant?`dga-textarea--${this.variant}`:""} ${this.isActive?"active":""} ${this.isFocused?"focus":""} ${this.disabled?"disabled":""}`,ref:a=>this.inputContainerRef=a,"data-error":this.error},a("textarea",{key:"1908026fe5519688a40333ed024bc0fb8ae0e278",ref:a=>this.textAreaEl=a,onFocus:()=>this.isFocused=!0,onBlur:()=>this.isFocused=!1,class:`dga-textarea__field ${this.resize?"dga-textarea__field--resize":""} ${this.scrollbar?"":"dga-textarea__field--hidden-scrollbar"}`,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,rows:this.rows&&this.rows,cols:this.cols&&this.cols,onMouseDown:()=>this.isActive=!0,onMouseUp:()=>this.isActive=!1,onMouseOut:()=>this.isActive=!1,onChange:this.onChange,onInput:this.onInput,name:this.name,value:this.value}),this.error?a("span",{class:"dga-textarea__feedback-icon dga-textarea__feedback-icon--error "+(this.feedbackIconRing?"dga-textarea__feedback-icon--ring":"")},n.error):this.feedbackIcon?a("span",{class:`dga-textarea__feedback-icon dga-textarea__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing?"dga-textarea__feedback-icon--ring":""}`},n[this.feedbackIconType]):null)))}get el(){return d(this)}static get watchers(){return{value:["valueChanged"],sx:["handleSxChange"]}}};p.style='@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:auto}body{font-family:"IBMPlexSansArabic"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px "IBMPlexSansArabic"}.display-xl-regular{font:400 60px/72px "IBMPlexSansArabic"}.display-lg-regular{font:400 48px/60px "IBMPlexSansArabic"}.display-md-regular{font:400 36px/44px "IBMPlexSansArabic"}.display-sm-regular{font:400 30px/38px "IBMPlexSansArabic"}.display-xs-regular{font:400 24px/32px "IBMPlexSansArabic"}.text-xl-regular{font:400 20px/30px "IBMPlexSansArabic"}.text-lg-regular{font:400 18px/28px "IBMPlexSansArabic"}.text-md-regular,.dga-textarea__field::placeholder,.dga-textarea__field{font:400 16px/24px "IBMPlexSansArabic"}.text-sm-regular,.dga-textarea--lg .dga-textarea__field,.dga-textarea--lg .dga-textarea__field::placeholder,.dga-form-control>.dga-label{font:400 14px/20px "IBMPlexSansArabic"}.text-xs-regular{font:400 12px/18px "IBMPlexSansArabic"}.text-2xs-regular{font:400 10px/14px "IBMPlexSansArabic"}.display-2xl-medium{font:500 72px/90px "IBMPlexSansArabic"}.display-xl-medium{font:500 60px/72px "IBMPlexSansArabic"}.display-lg-medium{font:500 48px/60px "IBMPlexSansArabic"}.display-md-medium{font:500 36px/44px "IBMPlexSansArabic"}.display-sm-medium{font:500 30px/38px "IBMPlexSansArabic"}.display-xs-medium{font:500 24px/32px "IBMPlexSansArabic"}.text-xl-medium{font:500 20px/30px "IBMPlexSansArabic"}.text-lg-medium{font:500 18px/28px "IBMPlexSansArabic"}.text-md-medium{font:500 16px/24px "IBMPlexSansArabic"}.text-sm-medium{font:500 14px/20px "IBMPlexSansArabic"}.text-xs-medium{font:500 12px/18px "IBMPlexSansArabic"}.text-2xs-medium{font:500 10px/14px "IBMPlexSansArabic"}.display-2xl-semibold{font:600 72px/90px "IBMPlexSansArabic"}.display-xl-semibold{font:600 60px/72px "IBMPlexSansArabic"}.display-lg-semibold{font:600 48px/60px "IBMPlexSansArabic"}.display-md-semibold{font:600 36px/44px "IBMPlexSansArabic"}.display-sm-semibold{font:600 30px/38px "IBMPlexSansArabic"}.display-xs-semibold{font:600 24px/32px "IBMPlexSansArabic"}.text-xl-semibold{font:600 20px/30px "IBMPlexSansArabic"}.text-lg-semibold{font:600 18px/28px "IBMPlexSansArabic"}.text-md-semibold{font:600 16px/24px "IBMPlexSansArabic"}.text-sm-semibold{font:600 14px/20px "IBMPlexSansArabic"}.text-xs-semibold{font:600 12px/18px "IBMPlexSansArabic"}.text-2xs-semibold{font:600 10px/14px "IBMPlexSansArabic"}.display-2xl-bold{font:700 72px/90px "IBMPlexSansArabic"}.display-xl-bold{font:700 60px/72px "IBMPlexSansArabic"}.display-lg-bold{font:700 48px/60px "IBMPlexSansArabic"}.display-md-bold{font:700 36px/44px "IBMPlexSansArabic"}.display-sm-bold{font:700 30px/38px "IBMPlexSansArabic"}.display-xs-bold{font:700 24px/32px "IBMPlexSansArabic"}.text-xl-bold{font:700 20px/30px "IBMPlexSansArabic"}.text-lg-bold{font:700 18px/28px "IBMPlexSansArabic"}.text-md-bold{font:700 16px/24px "IBMPlexSansArabic"}.text-sm-bold{font:700 14px/20px "IBMPlexSansArabic"}.text-xs-bold{font:700 12px/18px "IBMPlexSansArabic"}.text-2xs-bold{font:700 10px/14px "IBMPlexSansArabic"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md,.dga-textarea.focus{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:hsla(var(--colors-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-form-control{display:flex;flex-direction:column;width:320px}.dga-form-control--fullwidth{width:100%}.dga-form-control>.dga-label{margin-bottom:8px;color:var(--form-field-text-label)}.dga-textarea{display:inline-flex;justify-content:flex-start;border-radius:var(--radius-sm);gap:var(--spacing-xs);border:1px solid var(--form-field-border-default);background:var(--form-field-background-default);overflow:hidden;position:relative}.dga-textarea:hover{border-color:var(--form-field-border-hovered)}.dga-textarea[data-error=true]{border-color:red}.dga-textarea::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}.dga-textarea__field{background-color:transparent;border:0;outline:0;height:100%;width:100%;color:var(--form-field-text-filled);padding:var(--spacing-lg) var(--spacing-xl);resize:none;position:relative}.dga-textarea__field::placeholder{color:var(--form-field-text-placeholder)}.dga-textarea__field[disabled]{cursor:not-allowed}.dga-textarea__field--hidden-scrollbar ::-webkit-scrollbar{display:none}.dga-textarea__field--hidden-scrollbar{-ms-overflow-style:none;scrollbar-width:none;}.dga-textarea__field--resize{resize:vertical}.dga-textarea.focus::after{width:100%}.dga-textarea.active::after{width:50%}.dga-textarea--readonly,.dga-textarea--readonly:hover,.dga-textarea--disabled,.dga-textarea--disabled:hover{border-color:var(--input-text-disabled);box-shadow:none !important}.dga-textarea--readonly::after,.dga-textarea--disabled::after{display:none}.dga-textarea--readonly .dga-textarea__field,.dga-textarea--readonly .dga-textarea__field::placeholder,.dga-textarea--disabled .dga-textarea__field,.dga-textarea--disabled .dga-textarea__field::placeholder{color:var(--colors-text-primary)}.dga-textarea--disabled .dga-textarea__field,.dga-textarea--disabled .dga-textarea__field::placeholder{color:var(--input-text-disabled)}.dga-textarea--disabled .dga-textarea__icon span,.dga-textarea--disabled .dga-textarea__prefix--subtle-text,.dga-textarea--disabled .dga-textarea__prefix--solid-text{color:var(--input-text-disabled)}.dga-textarea__icon{height:100%;display:inline-flex;align-items:center}.dga-textarea__icon span{color:var(--colors-gray-neutral-700);font-size:20px}.dga-textarea__feedback-icon{height:fit-content;display:inline-flex;align-items:center;position:absolute;top:12px;right:16px}.dga-textarea__feedback-icon span{font-size:20px;position:relative;z-index:0}.dga-textarea__feedback-icon--success{color:var(--text-success)}.dga-textarea__feedback-icon--success span::after{background-color:var(--colors-brand-100)}.dga-textarea__feedback-icon--error{color:var(--form-field-border-error)}.dga-textarea__feedback-icon--error span::after{background-color:var(--form-field-border-error)}.dga-textarea__feedback-icon--warning{color:var(--text-warning)}.dga-textarea__feedback-icon--warning span::after{background-color:var(--colors-warning-100)}.dga-textarea__feedback-icon--warning-triangle{color:var(--text-warning)}.dga-textarea__feedback-icon--warning-triangle span::after{width:0 !important;height:0 !important;transform:scale(1) !important;border:12px solid rgba(0, 0, 0, 0);border-top:0;border-bottom:20px solid var(--colors-warning-100);border-radius:0px !important;left:-2px !important;top:-1px !important}.dga-textarea__feedback-icon--ring 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}[dir=rtl] .dga-textarea__feedback-icon{right:auto;left:16px}.dga-textarea__dropdown-btn.open+.dga-textarea__dropdown-list{z-index:2;opacity:1;padding-block:var(--spacing-md);max-height:376px;pointer-events:auto;overflow-y:auto}.dga-textarea--lighter{border:0}.dga-textarea--lighter:hover{border:1px solid var(--form-field-border-default)}.dga-textarea--lighter.focus{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default)}.dga-textarea--lighter.active{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-darker)}.dga-textarea--darker{border:0;background-color:var(--form-field-background-darker)}.dga-textarea--darker:hover{border:1px solid var(--form-field-border-default)}.dga-textarea--darker.focus{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default)}.dga-textarea--darker.active{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default)}.dga-textarea--error,.dga-textarea--error:hover{outline-color:var(--form-field-border-error);border:1px solid var(--form-field-border-error)}.dga-textarea--error::after{background-color:var(--form-field-border-error)}.dga-textarea--lg{height:auto;min-height:96px}.dga-textarea--lg__feedback-icon span{font-size:20px}.dga-textarea.disabled{opacity:0.6}';export{p as dga_textarea}
|
|
1
|
+
import{h as a,r as e,H as t,a as d}from"./p-D0dWnGvB.js";import{g as i}from"./p-DEtoWGOc.js";import{S as r}from"./p-BFEqPAFn.js";const n={success:a("dga-icon",{icon:"CheckmarkCircle02Icon",variant:"solid"}),error:a("dga-icon",{icon:"AlertCircleIcon",variant:"solid"}),warning:a("dga-icon",{icon:"Alert02Icon",variant:"solid"})},p=class{constructor(a){e(this,a),this.variant="default",this.error=!1,this.feedbackIcon=!1,this.feedbackIconType="success",this.feedbackIconRing=!1,this.disabled=!1,this.readonly=!1,this.scrollbar=!0,this.fullwidth=!0,this.resize=!0,this.cols=50,this.rows=4,this.name=i(),this.value="",this.isActive=!1,this.isFocused=!1,this.componentId=`dga-button-${Math.random().toString(36).substring(2,9)}`,this.rootStyles={}}valueChanged(a,e){a!==e&&(this.textAreaEl.value=a)}handleSxChange(){this.processStyling()}componentWillLoad(){this.sxStyleManager=new r(this.componentId,this.el)}componentDidLoad(){this.processStyling()}componentDidUpdate(){this.processStyling()}processStyling(){if(!this.sx)return;const a="string"==typeof this.sx?JSON.parse(this.sx):this.sx;this.rootStyles=this.sxStyleManager.processSxProp(a)}disconnectedCallback(){var a;null===(a=this.sxStyleManager)||void 0===a||a.cleanup()}render(){return a(t,{key:"c0012dadd8e09eda05f18d449ea56bce0ec44361",id:this.componentId,style:this.rootStyles},a("div",{key:"3da76e53c18a6161a7cb0f9085afa6d9cf99dd4f",class:{"dga-form-control":!0,"dga-form-control--fullwidth":this.fullwidth}},this.label&&a("label",{key:"f4d6b1cc19cec2659830f3d8efbd3ae550f14a32",class:"dga-label"},this.label),a("div",{key:"e5ae4c30bc48d4da377d7386108320752ff4dea6",class:`dga-textarea dga-textarea--lg ${this.error?"dga-textarea--error":""} ${"default"!==this.variant?`dga-textarea--${this.variant}`:""} ${this.isActive?"active":""} ${this.isFocused?"focus":""} ${this.disabled?"disabled":""}`,ref:a=>this.inputContainerRef=a,"data-error":this.error},a("textarea",{key:"9905c304b17794871de5ce641bfba29934778450",ref:a=>this.textAreaEl=a,onFocus:()=>this.isFocused=!0,onBlur:()=>this.isFocused=!1,class:`dga-textarea__field ${this.resize?"dga-textarea__field--resize":""} ${this.scrollbar?"":"dga-textarea__field--hidden-scrollbar"}`,placeholder:this.placeholder,disabled:this.disabled,readOnly:this.readonly,rows:this.rows&&this.rows,cols:this.cols&&this.cols,onMouseDown:()=>this.isActive=!0,onMouseUp:()=>this.isActive=!1,onMouseOut:()=>this.isActive=!1,onChange:this.onChange,onInput:this.onInput,name:this.name,value:this.value}),this.error?a("span",{class:"dga-textarea__feedback-icon dga-textarea__feedback-icon--error "+(this.feedbackIconRing?"dga-textarea__feedback-icon--ring":"")},n.error):this.feedbackIcon?a("span",{class:`dga-textarea__feedback-icon dga-textarea__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing?"dga-textarea__feedback-icon--ring":""}`},n[this.feedbackIconType]):null)))}get el(){return d(this)}static get watchers(){return{value:["valueChanged"],sx:["handleSxChange"]}}};p.style='@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff") format("woff");font-weight:500;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff") format("woff");font-weight:600;font-style:normal}@font-face{font-family:"IBMPlexSansArabic";src:url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:auto}body{font-family:"IBMPlexSansArabic"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px "IBMPlexSansArabic"}.display-xl-regular{font:400 60px/72px "IBMPlexSansArabic"}.display-lg-regular{font:400 48px/60px "IBMPlexSansArabic"}.display-md-regular{font:400 36px/44px "IBMPlexSansArabic"}.display-sm-regular{font:400 30px/38px "IBMPlexSansArabic"}.display-xs-regular{font:400 24px/32px "IBMPlexSansArabic"}.text-xl-regular{font:400 20px/30px "IBMPlexSansArabic"}.text-lg-regular{font:400 18px/28px "IBMPlexSansArabic"}.text-md-regular,.dga-textarea__field::placeholder,.dga-textarea__field{font:400 16px/24px "IBMPlexSansArabic"}.text-sm-regular,.dga-textarea--lg .dga-textarea__field,.dga-textarea--lg .dga-textarea__field::placeholder,.dga-form-control>.dga-label{font:400 14px/20px "IBMPlexSansArabic"}.text-xs-regular{font:400 12px/18px "IBMPlexSansArabic"}.text-2xs-regular{font:400 10px/14px "IBMPlexSansArabic"}.display-2xl-medium{font:500 72px/90px "IBMPlexSansArabic"}.display-xl-medium{font:500 60px/72px "IBMPlexSansArabic"}.display-lg-medium{font:500 48px/60px "IBMPlexSansArabic"}.display-md-medium{font:500 36px/44px "IBMPlexSansArabic"}.display-sm-medium{font:500 30px/38px "IBMPlexSansArabic"}.display-xs-medium{font:500 24px/32px "IBMPlexSansArabic"}.text-xl-medium{font:500 20px/30px "IBMPlexSansArabic"}.text-lg-medium{font:500 18px/28px "IBMPlexSansArabic"}.text-md-medium{font:500 16px/24px "IBMPlexSansArabic"}.text-sm-medium{font:500 14px/20px "IBMPlexSansArabic"}.text-xs-medium{font:500 12px/18px "IBMPlexSansArabic"}.text-2xs-medium{font:500 10px/14px "IBMPlexSansArabic"}.display-2xl-semibold{font:600 72px/90px "IBMPlexSansArabic"}.display-xl-semibold{font:600 60px/72px "IBMPlexSansArabic"}.display-lg-semibold{font:600 48px/60px "IBMPlexSansArabic"}.display-md-semibold{font:600 36px/44px "IBMPlexSansArabic"}.display-sm-semibold{font:600 30px/38px "IBMPlexSansArabic"}.display-xs-semibold{font:600 24px/32px "IBMPlexSansArabic"}.text-xl-semibold{font:600 20px/30px "IBMPlexSansArabic"}.text-lg-semibold{font:600 18px/28px "IBMPlexSansArabic"}.text-md-semibold{font:600 16px/24px "IBMPlexSansArabic"}.text-sm-semibold{font:600 14px/20px "IBMPlexSansArabic"}.text-xs-semibold{font:600 12px/18px "IBMPlexSansArabic"}.text-2xs-semibold{font:600 10px/14px "IBMPlexSansArabic"}.display-2xl-bold{font:700 72px/90px "IBMPlexSansArabic"}.display-xl-bold{font:700 60px/72px "IBMPlexSansArabic"}.display-lg-bold{font:700 48px/60px "IBMPlexSansArabic"}.display-md-bold{font:700 36px/44px "IBMPlexSansArabic"}.display-sm-bold{font:700 30px/38px "IBMPlexSansArabic"}.display-xs-bold{font:700 24px/32px "IBMPlexSansArabic"}.text-xl-bold{font:700 20px/30px "IBMPlexSansArabic"}.text-lg-bold{font:700 18px/28px "IBMPlexSansArabic"}.text-md-bold{font:700 16px/24px "IBMPlexSansArabic"}.text-sm-bold{font:700 14px/20px "IBMPlexSansArabic"}.text-xs-bold{font:700 12px/18px "IBMPlexSansArabic"}.text-2xs-bold{font:700 10px/14px "IBMPlexSansArabic"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md,.dga-textarea.focus{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:hsla(var(--colors-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-form-control{display:flex;flex-direction:column;width:320px}.dga-form-control--fullwidth{width:100%}.dga-form-control>.dga-label{margin-bottom:8px;color:var(--form-field-text-label)}.dga-textarea{display:inline-flex;justify-content:flex-start;border-radius:var(--radius-sm);gap:var(--spacing-xs);border:1px solid var(--form-field-border-default);background:var(--form-field-background-default);overflow:hidden;position:relative}.dga-textarea:hover{border-color:var(--form-field-border-hovered)}.dga-textarea[data-error=true]{border-color:red}.dga-textarea::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}.dga-textarea__field{background-color:transparent;border:0;outline:0;height:100%;width:100%;color:var(--form-field-text-filled);padding:var(--spacing-lg) var(--spacing-xl);resize:none;position:relative}.dga-textarea__field::placeholder{color:var(--form-field-text-placeholder)}.dga-textarea__field[disabled]{cursor:not-allowed}.dga-textarea__field--hidden-scrollbar ::-webkit-scrollbar{display:none}.dga-textarea__field--hidden-scrollbar{-ms-overflow-style:none;scrollbar-width:none;}.dga-textarea__field--resize{resize:vertical}.dga-textarea.focus::after{width:100%}.dga-textarea.active::after{width:50%}.dga-textarea--readonly,.dga-textarea--readonly:hover,.dga-textarea--disabled,.dga-textarea--disabled:hover{border-color:var(--input-text-disabled);box-shadow:none !important}.dga-textarea--readonly::after,.dga-textarea--disabled::after{display:none}.dga-textarea--readonly .dga-textarea__field,.dga-textarea--readonly .dga-textarea__field::placeholder,.dga-textarea--disabled .dga-textarea__field,.dga-textarea--disabled .dga-textarea__field::placeholder{color:var(--colors-text-primary)}.dga-textarea--disabled .dga-textarea__field,.dga-textarea--disabled .dga-textarea__field::placeholder{color:var(--input-text-disabled)}.dga-textarea--disabled .dga-textarea__icon span,.dga-textarea--disabled .dga-textarea__prefix--subtle-text,.dga-textarea--disabled .dga-textarea__prefix--solid-text{color:var(--input-text-disabled)}.dga-textarea__icon{height:100%;display:inline-flex;align-items:center}.dga-textarea__icon span{color:var(--colors-gray-neutral-700);font-size:20px}.dga-textarea__feedback-icon{height:fit-content;display:inline-flex;align-items:center;position:absolute;top:12px;right:16px}.dga-textarea__feedback-icon span{font-size:20px;position:relative;z-index:0}.dga-textarea__feedback-icon--success{color:var(--text-success)}.dga-textarea__feedback-icon--success span::after{background-color:var(--colors-brand-100)}.dga-textarea__feedback-icon--error{color:var(--form-field-border-error)}.dga-textarea__feedback-icon--error span::after{background-color:var(--form-field-border-error)}.dga-textarea__feedback-icon--warning{color:var(--text-warning)}.dga-textarea__feedback-icon--warning span::after{background-color:var(--colors-warning-100)}.dga-textarea__feedback-icon--warning-triangle{color:var(--text-warning)}.dga-textarea__feedback-icon--warning-triangle span::after{width:0 !important;height:0 !important;transform:scale(1) !important;border:12px solid rgba(0, 0, 0, 0);border-top:0;border-bottom:20px solid var(--colors-warning-100);border-radius:0px !important;left:-2px !important;top:-1px !important}.dga-textarea__feedback-icon--ring 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}[dir=rtl] .dga-textarea__feedback-icon{right:auto;left:16px}.dga-textarea__dropdown-btn.open+.dga-textarea__dropdown-list{z-index:2;opacity:1;padding-block:var(--spacing-md);max-height:376px;pointer-events:auto;overflow-y:auto}.dga-textarea--lighter{border:0}.dga-textarea--lighter:hover{border:1px solid var(--form-field-border-default)}.dga-textarea--lighter.focus{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default)}.dga-textarea--lighter.active{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-darker)}.dga-textarea--darker{border:0;background-color:var(--form-field-background-darker)}.dga-textarea--darker:hover{border:1px solid var(--form-field-border-default)}.dga-textarea--darker.focus{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default)}.dga-textarea--darker.active{border:1px solid var(--form-field-border-default);background-color:var(--form-field-background-default)}.dga-textarea--error,.dga-textarea--error:hover{outline-color:var(--form-field-border-error);border:1px solid var(--form-field-border-error)}.dga-textarea--error::after{background-color:var(--form-field-border-error)}.dga-textarea--lg{height:auto;min-height:96px}.dga-textarea--lg__feedback-icon span{font-size:20px}.dga-textarea.disabled{opacity:0.6}';export{p as dga_textarea}
|