@datarailsshared/datarailsshared 1.4.569 → 1.5.1
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/assets/styles/_storybook-styles.scss +37 -0
- package/assets/styles/_styles.scss +9 -2
- package/assets/styles/colors.scss +88 -74
- package/assets/styles/dataRailsFont.scss +1 -1
- package/assets/styles/dialog.scss +22 -0
- package/assets/styles/icons.scss +1 -1
- package/assets/styles/mixins.scss +106 -6
- package/assets/styles/vars.scss +6 -4
- package/datarailsshared-datarailsshared-1.5.1.tgz +0 -0
- package/esm2022/datarailsshared-datarailsshared.mjs +5 -0
- package/esm2022/lib/date-tags/any-tag.component.mjs +42 -0
- package/esm2022/lib/date-tags/date-tag.component.mjs +126 -0
- package/esm2022/lib/date-tags/date-tag.module.mjs +53 -0
- package/esm2022/lib/date-tags/day-tag/day-tag.component.mjs +95 -0
- package/esm2022/lib/date-tags/forecast-tag/forecast-tag.component.mjs +222 -0
- package/esm2022/lib/date-tags/forecast-tag/forecast-tag.service.mjs +87 -0
- package/esm2022/lib/date-tags/month-tag/month-tag.component.mjs +98 -0
- package/esm2022/lib/date-tags/quarter-tag/quarter-tag.component.mjs +126 -0
- package/esm2022/lib/date-tags/week-tag/week-tag.component.mjs +102 -0
- package/esm2022/lib/date-tags/year-tag/year-tag.component.mjs +96 -0
- package/esm2022/lib/directives/click-outside/click-outside.directive.mjs +92 -0
- package/esm2022/lib/directives/click-outside/click-outside.module.mjs +19 -0
- package/esm2022/lib/directives/dr-shine-animation/dr-shine-animation.directive.mjs +63 -0
- package/esm2022/lib/directives/let/let.directive.mjs +35 -0
- package/esm2022/lib/directives/ng-track-by-property/ng-track-by-property.directive.mjs +23 -0
- package/esm2022/lib/dr-accordion/accordion-item-body.component.mjs +61 -0
- package/esm2022/lib/dr-accordion/accordion-item-header.component.mjs +154 -0
- package/esm2022/lib/dr-accordion/accordion-item.component.mjs +143 -0
- package/esm2022/lib/dr-accordion/accordion.component.mjs +55 -0
- package/esm2022/lib/dr-accordion/accordion.module.mjs +35 -0
- package/esm2022/lib/dr-alert/dr-alert.component.mjs +64 -0
- package/esm2022/lib/dr-alert/dr-alert.module.mjs +20 -0
- package/{esm2015/lib/dr-alert/enums/dr-alert-theme.enum.js → esm2022/lib/dr-alert/enums/dr-alert-theme.enum.mjs} +1 -2
- package/esm2022/lib/dr-avatar/dr-avatar.component.mjs +142 -0
- package/esm2022/lib/dr-avatar/dr-avatar.module.mjs +21 -0
- package/esm2022/lib/dr-avatar/dr-avatar.pipe.mjs +20 -0
- package/esm2022/lib/dr-avatar/services/dr-avatar.service.mjs +17 -0
- package/esm2022/lib/dr-avatar/types.mjs +2 -0
- package/esm2022/lib/dr-badge-status/dr-badge-status.component.mjs +53 -0
- package/esm2022/lib/dr-badge-status/dr-badge-status.module.mjs +21 -0
- package/esm2022/lib/dr-chat/chat.component.mjs +202 -0
- package/esm2022/lib/dr-chat/chat.module.mjs +81 -0
- package/esm2022/lib/dr-chat/dr-chat-alert/dr-chat-alert.component.mjs +31 -0
- package/esm2022/lib/dr-chat/dr-chat-form/chat-form.component.mjs +273 -0
- package/esm2022/lib/dr-chat/dr-chat-form-with-history/chat-form-with-history.component.mjs +380 -0
- package/esm2022/lib/dr-chat/dr-chat-message/chat-message.component.mjs +185 -0
- package/esm2022/lib/dr-chat/dr-chat-message/dr-chat-message-custom/chat-custom-message.directive.mjs +47 -0
- package/esm2022/lib/dr-chat/dr-chat-message/dr-chat-message-custom/chat-custom-message.service.mjs +26 -0
- package/esm2022/lib/dr-chat/dr-chat-message/dr-chat-message-file/chat-message-file.component.mjs +78 -0
- package/esm2022/lib/dr-chat/dr-chat-message/dr-chat-message-text/chat-message-text.component.mjs +30 -0
- package/esm2022/lib/dr-chat/dr-chat-suggestions/chat-suggestions.component.mjs +187 -0
- package/esm2022/lib/dr-chat/dr-dot-flashing/dr-dot-flashing.component.mjs +14 -0
- package/esm2022/lib/dr-chip/dr-chip.component.mjs +58 -0
- package/esm2022/lib/dr-code-editor/components/code-editor-hint-wrapper.component.mjs +19 -0
- package/esm2022/lib/dr-code-editor/components/dr-codemirror.component.mjs +204 -0
- package/esm2022/lib/dr-code-editor/dr-code-editor.component.mjs +326 -0
- package/esm2022/lib/dr-code-editor/dr-code-editor.module.mjs +29 -0
- package/esm2022/lib/dr-code-editor/models/code-editor-hint.mjs +6 -0
- package/esm2022/lib/dr-details-list/dr-details-list.component.mjs +106 -0
- package/esm2022/lib/dr-details-list/dr-details-list.module.mjs +20 -0
- package/esm2022/lib/dr-dialog/components/dialog-modal-wrapper/dialog-modal-wrapper.component.mjs +339 -0
- package/esm2022/lib/dr-dialog/components/dialog-wrapper/dialog-wrapper.component.mjs +238 -0
- package/esm2022/lib/dr-dialog/dialog.module.mjs +27 -0
- package/esm2022/lib/dr-dialog/interfaces/dialog-data.mjs +27 -0
- package/esm2022/lib/dr-dialog/services/dialog.service.mjs +77 -0
- package/esm2022/lib/dr-dropdown/dr-dropdown-item/dr-dropdown-item.component.mjs +29 -0
- package/esm2022/lib/dr-dropdown/dr-dropdown-item-show.pipe.mjs +16 -0
- package/esm2022/lib/dr-dropdown/dr-dropdown.component.mjs +248 -0
- package/esm2022/lib/dr-dropdown/dr-dropdown.directive.mjs +142 -0
- package/esm2022/lib/dr-dropdown/dr-dropdown.module.mjs +41 -0
- package/esm2022/lib/dr-dropdown/dr-dropdown.service.mjs +62 -0
- package/esm2022/lib/dr-dynamic-tag/dr-dynamic-tag.component.mjs +203 -0
- package/esm2022/lib/dr-dynamic-tag/dr-dynamic-tag.module.mjs +21 -0
- package/esm2022/lib/dr-error/dr-error.component.mjs +90 -0
- package/esm2022/lib/dr-error/dr-error.module.mjs +22 -0
- package/esm2022/lib/dr-inputs/button/button.component.mjs +101 -0
- package/esm2022/lib/dr-inputs/checkbox/checkbox.component.mjs +110 -0
- package/esm2022/lib/dr-inputs/date-pickers/directives/dr-date-picker-format.directive.mjs +55 -0
- package/esm2022/lib/dr-inputs/date-pickers/dr-date-picker/dr-date-picker.component.mjs +400 -0
- package/esm2022/lib/dr-inputs/date-pickers/dr-date-picker-range/dr-date-picker-range.component.mjs +157 -0
- package/esm2022/lib/dr-inputs/date-pickers/dr-date-picker-with-timeframe/dr-date-picker-with-timeframe.component.mjs +269 -0
- package/esm2022/lib/dr-inputs/date-pickers/dr-date-picker_custom-header/dr-date-picker_custom-header.component.mjs +326 -0
- package/esm2022/lib/dr-inputs/date-pickers/dr-show-timeframe.pipe.mjs +16 -0
- package/esm2022/lib/dr-inputs/date-pickers/services/dr-date-picker.service.mjs +224 -0
- package/esm2022/lib/dr-inputs/date-pickers/services/week-selection-strategy.mjs +34 -0
- package/esm2022/lib/dr-inputs/date-pickers/week-selector/week-selector.component.mjs +91 -0
- package/esm2022/lib/dr-inputs/dr-input/dr-input.component.mjs +336 -0
- package/esm2022/lib/dr-inputs/dr-inputs.module.mjs +128 -0
- package/esm2022/lib/dr-inputs/dr-link/dr-link.component.mjs +43 -0
- package/esm2022/lib/dr-inputs/dr-model-debounce-change.directive.mjs +37 -0
- package/esm2022/lib/dr-inputs/dr-select/dr-select.component.mjs +391 -0
- package/esm2022/lib/dr-inputs/dr-select-add-item/dr-select-add-item.component.mjs +138 -0
- package/esm2022/lib/dr-inputs/dr-slider/dr-slider.component.mjs +53 -0
- package/esm2022/lib/dr-inputs/dr-toggle/dr-toggle.component.mjs +108 -0
- package/esm2022/lib/dr-inputs/dr-toggle-button/dr-toggle-button.component.mjs +108 -0
- package/esm2022/lib/dr-inputs/radio-button/radio-button.component.mjs +88 -0
- package/esm2022/lib/dr-inputs/radio-button/radio-group.component.mjs +185 -0
- package/esm2022/lib/dr-layout/dr-layout-body.component.mjs +19 -0
- package/esm2022/lib/dr-layout/dr-layout-header.component.mjs +25 -0
- package/esm2022/lib/dr-layout/dr-layout.component.mjs +21 -0
- package/esm2022/lib/dr-layout/dr-layout.module.mjs +22 -0
- package/esm2022/lib/dr-popover/dr-popover-ref.mjs +23 -0
- package/esm2022/lib/dr-popover/dr-popover.component.mjs +155 -0
- package/esm2022/lib/dr-popover/dr-popover.directive.mjs +137 -0
- package/esm2022/lib/dr-popover/dr-popover.module.mjs +20 -0
- package/esm2022/lib/dr-popover/dr-popover.service.mjs +117 -0
- package/esm2022/lib/dr-scenario/components/dr-scenario-configuration/dr-scenario-configuration.component.mjs +104 -0
- package/esm2022/lib/dr-scenario/components/dr-scenario-tag-configuration/dr-scenario-tag-configuration.component.mjs +100 -0
- package/esm2022/lib/dr-scenario/consts/scenario-tags-config.mjs +87 -0
- package/esm2022/lib/dr-scenario/dr-scenario.module.mjs +27 -0
- package/esm2022/lib/dr-scenario/services/scenario.service.mjs +195 -0
- package/esm2022/lib/dr-spinner/dr-spinner.component.mjs +27 -0
- package/esm2022/lib/dr-spinner/dr-spinner.directive.mjs +66 -0
- package/esm2022/lib/dr-spinner/dr-spinner.module.mjs +22 -0
- package/esm2022/lib/dr-tabs/dr-tab.component.mjs +47 -0
- package/esm2022/lib/dr-tabs/dr-tabs.component.mjs +252 -0
- package/esm2022/lib/dr-tabs/dr-tabs.module.mjs +25 -0
- package/esm2022/lib/dr-tags/dr-tag.component.mjs +235 -0
- package/esm2022/lib/dr-tags/dr-tag.module.mjs +23 -0
- package/esm2022/lib/dr-tags-constructor/dr-tags-constructor.component.mjs +161 -0
- package/esm2022/lib/dr-tags-constructor/dr-tags-constructor.module.mjs +24 -0
- package/esm2022/lib/dr-tags-constructor/tags-constructor.service.mjs +71 -0
- package/esm2022/lib/dr-toastr/default-toastr/default-toastr.component.mjs +73 -0
- package/esm2022/lib/dr-toastr/dr-toastr.module.mjs +31 -0
- package/esm2022/lib/dr-toastr/dr-toastr.service.mjs +44 -0
- package/esm2022/lib/dr-tooltip/components/tooltip-default/tooltip-default.component.mjs +31 -0
- package/esm2022/lib/dr-tooltip/components/tooltip-info/tooltip-info.component.mjs +82 -0
- package/esm2022/lib/dr-tooltip/dr-tooltip.component.mjs +86 -0
- package/esm2022/lib/dr-tooltip/dr-tooltip.directive.mjs +194 -0
- package/esm2022/lib/dr-tooltip/dr-tooltip.module.mjs +24 -0
- package/esm2022/lib/dr-tooltip/interfaces/tooltip-component-context.mjs +14 -0
- package/esm2022/lib/dr-treeview/components/treeview/treeview.component.mjs +407 -0
- package/esm2022/lib/dr-treeview/components/treeview-item/treeview-item.component.mjs +97 -0
- package/esm2022/lib/dr-treeview/dr-tree-view.module.mjs +31 -0
- package/esm2022/lib/dr-treeview/helpers/treeview-event-parser.mjs +108 -0
- package/esm2022/lib/dr-treeview/helpers/treeview-helper.mjs +82 -0
- package/esm2022/lib/dr-treeview/models/treeview-config.mjs +25 -0
- package/{esm2015/lib/dr-treeview/models/treeview-header-template-context.js → esm2022/lib/dr-treeview/models/treeview-header-template-context.mjs} +1 -1
- package/esm2022/lib/dr-treeview/models/treeview-i18n.mjs +47 -0
- package/{esm2015/lib/dr-treeview/models/treeview-item-template-context.js → esm2022/lib/dr-treeview/models/treeview-item-template-context.mjs} +1 -1
- package/esm2022/lib/dr-treeview/models/treeview-item.mjs +155 -0
- package/esm2022/lib/dr-treeview/pipes/treeview.pipe.mjs +21 -0
- package/esm2022/lib/drawer/drawer-animation.mjs +18 -0
- package/esm2022/lib/drawer/drawer-config.mjs +35 -0
- package/esm2022/lib/drawer/drawer-container.component.mjs +179 -0
- package/esm2022/lib/drawer/drawer-position-strategy.mjs +14 -0
- package/esm2022/lib/drawer/drawer-ref.mjs +106 -0
- package/esm2022/lib/drawer/drawer.module.mjs +19 -0
- package/esm2022/lib/drawer/drawer.service.mjs +140 -0
- package/esm2022/lib/drawer/public-api.mjs +6 -0
- package/esm2022/lib/image-cropper/dr-image-cropper-canvas.service.mjs +78 -0
- package/esm2022/lib/image-cropper/dr-image-cropper.component.mjs +133 -0
- package/esm2022/lib/image-cropper/dr-image-cropper.types.mjs +6 -0
- package/esm2022/lib/list-tags/list-tag.component.mjs +82 -0
- package/esm2022/lib/list-tags/list-tag.module.mjs +22 -0
- package/esm2022/lib/models/chat.mjs +36 -0
- package/{esm2015/lib/models/constants.js → esm2022/lib/models/constants.mjs} +17 -22
- package/{esm2015/lib/models/datePicker.js → esm2022/lib/models/datePicker.mjs} +2 -2
- package/esm2022/lib/models/datePickerRange.mjs +2 -0
- package/esm2022/lib/models/dropdown.mjs +2 -0
- package/{esm2015/lib/models/feedback.js → esm2022/lib/models/feedback.mjs} +1 -2
- package/esm2022/lib/models/popover.mjs +27 -0
- package/{esm2015/lib/models/serverTags.js → esm2022/lib/models/serverTags.mjs} +1 -1
- package/esm2022/lib/models/spinnerOptions.mjs +2 -0
- package/esm2022/lib/models/toastr.mjs +14 -0
- package/esm2022/lib/pipes/filter/filter.pipe.mjs +48 -0
- package/esm2022/lib/pipes/img/img.pipe.mjs +19 -0
- package/esm2022/lib/stepper/stepper.component.mjs +270 -0
- package/esm2022/lib/stepper/stepper.module.mjs +20 -0
- package/esm2022/lib/utils/data-analytics.service.mjs +21 -0
- package/esm2022/lib/utils/decorators.mjs +12 -0
- package/esm2022/lib/utils/dr-shared-utils.mjs +85 -0
- package/esm2022/public-api.mjs +156 -0
- package/esm2022/src/lib/drawer/drDrawer.mjs +5 -0
- package/esm2022/src/lib/drawer/drawer-animation.mjs +18 -0
- package/esm2022/src/lib/drawer/drawer-config.mjs +35 -0
- package/esm2022/src/lib/drawer/drawer-container.component.mjs +179 -0
- package/esm2022/src/lib/drawer/drawer-position-strategy.mjs +14 -0
- package/esm2022/src/lib/drawer/drawer-ref.mjs +106 -0
- package/esm2022/src/lib/drawer/drawer.module.mjs +19 -0
- package/esm2022/src/lib/drawer/drawer.service.mjs +140 -0
- package/esm2022/src/lib/drawer/public-api.mjs +6 -0
- package/fesm2022/datarailsshared-datarailsshared.mjs +13716 -0
- package/fesm2022/datarailsshared-datarailsshared.mjs.map +1 -0
- package/fesm2022/drDrawer.mjs +496 -0
- package/fesm2022/drDrawer.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/date-tags/any-tag.component.d.ts +20 -0
- package/lib/date-tags/date-tag.component.d.ts +4 -16
- package/lib/date-tags/date-tag.module.d.ts +19 -2
- package/lib/date-tags/day-tag/day-tag.component.d.ts +4 -1
- package/lib/date-tags/forecast-tag/forecast-tag.component.d.ts +4 -1
- package/lib/date-tags/forecast-tag/forecast-tag.service.d.ts +11 -8
- package/lib/date-tags/month-tag/month-tag.component.d.ts +4 -1
- package/lib/date-tags/quarter-tag/quarter-tag.component.d.ts +4 -1
- package/lib/date-tags/week-tag/week-tag.component.d.ts +4 -1
- package/lib/date-tags/year-tag/year-tag.component.d.ts +4 -1
- package/lib/directives/click-outside/click-outside.directive.d.ts +23 -0
- package/lib/directives/click-outside/click-outside.module.d.ts +8 -0
- package/lib/directives/dr-shine-animation/dr-shine-animation.directive.d.ts +18 -0
- package/lib/directives/let/let.directive.d.ts +19 -0
- package/lib/directives/ng-track-by-property/ng-track-by-property.directive.d.ts +8 -0
- package/lib/dr-accordion/accordion-item-body.component.d.ts +3 -0
- package/lib/dr-accordion/accordion-item-header.component.d.ts +14 -1
- package/lib/dr-accordion/accordion-item.component.d.ts +4 -1
- package/lib/dr-accordion/accordion.component.d.ts +5 -0
- package/lib/dr-accordion/accordion.module.d.ts +9 -0
- package/lib/dr-alert/dr-alert.component.d.ts +3 -0
- package/lib/dr-alert/dr-alert.module.d.ts +6 -0
- package/lib/dr-avatar/dr-avatar.component.d.ts +15 -13
- package/lib/dr-avatar/dr-avatar.module.d.ts +8 -0
- package/lib/dr-avatar/dr-avatar.pipe.d.ts +5 -1
- package/lib/dr-avatar/services/dr-avatar.service.d.ts +1 -1
- package/lib/dr-avatar/types.d.ts +8 -0
- package/lib/dr-badge-status/dr-badge-status.component.d.ts +5 -4
- package/lib/dr-badge-status/dr-badge-status.module.d.ts +7 -0
- package/lib/dr-chat/chat.component.d.ts +6 -7
- package/lib/dr-chat/chat.module.d.ts +20 -0
- package/lib/dr-chat/dr-chat-alert/dr-chat-alert.component.d.ts +8 -0
- package/lib/dr-chat/dr-chat-form/chat-form.component.d.ts +11 -1
- package/lib/dr-chat/dr-chat-form-with-history/chat-form-with-history.component.d.ts +81 -0
- package/lib/dr-chat/dr-chat-message/chat-message.component.d.ts +4 -0
- package/lib/dr-chat/dr-chat-message/dr-chat-message-custom/chat-custom-message.directive.d.ts +3 -0
- package/lib/dr-chat/dr-chat-message/dr-chat-message-custom/chat-custom-message.service.d.ts +3 -0
- package/lib/dr-chat/dr-chat-message/dr-chat-message-file/chat-message-file.component.d.ts +3 -0
- package/lib/dr-chat/dr-chat-message/dr-chat-message-text/chat-message-text.component.d.ts +3 -0
- package/lib/dr-chat/dr-chat-suggestions/chat-suggestions.component.d.ts +15 -2
- package/lib/dr-chat/dr-dot-flashing/dr-dot-flashing.component.d.ts +3 -0
- package/lib/dr-chip/dr-chip.component.d.ts +10 -0
- package/lib/dr-code-editor/components/code-editor-hint-wrapper.component.d.ts +7 -0
- package/lib/dr-code-editor/components/dr-codemirror.component.d.ts +47 -0
- package/lib/dr-code-editor/dr-code-editor.component.d.ts +45 -0
- package/lib/dr-code-editor/dr-code-editor.module.d.ts +17 -0
- package/lib/dr-code-editor/models/code-editor-hint.d.ts +14 -0
- package/lib/dr-details-list/dr-details-list.component.d.ts +3 -0
- package/lib/dr-details-list/dr-details-list.module.d.ts +6 -0
- package/lib/dr-dialog/components/dialog-modal-wrapper/dialog-modal-wrapper.component.d.ts +6 -5
- package/lib/dr-dialog/components/dialog-wrapper/dialog-wrapper.component.d.ts +6 -5
- package/lib/dr-dialog/dialog.module.d.ts +12 -0
- package/lib/dr-dialog/interfaces/dialog-data.d.ts +13 -9
- package/lib/dr-dialog/services/dialog.service.d.ts +10 -3
- package/lib/dr-dropdown/dr-dropdown-item/dr-dropdown-item.component.d.ts +8 -0
- package/lib/dr-dropdown/dr-dropdown-item-show.pipe.d.ts +3 -0
- package/lib/dr-dropdown/dr-dropdown.component.d.ts +28 -21
- package/lib/dr-dropdown/dr-dropdown.directive.d.ts +21 -14
- package/lib/dr-dropdown/dr-dropdown.module.d.ts +11 -0
- package/lib/dr-dropdown/dr-dropdown.service.d.ts +26 -8
- package/lib/dr-dynamic-tag/dr-dynamic-tag.component.d.ts +3 -0
- package/lib/dr-dynamic-tag/dr-dynamic-tag.module.d.ts +8 -0
- package/lib/dr-error/dr-error.component.d.ts +12 -8
- package/lib/dr-error/dr-error.module.d.ts +8 -0
- package/lib/dr-inputs/button/button.component.d.ts +6 -8
- package/lib/dr-inputs/checkbox/checkbox.component.d.ts +10 -2
- package/lib/dr-inputs/date-pickers/directives/dr-date-picker-format.directive.d.ts +3 -0
- package/lib/dr-inputs/date-pickers/dr-date-picker/dr-date-picker.component.d.ts +29 -9
- package/lib/dr-inputs/date-pickers/dr-date-picker-range/dr-date-picker-range.component.d.ts +40 -0
- package/lib/dr-inputs/date-pickers/dr-date-picker-with-timeframe/dr-date-picker-with-timeframe.component.d.ts +18 -11
- package/lib/dr-inputs/date-pickers/dr-date-picker_custom-header/dr-date-picker_custom-header.component.d.ts +11 -10
- package/lib/dr-inputs/date-pickers/dr-show-timeframe.pipe.d.ts +4 -2
- package/lib/dr-inputs/date-pickers/services/dr-date-picker.service.d.ts +22 -5
- package/lib/dr-inputs/date-pickers/services/week-selection-strategy.d.ts +12 -0
- package/lib/dr-inputs/date-pickers/week-selector/week-selector.component.d.ts +23 -0
- package/lib/dr-inputs/dr-input/dr-input.component.d.ts +35 -20
- package/lib/dr-inputs/dr-inputs.module.d.ts +30 -0
- package/lib/dr-inputs/dr-link/dr-link.component.d.ts +16 -0
- package/lib/dr-inputs/dr-model-debounce-change.directive.d.ts +4 -0
- package/lib/dr-inputs/dr-select/dr-select.component.d.ts +20 -3
- package/lib/dr-inputs/dr-select-add-item/dr-select-add-item.component.d.ts +4 -0
- package/lib/dr-inputs/dr-slider/dr-slider.component.d.ts +18 -0
- package/lib/dr-inputs/dr-toggle/dr-toggle.component.d.ts +3 -0
- package/lib/dr-inputs/dr-toggle-button/dr-toggle-button.component.d.ts +6 -1
- package/lib/dr-inputs/radio-button/radio-button.component.d.ts +3 -0
- package/lib/dr-inputs/radio-button/radio-group.component.d.ts +3 -0
- package/lib/dr-layout/dr-layout-body.component.d.ts +3 -0
- package/lib/dr-layout/dr-layout-header.component.d.ts +3 -0
- package/lib/dr-layout/dr-layout.component.d.ts +3 -0
- package/lib/dr-layout/dr-layout.module.d.ts +8 -0
- package/lib/dr-popover/dr-popover-ref.d.ts +1 -0
- package/lib/dr-popover/dr-popover.component.d.ts +8 -4
- package/lib/dr-popover/dr-popover.directive.d.ts +9 -5
- package/lib/dr-popover/dr-popover.module.d.ts +7 -0
- package/lib/dr-popover/dr-popover.service.d.ts +5 -1
- package/lib/dr-scenario/components/dr-scenario-configuration/dr-scenario-configuration.component.d.ts +3 -4
- package/lib/dr-scenario/components/dr-scenario-tag-configuration/dr-scenario-tag-configuration.component.d.ts +3 -0
- package/lib/dr-scenario/dr-scenario.module.d.ts +11 -0
- package/lib/dr-scenario/interfaces/scenario.d.ts +3 -3
- package/lib/dr-scenario/services/scenario.service.d.ts +3 -0
- package/lib/dr-spinner/dr-spinner.component.d.ts +3 -0
- package/lib/dr-spinner/dr-spinner.directive.d.ts +4 -2
- package/lib/dr-spinner/dr-spinner.module.d.ts +7 -0
- package/lib/dr-tabs/dr-tab.component.d.ts +5 -0
- package/lib/dr-tabs/dr-tabs.component.d.ts +21 -4
- package/lib/dr-tabs/dr-tabs.module.d.ts +11 -0
- package/lib/dr-tags/dr-tag.component.d.ts +3 -0
- package/lib/dr-tags/dr-tag.module.d.ts +9 -0
- package/lib/dr-tags-constructor/dr-tags-constructor.component.d.ts +33 -0
- package/lib/dr-tags-constructor/dr-tags-constructor.module.d.ts +10 -0
- package/lib/dr-tags-constructor/tags-constructor.service.d.ts +12 -0
- package/lib/dr-toastr/default-toastr/default-toastr.component.d.ts +15 -0
- package/lib/dr-toastr/dr-toastr.module.d.ts +9 -0
- package/lib/dr-toastr/dr-toastr.service.d.ts +14 -0
- package/lib/dr-tooltip/components/tooltip-default/tooltip-default.component.d.ts +9 -0
- package/lib/dr-tooltip/components/tooltip-info/tooltip-info.component.d.ts +3 -1
- package/lib/dr-tooltip/dr-tooltip.component.d.ts +4 -1
- package/lib/dr-tooltip/dr-tooltip.directive.d.ts +7 -0
- package/lib/dr-tooltip/dr-tooltip.module.d.ts +9 -0
- package/lib/dr-tooltip/interfaces/tooltip-component-context.d.ts +18 -2
- package/lib/dr-treeview/components/treeview/treeview.component.d.ts +3 -0
- package/lib/dr-treeview/components/treeview-item/treeview-item.component.d.ts +3 -0
- package/lib/dr-treeview/dr-tree-view.module.d.ts +9 -0
- package/lib/dr-treeview/helpers/treeview-event-parser.d.ts +9 -0
- package/lib/dr-treeview/models/treeview-config.d.ts +3 -0
- package/lib/dr-treeview/models/treeview-i18n.d.ts +5 -0
- package/lib/dr-treeview/models/treeview-item.d.ts +2 -1
- package/lib/dr-treeview/pipes/treeview.pipe.d.ts +3 -0
- package/lib/drawer/drawer-animation.d.ts +5 -0
- package/lib/drawer/drawer-config.d.ts +68 -0
- package/lib/drawer/drawer-container.component.d.ts +45 -0
- package/lib/drawer/drawer-position-strategy.d.ts +10 -0
- package/lib/drawer/drawer-ref.d.ts +55 -0
- package/lib/drawer/drawer.module.d.ts +7 -0
- package/lib/drawer/drawer.service.d.ts +62 -0
- package/lib/drawer/public-api.d.ts +5 -0
- package/lib/image-cropper/dr-image-cropper-canvas.service.d.ts +20 -0
- package/lib/image-cropper/dr-image-cropper.component.d.ts +28 -0
- package/lib/image-cropper/dr-image-cropper.types.d.ts +9 -0
- package/lib/list-tags/list-tag.component.d.ts +3 -0
- package/lib/list-tags/list-tag.module.d.ts +8 -0
- package/lib/models/chat.d.ts +3 -3
- package/lib/models/datePicker.d.ts +10 -3
- package/lib/models/datePickerRange.d.ts +4 -0
- package/lib/models/dropdown.d.ts +15 -21
- package/lib/models/popover.d.ts +7 -4
- package/lib/models/serverTags.d.ts +4 -4
- package/lib/models/spinnerOptions.d.ts +2 -10
- package/lib/models/toastr.d.ts +18 -0
- package/lib/pipes/filter/filter.pipe.d.ts +7 -0
- package/lib/pipes/img/img.pipe.d.ts +7 -0
- package/lib/stepper/interfaces/stepper.d.ts +1 -1
- package/lib/stepper/stepper.component.d.ts +13 -8
- package/lib/stepper/stepper.module.d.ts +7 -0
- package/lib/utils/data-analytics.service.d.ts +8 -0
- package/lib/utils/decorators.d.ts +1 -0
- package/lib/utils/dr-shared-utils.d.ts +9 -0
- package/package.json +41 -15
- package/public-api.d.ts +59 -6
- package/src/lib/drawer/drawer-animation.d.ts +5 -0
- package/src/lib/drawer/drawer-config.d.ts +68 -0
- package/src/lib/drawer/drawer-container.component.d.ts +45 -0
- package/src/lib/drawer/drawer-position-strategy.d.ts +10 -0
- package/src/lib/drawer/drawer-ref.d.ts +55 -0
- package/src/lib/drawer/drawer.module.d.ts +7 -0
- package/src/lib/drawer/drawer.service.d.ts +62 -0
- package/src/lib/drawer/index.d.ts +5 -0
- package/src/lib/drawer/public-api.d.ts +5 -0
- package/styles.css +749 -0
- package/_datarailsshared.styles.css +0 -4
- package/assets/styles/img/dr-icon-info.svg +0 -4
- package/bundles/datarailsshared-datarailsshared.umd.js +0 -8372
- package/bundles/datarailsshared-datarailsshared.umd.js.map +0 -1
- package/datarailsshared-datarailsshared-1.4.569.tgz +0 -0
- package/datarailsshared-datarailsshared.d.ts +0 -34
- package/datarailsshared-datarailsshared.metadata.json +0 -1
- package/esm2015/datarailsshared-datarailsshared.js +0 -35
- package/esm2015/lib/date-tags/date-tag.component.js +0 -74
- package/esm2015/lib/date-tags/date-tag.module.js +0 -36
- package/esm2015/lib/date-tags/day-tag/day-tag.component.js +0 -77
- package/esm2015/lib/date-tags/forecast-tag/forecast-tag.component.js +0 -164
- package/esm2015/lib/date-tags/forecast-tag/forecast-tag.service.js +0 -83
- package/esm2015/lib/date-tags/month-tag/month-tag.component.js +0 -80
- package/esm2015/lib/date-tags/quarter-tag/quarter-tag.component.js +0 -114
- package/esm2015/lib/date-tags/week-tag/week-tag.component.js +0 -84
- package/esm2015/lib/date-tags/year-tag/year-tag.component.js +0 -78
- package/esm2015/lib/dr-accordion/accordion-item-body.component.js +0 -55
- package/esm2015/lib/dr-accordion/accordion-item-header.component.js +0 -77
- package/esm2015/lib/dr-accordion/accordion-item.component.js +0 -123
- package/esm2015/lib/dr-accordion/accordion.component.js +0 -43
- package/esm2015/lib/dr-accordion/accordion.module.js +0 -23
- package/esm2015/lib/dr-alert/dr-alert.component.js +0 -35
- package/esm2015/lib/dr-alert/dr-alert.module.js +0 -18
- package/esm2015/lib/dr-avatar/dr-avatar.component.js +0 -54
- package/esm2015/lib/dr-avatar/dr-avatar.module.js +0 -26
- package/esm2015/lib/dr-avatar/dr-avatar.pipe.js +0 -16
- package/esm2015/lib/dr-avatar/services/dr-avatar.service.js +0 -17
- package/esm2015/lib/dr-badge-status/dr-badge-status.component.js +0 -25
- package/esm2015/lib/dr-badge-status/dr-badge-status.module.js +0 -20
- package/esm2015/lib/dr-chat/chat.component.js +0 -119
- package/esm2015/lib/dr-chat/chat.module.js +0 -41
- package/esm2015/lib/dr-chat/dr-chat-form/chat-form.component.js +0 -155
- package/esm2015/lib/dr-chat/dr-chat-message/chat-message.component.js +0 -71
- package/esm2015/lib/dr-chat/dr-chat-message/dr-chat-message-custom/chat-custom-message.directive.js +0 -49
- package/esm2015/lib/dr-chat/dr-chat-message/dr-chat-message-custom/chat-custom-message.service.js +0 -23
- package/esm2015/lib/dr-chat/dr-chat-message/dr-chat-message-file/chat-message-file.component.js +0 -47
- package/esm2015/lib/dr-chat/dr-chat-message/dr-chat-message-text/chat-message-text.component.js +0 -18
- package/esm2015/lib/dr-chat/dr-chat-suggestions/chat-suggestions.component.js +0 -87
- package/esm2015/lib/dr-chat/dr-dot-flashing/dr-dot-flashing.component.js +0 -15
- package/esm2015/lib/dr-details-list/dr-details-list.component.js +0 -65
- package/esm2015/lib/dr-details-list/dr-details-list.module.js +0 -16
- package/esm2015/lib/dr-dialog/components/dialog-modal-wrapper/dialog-modal-wrapper.component.js +0 -84
- package/esm2015/lib/dr-dialog/components/dialog-wrapper/dialog-wrapper.component.js +0 -92
- package/esm2015/lib/dr-dialog/dialog.module.js +0 -34
- package/esm2015/lib/dr-dialog/interfaces/dialog-data.js +0 -25
- package/esm2015/lib/dr-dialog/services/dialog.service.js +0 -78
- package/esm2015/lib/dr-dropdown/dr-dropdown-item-show.pipe.js +0 -12
- package/esm2015/lib/dr-dropdown/dr-dropdown-position.directive.js +0 -104
- package/esm2015/lib/dr-dropdown/dr-dropdown.component.js +0 -114
- package/esm2015/lib/dr-dropdown/dr-dropdown.directive.js +0 -104
- package/esm2015/lib/dr-dropdown/dr-dropdown.module.js +0 -34
- package/esm2015/lib/dr-dropdown/dr-dropdown.service.js +0 -24
- package/esm2015/lib/dr-dynamic-tag/dr-dynamic-tag.component.js +0 -120
- package/esm2015/lib/dr-dynamic-tag/dr-dynamic-tag.module.js +0 -19
- package/esm2015/lib/dr-error/dr-error.component.js +0 -56
- package/esm2015/lib/dr-error/dr-error.module.js +0 -22
- package/esm2015/lib/dr-inputs/button/button.component.js +0 -39
- package/esm2015/lib/dr-inputs/checkbox/checkbox.component.js +0 -66
- package/esm2015/lib/dr-inputs/date-pickers/directives/dr-date-picker-format.directive.js +0 -47
- package/esm2015/lib/dr-inputs/date-pickers/dr-date-picker/dr-date-picker.component.js +0 -234
- package/esm2015/lib/dr-inputs/date-pickers/dr-date-picker-with-timeframe/dr-date-picker-with-timeframe.component.js +0 -182
- package/esm2015/lib/dr-inputs/date-pickers/dr-date-picker_custom-header/dr-date-picker_custom-header.component.js +0 -183
- package/esm2015/lib/dr-inputs/date-pickers/dr-show-timeframe.pipe.js +0 -12
- package/esm2015/lib/dr-inputs/date-pickers/services/dr-date-picker.service.js +0 -194
- package/esm2015/lib/dr-inputs/dr-input/dr-input.component.js +0 -194
- package/esm2015/lib/dr-inputs/dr-inputs.module.js +0 -68
- package/esm2015/lib/dr-inputs/dr-model-debounce-change.directive.js +0 -29
- package/esm2015/lib/dr-inputs/dr-select/dr-select.component.js +0 -123
- package/esm2015/lib/dr-inputs/dr-select-add-item/dr-select-add-item.component.js +0 -74
- package/esm2015/lib/dr-inputs/dr-toggle/dr-toggle.component.js +0 -68
- package/esm2015/lib/dr-inputs/dr-toggle-button/dr-toggle-button.component.js +0 -67
- package/esm2015/lib/dr-inputs/radio-button/radio-button.component.js +0 -73
- package/esm2015/lib/dr-inputs/radio-button/radio-group.component.js +0 -157
- package/esm2015/lib/dr-layout/dr-layout-body.component.js +0 -13
- package/esm2015/lib/dr-layout/dr-layout-header.component.js +0 -17
- package/esm2015/lib/dr-layout/dr-layout.component.js +0 -14
- package/esm2015/lib/dr-layout/dr-layout.module.js +0 -20
- package/esm2015/lib/dr-popover/dr-popover-ref.js +0 -20
- package/esm2015/lib/dr-popover/dr-popover.component.js +0 -106
- package/esm2015/lib/dr-popover/dr-popover.directive.js +0 -84
- package/esm2015/lib/dr-popover/dr-popover.module.js +0 -23
- package/esm2015/lib/dr-popover/dr-popover.service.js +0 -106
- package/esm2015/lib/dr-scenario/components/dr-scenario-configuration/dr-scenario-configuration.component.js +0 -104
- package/esm2015/lib/dr-scenario/components/dr-scenario-tag-configuration/dr-scenario-tag-configuration.component.js +0 -75
- package/esm2015/lib/dr-scenario/consts/scenario-tags-config.js +0 -79
- package/esm2015/lib/dr-scenario/dr-scenario.module.js +0 -28
- package/esm2015/lib/dr-scenario/services/scenario.service.js +0 -196
- package/esm2015/lib/dr-spinner/dr-spinner.component.js +0 -18
- package/esm2015/lib/dr-spinner/dr-spinner.directive.js +0 -58
- package/esm2015/lib/dr-spinner/dr-spinner.module.js +0 -18
- package/esm2015/lib/dr-tabs/dr-tab.component.js +0 -26
- package/esm2015/lib/dr-tabs/dr-tabs.component.js +0 -35
- package/esm2015/lib/dr-tabs/dr-tabs.module.js +0 -32
- package/esm2015/lib/dr-tags/dr-tag.component.js +0 -183
- package/esm2015/lib/dr-tags/dr-tag.module.js +0 -24
- package/esm2015/lib/dr-tooltip/components/tooltip-info/tooltip-info.component.js +0 -19
- package/esm2015/lib/dr-tooltip/components/tooltip-info-simple/tooltip-info-simple.component.js +0 -18
- package/esm2015/lib/dr-tooltip/components/tooltip-no-body/tooltip-no-body.component.js +0 -20
- package/esm2015/lib/dr-tooltip/components/tooltip-process-default/tooltip-process-default.component.js +0 -34
- package/esm2015/lib/dr-tooltip/dr-tooltip.component.js +0 -41
- package/esm2015/lib/dr-tooltip/dr-tooltip.directive.js +0 -151
- package/esm2015/lib/dr-tooltip/dr-tooltip.module.js +0 -38
- package/esm2015/lib/dr-tooltip/interfaces/tooltip-component-context.js +0 -2
- package/esm2015/lib/dr-treeview/components/treeview/treeview.component.js +0 -210
- package/esm2015/lib/dr-treeview/components/treeview-item/treeview-item.component.js +0 -58
- package/esm2015/lib/dr-treeview/dr-tree-view.module.js +0 -38
- package/esm2015/lib/dr-treeview/helpers/treeview-event-parser.js +0 -97
- package/esm2015/lib/dr-treeview/helpers/treeview-helper.js +0 -82
- package/esm2015/lib/dr-treeview/models/treeview-config.js +0 -22
- package/esm2015/lib/dr-treeview/models/treeview-i18n.js +0 -42
- package/esm2015/lib/dr-treeview/models/treeview-item.js +0 -155
- package/esm2015/lib/dr-treeview/pipes/treeview.pipe.js +0 -17
- package/esm2015/lib/list-tags/list-tag.component.js +0 -37
- package/esm2015/lib/list-tags/list-tag.module.js +0 -23
- package/esm2015/lib/models/chat.js +0 -38
- package/esm2015/lib/models/dropdown.js +0 -2
- package/esm2015/lib/models/popover.js +0 -27
- package/esm2015/lib/models/spinnerOptions.js +0 -13
- package/esm2015/lib/stepper/stepper.component.js +0 -55
- package/esm2015/lib/stepper/stepper.module.js +0 -17
- package/esm2015/lib/utils/dr-shared-utils.js +0 -47
- package/esm2015/public-api.js +0 -101
- package/fesm2015/datarailsshared-datarailsshared.js +0 -7194
- package/fesm2015/datarailsshared-datarailsshared.js.map +0 -1
- package/lib/dr-dropdown/dr-dropdown-position.directive.d.ts +0 -12
- package/lib/dr-tooltip/components/tooltip-info-simple/tooltip-info-simple.component.d.ts +0 -5
- package/lib/dr-tooltip/components/tooltip-no-body/tooltip-no-body.component.d.ts +0 -6
- package/lib/dr-tooltip/components/tooltip-process-default/tooltip-process-default.component.d.ts +0 -4
- /package/{esm2015/lib/dr-inputs/dr-toggle-button/toggle-button-mode.js → esm2022/lib/dr-inputs/dr-toggle-button/toggle-button-mode.mjs} +0 -0
- /package/{esm2015/lib/dr-scenario/interfaces/scenario.js → esm2022/lib/dr-scenario/interfaces/scenario.mjs} +0 -0
- /package/{esm2015/lib/dr-tags/dr-tag.types.js → esm2022/lib/dr-tags/dr-tag.types.mjs} +0 -0
- /package/{esm2015/lib/dr-tooltip/enums/tooltip-position.enum.js → esm2022/lib/dr-tooltip/enums/tooltip-position.enum.mjs} +0 -0
- /package/{esm2015/lib/dr-tooltip/enums/tooltip-theme.enum.js → esm2022/lib/dr-tooltip/enums/tooltip-theme.enum.mjs} +0 -0
- /package/{esm2015/lib/models/badgeStatus.js → esm2022/lib/models/badgeStatus.mjs} +0 -0
- /package/{esm2015/lib/models/validationError.js → esm2022/lib/models/validationError.mjs} +0 -0
- /package/{esm2015/lib/stepper/interfaces/stepper.js → esm2022/lib/stepper/interfaces/stepper.mjs} +0 -0
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { NgForOf } from '@angular/common';
|
|
2
|
+
import { Directive, Host, Input } from '@angular/core';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
export class TrackByPropertyDirective {
|
|
6
|
+
constructor(ngForOfDir) {
|
|
7
|
+
ngForOfDir.ngForTrackBy = (_, item) => item[this.ngForTrackByProperty];
|
|
8
|
+
}
|
|
9
|
+
/** @nocollapse */ static { this.ɵfac = function TrackByPropertyDirective_Factory(t) { return new (t || TrackByPropertyDirective)(i0.ɵɵdirectiveInject(i1.NgForOf, 1)); }; }
|
|
10
|
+
/** @nocollapse */ static { this.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: TrackByPropertyDirective, selectors: [["", "ngForTrackByProperty", ""]], inputs: { ngForTrackByProperty: "ngForTrackByProperty" }, standalone: true }); }
|
|
11
|
+
}
|
|
12
|
+
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TrackByPropertyDirective, [{
|
|
13
|
+
type: Directive,
|
|
14
|
+
args: [{
|
|
15
|
+
selector: '[ngForTrackByProperty]',
|
|
16
|
+
standalone: true,
|
|
17
|
+
}]
|
|
18
|
+
}], function () { return [{ type: i1.NgForOf, decorators: [{
|
|
19
|
+
type: Host
|
|
20
|
+
}] }]; }, { ngForTrackByProperty: [{
|
|
21
|
+
type: Input
|
|
22
|
+
}] }); })();
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctdHJhY2stYnktcHJvcGVydHkuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZGlyZWN0aXZlcy9uZy10cmFjay1ieS1wcm9wZXJ0eS9uZy10cmFjay1ieS1wcm9wZXJ0eS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBTXZELE1BQU0sT0FBTyx3QkFBd0I7SUFHakMsWUFBb0IsVUFBc0I7UUFDdEMsVUFBVSxDQUFDLFlBQVksR0FBRyxDQUFDLENBQUMsRUFBRSxJQUFPLEVBQWMsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsb0JBQW9CLENBQUMsQ0FBQztJQUMxRixDQUFDOzRHQUxRLHdCQUF3QjttR0FBeEIsd0JBQXdCOzt1RkFBeEIsd0JBQXdCO2NBSnBDLFNBQVM7ZUFBQztnQkFDUCxRQUFRLEVBQUUsd0JBQXdCO2dCQUNsQyxVQUFVLEVBQUUsSUFBSTthQUNuQjs7c0JBSWdCLElBQUk7d0JBRlIsb0JBQW9CO2tCQUE1QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdGb3JPZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBEaXJlY3RpdmUsIEhvc3QsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW25nRm9yVHJhY2tCeVByb3BlcnR5XScsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgVHJhY2tCeVByb3BlcnR5RGlyZWN0aXZlPFQ+IHtcbiAgICBASW5wdXQoKSBuZ0ZvclRyYWNrQnlQcm9wZXJ0eToga2V5b2YgVDtcblxuICAgIGNvbnN0cnVjdG9yKEBIb3N0KCkgbmdGb3JPZkRpcjogTmdGb3JPZjxUPikge1xuICAgICAgICBuZ0Zvck9mRGlyLm5nRm9yVHJhY2tCeSA9IChfLCBpdGVtOiBUKTogVFtrZXlvZiBUXSA9PiBpdGVtW3RoaXMubmdGb3JUcmFja0J5UHJvcGVydHldO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Host } from '@angular/core';
|
|
2
|
+
import { animate, state, style, transition, trigger } from '@angular/animations';
|
|
3
|
+
import { takeUntil } from 'rxjs/operators';
|
|
4
|
+
import { Subject } from 'rxjs';
|
|
5
|
+
import { DrAccordionItemComponent } from './accordion-item.component';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "./accordion-item.component";
|
|
8
|
+
const _c0 = function (a0) { return { value: a0 }; };
|
|
9
|
+
const _c1 = ["*"];
|
|
10
|
+
const accordionItemBodyTrigger = trigger('accordionItemBody', [
|
|
11
|
+
state('collapsed', style({
|
|
12
|
+
overflow: 'hidden',
|
|
13
|
+
visibility: 'hidden',
|
|
14
|
+
height: 0,
|
|
15
|
+
})),
|
|
16
|
+
state('expanded', style({
|
|
17
|
+
overflow: 'hidden',
|
|
18
|
+
visibility: 'visible',
|
|
19
|
+
})),
|
|
20
|
+
transition('collapsed => expanded', animate('100ms ease-in')),
|
|
21
|
+
transition('expanded => collapsed', animate('100ms ease-out')),
|
|
22
|
+
]);
|
|
23
|
+
export class DrAccordionItemBodyComponent {
|
|
24
|
+
constructor(accordionItem, cd) {
|
|
25
|
+
this.accordionItem = accordionItem;
|
|
26
|
+
this.cd = cd;
|
|
27
|
+
this.destroy$ = new Subject();
|
|
28
|
+
}
|
|
29
|
+
get state() {
|
|
30
|
+
return this.accordionItem.collapsed ? 'collapsed' : 'expanded';
|
|
31
|
+
}
|
|
32
|
+
ngOnInit() {
|
|
33
|
+
this.accordionItem.accordionItemInvalidate.pipe(takeUntil(this.destroy$)).subscribe(() => this.cd.markForCheck());
|
|
34
|
+
}
|
|
35
|
+
ngOnDestroy() {
|
|
36
|
+
this.destroy$.next();
|
|
37
|
+
this.destroy$.complete();
|
|
38
|
+
}
|
|
39
|
+
/** @nocollapse */ static { this.ɵfac = function DrAccordionItemBodyComponent_Factory(t) { return new (t || DrAccordionItemBodyComponent)(i0.ɵɵdirectiveInject(i1.DrAccordionItemComponent, 1), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
|
|
40
|
+
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrAccordionItemBodyComponent, selectors: [["dr-accordion-item-body"]], ngContentSelectors: _c1, decls: 3, vars: 3, consts: [[1, "item-body"]], template: function DrAccordionItemBodyComponent_Template(rf, ctx) { if (rf & 1) {
|
|
41
|
+
i0.ɵɵprojectionDef();
|
|
42
|
+
i0.ɵɵelementStart(0, "div")(1, "div", 0);
|
|
43
|
+
i0.ɵɵprojection(2);
|
|
44
|
+
i0.ɵɵelementEnd()();
|
|
45
|
+
} if (rf & 2) {
|
|
46
|
+
i0.ɵɵproperty("@accordionItemBody", i0.ɵɵpureFunction1(1, _c0, ctx.state));
|
|
47
|
+
} }, styles: [".item-body[_ngcontent-%COMP%]{flex:1;-ms-flex:1 1 auto;overflow:auto;position:relative}"], data: { animation: [accordionItemBodyTrigger] }, changeDetection: 0 }); }
|
|
48
|
+
}
|
|
49
|
+
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrAccordionItemBodyComponent, [{
|
|
50
|
+
type: Component,
|
|
51
|
+
args: [{ selector: 'dr-accordion-item-body', template: `
|
|
52
|
+
<div [@accordionItemBody]="{ value: state }">
|
|
53
|
+
<div class="item-body">
|
|
54
|
+
<ng-content></ng-content>
|
|
55
|
+
</div>
|
|
56
|
+
</div>
|
|
57
|
+
`, animations: [accordionItemBodyTrigger], changeDetection: ChangeDetectionStrategy.OnPush, styles: [".item-body{flex:1;-ms-flex:1 1 auto;overflow:auto;position:relative}\n"] }]
|
|
58
|
+
}], function () { return [{ type: i1.DrAccordionItemComponent, decorators: [{
|
|
59
|
+
type: Host
|
|
60
|
+
}] }, { type: i0.ChangeDetectorRef }]; }, null); })();
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWl0ZW0tYm9keS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhcmFpbHNzaGFyZWQvc3JjL2xpYi9kci1hY2NvcmRpb24vYWNjb3JkaW9uLWl0ZW0tYm9keS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQXFCLE1BQU0sZUFBZSxDQUFDO0FBQy9HLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDakYsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7O0FBRXRFLE1BQU0sd0JBQXdCLEdBQUcsT0FBTyxDQUFDLG1CQUFtQixFQUFFO0lBQzFELEtBQUssQ0FDRCxXQUFXLEVBQ1gsS0FBSyxDQUFDO1FBQ0YsUUFBUSxFQUFFLFFBQVE7UUFDbEIsVUFBVSxFQUFFLFFBQVE7UUFDcEIsTUFBTSxFQUFFLENBQUM7S0FDWixDQUFDLENBQ0w7SUFDRCxLQUFLLENBQ0QsVUFBVSxFQUNWLEtBQUssQ0FBQztRQUNGLFFBQVEsRUFBRSxRQUFRO1FBQ2xCLFVBQVUsRUFBRSxTQUFTO0tBQ3hCLENBQUMsQ0FDTDtJQUNELFVBQVUsQ0FBQyx1QkFBdUIsRUFBRSxPQUFPLENBQUMsZUFBZSxDQUFDLENBQUM7SUFDN0QsVUFBVSxDQUFDLHVCQUF1QixFQUFFLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0NBQ2pFLENBQUMsQ0FBQztBQWVILE1BQU0sT0FBTyw0QkFBNEI7SUFHckMsWUFDb0IsYUFBdUMsRUFDL0MsRUFBcUI7UUFEYixrQkFBYSxHQUFiLGFBQWEsQ0FBMEI7UUFDL0MsT0FBRSxHQUFGLEVBQUUsQ0FBbUI7UUFKekIsYUFBUSxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7SUFLcEMsQ0FBQztJQUVKLElBQUksS0FBSztRQUNMLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDO0lBQ25FLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxDQUFDLGFBQWEsQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLFlBQVksRUFBRSxDQUFDLENBQUM7SUFDdEgsQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDN0IsQ0FBQztnSEFuQlEsNEJBQTRCO21HQUE1Qiw0QkFBNEI7O1lBVmpDLDJCQUE2QyxhQUFBO1lBRXJDLGtCQUF5QjtZQUM3QixpQkFBTSxFQUFBOztZQUhMLDBFQUF1QztxSUFPcEMsQ0FBQyx3QkFBd0IsQ0FBQzs7dUZBRzdCLDRCQUE0QjtjQWJ4QyxTQUFTOzJCQUNJLHdCQUF3QixZQUN4Qjs7Ozs7O0tBTVQsY0FFVyxDQUFDLHdCQUF3QixDQUFDLG1CQUNyQix1QkFBdUIsQ0FBQyxNQUFNOztzQkFNMUMsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBIb3N0LCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgYW5pbWF0ZSwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBEckFjY29yZGlvbkl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2FjY29yZGlvbi1pdGVtLmNvbXBvbmVudCc7XG5cbmNvbnN0IGFjY29yZGlvbkl0ZW1Cb2R5VHJpZ2dlciA9IHRyaWdnZXIoJ2FjY29yZGlvbkl0ZW1Cb2R5JywgW1xuICAgIHN0YXRlKFxuICAgICAgICAnY29sbGFwc2VkJyxcbiAgICAgICAgc3R5bGUoe1xuICAgICAgICAgICAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICAgICAgICAgICAgdmlzaWJpbGl0eTogJ2hpZGRlbicsXG4gICAgICAgICAgICBoZWlnaHQ6IDAsXG4gICAgICAgIH0pLFxuICAgICksXG4gICAgc3RhdGUoXG4gICAgICAgICdleHBhbmRlZCcsXG4gICAgICAgIHN0eWxlKHtcbiAgICAgICAgICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICAgICAgICAgIHZpc2liaWxpdHk6ICd2aXNpYmxlJyxcbiAgICAgICAgfSksXG4gICAgKSxcbiAgICB0cmFuc2l0aW9uKCdjb2xsYXBzZWQgPT4gZXhwYW5kZWQnLCBhbmltYXRlKCcxMDBtcyBlYXNlLWluJykpLFxuICAgIHRyYW5zaXRpb24oJ2V4cGFuZGVkID0+IGNvbGxhcHNlZCcsIGFuaW1hdGUoJzEwMG1zIGVhc2Utb3V0JykpLFxuXSk7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHItYWNjb3JkaW9uLWl0ZW0tYm9keScsXG4gICAgdGVtcGxhdGU6IGBcbiAgICAgICAgPGRpdiBbQGFjY29yZGlvbkl0ZW1Cb2R5XT1cInsgdmFsdWU6IHN0YXRlIH1cIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpdGVtLWJvZHlcIj5cbiAgICAgICAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgYCxcbiAgICBzdHlsZVVybHM6IFsnLi9hY2NvcmRpb24taXRlbS1ib2R5LmNvbXBvbmVudC5zY3NzJ10sXG4gICAgYW5pbWF0aW9uczogW2FjY29yZGlvbkl0ZW1Cb2R5VHJpZ2dlcl0sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERyQWNjb3JkaW9uSXRlbUJvZHlDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gICAgcHJpdmF0ZSBkZXN0cm95JCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgQEhvc3QoKSBwcml2YXRlIGFjY29yZGlvbkl0ZW06IERyQWNjb3JkaW9uSXRlbUNvbXBvbmVudCxcbiAgICAgICAgcHJpdmF0ZSBjZDogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgKSB7fVxuXG4gICAgZ2V0IHN0YXRlKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLmFjY29yZGlvbkl0ZW0uY29sbGFwc2VkID8gJ2NvbGxhcHNlZCcgOiAnZXhwYW5kZWQnO1xuICAgIH1cblxuICAgIG5nT25Jbml0KCkge1xuICAgICAgICB0aGlzLmFjY29yZGlvbkl0ZW0uYWNjb3JkaW9uSXRlbUludmFsaWRhdGUucGlwZSh0YWtlVW50aWwodGhpcy5kZXN0cm95JCkpLnN1YnNjcmliZSgoKSA9PiB0aGlzLmNkLm1hcmtGb3JDaGVjaygpKTtcbiAgICB9XG5cbiAgICBuZ09uRGVzdHJveSgpIHtcbiAgICAgICAgdGhpcy5kZXN0cm95JC5uZXh0KCk7XG4gICAgICAgIHRoaXMuZGVzdHJveSQuY29tcGxldGUoKTtcbiAgICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,154 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Host, HostBinding, HostListener, Input, } from '@angular/core';
|
|
2
|
+
import { animate, state, style, transition, trigger } from '@angular/animations';
|
|
3
|
+
import { takeUntil } from 'rxjs/operators';
|
|
4
|
+
import { Subject } from 'rxjs';
|
|
5
|
+
import { DrAccordionItemComponent } from './accordion-item.component';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "./accordion-item.component";
|
|
8
|
+
import * as i2 from "@angular/common";
|
|
9
|
+
function DrAccordionItemHeaderComponent_i_0_Template(rf, ctx) { if (rf & 1) {
|
|
10
|
+
i0.ɵɵelement(0, "i");
|
|
11
|
+
} if (rf & 2) {
|
|
12
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
13
|
+
i0.ɵɵclassMap("dr-accordion-item-header-icon " + ctx_r0.icon);
|
|
14
|
+
i0.ɵɵclassProp("dr-accordion-item-header-icon--additional-padding", ctx_r0.chevronPosition === "left");
|
|
15
|
+
} }
|
|
16
|
+
const _c0 = function (a0) { return { rotationDegree: a0 }; };
|
|
17
|
+
const _c1 = function (a0, a1) { return { value: a0, params: a1 }; };
|
|
18
|
+
function DrAccordionItemHeaderComponent_i_1_Template(rf, ctx) { if (rf & 1) {
|
|
19
|
+
const _r3 = i0.ɵɵgetCurrentView();
|
|
20
|
+
i0.ɵɵelementStart(0, "i", 2);
|
|
21
|
+
i0.ɵɵlistener("click", function DrAccordionItemHeaderComponent_i_1_Template_i_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleOnChevronClick && ctx_r2.accordionItem.toggle()); });
|
|
22
|
+
i0.ɵɵelementEnd();
|
|
23
|
+
} if (rf & 2) {
|
|
24
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
25
|
+
i0.ɵɵclassMap(ctx_r1.chevronIconClass);
|
|
26
|
+
i0.ɵɵproperty("@expansionIndicator", i0.ɵɵpureFunction2(5, _c1, ctx_r1.state, i0.ɵɵpureFunction1(3, _c0, ctx_r1.chevronRotationDegree)));
|
|
27
|
+
} }
|
|
28
|
+
const _c2 = [[["dr-accordion-item-title"]], [["dr-accordion-item-description"]], "*"];
|
|
29
|
+
const _c3 = ["dr-accordion-item-title", "dr-accordion-item-description", "*"];
|
|
30
|
+
export class DrAccordionItemHeaderComponent {
|
|
31
|
+
get isCollapsed() {
|
|
32
|
+
return this.accordionItem.collapsed;
|
|
33
|
+
}
|
|
34
|
+
get expanded() {
|
|
35
|
+
return !this.accordionItem.collapsed;
|
|
36
|
+
}
|
|
37
|
+
get tabbable() {
|
|
38
|
+
return this.accordionItem.disabled ? '-1' : '0';
|
|
39
|
+
}
|
|
40
|
+
get disabled() {
|
|
41
|
+
return this.accordionItem.disabled;
|
|
42
|
+
}
|
|
43
|
+
toggle() {
|
|
44
|
+
if (this.toggleOnChevronClick)
|
|
45
|
+
return;
|
|
46
|
+
this.accordionItem.toggle();
|
|
47
|
+
}
|
|
48
|
+
get state() {
|
|
49
|
+
if (this.isCollapsed) {
|
|
50
|
+
return 'collapsed';
|
|
51
|
+
}
|
|
52
|
+
return 'expanded';
|
|
53
|
+
}
|
|
54
|
+
constructor(accordionItem, cd) {
|
|
55
|
+
this.accordionItem = accordionItem;
|
|
56
|
+
this.cd = cd;
|
|
57
|
+
this.destroy$ = new Subject();
|
|
58
|
+
this.chevronOrientation = 'vertical';
|
|
59
|
+
this.chevronPosition = 'right';
|
|
60
|
+
this.toggleOnChevronClick = false;
|
|
61
|
+
this.theme = accordionItem?.accordion?.theme || 'regular';
|
|
62
|
+
}
|
|
63
|
+
ngOnInit() {
|
|
64
|
+
this.accordionItem.accordionItemInvalidate.pipe(takeUntil(this.destroy$)).subscribe(() => this.cd.markForCheck());
|
|
65
|
+
this.chevronIconClass = this.getChevronIconClass();
|
|
66
|
+
this.chevronRotationDegree = this.chevronOrientation === 'vertical' ? 180 : 90;
|
|
67
|
+
}
|
|
68
|
+
ngOnDestroy() {
|
|
69
|
+
this.destroy$.next();
|
|
70
|
+
this.destroy$.complete();
|
|
71
|
+
}
|
|
72
|
+
getChevronIconClass() {
|
|
73
|
+
return ('expansion-indicator ' +
|
|
74
|
+
(this.chevronOrientation === 'vertical' ? 'dr-icon-arrow-down' : 'dr-icon-arrow-right') +
|
|
75
|
+
` expansion-indicator--${this.chevronPosition}`);
|
|
76
|
+
}
|
|
77
|
+
/** @nocollapse */ static { this.ɵfac = function DrAccordionItemHeaderComponent_Factory(t) { return new (t || DrAccordionItemHeaderComponent)(i0.ɵɵdirectiveInject(i1.DrAccordionItemComponent, 1), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
|
|
78
|
+
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrAccordionItemHeaderComponent, selectors: [["dr-accordion-item-header"]], hostVars: 9, hostBindings: function DrAccordionItemHeaderComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
79
|
+
i0.ɵɵlistener("click", function DrAccordionItemHeaderComponent_click_HostBindingHandler() { return ctx.toggle(); })("keydown.space", function DrAccordionItemHeaderComponent_keydown_space_HostBindingHandler() { return ctx.toggle(); })("keydown.enter", function DrAccordionItemHeaderComponent_keydown_enter_HostBindingHandler() { return ctx.toggle(); });
|
|
80
|
+
} if (rf & 2) {
|
|
81
|
+
i0.ɵɵattribute("aria-expanded", ctx.expanded)("tabindex", ctx.tabbable)("aria-disabled", ctx.disabled);
|
|
82
|
+
i0.ɵɵclassMap(ctx.theme);
|
|
83
|
+
i0.ɵɵclassProp("accordion-item-header-collapsed", ctx.isCollapsed)("accordion-item-header-expanded", ctx.expanded);
|
|
84
|
+
} }, inputs: { chevronOrientation: "chevronOrientation", chevronPosition: "chevronPosition", icon: "icon", toggleOnChevronClick: "toggleOnChevronClick" }, ngContentSelectors: _c3, decls: 5, vars: 2, consts: [[3, "class", "dr-accordion-item-header-icon--additional-padding", 4, "ngIf"], [3, "class", "click", 4, "ngIf"], [3, "click"]], template: function DrAccordionItemHeaderComponent_Template(rf, ctx) { if (rf & 1) {
|
|
85
|
+
i0.ɵɵprojectionDef(_c2);
|
|
86
|
+
i0.ɵɵtemplate(0, DrAccordionItemHeaderComponent_i_0_Template, 1, 4, "i", 0);
|
|
87
|
+
i0.ɵɵtemplate(1, DrAccordionItemHeaderComponent_i_1_Template, 1, 8, "i", 1);
|
|
88
|
+
i0.ɵɵprojection(2);
|
|
89
|
+
i0.ɵɵprojection(3, 1);
|
|
90
|
+
i0.ɵɵprojection(4, 2);
|
|
91
|
+
} if (rf & 2) {
|
|
92
|
+
i0.ɵɵproperty("ngIf", ctx.icon);
|
|
93
|
+
i0.ɵɵadvance(1);
|
|
94
|
+
i0.ɵɵproperty("ngIf", !ctx.disabled);
|
|
95
|
+
} }, dependencies: [i2.NgIf], styles: ["[_nghost-%COMP%]{display:flex;align-items:center;cursor:pointer;position:relative;border-bottom:1px solid #edf1f7;color:#222b45;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;line-height:1.5rem;padding:1.25rem;text-transform:capitalize}[_nghost-%COMP%]:focus{outline:0}[_nghost-%COMP%] .expansion-indicator[_ngcontent-%COMP%]{font-size:24px;font-weight:700}[_nghost-%COMP%] .expansion-indicator--right[_ngcontent-%COMP%]{position:absolute;right:10px}[_nghost-%COMP%] .expansion-indicator--left[_ngcontent-%COMP%]{position:relative;left:-4px}[_nghost-%COMP%] .dr-accordion-item-header-icon[_ngcontent-%COMP%]{padding-right:8px}.borderless[_nghost-%COMP%]{border:none!important;padding-left:0}.borderless[_nghost-%COMP%] .expansion-indicator[_ngcontent-%COMP%]{color:#6d6e6f}.borderless[_nghost-%COMP%] .expansion-indicator[_ngcontent-%COMP%]:before{font-weight:400}"], data: { animation: [
|
|
96
|
+
trigger('expansionIndicator', [
|
|
97
|
+
state('expanded', style({
|
|
98
|
+
transform: 'rotate({{ rotationDegree }}deg)',
|
|
99
|
+
}), { params: { rotationDegree: '180' } }),
|
|
100
|
+
transition('collapsed => expanded', animate('100ms ease-in')),
|
|
101
|
+
transition('expanded => collapsed', animate('100ms ease-out')),
|
|
102
|
+
]),
|
|
103
|
+
] }, changeDetection: 0 }); }
|
|
104
|
+
}
|
|
105
|
+
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrAccordionItemHeaderComponent, [{
|
|
106
|
+
type: Component,
|
|
107
|
+
args: [{ selector: 'dr-accordion-item-header', animations: [
|
|
108
|
+
trigger('expansionIndicator', [
|
|
109
|
+
state('expanded', style({
|
|
110
|
+
transform: 'rotate({{ rotationDegree }}deg)',
|
|
111
|
+
}), { params: { rotationDegree: '180' } }),
|
|
112
|
+
transition('collapsed => expanded', animate('100ms ease-in')),
|
|
113
|
+
transition('expanded => collapsed', animate('100ms ease-out')),
|
|
114
|
+
]),
|
|
115
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<i\n *ngIf=\"icon\"\n [class]=\"'dr-accordion-item-header-icon ' + icon\"\n [class.dr-accordion-item-header-icon--additional-padding]=\"chevronPosition === 'left'\"></i>\n<i\n [class]=\"chevronIconClass\"\n [@expansionIndicator]=\"{ value: state, params: { rotationDegree: chevronRotationDegree } }\"\n (click)=\"toggleOnChevronClick && accordionItem.toggle()\"\n *ngIf=\"!disabled\"></i>\n<ng-content select=\"dr-accordion-item-title\"></ng-content>\n<ng-content select=\"dr-accordion-item-description\"></ng-content>\n<ng-content></ng-content>\n", styles: [":host{display:flex;align-items:center;cursor:pointer;position:relative;border-bottom:1px solid #edf1f7;color:#222b45;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;line-height:1.5rem;padding:1.25rem;text-transform:capitalize}:host:focus{outline:0}:host .expansion-indicator{font-size:24px;font-weight:700}:host .expansion-indicator--right{position:absolute;right:10px}:host .expansion-indicator--left{position:relative;left:-4px}:host .dr-accordion-item-header-icon{padding-right:8px}:host.borderless{border:none!important;padding-left:0}:host.borderless .expansion-indicator{color:#6d6e6f}:host.borderless .expansion-indicator:before{font-weight:400}\n"] }]
|
|
116
|
+
}], function () { return [{ type: i1.DrAccordionItemComponent, decorators: [{
|
|
117
|
+
type: Host
|
|
118
|
+
}] }, { type: i0.ChangeDetectorRef }]; }, { chevronOrientation: [{
|
|
119
|
+
type: Input
|
|
120
|
+
}], chevronPosition: [{
|
|
121
|
+
type: Input
|
|
122
|
+
}], icon: [{
|
|
123
|
+
type: Input
|
|
124
|
+
}], toggleOnChevronClick: [{
|
|
125
|
+
type: Input
|
|
126
|
+
}], isCollapsed: [{
|
|
127
|
+
type: HostBinding,
|
|
128
|
+
args: ['class.accordion-item-header-collapsed']
|
|
129
|
+
}], expanded: [{
|
|
130
|
+
type: HostBinding,
|
|
131
|
+
args: ['class.accordion-item-header-expanded']
|
|
132
|
+
}, {
|
|
133
|
+
type: HostBinding,
|
|
134
|
+
args: ['attr.aria-expanded']
|
|
135
|
+
}], tabbable: [{
|
|
136
|
+
type: HostBinding,
|
|
137
|
+
args: ['attr.tabindex']
|
|
138
|
+
}], disabled: [{
|
|
139
|
+
type: HostBinding,
|
|
140
|
+
args: ['attr.aria-disabled']
|
|
141
|
+
}], theme: [{
|
|
142
|
+
type: HostBinding,
|
|
143
|
+
args: ['class']
|
|
144
|
+
}], toggle: [{
|
|
145
|
+
type: HostListener,
|
|
146
|
+
args: ['click']
|
|
147
|
+
}, {
|
|
148
|
+
type: HostListener,
|
|
149
|
+
args: ['keydown.space']
|
|
150
|
+
}, {
|
|
151
|
+
type: HostListener,
|
|
152
|
+
args: ['keydown.enter']
|
|
153
|
+
}] }); })();
|
|
154
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWl0ZW0taGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWFjY29yZGlvbi9hY2NvcmRpb24taXRlbS1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZHItYWNjb3JkaW9uL2FjY29yZGlvbi1pdGVtLWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsSUFBSSxFQUNKLFdBQVcsRUFDWCxZQUFZLEVBQ1osS0FBSyxHQUdSLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDakYsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7O0lDZHRFLG9CQUcrRjs7O0lBRDNGLDZEQUFpRDtJQUNqRCxzR0FBc0Y7Ozs7OztJQUMxRiw0QkFJc0I7SUFEbEIsb0tBQVMsOENBQXdCLDZCQUFzQixDQUFBLElBQUM7SUFDdEMsaUJBQUk7OztJQUh0QixzQ0FBMEI7SUFDMUIsd0lBQTJGOzs7O0FEaUMvRixNQUFNLE9BQU8sOEJBQThCO0lBUXZDLElBQ0ksV0FBVztRQUNYLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUM7SUFDeEMsQ0FBQztJQUVELElBRUksUUFBUTtRQUNSLE9BQU8sQ0FBQyxJQUFJLENBQUMsYUFB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T0FBTyxDQUFDLG9CQUFvQixFQUFFO3dCQUMxQixLQUFLLENBQ0QsVUFBVSxFQUNWLEtBQUssQ0FBQzs0QkFDRixTQUFTLEVBQUUsaUNBQWlDO3lCQUMvQyxDQUFDLEVBQ0YsRUFBRSxNQUFNLEVBQUUsRUFBRSxjQUFjLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FDeEM7d0JBQ0QsVUFBVSxDQUFDLHVCQUF1QixFQUFFLE9BQU8sQ0FBQyxlQUFlLENBQUMsQ0FBQzt3QkFDN0QsVUFBVSxDQUFDLHVCQUF1QixFQUFFLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO3FCQUNqRSxDQUFDO2lCQUNMLG1CQUNnQix1QkFBdUIsQ0FBQyxNQUFNOztzQkFzRDFDLElBQUk7d0RBakRBLGtCQUFrQjtrQkFBMUIsS0FBSztZQUNHLGVBQWU7a0JBQXZCLEtBQUs7WUFDRyxJQUFJO2tCQUFaLEtBQUs7WUFDRyxvQkFBb0I7a0JBQTVCLEtBQUs7WUFHRixXQUFXO2tCQURkLFdBQVc7bUJBQUMsdUNBQXVDO1lBT2hELFFBQVE7a0JBRlgsV0FBVzttQkFBQyxzQ0FBc0M7O2tCQUNsRCxXQUFXO21CQUFDLG9CQUFvQjtZQU03QixRQUFRO2tCQURYLFdBQVc7bUJBQUMsZUFBZTtZQU14QixRQUFRO2tCQURYLFdBQVc7bUJBQUMsb0JBQW9CO1lBTXpCLEtBQUs7a0JBRFosV0FBVzttQkFBQyxPQUFPO1lBTXBCLE1BQU07a0JBSEwsWUFBWTttQkFBQyxPQUFPOztrQkFDcEIsWUFBWTttQkFBQyxlQUFlOztrQkFDNUIsWUFBWTttQkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBDb21wb25lbnQsXG4gICAgSG9zdCxcbiAgICBIb3N0QmluZGluZyxcbiAgICBIb3N0TGlzdGVuZXIsXG4gICAgSW5wdXQsXG4gICAgT25EZXN0cm95LFxuICAgIE9uSW5pdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBhbmltYXRlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IERyQWNjb3JkaW9uSXRlbUNvbXBvbmVudCB9IGZyb20gJy4vYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IFREckFjY29yZGlvblRoZW1lIH0gZnJvbSAnLi9hY2NvcmRpb24uY29tcG9uZW50JztcblxuZXhwb3J0IHR5cGUgVERyQWNjb3JkaW9uQ2hldnJvblBvc2l0aW9uID0gJ3JpZ2h0JyB8ICdsZWZ0JztcbmV4cG9ydCB0eXBlIFREckFjY29yZGlvbkNoZXZyb25PcmllbnRhdGlvbiA9ICd2ZXJ0aWNhbCcgfCAnaG9yaXpvbnRhbCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHItYWNjb3JkaW9uLWl0ZW0taGVhZGVyJyxcbiAgICBzdHlsZVVybHM6IFsnLi9hY2NvcmRpb24taXRlbS1oZWFkZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYWNjb3JkaW9uLWl0ZW0taGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBhbmltYXRpb25zOiBbXG4gICAgICAgIHRyaWdnZXIoJ2V4cGFuc2lvbkluZGljYXRvcicsIFtcbiAgICAgICAgICAgIHN0YXRlKFxuICAgICAgICAgICAgICAgICdleHBhbmRlZCcsXG4gICAgICAgICAgICAgICAgc3R5bGUoe1xuICAgICAgICAgICAgICAgICAgICB0cmFuc2Zvcm06ICdyb3RhdGUoe3sgcm90YXRpb25EZWdyZWUgfX1kZWcpJyxcbiAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgICB7IHBhcmFtczogeyByb3RhdGlvbkRlZ3JlZTogJzE4MCcgfSB9LFxuICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIHRyYW5zaXRpb24oJ2NvbGxhcHNlZCA9PiBleHBhbmRlZCcsIGFuaW1hdGUoJzEwMG1zIGVhc2UtaW4nKSksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKCdleHBhbmRlZCA9PiBjb2xsYXBzZWQnLCBhbmltYXRlKCcxMDBtcyBlYXNlLW91dCcpKSxcbiAgICAgICAgXSksXG4gICAgXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRHJBY2NvcmRpb25JdGVtSGVhZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICAgIHByaXZhdGUgZGVzdHJveSQgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gICAgQElucHV0KCkgY2hldnJvbk9yaWVudGF0aW9uOiBURHJBY2NvcmRpb25DaGV2cm9uT3JpZW50YXRpb24gPSAndmVydGljYWwnO1xuICAgIEBJbnB1dCgpIGNoZXZyb25Qb3NpdGlvbjogVERyQWNjb3JkaW9uQ2hldnJvblBvc2l0aW9uID0gJ3JpZ2h0JztcbiAgICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XG4gICAgQElucHV0KCkgdG9nZ2xlT25DaGV2cm9uQ2xpY2sgPSBmYWxzZTtcblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MuYWNjb3JkaW9uLWl0ZW0taGVhZGVyLWNvbGxhcHNlZCcpXG4gICAgZ2V0IGlzQ29sbGFwc2VkKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5hY2NvcmRpb25JdGVtLmNvbGxhcHNlZDtcbiAgICB9XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmFjY29yZGlvbi1pdGVtLWhlYWRlci1leHBhbmRlZCcpXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmFyaWEtZXhwYW5kZWQnKVxuICAgIGdldCBleHBhbmRlZCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuICF0aGlzLmFjY29yZGlvbkl0ZW0uY29sbGFwc2VkO1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnYXR0ci50YWJpbmRleCcpXG4gICAgZ2V0IHRhYmJhYmxlKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLmFjY29yZGlvbkl0ZW0uZGlzYWJsZWQgPyAnLTEnIDogJzAnO1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWRpc2FibGVkJylcbiAgICBnZXQgZGlzYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLmFjY29yZGlvbkl0ZW0uZGlzYWJsZWQ7XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgcHJpdmF0ZSB0aGVtZTogVERyQWNjb3JkaW9uVGhlbWU7XG5cbiAgICBASG9zdExpc3RlbmVyKCdjbGljaycpXG4gICAgQEhvc3RMaXN0ZW5lcigna2V5ZG93bi5zcGFjZScpXG4gICAgQEhvc3RMaXN0ZW5lcigna2V5ZG93bi5lbnRlcicpXG4gICAgdG9nZ2xlKCkge1xuICAgICAgICBpZiAodGhpcy50b2dnbGVPbkNoZXZyb25DbGljaykgcmV0dXJuO1xuXG4gICAgICAgIHRoaXMuYWNjb3JkaW9uSXRlbS50b2dnbGUoKTtcbiAgICB9XG5cbiAgICBnZXQgc3RhdGUoKTogc3RyaW5nIHtcbiAgICAgICAgaWYgKHRoaXMuaXNDb2xsYXBzZWQpIHtcbiAgICAgICAgICAgIHJldHVybiAnY29sbGFwc2VkJztcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gJ2V4cGFuZGVkJztcbiAgICB9XG5cbiAgICBwdWJsaWMgY2hldnJvbkljb25DbGFzczogc3RyaW5nO1xuICAgIHB1YmxpYyBjaGV2cm9uUm90YXRpb25EZWdyZWU6IG51bWJlcjtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBASG9zdCgpIHB1YmxpYyBhY2NvcmRpb25JdGVtOiBEckFjY29yZGlvbkl0ZW1Db21wb25lbnQsXG4gICAgICAgIHByaXZhdGUgY2Q6IENoYW5nZURldGVjdG9yUmVmLFxuICAgICkge1xuICAgICAgICB0aGlzLnRoZW1lID0gYWNjb3JkaW9uSXRlbT8uYWNjb3JkaW9uPy50aGVtZSB8fCAncmVndWxhcic7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMuYWNjb3JkaW9uSXRlbS5hY2NvcmRpb25JdGVtSW52YWxpZGF0ZS5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSkuc3Vic2NyaWJlKCgpID0+IHRoaXMuY2QubWFya0ZvckNoZWNrKCkpO1xuICAgICAgICB0aGlzLmNoZXZyb25JY29uQ2xhc3MgPSB0aGlzLmdldENoZXZyb25JY29uQ2xhc3MoKTtcbiAgICAgICAgdGhpcy5jaGV2cm9uUm90YXRpb25EZWdyZWUgPSB0aGlzLmNoZXZyb25PcmllbnRhdGlvbiA9PT0gJ3ZlcnRpY2FsJyA/IDE4MCA6IDkwO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCkge1xuICAgICAgICB0aGlzLmRlc3Ryb3kkLm5leHQoKTtcbiAgICAgICAgdGhpcy5kZXN0cm95JC5jb21wbGV0ZSgpO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0Q2hldnJvbkljb25DbGFzcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgJ2V4cGFuc2lvbi1pbmRpY2F0b3IgJyArXG4gICAgICAgICAgICAodGhpcy5jaGV2cm9uT3JpZW50YXRpb24gPT09ICd2ZXJ0aWNhbCcgPyAnZHItaWNvbi1hcnJvdy1kb3duJyA6ICdkci1pY29uLWFycm93LXJpZ2h0JykgK1xuICAgICAgICAgICAgYCBleHBhbnNpb24taW5kaWNhdG9yLS0ke3RoaXMuY2hldnJvblBvc2l0aW9ufWBcbiAgICAgICAgKTtcbiAgICB9XG59XG4iLCI8aVxuICAgICpuZ0lmPVwiaWNvblwiXG4gICAgW2NsYXNzXT1cIidkci1hY2NvcmRpb24taXRlbS1oZWFkZXItaWNvbiAnICsgaWNvblwiXG4gICAgW2NsYXNzLmRyLWFjY29yZGlvbi1pdGVtLWhlYWRlci1pY29uLS1hZGRpdGlvbmFsLXBhZGRpbmddPVwiY2hldnJvblBvc2l0aW9uID09PSAnbGVmdCdcIj48L2k+XG48aVxuICAgIFtjbGFzc109XCJjaGV2cm9uSWNvbkNsYXNzXCJcbiAgICBbQGV4cGFuc2lvbkluZGljYXRvcl09XCJ7IHZhbHVlOiBzdGF0ZSwgcGFyYW1zOiB7IHJvdGF0aW9uRGVncmVlOiBjaGV2cm9uUm90YXRpb25EZWdyZWUgfSB9XCJcbiAgICAoY2xpY2spPVwidG9nZ2xlT25DaGV2cm9uQ2xpY2sgJiYgYWNjb3JkaW9uSXRlbS50b2dnbGUoKVwiXG4gICAgKm5nSWY9XCIhZGlzYWJsZWRcIj48L2k+XG48bmctY29udGVudCBzZWxlY3Q9XCJkci1hY2NvcmRpb24taXRlbS10aXRsZVwiPjwvbmctY29udGVudD5cbjxuZy1jb250ZW50IHNlbGVjdD1cImRyLWFjY29yZGlvbi1pdGVtLWRlc2NyaXB0aW9uXCI+PC9uZy1jb250ZW50PlxuPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuIl19
|
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Host, HostBinding, Input, Output, } from '@angular/core';
|
|
2
|
+
import { Subject } from 'rxjs';
|
|
3
|
+
import { takeUntil } from 'rxjs/operators';
|
|
4
|
+
import { DrAccordionComponent } from './accordion.component';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "./accordion.component";
|
|
7
|
+
const _c0 = [[["dr-accordion-item-header"]], [["dr-accordion-item-body"]]];
|
|
8
|
+
const _c1 = ["dr-accordion-item-header", "dr-accordion-item-body"];
|
|
9
|
+
export class DrAccordionItemComponent {
|
|
10
|
+
/**
|
|
11
|
+
* Item is collapse (`true` by default)
|
|
12
|
+
*
|
|
13
|
+
* @type {boolean}
|
|
14
|
+
*/
|
|
15
|
+
get collapsed() {
|
|
16
|
+
return this.collapsedValue;
|
|
17
|
+
}
|
|
18
|
+
set collapsed(val) {
|
|
19
|
+
this.collapsedValue = !!val;
|
|
20
|
+
this.collapsedChange.emit(this.collapsedValue);
|
|
21
|
+
this.invalidate();
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* Item is expanded (`false` by default)
|
|
25
|
+
*/
|
|
26
|
+
get expanded() {
|
|
27
|
+
return !this.collapsed;
|
|
28
|
+
}
|
|
29
|
+
set expanded(val) {
|
|
30
|
+
this.collapsedValue = !val;
|
|
31
|
+
}
|
|
32
|
+
/**
|
|
33
|
+
* Item is disabled and cannot be opened.
|
|
34
|
+
*
|
|
35
|
+
* @type {boolean}
|
|
36
|
+
*/
|
|
37
|
+
get disabled() {
|
|
38
|
+
return this.disabledValue;
|
|
39
|
+
}
|
|
40
|
+
set disabled(val) {
|
|
41
|
+
this.disabledValue = !!val;
|
|
42
|
+
this.invalidate();
|
|
43
|
+
}
|
|
44
|
+
constructor(accordion, cd) {
|
|
45
|
+
this.accordion = accordion;
|
|
46
|
+
this.cd = cd;
|
|
47
|
+
/**
|
|
48
|
+
* Emits whenever the expanded state of the accordion changes.
|
|
49
|
+
* Primarily used to facilitate two-way binding.
|
|
50
|
+
*/
|
|
51
|
+
this.collapsedChange = new EventEmitter();
|
|
52
|
+
this.accordionItemInvalidate = new Subject();
|
|
53
|
+
this.collapsedValue = true;
|
|
54
|
+
this.disabledValue = false;
|
|
55
|
+
this.destroy$ = new Subject();
|
|
56
|
+
}
|
|
57
|
+
/**
|
|
58
|
+
* Open/close the item
|
|
59
|
+
*/
|
|
60
|
+
toggle() {
|
|
61
|
+
if (!this.disabled) {
|
|
62
|
+
// we need this temporary variable as `openCloseItems.next` will change current value we need to save
|
|
63
|
+
const willSet = !this.collapsed;
|
|
64
|
+
if (!this.accordion.multi) {
|
|
65
|
+
this.accordion.openCloseItems.next(true);
|
|
66
|
+
}
|
|
67
|
+
this.collapsed = willSet;
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
/**
|
|
71
|
+
* Open the item.
|
|
72
|
+
*/
|
|
73
|
+
open() {
|
|
74
|
+
if (!this.disabled) {
|
|
75
|
+
this.collapsed = false;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
/**
|
|
79
|
+
* Collapse the item.
|
|
80
|
+
*/
|
|
81
|
+
close() {
|
|
82
|
+
if (!this.disabled) {
|
|
83
|
+
this.collapsed = true;
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
ngOnInit() {
|
|
87
|
+
this.accordion.openCloseItems.pipe(takeUntil(this.destroy$)).subscribe((collapsed) => {
|
|
88
|
+
if (!this.disabled) {
|
|
89
|
+
this.collapsed = collapsed;
|
|
90
|
+
}
|
|
91
|
+
});
|
|
92
|
+
}
|
|
93
|
+
ngOnChanges(changes) {
|
|
94
|
+
this.accordionItemInvalidate.next(true);
|
|
95
|
+
}
|
|
96
|
+
ngOnDestroy() {
|
|
97
|
+
this.destroy$.next();
|
|
98
|
+
this.destroy$.complete();
|
|
99
|
+
this.accordionItemInvalidate.complete();
|
|
100
|
+
}
|
|
101
|
+
invalidate() {
|
|
102
|
+
this.accordionItemInvalidate.next(true);
|
|
103
|
+
this.cd.markForCheck();
|
|
104
|
+
}
|
|
105
|
+
/** @nocollapse */ static { this.ɵfac = function DrAccordionItemComponent_Factory(t) { return new (t || DrAccordionItemComponent)(i0.ɵɵdirectiveInject(i1.DrAccordionComponent, 1), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
|
|
106
|
+
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrAccordionItemComponent, selectors: [["dr-accordion-item"]], hostVars: 6, hostBindings: function DrAccordionItemComponent_HostBindings(rf, ctx) { if (rf & 2) {
|
|
107
|
+
i0.ɵɵclassProp("collapsed", ctx.collapsed)("expanded", ctx.expanded)("disabled", ctx.disabled);
|
|
108
|
+
} }, inputs: { collapsed: "collapsed", expanded: "expanded", disabled: "disabled" }, outputs: { collapsedChange: "collapsedChange" }, features: [i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c1, decls: 2, vars: 0, template: function DrAccordionItemComponent_Template(rf, ctx) { if (rf & 1) {
|
|
109
|
+
i0.ɵɵprojectionDef(_c0);
|
|
110
|
+
i0.ɵɵprojection(0);
|
|
111
|
+
i0.ɵɵprojection(1, 1);
|
|
112
|
+
} }, styles: ["[_nghost-%COMP%]{background-color:#fff;color:#222b45;font-family:Poppins,sans-serif;font-size:16px;font-weight:400;line-height:1.25rem;display:flex;flex-direction:column}"], changeDetection: 0 }); }
|
|
113
|
+
}
|
|
114
|
+
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrAccordionItemComponent, [{
|
|
115
|
+
type: Component,
|
|
116
|
+
args: [{ selector: 'dr-accordion-item', template: `
|
|
117
|
+
<ng-content select="dr-accordion-item-header"></ng-content>
|
|
118
|
+
<ng-content select="dr-accordion-item-body"></ng-content>
|
|
119
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{background-color:#fff;color:#222b45;font-family:Poppins,sans-serif;font-size:16px;font-weight:400;line-height:1.25rem;display:flex;flex-direction:column}\n"] }]
|
|
120
|
+
}], function () { return [{ type: i1.DrAccordionComponent, decorators: [{
|
|
121
|
+
type: Host
|
|
122
|
+
}] }, { type: i0.ChangeDetectorRef }]; }, { collapsed: [{
|
|
123
|
+
type: Input,
|
|
124
|
+
args: ['collapsed']
|
|
125
|
+
}, {
|
|
126
|
+
type: HostBinding,
|
|
127
|
+
args: ['class.collapsed']
|
|
128
|
+
}], expanded: [{
|
|
129
|
+
type: Input,
|
|
130
|
+
args: ['expanded']
|
|
131
|
+
}, {
|
|
132
|
+
type: HostBinding,
|
|
133
|
+
args: ['class.expanded']
|
|
134
|
+
}], disabled: [{
|
|
135
|
+
type: Input,
|
|
136
|
+
args: ['disabled']
|
|
137
|
+
}, {
|
|
138
|
+
type: HostBinding,
|
|
139
|
+
args: ['class.disabled']
|
|
140
|
+
}], collapsedChange: [{
|
|
141
|
+
type: Output
|
|
142
|
+
}] }); })();
|
|
143
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZHItYWNjb3JkaW9uL2FjY29yZGlvbi1pdGVtLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsWUFBWSxFQUNaLElBQUksRUFDSixXQUFXLEVBQ1gsS0FBSyxFQUlMLE1BQU0sR0FFVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7Ozs7QUFXN0QsTUFBTSxPQUFPLHdCQUF3QjtJQUNqQzs7OztPQUlHO0lBQ0gsSUFFSSxTQUFTO1FBQ1QsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDO0lBQy9CLENBQUM7SUFFRCxJQUFJLFNBQVMsQ0FBQyxHQUFZO1FBQ3RCLElBQUksQ0FBQyxjQUFjLEdBQUcsQ0FBQyxDQUFDLEdBQUcsQ0FBQztRQUM1QixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDL0MsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFJRDs7T0FFRztJQUNILElBRUksUUFBUTtRQUNSLE9BQU8sQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQzNCLENBQUM7SUFFRCxJQUFJLFFBQVEsQ0FBQyxHQUFZO1FBQ3JCLElBQUksQ0FBQyxjQUFjLEdBQUcsQ0FBQyxHQUFHLENBQUM7SUFDL0IsQ0FBQztJQUlEOzs7O09BSUc7SUFDSCxJQUVJLFFBQVE7UUFDUixPQUFPLElBQUks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QkFBQyxnQkFBZ0I7WUFnQm5CLGVBQWU7a0JBQXhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENoYW5nZURldGVjdG9yUmVmLFxuICAgIENvbXBvbmVudCxcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSG9zdCxcbiAgICBIb3N0QmluZGluZyxcbiAgICBJbnB1dCxcbiAgICBPbkNoYW5nZXMsXG4gICAgT25EZXN0cm95LFxuICAgIE9uSW5pdCxcbiAgICBPdXRwdXQsXG4gICAgU2ltcGxlQ2hhbmdlcyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBEckFjY29yZGlvbkNvbXBvbmVudCB9IGZyb20gJy4vYWNjb3JkaW9uLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZHItYWNjb3JkaW9uLWl0ZW0nLFxuICAgIHN0eWxlVXJsczogWycuL2FjY29yZGlvbi1pdGVtLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgdGVtcGxhdGU6IGBcbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZHItYWNjb3JkaW9uLWl0ZW0taGVhZGVyXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJkci1hY2NvcmRpb24taXRlbS1ib2R5XCI+PC9uZy1jb250ZW50PlxuICAgIGAsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERyQWNjb3JkaW9uSXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzLCBPbkRlc3Ryb3kge1xuICAgIC8qKlxuICAgICAqIEl0ZW0gaXMgY29sbGFwc2UgKGB0cnVlYCBieSBkZWZhdWx0KVxuICAgICAqXG4gICAgICogQHR5cGUge2Jvb2xlYW59XG4gICAgICovXG4gICAgQElucHV0KCdjb2xsYXBzZWQnKVxuICAgIEBIb3N0QmluZGluZygnY2xhc3MuY29sbGFwc2VkJylcbiAgICBnZXQgY29sbGFwc2VkKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5jb2xsYXBzZWRWYWx1ZTtcbiAgICB9XG5cbiAgICBzZXQgY29sbGFwc2VkKHZhbDogYm9vbGVhbikge1xuICAgICAgICB0aGlzLmNvbGxhcHNlZFZhbHVlID0gISF2YWw7XG4gICAgICAgIHRoaXMuY29sbGFwc2VkQ2hhbmdlLmVtaXQodGhpcy5jb2xsYXBzZWRWYWx1ZSk7XG4gICAgICAgIHRoaXMuaW52YWxpZGF0ZSgpO1xuICAgIH1cblxuICAgIHN0YXRpYyBuZ0FjY2VwdElucHV0VHlwZV9jb2xsYXBzZWQ6IGFueTtcblxuICAgIC8qKlxuICAgICAqIEl0ZW0gaXMgZXhwYW5kZWQgKGBmYWxzZWAgYnkgZGVmYXVsdClcbiAgICAgKi9cbiAgICBASW5wdXQoJ2V4cGFuZGVkJylcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmV4cGFuZGVkJylcbiAgICBnZXQgZXhwYW5kZWQoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiAhdGhpcy5jb2xsYXBzZWQ7XG4gICAgfVxuXG4gICAgc2V0IGV4cGFuZGVkKHZhbDogYm9vbGVhbikge1xuICAgICAgICB0aGlzLmNvbGxhcHNlZFZhbHVlID0gIXZhbDtcbiAgICB9XG5cbiAgICBzdGF0aWMgbmdBY2NlcHRJbnB1dFR5cGVfZXhwYW5kZWQ6IGFueTtcblxuICAgIC8qKlxuICAgICAqIEl0ZW0gaXMgZGlzYWJsZWQgYW5kIGNhbm5vdCBiZSBvcGVuZWQuXG4gICAgICpcbiAgICAgKiBAdHlwZSB7Ym9vbGVhbn1cbiAgICAgKi9cbiAgICBASW5wdXQoJ2Rpc2FibGVkJylcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRpc2FibGVkJylcbiAgICBnZXQgZGlzYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLmRpc2FibGVkVmFsdWU7XG4gICAgfVxuXG4gICAgc2V0IGRpc2FibGVkKHZhbDogYm9vbGVhbikge1xuICAgICAgICB0aGlzLmRpc2FibGVkVmFsdWUgPSAhIXZhbDtcbiAgICAgICAgdGhpcy5pbnZhbGlkYXRlKCk7XG4gICAgfVxuXG4gICAgc3RhdGljIG5nQWNjZXB0SW5wdXRUeXBlX2Rpc2FibGVkOiBhbnk7XG5cbiAgICAvKipcbiAgICAgKiBFbWl0cyB3aGVuZXZlciB0aGUgZXhwYW5kZWQgc3RhdGUgb2YgdGhlIGFjY29yZGlvbiBjaGFuZ2VzLlxuICAgICAqIFByaW1hcmlseSB1c2VkIHRvIGZhY2lsaXRhdGUgdHdvLXdheSBiaW5kaW5nLlxuICAgICAqL1xuICAgIEBPdXRwdXQoKSBjb2xsYXBzZWRDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgICBhY2NvcmRpb25JdGVtSW52YWxpZGF0ZSA9IG5ldyBTdWJqZWN0PGJvb2xlYW4+KCk7XG5cbiAgICBwcml2YXRlIGNvbGxhcHNlZFZhbHVlID0gdHJ1ZTtcbiAgICBwcml2YXRlIGRpc2FibGVkVmFsdWUgPSBmYWxzZTtcbiAgICBwcml2YXRlIGRlc3Ryb3kkID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBASG9zdCgpIHB1YmxpYyBhY2NvcmRpb246IERyQWNjb3JkaW9uQ29tcG9uZW50LFxuICAgICAgICBwcml2YXRlIGNkOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICApIHt9XG5cbiAgICAvKipcbiAgICAgKiBPcGVuL2Nsb3NlIHRoZSBpdGVtXG4gICAgICovXG4gICAgdG9nZ2xlKCkge1xuICAgICAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgICAgICAgIC8vIHdlIG5lZWQgdGhpcyB0ZW1wb3JhcnkgdmFyaWFibGUgYXMgYG9wZW5DbG9zZUl0ZW1zLm5leHRgIHdpbGwgY2hhbmdlIGN1cnJlbnQgdmFsdWUgd2UgbmVlZCB0byBzYXZlXG4gICAgICAgICAgICBjb25zdCB3aWxsU2V0ID0gIXRoaXMuY29sbGFwc2VkO1xuXG4gICAgICAgICAgICBpZiAoIXRoaXMuYWNjb3JkaW9uLm11bHRpKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5hY2NvcmRpb24ub3BlbkNsb3NlSXRlbXMubmV4dCh0cnVlKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHRoaXMuY29sbGFwc2VkID0gd2lsbFNldDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC8qKlxuICAgICAqIE9wZW4gdGhlIGl0ZW0uXG4gICAgICovXG4gICAgb3BlbigpIHtcbiAgICAgICAgaWYgKCF0aGlzLmRpc2FibGVkKSB7XG4gICAgICAgICAgICB0aGlzLmNvbGxhcHNlZCA9IGZhbHNlO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogQ29sbGFwc2UgdGhlIGl0ZW0uXG4gICAgICovXG4gICAgY2xvc2UoKSB7XG4gICAgICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xuICAgICAgICAgICAgdGhpcy5jb2xsYXBzZWQgPSB0cnVlO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMuYWNjb3JkaW9uLm9wZW5DbG9zZUl0ZW1zLnBpcGUodGFrZVVudGlsKHRoaXMuZGVzdHJveSQpKS5zdWJzY3JpYmUoKGNvbGxhcHNlZCkgPT4ge1xuICAgICAgICAgICAgaWYgKCF0aGlzLmRpc2FibGVkKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5jb2xsYXBzZWQgPSBjb2xsYXBzZWQ7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICAgICAgdGhpcy5hY2NvcmRpb25JdGVtSW52YWxpZGF0ZS5uZXh0KHRydWUpO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCkge1xuICAgICAgICB0aGlzLmRlc3Ryb3kkLm5leHQoKTtcbiAgICAgICAgdGhpcy5kZXN0cm95JC5jb21wbGV0ZSgpO1xuICAgICAgICB0aGlzLmFjY29yZGlvbkl0ZW1JbnZhbGlkYXRlLmNvbXBsZXRlKCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBpbnZhbGlkYXRlKCkge1xuICAgICAgICB0aGlzLmFjY29yZGlvbkl0ZW1JbnZhbGlkYXRlLm5leHQodHJ1ZSk7XG4gICAgICAgIHRoaXMuY2QubWFya0ZvckNoZWNrKCk7XG4gICAgfVxufVxuIl19
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';
|
|
2
|
+
import { Subject } from 'rxjs';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
const _c0 = [[["dr-accordion-item"]]];
|
|
5
|
+
const _c1 = ["dr-accordion-item"];
|
|
6
|
+
export class DrAccordionComponent {
|
|
7
|
+
constructor() {
|
|
8
|
+
this.openCloseItems = new Subject();
|
|
9
|
+
this.theme = 'regular';
|
|
10
|
+
this.multiValue = false;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* Allow multiple items to be expanded at the same time.
|
|
14
|
+
*/
|
|
15
|
+
get multi() {
|
|
16
|
+
return this.multiValue;
|
|
17
|
+
}
|
|
18
|
+
set multi(val) {
|
|
19
|
+
this.multiValue = !!val;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* Opens all enabled accordion items.
|
|
23
|
+
*/
|
|
24
|
+
openAll() {
|
|
25
|
+
if (this.multi) {
|
|
26
|
+
this.openCloseItems.next(false);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* Closes all enabled accordion items.
|
|
31
|
+
*/
|
|
32
|
+
closeAll() {
|
|
33
|
+
this.openCloseItems.next(true);
|
|
34
|
+
}
|
|
35
|
+
/** @nocollapse */ static { this.ɵfac = function DrAccordionComponent_Factory(t) { return new (t || DrAccordionComponent)(); }; }
|
|
36
|
+
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrAccordionComponent, selectors: [["dr-accordion"]], hostVars: 2, hostBindings: function DrAccordionComponent_HostBindings(rf, ctx) { if (rf & 2) {
|
|
37
|
+
i0.ɵɵclassMap(ctx.theme);
|
|
38
|
+
} }, inputs: { multi: "multi", theme: "theme" }, ngContentSelectors: _c1, decls: 1, vars: 0, template: function DrAccordionComponent_Template(rf, ctx) { if (rf & 1) {
|
|
39
|
+
i0.ɵɵprojectionDef(_c0);
|
|
40
|
+
i0.ɵɵprojection(0);
|
|
41
|
+
} }, styles: ["[_nghost-%COMP%]{display:block;box-shadow:#2c33491a 0 5px 10px}.borderless[_nghost-%COMP%]{box-shadow:none}"], changeDetection: 0 }); }
|
|
42
|
+
}
|
|
43
|
+
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrAccordionComponent, [{
|
|
44
|
+
type: Component,
|
|
45
|
+
args: [{ selector: 'dr-accordion', template: '<ng-content select="dr-accordion-item"></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;box-shadow:#2c33491a 0 5px 10px}:host.borderless{box-shadow:none}\n"] }]
|
|
46
|
+
}], null, { multi: [{
|
|
47
|
+
type: Input,
|
|
48
|
+
args: ['multi']
|
|
49
|
+
}], theme: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}, {
|
|
52
|
+
type: HostBinding,
|
|
53
|
+
args: ['class']
|
|
54
|
+
}] }); })();
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWFjY29yZGlvbi9hY2NvcmRpb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7O0FBVS9CLE1BQU0sT0FBTyxvQkFBb0I7SUFOakM7UUFRSSxtQkFBYyxHQUFHLElBQUksT0FBTyxFQUFXLENBQUM7UUFZeEMsVUFBSyxHQUFzQixTQUFTLENBQUM7UUFNN0IsZUFBVSxHQUFHLEtBQUssQ0FBQztLQWlCOUI7SUFqQ0c7O09BRUc7SUFDSCxJQUNJLEtBQUs7UUFDTCxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDM0IsQ0FBQztJQU1ELElBQUksS0FBSyxDQUFDLEdBQVk7UUFDbEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDO0lBQzVCLENBQUM7SUFJRDs7T0FFRztJQUNILE9BQU87UUFDSCxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDWixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUNuQztJQUNMLENBQUM7SUFFRDs7T0FFRztJQUNILFFBQVE7UUFDSixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNuQyxDQUFDO3dHQXBDUSxvQkFBb0I7bUdBQXBCLG9CQUFvQjs7OztZQUpsQixrQkFBb0Q7Ozt1RkFJdEQsb0JBQW9CO2NBTmhDLFNBQVM7MkJBQ0ksY0FBYyxZQUNkLHNEQUFzRCxtQkFFL0MsdUJBQXVCLENBQUMsTUFBTTtnQkFVM0MsS0FBSztrQkFEUixLQUFLO21CQUFDLE9BQU87WUFPZCxLQUFLO2tCQUZKLEtBQUs7O2tCQUNMLFdBQVc7bUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuXG5leHBvcnQgdHlwZSBURHJBY2NvcmRpb25UaGVtZSA9ICdyZWd1bGFyJyB8ICdib3JkZXJsZXNzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkci1hY2NvcmRpb24nLFxuICAgIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQgc2VsZWN0PVwiZHItYWNjb3JkaW9uLWl0ZW1cIj48L25nLWNvbnRlbnQ+JyxcbiAgICBzdHlsZVVybHM6IFsnLi9hY2NvcmRpb24uY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRHJBY2NvcmRpb25Db21wb25lbnQge1xuICAgIHN0YXRpYyBuZ0FjY2VwdElucHV0VHlwZV9tdWx0aTogYW55O1xuICAgIG9wZW5DbG9zZUl0ZW1zID0gbmV3IFN1YmplY3Q8Ym9vbGVhbj4oKTtcblxuICAgIC8qKlxuICAgICAqICBBbGxvdyBtdWx0aXBsZSBpdGVtcyB0byBiZSBleHBhbmRlZCBhdCB0aGUgc2FtZSB0aW1lLlxuICAgICAqL1xuICAgIEBJbnB1dCgnbXVsdGknKVxuICAgIGdldCBtdWx0aSgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMubXVsdGlWYWx1ZTtcbiAgICB9XG5cbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIHRoZW1lOiBURHJBY2NvcmRpb25UaGVtZSA9ICdyZWd1bGFyJztcblxuICAgIHNldCBtdWx0aSh2YWw6IGJvb2xlYW4pIHtcbiAgICAgICAgdGhpcy5tdWx0aVZhbHVlID0gISF2YWw7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBtdWx0aVZhbHVlID0gZmFsc2U7XG5cbiAgICAvKipcbiAgICAgKiBPcGVucyBhbGwgZW5hYmxlZCBhY2NvcmRpb24gaXRlbXMuXG4gICAgICovXG4gICAgb3BlbkFsbCgpIHtcbiAgICAgICAgaWYgKHRoaXMubXVsdGkpIHtcbiAgICAgICAgICAgIHRoaXMub3BlbkNsb3NlSXRlbXMubmV4dChmYWxzZSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBDbG9zZXMgYWxsIGVuYWJsZWQgYWNjb3JkaW9uIGl0ZW1zLlxuICAgICAqL1xuICAgIGNsb3NlQWxsKCkge1xuICAgICAgICB0aGlzLm9wZW5DbG9zZUl0ZW1zLm5leHQodHJ1ZSk7XG4gICAgfVxufVxuIl19
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { DrAccordionComponent } from './accordion.component';
|
|
4
|
+
import { DrAccordionItemComponent } from './accordion-item.component';
|
|
5
|
+
import { DrAccordionItemHeaderComponent } from './accordion-item-header.component';
|
|
6
|
+
import { DrAccordionItemBodyComponent } from './accordion-item-body.component';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
const DR_ACCORDION_COMPONENTS = [
|
|
9
|
+
DrAccordionComponent,
|
|
10
|
+
DrAccordionItemComponent,
|
|
11
|
+
DrAccordionItemHeaderComponent,
|
|
12
|
+
DrAccordionItemBodyComponent,
|
|
13
|
+
];
|
|
14
|
+
export class DrAccordionModule {
|
|
15
|
+
/** @nocollapse */ static { this.ɵfac = function DrAccordionModule_Factory(t) { return new (t || DrAccordionModule)(); }; }
|
|
16
|
+
/** @nocollapse */ static { this.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: DrAccordionModule }); }
|
|
17
|
+
/** @nocollapse */ static { this.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [CommonModule] }); }
|
|
18
|
+
}
|
|
19
|
+
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrAccordionModule, [{
|
|
20
|
+
type: NgModule,
|
|
21
|
+
args: [{
|
|
22
|
+
imports: [CommonModule],
|
|
23
|
+
exports: [...DR_ACCORDION_COMPONENTS],
|
|
24
|
+
declarations: [...DR_ACCORDION_COMPONENTS],
|
|
25
|
+
providers: [],
|
|
26
|
+
}]
|
|
27
|
+
}], null, null); })();
|
|
28
|
+
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrAccordionModule, { declarations: [DrAccordionComponent,
|
|
29
|
+
DrAccordionItemComponent,
|
|
30
|
+
DrAccordionItemHeaderComponent,
|
|
31
|
+
DrAccordionItemBodyComponent], imports: [CommonModule], exports: [DrAccordionComponent,
|
|
32
|
+
DrAccordionItemComponent,
|
|
33
|
+
DrAccordionItemHeaderComponent,
|
|
34
|
+
DrAccordionItemBodyComponent] }); })();
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWFjY29yZGlvbi9hY2NvcmRpb24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzdELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3RFLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ25GLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDOztBQUUvRSxNQUFNLHVCQUF1QixHQUFHO0lBQzVCLG9CQUFvQjtJQUNwQix3QkFBd0I7SUFDeEIsOEJBQThCO0lBQzlCLDRCQUE0QjtDQUMvQixDQUFDO0FBUUYsTUFBTSxPQUFPLGlCQUFpQjtxR0FBakIsaUJBQWlCO2tHQUFqQixpQkFBaUI7c0dBTGhCLFlBQVk7O3VGQUtiLGlCQUFpQjtjQU43QixRQUFRO2VBQUM7Z0JBQ04sT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO2dCQUN2QixPQUFPLEVBQUUsQ0FBQyxHQUFHLHVCQUF1QixDQUFDO2dCQUNyQyxZQUFZLEVBQUUsQ0FBQyxHQUFHLHVCQUF1QixDQUFDO2dCQUMxQyxTQUFTLEVBQUUsRUFBRTthQUNoQjs7d0ZBQ1ksaUJBQWlCLG1CQVoxQixvQkFBb0I7UUFDcEIsd0JBQXdCO1FBQ3hCLDhCQUE4QjtRQUM5Qiw0QkFBNEIsYUFJbEIsWUFBWSxhQVB0QixvQkFBb0I7UUFDcEIsd0JBQXdCO1FBQ3hCLDhCQUE4QjtRQUM5Qiw0QkFBNEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IERyQWNjb3JkaW9uQ29tcG9uZW50IH0gZnJvbSAnLi9hY2NvcmRpb24uY29tcG9uZW50JztcbmltcG9ydCB7IERyQWNjb3JkaW9uSXRlbUNvbXBvbmVudCB9IGZyb20gJy4vYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IERyQWNjb3JkaW9uSXRlbUhlYWRlckNvbXBvbmVudCB9IGZyb20gJy4vYWNjb3JkaW9uLWl0ZW0taGVhZGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEckFjY29yZGlvbkl0ZW1Cb2R5Q29tcG9uZW50IH0gZnJvbSAnLi9hY2NvcmRpb24taXRlbS1ib2R5LmNvbXBvbmVudCc7XG5cbmNvbnN0IERSX0FDQ09SRElPTl9DT01QT05FTlRTID0gW1xuICAgIERyQWNjb3JkaW9uQ29tcG9uZW50LFxuICAgIERyQWNjb3JkaW9uSXRlbUNvbXBvbmVudCxcbiAgICBEckFjY29yZGlvbkl0ZW1IZWFkZXJDb21wb25lbnQsXG4gICAgRHJBY2NvcmRpb25JdGVtQm9keUNvbXBvbmVudCxcbl07XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gICAgZXhwb3J0czogWy4uLkRSX0FDQ09SRElPTl9DT01QT05FTlRTXSxcbiAgICBkZWNsYXJhdGlvbnM6IFsuLi5EUl9BQ0NPUkRJT05fQ09NUE9ORU5UU10sXG4gICAgcHJvdmlkZXJzOiBbXSxcbn0pXG5leHBvcnQgY2xhc3MgRHJBY2NvcmRpb25Nb2R1bGUge31cbiJdfQ==
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';
|
|
2
|
+
import { DrAlertTheme } from './enums/dr-alert-theme.enum';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/common";
|
|
5
|
+
function DrAlertComponent_span_2_Template(rf, ctx) { if (rf & 1) {
|
|
6
|
+
i0.ɵɵelementStart(0, "span", 4);
|
|
7
|
+
i0.ɵɵtext(1);
|
|
8
|
+
i0.ɵɵelementEnd();
|
|
9
|
+
} if (rf & 2) {
|
|
10
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
11
|
+
i0.ɵɵadvance(1);
|
|
12
|
+
i0.ɵɵtextInterpolate(ctx_r0.text);
|
|
13
|
+
} }
|
|
14
|
+
const _c0 = ["*"];
|
|
15
|
+
const ALERT_THEME_ICONS = {
|
|
16
|
+
[DrAlertTheme.SUCCESS]: 'dr-icon-uploaded-success',
|
|
17
|
+
[DrAlertTheme.BOLD_ERROR]: 'dr-icon-error',
|
|
18
|
+
[DrAlertTheme.ERROR]: 'dr-icon-error',
|
|
19
|
+
[DrAlertTheme.WARNING]: 'dr-icon-warning',
|
|
20
|
+
[DrAlertTheme.INFO]: 'dr-icon-info',
|
|
21
|
+
};
|
|
22
|
+
export class DrAlertComponent {
|
|
23
|
+
constructor() {
|
|
24
|
+
this.theme = DrAlertTheme.INFO;
|
|
25
|
+
}
|
|
26
|
+
get elementClass() {
|
|
27
|
+
return `dr-alert dr-alert--${this.theme}`;
|
|
28
|
+
}
|
|
29
|
+
get themeIconClass() {
|
|
30
|
+
return this.customIconClass || ALERT_THEME_ICONS[this.theme];
|
|
31
|
+
}
|
|
32
|
+
/** @nocollapse */ static { this.ɵfac = function DrAlertComponent_Factory(t) { return new (t || DrAlertComponent)(); }; }
|
|
33
|
+
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrAlertComponent, selectors: [["dr-alert"]], hostVars: 2, hostBindings: function DrAlertComponent_HostBindings(rf, ctx) { if (rf & 2) {
|
|
34
|
+
i0.ɵɵclassMap(ctx.elementClass);
|
|
35
|
+
} }, inputs: { theme: "theme", customIconClass: "customIconClass", text: "text" }, ngContentSelectors: _c0, decls: 6, vars: 3, consts: [[1, "dr-alert__content-wrapper"], ["class", "dr-alert__text", 4, "ngIf"], [1, "dr-alert__custom-content"], ["contentRef", ""], [1, "dr-alert__text"]], template: function DrAlertComponent_Template(rf, ctx) { if (rf & 1) {
|
|
36
|
+
i0.ɵɵprojectionDef();
|
|
37
|
+
i0.ɵɵelementStart(0, "div", 0);
|
|
38
|
+
i0.ɵɵelement(1, "i");
|
|
39
|
+
i0.ɵɵtemplate(2, DrAlertComponent_span_2_Template, 2, 1, "span", 1);
|
|
40
|
+
i0.ɵɵelementStart(3, "div", 2, 3);
|
|
41
|
+
i0.ɵɵprojection(5);
|
|
42
|
+
i0.ɵɵelementEnd()();
|
|
43
|
+
} if (rf & 2) {
|
|
44
|
+
const _r1 = i0.ɵɵreference(4);
|
|
45
|
+
i0.ɵɵadvance(1);
|
|
46
|
+
i0.ɵɵclassMap("dr-alert__icon " + ctx.themeIconClass);
|
|
47
|
+
i0.ɵɵadvance(1);
|
|
48
|
+
i0.ɵɵproperty("ngIf", !_r1.innerHTML.trim());
|
|
49
|
+
} }, dependencies: [i1.NgIf], styles: ["[_nghost-%COMP%]{font-family:Poppins,sans-serif;display:flex;padding:8px 16px;align-items:center;border-radius:8px;min-height:56px;color:#6d6e6f}.dr-alert--info[_nghost-%COMP%]{background:#e6efff}.dr-alert--bold-error[_nghost-%COMP%]{color:#fff;background:#bf1d30}.dr-alert--error[_nghost-%COMP%]{background:#f7d9dc}.dr-alert--warning[_nghost-%COMP%]{background:#ffefc7}.dr-alert--success[_nghost-%COMP%]{background:#dbf5e6}[_nghost-%COMP%] .dr-alert__content-wrapper[_ngcontent-%COMP%]{display:flex;font-size:12px}[_nghost-%COMP%] .dr-alert__text[_ngcontent-%COMP%], [_nghost-%COMP%] .dr-alert__icon[_ngcontent-%COMP%], [_nghost-%COMP%] .dr-alert__custom-content[_ngcontent-%COMP%]{line-height:20px}[_nghost-%COMP%] .dr-alert__text[_ngcontent-%COMP%], [_nghost-%COMP%] .dr-alert__custom-content[_ngcontent-%COMP%]{margin-left:8px;white-space:pre-line}"], changeDetection: 0 }); }
|
|
50
|
+
}
|
|
51
|
+
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrAlertComponent, [{
|
|
52
|
+
type: Component,
|
|
53
|
+
args: [{ selector: 'dr-alert', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dr-alert__content-wrapper\">\n <i [class]=\"'dr-alert__icon ' + themeIconClass\"></i>\n <span *ngIf=\"!contentRef.innerHTML.trim()\" class=\"dr-alert__text\">{{ text }}</span>\n <div class=\"dr-alert__custom-content\" #contentRef>\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [":host{font-family:Poppins,sans-serif;display:flex;padding:8px 16px;align-items:center;border-radius:8px;min-height:56px;color:#6d6e6f}:host.dr-alert--info{background:#e6efff}:host.dr-alert--bold-error{color:#fff;background:#bf1d30}:host.dr-alert--error{background:#f7d9dc}:host.dr-alert--warning{background:#ffefc7}:host.dr-alert--success{background:#dbf5e6}:host .dr-alert__content-wrapper{display:flex;font-size:12px}:host .dr-alert__text,:host .dr-alert__icon,:host .dr-alert__custom-content{line-height:20px}:host .dr-alert__text,:host .dr-alert__custom-content{margin-left:8px;white-space:pre-line}\n"] }]
|
|
54
|
+
}], null, { theme: [{
|
|
55
|
+
type: Input
|
|
56
|
+
}], customIconClass: [{
|
|
57
|
+
type: Input
|
|
58
|
+
}], text: [{
|
|
59
|
+
type: Input
|
|
60
|
+
}], elementClass: [{
|
|
61
|
+
type: HostBinding,
|
|
62
|
+
args: ['class']
|
|
63
|
+
}] }); })();
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZHItYWxlcnQvZHItYWxlcnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZHItYWxlcnQvZHItYWxlcnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7OztJQ0N2RCwrQkFBa0U7SUFBQSxZQUFVO0lBQUEsaUJBQU87OztJQUFqQixlQUFVO0lBQVYsaUNBQVU7OztBRENoRixNQUFNLGlCQUFpQixHQUFHO0lBQ3RCLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxFQUFFLDBCQUEwQjtJQUNsRCxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsRUFBRSxlQUFlO0lBQzFDLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxFQUFFLGVBQWU7SUFDckMsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLEVBQUUsaUJBQWlCO0lBQ3pDLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxFQUFFLGNBQWM7Q0FDdEMsQ0FBQztBQVFGLE1BQU0sT0FBTyxnQkFBZ0I7SUFON0I7UUFPYSxVQUFLLEdBQWlCLFlBQVksQ0FBQyxJQUFJLENBQUM7S0FZcEQ7SUFSRyxJQUNJLFlBQVk7UUFDWixPQUFPLHNCQUFzQixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDOUMsQ0FBQztJQUVELElBQVcsY0FBYztRQUNyQixPQUFPLElBQUksQ0FBQyxlQUFlLElBQUksaUJBQWlCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pFLENBQUM7b0dBWlEsZ0JBQWdCO21HQUFoQixnQkFBZ0I7Ozs7WUNqQjdCLDhCQUF1QztZQUNuQyxvQkFBb0Q7WUFDcEQsbUVBQW1GO1lBQ25GLGlDQUFrRDtZQUM5QyxrQkFBeUI7WUFDN0IsaUJBQU0sRUFBQTs7O1lBSkgsZUFBNEM7WUFBNUMscURBQTRDO1lBQ3hDLGVBQWtDO1lBQWxDLDRDQUFrQzs7O3VGRGVoQyxnQkFBZ0I7Y0FONUIsU0FBUzsyQkFDSSxVQUFVLG1CQUdILHVCQUF1QixDQUFDLE1BQU07Z0JBR3RDLEtBQUs7a0JBQWIsS0FBSztZQUNHLGVBQWU7a0JBQXZCLEtBQUs7WUFDRyxJQUFJO2tCQUFaLEtBQUs7WUFHRixZQUFZO2tCQURmLFdBQVc7bUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRHJBbGVydFRoZW1lIH0gZnJvbSAnLi9lbnVtcy9kci1hbGVydC10aGVtZS5lbnVtJztcblxuY29uc3QgQUxFUlRfVEhFTUVfSUNPTlMgPSB7XG4gICAgW0RyQWxlcnRUaGVtZS5TVUNDRVNTXTogJ2RyLWljb24tdXBsb2FkZWQtc3VjY2VzcycsXG4gICAgW0RyQWxlcnRUaGVtZS5CT0xEX0VSUk9SXTogJ2RyLWljb24tZXJyb3InLFxuICAgIFtEckFsZXJ0VGhlbWUuRVJST1JdOiAnZHItaWNvbi1lcnJvcicsXG4gICAgW0RyQWxlcnRUaGVtZS5XQVJOSU5HXTogJ2RyLWljb24td2FybmluZycsXG4gICAgW0RyQWxlcnRUaGVtZS5JTkZPXTogJ2RyLWljb24taW5mbycsXG59O1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2RyLWFsZXJ0JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZHItYWxlcnQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2RyLWFsZXJ0LmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERyQWxlcnRDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIHRoZW1lOiBEckFsZXJ0VGhlbWUgPSBEckFsZXJ0VGhlbWUuSU5GTztcbiAgICBASW5wdXQoKSBjdXN0b21JY29uQ2xhc3M6IHN0cmluZztcbiAgICBASW5wdXQoKSB0ZXh0OiBzdHJpbmc7XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBnZXQgZWxlbWVudENsYXNzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBgZHItYWxlcnQgZHItYWxlcnQtLSR7dGhpcy50aGVtZX1gO1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXQgdGhlbWVJY29uQ2xhc3MoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuY3VzdG9tSWNvbkNsYXNzIHx8IEFMRVJUX1RIRU1FX0lDT05TW3RoaXMudGhlbWVdO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJkci1hbGVydF9fY29udGVudC13cmFwcGVyXCI+XG4gICAgPGkgW2NsYXNzXT1cIidkci1hbGVydF9faWNvbiAnICsgdGhlbWVJY29uQ2xhc3NcIj48L2k+XG4gICAgPHNwYW4gKm5nSWY9XCIhY29udGVudFJlZi5pbm5lckhUTUwudHJpbSgpXCIgY2xhc3M9XCJkci1hbGVydF9fdGV4dFwiPnt7IHRleHQgfX08L3NwYW4+XG4gICAgPGRpdiBjbGFzcz1cImRyLWFsZXJ0X19jdXN0b20tY29udGVudFwiICNjb250ZW50UmVmPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { DrAlertComponent } from './dr-alert.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class DrAlertModule {
|
|
6
|
+
/** @nocollapse */ static { this.ɵfac = function DrAlertModule_Factory(t) { return new (t || DrAlertModule)(); }; }
|
|
7
|
+
/** @nocollapse */ static { this.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: DrAlertModule }); }
|
|
8
|
+
/** @nocollapse */ static { this.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [CommonModule] }); }
|
|
9
|
+
}
|
|
10
|
+
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrAlertModule, [{
|
|
11
|
+
type: NgModule,
|
|
12
|
+
args: [{
|
|
13
|
+
imports: [CommonModule],
|
|
14
|
+
exports: [DrAlertComponent],
|
|
15
|
+
providers: [],
|
|
16
|
+
declarations: [DrAlertComponent],
|
|
17
|
+
}]
|
|
18
|
+
}], null, null); })();
|
|
19
|
+
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DrAlertModule, { declarations: [DrAlertComponent], imports: [CommonModule], exports: [DrAlertComponent] }); })();
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItYWxlcnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZHItYWxlcnQvZHItYWxlcnQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDOztBQVF4RCxNQUFNLE9BQU8sYUFBYTtpR0FBYixhQUFhO2tHQUFiLGFBQWE7c0dBTFosWUFBWTs7dUZBS2IsYUFBYTtjQU56QixRQUFRO2VBQUM7Z0JBQ04sT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO2dCQUN2QixPQUFPLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztnQkFDM0IsU0FBUyxFQUFFLEVBQUU7Z0JBQ2IsWUFBWSxFQUFFLENBQUMsZ0JBQWdCLENBQUM7YUFDbkM7O3dGQUNZLGFBQWEsbUJBRlAsZ0JBQWdCLGFBSHJCLFlBQVksYUFDWixnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IERyQWxlcnRDb21wb25lbnQgfSBmcm9tICcuL2RyLWFsZXJ0LmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gICAgZXhwb3J0czogW0RyQWxlcnRDb21wb25lbnRdLFxuICAgIHByb3ZpZGVyczogW10sXG4gICAgZGVjbGFyYXRpb25zOiBbRHJBbGVydENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIERyQWxlcnRNb2R1bGUge31cbiJdfQ==
|