@energycap/components 0.42.4-esbuild.20250131-1105 → 0.42.4-esbuild.20250131-1219
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/package.json +5 -1
- package/esm2022/energycap-components.mjs +0 -5
- package/esm2022/lib/components.module.mjs +0 -423
- package/esm2022/lib/controls/banner/banner.component.mjs +0 -109
- package/esm2022/lib/controls/button/button.component.mjs +0 -106
- package/esm2022/lib/controls/button/copy-button-base.directive.mjs +0 -67
- package/esm2022/lib/controls/button/copy-button.directive.mjs +0 -28
- package/esm2022/lib/controls/button/copy-table-button.directive.mjs +0 -43
- package/esm2022/lib/controls/calendar/calendar-item.component.mjs +0 -91
- package/esm2022/lib/controls/calendar/calendar.component.mjs +0 -248
- package/esm2022/lib/controls/calendar/calendar.types.mjs +0 -2
- package/esm2022/lib/controls/checkbox/checkbox.component.mjs +0 -140
- package/esm2022/lib/controls/collapsible-toggle/collapsible-toggle.component.mjs +0 -38
- package/esm2022/lib/controls/combobox/combobox.component.mjs +0 -879
- package/esm2022/lib/controls/date-input/date-input-selection-strategies/date-input-selection-strategy-base.mjs +0 -57
- package/esm2022/lib/controls/date-input/date-input-selection-strategies/day-selection-strategy.mjs +0 -62
- package/esm2022/lib/controls/date-input/date-input-selection-strategies/last-28-days-selection-strategy.mjs +0 -100
- package/esm2022/lib/controls/date-input/date-input-selection-strategies/last-7-days-selection-strategy.mjs +0 -101
- package/esm2022/lib/controls/date-input/date-input-selection-strategies/month-selection-strategy.mjs +0 -76
- package/esm2022/lib/controls/date-input/date-input-selection-strategies/quarter-selection-strategy.mjs +0 -79
- package/esm2022/lib/controls/date-input/date-input-selection-strategies/range-selection-strategy.mjs +0 -210
- package/esm2022/lib/controls/date-input/date-input-selection-strategies/year-selection-strategy.mjs +0 -81
- package/esm2022/lib/controls/date-input/date-input.component.mjs +0 -464
- package/esm2022/lib/controls/date-input/date-input.types.mjs +0 -44
- package/esm2022/lib/controls/dropdown/dropdown.component.mjs +0 -243
- package/esm2022/lib/controls/file-upload/file-upload.component.mjs +0 -261
- package/esm2022/lib/controls/form-control/form-control.component.mjs +0 -98
- package/esm2022/lib/controls/form-control-base.mjs +0 -151
- package/esm2022/lib/controls/form-control-label/form-control-label.component.mjs +0 -136
- package/esm2022/lib/controls/form-group/form-group.component.mjs +0 -261
- package/esm2022/lib/controls/help-popover/help-popover.component.mjs +0 -31
- package/esm2022/lib/controls/item-picker/item-picker.component.mjs +0 -329
- package/esm2022/lib/controls/link-button/link-button.component.mjs +0 -11
- package/esm2022/lib/controls/menu/menu.component.mjs +0 -485
- package/esm2022/lib/controls/navigation/link-item.mjs +0 -2
- package/esm2022/lib/controls/navigation/nav-group.mjs +0 -39
- package/esm2022/lib/controls/navigation/nav-item-active.directive.mjs +0 -92
- package/esm2022/lib/controls/navigation/nav-item.mjs +0 -2
- package/esm2022/lib/controls/numericbox/numericbox.component.mjs +0 -372
- package/esm2022/lib/controls/popover/popover.component.mjs +0 -117
- package/esm2022/lib/controls/radio-button/radio-button-option.mjs +0 -3
- package/esm2022/lib/controls/radio-button/radio-button.component.mjs +0 -82
- package/esm2022/lib/controls/select/select.component.mjs +0 -88
- package/esm2022/lib/controls/tabs/tabs.component.mjs +0 -47
- package/esm2022/lib/controls/textbox/textbox.component.mjs +0 -155
- package/esm2022/lib/core/cache.service.mjs +0 -105
- package/esm2022/lib/core/custom-validators.mjs +0 -29
- package/esm2022/lib/core/date-time-helper.mjs +0 -228
- package/esm2022/lib/core/error.service.mjs +0 -61
- package/esm2022/lib/core/router-helper.service.mjs +0 -111
- package/esm2022/lib/core/scroll.service.mjs +0 -89
- package/esm2022/lib/core/telemetry-tracker.service.mjs +0 -16
- package/esm2022/lib/core/telemetry.service.mjs +0 -38
- package/esm2022/lib/core/validation-message.service.mjs +0 -185
- package/esm2022/lib/core/validation-patterns.mjs +0 -31
- package/esm2022/lib/core/window.service.mjs +0 -186
- package/esm2022/lib/display/app-bar/app-bar.component.mjs +0 -46
- package/esm2022/lib/display/avatar/avatar.component.mjs +0 -67
- package/esm2022/lib/display/avatar/avatar.service.mjs +0 -64
- package/esm2022/lib/display/confirm/confirm.component.mjs +0 -168
- package/esm2022/lib/display/dialog/dialog-content.mjs +0 -2
- package/esm2022/lib/display/dialog/dialog-group/dialog-group.component.mjs +0 -63
- package/esm2022/lib/display/dialog/dialog-types.mjs +0 -77
- package/esm2022/lib/display/dialog/dialog.component.mjs +0 -281
- package/esm2022/lib/display/dialog/dialog.service.mjs +0 -71
- package/esm2022/lib/display/help/help-types.mjs +0 -2
- package/esm2022/lib/display/hierarchy/hierarchy-base.mjs +0 -111
- package/esm2022/lib/display/hierarchy/hierarchy-mocks.spec.mjs +0 -54
- package/esm2022/lib/display/hierarchy/hierarchy-tree/hierarchy-tree.component.mjs +0 -61
- package/esm2022/lib/display/item-display/item-display.component.mjs +0 -81
- package/esm2022/lib/display/json-display/json-display.component.mjs +0 -47
- package/esm2022/lib/display/resizable/resizable-base.mjs +0 -120
- package/esm2022/lib/display/resizable/resizable.component.mjs +0 -57
- package/esm2022/lib/display/spinner/spinner.component.mjs +0 -12
- package/esm2022/lib/display/splash/splash.component.mjs +0 -42
- package/esm2022/lib/display/splash/splash.service.mjs +0 -35
- package/esm2022/lib/display/table/resizable-column.component.mjs +0 -20
- package/esm2022/lib/display/table/resizable-table.directive.mjs +0 -227
- package/esm2022/lib/display/table/searchable-table.component.mjs +0 -342
- package/esm2022/lib/display/table/table-detail-row.component.mjs +0 -28
- package/esm2022/lib/display/table/table-locked-column.component.mjs +0 -58
- package/esm2022/lib/display/table/table-master-header-row.component.mjs +0 -14
- package/esm2022/lib/display/table/table-master-row.component.mjs +0 -163
- package/esm2022/lib/display/table/table-pagination.component.mjs +0 -155
- package/esm2022/lib/display/table/table-selectable-row.component.mjs +0 -235
- package/esm2022/lib/display/table/table.component.mjs +0 -249
- package/esm2022/lib/display/tags/tag.mjs +0 -18
- package/esm2022/lib/display/tags/tags.component.mjs +0 -77
- package/esm2022/lib/display/toast/toast/toast.component.mjs +0 -77
- package/esm2022/lib/display/toast/toast-types.mjs +0 -8
- package/esm2022/lib/display/toast/toast.service.mjs +0 -35
- package/esm2022/lib/display/toast/toaster/toaster.component.mjs +0 -114
- package/esm2022/lib/display/tooltip/tooltip.component.mjs +0 -28
- package/esm2022/lib/display/tooltip/tooltip.service.mjs +0 -78
- package/esm2022/lib/display/tooltip-directive/tooltip.directive.mjs +0 -173
- package/esm2022/lib/display/tour/tour-types.mjs +0 -34
- package/esm2022/lib/display/tour/tour.component.mjs +0 -398
- package/esm2022/lib/display/tour/tour.service.mjs +0 -75
- package/esm2022/lib/display/tree/tree.component.mjs +0 -135
- package/esm2022/lib/display/view-overlay/view-overlay.component.mjs +0 -58
- package/esm2022/lib/shared/directives/click-area-for/click-area-for.directive.mjs +0 -32
- package/esm2022/lib/shared/directives/if-viewport-width/if-viewport-width.directive.mjs +0 -111
- package/esm2022/lib/shared/directives/keyboard-nav-container/keyboard-nav-container.directive.mjs +0 -100
- package/esm2022/lib/shared/directives/popup/popup-container.directive.mjs +0 -166
- package/esm2022/lib/shared/display/pipes/date-display.pipe.mjs +0 -50
- package/esm2022/lib/shared/display/pipes/highlight-text.pipe.mjs +0 -30
- package/esm2022/lib/shared/display/pipes/relative-date.pipe.mjs +0 -62
- package/esm2022/lib/shared/display/pipes/row-count.pipe.mjs +0 -48
- package/esm2022/lib/shared/display/pipes/time-display.pipe.mjs +0 -41
- package/esm2022/lib/shared/display.mjs +0 -6
- package/esm2022/lib/shared/form-group.helper.mjs +0 -67
- package/esm2022/lib/shared/json-helper.mjs +0 -19
- package/esm2022/lib/shared/lodash-helper.mjs +0 -52
- package/esm2022/lib/shared/page/page-base/page-base.component.mjs +0 -387
- package/esm2022/lib/shared/page/page-statuses.mjs +0 -23
- package/esm2022/lib/shared/page/page-title/page-title.component.mjs +0 -23
- package/esm2022/lib/shared/page/page-view/page-view.component.mjs +0 -147
- package/esm2022/lib/shared/testing/copy-button-base-test-injector-factory.spec.mjs +0 -17
- package/esm2022/lib/shared/testing/hierarchy-base-test-injector-factory.spec.mjs +0 -17
- package/esm2022/lib/shared/testing/page-base-component-test-helper.spec.mjs +0 -38
- package/esm2022/lib/shared/testing/page-base-component-test-injector-factory.spec.mjs +0 -98
- package/esm2022/lib/shared/testing/public-mocks.spec.mjs +0 -148
- package/esm2022/lib/shared/testing/spy-factory.spec.mjs +0 -40
- package/esm2022/lib/shared/testing/translation-mocks.spec.mjs +0 -57
- package/esm2022/lib/shared/user-preference.service.mjs +0 -17
- package/esm2022/lib/shared/wizard/wizard-base/wizard-base.component.mjs +0 -246
- package/esm2022/lib/shared/wizard/wizard-buttons/wizard-buttons.component.mjs +0 -68
- package/esm2022/lib/shared/wizard/wizard-progress/wizard-progress.component.mjs +0 -18
- package/esm2022/public-api.mjs +0 -117
- package/fesm2022/energycap-components.mjs +0 -13219
- package/fesm2022/energycap-components.mjs.map +0 -1
- package/index.d.ts +0 -5
- package/lib/components.module.d.ts +0 -92
- package/lib/controls/banner/banner.component.d.ts +0 -50
- package/lib/controls/button/button.component.d.ts +0 -78
- package/lib/controls/button/copy-button-base.directive.d.ts +0 -20
- package/lib/controls/button/copy-button.directive.d.ts +0 -14
- package/lib/controls/button/copy-table-button.directive.d.ts +0 -19
- package/lib/controls/calendar/calendar-item.component.d.ts +0 -22
- package/lib/controls/calendar/calendar.component.d.ts +0 -52
- package/lib/controls/calendar/calendar.types.d.ts +0 -11
- package/lib/controls/checkbox/checkbox.component.d.ts +0 -65
- package/lib/controls/collapsible-toggle/collapsible-toggle.component.d.ts +0 -25
- package/lib/controls/combobox/combobox.component.d.ts +0 -418
- package/lib/controls/date-input/date-input-selection-strategies/date-input-selection-strategy-base.d.ts +0 -42
- package/lib/controls/date-input/date-input-selection-strategies/day-selection-strategy.d.ts +0 -21
- package/lib/controls/date-input/date-input-selection-strategies/last-28-days-selection-strategy.d.ts +0 -21
- package/lib/controls/date-input/date-input-selection-strategies/last-7-days-selection-strategy.d.ts +0 -21
- package/lib/controls/date-input/date-input-selection-strategies/month-selection-strategy.d.ts +0 -18
- package/lib/controls/date-input/date-input-selection-strategies/quarter-selection-strategy.d.ts +0 -18
- package/lib/controls/date-input/date-input-selection-strategies/range-selection-strategy.d.ts +0 -21
- package/lib/controls/date-input/date-input-selection-strategies/year-selection-strategy.d.ts +0 -20
- package/lib/controls/date-input/date-input.component.d.ts +0 -115
- package/lib/controls/date-input/date-input.types.d.ts +0 -62
- package/lib/controls/dropdown/dropdown.component.d.ts +0 -161
- package/lib/controls/file-upload/file-upload.component.d.ts +0 -124
- package/lib/controls/form-control/form-control.component.d.ts +0 -28
- package/lib/controls/form-control-base.d.ts +0 -110
- package/lib/controls/form-control-label/form-control-label.component.d.ts +0 -73
- package/lib/controls/form-group/form-group.component.d.ts +0 -105
- package/lib/controls/help-popover/help-popover.component.d.ts +0 -11
- package/lib/controls/item-picker/item-picker.component.d.ts +0 -164
- package/lib/controls/link-button/link-button.component.d.ts +0 -5
- package/lib/controls/menu/menu.component.d.ts +0 -255
- package/lib/controls/navigation/link-item.d.ts +0 -32
- package/lib/controls/navigation/nav-group.d.ts +0 -18
- package/lib/controls/navigation/nav-item-active.directive.d.ts +0 -42
- package/lib/controls/navigation/nav-item.d.ts +0 -31
- package/lib/controls/numericbox/numericbox.component.d.ts +0 -148
- package/lib/controls/popover/popover.component.d.ts +0 -51
- package/lib/controls/radio-button/radio-button-option.d.ts +0 -19
- package/lib/controls/radio-button/radio-button.component.d.ts +0 -53
- package/lib/controls/select/select.component.d.ts +0 -44
- package/lib/controls/tabs/tabs.component.d.ts +0 -30
- package/lib/controls/textbox/textbox.component.d.ts +0 -107
- package/lib/core/cache.service.d.ts +0 -33
- package/lib/core/custom-validators.d.ts +0 -20
- package/lib/core/date-time-helper.d.ts +0 -101
- package/lib/core/error.service.d.ts +0 -20
- package/lib/core/router-helper.service.d.ts +0 -48
- package/lib/core/scroll.service.d.ts +0 -36
- package/lib/core/telemetry-tracker.service.d.ts +0 -13
- package/lib/core/telemetry.service.d.ts +0 -31
- package/lib/core/validation-message.service.d.ts +0 -26
- package/lib/core/validation-patterns.d.ts +0 -22
- package/lib/core/window.service.d.ts +0 -116
- package/lib/display/app-bar/app-bar.component.d.ts +0 -20
- package/lib/display/avatar/avatar.component.d.ts +0 -35
- package/lib/display/avatar/avatar.service.d.ts +0 -24
- package/lib/display/confirm/confirm.component.d.ts +0 -123
- package/lib/display/dialog/dialog-content.d.ts +0 -19
- package/lib/display/dialog/dialog-group/dialog-group.component.d.ts +0 -32
- package/lib/display/dialog/dialog-types.d.ts +0 -130
- package/lib/display/dialog/dialog.component.d.ts +0 -120
- package/lib/display/dialog/dialog.service.d.ts +0 -48
- package/lib/display/help/help-types.d.ts +0 -33
- package/lib/display/hierarchy/hierarchy-base.d.ts +0 -97
- package/lib/display/hierarchy/hierarchy-mocks.spec.d.ts +0 -53
- package/lib/display/hierarchy/hierarchy-tree/hierarchy-tree.component.d.ts +0 -34
- package/lib/display/item-display/item-display.component.d.ts +0 -43
- package/lib/display/json-display/json-display.component.d.ts +0 -16
- package/lib/display/resizable/resizable-base.d.ts +0 -67
- package/lib/display/resizable/resizable.component.d.ts +0 -31
- package/lib/display/spinner/spinner.component.d.ts +0 -5
- package/lib/display/splash/splash.component.d.ts +0 -16
- package/lib/display/splash/splash.service.d.ts +0 -22
- package/lib/display/table/resizable-column.component.d.ts +0 -10
- package/lib/display/table/resizable-table.directive.d.ts +0 -93
- package/lib/display/table/searchable-table.component.d.ts +0 -206
- package/lib/display/table/table-detail-row.component.d.ts +0 -8
- package/lib/display/table/table-locked-column.component.d.ts +0 -20
- package/lib/display/table/table-master-header-row.component.d.ts +0 -9
- package/lib/display/table/table-master-row.component.d.ts +0 -113
- package/lib/display/table/table-pagination.component.d.ts +0 -91
- package/lib/display/table/table-selectable-row.component.d.ts +0 -102
- package/lib/display/table/table.component.d.ts +0 -121
- package/lib/display/tags/tag.d.ts +0 -18
- package/lib/display/tags/tags.component.d.ts +0 -48
- package/lib/display/toast/toast/toast.component.d.ts +0 -23
- package/lib/display/toast/toast-types.d.ts +0 -24
- package/lib/display/toast/toast.service.d.ts +0 -20
- package/lib/display/toast/toaster/toaster.component.d.ts +0 -35
- package/lib/display/tooltip/tooltip.component.d.ts +0 -70
- package/lib/display/tooltip/tooltip.service.d.ts +0 -16
- package/lib/display/tooltip-directive/tooltip.directive.d.ts +0 -44
- package/lib/display/tour/tour-types.d.ts +0 -70
- package/lib/display/tour/tour.component.d.ts +0 -147
- package/lib/display/tour/tour.service.d.ts +0 -38
- package/lib/display/tree/tree.component.d.ts +0 -75
- package/lib/display/view-overlay/view-overlay.component.d.ts +0 -38
- package/lib/shared/directives/click-area-for/click-area-for.directive.d.ts +0 -14
- package/lib/shared/directives/if-viewport-width/if-viewport-width.directive.d.ts +0 -60
- package/lib/shared/directives/keyboard-nav-container/keyboard-nav-container.directive.d.ts +0 -23
- package/lib/shared/directives/popup/popup-container.directive.d.ts +0 -101
- package/lib/shared/display/pipes/date-display.pipe.d.ts +0 -21
- package/lib/shared/display/pipes/highlight-text.pipe.d.ts +0 -9
- package/lib/shared/display/pipes/relative-date.pipe.d.ts +0 -36
- package/lib/shared/display/pipes/row-count.pipe.d.ts +0 -23
- package/lib/shared/display/pipes/time-display.pipe.d.ts +0 -18
- package/lib/shared/display.d.ts +0 -42
- package/lib/shared/form-group.helper.d.ts +0 -31
- package/lib/shared/json-helper.d.ts +0 -7
- package/lib/shared/lodash-helper.d.ts +0 -18
- package/lib/shared/page/page-base/page-base.component.d.ts +0 -259
- package/lib/shared/page/page-statuses.d.ts +0 -13
- package/lib/shared/page/page-title/page-title.component.d.ts +0 -9
- package/lib/shared/page/page-view/page-view.component.d.ts +0 -102
- package/lib/shared/testing/copy-button-base-test-injector-factory.spec.d.ts +0 -4
- package/lib/shared/testing/hierarchy-base-test-injector-factory.spec.d.ts +0 -4
- package/lib/shared/testing/page-base-component-test-helper.spec.d.ts +0 -30
- package/lib/shared/testing/page-base-component-test-injector-factory.spec.d.ts +0 -28
- package/lib/shared/testing/public-mocks.spec.d.ts +0 -90
- package/lib/shared/testing/spy-factory.spec.d.ts +0 -27
- package/lib/shared/testing/translation-mocks.spec.d.ts +0 -30
- package/lib/shared/user-preference.service.d.ts +0 -13
- package/lib/shared/wizard/wizard-base/wizard-base.component.d.ts +0 -134
- package/lib/shared/wizard/wizard-buttons/wizard-buttons.component.d.ts +0 -27
- package/lib/shared/wizard/wizard-progress/wizard-progress.component.d.ts +0 -10
- package/public-api.d.ts +0 -113
- package/schematics/collection.json +0 -10
- package/schematics/rxjs-7-upgrade/index.d.ts +0 -3
- package/schematics/rxjs-7-upgrade/index.js +0 -68
- package/schematics/rxjs-7-upgrade/index.js.map +0 -1
- package/schematics/rxjs-7-upgrade/schema.d.ts +0 -4
- package/schematics/rxjs-7-upgrade/schema.js +0 -3
- package/schematics/rxjs-7-upgrade/schema.js.map +0 -1
- package/schematics/rxjs-7-upgrade/schema.json +0 -14
- package/schematics/utilities/typescript.d.ts +0 -7
- package/schematics/utilities/typescript.js +0 -42
- package/schematics/utilities/typescript.js.map +0 -1
- package/schematics/utilities/workspace.d.ts +0 -8
- package/schematics/utilities/workspace.js +0 -72
- package/schematics/utilities/workspace.js.map +0 -1
- package/src/assets/images/email-icon.png +0 -0
- package/src/assets/images/email-logo.png +0 -0
- package/src/assets/images/favicon-ech.svg +0 -7
- package/src/assets/images/favicon-esa.svg +0 -6
- package/src/assets/images/favicon-eum.svg +0 -6
- package/src/assets/images/favicon.svg +0 -5
- package/src/assets/images/icon-carbonhub.svg +0 -10
- package/src/assets/images/icon-eum.svg +0 -5
- package/src/assets/images/icon-ucp.svg +0 -5
- package/src/assets/images/icon-wattics.svg +0 -5
- package/src/assets/images/icon.svg +0 -4
- package/src/assets/images/logo.svg +0 -3
- package/src/assets/images/splash.gif +0 -0
- package/src/assets/locales/en_US.json +0 -59
- package/src/assets/scripts/unsupported-browser.js +0 -17
- package/src/styles/_base.scss +0 -38
- package/src/styles/_colors.scss +0 -96
- package/src/styles/_core.scss +0 -4
- package/src/styles/_functions.scss +0 -114
- package/src/styles/_global-variables.scss +0 -232
- package/src/styles/_icons.scss +0 -24
- package/src/styles/bootstrap/_grid.scss +0 -34
- package/src/styles/bootstrap/_reboot.scss +0 -323
- package/src/styles/components/_card.scss +0 -21
- package/src/styles/components/_link-icons.scss +0 -38
- package/src/styles/components/_splash.scss +0 -57
- package/src/styles/components/_unsupported-browsers.scss +0 -24
- package/src/styles/email/_email-base.scss +0 -228
- package/src/styles/email/email.scss +0 -43
- package/src/styles/index.scss +0 -27
- package/src/styles/mixins/_animations.scss +0 -18
- package/src/styles/mixins/_button-base.scss +0 -185
- package/src/styles/mixins/_card-base.scss +0 -40
- package/src/styles/mixins/_common.scss +0 -52
- package/src/styles/mixins/_dialog-base.scss +0 -96
- package/src/styles/mixins/_form-control-base.scss +0 -641
- package/src/styles/mixins/_login.scss +0 -74
- package/src/styles/mixins/_menu-base.scss +0 -153
- package/src/styles/mixins/_overlay-base.scss +0 -33
- package/src/styles/mixins/_resizable-base.scss +0 -57
- package/src/styles/mixins/_spinner-base.scss +0 -34
- package/src/styles/mixins/_table-base.scss +0 -298
- package/src/styles/mixins/_tabs-base.scss +0 -110
- package/src/styles/mixins/_tags-base.scss +0 -116
- package/src/styles/mixins/_text.scss +0 -89
- package/src/styles/mixins.scss +0 -15
- package/src/styles/utilities/_borders.scss +0 -30
- package/src/styles/utilities/_common.scss +0 -49
- package/src/styles/utilities/_layout.scss +0 -116
- package/src/styles/utilities/_spacing.scss +0 -65
- package/src/styles/utilities/_text.scss +0 -139
@@ -1,61 +0,0 @@
|
|
1
|
-
import { Component, Input, Output } from '@angular/core';
|
2
|
-
import { Subject } from 'rxjs';
|
3
|
-
import { HierarchyBase } from '../hierarchy-base';
|
4
|
-
import * as i0 from "@angular/core";
|
5
|
-
import * as i1 from "../../../core/scroll.service";
|
6
|
-
import * as i2 from "@angular/common";
|
7
|
-
import * as i3 from "@angular/router";
|
8
|
-
import * as i4 from "../../../controls/navigation/nav-item-active.directive";
|
9
|
-
import * as i5 from "../../../controls/collapsible-toggle/collapsible-toggle.component";
|
10
|
-
export class HierarchyTreeComponent extends HierarchyBase {
|
11
|
-
constructor(scrollService, injector) {
|
12
|
-
super(injector);
|
13
|
-
this.scrollService = scrollService;
|
14
|
-
/** The value of the id attribute of the tree's root HTMLUListElement, suffixed with '_root' */
|
15
|
-
this.id = 'HierarchyTree';
|
16
|
-
/** Emits a HierarchyItem whenever one is selected by clicking */
|
17
|
-
this.itemSelected = new Subject();
|
18
|
-
/** The width of the spacing before a tree node, multipled by a HierarchyItem's level. Value is in pixels */
|
19
|
-
this.indent = 16;
|
20
|
-
/** The value of the id attribute of the tree's scroll container element, used to scroll a selected item into view. */
|
21
|
-
this.scrollContainerId = '';
|
22
|
-
}
|
23
|
-
ngOnInit() {
|
24
|
-
this.scrollContainerId = `${this.id}_root`;
|
25
|
-
}
|
26
|
-
/**
|
27
|
-
* Scroll to the item currently marked as is-selected. Wait a tick for the
|
28
|
-
* NavItemActiveDirective to update the selected class.
|
29
|
-
*/
|
30
|
-
scrollToSelectedItem() {
|
31
|
-
window.setTimeout(() => {
|
32
|
-
const linkSelector = `.item-wrapper.is-selected`;
|
33
|
-
this.scrollService.scrollToItem(`#${this.scrollContainerId}`, linkSelector);
|
34
|
-
});
|
35
|
-
}
|
36
|
-
/**
|
37
|
-
* When a HierarchyItem is selected, update the value of the activeUrl property with the value
|
38
|
-
* of that item's url property and emit the item to any subscribers.
|
39
|
-
*/
|
40
|
-
selectItem(item) {
|
41
|
-
this.itemSelected.next(item);
|
42
|
-
if (item.display === 'heading' && !item.hideToggle) {
|
43
|
-
this.toggleItemClicked(item, !item.expanded);
|
44
|
-
}
|
45
|
-
}
|
46
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HierarchyTreeComponent, deps: [{ token: i1.ScrollService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
|
47
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HierarchyTreeComponent, selector: "ec-hierarchy-tree", inputs: { id: "id", hideRootNode: "hideRootNode", customItemTemplate: "customItemTemplate" }, outputs: { itemSelected: "itemSelected" }, usesInheritance: true, ngImport: i0, template: "<ul id=\"{{scrollContainerId}}\"\r\n class=\"flex-grow scroll-y py-1\">\r\n\r\n <li *ngIf=\"!hideRootNode && rootNode\">\r\n <div class=\"item-wrapper\"\r\n title=\"{{rootNode?.tooltip ?? rootNode?.label}}\"\r\n [ngClass]=\"{'is-heading': rootNode?.display === 'heading'}\"\r\n ecNavItemActive=\"is-selected\"\r\n [ecNavItemActiveUrl]=\"rootNode?.url\"\r\n [ecNavItemActiveExactMatch]='rootNode?.isActiveExactMatch'>\r\n <a id=\"rootNode_{{rootNode?.id}}_link\"\r\n class=\"item flex-grow d-flex align-items-center\"\r\n routerLink=\"{{rootNode?.url}}\"\r\n [queryParams]=\"rootNode?.queryParams\">\r\n <ng-container *ngTemplateOutlet=\"customItemTemplate || defaultItemTemplate; context: { $implicit: rootNode }\"></ng-container>\r\n </a>\r\n </div>\r\n </li>\r\n\r\n <ng-template #hierarchyView\r\n let-items>\r\n <li *ngFor=\"let item of items; index as index; first as isFirst\"\r\n [ngClass]=\"{'divider': item.display === 'divider'}\"\r\n id=\"treeItem_{{item.id}}\">\r\n <div class=\"item-wrapper\"\r\n title=\"{{item.tooltip ?? item.label}}\"\r\n [ngClass]=\"{'is-heading': item.display === 'heading'}\"\r\n ecNavItemActive=\"is-selected\"\r\n [ecNavItemActiveUrl]=\"item.url\"\r\n [ecNavItemActiveExactMatch]=\"item.isActiveExactMatch\"\r\n [ecNavItemActiveQueryParams]=\"item.queryParams\">\r\n\r\n <!-- This element provides the indentation for each level -->\r\n <span id=\"indent_{{item.id}}\"\r\n *ngIf=\"!item.noIndent\"\r\n class=\"d-block h-100\"\r\n [style.width.px]=\"(indent) * (item.level - 1) + (item.level * 4) + (item.hasChildren ? 0 : indent)\">\r\n </span>\r\n\r\n <!-- Toggle the button icon to be a spinner when item.status is pending -->\r\n <ec-collapsible-toggle id=\"toggle_{{item.id}}\"\r\n class=\"flex-shrink\"\r\n [style.width.px]=\"indent\"\r\n *ngIf=\"item.hasChildren && !item.hideToggle\"\r\n [hidden]=\"item.status === 'pending'\"\r\n [expanded]=\"item.expanded\"\r\n (expandedChange)=\"toggleItemClicked(item, $event)\">\r\n </ec-collapsible-toggle>\r\n\r\n <i class=\"ec-icon icon-loading my-1\"\r\n [hidden]=\"item.status !== 'pending'\"></i>\r\n\r\n <a id=\"treeItem_{{item.id}}_link\"\r\n class=\"item\"\r\n *ngIf=\"item.url\"\r\n (click)=\"selectItem(item)\"\r\n [routerLink]=\"item.url\"\r\n [queryParams]=\"item.queryParams\"\r\n [queryParamsHandling]=\"item.queryParamsHandling || ''\">\r\n <ng-container *ngTemplateOutlet=\"customItemTemplate || defaultItemTemplate; context: { $implicit: item }\"></ng-container>\r\n </a>\r\n <div id=\"treeItem_{{item.id}}_heading\"\r\n class=\"item\"\r\n *ngIf=\"!item.url\"\r\n (click)=\"selectItem(item)\">\r\n <ng-container *ngTemplateOutlet=\"customItemTemplate || defaultItemTemplate; context: { $implicit: item }\"></ng-container>\r\n </div>\r\n </div>\r\n\r\n\r\n <ul *ngIf=\"item.children.length > 0 && item.expanded\">\r\n <ng-container *ngTemplateOutlet=\"hierarchyView; context:{ $implicit: item.children }\"></ng-container>\r\n </ul>\r\n </li>\r\n </ng-template>\r\n\r\n <ng-container *ngTemplateOutlet=\"hierarchyView; context:{ $implicit: rootNode?.children }\"></ng-container>\r\n</ul>\r\n\r\n<ng-template #defaultItemTemplate\r\n let-item>\r\n <i class=\"ec-icon {{item.icon}} mx-1 flex-shrink\"\r\n [attr.title]=\"item.iconTooltip\"\r\n *ngIf=\"item.icon\"></i>\r\n <span class=\"mx-1 text-truncate\">{{item.label}}</span>\r\n</ng-template>", styles: [":host{display:block;font-size:var(--ec-menu-font-size, var(--ec-font-size-action));background-color:var(--ec-menu-background-color, var(--ec-background-color))}ul{padding:0;margin:0;list-style:none;overflow-x:hidden}ul li{white-space:nowrap;padding:0}ul li.divider{border-bottom:1px solid var(--ec-border-color);padding-bottom:.25rem;margin-bottom:.25rem}ul .item-wrapper{display:flex;align-items:center;padding:0 .25rem;margin:0 .25rem;height:1.75rem;border-radius:var(--ec-border-radius)}ul .item-wrapper.is-heading{cursor:pointer;color:var(--ec-color-hint-dark);text-transform:uppercase;font-weight:var(--ec-font-weight-bold);font-size:var(--ec-font-size-label)}ul .item-wrapper:hover{background-color:var(--ec-background-color-hover)}ul .item-wrapper.is-selected{font-weight:700}ul .item-wrapper a{text-decoration:none}ul .item{color:inherit;display:flex;align-items:center;flex:1 1;min-height:0;min-width:0}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.NavItemActiveDirective, selector: "[ecNavItemActive]", inputs: ["ecNavItemActive", "ecNavItemActiveExactMatch", "ecNavItemActiveQueryParams", "ecNavItemActiveUrl"], outputs: ["routerLinkActivated"] }, { kind: "component", type: i5.CollapsibleToggleComponent, selector: "ec-collapsible-toggle", inputs: ["id", "expanded", "tabindex"], outputs: ["expandedChange"] }] }); }
|
48
|
-
}
|
49
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HierarchyTreeComponent, decorators: [{
|
50
|
-
type: Component,
|
51
|
-
args: [{ selector: 'ec-hierarchy-tree', template: "<ul id=\"{{scrollContainerId}}\"\r\n class=\"flex-grow scroll-y py-1\">\r\n\r\n <li *ngIf=\"!hideRootNode && rootNode\">\r\n <div class=\"item-wrapper\"\r\n title=\"{{rootNode?.tooltip ?? rootNode?.label}}\"\r\n [ngClass]=\"{'is-heading': rootNode?.display === 'heading'}\"\r\n ecNavItemActive=\"is-selected\"\r\n [ecNavItemActiveUrl]=\"rootNode?.url\"\r\n [ecNavItemActiveExactMatch]='rootNode?.isActiveExactMatch'>\r\n <a id=\"rootNode_{{rootNode?.id}}_link\"\r\n class=\"item flex-grow d-flex align-items-center\"\r\n routerLink=\"{{rootNode?.url}}\"\r\n [queryParams]=\"rootNode?.queryParams\">\r\n <ng-container *ngTemplateOutlet=\"customItemTemplate || defaultItemTemplate; context: { $implicit: rootNode }\"></ng-container>\r\n </a>\r\n </div>\r\n </li>\r\n\r\n <ng-template #hierarchyView\r\n let-items>\r\n <li *ngFor=\"let item of items; index as index; first as isFirst\"\r\n [ngClass]=\"{'divider': item.display === 'divider'}\"\r\n id=\"treeItem_{{item.id}}\">\r\n <div class=\"item-wrapper\"\r\n title=\"{{item.tooltip ?? item.label}}\"\r\n [ngClass]=\"{'is-heading': item.display === 'heading'}\"\r\n ecNavItemActive=\"is-selected\"\r\n [ecNavItemActiveUrl]=\"item.url\"\r\n [ecNavItemActiveExactMatch]=\"item.isActiveExactMatch\"\r\n [ecNavItemActiveQueryParams]=\"item.queryParams\">\r\n\r\n <!-- This element provides the indentation for each level -->\r\n <span id=\"indent_{{item.id}}\"\r\n *ngIf=\"!item.noIndent\"\r\n class=\"d-block h-100\"\r\n [style.width.px]=\"(indent) * (item.level - 1) + (item.level * 4) + (item.hasChildren ? 0 : indent)\">\r\n </span>\r\n\r\n <!-- Toggle the button icon to be a spinner when item.status is pending -->\r\n <ec-collapsible-toggle id=\"toggle_{{item.id}}\"\r\n class=\"flex-shrink\"\r\n [style.width.px]=\"indent\"\r\n *ngIf=\"item.hasChildren && !item.hideToggle\"\r\n [hidden]=\"item.status === 'pending'\"\r\n [expanded]=\"item.expanded\"\r\n (expandedChange)=\"toggleItemClicked(item, $event)\">\r\n </ec-collapsible-toggle>\r\n\r\n <i class=\"ec-icon icon-loading my-1\"\r\n [hidden]=\"item.status !== 'pending'\"></i>\r\n\r\n <a id=\"treeItem_{{item.id}}_link\"\r\n class=\"item\"\r\n *ngIf=\"item.url\"\r\n (click)=\"selectItem(item)\"\r\n [routerLink]=\"item.url\"\r\n [queryParams]=\"item.queryParams\"\r\n [queryParamsHandling]=\"item.queryParamsHandling || ''\">\r\n <ng-container *ngTemplateOutlet=\"customItemTemplate || defaultItemTemplate; context: { $implicit: item }\"></ng-container>\r\n </a>\r\n <div id=\"treeItem_{{item.id}}_heading\"\r\n class=\"item\"\r\n *ngIf=\"!item.url\"\r\n (click)=\"selectItem(item)\">\r\n <ng-container *ngTemplateOutlet=\"customItemTemplate || defaultItemTemplate; context: { $implicit: item }\"></ng-container>\r\n </div>\r\n </div>\r\n\r\n\r\n <ul *ngIf=\"item.children.length > 0 && item.expanded\">\r\n <ng-container *ngTemplateOutlet=\"hierarchyView; context:{ $implicit: item.children }\"></ng-container>\r\n </ul>\r\n </li>\r\n </ng-template>\r\n\r\n <ng-container *ngTemplateOutlet=\"hierarchyView; context:{ $implicit: rootNode?.children }\"></ng-container>\r\n</ul>\r\n\r\n<ng-template #defaultItemTemplate\r\n let-item>\r\n <i class=\"ec-icon {{item.icon}} mx-1 flex-shrink\"\r\n [attr.title]=\"item.iconTooltip\"\r\n *ngIf=\"item.icon\"></i>\r\n <span class=\"mx-1 text-truncate\">{{item.label}}</span>\r\n</ng-template>", styles: [":host{display:block;font-size:var(--ec-menu-font-size, var(--ec-font-size-action));background-color:var(--ec-menu-background-color, var(--ec-background-color))}ul{padding:0;margin:0;list-style:none;overflow-x:hidden}ul li{white-space:nowrap;padding:0}ul li.divider{border-bottom:1px solid var(--ec-border-color);padding-bottom:.25rem;margin-bottom:.25rem}ul .item-wrapper{display:flex;align-items:center;padding:0 .25rem;margin:0 .25rem;height:1.75rem;border-radius:var(--ec-border-radius)}ul .item-wrapper.is-heading{cursor:pointer;color:var(--ec-color-hint-dark);text-transform:uppercase;font-weight:var(--ec-font-weight-bold);font-size:var(--ec-font-size-label)}ul .item-wrapper:hover{background-color:var(--ec-background-color-hover)}ul .item-wrapper.is-selected{font-weight:700}ul .item-wrapper a{text-decoration:none}ul .item{color:inherit;display:flex;align-items:center;flex:1 1;min-height:0;min-width:0}\n"] }]
|
52
|
-
}], ctorParameters: () => [{ type: i1.ScrollService }, { type: i0.Injector }], propDecorators: { id: [{
|
53
|
-
type: Input
|
54
|
-
}], hideRootNode: [{
|
55
|
-
type: Input
|
56
|
-
}], customItemTemplate: [{
|
57
|
-
type: Input
|
58
|
-
}], itemSelected: [{
|
59
|
-
type: Output
|
60
|
-
}] } });
|
61
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGllcmFyY2h5LXRyZWUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy9zcmMvbGliL2Rpc3BsYXkvaGllcmFyY2h5L2hpZXJhcmNoeS10cmVlL2hpZXJhcmNoeS10cmVlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9kaXNwbGF5L2hpZXJhcmNoeS9oaWVyYXJjaHktdHJlZS9oaWVyYXJjaHktdHJlZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFZLEtBQUssRUFBVSxNQUFNLEVBQWUsTUFBTSxlQUFlLENBQUM7QUFDeEYsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUUvQixPQUFPLEVBQUUsYUFBYSxFQUFpQixNQUFNLG1CQUFtQixDQUFDOzs7Ozs7O0FBT2pFLE1BQU0sT0FBTyxzQkFBdUIsU0FBUSxhQUFhO0lBb0J2RCxZQUNVLGFBQTRCLEVBQ3BDLFFBQWtCO1FBQ2hCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUZWLGtCQUFhLEdBQWIsYUFBYSxDQUFlO1FBbkJ0QywrRkFBK0Y7UUFDL0UsT0FBRSxHQUFXLGVBQWUsQ0FBQztRQVE3QyxpRUFBaUU7UUFDaEQsaUJBQVksR0FBMkIsSUFBSSxPQUFPLEVBQUUsQ0FBQztRQUV0RSw0R0FBNEc7UUFDckcsV0FBTSxHQUFHLEVBQUUsQ0FBQztRQUVuQix1SEFBdUg7UUFDaEgsc0JBQWlCLEdBQUcsRUFBRSxDQUFDO0lBS1QsQ0FBQztJQUVmLFFBQVE7UUFDYixJQUFJLENBQUMsaUJBQWlCLEdBQUcsR0FBRyxJQUFJLENBQUMsRUFBRSxPQUFPLENBQUM7SUFDN0MsQ0FBQztJQUVEOzs7T0FHRztJQUNJLG9CQUFvQjtRQUN6QixNQUFNLENBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNyQixNQUFNLFlBQVksR0FBRywyQkFBMkIsQ0FBQztZQUNqRCxJQUFJLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxFQUFFLFlBQVksQ0FBQyxDQUFDO1FBQzlFLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVEOzs7T0FHRztJQUNJLFVBQVUsQ0FBQyxJQUFtQjtRQUNuQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUM3QixJQUFJLElBQUksQ0FBQyxPQUFPLEtBQUssU0FBUyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1lBQ25ELElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDL0MsQ0FBQztJQUNILENBQUM7K0dBakRVLHNCQUFzQjttR0FBdEIsc0JBQXNCLHlOQ1ZuQyx3NkhBcUZjOzs0RkQzRUQsc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLG1CQUFtQjt5R0FPYixFQUFFO3NCQUFqQixLQUFLO2dCQUdVLFlBQVk7c0JBQTNCLEtBQUs7Z0JBR1Usa0JBQWtCO3NCQUFqQyxLQUFLO2dCQUdXLFlBQVk7c0JBQTVCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdG9yLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgU2Nyb2xsU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL2NvcmUvc2Nyb2xsLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBIaWVyYXJjaHlCYXNlLCBIaWVyYXJjaHlJdGVtIH0gZnJvbSAnLi4vaGllcmFyY2h5LWJhc2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdlYy1oaWVyYXJjaHktdHJlZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2hpZXJhcmNoeS10cmVlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9oaWVyYXJjaHktdHJlZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBIaWVyYXJjaHlUcmVlQ29tcG9uZW50IGV4dGVuZHMgSGllcmFyY2h5QmFzZSBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIC8qKiBUaGUgdmFsdWUgb2YgdGhlIGlkIGF0dHJpYnV0ZSBvZiB0aGUgdHJlZSdzIHJvb3QgSFRNTFVMaXN0RWxlbWVudCwgc3VmZml4ZWQgd2l0aCAnX3Jvb3QnICovXHJcbiAgQElucHV0KCkgcHVibGljIGlkOiBzdHJpbmcgPSAnSGllcmFyY2h5VHJlZSc7XHJcblxyXG4gIC8qKiBIaWRlIHRoZSByb290IG5vZGUgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgaGlkZVJvb3ROb2RlPzogYm9vbGVhbjtcclxuXHJcbiAgLyoqIEN1c3RvbSBpdGVtIHRlbXBsYXRlIHRvIHVzZSBpbiBwbGFjZSBvZiB0aGUgZGVmYXVsdCBvbmUgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgY3VzdG9tSXRlbVRlbXBsYXRlPzogVGVtcGxhdGVSZWY8YW55PjtcclxuXHJcbiAgLyoqIEVtaXRzIGEgSGllcmFyY2h5SXRlbSB3aGVuZXZlciBvbmUgaXMgc2VsZWN0ZWQgYnkgY2xpY2tpbmcgKi9cclxuICBAT3V0cHV0KCkgcHVibGljIGl0ZW1TZWxlY3RlZDogU3ViamVjdDxIaWVyYXJjaHlJdGVtPiA9IG5ldyBTdWJqZWN0KCk7XHJcblxyXG4gIC8qKiBUaGUgd2lkdGggb2YgdGhlIHNwYWNpbmcgYmVmb3JlIGEgdHJlZSBub2RlLCBtdWx0aXBsZWQgYnkgYSBIaWVyYXJjaHlJdGVtJ3MgbGV2ZWwuIFZhbHVlIGlzIGluIHBpeGVscyAqL1xyXG4gIHB1YmxpYyBpbmRlbnQgPSAxNjtcclxuXHJcbiAgLyoqIFRoZSB2YWx1ZSBvZiB0aGUgaWQgYXR0cmlidXRlIG9mIHRoZSB0cmVlJ3Mgc2Nyb2xsIGNvbnRhaW5lciBlbGVtZW50LCB1c2VkIHRvIHNjcm9sbCBhIHNlbGVjdGVkIGl0ZW0gaW50byB2aWV3LiAgKi9cclxuICBwdWJsaWMgc2Nyb2xsQ29udGFpbmVySWQgPSAnJztcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIHNjcm9sbFNlcnZpY2U6IFNjcm9sbFNlcnZpY2UsXHJcbiAgICBpbmplY3RvcjogSW5qZWN0b3IsXHJcbiAgKSB7IHN1cGVyKGluamVjdG9yKTsgfVxyXG5cclxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLnNjcm9sbENvbnRhaW5lcklkID0gYCR7dGhpcy5pZH1fcm9vdGA7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBTY3JvbGwgdG8gdGhlIGl0ZW0gY3VycmVudGx5IG1hcmtlZCBhcyBpcy1zZWxlY3RlZC4gV2FpdCBhIHRpY2sgZm9yIHRoZVxyXG4gICAqIE5hdkl0ZW1BY3RpdmVEaXJlY3RpdmUgdG8gdXBkYXRlIHRoZSBzZWxlY3RlZCBjbGFzcy5cclxuICAgKi9cclxuICBwdWJsaWMgc2Nyb2xsVG9TZWxlY3RlZEl0ZW0oKTogdm9pZCB7XHJcbiAgICB3aW5kb3cuc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIGNvbnN0IGxpbmtTZWxlY3RvciA9IGAuaXRlbS13cmFwcGVyLmlzLXNlbGVjdGVkYDtcclxuICAgICAgdGhpcy5zY3JvbGxTZXJ2aWNlLnNjcm9sbFRvSXRlbShgIyR7dGhpcy5zY3JvbGxDb250YWluZXJJZH1gLCBsaW5rU2VsZWN0b3IpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBXaGVuIGEgSGllcmFyY2h5SXRlbSBpcyBzZWxlY3RlZCwgdXBkYXRlIHRoZSB2YWx1ZSBvZiB0aGUgYWN0aXZlVXJsIHByb3BlcnR5IHdpdGggdGhlIHZhbHVlXHJcbiAgICogb2YgdGhhdCBpdGVtJ3MgdXJsIHByb3BlcnR5IGFuZCBlbWl0IHRoZSBpdGVtIHRvIGFueSBzdWJzY3JpYmVycy5cclxuICAgKi9cclxuICBwdWJsaWMgc2VsZWN0SXRlbShpdGVtOiBIaWVyYXJjaHlJdGVtKTogdm9pZCB7XHJcbiAgICB0aGlzLml0ZW1TZWxlY3RlZC5uZXh0KGl0ZW0pO1xyXG4gICAgaWYgKGl0ZW0uZGlzcGxheSA9PT0gJ2hlYWRpbmcnICYmICFpdGVtLmhpZGVUb2dnbGUpIHtcclxuICAgICAgdGhpcy50b2dnbGVJdGVtQ2xpY2tlZChpdGVtLCAhaXRlbS5leHBhbmRlZCk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjx1bCBpZD1cInt7c2Nyb2xsQ29udGFpbmVySWR9fVwiXHJcbiAgICBjbGFzcz1cImZsZXgtZ3JvdyBzY3JvbGwteSBweS0xXCI+XHJcblxyXG4gIDxsaSAqbmdJZj1cIiFoaWRlUm9vdE5vZGUgJiYgcm9vdE5vZGVcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJpdGVtLXdyYXBwZXJcIlxyXG4gICAgICAgICB0aXRsZT1cInt7cm9vdE5vZGU/LnRvb2x0aXAgPz8gcm9vdE5vZGU/LmxhYmVsfX1cIlxyXG4gICAgICAgICBbbmdDbGFzc109XCJ7J2lzLWhlYWRpbmcnOiByb290Tm9kZT8uZGlzcGxheSA9PT0gJ2hlYWRpbmcnfVwiXHJcbiAgICAgICAgIGVjTmF2SXRlbUFjdGl2ZT1cImlzLXNlbGVjdGVkXCJcclxuICAgICAgICAgW2VjTmF2SXRlbUFjdGl2ZVVybF09XCJyb290Tm9kZT8udXJsXCJcclxuICAgICAgICAgW2VjTmF2SXRlbUFjdGl2ZUV4YWN0TWF0Y2hdPSdyb290Tm9kZT8uaXNBY3RpdmVFeGFjdE1hdGNoJz5cclxuICAgICAgPGEgaWQ9XCJyb290Tm9kZV97e3Jvb3ROb2RlPy5pZH19X2xpbmtcIlxyXG4gICAgICAgICBjbGFzcz1cIml0ZW0gZmxleC1ncm93IGQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXJcIlxyXG4gICAgICAgICByb3V0ZXJMaW5rPVwie3tyb290Tm9kZT8udXJsfX1cIlxyXG4gICAgICAgICBbcXVlcnlQYXJhbXNdPVwicm9vdE5vZGU/LnF1ZXJ5UGFyYW1zXCI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImN1c3RvbUl0ZW1UZW1wbGF0ZSB8fCBkZWZhdWx0SXRlbVRlbXBsYXRlOyBjb250ZXh0OiB7ICRpbXBsaWNpdDogcm9vdE5vZGUgfVwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICA8L2E+XHJcbiAgICA8L2Rpdj5cclxuICA8L2xpPlxyXG5cclxuICA8bmctdGVtcGxhdGUgI2hpZXJhcmNoeVZpZXdcclxuICAgICAgICAgICAgICAgbGV0LWl0ZW1zPlxyXG4gICAgPGxpICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zOyBpbmRleCBhcyBpbmRleDsgZmlyc3QgYXMgaXNGaXJzdFwiXHJcbiAgICAgICAgW25nQ2xhc3NdPVwieydkaXZpZGVyJzogaXRlbS5kaXNwbGF5ID09PSAnZGl2aWRlcid9XCJcclxuICAgICAgICBpZD1cInRyZWVJdGVtX3t7aXRlbS5pZH19XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJpdGVtLXdyYXBwZXJcIlxyXG4gICAgICAgICAgIHRpdGxlPVwie3tpdGVtLnRvb2x0aXAgPz8gaXRlbS5sYWJlbH19XCJcclxuICAgICAgICAgICBbbmdDbGFzc109XCJ7J2lzLWhlYWRpbmcnOiBpdGVtLmRpc3BsYXkgPT09ICdoZWFkaW5nJ31cIlxyXG4gICAgICAgICAgIGVjTmF2SXRlbUFjdGl2ZT1cImlzLXNlbGVjdGVkXCJcclxuICAgICAgICAgICBbZWNOYXZJdGVtQWN0aXZlVXJsXT1cIml0ZW0udXJsXCJcclxuICAgICAgICAgICBbZWNOYXZJdGVtQWN0aXZlRXhhY3RNYXRjaF09XCJpdGVtLmlzQWN0aXZlRXhhY3RNYXRjaFwiXHJcbiAgICAgICAgICAgW2VjTmF2SXRlbUFjdGl2ZVF1ZXJ5UGFyYW1zXT1cIml0ZW0ucXVlcnlQYXJhbXNcIj5cclxuXHJcbiAgICAgICAgPCEtLSBUaGlzIGVsZW1lbnQgcHJvdmlkZXMgdGhlIGluZGVudGF0aW9uIGZvciBlYWNoIGxldmVsIC0tPlxyXG4gICAgICAgIDxzcGFuIGlkPVwiaW5kZW50X3t7aXRlbS5pZH19XCJcclxuICAgICAgICAgICAgICAqbmdJZj1cIiFpdGVtLm5vSW5kZW50XCJcclxuICAgICAgICAgICAgICBjbGFzcz1cImQtYmxvY2sgaC0xMDBcIlxyXG4gICAgICAgICAgICAgIFtzdHlsZS53aWR0aC5weF09XCIoaW5kZW50KSAqIChpdGVtLmxldmVsIC0gMSkgKyAoaXRlbS5sZXZlbCAqIDQpICsgKGl0ZW0uaGFzQ2hpbGRyZW4gPyAwIDogaW5kZW50KVwiPlxyXG4gICAgICAgIDwvc3Bhbj5cclxuXHJcbiAgICAgICAgPCEtLSBUb2dnbGUgdGhlIGJ1dHRvbiBpY29uIHRvIGJlIGEgc3Bpbm5lciB3aGVuIGl0ZW0uc3RhdHVzIGlzIHBlbmRpbmcgLS0+XHJcbiAgICAgICAgPGVjLWNvbGxhcHNpYmxlLXRvZ2dsZSBpZD1cInRvZ2dsZV97e2l0ZW0uaWR9fVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImZsZXgtc2hyaW5rXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzdHlsZS53aWR0aC5weF09XCJpbmRlbnRcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJpdGVtLmhhc0NoaWxkcmVuICYmICFpdGVtLmhpZGVUb2dnbGVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2hpZGRlbl09XCJpdGVtLnN0YXR1cyA9PT0gJ3BlbmRpbmcnXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtleHBhbmRlZF09XCJpdGVtLmV4cGFuZGVkXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChleHBhbmRlZENoYW5nZSk9XCJ0b2dnbGVJdGVtQ2xpY2tlZChpdGVtLCAkZXZlbnQpXCI+XHJcbiAgICAgICAgPC9lYy1jb2xsYXBzaWJsZS10b2dnbGU+XHJcblxyXG4gICAgICAgIDxpIGNsYXNzPVwiZWMtaWNvbiBpY29uLWxvYWRpbmcgbXktMVwiXHJcbiAgICAgICAgICAgW2hpZGRlbl09XCJpdGVtLnN0YXR1cyAhPT0gJ3BlbmRpbmcnXCI+PC9pPlxyXG5cclxuICAgICAgICA8YSBpZD1cInRyZWVJdGVtX3t7aXRlbS5pZH19X2xpbmtcIlxyXG4gICAgICAgICAgIGNsYXNzPVwiaXRlbVwiXHJcbiAgICAgICAgICAgKm5nSWY9XCJpdGVtLnVybFwiXHJcbiAgICAgICAgICAgKGNsaWNrKT1cInNlbGVjdEl0ZW0oaXRlbSlcIlxyXG4gICAgICAgICAgIFtyb3V0ZXJMaW5rXT1cIml0ZW0udXJsXCJcclxuICAgICAgICAgICBbcXVlcnlQYXJhbXNdPVwiaXRlbS5xdWVyeVBhcmFtc1wiXHJcbiAgICAgICAgICAgW3F1ZXJ5UGFyYW1zSGFuZGxpbmddPVwiaXRlbS5xdWVyeVBhcmFtc0hhbmRsaW5nIHx8ICcnXCI+XHJcbiAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImN1c3RvbUl0ZW1UZW1wbGF0ZSB8fCBkZWZhdWx0SXRlbVRlbXBsYXRlOyBjb250ZXh0OiB7ICRpbXBsaWNpdDogaXRlbSB9XCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPC9hPlxyXG4gICAgICAgIDxkaXYgaWQ9XCJ0cmVlSXRlbV97e2l0ZW0uaWR9fV9oZWFkaW5nXCJcclxuICAgICAgICAgICAgIGNsYXNzPVwiaXRlbVwiXHJcbiAgICAgICAgICAgICAqbmdJZj1cIiFpdGVtLnVybFwiXHJcbiAgICAgICAgICAgICAoY2xpY2spPVwic2VsZWN0SXRlbShpdGVtKVwiPlxyXG4gICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImN1c3RvbUl0ZW1UZW1wbGF0ZSB8fCBkZWZhdWx0SXRlbVRlbXBsYXRlOyBjb250ZXh0OiB7ICRpbXBsaWNpdDogaXRlbSB9XCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG5cclxuXHJcbiAgICAgIDx1bCAqbmdJZj1cIml0ZW0uY2hpbGRyZW4ubGVuZ3RoID4gMCAmJiBpdGVtLmV4cGFuZGVkXCI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImhpZXJhcmNoeVZpZXc7IGNvbnRleHQ6eyAkaW1wbGljaXQ6IGl0ZW0uY2hpbGRyZW4gfVwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICA8L3VsPlxyXG4gICAgPC9saT5cclxuICA8L25nLXRlbXBsYXRlPlxyXG5cclxuICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaGllcmFyY2h5VmlldzsgY29udGV4dDp7ICRpbXBsaWNpdDogcm9vdE5vZGU/LmNoaWxkcmVuIH1cIj48L25nLWNvbnRhaW5lcj5cclxuPC91bD5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjZGVmYXVsdEl0ZW1UZW1wbGF0ZVxyXG4gICAgICAgICAgICAgbGV0LWl0ZW0+XHJcbiAgPGkgY2xhc3M9XCJlYy1pY29uIHt7aXRlbS5pY29ufX0gbXgtMSBmbGV4LXNocmlua1wiXHJcbiAgICAgW2F0dHIudGl0bGVdPVwiaXRlbS5pY29uVG9vbHRpcFwiXHJcbiAgICAgKm5nSWY9XCJpdGVtLmljb25cIj48L2k+XHJcbiAgPHNwYW4gY2xhc3M9XCJteC0xIHRleHQtdHJ1bmNhdGVcIj57e2l0ZW0ubGFiZWx9fTwvc3Bhbj5cclxuPC9uZy10ZW1wbGF0ZT4iXX0=
|
@@ -1,81 +0,0 @@
|
|
1
|
-
import { Component, Input, HostBinding } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
import * as i1 from "@angular/common";
|
4
|
-
import * as i2 from "@angular/router";
|
5
|
-
import * as i3 from "../../controls/help-popover/help-popover.component";
|
6
|
-
import * as i4 from "@ngx-translate/core";
|
7
|
-
export class ItemDisplayComponent {
|
8
|
-
constructor() {
|
9
|
-
/** The value of the host element's id attribute */
|
10
|
-
this.id = '';
|
11
|
-
this.internalValue = { value: '' };
|
12
|
-
/**
|
13
|
-
* Set link as an href or routerLink
|
14
|
-
*/
|
15
|
-
this.externalLink = false;
|
16
|
-
this.condensed = false;
|
17
|
-
/**
|
18
|
-
* The link target when url is provided. Defaults to _self (same window)
|
19
|
-
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a
|
20
|
-
*/
|
21
|
-
this.target = '_self';
|
22
|
-
}
|
23
|
-
set labelHelpPopover(labelHelpPopover) {
|
24
|
-
if (typeof labelHelpPopover === 'string') {
|
25
|
-
this._labelHelpPopover = { text: labelHelpPopover };
|
26
|
-
}
|
27
|
-
else {
|
28
|
-
this._labelHelpPopover = labelHelpPopover;
|
29
|
-
}
|
30
|
-
}
|
31
|
-
get labelHelpPopover() {
|
32
|
-
return this._labelHelpPopover;
|
33
|
-
}
|
34
|
-
set value(value) {
|
35
|
-
if (typeof value === 'string') {
|
36
|
-
this.internalValue = { value: value };
|
37
|
-
}
|
38
|
-
else if (value) {
|
39
|
-
this.internalValue = value;
|
40
|
-
}
|
41
|
-
else {
|
42
|
-
this.internalValue = { value: '' };
|
43
|
-
}
|
44
|
-
}
|
45
|
-
;
|
46
|
-
/**
|
47
|
-
* When provided, displays the value as a link
|
48
|
-
*/
|
49
|
-
set url(value) {
|
50
|
-
this.externalLink = (value?.startsWith('http')) ? true : false;
|
51
|
-
this._url = value;
|
52
|
-
}
|
53
|
-
;
|
54
|
-
get url() {
|
55
|
-
return this._url;
|
56
|
-
}
|
57
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItemDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
58
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ItemDisplayComponent, selector: "ec-item-display", inputs: { id: "id", label: "label", labelHelpPopover: "labelHelpPopover", value: "value", url: "url", condensed: "condensed", target: "target" }, host: { properties: { "attr.id": "this.id" } }, ngImport: i0, template: "<div id=\"{{id}}_label_0\"\r\n class=\"text-caption-1 d-flex align-items-center\">\r\n <span>{{label | translate}}</span>\r\n <ec-help-popover *ngIf=\"labelHelpPopover\"\r\n class=\"mx-n1 my-n2\"\r\n [text]=\"labelHelpPopover.text\"\r\n [contentPosition]=\"labelHelpPopover?.contentPosition ?? 'top-left'\"\r\n [maxWidth]=\"labelHelpPopover?.maxWidth ?? '15rem'\">\r\n </ec-help-popover>\r\n</div>\r\n\r\n<div id=\"{{id}}_value_0\" class=\"{{condensed ? 'text-body-2' : 'text-display-1'}} {{internalValue.classnames}}\"\r\n [class.font-color-hint]=\"!internalValue.value && internalValue.noValueText\"\r\n title=\"{{internalValue.tooltip}}\">\r\n\r\n <ng-container *ngIf=\"url else content\">\r\n <a *ngIf=\"!externalLink\"\r\n id=\"{{id}}_link\"\r\n routerLink=\"{{url}}\"\r\n target=\"{{target}}\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </a>\r\n <a *ngIf=\"externalLink\"\r\n id=\"{{id}}_link\"\r\n href=\"{{url}}\"\r\n target=\"{{target}}\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </a>\r\n </ng-container>\r\n</div>\r\n\r\n\r\n<ng-template #content>\r\n <i *ngIf=\"internalValue?.icon\" class=\"ec-icon {{internalValue?.icon}}\"></i>\r\n <span>{{(internalValue?.value || internalValue?.noValueText) | translate}}</span>\r\n <ng-content></ng-content>\r\n</ng-template>\r\n", styles: [":host{display:inline-block;margin-bottom:1rem;vertical-align:top}.ec-icon{font-size:1em;top:.125em;position:relative;margin-right:.25em}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3.HelpPopoverComponent, selector: "ec-help-popover", inputs: ["id", "text", "contentPosition", "maxWidth"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
|
59
|
-
}
|
60
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ItemDisplayComponent, decorators: [{
|
61
|
-
type: Component,
|
62
|
-
args: [{ selector: 'ec-item-display', template: "<div id=\"{{id}}_label_0\"\r\n class=\"text-caption-1 d-flex align-items-center\">\r\n <span>{{label | translate}}</span>\r\n <ec-help-popover *ngIf=\"labelHelpPopover\"\r\n class=\"mx-n1 my-n2\"\r\n [text]=\"labelHelpPopover.text\"\r\n [contentPosition]=\"labelHelpPopover?.contentPosition ?? 'top-left'\"\r\n [maxWidth]=\"labelHelpPopover?.maxWidth ?? '15rem'\">\r\n </ec-help-popover>\r\n</div>\r\n\r\n<div id=\"{{id}}_value_0\" class=\"{{condensed ? 'text-body-2' : 'text-display-1'}} {{internalValue.classnames}}\"\r\n [class.font-color-hint]=\"!internalValue.value && internalValue.noValueText\"\r\n title=\"{{internalValue.tooltip}}\">\r\n\r\n <ng-container *ngIf=\"url else content\">\r\n <a *ngIf=\"!externalLink\"\r\n id=\"{{id}}_link\"\r\n routerLink=\"{{url}}\"\r\n target=\"{{target}}\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </a>\r\n <a *ngIf=\"externalLink\"\r\n id=\"{{id}}_link\"\r\n href=\"{{url}}\"\r\n target=\"{{target}}\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </a>\r\n </ng-container>\r\n</div>\r\n\r\n\r\n<ng-template #content>\r\n <i *ngIf=\"internalValue?.icon\" class=\"ec-icon {{internalValue?.icon}}\"></i>\r\n <span>{{(internalValue?.value || internalValue?.noValueText) | translate}}</span>\r\n <ng-content></ng-content>\r\n</ng-template>\r\n", styles: [":host{display:inline-block;margin-bottom:1rem;vertical-align:top}.ec-icon{font-size:1em;top:.125em;position:relative;margin-right:.25em}\n"] }]
|
63
|
-
}], propDecorators: { id: [{
|
64
|
-
type: HostBinding,
|
65
|
-
args: ['attr.id']
|
66
|
-
}, {
|
67
|
-
type: Input
|
68
|
-
}], label: [{
|
69
|
-
type: Input
|
70
|
-
}], labelHelpPopover: [{
|
71
|
-
type: Input
|
72
|
-
}], value: [{
|
73
|
-
type: Input
|
74
|
-
}], url: [{
|
75
|
-
type: Input
|
76
|
-
}], condensed: [{
|
77
|
-
type: Input
|
78
|
-
}], target: [{
|
79
|
-
type: Input
|
80
|
-
}] } });
|
81
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXRlbS1kaXNwbGF5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9kaXNwbGF5L2l0ZW0tZGlzcGxheS9pdGVtLWRpc3BsYXkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy9zcmMvbGliL2Rpc3BsYXkvaXRlbS1kaXNwbGF5L2l0ZW0tZGlzcGxheS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQXVCOUQsTUFBTSxPQUFPLG9CQUFvQjtJQUxqQztRQU9FLG1EQUFtRDtRQUVuQyxPQUFFLEdBQVcsRUFBRSxDQUFDO1FBMEJ6QixrQkFBYSxHQUFpQixFQUFDLEtBQUssRUFBRSxFQUFFLEVBQUMsQ0FBQztRQWNqRDs7V0FFRztRQUNJLGlCQUFZLEdBQVksS0FBSyxDQUFDO1FBRXJCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFFbEM7OztXQUdHO1FBQ2EsV0FBTSxHQUFlLE9BQU8sQ0FBQztLQUM5QztJQS9DQyxJQUFhLGdCQUFnQixDQUFDLGdCQUF3RDtRQUNwRixJQUFHLE9BQU8sZ0JBQWdCLEtBQUssUUFBUSxFQUFFLENBQUM7WUFDeEMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixFQUFFLENBQUM7UUFDdEQsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsaUJBQWlCLEdBQUcsZ0JBQWdCLENBQUM7UUFDNUMsQ0FBQztJQUNILENBQUM7SUFDRCxJQUFJLGdCQUFnQjtRQUNsQixPQUFPLElBQUksQ0FBQyxpQkFBaUIsQ0FBQztJQUNoQyxDQUFDO0lBR0QsSUFBYSxLQUFLLENBQUMsS0FBd0M7UUFDekQsSUFBRyxPQUFPLEtBQUssS0FBSyxRQUFRLEVBQUUsQ0FBQztZQUM3QixJQUFJLENBQUMsYUFBYSxHQUFHLEVBQUMsS0FBSyxFQUFFLEtBQUssRUFBQyxDQUFDO1FBQ3RDLENBQUM7YUFBTSxJQUFJLEtBQUssRUFBRSxDQUFDO1lBQ2pCLElBQUksQ0FBQyxhQUFhLEdBQUcsS0FBSyxDQUFDO1FBQzdCLENBQUM7YUFBTSxDQUFDO1lBQ04sSUFBSSxDQUFDLGFBQWEsR0FBRyxFQUFDLEtBQUssRUFBRSxFQUFFLEVBQUMsQ0FBQztRQUNuQyxDQUFDO0lBQ0gsQ0FBQztJQUFBLENBQUM7SUFHRjs7T0FFRztJQUNILElBQWEsR0FBRyxDQUFDLEtBQXlCO1FBQ3hDLElBQUksQ0FBQyxZQUFZLEdBQUcsQ0FBQyxLQUFLLEVBQUUsVUFBVSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO1FBQy9ELElBQUksQ0FBQyxJQUFJLEdBQUcsS0FBSyxDQUFDO0lBQ3BCLENBQUM7SUFBQSxDQUFDO0lBQ0YsSUFBSSxHQUFHO1FBQ0wsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDO0lBQ25CLENBQUM7K0dBekNVLG9CQUFvQjttR0FBcEIsb0JBQW9CLHlQQ3ZCakMsbTlDQXFDQTs7NEZEZGEsb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGlCQUFpQjs4QkFRWCxFQUFFO3NCQURqQixXQUFXO3VCQUFDLFNBQVM7O3NCQUNyQixLQUFLO2dCQUVVLEtBQUs7c0JBQXBCLEtBQUs7Z0JBR08sZ0JBQWdCO3NCQUE1QixLQUFLO2dCQVlPLEtBQUs7c0JBQWpCLEtBQUs7Z0JBY08sR0FBRztzQkFBZixLQUFLO2dCQWNVLFNBQVM7c0JBQXhCLEtBQUs7Z0JBTVUsTUFBTTtzQkFBckIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFBvcG92ZXJDb250ZW50UG9zaXRpb24gfSBmcm9tICcuLi8uLi9jb250cm9scy9wb3BvdmVyL3BvcG92ZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgTGlua1RhcmdldCB9IGZyb20gJy4uL3RhZ3MvdGFnJztcclxuXHJcbmV4cG9ydCB0eXBlIERpc3BsYXlWYWx1ZSA9IHtcclxuICB2YWx1ZTpzdHJpbmcsXHJcbiAgY2xhc3NuYW1lcz86c3RyaW5nLFxyXG4gIGljb24/OnN0cmluZyxcclxuICBub1ZhbHVlVGV4dD86c3RyaW5nLFxyXG4gIHRvb2x0aXA/OiBzdHJpbmdcclxufVxyXG5cclxuZXhwb3J0IHR5cGUgSGVscFBvcG92ZXJDb25maWcgPSB7XHJcbiAgdGV4dDogc3RyaW5nO1xyXG4gIGNvbnRlbnRQb3NpdGlvbj86IFBvcG92ZXJDb250ZW50UG9zaXRpb247XHJcbiAgbWF4V2lkdGg/OiBzdHJpbmc7XHJcbn1cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZWMtaXRlbS1kaXNwbGF5JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vaXRlbS1kaXNwbGF5LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9pdGVtLWRpc3BsYXkuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgSXRlbURpc3BsYXlDb21wb25lbnQge1xyXG5cclxuICAvKiogVGhlIHZhbHVlIG9mIHRoZSBob3N0IGVsZW1lbnQncyBpZCBhdHRyaWJ1dGUgKi9cclxuICBASG9zdEJpbmRpbmcoJ2F0dHIuaWQnKVxyXG4gIEBJbnB1dCgpIHB1YmxpYyBpZDogc3RyaW5nID0gJyc7XHJcblxyXG4gIEBJbnB1dCgpIHB1YmxpYyBsYWJlbCE6IHN0cmluZztcclxuXHJcbiAgcHJpdmF0ZSBfbGFiZWxIZWxwUG9wb3Zlcj86IEhlbHBQb3BvdmVyQ29uZmlnO1xyXG4gIEBJbnB1dCgpIHNldCBsYWJlbEhlbHBQb3BvdmVyKGxhYmVsSGVscFBvcG92ZXI6IHN0cmluZyB8IEhlbHBQb3BvdmVyQ29uZmlnIHwgdW5kZWZpbmVkKSB7XHJcbiAgICBpZih0eXBlb2YgbGFiZWxIZWxwUG9wb3ZlciA9PT0gJ3N0cmluZycpIHtcclxuICAgICAgdGhpcy5fbGFiZWxIZWxwUG9wb3ZlciA9IHsgdGV4dDogbGFiZWxIZWxwUG9wb3ZlciB9O1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5fbGFiZWxIZWxwUG9wb3ZlciA9IGxhYmVsSGVscFBvcG92ZXI7XHJcbiAgICB9XHJcbiAgfVxyXG4gIGdldCBsYWJlbEhlbHBQb3BvdmVyKCk6IEhlbHBQb3BvdmVyQ29uZmlnIHwgdW5kZWZpbmVkIHtcclxuICAgIHJldHVybiB0aGlzLl9sYWJlbEhlbHBQb3BvdmVyO1xyXG4gIH1cclxuXHJcblxyXG4gIEBJbnB1dCgpIHNldCB2YWx1ZSh2YWx1ZTogc3RyaW5nIHwgRGlzcGxheVZhbHVlIHwgdW5kZWZpbmVkKSB7XHJcbiAgICBpZih0eXBlb2YgdmFsdWUgPT09ICdzdHJpbmcnKSB7XHJcbiAgICAgIHRoaXMuaW50ZXJuYWxWYWx1ZSA9IHt2YWx1ZTogdmFsdWV9O1xyXG4gICAgfSBlbHNlIGlmICh2YWx1ZSkge1xyXG4gICAgICB0aGlzLmludGVybmFsVmFsdWUgPSB2YWx1ZTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuaW50ZXJuYWxWYWx1ZSA9IHt2YWx1ZTogJyd9O1xyXG4gICAgfVxyXG4gIH07XHJcbiAgcHVibGljIGludGVybmFsVmFsdWU6IERpc3BsYXlWYWx1ZSA9IHt2YWx1ZTogJyd9O1xyXG5cclxuICAvKipcclxuICAgKiBXaGVuIHByb3ZpZGVkLCBkaXNwbGF5cyB0aGUgdmFsdWUgYXMgYSBsaW5rXHJcbiAgICovXHJcbiAgQElucHV0KCkgc2V0IHVybCh2YWx1ZTogc3RyaW5nIHwgdW5kZWZpbmVkKSB7XHJcbiAgICB0aGlzLmV4dGVybmFsTGluayA9ICh2YWx1ZT8uc3RhcnRzV2l0aCgnaHR0cCcpKSA/IHRydWUgOiBmYWxzZTtcclxuICAgIHRoaXMuX3VybCA9IHZhbHVlO1xyXG4gIH07XHJcbiAgZ2V0IHVybCgpOiBzdHJpbmcgfCB1bmRlZmluZWQge1xyXG4gICAgcmV0dXJuIHRoaXMuX3VybDtcclxuICB9XHJcbiAgcHJpdmF0ZSBfdXJsPzogc3RyaW5nO1xyXG5cclxuICAvKipcclxuICAgKiBTZXQgbGluayBhcyBhbiBocmVmIG9yIHJvdXRlckxpbmtcclxuICAgKi9cclxuICBwdWJsaWMgZXh0ZXJuYWxMaW5rOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBJbnB1dCgpIHB1YmxpYyBjb25kZW5zZWQgPSBmYWxzZTtcclxuXHJcbiAgLyoqXHJcbiAgICogVGhlIGxpbmsgdGFyZ2V0IHdoZW4gdXJsIGlzIHByb3ZpZGVkLiBEZWZhdWx0cyB0byBfc2VsZiAoc2FtZSB3aW5kb3cpXHJcbiAgICogQHNlZSBodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZy9lbi1VUy9kb2NzL1dlYi9IVE1ML0VsZW1lbnQvYVxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHB1YmxpYyB0YXJnZXQ6IExpbmtUYXJnZXQgPSAnX3NlbGYnO1xyXG59XHJcbiIsIjxkaXYgaWQ9XCJ7e2lkfX1fbGFiZWxfMFwiXHJcbiAgICAgY2xhc3M9XCJ0ZXh0LWNhcHRpb24tMSBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyXCI+XHJcbiAgPHNwYW4+e3tsYWJlbCB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gIDxlYy1oZWxwLXBvcG92ZXIgKm5nSWY9XCJsYWJlbEhlbHBQb3BvdmVyXCJcclxuICAgICAgICAgICAgICAgICAgIGNsYXNzPVwibXgtbjEgbXktbjJcIlxyXG4gICAgICAgICAgICAgICAgICAgW3RleHRdPVwibGFiZWxIZWxwUG9wb3Zlci50ZXh0XCJcclxuICAgICAgICAgICAgICAgICAgIFtjb250ZW50UG9zaXRpb25dPVwibGFiZWxIZWxwUG9wb3Zlcj8uY29udGVudFBvc2l0aW9uID8/ICd0b3AtbGVmdCdcIlxyXG4gICAgICAgICAgICAgICAgICAgW21heFdpZHRoXT1cImxhYmVsSGVscFBvcG92ZXI/Lm1heFdpZHRoID8/ICcxNXJlbSdcIj5cclxuICA8L2VjLWhlbHAtcG9wb3Zlcj5cclxuPC9kaXY+XHJcblxyXG48ZGl2IGlkPVwie3tpZH19X3ZhbHVlXzBcIiBjbGFzcz1cInt7Y29uZGVuc2VkID8gJ3RleHQtYm9keS0yJyA6ICd0ZXh0LWRpc3BsYXktMSd9fSB7e2ludGVybmFsVmFsdWUuY2xhc3NuYW1lc319XCJcclxuICAgICBbY2xhc3MuZm9udC1jb2xvci1oaW50XT1cIiFpbnRlcm5hbFZhbHVlLnZhbHVlICYmIGludGVybmFsVmFsdWUubm9WYWx1ZVRleHRcIlxyXG4gICAgIHRpdGxlPVwie3tpbnRlcm5hbFZhbHVlLnRvb2x0aXB9fVwiPlxyXG5cclxuICA8bmctY29udGFpbmVyICpuZ0lmPVwidXJsIGVsc2UgY29udGVudFwiPlxyXG4gICAgPGEgKm5nSWY9XCIhZXh0ZXJuYWxMaW5rXCJcclxuICAgICAgICBpZD1cInt7aWR9fV9saW5rXCJcclxuICAgICAgICByb3V0ZXJMaW5rPVwie3t1cmx9fVwiXHJcbiAgICAgICAgdGFyZ2V0PVwie3t0YXJnZXR9fVwiPlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgPC9hPlxyXG4gICAgPGEgKm5nSWY9XCJleHRlcm5hbExpbmtcIlxyXG4gICAgICAgIGlkPVwie3tpZH19X2xpbmtcIlxyXG4gICAgICAgIGhyZWY9XCJ7e3VybH19XCJcclxuICAgICAgICB0YXJnZXQ9XCJ7e3RhcmdldH19XCI+XHJcbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XHJcbiAgICA8L2E+XHJcbiAgPC9uZy1jb250YWluZXI+XHJcbjwvZGl2PlxyXG5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjY29udGVudD5cclxuICA8aSAqbmdJZj1cImludGVybmFsVmFsdWU/Lmljb25cIiBjbGFzcz1cImVjLWljb24ge3tpbnRlcm5hbFZhbHVlPy5pY29ufX1cIj48L2k+XHJcbiAgPHNwYW4+e3soaW50ZXJuYWxWYWx1ZT8udmFsdWUgfHwgaW50ZXJuYWxWYWx1ZT8ubm9WYWx1ZVRleHQpIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L25nLXRlbXBsYXRlPlxyXG4iXX0=
|
@@ -1,47 +0,0 @@
|
|
1
|
-
import { Component, HostBinding, Input } from '@angular/core';
|
2
|
-
import { UntypedFormControl } from '@angular/forms';
|
3
|
-
import { JsonHelper } from '../../shared/json-helper';
|
4
|
-
import * as i0 from "@angular/core";
|
5
|
-
import * as i1 from "@ngx-translate/core";
|
6
|
-
import * as i2 from "@angular/common";
|
7
|
-
import * as i3 from "../../controls/button/button.component";
|
8
|
-
import * as i4 from "../../controls/button/copy-button.directive";
|
9
|
-
export class JsonDisplayComponent {
|
10
|
-
constructor(translate) {
|
11
|
-
this.translate = translate;
|
12
|
-
this.maxLength = 10000;
|
13
|
-
this.jsonDisplay = new UntypedFormControl('');
|
14
|
-
}
|
15
|
-
ngOnChanges() {
|
16
|
-
if (this.id) {
|
17
|
-
this.attrId = this.id;
|
18
|
-
}
|
19
|
-
if (this.jsonString) {
|
20
|
-
let display = this.jsonString;
|
21
|
-
let parsedJson = JsonHelper.tryParseJSON(this.jsonString);
|
22
|
-
if (parsedJson) {
|
23
|
-
display = JSON.stringify(parsedJson, null, 2);
|
24
|
-
}
|
25
|
-
if (display.length > this.maxLength) {
|
26
|
-
display = display.substr(0, this.maxLength) + `\r\n${this.translate.instant('MessageTooLong_Truncated_SC')}`;
|
27
|
-
}
|
28
|
-
this.jsonDisplay.patchValue(display);
|
29
|
-
}
|
30
|
-
}
|
31
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: JsonDisplayComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
32
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: JsonDisplayComponent, selector: "ec-json-display", inputs: { id: "id", jsonString: "jsonString", maxLength: "maxLength" }, host: { properties: { "attr.id": "this.attrId" } }, usesOnChanges: true, ngImport: i0, template: "<ec-button id=\"{{id}}_copy\"\r\n class=\"copy-button\"\r\n *ngIf=\"jsonDisplay.value\"\r\n type=\"icon\"\r\n icon=\"icon-copy\"\r\n [ecCopyButton]=\"jsonDisplay\">\r\n</ec-button>\r\n<pre><code>{{jsonDisplay.value}}</code></pre>", styles: [":host{display:block;position:relative;color:var(--ec-color-primary-light);background:#354751;max-height:15rem;min-height:2.125rem;font-size:var(--ec-font-size-label);border-radius:var(--ec-border-radius-card);overflow-x:auto;overflow-y:auto;text-align:right}pre{margin-bottom:0;margin-top:-2rem;text-align:left}pre code{display:block;padding:.5rem}.copy-button{position:sticky;top:0}.copy-button ::ng-deep .ec-icon{color:var(--ec-color-secondary-light)!important}.copy-button ::ng-deep button:hover{background-color:transparent!important}.copy-button ::ng-deep button:hover .ec-icon{color:var(--ec-color-primary-light)!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.ButtonComponent, selector: "ec-button", inputs: ["id", "disabled", "icon", "label", "badge", "tabindex", "type", "pending", "pendingIcon", "customTemplate", "isSubmit", "autofocus"], outputs: ["clicked"] }, { kind: "directive", type: i4.CopyButtonDirective, selector: "[ecCopyButton]", inputs: ["ecCopyButton"] }] }); }
|
33
|
-
}
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: JsonDisplayComponent, decorators: [{
|
35
|
-
type: Component,
|
36
|
-
args: [{ selector: 'ec-json-display', template: "<ec-button id=\"{{id}}_copy\"\r\n class=\"copy-button\"\r\n *ngIf=\"jsonDisplay.value\"\r\n type=\"icon\"\r\n icon=\"icon-copy\"\r\n [ecCopyButton]=\"jsonDisplay\">\r\n</ec-button>\r\n<pre><code>{{jsonDisplay.value}}</code></pre>", styles: [":host{display:block;position:relative;color:var(--ec-color-primary-light);background:#354751;max-height:15rem;min-height:2.125rem;font-size:var(--ec-font-size-label);border-radius:var(--ec-border-radius-card);overflow-x:auto;overflow-y:auto;text-align:right}pre{margin-bottom:0;margin-top:-2rem;text-align:left}pre code{display:block;padding:.5rem}.copy-button{position:sticky;top:0}.copy-button ::ng-deep .ec-icon{color:var(--ec-color-secondary-light)!important}.copy-button ::ng-deep button:hover{background-color:transparent!important}.copy-button ::ng-deep button:hover .ec-icon{color:var(--ec-color-primary-light)!important}\n"] }]
|
37
|
-
}], ctorParameters: () => [{ type: i1.TranslateService }], propDecorators: { id: [{
|
38
|
-
type: Input
|
39
|
-
}], attrId: [{
|
40
|
-
type: HostBinding,
|
41
|
-
args: ['attr.id']
|
42
|
-
}], jsonString: [{
|
43
|
-
type: Input
|
44
|
-
}], maxLength: [{
|
45
|
-
type: Input
|
46
|
-
}] } });
|
47
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoianNvbi1kaXNwbGF5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9kaXNwbGF5L2pzb24tZGlzcGxheS9qc29uLWRpc3BsYXkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy9zcmMvbGliL2Rpc3BsYXkvanNvbi1kaXNwbGF5L2pzb24tZGlzcGxheS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFDekUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFcEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7QUFPdEQsTUFBTSxPQUFPLG9CQUFvQjtJQVEvQixZQUFvQixTQUEyQjtRQUEzQixjQUFTLEdBQVQsU0FBUyxDQUFrQjtRQUh0QyxjQUFTLEdBQVcsS0FBSyxDQUFDO1FBQzVCLGdCQUFXLEdBQUcsSUFBSSxrQkFBa0IsQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUVHLENBQUM7SUFFcEQsV0FBVztRQUNULElBQUksSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDO1lBQ1osSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDO1FBQ3hCLENBQUM7UUFFRCxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztZQUNwQixJQUFJLE9BQU8sR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDO1lBRTlCLElBQUksVUFBVSxHQUF3QixVQUFVLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztZQUMvRSxJQUFJLFVBQVUsRUFBRSxDQUFDO2dCQUNmLE9BQU8sR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLFVBQVUsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUM7WUFDaEQsQ0FBQztZQUVELElBQUksT0FBTyxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7Z0JBQ3BDLE9BQU8sR0FBRyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyw2QkFBNkIsQ0FBQyxFQUFFLENBQUM7WUFDL0csQ0FBQztZQUVELElBQUksQ0FBQyxXQUFXLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3ZDLENBQUM7SUFDSCxDQUFDOytHQTdCVSxvQkFBb0I7bUdBQXBCLG9CQUFvQix3TUNWakMseVJBTzZDOzs0RkRHaEMsb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGlCQUFpQjtxRkFNbEIsRUFBRTtzQkFBVixLQUFLO2dCQUNrQixNQUFNO3NCQUE3QixXQUFXO3VCQUFDLFNBQVM7Z0JBQ2IsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIE9uQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBVbnR5cGVkRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcclxuaW1wb3J0IHsgSnNvbkhlbHBlciB9IGZyb20gJy4uLy4uL3NoYXJlZC9qc29uLWhlbHBlcic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2VjLWpzb24tZGlzcGxheScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2pzb24tZGlzcGxheS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vanNvbi1kaXNwbGF5LmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEpzb25EaXNwbGF5Q29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuXHJcbiAgQElucHV0KCkgaWQ/OiBzdHJpbmc7XHJcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmlkJykgYXR0cklkPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGpzb25TdHJpbmc/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgbWF4TGVuZ3RoOiBudW1iZXIgPSAxMDAwMDtcclxuICBwdWJsaWMganNvbkRpc3BsYXkgPSBuZXcgVW50eXBlZEZvcm1Db250cm9sKCcnKTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSB0cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UpIHsgfVxyXG5cclxuICBuZ09uQ2hhbmdlcygpIHtcclxuICAgIGlmICh0aGlzLmlkKSB7XHJcbiAgICAgIHRoaXMuYXR0cklkID0gdGhpcy5pZDtcclxuICAgIH1cclxuXHJcbiAgICBpZiAodGhpcy5qc29uU3RyaW5nKSB7XHJcbiAgICAgIGxldCBkaXNwbGF5ID0gdGhpcy5qc29uU3RyaW5nO1xyXG5cclxuICAgICAgbGV0IHBhcnNlZEpzb246IHVua25vd24gfCB1bmRlZmluZWQgPSBKc29uSGVscGVyLnRyeVBhcnNlSlNPTih0aGlzLmpzb25TdHJpbmcpO1xyXG4gICAgICBpZiAocGFyc2VkSnNvbikge1xyXG4gICAgICAgIGRpc3BsYXkgPSBKU09OLnN0cmluZ2lmeShwYXJzZWRKc29uLCBudWxsLCAyKTtcclxuICAgICAgfVxyXG5cclxuICAgICAgaWYgKGRpc3BsYXkubGVuZ3RoID4gdGhpcy5tYXhMZW5ndGgpIHtcclxuICAgICAgICBkaXNwbGF5ID0gZGlzcGxheS5zdWJzdHIoMCwgdGhpcy5tYXhMZW5ndGgpICsgYFxcclxcbiR7dGhpcy50cmFuc2xhdGUuaW5zdGFudCgnTWVzc2FnZVRvb0xvbmdfVHJ1bmNhdGVkX1NDJyl9YDtcclxuICAgICAgfVxyXG5cclxuICAgICAgdGhpcy5qc29uRGlzcGxheS5wYXRjaFZhbHVlKGRpc3BsYXkpO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8ZWMtYnV0dG9uIGlkPVwie3tpZH19X2NvcHlcIlxyXG4gICAgICAgICAgIGNsYXNzPVwiY29weS1idXR0b25cIlxyXG4gICAgICAgICAgICpuZ0lmPVwianNvbkRpc3BsYXkudmFsdWVcIlxyXG4gICAgICAgICAgIHR5cGU9XCJpY29uXCJcclxuICAgICAgICAgICBpY29uPVwiaWNvbi1jb3B5XCJcclxuICAgICAgICAgICBbZWNDb3B5QnV0dG9uXT1cImpzb25EaXNwbGF5XCI+XHJcbjwvZWMtYnV0dG9uPlxyXG48cHJlPjxjb2RlPnt7anNvbkRpc3BsYXkudmFsdWV9fTwvY29kZT48L3ByZT4iXX0=
|
@@ -1,120 +0,0 @@
|
|
1
|
-
import { Inject, Input, Directive } from '@angular/core';
|
2
|
-
import { DOCUMENT } from '@angular/common';
|
3
|
-
import * as i0 from "@angular/core";
|
4
|
-
import * as i1 from "../../core/cache.service";
|
5
|
-
/**
|
6
|
-
* Base class for handling click and drag resizing of elements with a mouse.
|
7
|
-
* Derived classes must provide the element to be resized and implement the setWidth function.
|
8
|
-
*/
|
9
|
-
export class ResizableBase {
|
10
|
-
ngAfterViewInit() {
|
11
|
-
if (this.rememberWidth && this.id) {
|
12
|
-
let cached = this.cacheService.getItem('resizable-' + this.id);
|
13
|
-
if (cached && cached.widths && cached.widths.length > 0) {
|
14
|
-
this.restoreWidths(cached.widths);
|
15
|
-
}
|
16
|
-
}
|
17
|
-
}
|
18
|
-
constructor(renderer, cacheService, document) {
|
19
|
-
this.renderer = renderer;
|
20
|
-
this.cacheService = cacheService;
|
21
|
-
this.document = document;
|
22
|
-
/**Set to true if the resizable should remember its width. Requires the element to have an ID*/
|
23
|
-
this.rememberWidth = false;
|
24
|
-
/**The id of the resizable, used for GI and for remembering the width */
|
25
|
-
this.id = '';
|
26
|
-
/** The element that is current being resized */
|
27
|
-
this.currentEl = null;
|
28
|
-
/** The x position of the mouse when dragging starts. Relative to the viewport. */
|
29
|
-
this.startScreenX = 0;
|
30
|
-
/** The width of the current element when dragging starts. */
|
31
|
-
this.startElWidth = 0;
|
32
|
-
}
|
33
|
-
/**
|
34
|
-
* On a mousedown event
|
35
|
-
* * store the width of the current element to calculate the new width
|
36
|
-
* * store the horizontal position of the pointer to calculate the new width.
|
37
|
-
* * add the 'is-active' class to the current element
|
38
|
-
* * set up listeners on the document to know when dragging starts and stops.
|
39
|
-
* Mouse event listeners are added to the document because the cursor may move
|
40
|
-
* off the current element while dragging.
|
41
|
-
*/
|
42
|
-
startDrag(event) {
|
43
|
-
if (this.currentEl) {
|
44
|
-
this.startElWidth = this.currentEl.offsetWidth;
|
45
|
-
this.startScreenX = event.screenX;
|
46
|
-
this.renderer.addClass(this.currentEl, 'is-active');
|
47
|
-
this.renderer.setStyle(this.document.body, 'cursor', 'col-resize');
|
48
|
-
// Remove any listeners that may have not been cleaned up before we register new listeners.
|
49
|
-
if (this.mouseupListener) {
|
50
|
-
this.mouseupListener();
|
51
|
-
this.mouseupListener = undefined;
|
52
|
-
}
|
53
|
-
if (this.mousemoveListener) {
|
54
|
-
this.mousemoveListener();
|
55
|
-
this.mousemoveListener = undefined;
|
56
|
-
}
|
57
|
-
this.mouseupListener = this.renderer.listen(this.document, 'mouseup', this.stopDrag.bind(this));
|
58
|
-
this.mousemoveListener = this.renderer.listen(this.document, 'mousemove', this.drag.bind(this));
|
59
|
-
}
|
60
|
-
else {
|
61
|
-
throw new Error(`currentEl is ${this.currentEl}. currentEl must be assigned before startDrag() is called.`);
|
62
|
-
}
|
63
|
-
}
|
64
|
-
/**
|
65
|
-
* On a mousemove event, calculate the new width of the current element by
|
66
|
-
* adding the difference of the start pageX position and the current pageX
|
67
|
-
* position to the width of the element when we started dragging. Pass the
|
68
|
-
* calculated with to the setWidth method.
|
69
|
-
*/
|
70
|
-
drag(event) {
|
71
|
-
this.setWidth(this.startElWidth + (event.screenX - this.startScreenX));
|
72
|
-
}
|
73
|
-
/**
|
74
|
-
* On a mouseup event
|
75
|
-
* * remove the mouse event listeners on the document.
|
76
|
-
* * remove the 'is-active' class from the current element
|
77
|
-
* * reset the cursor style on the body
|
78
|
-
*/
|
79
|
-
stopDrag(event) {
|
80
|
-
if (this.mousemoveListener) {
|
81
|
-
this.mousemoveListener();
|
82
|
-
this.mousemoveListener = undefined;
|
83
|
-
}
|
84
|
-
if (this.mouseupListener) {
|
85
|
-
this.mouseupListener();
|
86
|
-
this.mouseupListener = undefined;
|
87
|
-
}
|
88
|
-
if (this.currentEl) {
|
89
|
-
this.renderer.removeClass(this.currentEl, 'is-active');
|
90
|
-
}
|
91
|
-
this.renderer.removeStyle(this.document.body, 'cursor');
|
92
|
-
}
|
93
|
-
/**Called after the view initializes if the component supports restoring widths and there are cached widths to restore.
|
94
|
-
* To be overridden in a derived class if it supports restoring widths, defaults to a no-op*/
|
95
|
-
restoreWidths(widths) { }
|
96
|
-
/** Store the provided widths in cache so they can be retrieved later */
|
97
|
-
saveWidths(widths) {
|
98
|
-
if (this.rememberWidth && this.id) {
|
99
|
-
this.cacheService.setItem('resizable-' + this.id, {
|
100
|
-
widths: widths
|
101
|
-
});
|
102
|
-
}
|
103
|
-
else if (this.rememberWidth) {
|
104
|
-
console.error('rememberWidth is set but will not take effect unless ID is also set');
|
105
|
-
}
|
106
|
-
}
|
107
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ResizableBase, deps: [{ token: i0.Renderer2 }, { token: i1.CacheService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive }); }
|
108
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: ResizableBase, inputs: { rememberWidth: "rememberWidth", id: "id" }, ngImport: i0 }); }
|
109
|
-
}
|
110
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ResizableBase, decorators: [{
|
111
|
-
type: Directive
|
112
|
-
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1.CacheService }, { type: Document, decorators: [{
|
113
|
-
type: Inject,
|
114
|
-
args: [DOCUMENT]
|
115
|
-
}] }], propDecorators: { rememberWidth: [{
|
116
|
-
type: Input
|
117
|
-
}], id: [{
|
118
|
-
type: Input
|
119
|
-
}] } });
|
120
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzaXphYmxlLWJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3NyYy9saWIvZGlzcGxheS9yZXNpemFibGUvcmVzaXphYmxlLWJhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFhLE1BQU0sRUFBRSxLQUFLLEVBQWlCLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQUszQzs7O0dBR0c7QUFFSCxNQUFNLE9BQWdCLGFBQWE7SUFDakMsZUFBZTtRQUNiLElBQUcsSUFBSSxDQUFDLGFBQWEsSUFBSSxJQUFJLENBQUMsRUFBRSxFQUFDLENBQUM7WUFDaEMsSUFBSSxNQUFNLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQW1CLFlBQVksR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7WUFDakYsSUFBRyxNQUFNLElBQUksTUFBTSxDQUFDLE1BQU0sSUFBSSxNQUFNLENBQUMsTUFBTSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUMsQ0FBQztnQkFDdEQsSUFBSSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDcEMsQ0FBQztRQUNILENBQUM7SUFDSCxDQUFDO0lBeUJELFlBQ1ksUUFBbUIsRUFDckIsWUFBMEIsRUFDTixRQUFrQjtRQUZwQyxhQUFRLEdBQVIsUUFBUSxDQUFXO1FBQ3JCLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBQ04sYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQTFCaEQsK0ZBQStGO1FBRXhGLGtCQUFhLEdBQVksS0FBSyxDQUFDO1FBRXRDLHlFQUF5RTtRQUVsRSxPQUFFLEdBQVcsRUFBRSxDQUFDO1FBRXZCLGdEQUFnRDtRQUN0QyxjQUFTLEdBQXVCLElBQUksQ0FBQztRQUUvQyxrRkFBa0Y7UUFDeEUsaUJBQVksR0FBVyxDQUFDLENBQUM7UUFFbEMsNkRBQTZEO1FBQ3BELGlCQUFZLEdBQVcsQ0FBQyxDQUFDO0lBWWpDLENBQUM7SUFFSDs7Ozs7Ozs7T0FRRztJQUNJLFNBQVMsQ0FBQyxLQUFpQjtRQUNoQyxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsV0FBVyxDQUFDO1lBQy9DLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQztZQUNsQyxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLFdBQVcsQ0FBQyxDQUFDO1lBQ3BELElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLFFBQVEsRUFBRSxZQUFZLENBQUMsQ0FBQztZQUVuRSwyRkFBMkY7WUFDM0YsSUFBSSxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7Z0JBQ3pCLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztnQkFDdkIsSUFBSSxDQUFDLGVBQWUsR0FBRyxTQUFTLENBQUM7WUFDbkMsQ0FBQztZQUNELElBQUksSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7Z0JBQzNCLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO2dCQUN6QixJQUFJLENBQUMsaUJBQWlCLEdBQUcsU0FBUyxDQUFDO1lBQ3JDLENBQUM7WUFFRCxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7WUFDaEcsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsV0FBVyxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7UUFDbEcsQ0FBQzthQUFNLENBQUM7WUFDTixNQUFNLElBQUksS0FBSyxDQUFDLGdCQUFnQixJQUFJLENBQUMsU0FBUyw0REFBNEQsQ0FBQyxDQUFDO1FBQzlHLENBQUM7SUFDSCxDQUFDO0lBRUQ7Ozs7O09BS0c7SUFDTyxJQUFJLENBQUMsS0FBaUI7UUFDOUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsS0FBSyxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQztJQUN6RSxDQUFDO0lBT0Q7Ozs7O09BS0c7SUFDTyxRQUFRLENBQUMsS0FBaUI7UUFDbEMsSUFBSSxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztZQUMzQixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztZQUN6QixJQUFJLENBQUMsaUJBQWlCLEdBQUcsU0FBUyxDQUFDO1FBQ3JDLENBQUM7UUFFRCxJQUFJLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUN6QixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7WUFDdkIsSUFBSSxDQUFDLGVBQWUsR0FBRyxTQUFTLENBQUM7UUFDbkMsQ0FBQztRQUVELElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsV0FBVyxDQUFDLENBQUM7UUFDekQsQ0FBQztRQUVELElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBQzFELENBQUM7SUFFRDtpR0FDNkY7SUFDbkYsYUFBYSxDQUFDLE1BQWdCLElBQVUsQ0FBQztJQUVuRCx3RUFBd0U7SUFDOUQsVUFBVSxDQUFDLE1BQWdCO1FBQ25DLElBQUcsSUFBSSxDQUFDLGFBQWEsSUFBSSxJQUFJLENBQUMsRUFBRSxFQUFDLENBQUM7WUFDaEMsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxFQUFFLEVBQXFCO2dCQUNuRSxNQUFNLEVBQUUsTUFBTTthQUNmLENBQUMsQ0FBQztRQUNMLENBQUM7YUFBTSxJQUFHLElBQUksQ0FBQyxhQUFhLEVBQUMsQ0FBQztZQUM1QixPQUFPLENBQUMsS0FBSyxDQUFDLHFFQUFxRSxDQUFDLENBQUM7UUFDdkYsQ0FBQztJQUNILENBQUM7K0dBNUhtQixhQUFhLHVFQW9DdkIsUUFBUTttR0FwQ0UsYUFBYTs7NEZBQWIsYUFBYTtrQkFEbEMsU0FBUzs7MEJBcUNMLE1BQU07MkJBQUMsUUFBUTt5Q0F4QlgsYUFBYTtzQkFEbkIsS0FBSztnQkFLQyxFQUFFO3NCQURSLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZW5kZXJlcjIsIEluamVjdCwgSW5wdXQsIEFmdGVyVmlld0luaXQsIERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBET0NVTUVOVCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENhY2hlU2VydmljZSB9IGZyb20gJy4uLy4uL2NvcmUvY2FjaGUuc2VydmljZSc7XHJcblxyXG5leHBvcnQgdHlwZSBSZXNpemVDYWNoZUVudHJ5ID0geyB3aWR0aHM6IG51bWJlcltdIH07XHJcblxyXG4vKipcclxuICogQmFzZSBjbGFzcyBmb3IgaGFuZGxpbmcgY2xpY2sgYW5kIGRyYWcgcmVzaXppbmcgb2YgZWxlbWVudHMgd2l0aCBhIG1vdXNlLiBcclxuICogRGVyaXZlZCBjbGFzc2VzIG11c3QgcHJvdmlkZSB0aGUgZWxlbWVudCB0byBiZSByZXNpemVkIGFuZCBpbXBsZW1lbnQgdGhlIHNldFdpZHRoIGZ1bmN0aW9uLlxyXG4gKi9cclxuQERpcmVjdGl2ZSgpXHJcbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBSZXNpemFibGVCYXNlIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XHJcbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xyXG4gICAgaWYodGhpcy5yZW1lbWJlcldpZHRoICYmIHRoaXMuaWQpe1xyXG4gICAgICBsZXQgY2FjaGVkID0gdGhpcy5jYWNoZVNlcnZpY2UuZ2V0SXRlbTxSZXNpemVDYWNoZUVudHJ5PigncmVzaXphYmxlLScgKyB0aGlzLmlkKTtcclxuICAgICAgaWYoY2FjaGVkICYmIGNhY2hlZC53aWR0aHMgJiYgY2FjaGVkLndpZHRocy5sZW5ndGggPiAwKXtcclxuICAgICAgICB0aGlzLnJlc3RvcmVXaWR0aHMoY2FjaGVkLndpZHRocyk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8qKlNldCB0byB0cnVlIGlmIHRoZSByZXNpemFibGUgc2hvdWxkIHJlbWVtYmVyIGl0cyB3aWR0aC4gUmVxdWlyZXMgdGhlIGVsZW1lbnQgdG8gaGF2ZSBhbiBJRCovXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgcmVtZW1iZXJXaWR0aDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICAvKipUaGUgaWQgb2YgdGhlIHJlc2l6YWJsZSwgdXNlZCBmb3IgR0kgYW5kIGZvciByZW1lbWJlcmluZyB0aGUgd2lkdGggICovXHJcbiAgQElucHV0KCkgXHJcbiAgcHVibGljIGlkOiBzdHJpbmcgPSAnJztcclxuXHJcbiAgLyoqIFRoZSBlbGVtZW50IHRoYXQgaXMgY3VycmVudCBiZWluZyByZXNpemVkICovXHJcbiAgcHJvdGVjdGVkIGN1cnJlbnRFbDogSFRNTEVsZW1lbnQgfCBudWxsID0gbnVsbDtcclxuXHJcbiAgLyoqIFRoZSB4IHBvc2l0aW9uIG9mIHRoZSBtb3VzZSB3aGVuIGRyYWdnaW5nIHN0YXJ0cy4gUmVsYXRpdmUgdG8gdGhlIHZpZXdwb3J0LiAqL1xyXG4gIHByb3RlY3RlZCBzdGFydFNjcmVlblg6IG51bWJlciA9IDA7XHJcblxyXG4gICAvKiogVGhlIHdpZHRoIG9mIHRoZSBjdXJyZW50IGVsZW1lbnQgd2hlbiBkcmFnZ2luZyBzdGFydHMuICovXHJcbiAgcHJvdGVjdGVkIHN0YXJ0RWxXaWR0aDogbnVtYmVyID0gMDtcclxuXHJcbiAgLyoqIFxyXG4gICAqIFN0b3JlZCAndW5saXN0ZW4nIGZ1bmN0aW9ucyB0aGF0IHJlbW92ZSB0aGVpciByZXNwZWN0aXZlIGxpc3RlbmVycyB3aGVuIGNhbGxlZCBcclxuICAgKi9cclxuICBwcm90ZWN0ZWQgbW91c2V1cExpc3RlbmVyPzogKCkgPT4gdm9pZDtcclxuICBwcm90ZWN0ZWQgbW91c2Vtb3ZlTGlzdGVuZXI/OiAoKSA9PiB2b2lkO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByb3RlY3RlZCByZW5kZXJlcjogUmVuZGVyZXIyLCBcclxuICAgIHByaXZhdGUgY2FjaGVTZXJ2aWNlOiBDYWNoZVNlcnZpY2UsXHJcbiAgICBASW5qZWN0KERPQ1VNRU5UKSBwcm90ZWN0ZWQgZG9jdW1lbnQ6IERvY3VtZW50XHJcbiAgKXt9XHJcblxyXG4gIC8qKiBcclxuICAgKiBPbiBhIG1vdXNlZG93biBldmVudFxyXG4gICAqICogc3RvcmUgdGhlIHdpZHRoIG9mIHRoZSBjdXJyZW50IGVsZW1lbnQgdG8gY2FsY3VsYXRlIHRoZSBuZXcgd2lkdGhcclxuICAgKiAqIHN0b3JlIHRoZSBob3Jpem9udGFsIHBvc2l0aW9uIG9mIHRoZSBwb2ludGVyIHRvIGNhbGN1bGF0ZSB0aGUgbmV3IHdpZHRoLiBcclxuICAgKiAqIGFkZCB0aGUgJ2lzLWFjdGl2ZScgY2xhc3MgdG8gdGhlIGN1cnJlbnQgZWxlbWVudFxyXG4gICAqICogc2V0IHVwIGxpc3RlbmVycyBvbiB0aGUgZG9jdW1lbnQgdG8ga25vdyB3aGVuIGRyYWdnaW5nIHN0YXJ0cyBhbmQgc3RvcHMuIFxyXG4gICAqIE1vdXNlIGV2ZW50IGxpc3RlbmVycyBhcmUgYWRkZWQgdG8gdGhlIGRvY3VtZW50IGJlY2F1c2UgdGhlIGN1cnNvciBtYXkgbW92ZSBcclxuICAgKiBvZmYgdGhlIGN1cnJlbnQgZWxlbWVudCB3aGlsZSBkcmFnZ2luZy5cclxuICAgKi9cclxuICBwdWJsaWMgc3RhcnREcmFnKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5jdXJyZW50RWwpIHtcclxuICAgICAgdGhpcy5zdGFydEVsV2lkdGggPSB0aGlzLmN1cnJlbnRFbC5vZmZzZXRXaWR0aDtcclxuICAgICAgdGhpcy5zdGFydFNjcmVlblggPSBldmVudC5zY3JlZW5YO1xyXG4gICAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKHRoaXMuY3VycmVudEVsLCAnaXMtYWN0aXZlJyk7XHJcbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5kb2N1bWVudC5ib2R5LCAnY3Vyc29yJywgJ2NvbC1yZXNpemUnKTtcclxuXHJcbiAgICAgIC8vIFJlbW92ZSBhbnkgbGlzdGVuZXJzIHRoYXQgbWF5IGhhdmUgbm90IGJlZW4gY2xlYW5lZCB1cCBiZWZvcmUgd2UgcmVnaXN0ZXIgbmV3IGxpc3RlbmVycy5cclxuICAgICAgaWYgKHRoaXMubW91c2V1cExpc3RlbmVyKSB7XHJcbiAgICAgICAgdGhpcy5tb3VzZXVwTGlzdGVuZXIoKTtcclxuICAgICAgICB0aGlzLm1vdXNldXBMaXN0ZW5lciA9IHVuZGVmaW5lZDtcclxuICAgICAgfVxyXG4gICAgICBpZiAodGhpcy5tb3VzZW1vdmVMaXN0ZW5lcikge1xyXG4gICAgICAgIHRoaXMubW91c2Vtb3ZlTGlzdGVuZXIoKTtcclxuICAgICAgICB0aGlzLm1vdXNlbW92ZUxpc3RlbmVyID0gdW5kZWZpbmVkO1xyXG4gICAgICB9XHJcblxyXG4gICAgICB0aGlzLm1vdXNldXBMaXN0ZW5lciA9IHRoaXMucmVuZGVyZXIubGlzdGVuKHRoaXMuZG9jdW1lbnQsICdtb3VzZXVwJywgdGhpcy5zdG9wRHJhZy5iaW5kKHRoaXMpKTtcclxuICAgICAgdGhpcy5tb3VzZW1vdmVMaXN0ZW5lciA9IHRoaXMucmVuZGVyZXIubGlzdGVuKHRoaXMuZG9jdW1lbnQsICdtb3VzZW1vdmUnLCB0aGlzLmRyYWcuYmluZCh0aGlzKSk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aHJvdyBuZXcgRXJyb3IoYGN1cnJlbnRFbCBpcyAke3RoaXMuY3VycmVudEVsfS4gY3VycmVudEVsIG11c3QgYmUgYXNzaWduZWQgYmVmb3JlIHN0YXJ0RHJhZygpIGlzIGNhbGxlZC5gKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIE9uIGEgbW91c2Vtb3ZlIGV2ZW50LCBjYWxjdWxhdGUgdGhlIG5ldyB3aWR0aCBvZiB0aGUgY3VycmVudCBlbGVtZW50IGJ5IFxyXG4gICAqIGFkZGluZyB0aGUgZGlmZmVyZW5jZSBvZiB0aGUgc3RhcnQgcGFnZVggcG9zaXRpb24gYW5kIHRoZSBjdXJyZW50IHBhZ2VYIFxyXG4gICAqIHBvc2l0aW9uIHRvIHRoZSB3aWR0aCBvZiB0aGUgZWxlbWVudCB3aGVuIHdlIHN0YXJ0ZWQgZHJhZ2dpbmcuIFBhc3MgdGhlIFxyXG4gICAqIGNhbGN1bGF0ZWQgd2l0aCB0byB0aGUgc2V0V2lkdGggbWV0aG9kLlxyXG4gICAqL1xyXG4gIHByb3RlY3RlZCBkcmFnKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XHJcbiAgICB0aGlzLnNldFdpZHRoKHRoaXMuc3RhcnRFbFdpZHRoICsgKGV2ZW50LnNjcmVlblggLSB0aGlzLnN0YXJ0U2NyZWVuWCkpO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogVXBkYXRlIHRoZSBjdXJyZW50IGVsZW1lbnQncyB3aWR0aC4gQ2FsbGVkIGFmdGVyIGEgbW91c2Vtb3ZlIGV2ZW50LlxyXG4gICAqL1xyXG4gIHByb3RlY3RlZCBhYnN0cmFjdCBzZXRXaWR0aCh3aWR0aDogbnVtYmVyKTogdm9pZDtcclxuXHJcbiAgLyoqXHJcbiAgICogT24gYSBtb3VzZXVwIGV2ZW50XHJcbiAgICogKiByZW1vdmUgdGhlIG1vdXNlIGV2ZW50IGxpc3RlbmVycyBvbiB0aGUgZG9jdW1lbnQuXHJcbiAgICogKiByZW1vdmUgdGhlICdpcy1hY3RpdmUnIGNsYXNzIGZyb20gdGhlIGN1cnJlbnQgZWxlbWVudFxyXG4gICAqICogcmVzZXQgdGhlIGN1cnNvciBzdHlsZSBvbiB0aGUgYm9keVxyXG4gICAqL1xyXG4gIHByb3RlY3RlZCBzdG9wRHJhZyhldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMubW91c2Vtb3ZlTGlzdGVuZXIpIHtcclxuICAgICAgdGhpcy5tb3VzZW1vdmVMaXN0ZW5lcigpO1xyXG4gICAgICB0aGlzLm1vdXNlbW92ZUxpc3RlbmVyID0gdW5kZWZpbmVkO1xyXG4gICAgfVxyXG4gICAgXHJcbiAgICBpZiAodGhpcy5tb3VzZXVwTGlzdGVuZXIpIHtcclxuICAgICAgdGhpcy5tb3VzZXVwTGlzdGVuZXIoKTtcclxuICAgICAgdGhpcy5tb3VzZXVwTGlzdGVuZXIgPSB1bmRlZmluZWQ7XHJcbiAgICB9XHJcbiAgICBcclxuICAgIGlmICh0aGlzLmN1cnJlbnRFbCkge1xyXG4gICAgICB0aGlzLnJlbmRlcmVyLnJlbW92ZUNsYXNzKHRoaXMuY3VycmVudEVsLCAnaXMtYWN0aXZlJyk7XHJcbiAgICB9XHJcblxyXG4gICAgdGhpcy5yZW5kZXJlci5yZW1vdmVTdHlsZSh0aGlzLmRvY3VtZW50LmJvZHksICdjdXJzb3InKTtcclxuICB9XHJcblxyXG4gIC8qKkNhbGxlZCBhZnRlciB0aGUgdmlldyBpbml0aWFsaXplcyBpZiB0aGUgY29tcG9uZW50IHN1cHBvcnRzIHJlc3RvcmluZyB3aWR0aHMgYW5kIHRoZXJlIGFyZSBjYWNoZWQgd2lkdGhzIHRvIHJlc3RvcmUuIFxyXG4gICAqIFRvIGJlIG92ZXJyaWRkZW4gaW4gYSBkZXJpdmVkIGNsYXNzIGlmIGl0IHN1cHBvcnRzIHJlc3RvcmluZyB3aWR0aHMsIGRlZmF1bHRzIHRvIGEgbm8tb3AqL1xyXG4gIHByb3RlY3RlZCByZXN0b3JlV2lkdGhzKHdpZHRoczogbnVtYmVyW10pOiB2b2lkIHsgfVxyXG5cclxuICAvKiogU3RvcmUgdGhlIHByb3ZpZGVkIHdpZHRocyBpbiBjYWNoZSBzbyB0aGV5IGNhbiBiZSByZXRyaWV2ZWQgbGF0ZXIgKi9cclxuICBwcm90ZWN0ZWQgc2F2ZVdpZHRocyh3aWR0aHM6IG51bWJlcltdKXtcclxuICAgIGlmKHRoaXMucmVtZW1iZXJXaWR0aCAmJiB0aGlzLmlkKXtcclxuICAgICAgdGhpcy5jYWNoZVNlcnZpY2Uuc2V0SXRlbSgncmVzaXphYmxlLScgKyB0aGlzLmlkLCA8UmVzaXplQ2FjaGVFbnRyeT4ge1xyXG4gICAgICAgIHdpZHRoczogd2lkdGhzXHJcbiAgICAgIH0pO1xyXG4gICAgfSBlbHNlIGlmKHRoaXMucmVtZW1iZXJXaWR0aCl7XHJcbiAgICAgIGNvbnNvbGUuZXJyb3IoJ3JlbWVtYmVyV2lkdGggaXMgc2V0IGJ1dCB3aWxsIG5vdCB0YWtlIGVmZmVjdCB1bmxlc3MgSUQgaXMgYWxzbyBzZXQnKTtcclxuICAgIH1cclxuICB9XHJcbn0iXX0=
|
@@ -1,57 +0,0 @@
|
|
1
|
-
import { DOCUMENT } from '@angular/common';
|
2
|
-
import { Component, Inject } from '@angular/core';
|
3
|
-
import { ResizableBase } from './resizable-base';
|
4
|
-
import * as i0 from "@angular/core";
|
5
|
-
import * as i1 from "../../core/cache.service";
|
6
|
-
/**
|
7
|
-
* Make an element resizable horizontally by wrapping it in the ResizableComponent.
|
8
|
-
* Default widths / limits are applied but you can optionally override them
|
9
|
-
* with min-width and max-width with style attributes
|
10
|
-
* @example
|
11
|
-
* <ec-resizable [style.width.px]="200"
|
12
|
-
* [style.min-width.px]="75"
|
13
|
-
* [style.max-width.px]="300">
|
14
|
-
* <div> ... </div>
|
15
|
-
* </ec-resizable>
|
16
|
-
*/
|
17
|
-
export class ResizableComponent extends ResizableBase {
|
18
|
-
constructor(el, renderer, cacheService, document) {
|
19
|
-
super(renderer, cacheService, document);
|
20
|
-
this.el = el;
|
21
|
-
//default rememberWidth to true for standard resizable, resizable tables default to false
|
22
|
-
this.rememberWidth = true;
|
23
|
-
}
|
24
|
-
/** Store the host element to reference later */
|
25
|
-
ngOnInit() {
|
26
|
-
this.currentEl = this.el.nativeElement;
|
27
|
-
}
|
28
|
-
/**
|
29
|
-
* Set the new width of the element and emit the new width to subscribers
|
30
|
-
*/
|
31
|
-
setWidth(width) {
|
32
|
-
this.renderer.setStyle(this.currentEl, 'width', width + 'px');
|
33
|
-
this.saveWidths([width]);
|
34
|
-
}
|
35
|
-
/**Called from the base class when cached widths are available and restoring
|
36
|
-
* width is enabled. We only care about the first one because we only have one width
|
37
|
-
*/
|
38
|
-
restoreWidths(widths) {
|
39
|
-
this.setWidth(widths[0]);
|
40
|
-
}
|
41
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ResizableComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.CacheService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
|
42
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ResizableComponent, selector: "ec-resizable", usesInheritance: true, ngImport: i0, template: `<div class="content">
|
43
|
-
<ng-content></ng-content>
|
44
|
-
</div>
|
45
|
-
<div class="handle" (mousedown)="startDrag($event)"></div>`, isInline: true, styles: [":host{width:240px;max-width:480px;min-width:100px;position:relative;border-right:1px solid var(--ec-border-color);display:flex}:host.is-active{-webkit-user-select:none;user-select:none}:host.is-active .handle:after{background-color:var(--ec-color-interactive)}.handle{position:absolute;right:-7px;width:13px;height:100%;top:0;padding:0 5px;z-index:var(--ec-z-index-splitter)}.handle:after{content:\"\";display:block;transition:background-color .3s ease;height:100%;position:relative}.handle:hover{cursor:col-resize}.handle:hover:after{background-color:var(--ec-color-interactive)}.content{overflow:hidden;display:flex;flex:1 1;min-height:0;min-width:0}.content ::ng-deep>*{flex:1 1;min-height:0;min-width:0}\n"] }); }
|
46
|
-
}
|
47
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ResizableComponent, decorators: [{
|
48
|
-
type: Component,
|
49
|
-
args: [{ selector: 'ec-resizable', template: `<div class="content">
|
50
|
-
<ng-content></ng-content>
|
51
|
-
</div>
|
52
|
-
<div class="handle" (mousedown)="startDrag($event)"></div>`, styles: [":host{width:240px;max-width:480px;min-width:100px;position:relative;border-right:1px solid var(--ec-border-color);display:flex}:host.is-active{-webkit-user-select:none;user-select:none}:host.is-active .handle:after{background-color:var(--ec-color-interactive)}.handle{position:absolute;right:-7px;width:13px;height:100%;top:0;padding:0 5px;z-index:var(--ec-z-index-splitter)}.handle:after{content:\"\";display:block;transition:background-color .3s ease;height:100%;position:relative}.handle:hover{cursor:col-resize}.handle:hover:after{background-color:var(--ec-color-interactive)}.content{overflow:hidden;display:flex;flex:1 1;min-height:0;min-width:0}.content ::ng-deep>*{flex:1 1;min-height:0;min-width:0}\n"] }]
|
53
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.CacheService }, { type: Document, decorators: [{
|
54
|
-
type: Inject,
|
55
|
-
args: [DOCUMENT]
|
56
|
-
}] }] });
|
57
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzaXphYmxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9kaXNwbGF5L3Jlc2l6YWJsZS9yZXNpemFibGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMzQyxPQUFPLEVBQUUsU0FBUyxFQUFjLE1BQU0sRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFHakYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7QUFHakQ7Ozs7Ozs7Ozs7R0FVRztBQVNILE1BQU0sT0FBTyxrQkFBbUIsU0FBUSxhQUFhO0lBQ25ELFlBQ1UsRUFBYyxFQUN0QixRQUFtQixFQUNuQixZQUEwQixFQUNSLFFBQWtCO1FBRXBDLEtBQUssQ0FBQyxRQUFRLEVBQUUsWUFBWSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBTGhDLE9BQUUsR0FBRixFQUFFLENBQVk7UUFPdEIseUZBQXlGO1FBQ3pGLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDO0lBQzVCLENBQUM7SUFFRCxnREFBZ0Q7SUFDekMsUUFBUTtRQUNiLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUM7SUFDekMsQ0FBQztJQUVEOztPQUVHO0lBQ08sUUFBUSxDQUFDLEtBQWE7UUFDOUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsS0FBSyxHQUFHLElBQUksQ0FBQyxDQUFDO1FBQzlELElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFFRDs7T0FFRztJQUNPLGFBQWEsQ0FBQyxNQUFnQjtRQUN0QyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzNCLENBQUM7K0dBL0JVLGtCQUFrQixpR0FLbkIsUUFBUTttR0FMUCxrQkFBa0IsMkVBTm5COzs7dUVBRzJEOzs0RkFHMUQsa0JBQWtCO2tCQVI5QixTQUFTOytCQUNFLGNBQWMsWUFDZDs7O3VFQUcyRDs7MEJBUWxFLE1BQU07MkJBQUMsUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERPQ1VNRU5UIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbmplY3QsIE9uSW5pdCwgUmVuZGVyZXIyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBDYWNoZVNlcnZpY2UgfSBmcm9tICcuLi8uLi9jb3JlL2NhY2hlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBSZXNpemFibGVCYXNlIH0gZnJvbSAnLi9yZXNpemFibGUtYmFzZSc7XHJcblxyXG5cclxuLyoqXHJcbiAqIE1ha2UgYW4gZWxlbWVudCByZXNpemFibGUgaG9yaXpvbnRhbGx5IGJ5IHdyYXBwaW5nIGl0IGluIHRoZSBSZXNpemFibGVDb21wb25lbnQuXHJcbiAqIERlZmF1bHQgd2lkdGhzIC8gbGltaXRzIGFyZSBhcHBsaWVkIGJ1dCB5b3UgY2FuIG9wdGlvbmFsbHkgb3ZlcnJpZGUgdGhlbVxyXG4gKiB3aXRoIG1pbi13aWR0aCBhbmQgbWF4LXdpZHRoIHdpdGggc3R5bGUgYXR0cmlidXRlc1xyXG4gKiBAZXhhbXBsZVxyXG4gKiA8ZWMtcmVzaXphYmxlIFtzdHlsZS53aWR0aC5weF09XCIyMDBcIlxyXG4gKiAgICAgICAgICAgICAgIFtzdHlsZS5taW4td2lkdGgucHhdPVwiNzVcIlxyXG4gKiAgICAgICAgICAgICAgIFtzdHlsZS5tYXgtd2lkdGgucHhdPVwiMzAwXCI+XHJcbiAqICAgIDxkaXY+IC4uLiA8L2Rpdj5cclxuICogPC9lYy1yZXNpemFibGU+XHJcbiAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2VjLXJlc2l6YWJsZScsXHJcbiAgdGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwiY29udGVudFwiPlxyXG4gICAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJoYW5kbGVcIiAobW91c2Vkb3duKT1cInN0YXJ0RHJhZygkZXZlbnQpXCI+PC9kaXY+YCxcclxuICBzdHlsZVVybHM6IFsnLi9yZXNpemFibGUuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgUmVzaXphYmxlQ29tcG9uZW50IGV4dGVuZHMgUmVzaXphYmxlQmFzZSBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIGVsOiBFbGVtZW50UmVmLFxyXG4gICAgcmVuZGVyZXI6IFJlbmRlcmVyMixcclxuICAgIGNhY2hlU2VydmljZTogQ2FjaGVTZXJ2aWNlLFxyXG4gICAgQEluamVjdChET0NVTUVOVCkgZG9jdW1lbnQ6IERvY3VtZW50KVxyXG4gIHtcclxuICAgIHN1cGVyKHJlbmRlcmVyLCBjYWNoZVNlcnZpY2UsIGRvY3VtZW50KTtcclxuXHJcbiAgICAvL2RlZmF1bHQgcmVtZW1iZXJXaWR0aCB0byB0cnVlIGZvciBzdGFuZGFyZCByZXNpemFibGUsIHJlc2l6YWJsZSB0YWJsZXMgZGVmYXVsdCB0byBmYWxzZVxyXG4gICAgdGhpcy5yZW1lbWJlcldpZHRoID0gdHJ1ZTtcclxuICB9XHJcblxyXG4gIC8qKiBTdG9yZSB0aGUgaG9zdCBlbGVtZW50IHRvIHJlZmVyZW5jZSBsYXRlciAqL1xyXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuY3VycmVudEVsID0gdGhpcy5lbC5uYXRpdmVFbGVtZW50O1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogU2V0IHRoZSBuZXcgd2lkdGggb2YgdGhlIGVsZW1lbnQgYW5kIGVtaXQgdGhlIG5ldyB3aWR0aCB0byBzdWJzY3JpYmVyc1xyXG4gICAqL1xyXG4gIHByb3RlY3RlZCBzZXRXaWR0aCh3aWR0aDogbnVtYmVyKTogdm9pZCB7XHJcbiAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRoaXMuY3VycmVudEVsLCAnd2lkdGgnLCB3aWR0aCArICdweCcpO1xyXG4gICAgdGhpcy5zYXZlV2lkdGhzKFt3aWR0aF0pO1xyXG4gIH1cclxuXHJcbiAgLyoqQ2FsbGVkIGZyb20gdGhlIGJhc2UgY2xhc3Mgd2hlbiBjYWNoZWQgd2lkdGhzIGFyZSBhdmFpbGFibGUgYW5kIHJlc3RvcmluZ1xyXG4gICAqIHdpZHRoIGlzIGVuYWJsZWQuIFdlIG9ubHkgY2FyZSBhYm91dCB0aGUgZmlyc3Qgb25lIGJlY2F1c2Ugd2Ugb25seSBoYXZlIG9uZSB3aWR0aFxyXG4gICAqL1xyXG4gIHByb3RlY3RlZCByZXN0b3JlV2lkdGhzKHdpZHRoczogbnVtYmVyW10pe1xyXG4gICAgdGhpcy5zZXRXaWR0aCh3aWR0aHNbMF0pO1xyXG4gIH1cclxufVxyXG4iXX0=
|
@@ -1,12 +0,0 @@
|
|
1
|
-
import { Component } from '@angular/core';
|
2
|
-
import * as i0 from "@angular/core";
|
3
|
-
/** Exposes the markup and styles that represent the spinner. No inputs or outputs defined because it is just a visual component*/
|
4
|
-
export class SpinnerComponent {
|
5
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
6
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SpinnerComponent, selector: "ec-spinner", ngImport: i0, template: "<div class=\"spinner\">\r\n <span class=\"spinner-dot\"></span>\r\n <span class=\"spinner-dot\"></span>\r\n <span class=\"spinner-dot\"></span>\r\n <span class=\"spinner-dot\"></span>\r\n</div>", styles: ["@keyframes sk-bouncedelay{0%,80%,to{opacity:0}40%{opacity:1}}.spinner{display:flex}.spinner-dot{width:.75rem;height:.75rem;background-color:var(--ec-spinner-color, var(--ec-color-purple-5));animation:sk-bouncedelay 1.7s infinite ease-in-out both;margin-right:.25rem}.spinner-dot:nth-child(1){animation-delay:-.6s}.spinner-dot:nth-child(2){animation-delay:-.4s}.spinner-dot:nth-child(3){animation-delay:-.2s}:host(.spinner-small) .spinner-dot{width:.5rem;height:.5rem;background-color:var(--ec-spinner-color, var(--ec-color-purple-5));animation:sk-bouncedelay 1.7s infinite ease-in-out both;margin-right:.1666666667rem}:host(.spinner-small) .spinner-dot:nth-child(1){animation-delay:-.6s}:host(.spinner-small) .spinner-dot:nth-child(2){animation-delay:-.4s}:host(.spinner-small) .spinner-dot:nth-child(3){animation-delay:-.2s}\n"] }); }
|
7
|
-
}
|
8
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SpinnerComponent, decorators: [{
|
9
|
-
type: Component,
|
10
|
-
args: [{ selector: 'ec-spinner', template: "<div class=\"spinner\">\r\n <span class=\"spinner-dot\"></span>\r\n <span class=\"spinner-dot\"></span>\r\n <span class=\"spinner-dot\"></span>\r\n <span class=\"spinner-dot\"></span>\r\n</div>", styles: ["@keyframes sk-bouncedelay{0%,80%,to{opacity:0}40%{opacity:1}}.spinner{display:flex}.spinner-dot{width:.75rem;height:.75rem;background-color:var(--ec-spinner-color, var(--ec-color-purple-5));animation:sk-bouncedelay 1.7s infinite ease-in-out both;margin-right:.25rem}.spinner-dot:nth-child(1){animation-delay:-.6s}.spinner-dot:nth-child(2){animation-delay:-.4s}.spinner-dot:nth-child(3){animation-delay:-.2s}:host(.spinner-small) .spinner-dot{width:.5rem;height:.5rem;background-color:var(--ec-spinner-color, var(--ec-color-purple-5));animation:sk-bouncedelay 1.7s infinite ease-in-out both;margin-right:.1666666667rem}:host(.spinner-small) .spinner-dot:nth-child(1){animation-delay:-.6s}:host(.spinner-small) .spinner-dot:nth-child(2){animation-delay:-.4s}:host(.spinner-small) .spinner-dot:nth-child(3){animation-delay:-.2s}\n"] }]
|
11
|
-
}] });
|
12
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3NyYy9saWIvZGlzcGxheS9zcGlubmVyL3NwaW5uZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy9zcmMvbGliL2Rpc3BsYXkvc3Bpbm5lci9zcGlubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUTFDLGtJQUFrSTtBQUNsSSxNQUFNLE9BQU8sZ0JBQWdCOytHQUFoQixnQkFBZ0I7bUdBQWhCLGdCQUFnQixrRENUN0IsdU1BS007OzRGRElPLGdCQUFnQjtrQkFQNUIsU0FBUzsrQkFDRSxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2VjLXNwaW5uZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zcGlubmVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zcGlubmVyLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuXHJcbi8qKiBFeHBvc2VzIHRoZSBtYXJrdXAgYW5kIHN0eWxlcyB0aGF0IHJlcHJlc2VudCB0aGUgc3Bpbm5lci4gTm8gaW5wdXRzIG9yIG91dHB1dHMgZGVmaW5lZCBiZWNhdXNlIGl0IGlzIGp1c3QgYSB2aXN1YWwgY29tcG9uZW50Ki9cclxuZXhwb3J0IGNsYXNzIFNwaW5uZXJDb21wb25lbnQgeyB9XHJcbiIsIjxkaXYgY2xhc3M9XCJzcGlubmVyXCI+XHJcbiAgPHNwYW4gY2xhc3M9XCJzcGlubmVyLWRvdFwiPjwvc3Bhbj5cclxuICA8c3BhbiBjbGFzcz1cInNwaW5uZXItZG90XCI+PC9zcGFuPlxyXG4gIDxzcGFuIGNsYXNzPVwic3Bpbm5lci1kb3RcIj48L3NwYW4+XHJcbiAgPHNwYW4gY2xhc3M9XCJzcGlubmVyLWRvdFwiPjwvc3Bhbj5cclxuPC9kaXY+Il19
|
@@ -1,42 +0,0 @@
|
|
1
|
-
import { Component } from '@angular/core';
|
2
|
-
import { Subject, timer } from 'rxjs';
|
3
|
-
import { takeUntil, tap } from 'rxjs/operators';
|
4
|
-
import * as i0 from "@angular/core";
|
5
|
-
import * as i1 from "./splash.service";
|
6
|
-
export class SplashComponent {
|
7
|
-
constructor(splashService) {
|
8
|
-
this.splashService = splashService;
|
9
|
-
/** Sets the visibility of the splash display */
|
10
|
-
this.isVisible = true;
|
11
|
-
this.stopAnimation = false;
|
12
|
-
/** Emits when the service is destroyed */
|
13
|
-
this.destroyed = new Subject();
|
14
|
-
}
|
15
|
-
ngOnInit() {
|
16
|
-
this.splashService.splashVisibility.pipe(takeUntil(this.destroyed), tap(async (value) => {
|
17
|
-
if (value) {
|
18
|
-
this.stopAnimation = false;
|
19
|
-
}
|
20
|
-
else {
|
21
|
-
// Prevent animation from continuing after splash screen is hidden
|
22
|
-
// but if we hide it then show while the timer is running, don't stop the animation after all
|
23
|
-
timer(1000).pipe(takeUntil(this.splashService.splashVisibility)).subscribe(() => {
|
24
|
-
this.stopAnimation = true;
|
25
|
-
});
|
26
|
-
}
|
27
|
-
})).subscribe(showSplash => {
|
28
|
-
this.isVisible = showSplash;
|
29
|
-
});
|
30
|
-
}
|
31
|
-
ngOnDestroy() {
|
32
|
-
this.destroyed.next();
|
33
|
-
this.destroyed.unsubscribe();
|
34
|
-
}
|
35
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SplashComponent, deps: [{ token: i1.SplashService }], target: i0.ɵɵFactoryTarget.Component }); }
|
36
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SplashComponent, selector: "ec-splash", ngImport: i0, template: "<div class=\"app-splash\" [class.app-loaded]=\"!isVisible\">\r\n <img src=\"/assets/images/splash.gif\">\r\n</div>" }); }
|
37
|
-
}
|
38
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SplashComponent, decorators: [{
|
39
|
-
type: Component,
|
40
|
-
args: [{ selector: 'ec-splash', template: "<div class=\"app-splash\" [class.app-loaded]=\"!isVisible\">\r\n <img src=\"/assets/images/splash.gif\">\r\n</div>" }]
|
41
|
-
}], ctorParameters: () => [{ type: i1.SplashService }] });
|
42
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BsYXNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9kaXNwbGF5L3NwbGFzaC9zcGxhc2guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy9zcmMvbGliL2Rpc3BsYXkvc3BsYXNoL3NwbGFzaC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUM3RCxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUV0QyxPQUFPLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7QUFNaEQsTUFBTSxPQUFPLGVBQWU7SUFRMUIsWUFBb0IsYUFBNEI7UUFBNUIsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFQaEQsZ0RBQWdEO1FBQ3pDLGNBQVMsR0FBWSxJQUFJLENBQUM7UUFDMUIsa0JBQWEsR0FBWSxLQUFLLENBQUM7UUFFdEMsMENBQTBDO1FBQ2xDLGNBQVMsR0FBa0IsSUFBSSxPQUFPLEVBQUUsQ0FBQztJQUVHLENBQUM7SUFFckQsUUFBUTtRQUNOLElBQUksQ0FBQyxhQUFhLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUN0QyxTQUFTLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxFQUN6QixHQUFHLENBQUMsS0FBSyxFQUFDLEtBQUssRUFBQyxFQUFFO1lBQ2hCLElBQUksS0FBSyxFQUFFLENBQUM7Z0JBQ1YsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUM7WUFDN0IsQ0FBQztpQkFBTSxDQUFDO2dCQUNOLGtFQUFrRTtnQkFDbEUsNkZBQTZGO2dCQUM3RixLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsR0FBRSxFQUFFO29CQUM3RSxJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQztnQkFDNUIsQ0FBQyxDQUFDLENBQUM7WUFDTCxDQUFDO1FBQ0gsQ0FBQyxDQUFDLENBQ0gsQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLEVBQUU7WUFDdkIsSUFBSSxDQUFDLFNBQVMsR0FBRyxVQUFVLENBQUM7UUFDOUIsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDdEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUMvQixDQUFDOytHQWhDVSxlQUFlO21HQUFmLGVBQWUsaURDVDVCLHVIQUVNOzs0RkRPTyxlQUFlO2tCQUozQixTQUFTOytCQUNFLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgT25EZXN0cm95IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFN1YmplY3QsIHRpbWVyIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IFNwbGFzaFNlcnZpY2UgfSBmcm9tICcuL3NwbGFzaC5zZXJ2aWNlJztcclxuaW1wb3J0IHsgdGFrZVVudGlsLCB0YXAgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2VjLXNwbGFzaCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NwbGFzaC5jb21wb25lbnQuaHRtbCdcclxufSlcclxuZXhwb3J0IGNsYXNzIFNwbGFzaENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcclxuICAvKiogU2V0cyB0aGUgdmlzaWJpbGl0eSBvZiB0aGUgc3BsYXNoIGRpc3BsYXkgKi9cclxuICBwdWJsaWMgaXNWaXNpYmxlOiBib29sZWFuID0gdHJ1ZTtcclxuICBwdWJsaWMgc3RvcEFuaW1hdGlvbjogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICAvKiogRW1pdHMgd2hlbiB0aGUgc2VydmljZSBpcyBkZXN0cm95ZWQgKi9cclxuICBwcml2YXRlIGRlc3Ryb3llZDogU3ViamVjdDx2b2lkPiA9IG5ldyBTdWJqZWN0KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgc3BsYXNoU2VydmljZTogU3BsYXNoU2VydmljZSkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5zcGxhc2hTZXJ2aWNlLnNwbGFzaFZpc2liaWxpdHkucGlwZShcclxuICAgICAgdGFrZVVudGlsKHRoaXMuZGVzdHJveWVkKSxcclxuICAgICAgdGFwKGFzeW5jIHZhbHVlID0+IHtcclxuICAgICAgICBpZiAodmFsdWUpIHtcclxuICAgICAgICAgIHRoaXMuc3RvcEFuaW1hdGlvbiA9IGZhbHNlO1xyXG4gICAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgICAvLyBQcmV2ZW50IGFuaW1hdGlvbiBmcm9tIGNvbnRpbnVpbmcgYWZ0ZXIgc3BsYXNoIHNjcmVlbiBpcyBoaWRkZW5cclxuICAgICAgICAgIC8vIGJ1dCBpZiB3ZSBoaWRlIGl0IHRoZW4gc2hvdyB3aGlsZSB0aGUgdGltZXIgaXMgcnVubmluZywgZG9uJ3Qgc3RvcCB0aGUgYW5pbWF0aW9uIGFmdGVyIGFsbFxyXG4gICAgICAgICAgdGltZXIoMTAwMCkucGlwZSh0YWtlVW50aWwodGhpcy5zcGxhc2hTZXJ2aWNlLnNwbGFzaFZpc2liaWxpdHkpKS5zdWJzY3JpYmUoKCk9PntcclxuICAgICAgICAgICAgdGhpcy5zdG9wQW5pbWF0aW9uID0gdHJ1ZTtcclxuICAgICAgICAgIH0pO1xyXG4gICAgICAgIH1cclxuICAgICAgfSlcclxuICAgICkuc3Vic2NyaWJlKHNob3dTcGxhc2ggPT4ge1xyXG4gICAgICB0aGlzLmlzVmlzaWJsZSA9IHNob3dTcGxhc2g7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCkge1xyXG4gICAgdGhpcy5kZXN0cm95ZWQubmV4dCgpO1xyXG4gICAgdGhpcy5kZXN0cm95ZWQudW5zdWJzY3JpYmUoKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImFwcC1zcGxhc2hcIiBbY2xhc3MuYXBwLWxvYWRlZF09XCIhaXNWaXNpYmxlXCI+XHJcbiAgICA8aW1nIHNyYz1cIi9hc3NldHMvaW1hZ2VzL3NwbGFzaC5naWZcIj5cclxuPC9kaXY+Il19
|
@@ -1,35 +0,0 @@
|
|
1
|
-
import { Injectable } from '@angular/core';
|
2
|
-
import { Subject } from 'rxjs';
|
3
|
-
import * as i0 from "@angular/core";
|
4
|
-
export class SplashService {
|
5
|
-
constructor() {
|
6
|
-
/** Used to interact with the splash component
|
7
|
-
* The splash component will subscribe to this and any components
|
8
|
-
* that wish to bring the splash visible can use this to communicate
|
9
|
-
* with the splash component.
|
10
|
-
*/
|
11
|
-
this._splashVisibility = new Subject();
|
12
|
-
this.splashVisibility = this._splashVisibility;
|
13
|
-
}
|
14
|
-
/**
|
15
|
-
* Shows the splash screen
|
16
|
-
*/
|
17
|
-
showSplash() {
|
18
|
-
this._splashVisibility.next(true);
|
19
|
-
}
|
20
|
-
/**
|
21
|
-
* Hides the splash screen
|
22
|
-
*/
|
23
|
-
hideSplash() {
|
24
|
-
this._splashVisibility.next(false);
|
25
|
-
}
|
26
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SplashService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
27
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SplashService, providedIn: 'root' }); }
|
28
|
-
}
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SplashService, decorators: [{
|
30
|
-
type: Injectable,
|
31
|
-
args: [{
|
32
|
-
providedIn: 'root'
|
33
|
-
}]
|
34
|
-
}], ctorParameters: () => [] });
|
35
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BsYXNoLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3NyYy9saWIvZGlzcGxheS9zcGxhc2gvc3BsYXNoLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUUsT0FBTyxFQUFjLE1BQU0sTUFBTSxDQUFDOztBQUszQyxNQUFNLE9BQU8sYUFBYTtJQVN4QjtRQVJBOzs7O1dBSUc7UUFDSyxzQkFBaUIsR0FBcUIsSUFBSSxPQUFPLEVBQUUsQ0FBQztRQUNyRCxxQkFBZ0IsR0FBd0IsSUFBSSxDQUFDLGlCQUFpQixDQUFDO0lBRXRELENBQUM7SUFFakI7O09BRUc7SUFDSSxVQUFVO1FBQ2YsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRUQ7O09BRUc7SUFDSSxVQUFVO1FBQ2YsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNyQyxDQUFDOytHQXZCVSxhQUFhO21IQUFiLGFBQWEsY0FGWixNQUFNOzs0RkFFUCxhQUFhO2tCQUh6QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU3ViamVjdCwgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xyXG5cclxuQEluamVjdGFibGUoe1xyXG4gIHByb3ZpZGVkSW46ICdyb290J1xyXG59KVxyXG5leHBvcnQgY2xhc3MgU3BsYXNoU2VydmljZSB7XHJcbiAgLyoqIFVzZWQgdG8gaW50ZXJhY3Qgd2l0aCB0aGUgc3BsYXNoIGNvbXBvbmVudFxyXG4gICAqICBUaGUgc3BsYXNoIGNvbXBvbmVudCB3aWxsIHN1YnNjcmliZSB0byB0aGlzIGFuZCBhbnkgY29tcG9uZW50c1xyXG4gICAqICB0aGF0IHdpc2ggdG8gYnJpbmcgdGhlIHNwbGFzaCB2aXNpYmxlIGNhbiB1c2UgdGhpcyB0byBjb21tdW5pY2F0ZVxyXG4gICAqICB3aXRoIHRoZSBzcGxhc2ggY29tcG9uZW50LlxyXG4gICAqL1xyXG4gIHByaXZhdGUgX3NwbGFzaFZpc2liaWxpdHk6IFN1YmplY3Q8Ym9vbGVhbj4gPSBuZXcgU3ViamVjdCgpO1xyXG4gIHB1YmxpYyBzcGxhc2hWaXNpYmlsaXR5OiBPYnNlcnZhYmxlPGJvb2xlYW4+ID0gdGhpcy5fc3BsYXNoVmlzaWJpbGl0eTtcclxuICBcclxuICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICAvKipcclxuICAgKiBTaG93cyB0aGUgc3BsYXNoIHNjcmVlblxyXG4gICAqL1xyXG4gIHB1YmxpYyBzaG93U3BsYXNoKCk6IHZvaWQge1xyXG4gICAgdGhpcy5fc3BsYXNoVmlzaWJpbGl0eS5uZXh0KHRydWUpO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogSGlkZXMgdGhlIHNwbGFzaCBzY3JlZW5cclxuICAgKi9cclxuICBwdWJsaWMgaGlkZVNwbGFzaCgpOiB2b2lkIHtcclxuICAgIHRoaXMuX3NwbGFzaFZpc2liaWxpdHkubmV4dChmYWxzZSk7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|