@odx/angular 1.0.0-rc.3 → 1.0.0-rc.5
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/animations/index.d.ts +1 -0
- package/animations/lib/wait-for-child-animations.d.ts +1 -0
- package/cdk/active-indicator/README.md +3 -0
- package/cdk/active-indicator/index.d.ts +2 -0
- package/cdk/active-indicator/lib/active-indicator.directive.d.ts +24 -0
- package/cdk/active-indicator/lib/models/active-indicator-direction.d.ts +5 -0
- package/cdk/active-indicator/lib/models/active-indicator-position.d.ts +6 -0
- package/cdk/active-indicator/lib/models/index.d.ts +2 -0
- package/cdk/checkbox-control/lib/checkbox-control.directive.d.ts +2 -3
- package/cdk/custom-form-control/lib/custom-form-control.d.ts +7 -14
- package/cdk/dynamic-view/lib/dynamic-view.component.d.ts +3 -3
- package/cdk/dynamic-view/lib/dynamic-view.directive.d.ts +3 -1
- package/cdk/dynamic-view/lib/dynamic-view.service.d.ts +1 -0
- package/cdk/dynamic-view/lib/facade/dynamic-view-ref.d.ts +1 -0
- package/cdk/dynamic-view/lib/helpers/create-projectable-nodes.d.ts +2 -0
- package/cdk/dynamic-view/lib/helpers/index.d.ts +1 -0
- package/cdk/dynamic-view/lib/models/dynamic-component-ref.d.ts +1 -0
- package/cdk/dynamic-view/lib/models/dynamic-template-ref.d.ts +1 -0
- package/cdk/dynamic-view/lib/models/dynamic-view-options.d.ts +7 -3
- package/cdk/dynamic-view/lib/tokens/dynamic-view-default-host.d.ts +3 -0
- package/cdk/dynamic-view/lib/tokens/index.d.ts +1 -0
- package/components/checkbox/index.d.ts +2 -0
- package/components/checkbox/lib/checkbox.module.d.ts +9 -0
- package/components/checkbox/lib/checkbox.validator.d.ts +6 -0
- package/components/chip/README.md +3 -0
- package/components/chip/index.d.ts +2 -0
- package/components/chip/lib/chip.component.d.ts +15 -0
- package/components/chip/lib/models/chip-size.d.ts +5 -0
- package/components/chip/lib/models/chip-variant.d.ts +7 -0
- package/components/chip/lib/models/index.d.ts +2 -0
- package/components/circular-progress/README.md +3 -0
- package/components/circular-progress/index.d.ts +2 -0
- package/components/circular-progress/lib/circular-progress.component.d.ts +28 -0
- package/components/circular-progress/lib/models/circular-progress-size.d.ts +7 -0
- package/components/circular-progress/lib/models/index.d.ts +1 -0
- package/components/form-field/lib/components/form-group/form-group.component.d.ts +0 -1
- package/components/form-field/lib/directives/form-field-control.directive.d.ts +3 -4
- package/components/form-field/lib/form-field.config.d.ts +0 -5
- package/components/list/README.md +3 -0
- package/components/list/index.d.ts +3 -0
- package/components/list/lib/components/index.d.ts +1 -0
- package/components/list/lib/components/list-item.component.d.ts +14 -0
- package/components/list/lib/list.component.d.ts +5 -0
- package/components/list/lib/list.module.d.ts +9 -0
- package/components/loading-spinner/README.md +3 -0
- package/components/loading-spinner/index.d.ts +3 -0
- package/components/loading-spinner/lib/loading-spinner.component.d.ts +15 -0
- package/components/loading-spinner/lib/loading-spinner.directive.d.ts +26 -0
- package/components/loading-spinner/lib/loading-spinner.module.d.ts +9 -0
- package/components/loading-spinner/lib/loading-spinner.service.d.ts +9 -0
- package/components/main-menu/lib/directives/main-menu-item.directive.d.ts +6 -1
- package/components/main-menu/lib/main-menu.component.d.ts +3 -1
- package/components/modal/lib/components/modal-header/modal-header.component.d.ts +1 -0
- package/components/modal/lib/modal.component.d.ts +4 -3
- package/components/modal/lib/modal.directive.d.ts +8 -4
- package/components/modal/lib/modal.service.d.ts +0 -2
- package/components/modal/lib/models/index.d.ts +1 -0
- package/components/modal/lib/models/modal-options.d.ts +2 -0
- package/components/modal/lib/models/modal-ref.d.ts +4 -2
- package/components/modal/lib/models/modal-variant.d.ts +5 -0
- package/components/progress/README.md +3 -0
- package/components/progress/index.d.ts +1 -0
- package/components/progress/lib/progress.component.d.ts +14 -0
- package/components/rail-navigation/README.md +3 -0
- package/components/rail-navigation/index.d.ts +3 -0
- package/components/rail-navigation/lib/components/rail-navigation-item.component.d.ts +15 -0
- package/components/rail-navigation/lib/rail-navigation.component.d.ts +12 -0
- package/components/rail-navigation/lib/rail-navigation.module.d.ts +9 -0
- package/components/switch/index.d.ts +2 -0
- package/components/switch/lib/switch.module.d.ts +9 -0
- package/components/switch/lib/switch.validator.d.ts +6 -0
- package/components/toggle-button-group/lib/toggle-button-group.component.d.ts +5 -1
- package/esm2020/animations/index.mjs +2 -1
- package/esm2020/animations/lib/fade.mjs +2 -5
- package/esm2020/animations/lib/wait-for-child-animations.mjs +3 -0
- package/esm2020/cdk/active-indicator/index.mjs +3 -0
- package/esm2020/cdk/active-indicator/lib/active-indicator.directive.mjs +127 -0
- package/esm2020/cdk/active-indicator/lib/models/active-indicator-direction.mjs +5 -0
- package/esm2020/cdk/active-indicator/lib/models/active-indicator-position.mjs +6 -0
- package/esm2020/cdk/active-indicator/lib/models/index.mjs +3 -0
- package/esm2020/cdk/active-indicator/odx-angular-cdk-active-indicator.mjs +5 -0
- package/esm2020/cdk/checkbox-control/lib/checkbox-control.directive.mjs +13 -15
- package/esm2020/cdk/custom-form-control/lib/control.directive.mjs +4 -4
- package/esm2020/cdk/custom-form-control/lib/custom-form-control.mjs +20 -47
- package/esm2020/cdk/dynamic-view/lib/dynamic-view.component.mjs +23 -14
- package/esm2020/cdk/dynamic-view/lib/dynamic-view.directive.mjs +21 -9
- package/esm2020/cdk/dynamic-view/lib/dynamic-view.service.mjs +11 -9
- package/esm2020/cdk/dynamic-view/lib/facade/dynamic-view-ref.mjs +1 -1
- package/esm2020/cdk/dynamic-view/lib/helpers/create-projectable-nodes.mjs +9 -0
- package/esm2020/cdk/dynamic-view/lib/helpers/index.mjs +2 -1
- package/esm2020/cdk/dynamic-view/lib/models/dynamic-component-ref.mjs +13 -5
- package/esm2020/cdk/dynamic-view/lib/models/dynamic-template-ref.mjs +9 -5
- package/esm2020/cdk/dynamic-view/lib/models/dynamic-view-options.mjs +1 -1
- package/esm2020/cdk/dynamic-view/lib/tokens/dynamic-view-default-host.mjs +10 -0
- package/esm2020/cdk/dynamic-view/lib/tokens/index.mjs +2 -1
- package/esm2020/cdk/expandable/lib/directives/expandable-item.directive.mjs +4 -4
- package/esm2020/cdk/expandable/lib/directives/extandable-container.directive.mjs +4 -4
- package/esm2020/cdk/expandable/lib/expandable.module.mjs +5 -5
- package/esm2020/cdk/radio-group-control/lib/radio-control.directive.mjs +7 -7
- package/esm2020/cdk/radio-group-control/lib/radio-group-control.directive.mjs +4 -4
- package/esm2020/cdk/radio-group-control/lib/radio-group-control.module.mjs +5 -5
- package/esm2020/components/accordion/lib/accordion.component.mjs +4 -4
- package/esm2020/components/accordion/lib/accordion.module.mjs +5 -5
- package/esm2020/components/accordion/lib/components/accordion-item/accordion-item.component.mjs +4 -4
- package/esm2020/components/accordion/lib/directives/accordion-item-title.mjs +4 -4
- package/esm2020/components/action-group/action-group.component.mjs +4 -4
- package/esm2020/components/area-header/area-header.component.mjs +4 -4
- package/esm2020/components/area-header/area-header.module.mjs +5 -5
- package/esm2020/components/area-header/directives/area-header-content.directive.mjs +4 -4
- package/esm2020/components/area-header/directives/area-header-subtitle.directive.mjs +4 -4
- package/esm2020/components/avatar/lib/avatar.component.mjs +4 -4
- package/esm2020/components/badge/lib/badge.component.mjs +6 -6
- package/esm2020/components/badge/lib/badge.directive.mjs +7 -7
- package/esm2020/components/button/lib/button.component.mjs +5 -5
- package/esm2020/components/button-group/lib/button-group.component.mjs +4 -4
- package/esm2020/components/checkbox/index.mjs +3 -1
- package/esm2020/components/checkbox/lib/checkbox.component.mjs +5 -5
- package/esm2020/components/checkbox/lib/checkbox.module.mjs +19 -0
- package/esm2020/components/checkbox/lib/checkbox.validator.mjs +28 -0
- package/esm2020/components/chip/index.mjs +3 -0
- package/esm2020/components/chip/lib/chip.component.mjs +54 -0
- package/esm2020/components/chip/lib/models/chip-size.mjs +5 -0
- package/esm2020/components/chip/lib/models/chip-variant.mjs +7 -0
- package/esm2020/components/chip/lib/models/index.mjs +3 -0
- package/esm2020/components/chip/odx-angular-components-chip.mjs +5 -0
- package/esm2020/components/circular-progress/index.mjs +3 -0
- package/esm2020/components/circular-progress/lib/circular-progress.component.mjs +91 -0
- package/esm2020/components/circular-progress/lib/models/circular-progress-size.mjs +7 -0
- package/esm2020/components/circular-progress/lib/models/index.mjs +2 -0
- package/esm2020/components/circular-progress/odx-angular-components-circular-progress.mjs +5 -0
- package/esm2020/components/content-box/lib/content-box.component.mjs +4 -4
- package/esm2020/components/content-box/lib/content-box.module.mjs +5 -5
- package/esm2020/components/content-box/lib/directives/content-box-footer-directive.mjs +4 -4
- package/esm2020/components/content-box/lib/directives/content-box-header-directive.mjs +4 -4
- package/esm2020/components/form-field/lib/components/form-field-info/form-field-info.component.mjs +4 -4
- package/esm2020/components/form-field/lib/components/form-group/form-group.component.mjs +11 -13
- package/esm2020/components/form-field/lib/directives/form-field-control.directive.mjs +20 -13
- package/esm2020/components/form-field/lib/directives/form-field-error.directive.mjs +4 -4
- package/esm2020/components/form-field/lib/directives/form-field-hint.directive.mjs +4 -4
- package/esm2020/components/form-field/lib/directives/form-field-label.directive.mjs +4 -4
- package/esm2020/components/form-field/lib/directives/form.directive.mjs +4 -4
- package/esm2020/components/form-field/lib/form-field.component.mjs +4 -4
- package/esm2020/components/form-field/lib/form-field.config.mjs +1 -2
- package/esm2020/components/form-field/lib/form-field.module.mjs +5 -5
- package/esm2020/components/form-field/lib/form-field.service.mjs +4 -4
- package/esm2020/components/form-field/lib/services/form-field-error.service.mjs +4 -4
- package/esm2020/components/header/lib/directives/header-avatar.directive.mjs +4 -4
- package/esm2020/components/header/lib/directives/header-title.directive.mjs +4 -4
- package/esm2020/components/header/lib/header.component.mjs +4 -4
- package/esm2020/components/header/lib/header.module.mjs +5 -5
- package/esm2020/components/icon/lib/icon.component.mjs +4 -4
- package/esm2020/components/link/link.directive.mjs +4 -4
- package/esm2020/components/list/index.mjs +4 -0
- package/esm2020/components/list/lib/components/index.mjs +2 -0
- package/esm2020/components/list/lib/components/list-item.component.mjs +46 -0
- package/esm2020/components/list/lib/list.component.mjs +13 -0
- package/esm2020/components/list/lib/list.module.mjs +19 -0
- package/esm2020/components/list/odx-angular-components-list.mjs +5 -0
- package/esm2020/components/loading-spinner/index.mjs +4 -0
- package/esm2020/components/loading-spinner/lib/loading-spinner.component.mjs +58 -0
- package/esm2020/components/loading-spinner/lib/loading-spinner.directive.mjs +87 -0
- package/esm2020/components/loading-spinner/lib/loading-spinner.module.mjs +19 -0
- package/esm2020/components/loading-spinner/lib/loading-spinner.service.mjs +17 -0
- package/esm2020/components/loading-spinner/odx-angular-components-loading-spinner.mjs +5 -0
- package/esm2020/components/logo/logo.directive.mjs +4 -4
- package/esm2020/components/main-menu/lib/directives/main-menu-button.directive.mjs +4 -4
- package/esm2020/components/main-menu/lib/directives/main-menu-item.directive.mjs +20 -9
- package/esm2020/components/main-menu/lib/main-menu.component.mjs +7 -6
- package/esm2020/components/main-menu/lib/main-menu.module.mjs +5 -5
- package/esm2020/components/main-menu/lib/main-menu.service.mjs +4 -4
- package/esm2020/components/modal/lib/components/modal-footer/modal-footer.component.mjs +4 -4
- package/esm2020/components/modal/lib/components/modal-header/modal-header.component.mjs +10 -8
- package/esm2020/components/modal/lib/directives/modal-close.directive.mjs +4 -4
- package/esm2020/components/modal/lib/directives/modal-content.directive.mjs +4 -4
- package/esm2020/components/modal/lib/directives/modal-dismiss.directive.mjs +4 -4
- package/esm2020/components/modal/lib/modal.component.mjs +29 -16
- package/esm2020/components/modal/lib/modal.config.mjs +3 -1
- package/esm2020/components/modal/lib/modal.directive.mjs +24 -6
- package/esm2020/components/modal/lib/modal.module.mjs +5 -5
- package/esm2020/components/modal/lib/modal.service.mjs +8 -21
- package/esm2020/components/modal/lib/models/index.mjs +2 -1
- package/esm2020/components/modal/lib/models/modal-options.mjs +1 -1
- package/esm2020/components/modal/lib/models/modal-ref.mjs +9 -2
- package/esm2020/components/modal/lib/models/modal-variant.mjs +5 -0
- package/esm2020/components/modal/lib/services/open-modal-manager.service.mjs +4 -4
- package/esm2020/components/progress/index.mjs +2 -0
- package/esm2020/components/progress/lib/progress.component.mjs +51 -0
- package/esm2020/components/progress/odx-angular-components-progress.mjs +5 -0
- package/esm2020/components/radio-group/lib/components/radio-button/radio-button.component.mjs +5 -5
- package/esm2020/components/radio-group/lib/radio-group.component.mjs +4 -4
- package/esm2020/components/radio-group/lib/radio-group.module.mjs +5 -5
- package/esm2020/components/rail-navigation/index.mjs +4 -0
- package/esm2020/components/rail-navigation/lib/components/rail-navigation-item.component.mjs +43 -0
- package/esm2020/components/rail-navigation/lib/rail-navigation.component.mjs +41 -0
- package/esm2020/components/rail-navigation/lib/rail-navigation.module.mjs +19 -0
- package/esm2020/components/rail-navigation/odx-angular-components-rail-navigation.mjs +5 -0
- package/esm2020/components/switch/index.mjs +3 -1
- package/esm2020/components/switch/lib/switch.component.mjs +5 -5
- package/esm2020/components/switch/lib/switch.module.mjs +19 -0
- package/esm2020/components/switch/lib/switch.validator.mjs +28 -0
- package/esm2020/components/toggle-button-group/lib/components/toggle-button/toggle-button.component.mjs +5 -5
- package/esm2020/components/toggle-button-group/lib/toggle-button-group.component.mjs +20 -11
- package/esm2020/components/toggle-button-group/lib/toggle-button-group.module.mjs +5 -5
- package/esm2020/lib/controllers/controller.mjs +15 -13
- package/esm2020/lib/controllers/disabled.controller.mjs +7 -6
- package/esm2020/lib/controllers/readonly.controller.mjs +7 -6
- package/esm2020/lib/core.module.mjs +5 -5
- package/esm2020/lib/directives/click-outside.directive.mjs +4 -4
- package/esm2020/lib/services/window-ref.mjs +4 -4
- package/esm2020/rxjs/index.mjs +2 -2
- package/esm2020/rxjs/lib/from-element-resize.mjs +14 -0
- package/esm2020/utils/lib/helpers/angular.mjs +5 -2
- package/esm2020/utils/lib/helpers/dom.mjs +24 -1
- package/fesm2015/odx-angular-animations.mjs +5 -3
- package/fesm2015/odx-angular-animations.mjs.map +1 -1
- package/fesm2015/odx-angular-cdk-active-indicator.mjs +142 -0
- package/fesm2015/odx-angular-cdk-active-indicator.mjs.map +1 -0
- package/fesm2015/odx-angular-cdk-checkbox-control.mjs +12 -14
- package/fesm2015/odx-angular-cdk-checkbox-control.mjs.map +1 -1
- package/fesm2015/odx-angular-cdk-custom-form-control.mjs +24 -51
- package/fesm2015/odx-angular-cdk-custom-form-control.mjs.map +1 -1
- package/fesm2015/odx-angular-cdk-dynamic-view.mjs +88 -38
- package/fesm2015/odx-angular-cdk-dynamic-view.mjs.map +1 -1
- package/fesm2015/odx-angular-cdk-expandable.mjs +10 -10
- package/fesm2015/odx-angular-cdk-expandable.mjs.map +1 -1
- package/fesm2015/odx-angular-cdk-radio-group-control.mjs +13 -13
- package/fesm2015/odx-angular-cdk-radio-group-control.mjs.map +1 -1
- package/fesm2015/odx-angular-components-accordion.mjs +13 -13
- package/fesm2015/odx-angular-components-accordion.mjs.map +1 -1
- package/fesm2015/odx-angular-components-action-group.mjs +3 -3
- package/fesm2015/odx-angular-components-action-group.mjs.map +1 -1
- package/fesm2015/odx-angular-components-area-header.mjs +13 -13
- package/fesm2015/odx-angular-components-area-header.mjs.map +1 -1
- package/fesm2015/odx-angular-components-avatar.mjs +3 -3
- package/fesm2015/odx-angular-components-avatar.mjs.map +1 -1
- package/fesm2015/odx-angular-components-badge.mjs +10 -10
- package/fesm2015/odx-angular-components-badge.mjs.map +1 -1
- package/fesm2015/odx-angular-components-button-group.mjs +3 -3
- package/fesm2015/odx-angular-components-button-group.mjs.map +1 -1
- package/fesm2015/odx-angular-components-button.mjs +4 -5
- package/fesm2015/odx-angular-components-button.mjs.map +1 -1
- package/fesm2015/odx-angular-components-checkbox.mjs +47 -7
- package/fesm2015/odx-angular-components-checkbox.mjs.map +1 -1
- package/fesm2015/odx-angular-components-chip.mjs +71 -0
- package/fesm2015/odx-angular-components-chip.mjs.map +1 -0
- package/fesm2015/odx-angular-components-circular-progress.mjs +103 -0
- package/fesm2015/odx-angular-components-circular-progress.mjs.map +1 -0
- package/fesm2015/odx-angular-components-content-box.mjs +13 -13
- package/fesm2015/odx-angular-components-content-box.mjs.map +1 -1
- package/fesm2015/odx-angular-components-form-field.mjs +52 -51
- package/fesm2015/odx-angular-components-form-field.mjs.map +1 -1
- package/fesm2015/odx-angular-components-header.mjs +13 -13
- package/fesm2015/odx-angular-components-header.mjs.map +1 -1
- package/fesm2015/odx-angular-components-icon.mjs +3 -3
- package/fesm2015/odx-angular-components-icon.mjs.map +1 -1
- package/fesm2015/odx-angular-components-link.mjs +3 -3
- package/fesm2015/odx-angular-components-link.mjs.map +1 -1
- package/fesm2015/odx-angular-components-list.mjs +79 -0
- package/fesm2015/odx-angular-components-list.mjs.map +1 -0
- package/fesm2015/odx-angular-components-loading-spinner.mjs +173 -0
- package/fesm2015/odx-angular-components-loading-spinner.mjs.map +1 -0
- package/fesm2015/odx-angular-components-logo.mjs +3 -3
- package/fesm2015/odx-angular-components-logo.mjs.map +1 -1
- package/fesm2015/odx-angular-components-main-menu.mjs +34 -23
- package/fesm2015/odx-angular-components-main-menu.mjs.map +1 -1
- package/fesm2015/odx-angular-components-modal.mjs +97 -66
- package/fesm2015/odx-angular-components-modal.mjs.map +1 -1
- package/fesm2015/odx-angular-components-progress.mjs +57 -0
- package/fesm2015/odx-angular-components-progress.mjs.map +1 -0
- package/fesm2015/odx-angular-components-radio-group.mjs +11 -11
- package/fesm2015/odx-angular-components-radio-group.mjs.map +1 -1
- package/fesm2015/odx-angular-components-rail-navigation.mjs +97 -0
- package/fesm2015/odx-angular-components-rail-navigation.mjs.map +1 -0
- package/fesm2015/odx-angular-components-switch.mjs +47 -7
- package/fesm2015/odx-angular-components-switch.mjs.map +1 -1
- package/fesm2015/odx-angular-components-toggle-button-group.mjs +26 -18
- package/fesm2015/odx-angular-components-toggle-button-group.mjs.map +1 -1
- package/fesm2015/odx-angular-rxjs.mjs +15 -6
- package/fesm2015/odx-angular-rxjs.mjs.map +1 -1
- package/fesm2015/odx-angular-utils.mjs +28 -2
- package/fesm2015/odx-angular-utils.mjs.map +1 -1
- package/fesm2015/odx-angular.mjs +38 -33
- package/fesm2015/odx-angular.mjs.map +1 -1
- package/fesm2020/odx-angular-animations.mjs +5 -6
- package/fesm2020/odx-angular-animations.mjs.map +1 -1
- package/fesm2020/odx-angular-cdk-active-indicator.mjs +142 -0
- package/fesm2020/odx-angular-cdk-active-indicator.mjs.map +1 -0
- package/fesm2020/odx-angular-cdk-checkbox-control.mjs +12 -14
- package/fesm2020/odx-angular-cdk-checkbox-control.mjs.map +1 -1
- package/fesm2020/odx-angular-cdk-custom-form-control.mjs +22 -49
- package/fesm2020/odx-angular-cdk-custom-form-control.mjs.map +1 -1
- package/fesm2020/odx-angular-cdk-dynamic-view.mjs +82 -33
- package/fesm2020/odx-angular-cdk-dynamic-view.mjs.map +1 -1
- package/fesm2020/odx-angular-cdk-expandable.mjs +10 -10
- package/fesm2020/odx-angular-cdk-expandable.mjs.map +1 -1
- package/fesm2020/odx-angular-cdk-radio-group-control.mjs +13 -13
- package/fesm2020/odx-angular-cdk-radio-group-control.mjs.map +1 -1
- package/fesm2020/odx-angular-components-accordion.mjs +13 -13
- package/fesm2020/odx-angular-components-accordion.mjs.map +1 -1
- package/fesm2020/odx-angular-components-action-group.mjs +3 -3
- package/fesm2020/odx-angular-components-action-group.mjs.map +1 -1
- package/fesm2020/odx-angular-components-area-header.mjs +13 -13
- package/fesm2020/odx-angular-components-area-header.mjs.map +1 -1
- package/fesm2020/odx-angular-components-avatar.mjs +3 -3
- package/fesm2020/odx-angular-components-avatar.mjs.map +1 -1
- package/fesm2020/odx-angular-components-badge.mjs +10 -10
- package/fesm2020/odx-angular-components-badge.mjs.map +1 -1
- package/fesm2020/odx-angular-components-button-group.mjs +3 -3
- package/fesm2020/odx-angular-components-button-group.mjs.map +1 -1
- package/fesm2020/odx-angular-components-button.mjs +4 -4
- package/fesm2020/odx-angular-components-button.mjs.map +1 -1
- package/fesm2020/odx-angular-components-checkbox.mjs +47 -7
- package/fesm2020/odx-angular-components-checkbox.mjs.map +1 -1
- package/fesm2020/odx-angular-components-chip.mjs +71 -0
- package/fesm2020/odx-angular-components-chip.mjs.map +1 -0
- package/fesm2020/odx-angular-components-circular-progress.mjs +103 -0
- package/fesm2020/odx-angular-components-circular-progress.mjs.map +1 -0
- package/fesm2020/odx-angular-components-content-box.mjs +13 -13
- package/fesm2020/odx-angular-components-content-box.mjs.map +1 -1
- package/fesm2020/odx-angular-components-form-field.mjs +52 -51
- package/fesm2020/odx-angular-components-form-field.mjs.map +1 -1
- package/fesm2020/odx-angular-components-header.mjs +13 -13
- package/fesm2020/odx-angular-components-header.mjs.map +1 -1
- package/fesm2020/odx-angular-components-icon.mjs +3 -3
- package/fesm2020/odx-angular-components-icon.mjs.map +1 -1
- package/fesm2020/odx-angular-components-link.mjs +3 -3
- package/fesm2020/odx-angular-components-link.mjs.map +1 -1
- package/fesm2020/odx-angular-components-list.mjs +78 -0
- package/fesm2020/odx-angular-components-list.mjs.map +1 -0
- package/fesm2020/odx-angular-components-loading-spinner.mjs +172 -0
- package/fesm2020/odx-angular-components-loading-spinner.mjs.map +1 -0
- package/fesm2020/odx-angular-components-logo.mjs +3 -3
- package/fesm2020/odx-angular-components-logo.mjs.map +1 -1
- package/fesm2020/odx-angular-components-main-menu.mjs +34 -23
- package/fesm2020/odx-angular-components-main-menu.mjs.map +1 -1
- package/fesm2020/odx-angular-components-modal.mjs +96 -65
- package/fesm2020/odx-angular-components-modal.mjs.map +1 -1
- package/fesm2020/odx-angular-components-progress.mjs +57 -0
- package/fesm2020/odx-angular-components-progress.mjs.map +1 -0
- package/fesm2020/odx-angular-components-radio-group.mjs +11 -11
- package/fesm2020/odx-angular-components-radio-group.mjs.map +1 -1
- package/fesm2020/odx-angular-components-rail-navigation.mjs +96 -0
- package/fesm2020/odx-angular-components-rail-navigation.mjs.map +1 -0
- package/fesm2020/odx-angular-components-switch.mjs +47 -7
- package/fesm2020/odx-angular-components-switch.mjs.map +1 -1
- package/fesm2020/odx-angular-components-toggle-button-group.mjs +26 -18
- package/fesm2020/odx-angular-components-toggle-button-group.mjs.map +1 -1
- package/fesm2020/odx-angular-rxjs.mjs +15 -6
- package/fesm2020/odx-angular-rxjs.mjs.map +1 -1
- package/fesm2020/odx-angular-utils.mjs +28 -2
- package/fesm2020/odx-angular-utils.mjs.map +1 -1
- package/fesm2020/odx-angular.mjs +38 -33
- package/fesm2020/odx-angular.mjs.map +1 -1
- package/lib/controllers/controller.d.ts +1 -2
- package/package.json +59 -2
- package/rxjs/index.d.ts +1 -1
- package/rxjs/lib/from-element-resize.d.ts +2 -0
- package/utils/lib/helpers/angular.d.ts +2 -1
- package/utils/lib/helpers/dom.d.ts +5 -1
- package/esm2020/rxjs/lib/mark-for-check.mjs +0 -5
- package/rxjs/lib/mark-for-check.d.ts +0 -3
|
@@ -15,8 +15,8 @@ let AvatarComponent = class AvatarComponent {
|
|
|
15
15
|
this.element = injectElement();
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
|
-
AvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
19
|
-
AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.
|
|
18
|
+
AvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
+
AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: AvatarComponent, isStandalone: true, selector: "odx-avatar", inputs: { size: "size" }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
20
20
|
__decorate([
|
|
21
21
|
CSSModifier({
|
|
22
22
|
default: AvatarSize.SMALL,
|
|
@@ -26,7 +26,7 @@ __decorate([
|
|
|
26
26
|
AvatarComponent = __decorate([
|
|
27
27
|
CSSComponent('avatar')
|
|
28
28
|
], AvatarComponent);
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: AvatarComponent, decorators: [{
|
|
30
30
|
type: Component,
|
|
31
31
|
args: [{ standalone: true, selector: 'odx-avatar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
|
|
32
32
|
}], propDecorators: { size: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"odx-angular-components-avatar.mjs","sources":["../../../../libs/angular/components/avatar/src/lib/models/avatar-size.ts","../../../../libs/angular/components/avatar/src/lib/avatar.component.ts","../../../../libs/angular/components/avatar/src/lib/avatar.component.html","../../../../libs/angular/components/avatar/src/odx-angular-components-avatar.ts"],"sourcesContent":["export type AvatarSize = typeof AvatarSize[keyof typeof AvatarSize];\n\nexport const AvatarSize = {\n SMALL: 'small',\n MEDIUM: 'medium',\n LARGE: 'large',\n} as const;\n","import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\nimport { AvatarSize } from './models';\n\n@CSSComponent('avatar')\n@Component({\n standalone: true,\n selector: 'odx-avatar',\n templateUrl: 'avatar.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AvatarComponent {\n public readonly element = injectElement();\n\n @CSSModifier({\n default: AvatarSize.SMALL,\n })\n @Input()\n public size?: AvatarSize | null;\n}\n","<ng-content></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAEa,MAAA,UAAU,GAAG;AACxB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,KAAK,EAAE,OAAO;;;ACQH,IAAA,eAAe,GAArB,MAAM,eAAe,CAAA;AAArB,IAAA,WAAA,GAAA;AACW,QAAA,IAAO,CAAA,OAAA,GAAG,aAAa,EAAE,CAAC;KAO3C;;
|
|
1
|
+
{"version":3,"file":"odx-angular-components-avatar.mjs","sources":["../../../../libs/angular/components/avatar/src/lib/models/avatar-size.ts","../../../../libs/angular/components/avatar/src/lib/avatar.component.ts","../../../../libs/angular/components/avatar/src/lib/avatar.component.html","../../../../libs/angular/components/avatar/src/odx-angular-components-avatar.ts"],"sourcesContent":["export type AvatarSize = typeof AvatarSize[keyof typeof AvatarSize];\n\nexport const AvatarSize = {\n SMALL: 'small',\n MEDIUM: 'medium',\n LARGE: 'large',\n} as const;\n","import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\nimport { AvatarSize } from './models';\n\n@CSSComponent('avatar')\n@Component({\n standalone: true,\n selector: 'odx-avatar',\n templateUrl: 'avatar.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AvatarComponent {\n public readonly element = injectElement();\n\n @CSSModifier({\n default: AvatarSize.SMALL,\n })\n @Input()\n public size?: AvatarSize | null;\n}\n","<ng-content></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAEa,MAAA,UAAU,GAAG;AACxB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,KAAK,EAAE,OAAO;;;ACQH,IAAA,eAAe,GAArB,MAAM,eAAe,CAAA;AAArB,IAAA,WAAA,GAAA;AACW,QAAA,IAAO,CAAA,OAAA,GAAG,aAAa,EAAE,CAAC;KAO3C;;6GARY,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,gGCb5B,6BACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;ADeE,UAAA,CAAA;AAAC,IAAA,WAAW,CAAC;QACX,OAAO,EAAE,UAAU,CAAC,KAAK;KAC1B,CAAC;;CAE8B,EAAA,eAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAPrB,eAAe,GAAA,UAAA,CAAA;IAR3B,YAAY,CAAC,QAAQ,CAAC;CAQV,EAAA,eAAe,CAQ3B,CAAA;4FARY,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,YAAY,EAEP,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6BAAA,EAAA,CAAA;8BASxC,IAAI,EAAA,CAAA;sBADV,KAAK;;;AEnBR;;AAEG;;;;"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { __awaiter, __decorate, __metadata } from 'tslib';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
|
-
import { InjectionToken, inject, NgZone, Component, ChangeDetectionStrategy, ViewEncapsulation, Input,
|
|
3
|
+
import { InjectionToken, inject, NgZone, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, ViewContainerRef, Directive } from '@angular/core';
|
|
4
4
|
import { autoUpdate, computePosition, offset, hide } from '@floating-ui/dom';
|
|
5
5
|
import { CSSModifier, CSSComponent } from '@odx/angular/internal';
|
|
6
|
-
import { injectElement, hasChanged, applyStyles, px, Transform } from '@odx/angular/utils';
|
|
6
|
+
import { injectElement, hasChanged, applyStyles, cssTranslate, px, getInjector, Transform } from '@odx/angular/utils';
|
|
7
7
|
import { coerceNumberProperty, coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
8
8
|
|
|
9
9
|
const BADGE_HOST = new InjectionToken('@odx/angular/components/badge::BadgeHost');
|
|
@@ -70,7 +70,7 @@ let BadgeComponent = class BadgeComponent {
|
|
|
70
70
|
strategy: POSITION_STRATEGY,
|
|
71
71
|
});
|
|
72
72
|
if (!((_e = middlewareData.hide) === null || _e === void 0 ? void 0 : _e.referenceHidden)) {
|
|
73
|
-
applyStyles(this.element.nativeElement, { transform:
|
|
73
|
+
applyStyles(this.element.nativeElement, { transform: cssTranslate(px(x), px(y)), display: null });
|
|
74
74
|
}
|
|
75
75
|
else if (this.element.nativeElement.style.display !== 'none') {
|
|
76
76
|
applyStyles(this.element.nativeElement, { display: 'none' });
|
|
@@ -78,8 +78,8 @@ let BadgeComponent = class BadgeComponent {
|
|
|
78
78
|
});
|
|
79
79
|
}
|
|
80
80
|
};
|
|
81
|
-
BadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
82
|
-
BadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.
|
|
81
|
+
BadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
82
|
+
BadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: BadgeComponent, isStandalone: true, selector: "odx-badge", inputs: { value: "value", position: "position", contrast: "contrast", variant: "variant" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
83
83
|
__decorate([
|
|
84
84
|
CSSModifier(),
|
|
85
85
|
__metadata("design:type", Object)
|
|
@@ -91,7 +91,7 @@ __decorate([
|
|
|
91
91
|
BadgeComponent = __decorate([
|
|
92
92
|
CSSComponent('badge')
|
|
93
93
|
], BadgeComponent);
|
|
94
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
94
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: BadgeComponent, decorators: [{
|
|
95
95
|
type: Component,
|
|
96
96
|
args: [{
|
|
97
97
|
selector: 'odx-badge',
|
|
@@ -113,7 +113,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
|
|
|
113
113
|
class BadgeDirective {
|
|
114
114
|
constructor() {
|
|
115
115
|
this.badgeRef = null;
|
|
116
|
-
this.injector =
|
|
116
|
+
this.injector = getInjector();
|
|
117
117
|
this.viewContainer = inject(ViewContainerRef);
|
|
118
118
|
this.hostElement = injectElement().nativeElement;
|
|
119
119
|
}
|
|
@@ -129,8 +129,8 @@ class BadgeDirective {
|
|
|
129
129
|
(_a = this.badgeRef) === null || _a === void 0 ? void 0 : _a.destroy();
|
|
130
130
|
}
|
|
131
131
|
}
|
|
132
|
-
BadgeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
133
|
-
BadgeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.
|
|
132
|
+
BadgeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: BadgeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
133
|
+
BadgeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.10", type: BadgeDirective, isStandalone: true, selector: "[odxBadge]", inputs: { value: ["odxBadge", "value"], contrast: ["odxBadgeContrast", "contrast"], position: ["odxBadgePosition", "position"], variant: ["odxBadgeVariant", "variant"] }, providers: [{ provide: BADGE_HOST, useExisting: BadgeDirective }], usesOnChanges: true, ngImport: i0 });
|
|
134
134
|
__decorate([
|
|
135
135
|
Transform(coerceNumberProperty),
|
|
136
136
|
__metadata("design:type", Number)
|
|
@@ -139,7 +139,7 @@ __decorate([
|
|
|
139
139
|
Transform(coerceBooleanProperty),
|
|
140
140
|
__metadata("design:type", Boolean)
|
|
141
141
|
], BadgeDirective.prototype, "contrast", void 0);
|
|
142
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
142
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: BadgeDirective, decorators: [{
|
|
143
143
|
type: Directive,
|
|
144
144
|
args: [{
|
|
145
145
|
selector: '[odxBadge]',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"odx-angular-components-badge.mjs","sources":["../../../../libs/angular/components/badge/src/lib/badge.config.ts","../../../../libs/angular/components/badge/src/lib/models/badge-position.ts","../../../../libs/angular/components/badge/src/lib/models/badge-variant.ts","../../../../libs/angular/components/badge/src/lib/badge.component.ts","../../../../libs/angular/components/badge/src/lib/badge.directive.ts","../../../../libs/angular/components/badge/src/odx-angular-components-badge.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { BadgeHost } from './facade';\n\nexport const BADGE_HOST = new InjectionToken<BadgeHost>('@odx/angular/components/badge::BadgeHost');\n","export type BadgePosition = typeof BadgePosition[keyof typeof BadgePosition];\n\nexport const BadgePosition = {\n TOP: 'top',\n BOTTOM: 'bottom',\n} as const;\n","export type BadgeVariant = typeof BadgeVariant[keyof typeof BadgeVariant];\n\nexport const BadgeVariant = {\n HIGHLIGHT: 'highlight',\n DANGER: 'danger',\n CONFIRMATION: 'confirmation',\n} as const;\n","import { AfterViewInit, ChangeDetectionStrategy, Component, inject, Input, NgZone, OnChanges, OnDestroy, ViewEncapsulation } from '@angular/core';\nimport { autoUpdate, computePosition, hide, offset, Strategy } from '@floating-ui/dom';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { applyStyles, hasChanged, injectElement, NgChanges, px } from '@odx/angular/utils';\nimport { BADGE_HOST } from './badge.config';\nimport { BadgePosition, BadgeVariant } from './models';\n\nconst POSITION_STRATEGY: Strategy = 'fixed';\n\n@CSSComponent('badge')\n@Component({\n selector: 'odx-badge',\n template: '',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n standalone: true,\n})\nexport class BadgeComponent implements AfterViewInit, OnChanges, OnDestroy {\n private readonly hostElement = inject(BADGE_HOST).hostElement;\n private readonly zone = inject(NgZone);\n private positionUpdater?: () => void;\n private elementRect: DOMRect | null = null;\n\n public readonly element = injectElement();\n\n @Input()\n public value = 0;\n\n @Input()\n public position: BadgePosition = BadgePosition.BOTTOM;\n\n @CSSModifier()\n @Input()\n public contrast = false;\n\n @CSSModifier({ default: BadgeVariant.HIGHLIGHT })\n @Input()\n public variant!: BadgeVariant;\n\n public ngOnChanges(changes: NgChanges<BadgeComponent>): void {\n if (hasChanged(changes, 'value')) {\n this.startPositionUpdater();\n }\n if (hasChanged(changes, 'position')) {\n this.updateBadgePosition();\n }\n }\n\n public ngAfterViewInit(): void {\n this.element.nativeElement.style.position = POSITION_STRATEGY;\n this.startPositionUpdater();\n }\n\n public ngOnDestroy(): void {\n this.stopPositionUpdater();\n }\n\n private startPositionUpdater(): void {\n this.element.nativeElement.dataset['value'] = this.value.toString();\n if (this.value === 0) {\n return this.stopPositionUpdater();\n }\n this.elementRect = this.element.nativeElement.getBoundingClientRect();\n this.positionUpdater ??= this.zone.runOutsideAngular(() =>\n autoUpdate(this.hostElement, this.element.nativeElement, () => this.updateBadgePosition(), { animationFrame: true })\n );\n }\n\n private stopPositionUpdater(): void {\n this.positionUpdater?.();\n this.positionUpdater = undefined;\n }\n\n private async updateBadgePosition(): Promise<void> {\n const badgeOffset = (this.elementRect?.height ?? 0) / 2;\n const badgeWidth = this.elementRect?.width ?? 0;\n const { x, y, middlewareData } = await computePosition(this.hostElement, this.element.nativeElement, {\n middleware: [offset({ alignmentAxis: -badgeOffset, mainAxis: badgeOffset - badgeWidth }), hide()],\n placement: this.position === BadgePosition.TOP ? 'right-start' : 'right-end',\n strategy: POSITION_STRATEGY,\n });\n if (!middlewareData.hide?.referenceHidden) {\n applyStyles(this.element.nativeElement, { transform: `translate(${px(x)}, ${px(y)})`, display: null });\n } else if (this.element.nativeElement.style.display !== 'none') {\n applyStyles(this.element.nativeElement, { display: 'none' });\n }\n }\n}\n","import { BooleanInput, coerceBooleanProperty, coerceNumberProperty, NumberInput } from '@angular/cdk/coercion';\nimport { ComponentRef, Directive, inject, Injector, Input, OnChanges, OnDestroy, SimpleChanges, ViewContainerRef } from '@angular/core';\nimport { injectElement, Transform } from '@odx/angular/utils';\nimport { BadgeComponent } from './badge.component';\nimport { BADGE_HOST } from './badge.config';\nimport { BadgeHost } from './facade';\nimport { BadgePosition, BadgeVariant } from './models';\n\n@Directive({\n selector: '[odxBadge]',\n standalone: true,\n providers: [{ provide: BADGE_HOST, useExisting: BadgeDirective }],\n})\nexport class BadgeDirective implements BadgeHost, OnChanges, OnDestroy {\n public static ngAcceptInputType_content: NumberInput;\n public static ngAcceptInputType_contrast: BooleanInput;\n\n private badgeRef: ComponentRef<BadgeComponent> | null = null;\n private readonly injector = inject(Injector);\n private readonly viewContainer = inject(ViewContainerRef);\n\n public readonly hostElement = injectElement().nativeElement;\n\n @Transform(coerceNumberProperty)\n @Input('odxBadge')\n public value!: number;\n\n @Transform(coerceBooleanProperty)\n @Input('odxBadgeContrast')\n public contrast!: boolean;\n\n @Input('odxBadgePosition')\n public position!: BadgePosition;\n\n @Input('odxBadgeVariant')\n public variant!: BadgeVariant;\n\n public ngOnChanges(changes: SimpleChanges): void {\n this.badgeRef ??= this.viewContainer.createComponent(BadgeComponent, { injector: this.injector });\n\n for (const prop in changes) {\n this.badgeRef.setInput(prop, changes[prop].currentValue);\n }\n }\n\n public ngOnDestroy(): void {\n this.badgeRef?.destroy();\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"odx-angular-components-badge.mjs","sources":["../../../../libs/angular/components/badge/src/lib/badge.config.ts","../../../../libs/angular/components/badge/src/lib/models/badge-position.ts","../../../../libs/angular/components/badge/src/lib/models/badge-variant.ts","../../../../libs/angular/components/badge/src/lib/badge.component.ts","../../../../libs/angular/components/badge/src/lib/badge.directive.ts","../../../../libs/angular/components/badge/src/odx-angular-components-badge.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { BadgeHost } from './facade';\n\nexport const BADGE_HOST = new InjectionToken<BadgeHost>('@odx/angular/components/badge::BadgeHost');\n","export type BadgePosition = typeof BadgePosition[keyof typeof BadgePosition];\n\nexport const BadgePosition = {\n TOP: 'top',\n BOTTOM: 'bottom',\n} as const;\n","export type BadgeVariant = typeof BadgeVariant[keyof typeof BadgeVariant];\n\nexport const BadgeVariant = {\n HIGHLIGHT: 'highlight',\n DANGER: 'danger',\n CONFIRMATION: 'confirmation',\n} as const;\n","import { AfterViewInit, ChangeDetectionStrategy, Component, inject, Input, NgZone, OnChanges, OnDestroy, ViewEncapsulation } from '@angular/core';\nimport { autoUpdate, computePosition, hide, offset, Strategy } from '@floating-ui/dom';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { applyStyles, cssTranslate, hasChanged, injectElement, NgChanges, px } from '@odx/angular/utils';\nimport { BADGE_HOST } from './badge.config';\nimport { BadgePosition, BadgeVariant } from './models';\n\nconst POSITION_STRATEGY: Strategy = 'fixed';\n\n@CSSComponent('badge')\n@Component({\n selector: 'odx-badge',\n template: '',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n standalone: true,\n})\nexport class BadgeComponent implements AfterViewInit, OnChanges, OnDestroy {\n private readonly hostElement = inject(BADGE_HOST).hostElement;\n private readonly zone = inject(NgZone);\n private positionUpdater?: () => void;\n private elementRect: DOMRect | null = null;\n\n public readonly element = injectElement();\n\n @Input()\n public value = 0;\n\n @Input()\n public position: BadgePosition = BadgePosition.BOTTOM;\n\n @CSSModifier()\n @Input()\n public contrast = false;\n\n @CSSModifier({ default: BadgeVariant.HIGHLIGHT })\n @Input()\n public variant!: BadgeVariant;\n\n public ngOnChanges(changes: NgChanges<BadgeComponent>): void {\n if (hasChanged(changes, 'value')) {\n this.startPositionUpdater();\n }\n if (hasChanged(changes, 'position')) {\n this.updateBadgePosition();\n }\n }\n\n public ngAfterViewInit(): void {\n this.element.nativeElement.style.position = POSITION_STRATEGY;\n this.startPositionUpdater();\n }\n\n public ngOnDestroy(): void {\n this.stopPositionUpdater();\n }\n\n private startPositionUpdater(): void {\n this.element.nativeElement.dataset['value'] = this.value.toString();\n if (this.value === 0) {\n return this.stopPositionUpdater();\n }\n this.elementRect = this.element.nativeElement.getBoundingClientRect();\n this.positionUpdater ??= this.zone.runOutsideAngular(() =>\n autoUpdate(this.hostElement, this.element.nativeElement, () => this.updateBadgePosition(), { animationFrame: true })\n );\n }\n\n private stopPositionUpdater(): void {\n this.positionUpdater?.();\n this.positionUpdater = undefined;\n }\n\n private async updateBadgePosition(): Promise<void> {\n const badgeOffset = (this.elementRect?.height ?? 0) / 2;\n const badgeWidth = this.elementRect?.width ?? 0;\n const { x, y, middlewareData } = await computePosition(this.hostElement, this.element.nativeElement, {\n middleware: [offset({ alignmentAxis: -badgeOffset, mainAxis: badgeOffset - badgeWidth }), hide()],\n placement: this.position === BadgePosition.TOP ? 'right-start' : 'right-end',\n strategy: POSITION_STRATEGY,\n });\n if (!middlewareData.hide?.referenceHidden) {\n applyStyles(this.element.nativeElement, { transform: cssTranslate(px(x), px(y)), display: null });\n } else if (this.element.nativeElement.style.display !== 'none') {\n applyStyles(this.element.nativeElement, { display: 'none' });\n }\n }\n}\n","import { BooleanInput, coerceBooleanProperty, coerceNumberProperty, NumberInput } from '@angular/cdk/coercion';\nimport { ComponentRef, Directive, inject, Input, OnChanges, OnDestroy, SimpleChanges, ViewContainerRef } from '@angular/core';\nimport { getInjector, injectElement, Transform } from '@odx/angular/utils';\nimport { BadgeComponent } from './badge.component';\nimport { BADGE_HOST } from './badge.config';\nimport { BadgeHost } from './facade';\nimport { BadgePosition, BadgeVariant } from './models';\n\n@Directive({\n selector: '[odxBadge]',\n standalone: true,\n providers: [{ provide: BADGE_HOST, useExisting: BadgeDirective }],\n})\nexport class BadgeDirective implements BadgeHost, OnChanges, OnDestroy {\n public static ngAcceptInputType_content: NumberInput;\n public static ngAcceptInputType_contrast: BooleanInput;\n\n private badgeRef: ComponentRef<BadgeComponent> | null = null;\n private readonly injector = getInjector();\n private readonly viewContainer = inject(ViewContainerRef);\n\n public readonly hostElement = injectElement().nativeElement;\n\n @Transform(coerceNumberProperty)\n @Input('odxBadge')\n public value!: number;\n\n @Transform(coerceBooleanProperty)\n @Input('odxBadgeContrast')\n public contrast!: boolean;\n\n @Input('odxBadgePosition')\n public position!: BadgePosition;\n\n @Input('odxBadgeVariant')\n public variant!: BadgeVariant;\n\n public ngOnChanges(changes: SimpleChanges): void {\n this.badgeRef ??= this.viewContainer.createComponent(BadgeComponent, { injector: this.injector });\n\n for (const prop in changes) {\n this.badgeRef.setInput(prop, changes[prop].currentValue);\n }\n }\n\n public ngOnDestroy(): void {\n this.badgeRef?.destroy();\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -14,8 +14,8 @@ let ButtonGroupComponent = class ButtonGroupComponent {
|
|
|
14
14
|
this.reverse = false;
|
|
15
15
|
}
|
|
16
16
|
};
|
|
17
|
-
ButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
18
|
-
ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.
|
|
17
|
+
ButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
+
ButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: ButtonGroupComponent, isStandalone: true, selector: "odx-button-group", inputs: { alignRight: "alignRight", block: "block", vertical: "vertical", reverse: "reverse" }, ngImport: i0, template: "<ng-content select=\"button[odxButton], a[odxButton]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
19
19
|
__decorate([
|
|
20
20
|
CSSModifier(),
|
|
21
21
|
Transform(coerceBooleanProperty),
|
|
@@ -39,7 +39,7 @@ __decorate([
|
|
|
39
39
|
ButtonGroupComponent = __decorate([
|
|
40
40
|
CSSComponent('button-group')
|
|
41
41
|
], ButtonGroupComponent);
|
|
42
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
42
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ButtonGroupComponent, decorators: [{
|
|
43
43
|
type: Component,
|
|
44
44
|
args: [{ standalone: true, selector: 'odx-button-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"button[odxButton], a[odxButton]\"></ng-content>\n" }]
|
|
45
45
|
}], propDecorators: { alignRight: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"odx-angular-components-button-group.mjs","sources":["../../../../libs/angular/components/button-group/src/lib/button-group.component.ts","../../../../libs/angular/components/button-group/src/lib/button-group.component.html","../../../../libs/angular/components/button-group/src/odx-angular-components-button-group.ts"],"sourcesContent":["import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement, Transform } from '@odx/angular/utils';\n\n@CSSComponent('button-group')\n@Component({\n standalone: true,\n selector: 'odx-button-group',\n templateUrl: './button-group.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ButtonGroupComponent {\n public static ngAcceptInputType_reverse: BooleanInput;\n public static ngAcceptInputType_block: BooleanInput;\n public static ngAcceptInputType_alignRight: BooleanInput;\n public static ngAcceptInputType_vertical: BooleanInput;\n\n public readonly element = injectElement();\n\n @CSSModifier()\n @Transform(coerceBooleanProperty)\n @Input()\n public alignRight = false;\n\n @CSSModifier()\n @Transform(coerceBooleanProperty)\n @Input()\n public block = false;\n\n @CSSModifier()\n @Transform(coerceBooleanProperty)\n @Input()\n public vertical = false;\n\n @CSSModifier()\n @Transform(coerceBooleanProperty)\n @Input()\n public reverse = false;\n}\n","<ng-content select=\"button[odxButton], a[odxButton]\"></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAaa,IAAA,oBAAoB,GAA1B,MAAM,oBAAoB,CAAA;AAA1B,IAAA,WAAA,GAAA;AAMW,QAAA,IAAO,CAAA,OAAA,GAAG,aAAa,EAAE,CAAC;AAKnC,QAAA,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;AAKnB,QAAA,IAAK,CAAA,KAAA,GAAG,KAAK,CAAC;AAKd,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;AAKjB,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;KACxB;;
|
|
1
|
+
{"version":3,"file":"odx-angular-components-button-group.mjs","sources":["../../../../libs/angular/components/button-group/src/lib/button-group.component.ts","../../../../libs/angular/components/button-group/src/lib/button-group.component.html","../../../../libs/angular/components/button-group/src/odx-angular-components-button-group.ts"],"sourcesContent":["import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement, Transform } from '@odx/angular/utils';\n\n@CSSComponent('button-group')\n@Component({\n standalone: true,\n selector: 'odx-button-group',\n templateUrl: './button-group.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ButtonGroupComponent {\n public static ngAcceptInputType_reverse: BooleanInput;\n public static ngAcceptInputType_block: BooleanInput;\n public static ngAcceptInputType_alignRight: BooleanInput;\n public static ngAcceptInputType_vertical: BooleanInput;\n\n public readonly element = injectElement();\n\n @CSSModifier()\n @Transform(coerceBooleanProperty)\n @Input()\n public alignRight = false;\n\n @CSSModifier()\n @Transform(coerceBooleanProperty)\n @Input()\n public block = false;\n\n @CSSModifier()\n @Transform(coerceBooleanProperty)\n @Input()\n public vertical = false;\n\n @CSSModifier()\n @Transform(coerceBooleanProperty)\n @Input()\n public reverse = false;\n}\n","<ng-content select=\"button[odxButton], a[odxButton]\"></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAaa,IAAA,oBAAoB,GAA1B,MAAM,oBAAoB,CAAA;AAA1B,IAAA,WAAA,GAAA;AAMW,QAAA,IAAO,CAAA,OAAA,GAAG,aAAa,EAAE,CAAC;AAKnC,QAAA,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;AAKnB,QAAA,IAAK,CAAA,KAAA,GAAG,KAAK,CAAC;AAKd,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;AAKjB,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;KACxB;;kHA3BY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,4KCbjC,wEACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;ADoBE,UAAA,CAAA;AAAC,IAAA,WAAW,EAAE;IACb,SAAS,CAAC,qBAAqB,CAAC;;CAEP,EAAA,oBAAA,CAAA,SAAA,EAAA,YAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAE1B,UAAA,CAAA;AAAC,IAAA,WAAW,EAAE;IACb,SAAS,CAAC,qBAAqB,CAAC;;CAEZ,EAAA,oBAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAErB,UAAA,CAAA;AAAC,IAAA,WAAW,EAAE;IACb,SAAS,CAAC,qBAAqB,CAAC;;CAET,EAAA,oBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAExB,UAAA,CAAA;AAAC,IAAA,WAAW,EAAE;IACb,SAAS,CAAC,qBAAqB,CAAC;;CAEV,EAAA,oBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AA1BZ,oBAAoB,GAAA,UAAA,CAAA;IARhC,YAAY,CAAC,cAAc,CAAC;CAQhB,EAAA,oBAAoB,CA2BhC,CAAA;4FA3BY,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,kBAAkB,EAEb,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wEAAA,EAAA,CAAA;8BAaxC,UAAU,EAAA,CAAA;sBADhB,KAAK;gBAMC,KAAK,EAAA,CAAA;sBADX,KAAK;gBAMC,QAAQ,EAAA,CAAA;sBADd,KAAK;gBAMC,OAAO,EAAA,CAAA;sBADb,KAAK;;;AEtCR;;AAEG;;;;"}
|
|
@@ -26,12 +26,11 @@ let ButtonComponent = class ButtonComponent {
|
|
|
26
26
|
this.element = injectElement();
|
|
27
27
|
}
|
|
28
28
|
get type() {
|
|
29
|
-
|
|
30
|
-
return (_a = this.element.nativeElement.type) !== null && _a !== void 0 ? _a : null;
|
|
29
|
+
return this.element.nativeElement.getAttribute('type');
|
|
31
30
|
}
|
|
32
31
|
};
|
|
33
|
-
ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
34
|
-
ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.
|
|
32
|
+
ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
33
|
+
ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: ButtonComponent, isStandalone: true, selector: "button[odxButton], a[odxButton]", inputs: { variant: "variant", size: "size" }, host: { properties: { "class.is-disabled": "disabledController?.disabled", "attr.type": "type || \"button\"", "attr.role": "\"button\"" } }, providers: [DisabledController.connect()], ngImport: i0, template: "<ng-content select=\"odx-icon[alignLeft]\"></ng-content>\n<ng-content></ng-content>\n<ng-content select=\"odx-icon[alignRight]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
35
34
|
__decorate([
|
|
36
35
|
CSSModifier({
|
|
37
36
|
default: ButtonVariant.SECONDARY,
|
|
@@ -47,7 +46,7 @@ __decorate([
|
|
|
47
46
|
ButtonComponent = __decorate([
|
|
48
47
|
CSSComponent('button')
|
|
49
48
|
], ButtonComponent);
|
|
50
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
51
50
|
type: Component,
|
|
52
51
|
args: [{ standalone: true, selector: 'button[odxButton], a[odxButton]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [DisabledController.connect()], host: {
|
|
53
52
|
'[class.is-disabled]': 'disabledController?.disabled',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"odx-angular-components-button.mjs","sources":["../../../../libs/angular/components/button/src/lib/models/button-size.ts","../../../../libs/angular/components/button/src/lib/models/button-variant.ts","../../../../libs/angular/components/button/src/lib/button.component.ts","../../../../libs/angular/components/button/src/lib/button.component.html","../../../../libs/angular/components/button/src/odx-angular-components-button.ts"],"sourcesContent":["export type ButtonSize = typeof ButtonSize[keyof typeof ButtonSize];\n\nexport const ButtonSize = {\n SMALL: 'small',\n MEDIUM: 'medium',\n} as const;\n","export type ButtonVariant = typeof ButtonVariant[keyof typeof ButtonVariant];\n\nexport const ButtonVariant = {\n PRIMARY: 'primary',\n SECONDARY: 'secondary',\n GHOST: 'ghost',\n HIGHLIGHT: 'highlight',\n SUCCESS: 'success',\n CONFIRMATION: 'confirmation',\n DANGER: 'danger',\n} as const;\n","import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { DisabledController } from '@odx/angular';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\nimport { ButtonSize, ButtonVariant } from './models';\n\n@CSSComponent('button')\n@Component({\n standalone: true,\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'button[odxButton], a[odxButton]',\n templateUrl: './button.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [DisabledController.connect()],\n host: {\n '[class.is-disabled]': 'disabledController?.disabled',\n '[attr.type]': 'type || \"button\"',\n '[attr.role]': '\"button\"',\n },\n})\nexport class ButtonComponent {\n protected readonly disabledController = DisabledController.inject();\n\n public readonly element = injectElement<HTMLButtonElement | HTMLLinkElement>();\n\n @CSSModifier({\n default: ButtonVariant.SECONDARY,\n })\n @Input()\n public variant?: ButtonVariant | null;\n\n @CSSModifier({\n default: ButtonSize.MEDIUM,\n })\n @Input()\n public size?: ButtonSize | null;\n\n public get type(): string | null {\n return this.element.nativeElement.type
|
|
1
|
+
{"version":3,"file":"odx-angular-components-button.mjs","sources":["../../../../libs/angular/components/button/src/lib/models/button-size.ts","../../../../libs/angular/components/button/src/lib/models/button-variant.ts","../../../../libs/angular/components/button/src/lib/button.component.ts","../../../../libs/angular/components/button/src/lib/button.component.html","../../../../libs/angular/components/button/src/odx-angular-components-button.ts"],"sourcesContent":["export type ButtonSize = typeof ButtonSize[keyof typeof ButtonSize];\n\nexport const ButtonSize = {\n SMALL: 'small',\n MEDIUM: 'medium',\n} as const;\n","export type ButtonVariant = typeof ButtonVariant[keyof typeof ButtonVariant];\n\nexport const ButtonVariant = {\n PRIMARY: 'primary',\n SECONDARY: 'secondary',\n GHOST: 'ghost',\n HIGHLIGHT: 'highlight',\n SUCCESS: 'success',\n CONFIRMATION: 'confirmation',\n DANGER: 'danger',\n} as const;\n","import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';\nimport { DisabledController } from '@odx/angular';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement } from '@odx/angular/utils';\nimport { ButtonSize, ButtonVariant } from './models';\n\n@CSSComponent('button')\n@Component({\n standalone: true,\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'button[odxButton], a[odxButton]',\n templateUrl: './button.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [DisabledController.connect()],\n host: {\n '[class.is-disabled]': 'disabledController?.disabled',\n '[attr.type]': 'type || \"button\"',\n '[attr.role]': '\"button\"',\n },\n})\nexport class ButtonComponent {\n protected readonly disabledController = DisabledController.inject();\n\n public readonly element = injectElement<HTMLButtonElement | HTMLLinkElement>();\n\n @CSSModifier({\n default: ButtonVariant.SECONDARY,\n })\n @Input()\n public variant?: ButtonVariant | null;\n\n @CSSModifier({\n default: ButtonSize.MEDIUM,\n })\n @Input()\n public size?: ButtonSize | null;\n\n public get type(): string | null {\n return this.element.nativeElement.getAttribute('type');\n }\n}\n","<ng-content select=\"odx-icon[alignLeft]\"></ng-content>\n<ng-content></ng-content>\n<ng-content select=\"odx-icon[alignRight]\"></ng-content>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAEa,MAAA,UAAU,GAAG;AACxB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,QAAQ;;;ACFL,MAAA,aAAa,GAAG;AAC3B,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,YAAY,EAAE,cAAc;AAC5B,IAAA,MAAM,EAAE,QAAQ;;;ACYL,IAAA,eAAe,GAArB,MAAM,eAAe,CAAA;AAArB,IAAA,WAAA,GAAA;AACc,QAAA,IAAA,CAAA,kBAAkB,GAAG,kBAAkB,CAAC,MAAM,EAAE,CAAC;AAEpD,QAAA,IAAO,CAAA,OAAA,GAAG,aAAa,EAAuC,CAAC;KAiBhF;AAHC,IAAA,IAAW,IAAI,GAAA;QACb,OAAO,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;KACxD;;6GAnBU,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;iGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iCAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,8BAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,YAAA,EAAA,EAAA,EAAA,SAAA,EAPf,CAAC,kBAAkB,CAAC,OAAO,EAAE,CAAC,0BCd3C,kJAGA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;ADuBE,UAAA,CAAA;AAAC,IAAA,WAAW,CAAC;QACX,OAAO,EAAE,aAAa,CAAC,SAAS;KACjC,CAAC;;CAEoC,EAAA,eAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAEtC,UAAA,CAAA;AAAC,IAAA,WAAW,CAAC;QACX,OAAO,EAAE,UAAU,CAAC,MAAM;KAC3B,CAAC;;CAE8B,EAAA,eAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAfrB,eAAe,GAAA,UAAA,CAAA;IAf3B,YAAY,CAAC,QAAQ,CAAC;CAeV,EAAA,eAAe,CAoB3B,CAAA;4FApBY,eAAe,EAAA,UAAA,EAAA,CAAA;kBAd3B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,YAEN,iCAAiC,EAAA,aAAA,EAE5B,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,aACpC,CAAC,kBAAkB,CAAC,OAAO,EAAE,CAAC,EACnC,IAAA,EAAA;AACJ,wBAAA,qBAAqB,EAAE,8BAA8B;AACrD,wBAAA,aAAa,EAAE,kBAAkB;AACjC,wBAAA,aAAa,EAAE,UAAU;AAC1B,qBAAA,EAAA,QAAA,EAAA,kJAAA,EAAA,CAAA;8BAWM,OAAO,EAAA,CAAA;sBADb,KAAK;gBAOC,IAAI,EAAA,CAAA;sBADV,KAAK;;;AEnCR;;AAEG;;;;"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { __decorate, __metadata } from 'tslib';
|
|
2
2
|
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output } from '@angular/core';
|
|
5
|
-
import { DisabledController, ReadonlyController } from '@odx/angular';
|
|
4
|
+
import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, forwardRef, Directive, NgModule } from '@angular/core';
|
|
5
|
+
import { DisabledController, ReadonlyController, CoreModule } from '@odx/angular';
|
|
6
6
|
import { CheckBoxControl } from '@odx/angular/cdk/checkbox-control';
|
|
7
7
|
import { ControlDirective } from '@odx/angular/cdk/custom-form-control';
|
|
8
8
|
import { IconComponent } from '@odx/angular/components/icon';
|
|
9
9
|
import { CSSModifier, CSSComponent } from '@odx/angular/internal';
|
|
10
|
+
import { CheckboxRequiredValidator, NG_VALIDATORS } from '@angular/forms';
|
|
10
11
|
|
|
11
12
|
let CheckboxComponent = class CheckboxComponent extends CheckBoxControl {
|
|
12
13
|
constructor() {
|
|
@@ -35,8 +36,8 @@ let CheckboxComponent = class CheckboxComponent extends CheckBoxControl {
|
|
|
35
36
|
super.updateValue(event.target.checked);
|
|
36
37
|
}
|
|
37
38
|
};
|
|
38
|
-
CheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.
|
|
39
|
-
CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.
|
|
39
|
+
CheckboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: CheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
40
|
+
CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: CheckboxComponent, isStandalone: true, selector: "odx-checkbox", inputs: { indeterminate: "indeterminate" }, outputs: { indeterminateChange: "indeterminateChange" }, host: { properties: { "class.is-active": "checked || indeterminate" } }, providers: [DisabledController.connect(), ReadonlyController.connect()], usesInheritance: true, ngImport: i0, template: "<label class=\"odx-checkbox__label\">\n <input\n odxControl\n class=\"odx-checkbox__input\"\n [attr.aria-checked]=\"ariaChecked\"\n [attr.aria-invalid]=\"hasError || null\"\n [attr.aria-readonly]=\"isReadonly || null\"\n [attr.aria-required]=\"isRequired || null\"\n [checked]=\"checked\"\n [disabled]=\"isDisabled || isReadonly\"\n [indeterminate]=\"indeterminate\"\n [name]=\"name\"\n [readonly]=\"isReadonly\"\n [value]=\"value\"\n type=\"checkbox\"\n (blur)=\"onTouched()\"\n (change)=\"onChanged($event)\"\n />\n <div class=\"odx-checkbox__indicator\">\n <odx-icon [name]=\"modifierIcon\"></odx-icon>\n </div>\n <div class=\"odx-checkbox__content\">\n <ng-content></ng-content>\n </div>\n</label>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name"] }, { kind: "directive", type: ControlDirective, selector: "[odxControl]", exportAs: ["odxControl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
40
41
|
__decorate([
|
|
41
42
|
CSSModifier(),
|
|
42
43
|
__metadata("design:type", Object),
|
|
@@ -45,20 +46,59 @@ __decorate([
|
|
|
45
46
|
CheckboxComponent = __decorate([
|
|
46
47
|
CSSComponent('checkbox')
|
|
47
48
|
], CheckboxComponent);
|
|
48
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.
|
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
49
50
|
type: Component,
|
|
50
51
|
args: [{ standalone: true, selector: 'odx-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [IconComponent, ControlDirective], providers: [DisabledController.connect(), ReadonlyController.connect()], host: {
|
|
51
52
|
'[class.is-active]': 'checked || indeterminate',
|
|
52
|
-
}, template: "<label class=\"odx-checkbox__label\">\n <input\n odxControl\n class=\"odx-checkbox__input\"\n [attr.aria-checked]=\"ariaChecked\"\n [attr.aria-invalid]=\"hasError || null\"\n [attr.aria-readonly]=\"isReadonly || null\"\n [attr.aria-required]=\"
|
|
53
|
+
}, template: "<label class=\"odx-checkbox__label\">\n <input\n odxControl\n class=\"odx-checkbox__input\"\n [attr.aria-checked]=\"ariaChecked\"\n [attr.aria-invalid]=\"hasError || null\"\n [attr.aria-readonly]=\"isReadonly || null\"\n [attr.aria-required]=\"isRequired || null\"\n [checked]=\"checked\"\n [disabled]=\"isDisabled || isReadonly\"\n [indeterminate]=\"indeterminate\"\n [name]=\"name\"\n [readonly]=\"isReadonly\"\n [value]=\"value\"\n type=\"checkbox\"\n (blur)=\"onTouched()\"\n (change)=\"onChanged($event)\"\n />\n <div class=\"odx-checkbox__indicator\">\n <odx-icon [name]=\"modifierIcon\"></odx-icon>\n </div>\n <div class=\"odx-checkbox__content\">\n <ng-content></ng-content>\n </div>\n</label>\n" }]
|
|
53
54
|
}], propDecorators: { indeterminate: [{
|
|
54
55
|
type: Input
|
|
55
56
|
}], indeterminateChange: [{
|
|
56
57
|
type: Output
|
|
57
58
|
}] } });
|
|
58
59
|
|
|
60
|
+
class CheckboxValidator extends CheckboxRequiredValidator {
|
|
61
|
+
}
|
|
62
|
+
CheckboxValidator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: CheckboxValidator, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
63
|
+
CheckboxValidator.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.10", type: CheckboxValidator, isStandalone: true, selector: "odx-checkbox[required][formControlName], odx-checkbox[required][formControl], odx-checkbox[required][ngModel]", providers: [
|
|
64
|
+
{
|
|
65
|
+
provide: NG_VALIDATORS,
|
|
66
|
+
useExisting: forwardRef(() => CheckboxValidator),
|
|
67
|
+
multi: true,
|
|
68
|
+
},
|
|
69
|
+
], usesInheritance: true, ngImport: i0 });
|
|
70
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: CheckboxValidator, decorators: [{
|
|
71
|
+
type: Directive,
|
|
72
|
+
args: [{
|
|
73
|
+
standalone: true,
|
|
74
|
+
selector: 'odx-checkbox[required][formControlName], odx-checkbox[required][formControl], odx-checkbox[required][ngModel]',
|
|
75
|
+
providers: [
|
|
76
|
+
{
|
|
77
|
+
provide: NG_VALIDATORS,
|
|
78
|
+
useExisting: forwardRef(() => CheckboxValidator),
|
|
79
|
+
multi: true,
|
|
80
|
+
},
|
|
81
|
+
],
|
|
82
|
+
}]
|
|
83
|
+
}] });
|
|
84
|
+
|
|
85
|
+
const modules = [CheckboxComponent, CheckboxValidator];
|
|
86
|
+
class CheckboxModule {
|
|
87
|
+
}
|
|
88
|
+
CheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: CheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
89
|
+
CheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.10", ngImport: i0, type: CheckboxModule, imports: [CheckboxComponent, CheckboxValidator], exports: [CoreModule, CheckboxComponent, CheckboxValidator] });
|
|
90
|
+
CheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: CheckboxModule, imports: [CheckboxComponent, CoreModule] });
|
|
91
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: CheckboxModule, decorators: [{
|
|
92
|
+
type: NgModule,
|
|
93
|
+
args: [{
|
|
94
|
+
imports: modules,
|
|
95
|
+
exports: [CoreModule, ...modules],
|
|
96
|
+
}]
|
|
97
|
+
}] });
|
|
98
|
+
|
|
59
99
|
/**
|
|
60
100
|
* Generated bundle index. Do not edit.
|
|
61
101
|
*/
|
|
62
102
|
|
|
63
|
-
export { CheckboxComponent };
|
|
103
|
+
export { CheckboxComponent, CheckboxModule, CheckboxValidator };
|
|
64
104
|
//# sourceMappingURL=odx-angular-components-checkbox.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"odx-angular-components-checkbox.mjs","sources":["../../../../libs/angular/components/checkbox/src/lib/checkbox.component.ts","../../../../libs/angular/components/checkbox/src/lib/checkbox.component.html","../../../../libs/angular/components/checkbox/src/odx-angular-components-checkbox.ts"],"sourcesContent":["import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { DisabledController, ReadonlyController } from '@odx/angular';\nimport { CheckBoxControl } from '@odx/angular/cdk/checkbox-control';\nimport { ControlDirective } from '@odx/angular/cdk/custom-form-control';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\n\n@CSSComponent('checkbox')\n@Component({\n standalone: true,\n selector: 'odx-checkbox',\n templateUrl: 'checkbox.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n imports: [IconComponent, ControlDirective],\n providers: [DisabledController.connect(), ReadonlyController.connect()],\n host: {\n '[class.is-active]': 'checked || indeterminate',\n },\n})\nexport class CheckboxComponent extends CheckBoxControl {\n public static ngAcceptInputType_indeterminate: BooleanInput;\n\n private isIndeterminate = false;\n\n @CSSModifier()\n @Input()\n public set indeterminate(value: unknown) {\n if (this.isIndeterminate !== value) {\n this.isIndeterminate = coerceBooleanProperty(value);\n this.indeterminateChange.emit(this.isIndeterminate);\n }\n }\n\n public get indeterminate(): boolean {\n return this.isIndeterminate;\n }\n\n @Output()\n public readonly indeterminateChange = new EventEmitter<boolean>();\n\n public override get ariaChecked(): string {\n return this.checked ? 'true' : this.indeterminate ? 'mixed' : 'false';\n }\n\n public get modifierIcon(): string {\n return this.indeterminate ? 'indeterminate' : 'check';\n }\n\n public override onChanged(event: Event): void {\n event.stopPropagation();\n this.indeterminate = false;\n super.updateValue((event.target as HTMLInputElement).checked);\n }\n}\n","<label class=\"odx-checkbox__label\">\n <input\n odxControl\n class=\"odx-checkbox__input\"\n [attr.aria-checked]=\"ariaChecked\"\n [attr.aria-invalid]=\"hasError || null\"\n [attr.aria-readonly]=\"isReadonly || null\"\n [attr.aria-required]=\"
|
|
1
|
+
{"version":3,"file":"odx-angular-components-checkbox.mjs","sources":["../../../../libs/angular/components/checkbox/src/lib/checkbox.component.ts","../../../../libs/angular/components/checkbox/src/lib/checkbox.component.html","../../../../libs/angular/components/checkbox/src/lib/checkbox.validator.ts","../../../../libs/angular/components/checkbox/src/lib/checkbox.module.ts","../../../../libs/angular/components/checkbox/src/odx-angular-components-checkbox.ts"],"sourcesContent":["import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { DisabledController, ReadonlyController } from '@odx/angular';\nimport { CheckBoxControl } from '@odx/angular/cdk/checkbox-control';\nimport { ControlDirective } from '@odx/angular/cdk/custom-form-control';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\n\n@CSSComponent('checkbox')\n@Component({\n standalone: true,\n selector: 'odx-checkbox',\n templateUrl: 'checkbox.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n imports: [IconComponent, ControlDirective],\n providers: [DisabledController.connect(), ReadonlyController.connect()],\n host: {\n '[class.is-active]': 'checked || indeterminate',\n },\n})\nexport class CheckboxComponent extends CheckBoxControl {\n public static ngAcceptInputType_indeterminate: BooleanInput;\n\n private isIndeterminate = false;\n\n @CSSModifier()\n @Input()\n public set indeterminate(value: unknown) {\n if (this.isIndeterminate !== value) {\n this.isIndeterminate = coerceBooleanProperty(value);\n this.indeterminateChange.emit(this.isIndeterminate);\n }\n }\n\n public get indeterminate(): boolean {\n return this.isIndeterminate;\n }\n\n @Output()\n public readonly indeterminateChange = new EventEmitter<boolean>();\n\n public override get ariaChecked(): string {\n return this.checked ? 'true' : this.indeterminate ? 'mixed' : 'false';\n }\n\n public get modifierIcon(): string {\n return this.indeterminate ? 'indeterminate' : 'check';\n }\n\n public override onChanged(event: Event): void {\n event.stopPropagation();\n this.indeterminate = false;\n super.updateValue((event.target as HTMLInputElement).checked);\n }\n}\n","<label class=\"odx-checkbox__label\">\n <input\n odxControl\n class=\"odx-checkbox__input\"\n [attr.aria-checked]=\"ariaChecked\"\n [attr.aria-invalid]=\"hasError || null\"\n [attr.aria-readonly]=\"isReadonly || null\"\n [attr.aria-required]=\"isRequired || null\"\n [checked]=\"checked\"\n [disabled]=\"isDisabled || isReadonly\"\n [indeterminate]=\"indeterminate\"\n [name]=\"name\"\n [readonly]=\"isReadonly\"\n [value]=\"value\"\n type=\"checkbox\"\n (blur)=\"onTouched()\"\n (change)=\"onChanged($event)\"\n />\n <div class=\"odx-checkbox__indicator\">\n <odx-icon [name]=\"modifierIcon\"></odx-icon>\n </div>\n <div class=\"odx-checkbox__content\">\n <ng-content></ng-content>\n </div>\n</label>\n","import { Directive, forwardRef } from '@angular/core';\nimport { CheckboxRequiredValidator, NG_VALIDATORS } from '@angular/forms';\n\n@Directive({\n standalone: true,\n selector: 'odx-checkbox[required][formControlName], odx-checkbox[required][formControl], odx-checkbox[required][ngModel]',\n providers: [\n {\n provide: NG_VALIDATORS,\n useExisting: forwardRef(() => CheckboxValidator),\n multi: true,\n },\n ],\n})\nexport class CheckboxValidator extends CheckboxRequiredValidator {}\n","import { NgModule } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { CheckboxComponent } from './checkbox.component';\nimport { CheckboxValidator } from './checkbox.validator';\n\nconst modules = [CheckboxComponent, CheckboxValidator];\n\n@NgModule({\n imports: modules,\n exports: [CoreModule, ...modules],\n})\nexport class CheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAqBO,IAAM,iBAAiB,GAAvB,MAAM,0BAA0B,eAAe,CAAA;AAA/C,IAAA,WAAA,GAAA;;AAGG,QAAA,IAAe,CAAA,eAAA,GAAG,KAAK,CAAC;AAgBhB,QAAA,IAAA,CAAA,mBAAmB,GAAG,IAAI,YAAY,EAAW,CAAC;KAenE;IA7BC,IAEW,aAAa,CAAC,KAAc,EAAA;AACrC,QAAA,IAAI,IAAI,CAAC,eAAe,KAAK,KAAK,EAAE;AAClC,YAAA,IAAI,CAAC,eAAe,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;YACpD,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;AACrD,SAAA;KACF;AAED,IAAA,IAAW,aAAa,GAAA;QACtB,OAAO,IAAI,CAAC,eAAe,CAAC;KAC7B;AAKD,IAAA,IAAoB,WAAW,GAAA;QAC7B,OAAO,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC,aAAa,GAAG,OAAO,GAAG,OAAO,CAAC;KACvE;AAED,IAAA,IAAW,YAAY,GAAA;QACrB,OAAO,IAAI,CAAC,aAAa,GAAG,eAAe,GAAG,OAAO,CAAC;KACvD;AAEe,IAAA,SAAS,CAAC,KAAY,EAAA;QACpC,KAAK,CAAC,eAAe,EAAE,CAAC;AACxB,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,KAAK,CAAC,WAAW,CAAE,KAAK,CAAC,MAA2B,CAAC,OAAO,CAAC,CAAC;KAC/D;;+GAjCU,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,yOALjB,CAAC,kBAAkB,CAAC,OAAO,EAAE,EAAE,kBAAkB,CAAC,OAAO,EAAE,CAAC,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChBzE,0vBAyBA,EDVY,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,aAAa,yFAAE,gBAAgB,EAAA,QAAA,EAAA,cAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;AAWzC,UAAA,CAAA;AAAC,IAAA,WAAW,EAAE;;;CAOb,EAAA,iBAAA,CAAA,SAAA,EAAA,eAAA,EAAA,IAAA,CAAA,CAAA;AAZU,iBAAiB,GAAA,UAAA,CAAA;IAb7B,YAAY,CAAC,UAAU,CAAC;CAaZ,EAAA,iBAAiB,CAkC7B,CAAA;4FAlCY,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAZ7B,SAAS;YACI,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACN,QAAA,EAAA,cAAc,EAEP,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAC5B,OAAA,EAAA,CAAC,aAAa,EAAE,gBAAgB,CAAC,EAC/B,SAAA,EAAA,CAAC,kBAAkB,CAAC,OAAO,EAAE,EAAE,kBAAkB,CAAC,OAAO,EAAE,CAAC,EACjE,IAAA,EAAA;AACJ,wBAAA,mBAAmB,EAAE,0BAA0B;AAChD,qBAAA,EAAA,QAAA,EAAA,0vBAAA,EAAA,CAAA;8BASU,aAAa,EAAA,CAAA;sBADvB,KAAK;gBAaU,mBAAmB,EAAA,CAAA;sBADlC,MAAM;;;AEzBH,MAAO,iBAAkB,SAAQ,yBAAyB,CAAA;;+GAAnD,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,EARjB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,+GAAA,EAAA,SAAA,EAAA;AACT,QAAA;AACE,YAAA,OAAO,EAAE,aAAa;AACtB,YAAA,WAAW,EAAE,UAAU,CAAC,MAAM,iBAAiB,CAAC;AAChD,YAAA,KAAK,EAAE,IAAI;AACZ,SAAA;KACF,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;4FAEU,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAX7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,+GAA+G;AACzH,oBAAA,SAAS,EAAE;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,aAAa;AACtB,4BAAA,WAAW,EAAE,UAAU,CAAC,uBAAuB,CAAC;AAChD,4BAAA,KAAK,EAAE,IAAI;AACZ,yBAAA;AACF,qBAAA;iBACF,CAAA;;;ACRD,MAAM,OAAO,GAAG,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,CAAC;MAM1C,cAAc,CAAA;;4GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;6GAAd,cAAc,EAAA,OAAA,EAAA,CANV,iBAAiB,EAAE,iBAAiB,aAIzC,UAAU,EAJL,iBAAiB,EAAE,iBAAiB,CAAA,EAAA,CAAA,CAAA;6GAMxC,cAAc,EAAA,OAAA,EAAA,CANV,iBAAiB,EAItB,UAAU,CAAA,EAAA,CAAA,CAAA;4FAET,cAAc,EAAA,UAAA,EAAA,CAAA;kBAJ1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,OAAO;AAChB,oBAAA,OAAO,EAAE,CAAC,UAAU,EAAE,GAAG,OAAO,CAAC;iBAClC,CAAA;;;ACVD;;AAEG;;;;"}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { __decorate, __metadata } from 'tslib';
|
|
2
|
+
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
|
3
|
+
import * as i0 from '@angular/core';
|
|
4
|
+
import { EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output } from '@angular/core';
|
|
5
|
+
import { CoreModule } from '@odx/angular';
|
|
6
|
+
import { ButtonComponent } from '@odx/angular/components/button';
|
|
7
|
+
import { IconComponent } from '@odx/angular/components/icon';
|
|
8
|
+
import { CSSModifier, CSSComponent } from '@odx/angular/internal';
|
|
9
|
+
import { injectElement, Transform } from '@odx/angular/utils';
|
|
10
|
+
import * as i1 from '@angular/common';
|
|
11
|
+
|
|
12
|
+
const ChipSize = {
|
|
13
|
+
SMALL: 'small',
|
|
14
|
+
MEDIUM: 'medium',
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
const ChipVariant = {
|
|
18
|
+
SECONDARY: 'secondary',
|
|
19
|
+
HIGHLIGHT: 'highlight',
|
|
20
|
+
SUCCESS: 'success',
|
|
21
|
+
DANGER: 'danger',
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
let ChipComponent = class ChipComponent {
|
|
25
|
+
constructor() {
|
|
26
|
+
this.element = injectElement();
|
|
27
|
+
this.removable = false;
|
|
28
|
+
this.size = ChipSize.SMALL;
|
|
29
|
+
this.variant = ChipVariant.SECONDARY;
|
|
30
|
+
this.remove = new EventEmitter();
|
|
31
|
+
}
|
|
32
|
+
onClick() {
|
|
33
|
+
this.remove.emit();
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
ChipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
37
|
+
ChipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: ChipComponent, isStandalone: true, selector: "odx-chip", inputs: { removable: "removable", size: "size", variant: "variant" }, outputs: { remove: "remove" }, ngImport: i0, template: "<div class=\"odx-chip__content\">\n <ng-content></ng-content>\n</div>\n<button odxButton class=\"odx-chip__action\" [size]=\"size\" [variant]=\"variant\" type=\"button\" (click)=\"onClick()\" *ngIf=\"removable\">\n <odx-icon [size]=\"size\" name=\"close\"></odx-icon>\n</button>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
38
|
+
__decorate([
|
|
39
|
+
Transform(coerceBooleanProperty),
|
|
40
|
+
__metadata("design:type", Object)
|
|
41
|
+
], ChipComponent.prototype, "removable", void 0);
|
|
42
|
+
__decorate([
|
|
43
|
+
CSSModifier(),
|
|
44
|
+
__metadata("design:type", String)
|
|
45
|
+
], ChipComponent.prototype, "size", void 0);
|
|
46
|
+
__decorate([
|
|
47
|
+
CSSModifier(),
|
|
48
|
+
__metadata("design:type", String)
|
|
49
|
+
], ChipComponent.prototype, "variant", void 0);
|
|
50
|
+
ChipComponent = __decorate([
|
|
51
|
+
CSSComponent('chip')
|
|
52
|
+
], ChipComponent);
|
|
53
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ChipComponent, decorators: [{
|
|
54
|
+
type: Component,
|
|
55
|
+
args: [{ selector: 'odx-chip', imports: [CoreModule, ButtonComponent, IconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<div class=\"odx-chip__content\">\n <ng-content></ng-content>\n</div>\n<button odxButton class=\"odx-chip__action\" [size]=\"size\" [variant]=\"variant\" type=\"button\" (click)=\"onClick()\" *ngIf=\"removable\">\n <odx-icon [size]=\"size\" name=\"close\"></odx-icon>\n</button>\n" }]
|
|
56
|
+
}], propDecorators: { removable: [{
|
|
57
|
+
type: Input
|
|
58
|
+
}], size: [{
|
|
59
|
+
type: Input
|
|
60
|
+
}], variant: [{
|
|
61
|
+
type: Input
|
|
62
|
+
}], remove: [{
|
|
63
|
+
type: Output
|
|
64
|
+
}] } });
|
|
65
|
+
|
|
66
|
+
/**
|
|
67
|
+
* Generated bundle index. Do not edit.
|
|
68
|
+
*/
|
|
69
|
+
|
|
70
|
+
export { ChipComponent, ChipSize, ChipVariant };
|
|
71
|
+
//# sourceMappingURL=odx-angular-components-chip.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"odx-angular-components-chip.mjs","sources":["../../../../libs/angular/components/chip/src/lib/models/chip-size.ts","../../../../libs/angular/components/chip/src/lib/models/chip-variant.ts","../../../../libs/angular/components/chip/src/lib/chip.component.ts","../../../../libs/angular/components/chip/src/lib/chip.component.html","../../../../libs/angular/components/chip/src/odx-angular-components-chip.ts"],"sourcesContent":["export type ChipSize = typeof ChipSize[keyof typeof ChipSize];\n\nexport const ChipSize = {\n SMALL: 'small',\n MEDIUM: 'medium',\n} as const;\n","export type ChipVariant = typeof ChipVariant[keyof typeof ChipVariant];\n\nexport const ChipVariant = {\n SECONDARY: 'secondary',\n HIGHLIGHT: 'highlight',\n SUCCESS: 'success',\n DANGER: 'danger',\n} as const;\n","import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { CoreModule } from '@odx/angular';\nimport { ButtonComponent } from '@odx/angular/components/button';\nimport { IconComponent } from '@odx/angular/components/icon';\nimport { CSSComponent, CSSModifier } from '@odx/angular/internal';\nimport { injectElement, Transform } from '@odx/angular/utils';\nimport { ChipSize, ChipVariant } from './models';\n\n@CSSComponent('chip')\n@Component({\n selector: 'odx-chip',\n templateUrl: './chip.component.html',\n imports: [CoreModule, ButtonComponent, IconComponent],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n})\nexport class ChipComponent {\n public static ngAcceptInputType_removable: BooleanInput;\n public readonly element = injectElement();\n\n @Transform(coerceBooleanProperty)\n @Input()\n public removable = false;\n\n @CSSModifier()\n @Input()\n public size: ChipSize = ChipSize.SMALL;\n\n @CSSModifier()\n @Input()\n public variant: ChipVariant = ChipVariant.SECONDARY;\n\n @Output()\n public remove = new EventEmitter<void>();\n\n public onClick(): void {\n this.remove.emit();\n }\n}\n","<div class=\"odx-chip__content\">\n <ng-content></ng-content>\n</div>\n<button odxButton class=\"odx-chip__action\" [size]=\"size\" [variant]=\"variant\" type=\"button\" (click)=\"onClick()\" *ngIf=\"removable\">\n <odx-icon [size]=\"size\" name=\"close\"></odx-icon>\n</button>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAEa,MAAA,QAAQ,GAAG;AACtB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,QAAQ;;;ACFL,MAAA,WAAW,GAAG;AACzB,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,MAAM,EAAE,QAAQ;;;ACYL,IAAA,aAAa,GAAnB,MAAM,aAAa,CAAA;AAAnB,IAAA,WAAA,GAAA;AAEW,QAAA,IAAO,CAAA,OAAA,GAAG,aAAa,EAAE,CAAC;AAInC,QAAA,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;AAIlB,QAAA,IAAA,CAAA,IAAI,GAAa,QAAQ,CAAC,KAAK,CAAC;AAIhC,QAAA,IAAA,CAAA,OAAO,GAAgB,WAAW,CAAC,SAAS,CAAC;AAG7C,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAQ,CAAC;KAK1C;IAHQ,OAAO,GAAA;AACZ,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;KACpB;;2GArBU,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAb,aAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,aAAa,yKClB1B,4RAMA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDOY,UAAU,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,eAAe,yGAAE,aAAa,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;AASpD,UAAA,CAAA;IAAC,SAAS,CAAC,qBAAqB,CAAC;;CAER,EAAA,aAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAEzB,UAAA,CAAA;AAAC,IAAA,WAAW,EAAE;;CAEyB,EAAA,aAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAEvC,UAAA,CAAA;AAAC,IAAA,WAAW,EAAE;;CAEsC,EAAA,aAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAdzC,aAAa,GAAA,UAAA,CAAA;IATzB,YAAY,CAAC,MAAM,CAAC;CASR,EAAA,aAAa,CAsBzB,CAAA;4FAtBY,aAAa,EAAA,UAAA,EAAA,CAAA;kBARzB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,WAEX,CAAC,UAAU,EAAE,eAAe,EAAE,aAAa,CAAC,EACtC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,cACnC,IAAI,EAAA,QAAA,EAAA,4RAAA,EAAA,CAAA;8BAQT,SAAS,EAAA,CAAA;sBADf,KAAK;gBAKC,IAAI,EAAA,CAAA;sBADV,KAAK;gBAKC,OAAO,EAAA,CAAA;sBADb,KAAK;gBAIC,MAAM,EAAA,CAAA;sBADZ,MAAM;;;AElCT;;AAEG;;;;"}
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
import { __decorate, __metadata } from 'tslib';
|
|
2
|
+
import { coerceNumberProperty } from '@angular/cdk/coercion';
|
|
3
|
+
import * as i0 from '@angular/core';
|
|
4
|
+
import { inject, ChangeDetectorRef, Component, ChangeDetectionStrategy, ViewEncapsulation, Input } from '@angular/core';
|
|
5
|
+
import { CSSModifier, CSSComponent } from '@odx/angular/internal';
|
|
6
|
+
import { injectElement, hasChanged, Transform } from '@odx/angular/utils';
|
|
7
|
+
|
|
8
|
+
const CircularProgressSize = {
|
|
9
|
+
AUTO: 'auto',
|
|
10
|
+
SMALL: 'small',
|
|
11
|
+
MEDIUM: 'medium',
|
|
12
|
+
LARGE: 'large',
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
let CircularProgressComponent = class CircularProgressComponent {
|
|
16
|
+
constructor() {
|
|
17
|
+
this.changeDetector = inject(ChangeDetectorRef);
|
|
18
|
+
this._value = 0;
|
|
19
|
+
this.viewPortSize = 100;
|
|
20
|
+
this.radius = 0;
|
|
21
|
+
this.normalizedStroke = 0;
|
|
22
|
+
this.circumference = 283;
|
|
23
|
+
this.element = injectElement();
|
|
24
|
+
this.indeterminate = false;
|
|
25
|
+
this.stroke = 4;
|
|
26
|
+
this.size = CircularProgressSize.MEDIUM;
|
|
27
|
+
}
|
|
28
|
+
get ariaValueNow() {
|
|
29
|
+
return this.indeterminate ? null : this.value;
|
|
30
|
+
}
|
|
31
|
+
get progressValue() {
|
|
32
|
+
return this.indeterminate ? this.circumference : Math.floor((1 - this.value / 100) * this.circumference);
|
|
33
|
+
}
|
|
34
|
+
set value(value) {
|
|
35
|
+
const coercedValue = coerceNumberProperty(value);
|
|
36
|
+
if (coercedValue <= 100 && coercedValue >= -1) {
|
|
37
|
+
this._value = coercedValue;
|
|
38
|
+
this.indeterminate = coercedValue === -1;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
get value() {
|
|
42
|
+
return this._value;
|
|
43
|
+
}
|
|
44
|
+
ngAfterViewInit() {
|
|
45
|
+
this.updateDimensions();
|
|
46
|
+
}
|
|
47
|
+
ngOnChanges(changes) {
|
|
48
|
+
if (hasChanged(changes, ['stroke', 'size'])) {
|
|
49
|
+
this.updateDimensions();
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
updateDimensions() {
|
|
53
|
+
const normalizeFactor = this.viewPortSize / (this.element.nativeElement.offsetWidth || 1);
|
|
54
|
+
this.normalizedStroke = Math.floor(normalizeFactor * this.stroke);
|
|
55
|
+
this.radius = this.viewPortSize / 2 - this.normalizedStroke / 2;
|
|
56
|
+
this.circumference = Math.floor(2 * this.radius * Math.PI);
|
|
57
|
+
this.changeDetector.detectChanges();
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
CircularProgressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: CircularProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
61
|
+
CircularProgressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: CircularProgressComponent, isStandalone: true, selector: "odx-circular-progress", inputs: { stroke: "stroke", size: "size", value: "value" }, host: { properties: { "attr.aria-valuenow": "ariaValueNow", "attr.aria-valuemax": "100", "attr.aria-valuemin": "0", "attr.role": "\"meter\"" } }, usesOnChanges: true, ngImport: i0, template: "<svg class=\"odx-circular-progress__inner\" attr.viewBox=\"0 0 {{ viewPortSize }} {{ viewPortSize }}\">\n <circle class=\"odx-circular-progress__track\" [attr.stroke-width]=\"normalizedStroke\" [attr.r]=\"radius\" cx=\"50%\" cy=\"50%\" />\n <circle\n class=\"odx-circular-progress__indicator\"\n [attr.stroke-dasharray]=\"circumference\"\n [attr.stroke-dashoffset]=\"progressValue\"\n [attr.stroke-width]=\"normalizedStroke\"\n [attr.r]=\"radius\"\n cx=\"50%\"\n cy=\"50%\"\n />\n</svg>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
62
|
+
__decorate([
|
|
63
|
+
CSSModifier(),
|
|
64
|
+
__metadata("design:type", Object)
|
|
65
|
+
], CircularProgressComponent.prototype, "indeterminate", void 0);
|
|
66
|
+
__decorate([
|
|
67
|
+
Transform(coerceNumberProperty),
|
|
68
|
+
__metadata("design:type", Object)
|
|
69
|
+
], CircularProgressComponent.prototype, "stroke", void 0);
|
|
70
|
+
__decorate([
|
|
71
|
+
CSSModifier(),
|
|
72
|
+
__metadata("design:type", Object)
|
|
73
|
+
], CircularProgressComponent.prototype, "size", void 0);
|
|
74
|
+
__decorate([
|
|
75
|
+
Transform(coerceNumberProperty),
|
|
76
|
+
__metadata("design:type", Object),
|
|
77
|
+
__metadata("design:paramtypes", [Object])
|
|
78
|
+
], CircularProgressComponent.prototype, "value", null);
|
|
79
|
+
CircularProgressComponent = __decorate([
|
|
80
|
+
CSSComponent('circular-progress')
|
|
81
|
+
], CircularProgressComponent);
|
|
82
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: CircularProgressComponent, decorators: [{
|
|
83
|
+
type: Component,
|
|
84
|
+
args: [{ standalone: true, selector: 'odx-circular-progress', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
85
|
+
'[attr.aria-valuenow]': 'ariaValueNow',
|
|
86
|
+
'[attr.aria-valuemax]': '100',
|
|
87
|
+
'[attr.aria-valuemin]': '0',
|
|
88
|
+
'[attr.role]': '"meter"',
|
|
89
|
+
}, template: "<svg class=\"odx-circular-progress__inner\" attr.viewBox=\"0 0 {{ viewPortSize }} {{ viewPortSize }}\">\n <circle class=\"odx-circular-progress__track\" [attr.stroke-width]=\"normalizedStroke\" [attr.r]=\"radius\" cx=\"50%\" cy=\"50%\" />\n <circle\n class=\"odx-circular-progress__indicator\"\n [attr.stroke-dasharray]=\"circumference\"\n [attr.stroke-dashoffset]=\"progressValue\"\n [attr.stroke-width]=\"normalizedStroke\"\n [attr.r]=\"radius\"\n cx=\"50%\"\n cy=\"50%\"\n />\n</svg>\n" }]
|
|
90
|
+
}], propDecorators: { indeterminate: [], stroke: [{
|
|
91
|
+
type: Input
|
|
92
|
+
}], size: [{
|
|
93
|
+
type: Input
|
|
94
|
+
}], value: [{
|
|
95
|
+
type: Input
|
|
96
|
+
}] } });
|
|
97
|
+
|
|
98
|
+
/**
|
|
99
|
+
* Generated bundle index. Do not edit.
|
|
100
|
+
*/
|
|
101
|
+
|
|
102
|
+
export { CircularProgressComponent, CircularProgressSize };
|
|
103
|
+
//# sourceMappingURL=odx-angular-components-circular-progress.mjs.map
|