@abp/ng.theme.shared 4.4.3 → 5.0.0-beta.3
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/abp-ng.theme.shared.d.ts +1 -34
- package/bundles/abp-ng.theme.shared-extensions.umd.js +473 -361
- package/bundles/abp-ng.theme.shared-extensions.umd.js.map +1 -1
- package/bundles/abp-ng.theme.shared-testing.umd.js +33 -7
- package/bundles/abp-ng.theme.shared-testing.umd.js.map +1 -1
- package/bundles/abp-ng.theme.shared.umd.js +711 -1164
- package/bundles/abp-ng.theme.shared.umd.js.map +1 -1
- package/esm2015/abp-ng.theme.shared.js +1 -34
- package/esm2015/abp-ng.theme.shared.js.map +1 -0
- package/esm2015/extensions/abp-ng.theme.shared-extensions.js +1 -5
- package/esm2015/extensions/abp-ng.theme.shared-extensions.js.map +1 -0
- package/esm2015/extensions/lib/adapters/date-time.adapter.js +7 -4
- package/esm2015/extensions/lib/adapters/date-time.adapter.js.map +1 -0
- package/esm2015/extensions/lib/adapters/date.adapter.js +7 -4
- package/esm2015/extensions/lib/adapters/date.adapter.js.map +1 -0
- package/esm2015/extensions/lib/adapters/time.adapter.js +7 -4
- package/esm2015/extensions/lib/adapters/time.adapter.js.map +1 -0
- package/esm2015/extensions/lib/components/abstract-actions/abstract-actions.component.js +9 -12
- package/esm2015/extensions/lib/components/abstract-actions/abstract-actions.component.js.map +1 -0
- package/esm2015/extensions/lib/components/date-time-picker/date-time-picker.component.js +74 -35
- package/esm2015/extensions/lib/components/date-time-picker/date-time-picker.component.js.map +1 -0
- package/esm2015/extensions/lib/components/extensible-form/extensible-form-prop.component.js +49 -34
- package/esm2015/extensions/lib/components/extensible-form/extensible-form-prop.component.js.map +1 -0
- package/esm2015/extensions/lib/components/extensible-form/extensible-form.component.js +42 -30
- package/esm2015/extensions/lib/components/extensible-form/extensible-form.component.js.map +1 -0
- package/esm2015/extensions/lib/components/extensible-table/extensible-table.component.js +59 -28
- package/esm2015/extensions/lib/components/extensible-table/extensible-table.component.js.map +1 -0
- package/esm2015/extensions/lib/components/grid-actions/grid-actions.component.js +34 -23
- package/esm2015/extensions/lib/components/grid-actions/grid-actions.component.js.map +1 -0
- package/esm2015/extensions/lib/components/page-toolbar/page-toolbar.component.js +26 -18
- package/esm2015/extensions/lib/components/page-toolbar/page-toolbar.component.js.map +1 -0
- package/esm2015/extensions/lib/constants/extra-properties.js +1 -1
- package/esm2015/extensions/lib/constants/extra-properties.js.map +1 -0
- package/esm2015/extensions/lib/directives/disabled.directive.js +15 -12
- package/esm2015/extensions/lib/directives/disabled.directive.js.map +1 -0
- package/esm2015/extensions/lib/directives/prop-data.directive.js +21 -18
- package/esm2015/extensions/lib/directives/prop-data.directive.js.map +1 -0
- package/esm2015/extensions/lib/enums/props.enum.js +1 -1
- package/esm2015/extensions/lib/enums/props.enum.js.map +1 -0
- package/esm2015/extensions/lib/models/actions.js +1 -2
- package/esm2015/extensions/lib/models/actions.js.map +1 -0
- package/esm2015/extensions/lib/models/entity-actions.js +1 -1
- package/esm2015/extensions/lib/models/entity-actions.js.map +1 -0
- package/esm2015/extensions/lib/models/entity-props.js +3 -1
- package/esm2015/extensions/lib/models/entity-props.js.map +1 -0
- package/esm2015/extensions/lib/models/form-props.js +1 -2
- package/esm2015/extensions/lib/models/form-props.js.map +1 -0
- package/esm2015/extensions/lib/models/internal/object-extensions.js +1 -1
- package/esm2015/extensions/lib/models/internal/object-extensions.js.map +1 -0
- package/esm2015/extensions/lib/models/object-extensions.js +1 -1
- package/esm2015/extensions/lib/models/object-extensions.js.map +1 -0
- package/esm2015/extensions/lib/models/props.js +1 -2
- package/esm2015/extensions/lib/models/props.js.map +1 -0
- package/esm2015/extensions/lib/models/toolbar-actions.js +1 -1
- package/esm2015/extensions/lib/models/toolbar-actions.js.map +1 -0
- package/esm2015/extensions/lib/services/extensions.service.js +9 -7
- package/esm2015/extensions/lib/services/extensions.service.js.map +1 -0
- package/esm2015/extensions/lib/tokens/extensions.token.js +2 -1
- package/esm2015/extensions/lib/tokens/extensions.token.js.map +1 -0
- package/esm2015/extensions/lib/ui-extensions.module.js +75 -39
- package/esm2015/extensions/lib/ui-extensions.module.js.map +1 -0
- package/esm2015/extensions/lib/utils/actions.util.js +1 -1
- package/esm2015/extensions/lib/utils/actions.util.js.map +1 -0
- package/esm2015/extensions/lib/utils/enum.util.js +1 -1
- package/esm2015/extensions/lib/utils/enum.util.js.map +1 -0
- package/esm2015/extensions/lib/utils/factory.util.js +1 -1
- package/esm2015/extensions/lib/utils/factory.util.js.map +1 -0
- package/esm2015/extensions/lib/utils/form-props.util.js +1 -1
- package/esm2015/extensions/lib/utils/form-props.util.js.map +1 -0
- package/esm2015/extensions/lib/utils/localization.util.js +1 -1
- package/esm2015/extensions/lib/utils/localization.util.js.map +1 -0
- package/esm2015/extensions/lib/utils/props.util.js +1 -1
- package/esm2015/extensions/lib/utils/props.util.js.map +1 -0
- package/esm2015/extensions/lib/utils/state.util.js +1 -1
- package/esm2015/extensions/lib/utils/state.util.js.map +1 -0
- package/esm2015/extensions/lib/utils/typeahead.util.js +1 -1
- package/esm2015/extensions/lib/utils/typeahead.util.js.map +1 -0
- package/esm2015/extensions/lib/utils/validation.util.js +1 -1
- package/esm2015/extensions/lib/utils/validation.util.js.map +1 -0
- package/esm2015/extensions/public-api.js +1 -1
- package/esm2015/extensions/public-api.js.map +1 -0
- package/esm2015/lib/animations/bounce.animations.js +5 -5
- package/esm2015/lib/animations/bounce.animations.js.map +1 -0
- package/esm2015/lib/animations/collapse.animations.js +1 -1
- package/esm2015/lib/animations/collapse.animations.js.map +1 -0
- package/esm2015/lib/animations/fade.animations.js +1 -1
- package/esm2015/lib/animations/fade.animations.js.map +1 -0
- package/esm2015/lib/animations/index.js +1 -1
- package/esm2015/lib/animations/index.js.map +1 -0
- package/esm2015/lib/animations/modal.animations.js +1 -1
- package/esm2015/lib/animations/modal.animations.js.map +1 -0
- package/esm2015/lib/animations/slide.animations.js +1 -1
- package/esm2015/lib/animations/slide.animations.js.map +1 -0
- package/esm2015/lib/animations/toast.animations.js +1 -1
- package/esm2015/lib/animations/toast.animations.js.map +1 -0
- package/esm2015/lib/components/breadcrumb/breadcrumb.component.js +19 -21
- package/esm2015/lib/components/breadcrumb/breadcrumb.component.js.map +1 -0
- package/esm2015/lib/components/breadcrumb-items/breadcrumb-items.component.js +22 -0
- package/esm2015/lib/components/breadcrumb-items/breadcrumb-items.component.js.map +1 -0
- package/esm2015/lib/components/button/button.component.js +58 -31
- package/esm2015/lib/components/button/button.component.js.map +1 -0
- package/esm2015/lib/components/confirmation/confirmation.component.js +14 -8
- package/esm2015/lib/components/confirmation/confirmation.component.js.map +1 -0
- package/esm2015/lib/components/http-error-wrapper/http-error-wrapper.component.js +25 -20
- package/esm2015/lib/components/http-error-wrapper/http-error-wrapper.component.js.map +1 -0
- package/esm2015/lib/components/index.js +3 -6
- package/esm2015/lib/components/index.js.map +1 -0
- package/esm2015/lib/components/loader-bar/loader-bar.component.js +34 -21
- package/esm2015/lib/components/loader-bar/loader-bar.component.js.map +1 -0
- package/esm2015/lib/components/loading/loading.component.js +20 -13
- package/esm2015/lib/components/loading/loading.component.js.map +1 -0
- package/esm2015/lib/components/modal/modal-close.directive.js +14 -10
- package/esm2015/lib/components/modal/modal-close.directive.js.map +1 -0
- package/esm2015/lib/components/modal/modal-ref.service.js +7 -5
- package/esm2015/lib/components/modal/modal-ref.service.js.map +1 -0
- package/esm2015/lib/components/modal/modal.component.js +57 -65
- package/esm2015/lib/components/modal/modal.component.js.map +1 -0
- package/esm2015/lib/components/toast/toast.component.js +25 -22
- package/esm2015/lib/components/toast/toast.component.js.map +1 -0
- package/esm2015/lib/components/toast-container/toast-container.component.js +25 -16
- package/esm2015/lib/components/toast-container/toast-container.component.js.map +1 -0
- package/esm2015/lib/constants/styles.js +4 -3
- package/esm2015/lib/constants/styles.js.map +1 -0
- package/esm2015/lib/constants/validation.js +1 -1
- package/esm2015/lib/constants/validation.js.map +1 -0
- package/esm2015/lib/directives/ellipsis.directive.js +40 -24
- package/esm2015/lib/directives/ellipsis.directive.js.map +1 -0
- package/esm2015/lib/directives/index.js +2 -3
- package/esm2015/lib/directives/index.js.map +1 -0
- package/esm2015/lib/directives/loading.directive.js +20 -17
- package/esm2015/lib/directives/loading.directive.js.map +1 -0
- package/esm2015/lib/directives/ngx-datatable-default.directive.js +21 -16
- package/esm2015/lib/directives/ngx-datatable-default.directive.js.map +1 -0
- package/esm2015/lib/directives/ngx-datatable-list.directive.js +22 -18
- package/esm2015/lib/directives/ngx-datatable-list.directive.js.map +1 -0
- package/esm2015/lib/enums/index.js +1 -1
- package/esm2015/lib/enums/index.js.map +1 -0
- package/esm2015/lib/enums/route-names.js +1 -1
- package/esm2015/lib/enums/route-names.js.map +1 -0
- package/esm2015/lib/handlers/document-dir.handler.js +33 -0
- package/esm2015/lib/handlers/document-dir.handler.js.map +1 -0
- package/esm2015/lib/handlers/error.handler.js +28 -37
- package/esm2015/lib/handlers/error.handler.js.map +1 -0
- package/esm2015/lib/handlers/index.js +2 -2
- package/esm2015/lib/handlers/index.js.map +1 -0
- package/esm2015/lib/models/common.js +1 -1
- package/esm2015/lib/models/common.js.map +1 -0
- package/esm2015/lib/models/confirmation.js +1 -1
- package/esm2015/lib/models/confirmation.js.map +1 -0
- package/esm2015/lib/models/index.js +1 -1
- package/esm2015/lib/models/index.js.map +1 -0
- package/esm2015/lib/models/nav-item.js +1 -1
- package/esm2015/lib/models/nav-item.js.map +1 -0
- package/esm2015/lib/models/statistics.js +1 -1
- package/esm2015/lib/models/statistics.js.map +1 -0
- package/esm2015/lib/models/toaster.js +1 -1
- package/esm2015/lib/models/toaster.js.map +1 -0
- package/esm2015/lib/providers/index.js +1 -1
- package/esm2015/lib/providers/index.js.map +1 -0
- package/esm2015/lib/providers/ng-bootstrap-config.provider.js +1 -1
- package/esm2015/lib/providers/ng-bootstrap-config.provider.js.map +1 -0
- package/esm2015/lib/providers/route.provider.js +1 -1
- package/esm2015/lib/providers/route.provider.js.map +1 -0
- package/esm2015/lib/services/confirmation.service.js +7 -8
- package/esm2015/lib/services/confirmation.service.js.map +1 -0
- package/esm2015/lib/services/index.js +2 -3
- package/esm2015/lib/services/index.js.map +1 -0
- package/esm2015/lib/services/nav-items.service.js +7 -5
- package/esm2015/lib/services/nav-items.service.js.map +1 -0
- package/esm2015/lib/services/page-alert.service.js +7 -6
- package/esm2015/lib/services/page-alert.service.js.map +1 -0
- package/esm2015/lib/services/toaster.service.js +22 -21
- package/esm2015/lib/services/toaster.service.js.map +1 -0
- package/esm2015/lib/theme-shared.module.js +81 -47
- package/esm2015/lib/theme-shared.module.js.map +1 -0
- package/esm2015/lib/tokens/append-content.token.js +1 -3
- package/esm2015/lib/tokens/append-content.token.js.map +1 -0
- package/esm2015/lib/tokens/http-error.token.js +1 -1
- package/esm2015/lib/tokens/http-error.token.js.map +1 -0
- package/esm2015/lib/tokens/index.js +1 -2
- package/esm2015/lib/tokens/index.js.map +1 -0
- package/esm2015/lib/tokens/ngx-datatable-messages.token.js +1 -1
- package/esm2015/lib/tokens/ngx-datatable-messages.token.js.map +1 -0
- package/esm2015/lib/tokens/suppress-unsaved-changes-warning.token.js +1 -2
- package/esm2015/lib/tokens/suppress-unsaved-changes-warning.token.js.map +1 -0
- package/esm2015/lib/utils/date-parser-formatter.js +13 -10
- package/esm2015/lib/utils/date-parser-formatter.js.map +1 -0
- package/esm2015/lib/utils/index.js +1 -2
- package/esm2015/lib/utils/index.js.map +1 -0
- package/esm2015/lib/utils/validation-utils.js +1 -1
- package/esm2015/lib/utils/validation-utils.js.map +1 -0
- package/esm2015/public-api.js +1 -2
- package/esm2015/public-api.js.map +1 -0
- package/esm2015/testing/abp-ng.theme.shared-testing.js +1 -1
- package/esm2015/testing/abp-ng.theme.shared-testing.js.map +1 -0
- package/esm2015/testing/lib/models/config.js +1 -1
- package/esm2015/testing/lib/models/config.js.map +1 -0
- package/esm2015/testing/lib/models/index.js +1 -1
- package/esm2015/testing/lib/models/index.js.map +1 -0
- package/esm2015/testing/lib/theme-shared-testing.module.js +12 -7
- package/esm2015/testing/lib/theme-shared-testing.module.js.map +1 -0
- package/esm2015/testing/public-api.js +1 -1
- package/esm2015/testing/public-api.js.map +1 -0
- package/extensions/abp-ng.theme.shared-extensions.d.ts +1 -4
- package/extensions/lib/adapters/date-time.adapter.d.ts +3 -0
- package/extensions/lib/adapters/date.adapter.d.ts +3 -0
- package/extensions/lib/adapters/time.adapter.d.ts +3 -0
- package/extensions/lib/components/abstract-actions/abstract-actions.component.d.ts +3 -0
- package/extensions/lib/components/date-time-picker/date-time-picker.component.d.ts +3 -0
- package/extensions/lib/components/extensible-form/extensible-form-prop.component.d.ts +3 -0
- package/extensions/lib/components/extensible-form/extensible-form.component.d.ts +3 -0
- package/extensions/lib/components/extensible-table/extensible-table.component.d.ts +9 -4
- package/extensions/lib/components/grid-actions/grid-actions.component.d.ts +3 -0
- package/extensions/lib/components/page-toolbar/page-toolbar.component.d.ts +3 -0
- package/extensions/lib/directives/disabled.directive.d.ts +3 -0
- package/extensions/lib/directives/prop-data.directive.d.ts +3 -0
- package/extensions/lib/models/entity-props.d.ts +5 -2
- package/extensions/lib/services/extensions.service.d.ts +3 -0
- package/extensions/lib/tokens/extensions.token.d.ts +3 -1
- package/extensions/lib/ui-extensions.module.d.ts +19 -0
- package/extensions/lib/utils/state.util.d.ts +1 -1
- package/extensions/package.json +0 -1
- package/fesm2015/abp-ng.theme.shared-extensions.js +540 -409
- package/fesm2015/abp-ng.theme.shared-extensions.js.map +1 -1
- package/fesm2015/abp-ng.theme.shared-testing.js +11 -6
- package/fesm2015/abp-ng.theme.shared-testing.js.map +1 -1
- package/fesm2015/abp-ng.theme.shared.js +947 -1274
- package/fesm2015/abp-ng.theme.shared.js.map +1 -1
- package/lib/components/breadcrumb/breadcrumb.component.d.ts +3 -0
- package/lib/components/breadcrumb-items/breadcrumb-items.component.d.ts +6 -0
- package/lib/components/button/button.component.d.ts +4 -1
- package/lib/components/confirmation/confirmation.component.d.ts +3 -0
- package/lib/components/http-error-wrapper/http-error-wrapper.component.d.ts +6 -3
- package/lib/components/index.d.ts +2 -5
- package/lib/components/loader-bar/loader-bar.component.d.ts +3 -0
- package/lib/components/loading/loading.component.d.ts +4 -4
- package/lib/components/modal/modal-close.directive.d.ts +3 -0
- package/lib/components/modal/modal-ref.service.d.ts +3 -0
- package/lib/components/modal/modal.component.d.ts +4 -18
- package/lib/components/toast/toast.component.d.ts +5 -4
- package/lib/components/toast-container/toast-container.component.d.ts +5 -1
- package/lib/constants/styles.d.ts +1 -2
- package/lib/directives/ellipsis.directive.d.ts +6 -0
- package/lib/directives/index.d.ts +1 -2
- package/lib/directives/loading.directive.d.ts +3 -0
- package/lib/directives/ngx-datatable-default.directive.d.ts +3 -0
- package/lib/directives/ngx-datatable-list.directive.d.ts +3 -0
- package/lib/handlers/document-dir.handler.d.ts +13 -0
- package/lib/handlers/error.handler.d.ts +9 -7
- package/lib/handlers/index.d.ts +1 -1
- package/lib/models/confirmation.d.ts +3 -3
- package/lib/models/toaster.d.ts +5 -5
- package/lib/providers/ng-bootstrap-config.provider.d.ts +1 -1
- package/lib/providers/route.provider.d.ts +1 -1
- package/lib/services/confirmation.service.d.ts +3 -0
- package/lib/services/index.d.ts +1 -2
- package/lib/services/nav-items.service.d.ts +3 -0
- package/lib/services/page-alert.service.d.ts +3 -0
- package/lib/services/toaster.service.d.ts +4 -1
- package/lib/theme-shared.module.d.ts +26 -0
- package/lib/tokens/index.d.ts +0 -1
- package/lib/utils/date-parser-formatter.d.ts +3 -0
- package/lib/utils/index.d.ts +0 -1
- package/package.json +6 -8
- package/public-api.d.ts +0 -1
- package/testing/abp-ng.theme.shared-testing.d.ts +1 -0
- package/testing/lib/theme-shared-testing.module.d.ts +6 -0
- package/testing/package.json +0 -1
- package/abp-ng.theme.shared.metadata.json +0 -1
- package/bundles/abp-ng.theme.shared-extensions-testing.umd.js +0 -28
- package/bundles/abp-ng.theme.shared-extensions-testing.umd.js.map +0 -1
- package/bundles/abp-ng.theme.shared-extensions-testing.umd.min.js +0 -2
- package/bundles/abp-ng.theme.shared-extensions-testing.umd.min.js.map +0 -1
- package/bundles/abp-ng.theme.shared-extensions.umd.min.js +0 -17
- package/bundles/abp-ng.theme.shared-extensions.umd.min.js.map +0 -1
- package/bundles/abp-ng.theme.shared-testing.umd.min.js +0 -2
- package/bundles/abp-ng.theme.shared-testing.umd.min.js.map +0 -1
- package/bundles/abp-ng.theme.shared.umd.min.js +0 -2
- package/bundles/abp-ng.theme.shared.umd.min.js.map +0 -1
- package/esm2015/extensions/testing/abp-ng.theme.shared-extensions-testing.js +0 -5
- package/esm2015/extensions/testing/lib/ui-extensions-testing.module.js +0 -11
- package/esm2015/extensions/testing/public-api.js +0 -2
- package/esm2015/lib/components/chart/chart.component.js +0 -120
- package/esm2015/lib/components/modal/modal-container.component.js +0 -16
- package/esm2015/lib/components/sort-order-icon/sort-order-icon.component.js +0 -62
- package/esm2015/lib/components/table/table.component.js +0 -71
- package/esm2015/lib/components/table-empty-message/table-empty-message.component.js +0 -29
- package/esm2015/lib/directives/table-sort.directive.js +0 -43
- package/esm2015/lib/handlers/lazy-style.handler.js +0 -90
- package/esm2015/lib/services/modal.service.js +0 -46
- package/esm2015/lib/tokens/lazy-styles.token.js +0 -3
- package/esm2015/lib/utils/widget-utils.js +0 -13
- package/extensions/abp-ng.theme.shared-extensions.metadata.json +0 -1
- package/extensions/testing/abp-ng.theme.shared-extensions-testing.d.ts +0 -4
- package/extensions/testing/abp-ng.theme.shared-extensions-testing.metadata.json +0 -1
- package/extensions/testing/lib/ui-extensions-testing.module.d.ts +0 -2
- package/extensions/testing/package.json +0 -11
- package/extensions/testing/public-api.d.ts +0 -1
- package/fesm2015/abp-ng.theme.shared-extensions-testing.js +0 -18
- package/fesm2015/abp-ng.theme.shared-extensions-testing.js.map +0 -1
- package/lib/components/chart/chart.component.d.ts +0 -30
- package/lib/components/modal/modal-container.component.d.ts +0 -7
- package/lib/components/sort-order-icon/sort-order-icon.component.d.ts +0 -18
- package/lib/components/table/table.component.d.ts +0 -30
- package/lib/components/table-empty-message/table-empty-message.component.d.ts +0 -7
- package/lib/directives/table-sort.directive.d.ts +0 -21
- package/lib/handlers/lazy-style.handler.d.ts +0 -20
- package/lib/services/modal.service.d.ts +0 -16
- package/lib/tokens/lazy-styles.token.d.ts +0 -2
- package/lib/utils/widget-utils.d.ts +0 -3
- package/styles/bootstrap-rtl.min.css +0 -7
- package/testing/abp-ng.theme.shared-testing.metadata.json +0 -1
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output,
|
|
1
|
+
import { Component, ElementRef, EventEmitter, Input, Output, Renderer2, ViewChild, } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "@abp/ng.core";
|
|
2
5
|
export class ButtonComponent {
|
|
3
6
|
constructor(renderer) {
|
|
4
7
|
this.renderer = renderer;
|
|
@@ -7,11 +10,9 @@ export class ButtonComponent {
|
|
|
7
10
|
this.buttonType = 'button';
|
|
8
11
|
this.loading = false;
|
|
9
12
|
this.disabled = false;
|
|
10
|
-
// tslint:disable
|
|
11
13
|
this.click = new EventEmitter();
|
|
12
14
|
this.focus = new EventEmitter();
|
|
13
15
|
this.blur = new EventEmitter();
|
|
14
|
-
// tslint:enable
|
|
15
16
|
this.abpClick = new EventEmitter();
|
|
16
17
|
this.abpFocus = new EventEmitter();
|
|
17
18
|
this.abpBlur = new EventEmitter();
|
|
@@ -27,10 +28,8 @@ export class ButtonComponent {
|
|
|
27
28
|
}
|
|
28
29
|
}
|
|
29
30
|
}
|
|
30
|
-
ButtonComponent
|
|
31
|
-
|
|
32
|
-
selector: 'abp-button',
|
|
33
|
-
template: `
|
|
31
|
+
ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: ButtonComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
32
|
+
ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: ButtonComponent, selector: "abp-button", inputs: { buttonId: "buttonId", buttonClass: "buttonClass", buttonType: "buttonType", iconClass: "iconClass", loading: "loading", disabled: "disabled", attributes: "attributes" }, outputs: { click: "click", focus: "focus", blur: "blur", abpClick: "abpClick", abpFocus: "abpFocus", abpBlur: "abpBlur" }, viewQueries: [{ propertyName: "buttonRef", first: true, predicate: ["button"], descendants: true, static: true }], ngImport: i0, template: `
|
|
34
33
|
<button
|
|
35
34
|
#button
|
|
36
35
|
[id]="buttonId"
|
|
@@ -41,28 +40,56 @@ ButtonComponent.decorators = [
|
|
|
41
40
|
(focus)="focus.next($event); abpFocus.next($event)"
|
|
42
41
|
(blur)="blur.next($event); abpBlur.next($event)"
|
|
43
42
|
>
|
|
44
|
-
<i [ngClass]="icon" class="
|
|
43
|
+
<i [ngClass]="icon" class="me-1"></i><ng-content></ng-content>
|
|
45
44
|
</button>
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
45
|
+
`, isInline: true, directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }] });
|
|
46
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
47
|
+
type: Component,
|
|
48
|
+
args: [{
|
|
49
|
+
selector: 'abp-button',
|
|
50
|
+
template: `
|
|
51
|
+
<button
|
|
52
|
+
#button
|
|
53
|
+
[id]="buttonId"
|
|
54
|
+
[attr.type]="buttonType"
|
|
55
|
+
[ngClass]="buttonClass"
|
|
56
|
+
[disabled]="loading || disabled"
|
|
57
|
+
(click.stop)="click.next($event); abpClick.next($event)"
|
|
58
|
+
(focus)="focus.next($event); abpFocus.next($event)"
|
|
59
|
+
(blur)="blur.next($event); abpBlur.next($event)"
|
|
60
|
+
>
|
|
61
|
+
<i [ngClass]="icon" class="me-1"></i><ng-content></ng-content>
|
|
62
|
+
</button>
|
|
63
|
+
`,
|
|
64
|
+
}]
|
|
65
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { buttonId: [{
|
|
66
|
+
type: Input
|
|
67
|
+
}], buttonClass: [{
|
|
68
|
+
type: Input
|
|
69
|
+
}], buttonType: [{
|
|
70
|
+
type: Input
|
|
71
|
+
}], iconClass: [{
|
|
72
|
+
type: Input
|
|
73
|
+
}], loading: [{
|
|
74
|
+
type: Input
|
|
75
|
+
}], disabled: [{
|
|
76
|
+
type: Input
|
|
77
|
+
}], attributes: [{
|
|
78
|
+
type: Input
|
|
79
|
+
}], click: [{
|
|
80
|
+
type: Output
|
|
81
|
+
}], focus: [{
|
|
82
|
+
type: Output
|
|
83
|
+
}], blur: [{
|
|
84
|
+
type: Output
|
|
85
|
+
}], abpClick: [{
|
|
86
|
+
type: Output
|
|
87
|
+
}], abpFocus: [{
|
|
88
|
+
type: Output
|
|
89
|
+
}], abpBlur: [{
|
|
90
|
+
type: Output
|
|
91
|
+
}], buttonRef: [{
|
|
92
|
+
type: ViewChild,
|
|
93
|
+
args: ['button', { static: true }]
|
|
94
|
+
}] } });
|
|
95
|
+
//# sourceMappingURL=button.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.component.js","sourceRoot":"","sources":["../../../../../../../packages/theme-shared/src/lib/components/button/button.component.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,SAAS,EACT,UAAU,EACV,YAAY,EACZ,KAAK,EAEL,MAAM,EACN,SAAS,EACT,SAAS,GACV,MAAM,eAAe,CAAC;;;;AAmBvB,MAAM,OAAO,eAAe;IAyC1B,YAAoB,QAAmB;QAAnB,aAAQ,GAAR,QAAQ,CAAW;QAvCvC,aAAQ,GAAG,EAAE,CAAC;QAGd,gBAAW,GAAG,iBAAiB,CAAC;QAGhC,eAAU,GAAG,QAAQ,CAAC;QAMtB,YAAO,GAAG,KAAK,CAAC;QAGhB,aAAQ,GAAG,KAAK,CAAC;QAKE,UAAK,GAAG,IAAI,YAAY,EAAc,CAAC;QAEvC,UAAK,GAAG,IAAI,YAAY,EAAc,CAAC;QAEvC,SAAI,GAAG,IAAI,YAAY,EAAc,CAAC;QAEtC,aAAQ,GAAG,IAAI,YAAY,EAAc,CAAC;QAE1C,aAAQ,GAAG,IAAI,YAAY,EAAc,CAAC;QAE1C,YAAO,GAAG,IAAI,YAAY,EAAc,CAAC;IASlB,CAAC;IAJ3C,IAAI,IAAI;QACN,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,QAAQ,EAAE,CAAC;IAClF,CAAC;IAID,QAAQ;QACN,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;gBACzC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;YACtF,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;;4GAjDU,eAAe;gGAAf,eAAe,odAfhB;;;;;;;;;;;;;GAaT;2FAEU,eAAe;kBAjB3B,SAAS;mBAAC;oBACT,QAAQ,EAAE,YAAY;oBACtB,QAAQ,EAAE;;;;;;;;;;;;;GAaT;iBACF;gGAGC,QAAQ;sBADP,KAAK;gBAIN,WAAW;sBADV,KAAK;gBAIN,UAAU;sBADT,KAAK;gBAIN,SAAS;sBADR,KAAK;gBAIN,OAAO;sBADN,KAAK;gBAIN,QAAQ;sBADP,KAAK;gBAIN,UAAU;sBADT,KAAK;gBAGa,KAAK;sBAAvB,MAAM;gBAEY,KAAK;sBAAvB,MAAM;gBAEY,IAAI;sBAAtB,MAAM;gBAEY,QAAQ;sBAA1B,MAAM;gBAEY,QAAQ;sBAA1B,MAAM;gBAEY,OAAO;sBAAzB,MAAM;gBAGP,SAAS;sBADR,SAAS;uBAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE","sourcesContent":["/* eslint-disable @angular-eslint/no-output-native */\nimport { ABP } from '@abp/ng.core';\nimport {\n Component,\n ElementRef,\n EventEmitter,\n Input,\n OnInit,\n Output,\n Renderer2,\n ViewChild,\n} from '@angular/core';\n\n@Component({\n selector: 'abp-button',\n template: `\n <button\n #button\n [id]=\"buttonId\"\n [attr.type]=\"buttonType\"\n [ngClass]=\"buttonClass\"\n [disabled]=\"loading || disabled\"\n (click.stop)=\"click.next($event); abpClick.next($event)\"\n (focus)=\"focus.next($event); abpFocus.next($event)\"\n (blur)=\"blur.next($event); abpBlur.next($event)\"\n >\n <i [ngClass]=\"icon\" class=\"me-1\"></i><ng-content></ng-content>\n </button>\n `,\n})\nexport class ButtonComponent implements OnInit {\n @Input()\n buttonId = '';\n\n @Input()\n buttonClass = 'btn btn-primary';\n\n @Input()\n buttonType = 'button';\n\n @Input()\n iconClass: string;\n\n @Input()\n loading = false;\n\n @Input()\n disabled = false;\n\n @Input()\n attributes: ABP.Dictionary<string>;\n\n @Output() readonly click = new EventEmitter<MouseEvent>();\n\n @Output() readonly focus = new EventEmitter<FocusEvent>();\n\n @Output() readonly blur = new EventEmitter<FocusEvent>();\n\n @Output() readonly abpClick = new EventEmitter<MouseEvent>();\n\n @Output() readonly abpFocus = new EventEmitter<FocusEvent>();\n\n @Output() readonly abpBlur = new EventEmitter<FocusEvent>();\n\n @ViewChild('button', { static: true })\n buttonRef: ElementRef<HTMLButtonElement>;\n\n get icon(): string {\n return `${this.loading ? 'fa fa-spinner fa-spin' : this.iconClass || 'd-none'}`;\n }\n\n constructor(private renderer: Renderer2) {}\n\n ngOnInit() {\n if (this.attributes) {\n Object.keys(this.attributes).forEach(key => {\n this.renderer.setAttribute(this.buttonRef.nativeElement, key, this.attributes[key]);\n });\n }\n }\n}\n"]}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { Component } from '@angular/core';
|
|
2
2
|
import { Confirmation } from '../../models/confirmation';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
import * as i2 from "@abp/ng.core";
|
|
3
6
|
export class ConfirmationComponent {
|
|
4
7
|
constructor() {
|
|
5
8
|
this.confirm = Confirmation.Status.confirm;
|
|
@@ -24,11 +27,14 @@ export class ConfirmationComponent {
|
|
|
24
27
|
}
|
|
25
28
|
}
|
|
26
29
|
}
|
|
27
|
-
ConfirmationComponent
|
|
28
|
-
{ type:
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
30
|
+
ConfirmationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: ConfirmationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
+
ConfirmationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: ConfirmationComponent, selector: "abp-confirmation", ngImport: i0, template: "<div class=\"confirmation\" *ngIf=\"confirmation$ | async as data\">\n <div\n class=\"confirmation-backdrop\"\n (click)=\"data.options?.dismissible ? close(dismiss) : null\"\n ></div>\n <div class=\"confirmation-dialog\">\n <div class=\"icon-container\" [ngClass]=\"data.severity\" *ngIf=\"data.severity\">\n <i class=\"fa icon\" [ngClass]=\"getIconClass(data)\"></i>\n </div>\n <div class=\"content\">\n <h1\n class=\"title\"\n *ngIf=\"data.title\"\n [innerHTML]=\"data.title | abpLocalization: data.options?.titleLocalizationParams\"\n ></h1>\n <p\n class=\"message\"\n *ngIf=\"data.message\"\n [innerHTML]=\"data.message | abpLocalization: data.options?.messageLocalizationParams\"\n ></p>\n </div>\n <div class=\"footer\">\n <button\n id=\"cancel\"\n class=\"confirmation-button confirmation-button--reject\"\n [innerHTML]=\"data.options?.cancelText || 'AbpUi::Cancel' | abpLocalization\"\n *ngIf=\"!data?.options?.hideCancelBtn\"\n (click)=\"close(reject)\"\n ></button>\n <button\n id=\"confirm\"\n class=\"confirmation-button confirmation-button--approve\"\n [innerHTML]=\"data.options?.yesText || 'AbpUi::Yes' | abpLocalization\"\n *ngIf=\"!data?.options?.hideYesBtn\"\n (click)=\"close(confirm)\"\n ></button>\n </div>\n </div>\n</div>\n", styles: [".confirmation{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1060}.confirmation .confirmation-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1061!important}.confirmation .confirmation-dialog{display:flex;flex-direction:column;margin:20px auto;padding:0;width:450px;min-height:300px;z-index:1062!important}@media screen and (max-width: 500px){.confirmation .confirmation-dialog{width:90vw}}.confirmation .confirmation-dialog .icon-container{display:flex;align-items:center;justify-content:center;margin:0 0 10px;padding:20px}.confirmation .confirmation-dialog .icon-container .icon{width:100px;height:100px;stroke-width:1;font-size:80px;text-align:center}.confirmation .confirmation-dialog .content{flex-grow:1;display:block}.confirmation .confirmation-dialog .content .title{display:block;margin:0;padding:0;font-size:27px;font-weight:600;text-align:center}.confirmation .confirmation-dialog .content .message{display:block;margin:10px auto;padding:20px;font-size:16px;font-weight:400;text-align:center}.confirmation .confirmation-dialog .footer{display:flex;align-items:center;justify-content:flex-end;margin:10px 0 0;padding:20px;width:100%}.confirmation .confirmation-dialog .footer .confirmation-button{display:inline-block;margin:0 5px;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i1.AsyncPipe, "abpLocalization": i2.LocalizationPipe } });
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: ConfirmationComponent, decorators: [{
|
|
33
|
+
type: Component,
|
|
34
|
+
args: [{
|
|
35
|
+
selector: 'abp-confirmation',
|
|
36
|
+
templateUrl: './confirmation.component.html',
|
|
37
|
+
styleUrls: ['./confirmation.component.scss'],
|
|
38
|
+
}]
|
|
39
|
+
}] });
|
|
40
|
+
//# sourceMappingURL=confirmation.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"confirmation.component.js","sourceRoot":"","sources":["../../../../../../../packages/theme-shared/src/lib/components/confirmation/confirmation.component.ts","../../../../../../../packages/theme-shared/src/lib/components/confirmation/confirmation.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;;;;AAOzD,MAAM,OAAO,qBAAqB;IALlC;QAME,YAAO,GAAG,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC;QACtC,WAAM,GAAG,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC;QACpC,YAAO,GAAG,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC;KAwBvC;IAlBC,KAAK,CAAC,MAA2B;QAC/B,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC;IAED,YAAY,CAAC,EAAE,QAAQ,EAA2B;QAChD,QAAQ,QAAQ,EAAE;YAChB,KAAK,MAAM;gBACT,OAAO,gBAAgB,CAAC;YAC1B,KAAK,SAAS;gBACZ,OAAO,iBAAiB,CAAC;YAC3B,KAAK,SAAS;gBACZ,OAAO,yBAAyB,CAAC;YACnC,KAAK,OAAO;gBACV,OAAO,iBAAiB,CAAC;YAC3B;gBACE,OAAO,oBAAoB,CAAC;SAC/B;IACH,CAAC;;kHA1BU,qBAAqB;sGAArB,qBAAqB,wDCTlC,y5CAuCA;2FD9Ba,qBAAqB;kBALjC,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,WAAW,EAAE,+BAA+B;oBAC5C,SAAS,EAAE,CAAC,+BAA+B,CAAC;iBAC7C","sourcesContent":["import { Component } from '@angular/core';\nimport { ReplaySubject } from 'rxjs';\nimport { Confirmation } from '../../models/confirmation';\n\n@Component({\n selector: 'abp-confirmation',\n templateUrl: './confirmation.component.html',\n styleUrls: ['./confirmation.component.scss'],\n})\nexport class ConfirmationComponent {\n confirm = Confirmation.Status.confirm;\n reject = Confirmation.Status.reject;\n dismiss = Confirmation.Status.dismiss;\n\n confirmation$: ReplaySubject<Confirmation.DialogData>;\n\n clear: (status: Confirmation.Status) => void;\n\n close(status: Confirmation.Status) {\n this.clear(status);\n }\n\n getIconClass({ severity }: Confirmation.DialogData): string {\n switch (severity) {\n case 'info':\n return 'fa-info-circle';\n case 'success':\n return 'fa-check-circle';\n case 'warning':\n return 'fa-exclamation-triangle';\n case 'error':\n return 'fa-times-circle';\n default:\n return 'fa-question-circle';\n }\n }\n}\n","<div class=\"confirmation\" *ngIf=\"confirmation$ | async as data\">\n <div\n class=\"confirmation-backdrop\"\n (click)=\"data.options?.dismissible ? close(dismiss) : null\"\n ></div>\n <div class=\"confirmation-dialog\">\n <div class=\"icon-container\" [ngClass]=\"data.severity\" *ngIf=\"data.severity\">\n <i class=\"fa icon\" [ngClass]=\"getIconClass(data)\"></i>\n </div>\n <div class=\"content\">\n <h1\n class=\"title\"\n *ngIf=\"data.title\"\n [innerHTML]=\"data.title | abpLocalization: data.options?.titleLocalizationParams\"\n ></h1>\n <p\n class=\"message\"\n *ngIf=\"data.message\"\n [innerHTML]=\"data.message | abpLocalization: data.options?.messageLocalizationParams\"\n ></p>\n </div>\n <div class=\"footer\">\n <button\n id=\"cancel\"\n class=\"confirmation-button confirmation-button--reject\"\n [innerHTML]=\"data.options?.cancelText || 'AbpUi::Cancel' | abpLocalization\"\n *ngIf=\"!data?.options?.hideCancelBtn\"\n (click)=\"close(reject)\"\n ></button>\n <button\n id=\"confirm\"\n class=\"confirmation-button confirmation-button--approve\"\n [innerHTML]=\"data.options?.yesText || 'AbpUi::Yes' | abpLocalization\"\n *ngIf=\"!data?.options?.hideYesBtn\"\n (click)=\"close(confirm)\"\n ></button>\n </div>\n </div>\n</div>\n"]}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import { SubscriptionService } from '@abp/ng.core';
|
|
2
|
-
import { Component, ViewChild, } from '@angular/core';
|
|
2
|
+
import { Component, ElementRef, ViewChild, } from '@angular/core';
|
|
3
3
|
import { fromEvent } from 'rxjs';
|
|
4
4
|
import { debounceTime, filter } from 'rxjs/operators';
|
|
5
|
-
import
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@abp/ng.core";
|
|
7
|
+
import * as i2 from "@angular/common";
|
|
8
|
+
import * as i3 from "@angular/router";
|
|
6
9
|
export class HttpErrorWrapperComponent {
|
|
7
10
|
constructor(subscription) {
|
|
8
11
|
this.subscription = subscription;
|
|
@@ -17,9 +20,9 @@ export class HttpErrorWrapperComponent {
|
|
|
17
20
|
return this.status ? `[${this.status}]` : '';
|
|
18
21
|
}
|
|
19
22
|
ngOnInit() {
|
|
23
|
+
var _a;
|
|
20
24
|
this.backgroundColor =
|
|
21
|
-
|
|
22
|
-
'#fff';
|
|
25
|
+
((_a = window.getComputedStyle(document.body)) === null || _a === void 0 ? void 0 : _a.getPropertyValue('background-color')) || '#fff';
|
|
23
26
|
}
|
|
24
27
|
ngAfterViewInit() {
|
|
25
28
|
if (this.customComponent) {
|
|
@@ -35,24 +38,26 @@ export class HttpErrorWrapperComponent {
|
|
|
35
38
|
const keyup$ = fromEvent(document, 'keyup').pipe(debounceTime(150), filter((key) => key && key.key === 'Escape'));
|
|
36
39
|
this.subscription.addOne(keyup$, () => this.destroy());
|
|
37
40
|
}
|
|
38
|
-
ngOnDestroy() {
|
|
41
|
+
ngOnDestroy() {
|
|
42
|
+
this.destroy();
|
|
43
|
+
}
|
|
39
44
|
destroy() {
|
|
40
45
|
this.destroy$.next();
|
|
41
46
|
this.destroy$.complete();
|
|
42
47
|
}
|
|
43
48
|
}
|
|
44
|
-
HttpErrorWrapperComponent
|
|
45
|
-
{ type:
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
]
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
];
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
};
|
|
58
|
-
//# sourceMappingURL=
|
|
49
|
+
HttpErrorWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: HttpErrorWrapperComponent, deps: [{ token: i1.SubscriptionService }], target: i0.ɵɵFactoryTarget.Component });
|
|
50
|
+
HttpErrorWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: HttpErrorWrapperComponent, selector: "abp-http-error-wrapper", providers: [SubscriptionService], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div\n #container\n id=\"abp-http-error-container\"\n class=\"error\"\n [style.backgroundColor]=\"backgroundColor\"\n>\n <button\n *ngIf=\"!hideCloseIcon\"\n id=\"abp-close-button\"\n type=\"button\"\n class=\"close me-2\"\n (click)=\"destroy()\"\n >\n <span aria-hidden=\"true\">×</span>\n </button>\n\n <div *ngIf=\"!customComponent\" class=\"row centered\">\n <div class=\"col-md-12\">\n <div class=\"error-template\">\n <h1>{{ statusText }} {{ title | abpLocalization }}</h1>\n <div class=\"error-details\">\n {{ details | abpLocalization }}\n </div>\n <div class=\"error-actions\">\n <a\n *ngIf=\"isHomeShow\"\n (click)=\"destroy()\"\n routerLink=\"/\"\n class=\"btn btn-primary btn-md mt-2\"\n ><span class=\"glyphicon glyphicon-home\"></span>\n {{ { key: '::Menu:Home', defaultValue: 'Home' } | abpLocalization }}\n </a>\n </div>\n </div>\n </div>\n </div>\n</div>\n", styles: [".error{position:fixed;top:0;width:100vw;height:100vh;z-index:999999}.centered{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }], pipes: { "abpLocalization": i1.LocalizationPipe } });
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: HttpErrorWrapperComponent, decorators: [{
|
|
52
|
+
type: Component,
|
|
53
|
+
args: [{
|
|
54
|
+
selector: 'abp-http-error-wrapper',
|
|
55
|
+
templateUrl: './http-error-wrapper.component.html',
|
|
56
|
+
styleUrls: ['http-error-wrapper.component.scss'],
|
|
57
|
+
providers: [SubscriptionService],
|
|
58
|
+
}]
|
|
59
|
+
}], ctorParameters: function () { return [{ type: i1.SubscriptionService }]; }, propDecorators: { containerRef: [{
|
|
60
|
+
type: ViewChild,
|
|
61
|
+
args: ['container', { static: false }]
|
|
62
|
+
}] } });
|
|
63
|
+
//# sourceMappingURL=http-error-wrapper.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"http-error-wrapper.component.js","sourceRoot":"","sources":["../../../../../../../packages/theme-shared/src/lib/components/http-error-wrapper/http-error-wrapper.component.ts","../../../../../../../packages/theme-shared/src/lib/components/http-error-wrapper/http-error-wrapper.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAqB,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EAGL,SAAS,EAET,UAAU,EAMV,SAAS,GACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAW,MAAM,MAAM,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;;;;;AAQtD,MAAM,OAAO,yBAAyB;IA8BpC,YAAoB,YAAiC;QAAjC,iBAAY,GAAZ,YAAY,CAAqB;QAvBrD,WAAM,GAAG,CAAC,CAAC;QAEX,UAAK,GAAsB,OAAO,CAAC;QAEnC,YAAO,GAAsB,8BAA8B,CAAC;QAE5D,oBAAe,GAAc,IAAI,CAAC;QAIlC,kBAAa,GAAG,KAAK,CAAC;QAItB,eAAU,GAAG,IAAI,CAAC;IASsC,CAAC;IAJzD,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/C,CAAC;IAID,QAAQ;;QACN,IAAI,CAAC,eAAe;YAClB,CAAA,MAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,0CAAE,gBAAgB,CAAC,kBAAkB,CAAC,KAAI,MAAM,CAAC;IAC3F,CAAC;IAED,eAAe;QACb,IAAI,IAAI,CAAC,eAAe,EAAE;YACxB,MAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK;iBAClC,uBAAuB,CAAC,IAAI,CAAC,eAAe,CAAC;iBAC7C,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACzB,kBAAkB,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC;YACtD,kBAAkB,CAAC,QAAQ,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;YACrD,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YACpD,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,WAAW,CACxC,kBAAkB,CAAC,QAAiC,CAAC,SAAS,CAAC,CAAC,CAAC,CACnE,CAAC;YACF,kBAAkB,CAAC,iBAAiB,CAAC,aAAa,EAAE,CAAC;SACtD;QAED,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,IAAI,CAC9C,YAAY,CAAC,GAAG,CAAC,EACjB,MAAM,CAAC,CAAC,GAAkB,EAAE,EAAE,CAAC,GAAG,IAAI,GAAG,CAAC,GAAG,KAAK,QAAQ,CAAC,CAC5D,CAAC;QACF,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;IACzD,CAAC;IAED,WAAW;QACT,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAED,OAAO;QACL,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QACrB,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC;IAC3B,CAAC;;sHAjEU,yBAAyB;0GAAzB,yBAAyB,iDAFzB,CAAC,mBAAmB,CAAC,qICrBlC,4hCAqCA;2FDda,yBAAyB;kBANrC,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,WAAW,EAAE,qCAAqC;oBAClD,SAAS,EAAE,CAAC,mCAAmC,CAAC;oBAChD,SAAS,EAAE,CAAC,mBAAmB,CAAC;iBACjC;0GAyBC,YAAY;sBADX,SAAS;uBAAC,WAAW,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE","sourcesContent":["import { LocalizationParam, SubscriptionService } from '@abp/ng.core';\nimport {\n AfterViewInit,\n ApplicationRef,\n Component,\n ComponentFactoryResolver,\n ElementRef,\n EmbeddedViewRef,\n Injector,\n OnDestroy,\n OnInit,\n Type,\n ViewChild,\n} from '@angular/core';\nimport { fromEvent, Subject } from 'rxjs';\nimport { debounceTime, filter } from 'rxjs/operators';\n\n@Component({\n selector: 'abp-http-error-wrapper',\n templateUrl: './http-error-wrapper.component.html',\n styleUrls: ['http-error-wrapper.component.scss'],\n providers: [SubscriptionService],\n})\nexport class HttpErrorWrapperComponent implements AfterViewInit, OnDestroy, OnInit {\n appRef: ApplicationRef;\n\n cfRes: ComponentFactoryResolver;\n\n injector: Injector;\n\n status = 0;\n\n title: LocalizationParam = 'Oops!';\n\n details: LocalizationParam = 'Sorry, an error has occured.';\n\n customComponent: Type<any> = null;\n\n destroy$: Subject<void>;\n\n hideCloseIcon = false;\n\n backgroundColor: string;\n\n isHomeShow = true;\n\n @ViewChild('container', { static: false })\n containerRef: ElementRef<HTMLDivElement>;\n\n get statusText(): string {\n return this.status ? `[${this.status}]` : '';\n }\n\n constructor(private subscription: SubscriptionService) {}\n\n ngOnInit() {\n this.backgroundColor =\n window.getComputedStyle(document.body)?.getPropertyValue('background-color') || '#fff';\n }\n\n ngAfterViewInit() {\n if (this.customComponent) {\n const customComponentRef = this.cfRes\n .resolveComponentFactory(this.customComponent)\n .create(this.injector);\n customComponentRef.instance.errorStatus = this.status;\n customComponentRef.instance.destroy$ = this.destroy$;\n this.appRef.attachView(customComponentRef.hostView);\n this.containerRef.nativeElement.appendChild(\n (customComponentRef.hostView as EmbeddedViewRef<any>).rootNodes[0],\n );\n customComponentRef.changeDetectorRef.detectChanges();\n }\n\n const keyup$ = fromEvent(document, 'keyup').pipe(\n debounceTime(150),\n filter((key: KeyboardEvent) => key && key.key === 'Escape'),\n );\n this.subscription.addOne(keyup$, () => this.destroy());\n }\n\n ngOnDestroy() {\n this.destroy();\n }\n\n destroy() {\n this.destroy$.next();\n this.destroy$.complete();\n }\n}\n","<div\n #container\n id=\"abp-http-error-container\"\n class=\"error\"\n [style.backgroundColor]=\"backgroundColor\"\n>\n <button\n *ngIf=\"!hideCloseIcon\"\n id=\"abp-close-button\"\n type=\"button\"\n class=\"close me-2\"\n (click)=\"destroy()\"\n >\n <span aria-hidden=\"true\">×</span>\n </button>\n\n <div *ngIf=\"!customComponent\" class=\"row centered\">\n <div class=\"col-md-12\">\n <div class=\"error-template\">\n <h1>{{ statusText }} {{ title | abpLocalization }}</h1>\n <div class=\"error-details\">\n {{ details | abpLocalization }}\n </div>\n <div class=\"error-actions\">\n <a\n *ngIf=\"isHomeShow\"\n (click)=\"destroy()\"\n routerLink=\"/\"\n class=\"btn btn-primary btn-md mt-2\"\n ><span class=\"glyphicon glyphicon-home\"></span>\n {{ { key: '::Menu:Home', defaultValue: 'Home' } | abpLocalization }}\n </a>\n </div>\n </div>\n </div>\n </div>\n</div>\n"]}
|
|
@@ -1,16 +1,13 @@
|
|
|
1
|
+
export * from './breadcrumb-items/breadcrumb-items.component';
|
|
1
2
|
export * from './breadcrumb/breadcrumb.component';
|
|
2
3
|
export * from './button/button.component';
|
|
3
|
-
export * from './chart/chart.component';
|
|
4
4
|
export * from './confirmation/confirmation.component';
|
|
5
5
|
export * from './http-error-wrapper/http-error-wrapper.component';
|
|
6
6
|
export * from './loader-bar/loader-bar.component';
|
|
7
7
|
export * from './loading/loading.component';
|
|
8
|
-
export * from './modal/modal.component';
|
|
9
8
|
export * from './modal/modal-close.directive';
|
|
10
9
|
export * from './modal/modal-ref.service';
|
|
11
|
-
export * from './
|
|
12
|
-
export * from './table-empty-message/table-empty-message.component';
|
|
13
|
-
export * from './table/table.component';
|
|
10
|
+
export * from './modal/modal.component';
|
|
14
11
|
export * from './toast-container/toast-container.component';
|
|
15
12
|
export * from './toast/toast.component';
|
|
16
|
-
//# sourceMappingURL=
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/theme-shared/src/lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,+CAA+C,CAAC;AAC9D,cAAc,mCAAmC,CAAC;AAClD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uCAAuC,CAAC;AACtD,cAAc,mDAAmD,CAAC;AAClE,cAAc,mCAAmC,CAAC;AAClD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6CAA6C,CAAC;AAC5D,cAAc,yBAAyB,CAAC","sourcesContent":["export * from './breadcrumb-items/breadcrumb-items.component';\nexport * from './breadcrumb/breadcrumb.component';\nexport * from './button/button.component';\nexport * from './confirmation/confirmation.component';\nexport * from './http-error-wrapper/http-error-wrapper.component';\nexport * from './loader-bar/loader-bar.component';\nexport * from './loading/loading.component';\nexport * from './modal/modal-close.directive';\nexport * from './modal/modal-ref.service';\nexport * from './modal/modal.component';\nexport * from './toast-container/toast-container.component';\nexport * from './toast/toast.component';\n"]}
|
|
@@ -2,6 +2,10 @@ import { HttpWaitService, RouterWaitService, SubscriptionService } from '@abp/ng
|
|
|
2
2
|
import { ChangeDetectorRef, Component, Input } from '@angular/core';
|
|
3
3
|
import { Router } from '@angular/router';
|
|
4
4
|
import { combineLatest, Subscription, timer } from 'rxjs';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/router";
|
|
7
|
+
import * as i2 from "@abp/ng.core";
|
|
8
|
+
import * as i3 from "@angular/common";
|
|
5
9
|
export class LoaderBarComponent {
|
|
6
10
|
constructor(router, cdRef, subscription, httpWaitService, routerWaitService) {
|
|
7
11
|
this.router = router;
|
|
@@ -78,10 +82,25 @@ export class LoaderBarComponent {
|
|
|
78
82
|
this.timer = timer(this.stopDelay).subscribe(this.clearProgress);
|
|
79
83
|
}
|
|
80
84
|
}
|
|
81
|
-
LoaderBarComponent
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
+
LoaderBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: LoaderBarComponent, deps: [{ token: i1.Router }, { token: i0.ChangeDetectorRef }, { token: i2.SubscriptionService }, { token: i2.HttpWaitService }, { token: i2.RouterWaitService }], target: i0.ɵɵFactoryTarget.Component });
|
|
86
|
+
LoaderBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: LoaderBarComponent, selector: "abp-loader-bar", inputs: { isLoading: "isLoading", containerClass: "containerClass", color: "color" }, providers: [SubscriptionService], ngImport: i0, template: `
|
|
87
|
+
<div id="abp-loader-bar" [ngClass]="containerClass" [class.is-loading]="isLoading">
|
|
88
|
+
<div
|
|
89
|
+
class="abp-progress"
|
|
90
|
+
[class.progressing]="progressLevel"
|
|
91
|
+
[style.width.vw]="progressLevel"
|
|
92
|
+
[ngStyle]="{
|
|
93
|
+
'background-color': color,
|
|
94
|
+
'box-shadow': boxShadow
|
|
95
|
+
}"
|
|
96
|
+
></div>
|
|
97
|
+
</div>
|
|
98
|
+
`, isInline: true, styles: [".abp-loader-bar{left:0;opacity:0;position:fixed;top:0;transition:opacity .4s linear .4s;z-index:99999}.abp-loader-bar.is-loading{opacity:1;transition:none}.abp-loader-bar .abp-progress{height:3px;left:0;position:fixed;top:0}.abp-loader-bar .abp-progress.progressing{transition:width .4s ease}\n"], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
99
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: LoaderBarComponent, decorators: [{
|
|
100
|
+
type: Component,
|
|
101
|
+
args: [{
|
|
102
|
+
selector: 'abp-loader-bar',
|
|
103
|
+
template: `
|
|
85
104
|
<div id="abp-loader-bar" [ngClass]="containerClass" [class.is-loading]="isLoading">
|
|
86
105
|
<div
|
|
87
106
|
class="abp-progress"
|
|
@@ -94,20 +113,14 @@ LoaderBarComponent.decorators = [
|
|
|
94
113
|
></div>
|
|
95
114
|
</div>
|
|
96
115
|
`,
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
];
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
LoaderBarComponent.propDecorators = {
|
|
109
|
-
isLoading: [{ type: Input }],
|
|
110
|
-
containerClass: [{ type: Input }],
|
|
111
|
-
color: [{ type: Input }]
|
|
112
|
-
};
|
|
113
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy90aGVtZS1zaGFyZWQvc3JjL2xpYi9jb21wb25lbnRzL2xvYWRlci1iYXIvbG9hZGVyLWJhci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBRSxpQkFBaUIsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUN2RixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFDdkYsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3pDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLE1BQU0sQ0FBQztBQW9CMUQsTUFBTSxPQUFPLGtCQUFrQjtJQWtEN0IsWUFDVSxNQUFjLEVBQ2QsS0FBd0IsRUFDeEIsWUFBaUMsRUFDakMsZUFBZ0MsRUFDaEMsaUJBQW9DO1FBSnBDLFdBQU0sR0FBTixNQUFNLENBQVE7UUFDZCxVQUFLLEdBQUwsS0FBSyxDQUFtQjtRQUN4QixpQkFBWSxHQUFaLFlBQVksQ0FBcUI7UUFDakMsb0JBQWUsR0FBZixlQUFlLENBQWlCO1FBQ2hDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUExQzlDLG1CQUFjLEdBQUcsZ0JBQWdCLENBQUM7UUFHbEMsVUFBSyxHQUFHLFNBQVMsQ0FBQztRQUVsQixrQkFBYSxHQUFHLENBQUMsQ0FBQztRQUVsQixhQUFRLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUU5QixVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUUzQixtQkFBYyxHQUFHLEdBQUcsQ0FBQztRQUVyQixjQUFTLEdBQUcsR0FBRyxDQUFDO1FBRUMsa0JBQWEsR0FBRyxHQUFHLEVBQUU7WUFDcEMsSUFBSSxD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QUFDOzs7WUFqSEYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxnQkFBZ0I7Z0JBQzFCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7O0dBWVQ7Z0JBRUQsU0FBUyxFQUFFLENBQUMsbUJBQW1CLENBQUM7O2FBQ2pDOzs7WUFwQlEsTUFBTTtZQUROLGlCQUFpQjtZQURtQixtQkFBbUI7WUFBdkQsZUFBZTtZQUFFLGlCQUFpQjs7O3dCQTBCeEMsS0FBSzs2QkFTTCxLQUFLO29CQUdMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBIdHRwV2FpdFNlcnZpY2UsIFJvdXRlcldhaXRTZXJ2aWNlLCBTdWJzY3JpcHRpb25TZXJ2aWNlIH0gZnJvbSAnQGFicC9uZy5jb3JlJztcbmltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IGNvbWJpbmVMYXRlc3QsIFN1YnNjcmlwdGlvbiwgdGltZXIgfSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWJwLWxvYWRlci1iYXInLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgaWQ9XCJhYnAtbG9hZGVyLWJhclwiIFtuZ0NsYXNzXT1cImNvbnRhaW5lckNsYXNzXCIgW2NsYXNzLmlzLWxvYWRpbmddPVwiaXNMb2FkaW5nXCI+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwiYWJwLXByb2dyZXNzXCJcbiAgICAgICAgW2NsYXNzLnByb2dyZXNzaW5nXT1cInByb2dyZXNzTGV2ZWxcIlxuICAgICAgICBbc3R5bGUud2lkdGgudnddPVwicHJvZ3Jlc3NMZXZlbFwiXG4gICAgICAgIFtuZ1N0eWxlXT1cIntcbiAgICAgICAgICAnYmFja2dyb3VuZC1jb2xvcic6IGNvbG9yLFxuICAgICAgICAgICdib3gtc2hhZG93JzogYm94U2hhZG93XG4gICAgICAgIH1cIlxuICAgICAgPjwvZGl2PlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9sb2FkZXItYmFyLmNvbXBvbmVudC5zY3NzJ10sXG4gIHByb3ZpZGVyczogW1N1YnNjcmlwdGlvblNlcnZpY2VdLFxufSlcbmV4cG9ydCBjbGFzcyBMb2FkZXJCYXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3ksIE9uSW5pdCB7XG4gIHByb3RlY3RlZCBfaXNMb2FkaW5nOiBib29sZWFuO1xuXG4gIEBJbnB1dCgpXG4gIHNldCBpc0xvYWRpbmcodmFsdWU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLl9pc0xvYWRpbmcgPSB2YWx1ZTtcbiAgICB0aGlzLmNkUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgfVxuICBnZXQgaXNMb2FkaW5nKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9pc0xvYWRpbmc7XG4gIH1cblxuICBASW5wdXQoKVxuICBjb250YWluZXJDbGFzcyA9ICdhYnAtbG9hZGVyLWJhcic7XG5cbiAgQElucHV0KClcbiAgY29sb3IgPSAnIzc3YjZmZic7XG5cbiAgcHJvZ3Jlc3NMZXZlbCA9IDA7XG5cbiAgaW50ZXJ2YWwgPSBuZXcgU3Vic2NyaXB0aW9uKCk7XG5cbiAgdGltZXIgPSBuZXcgU3Vic2NyaXB0aW9uKCk7XG5cbiAgaW50ZXJ2YWxQZXJpb2QgPSAzNTA7XG5cbiAgc3RvcERlbGF5ID0gODAwO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgY2xlYXJQcm9ncmVzcyA9ICgpID0+IHtcbiAgICB0aGlzLnByb2dyZXNzTGV2ZWwgPSAwO1xuICAgIHRoaXMuY2RSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuICB9O1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgcmVwb3J0UHJvZ3Jlc3MgPSAoKSA9PiB7XG4gICAgaWYgKHRoaXMucHJvZ3Jlc3NMZXZlbCA8IDc1KSB7XG4gICAgICB0aGlzLnByb2dyZXNzTGV2ZWwgKz0gMSArIE1hdGgucmFuZG9tKCkgKiA5O1xuICAgIH0gZWxzZSBpZiAodGhpcy5wcm9ncmVzc0xldmVsIDwgOTApIHtcbiAgICAgIHRoaXMucHJvZ3Jlc3NMZXZlbCArPSAwLjQ7XG4gICAgfSBlbHNlIGlmICh0aGlzLnByb2dyZXNzTGV2ZWwgPCAxMDApIHtcbiAgICAgIHRoaXMucHJvZ3Jlc3NMZXZlbCArPSAwLjE7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuaW50ZXJ2YWwudW5zdWJzY3JpYmUoKTtcbiAgICB9XG4gICAgdGhpcy5jZFJlZi5kZXRlY3RDaGFuZ2VzKCk7XG4gIH07XG5cbiAgZ2V0IGJveFNoYWRvdygpOiBzdHJpbmcge1xuICAgIHJldHVybiBgMCAwIDEwcHggcmdiYSgke3RoaXMuY29sb3J9LCAwLjUpYDtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgcm91dGVyOiBSb3V0ZXIsXG4gICAgcHJpdmF0ZSBjZFJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgcHJpdmF0ZSBzdWJzY3JpcHRpb246IFN1YnNjcmlwdGlvblNlcnZpY2UsXG4gICAgcHJpdmF0ZSBodHRwV2FpdFNlcnZpY2U6IEh0dHBXYWl0U2VydmljZSxcbiAgICBwcml2YXRlIHJvdXRlcldhaXRTZXJ2aWNlOiBSb3V0ZXJXYWl0U2VydmljZSxcbiAgKSB7fVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuc3Vic2NyaWJlTG9hZGluZygpO1xuICB9XG5cbiAgc3Vic2NyaWJlTG9hZGluZygpIHtcbiAgICB0aGlzLnN1YnNjcmlwdGlvbi5hZGRPbmUoXG4gICAgICBjb21iaW5lTGF0ZXN0KFt0aGlzLmh0dHBXYWl0U2VydmljZS5nZXRMb2FkaW5nJCgpLCB0aGlzLnJvdXRlcldhaXRTZXJ2aWNlLmdldExvYWRpbmckKCldKSxcbiAgICAgIChbaHR0cExvYWRpbmcsIHJvdXRlckxvYWRpbmddKSA9PiB7XG4gICAgICAgIGlmIChodHRwTG9hZGluZyB8fCByb3V0ZXJMb2FkaW5nKSB0aGlzLnN0YXJ0TG9hZGluZygpO1xuICAgICAgICBlbHNlIHRoaXMuc3RvcExvYWRpbmcoKTtcbiAgICAgIH0sXG4gICAgKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMuaW50ZXJ2YWwudW5zdWJzY3JpYmUoKTtcbiAgfVxuXG4gIHN0YXJ0TG9hZGluZygpIHtcbiAgICBpZiAodGhpcy5pc0xvYWRpbmcgfHwgIXRoaXMuaW50ZXJ2YWwuY2xvc2VkKSByZXR1cm47XG5cbiAgICB0aGlzLmlzTG9hZGluZyA9IHRydWU7XG4gICAgdGhpcy5wcm9ncmVzc0xldmVsID0gMDtcbiAgICB0aGlzLmNkUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgICB0aGlzLmludGVydmFsID0gdGltZXIoMCwgdGhpcy5pbnRlcnZhbFBlcmlvZCkuc3Vic2NyaWJlKHRoaXMucmVwb3J0UHJvZ3Jlc3MpO1xuICAgIHRoaXMudGltZXIudW5zdWJzY3JpYmUoKTtcbiAgfVxuXG4gIHN0b3BMb2FkaW5nKCkge1xuICAgIHRoaXMuaW50ZXJ2YWwudW5zdWJzY3JpYmUoKTtcblxuICAgIHRoaXMucHJvZ3Jlc3NMZXZlbCA9IDEwMDtcbiAgICB0aGlzLmlzTG9hZGluZyA9IGZhbHNlO1xuXG4gICAgaWYgKCF0aGlzLnRpbWVyLmNsb3NlZCkgcmV0dXJuO1xuXG4gICAgdGhpcy50aW1lciA9IHRpbWVyKHRoaXMuc3RvcERlbGF5KS5zdWJzY3JpYmUodGhpcy5jbGVhclByb2dyZXNzKTtcbiAgfVxufVxuIl19
|
|
116
|
+
styleUrls: ['./loader-bar.component.scss'],
|
|
117
|
+
providers: [SubscriptionService],
|
|
118
|
+
}]
|
|
119
|
+
}], ctorParameters: function () { return [{ type: i1.Router }, { type: i0.ChangeDetectorRef }, { type: i2.SubscriptionService }, { type: i2.HttpWaitService }, { type: i2.RouterWaitService }]; }, propDecorators: { isLoading: [{
|
|
120
|
+
type: Input
|
|
121
|
+
}], containerClass: [{
|
|
122
|
+
type: Input
|
|
123
|
+
}], color: [{
|
|
124
|
+
type: Input
|
|
125
|
+
}] } });
|
|
126
|
+
//# sourceMappingURL=loader-bar.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"loader-bar.component.js","sourceRoot":"","sources":["../../../../../../../packages/theme-shared/src/lib/components/loader-bar/loader-bar.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { HttpWaitService, RouterWaitService, SubscriptionService } from '@abp/ng.core';\nimport { ChangeDetectorRef, Component, Input, OnDestroy, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { combineLatest, Subscription, timer } from 'rxjs';\n\n@Component({\n selector: 'abp-loader-bar',\n template: `\n <div id=\"abp-loader-bar\" [ngClass]=\"containerClass\" [class.is-loading]=\"isLoading\">\n <div\n class=\"abp-progress\"\n [class.progressing]=\"progressLevel\"\n [style.width.vw]=\"progressLevel\"\n [ngStyle]=\"{\n 'background-color': color,\n 'box-shadow': boxShadow\n }\"\n ></div>\n </div>\n `,\n styleUrls: ['./loader-bar.component.scss'],\n providers: [SubscriptionService],\n})\nexport class LoaderBarComponent implements OnDestroy, OnInit {\n protected _isLoading: boolean;\n\n @Input()\n set isLoading(value: boolean) {\n this._isLoading = value;\n this.cdRef.detectChanges();\n }\n get isLoading(): boolean {\n return this._isLoading;\n }\n\n @Input()\n containerClass = 'abp-loader-bar';\n\n @Input()\n color = '#77b6ff';\n\n progressLevel = 0;\n\n interval = new Subscription();\n\n timer = new Subscription();\n\n intervalPeriod = 350;\n\n stopDelay = 800;\n\n private readonly clearProgress = () => {\n this.progressLevel = 0;\n this.cdRef.detectChanges();\n };\n\n private readonly reportProgress = () => {\n if (this.progressLevel < 75) {\n this.progressLevel += 1 + Math.random() * 9;\n } else if (this.progressLevel < 90) {\n this.progressLevel += 0.4;\n } else if (this.progressLevel < 100) {\n this.progressLevel += 0.1;\n } else {\n this.interval.unsubscribe();\n }\n this.cdRef.detectChanges();\n };\n\n get boxShadow(): string {\n return `0 0 10px rgba(${this.color}, 0.5)`;\n }\n\n constructor(\n private router: Router,\n private cdRef: ChangeDetectorRef,\n private subscription: SubscriptionService,\n private httpWaitService: HttpWaitService,\n private routerWaitService: RouterWaitService,\n ) {}\n\n ngOnInit() {\n this.subscribeLoading();\n }\n\n subscribeLoading() {\n this.subscription.addOne(\n combineLatest([this.httpWaitService.getLoading$(), this.routerWaitService.getLoading$()]),\n ([httpLoading, routerLoading]) => {\n if (httpLoading || routerLoading) this.startLoading();\n else this.stopLoading();\n },\n );\n }\n\n ngOnDestroy() {\n this.interval.unsubscribe();\n }\n\n startLoading() {\n if (this.isLoading || !this.interval.closed) return;\n\n this.isLoading = true;\n this.progressLevel = 0;\n this.cdRef.detectChanges();\n this.interval = timer(0, this.intervalPeriod).subscribe(this.reportProgress);\n this.timer.unsubscribe();\n }\n\n stopLoading() {\n this.interval.unsubscribe();\n\n this.progressLevel = 100;\n this.isLoading = false;\n\n if (!this.timer.closed) return;\n\n this.timer = timer(this.stopDelay).subscribe(this.clearProgress);\n }\n}\n"]}
|
|
@@ -1,18 +1,25 @@
|
|
|
1
1
|
import { Component, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
2
3
|
export class LoadingComponent {
|
|
3
|
-
constructor() { }
|
|
4
|
-
ngOnInit() { }
|
|
5
4
|
}
|
|
6
|
-
LoadingComponent
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
LoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: LoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
+
LoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: LoadingComponent, selector: "abp-loading", ngImport: i0, template: `
|
|
7
|
+
<div class="abp-loading">
|
|
8
|
+
<i class="fa fa-spinner fa-pulse abp-spinner"></i>
|
|
9
|
+
</div>
|
|
10
|
+
`, isInline: true, styles: ["\n .abp-loading {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 1040;\n }\n\n .abp-loading .abp-spinner {\n position: absolute;\n top: 50%;\n left: 50%;\n font-size: 14px;\n -moz-transform: translateX(-50%) translateY(-50%);\n -o-transform: translateX(-50%) translateY(-50%);\n -ms-transform: translateX(-50%) translateY(-50%);\n -webkit-transform: translateX(-50%) translateY(-50%);\n transform: translateX(-50%) translateY(-50%);\n }\n "], encapsulation: i0.ViewEncapsulation.None });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: LoadingComponent, decorators: [{
|
|
12
|
+
type: Component,
|
|
13
|
+
args: [{
|
|
14
|
+
selector: 'abp-loading',
|
|
15
|
+
template: `
|
|
10
16
|
<div class="abp-loading">
|
|
11
17
|
<i class="fa fa-spinner fa-pulse abp-spinner"></i>
|
|
12
18
|
</div>
|
|
13
19
|
`,
|
|
14
|
-
|
|
15
|
-
|
|
20
|
+
encapsulation: ViewEncapsulation.None,
|
|
21
|
+
styles: [
|
|
22
|
+
`
|
|
16
23
|
.abp-loading {
|
|
17
24
|
position: absolute;
|
|
18
25
|
width: 100%;
|
|
@@ -33,8 +40,8 @@ LoadingComponent.decorators = [
|
|
|
33
40
|
-webkit-transform: translateX(-50%) translateY(-50%);
|
|
34
41
|
transform: translateX(-50%) translateY(-50%);
|
|
35
42
|
}
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
]
|
|
39
|
-
|
|
40
|
-
//# sourceMappingURL=
|
|
43
|
+
`,
|
|
44
|
+
],
|
|
45
|
+
}]
|
|
46
|
+
}] });
|
|
47
|
+
//# sourceMappingURL=loading.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"loading.component.js","sourceRoot":"","sources":["../../../../../../../packages/theme-shared/src/lib/components/loading/loading.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;;AAmC7D,MAAM,OAAO,gBAAgB;;6GAAhB,gBAAgB;iGAAhB,gBAAgB,mDA/BjB;;;;GAIT;2FA2BU,gBAAgB;kBAjC5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,aAAa;oBACvB,QAAQ,EAAE;;;;GAIT;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,MAAM,EAAE;wBACN;;;;;;;;;;;;;;;;;;;;;KAqBC;qBACF;iBACF","sourcesContent":["import { Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'abp-loading',\n template: `\n <div class=\"abp-loading\">\n <i class=\"fa fa-spinner fa-pulse abp-spinner\"></i>\n </div>\n `,\n encapsulation: ViewEncapsulation.None,\n styles: [\n `\n .abp-loading {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n z-index: 1040;\n }\n\n .abp-loading .abp-spinner {\n position: absolute;\n top: 50%;\n left: 50%;\n font-size: 14px;\n -moz-transform: translateX(-50%) translateY(-50%);\n -o-transform: translateX(-50%) translateY(-50%);\n -ms-transform: translateX(-50%) translateY(-50%);\n -webkit-transform: translateX(-50%) translateY(-50%);\n transform: translateX(-50%) translateY(-50%);\n }\n `,\n ],\n})\nexport class LoadingComponent {}\n"]}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { Directive, HostListener, Optional } from '@angular/core';
|
|
2
2
|
import { ModalComponent } from './modal.component';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "./modal.component";
|
|
3
5
|
export class ModalCloseDirective {
|
|
4
6
|
constructor(modal) {
|
|
5
7
|
this.modal = modal;
|
|
@@ -12,13 +14,15 @@ export class ModalCloseDirective {
|
|
|
12
14
|
(_a = this.modal) === null || _a === void 0 ? void 0 : _a.close();
|
|
13
15
|
}
|
|
14
16
|
}
|
|
15
|
-
ModalCloseDirective
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
]
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
17
|
+
ModalCloseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: ModalCloseDirective, deps: [{ token: i1.ModalComponent, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
18
|
+
ModalCloseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.6", type: ModalCloseDirective, selector: "[abpClose]", host: { listeners: { "click": "onClick()" } }, ngImport: i0 });
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: ModalCloseDirective, decorators: [{
|
|
20
|
+
type: Directive,
|
|
21
|
+
args: [{ selector: '[abpClose]' }]
|
|
22
|
+
}], ctorParameters: function () { return [{ type: i1.ModalComponent, decorators: [{
|
|
23
|
+
type: Optional
|
|
24
|
+
}] }]; }, propDecorators: { onClick: [{
|
|
25
|
+
type: HostListener,
|
|
26
|
+
args: ['click']
|
|
27
|
+
}] } });
|
|
28
|
+
//# sourceMappingURL=modal-close.directive.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modal-close.directive.js","sourceRoot":"","sources":["../../../../../../../packages/theme-shared/src/lib/components/modal/modal-close.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;;;AAGnD,MAAM,OAAO,mBAAmB;IAC9B,YAAgC,KAAqB;QAArB,UAAK,GAAL,KAAK,CAAgB;QACnD,IAAI,CAAC,KAAK,EAAE;YACV,OAAO,CAAC,KAAK,CAAC,yCAAyC,CAAC,CAAC;SAC1D;IACH,CAAC;IAGD,OAAO;;QACL,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,EAAE,CAAC;IACtB,CAAC;;gHAVU,mBAAmB;oGAAnB,mBAAmB;2FAAnB,mBAAmB;kBAD/B,SAAS;mBAAC,EAAE,QAAQ,EAAE,YAAY,EAAE;;0BAEtB,QAAQ;4CAOrB,OAAO;sBADN,YAAY;uBAAC,OAAO","sourcesContent":["import { Directive, HostListener, Optional } from '@angular/core';\nimport { ModalComponent } from './modal.component';\n\n@Directive({ selector: '[abpClose]' })\nexport class ModalCloseDirective {\n constructor(@Optional() private modal: ModalComponent) {\n if (!modal) {\n console.error('Please use abpClose within an abp-modal');\n }\n }\n\n @HostListener('click')\n onClick() {\n this.modal?.close();\n }\n}\n"]}
|
|
@@ -17,8 +17,10 @@ export class ModalRefService {
|
|
|
17
17
|
this.modalRefs.forEach(modal => modal.dismiss(mode));
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
|
-
ModalRefService.ɵ
|
|
21
|
-
ModalRefService
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
20
|
+
ModalRefService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: ModalRefService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
21
|
+
ModalRefService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: ModalRefService, providedIn: 'root' });
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: ModalRefService, decorators: [{
|
|
23
|
+
type: Injectable,
|
|
24
|
+
args: [{ providedIn: 'root' }]
|
|
25
|
+
}] });
|
|
26
|
+
//# sourceMappingURL=modal-ref.service.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modal-ref.service.js","sourceRoot":"","sources":["../../../../../../../packages/theme-shared/src/lib/components/modal/modal-ref.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;;AAS3C,MAAM,OAAO,eAAe;IAD5B;QAEE,cAAS,GAAuB,EAAE,CAAC;KAepC;IAbC,QAAQ,CAAC,KAAuB;QAC9B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC;IACD,UAAU,CAAC,KAAuB;QAChC,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC5C,IAAI,KAAK,GAAG,CAAC,CAAC,EAAE;YACd,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;SACjC;IACH,CAAC;IAED,UAAU,CAAC,IAAsB;QAC/B,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;IACvD,CAAC;;4GAfU,eAAe;gHAAf,eAAe,cADF,MAAM;2FACnB,eAAe;kBAD3B,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE","sourcesContent":["import { Injectable } from '@angular/core';\n\nexport type ModalDismissMode = 'hard' | 'soft';\n\nexport interface DismissableModal {\n dismiss(mode: ModalDismissMode);\n}\n\n@Injectable({ providedIn: 'root' })\nexport class ModalRefService {\n modalRefs: DismissableModal[] = [];\n\n register(modal: DismissableModal) {\n this.modalRefs.push(modal);\n }\n unregister(modal: DismissableModal) {\n const index = this.modalRefs.indexOf(modal);\n if (index > -1) {\n this.modalRefs.splice(index, 1);\n }\n }\n\n dismissAll(mode: ModalDismissMode) {\n this.modalRefs.forEach(modal => modal.dismiss(mode));\n }\n}\n"]}
|