@odx/angular 1.0.0-rc.18 → 1.0.0-rc.19
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/cdk/checkbox-control/lib/checkbox-control.directive.d.ts +3 -1
- package/cdk/radio-group-control/lib/radio-group-control.directive.d.ts +2 -1
- package/components/form-field/lib/form-field.config.d.ts +1 -0
- package/components/form-field/lib/services/form-field-error.service.d.ts +1 -0
- package/components/select/lib/select.component.d.ts +1 -0
- package/components/tab-bar/lib/components/tab-bar-item/tab-bar-item.component.d.ts +5 -2
- package/esm2020/cdk/a11y/lib/a11y.module.mjs +4 -4
- package/esm2020/cdk/a11y/lib/directives/interactive.directive.mjs +3 -3
- package/esm2020/cdk/a11y/lib/directives/list-focus-manager-option.directive.mjs +3 -3
- package/esm2020/cdk/a11y/lib/directives/list-focus-manager.directive.mjs +3 -3
- package/esm2020/cdk/active-indicator/lib/active-indicator.directive.mjs +3 -3
- package/esm2020/cdk/checkbox-control/lib/checkbox-control.directive.mjs +9 -5
- package/esm2020/cdk/connected-overlay/lib/connected-overlay.component.mjs +3 -3
- package/esm2020/cdk/connected-overlay/lib/connected-overlay.service.mjs +3 -3
- package/esm2020/cdk/custom-form-control/lib/control.directive.mjs +3 -3
- package/esm2020/cdk/custom-form-control/lib/custom-form-control.mjs +3 -3
- package/esm2020/cdk/dynamic-view/lib/dynamic-view.component.mjs +3 -3
- package/esm2020/cdk/dynamic-view/lib/dynamic-view.directive.mjs +3 -3
- package/esm2020/cdk/dynamic-view/lib/dynamic-view.service.mjs +3 -3
- package/esm2020/cdk/expandable/lib/directives/expandable-item.directive.mjs +3 -3
- package/esm2020/cdk/expandable/lib/directives/extandable-container.directive.mjs +3 -3
- package/esm2020/cdk/expandable/lib/expandable.module.mjs +4 -4
- package/esm2020/cdk/radio-group-control/lib/radio-control.directive.mjs +3 -3
- package/esm2020/cdk/radio-group-control/lib/radio-group-control.directive.mjs +11 -7
- package/esm2020/cdk/radio-group-control/lib/radio-group-control.module.mjs +4 -4
- package/esm2020/components/accordion/lib/accordion.component.mjs +3 -3
- package/esm2020/components/accordion/lib/accordion.module.mjs +4 -4
- package/esm2020/components/accordion/lib/components/accordion-item/accordion-item.component.mjs +3 -3
- package/esm2020/components/accordion/lib/directives/accordion-item-title.mjs +3 -3
- package/esm2020/components/action-group/action-group.component.mjs +3 -3
- package/esm2020/components/area-header/area-header.component.mjs +3 -3
- package/esm2020/components/area-header/area-header.module.mjs +4 -4
- package/esm2020/components/area-header/directives/area-header-content.directive.mjs +3 -3
- package/esm2020/components/area-header/directives/area-header-subtitle.directive.mjs +3 -3
- package/esm2020/components/avatar/lib/avatar.component.mjs +3 -3
- package/esm2020/components/badge/lib/badge.component.mjs +3 -3
- package/esm2020/components/badge/lib/badge.directive.mjs +3 -3
- package/esm2020/components/bar/lib/bar.component.mjs +3 -3
- package/esm2020/components/bar/lib/bar.module.mjs +4 -4
- package/esm2020/components/bar/lib/directives/bar-button.directive.mjs +3 -3
- package/esm2020/components/bar/lib/directives/bar-label.directive.mjs +3 -3
- package/esm2020/components/breadcrumbs/lib/breadcrumbs.component.mjs +3 -3
- package/esm2020/components/button/lib/button.component.mjs +3 -3
- package/esm2020/components/button-group/lib/button-group.component.mjs +3 -3
- package/esm2020/components/checkbox/lib/checkbox.component.mjs +3 -3
- package/esm2020/components/checkbox/lib/checkbox.module.mjs +4 -4
- package/esm2020/components/checkbox/lib/checkbox.validator.mjs +3 -3
- package/esm2020/components/chip/lib/chip.component.mjs +3 -3
- package/esm2020/components/circular-progress/lib/circular-progress.component.mjs +5 -5
- package/esm2020/components/content-box/lib/content-box.component.mjs +3 -3
- package/esm2020/components/content-box/lib/content-box.module.mjs +4 -4
- package/esm2020/components/content-box/lib/directives/content-box-footer-directive.mjs +3 -3
- package/esm2020/components/content-box/lib/directives/content-box-header-directive.mjs +3 -3
- package/esm2020/components/dropdown/lib/dropdown.component.mjs +3 -3
- package/esm2020/components/dropdown/lib/dropdown.directive.mjs +3 -3
- package/esm2020/components/dropdown/lib/dropdown.module.mjs +4 -4
- package/esm2020/components/form-field/lib/components/form-field-info/form-field-info.component.mjs +3 -3
- package/esm2020/components/form-field/lib/components/form-group/form-group.component.mjs +3 -3
- package/esm2020/components/form-field/lib/directives/form-field-control.directive.mjs +3 -3
- package/esm2020/components/form-field/lib/directives/form-field-error.directive.mjs +3 -3
- package/esm2020/components/form-field/lib/directives/form-field-hint.directive.mjs +3 -3
- package/esm2020/components/form-field/lib/directives/form-field-label.directive.mjs +3 -3
- package/esm2020/components/form-field/lib/directives/form.directive.mjs +3 -3
- package/esm2020/components/form-field/lib/form-field.component.mjs +3 -3
- package/esm2020/components/form-field/lib/form-field.config.mjs +2 -1
- package/esm2020/components/form-field/lib/form-field.module.mjs +4 -4
- package/esm2020/components/form-field/lib/form-field.service.mjs +3 -3
- package/esm2020/components/form-field/lib/services/form-field-error.service.mjs +9 -11
- package/esm2020/components/header/lib/directives/header-avatar.directive.mjs +3 -3
- package/esm2020/components/header/lib/directives/header-title.directive.mjs +3 -3
- package/esm2020/components/header/lib/header.component.mjs +3 -3
- package/esm2020/components/header/lib/header.module.mjs +4 -4
- package/esm2020/components/icon/lib/icon.component.mjs +3 -3
- package/esm2020/components/inline-message/lib/inline-message.component.mjs +3 -3
- package/esm2020/components/launch-tile/lib/components/launch-tile-footer/launch-tile-footer.component.mjs +3 -3
- package/esm2020/components/launch-tile/lib/components/launch-tile-subtitle/launch-tile-subtitle.component.mjs +3 -3
- package/esm2020/components/launch-tile/lib/launch-tile.component.mjs +3 -3
- package/esm2020/components/launch-tile/lib/launch-tile.module.mjs +4 -4
- package/esm2020/components/link/link.directive.mjs +3 -3
- package/esm2020/components/list/lib/components/list-item/list-item.component.mjs +3 -3
- package/esm2020/components/list/lib/list.component.mjs +3 -3
- package/esm2020/components/list/lib/list.module.mjs +4 -4
- package/esm2020/components/loading-spinner/lib/loading-spinner.component.mjs +3 -3
- package/esm2020/components/loading-spinner/lib/loading-spinner.directive.mjs +3 -3
- package/esm2020/components/loading-spinner/lib/loading-spinner.module.mjs +4 -4
- package/esm2020/components/logo/logo.directive.mjs +3 -3
- package/esm2020/components/main-menu/lib/directives/main-menu-button.directive.mjs +3 -3
- package/esm2020/components/main-menu/lib/directives/main-menu-item.directive.mjs +3 -3
- package/esm2020/components/main-menu/lib/main-menu.component.mjs +3 -3
- package/esm2020/components/main-menu/lib/main-menu.module.mjs +4 -4
- package/esm2020/components/main-menu/lib/main-menu.service.mjs +3 -3
- package/esm2020/components/menu/lib/directives/menu-item.directive.mjs +3 -3
- package/esm2020/components/menu/lib/menu.component.mjs +3 -3
- package/esm2020/components/menu/lib/menu.directive.mjs +3 -3
- package/esm2020/components/menu/lib/menu.module.mjs +4 -4
- package/esm2020/components/modal/lib/components/basic-modal/basic-modal.component.mjs +3 -3
- package/esm2020/components/modal/lib/components/modal-footer/modal-footer.component.mjs +3 -3
- package/esm2020/components/modal/lib/components/modal-header/modal-header.component.mjs +3 -3
- package/esm2020/components/modal/lib/components/modal-hero/modal-hero.component.mjs +3 -3
- package/esm2020/components/modal/lib/directives/modal-close.directive.mjs +3 -3
- package/esm2020/components/modal/lib/directives/modal-content.directive.mjs +3 -3
- package/esm2020/components/modal/lib/directives/modal-dismiss.directive.mjs +3 -3
- package/esm2020/components/modal/lib/modal.component.mjs +3 -3
- package/esm2020/components/modal/lib/modal.directive.mjs +3 -3
- package/esm2020/components/modal/lib/modal.module.mjs +4 -4
- package/esm2020/components/modal/lib/modal.service.mjs +3 -3
- package/esm2020/components/progress/lib/progress.component.mjs +3 -3
- package/esm2020/components/radio-group/lib/components/radio-button/radio-button.component.mjs +3 -3
- package/esm2020/components/radio-group/lib/radio-group.component.mjs +3 -3
- package/esm2020/components/radio-group/lib/radio-group.module.mjs +4 -4
- package/esm2020/components/rail-navigation/lib/components/rail-navigation-item.component.mjs +3 -3
- package/esm2020/components/rail-navigation/lib/rail-navigation.component.mjs +3 -3
- package/esm2020/components/rail-navigation/lib/rail-navigation.module.mjs +4 -4
- package/esm2020/components/select/lib/components/option/option.component.mjs +3 -3
- package/esm2020/components/select/lib/directives/select-search-field.directive.mjs +3 -3
- package/esm2020/components/select/lib/pipes/select-search-filter.pipe.mjs +3 -3
- package/esm2020/components/select/lib/select.component.mjs +16 -11
- package/esm2020/components/select/lib/select.module.mjs +4 -4
- package/esm2020/components/slider/lib/slider.directive.mjs +3 -3
- package/esm2020/components/spinbox/lib/spinbox.component.mjs +3 -3
- package/esm2020/components/switch/lib/switch.component.mjs +3 -3
- package/esm2020/components/switch/lib/switch.module.mjs +4 -4
- package/esm2020/components/switch/lib/switch.validator.mjs +3 -3
- package/esm2020/components/tab-bar/lib/components/tab-bar-item/tab-bar-item.component.mjs +14 -5
- package/esm2020/components/tab-bar/lib/tab-bar.component.mjs +3 -3
- package/esm2020/components/tab-bar/lib/tab-bar.module.mjs +4 -4
- package/esm2020/components/toast/lib/components/toast-container/toast-container.component.mjs +3 -3
- package/esm2020/components/toast/lib/components/toast-item/toast-item.component.mjs +3 -3
- package/esm2020/components/toast/lib/toast.module.mjs +4 -4
- package/esm2020/components/toast/lib/toast.service.mjs +3 -3
- package/esm2020/components/toggle-button-group/lib/components/toggle-button/toggle-button.component.mjs +3 -3
- package/esm2020/components/toggle-button-group/lib/toggle-button-group.component.mjs +3 -3
- package/esm2020/components/toggle-button-group/lib/toggle-button-group.module.mjs +4 -4
- package/esm2020/components/tooltip/lib/tooltip.component.mjs +3 -3
- package/esm2020/components/tooltip/lib/tooltip.directive.mjs +3 -3
- package/esm2020/lib/controllers/controller.mjs +3 -3
- package/esm2020/lib/controllers/disabled.controller.mjs +3 -3
- package/esm2020/lib/controllers/readonly.controller.mjs +3 -3
- package/esm2020/lib/core.module.mjs +4 -4
- package/esm2020/lib/directives/click-outside.directive.mjs +3 -3
- package/esm2020/lib/directives/delegate-focus.directive.mjs +3 -3
- package/esm2020/lib/directives/with-disabled-state.directive.mjs +3 -3
- package/esm2020/lib/directives/with-tabindex.directive.mjs +3 -3
- package/esm2020/lib/services/window-ref.mjs +3 -3
- package/esm2020/utils/lib/helpers/event-manager.mjs +3 -3
- package/fesm2015/odx-angular-cdk-a11y.mjs +13 -13
- package/fesm2015/odx-angular-cdk-active-indicator.mjs +3 -3
- package/fesm2015/odx-angular-cdk-checkbox-control.mjs +8 -4
- package/fesm2015/odx-angular-cdk-checkbox-control.mjs.map +1 -1
- package/fesm2015/odx-angular-cdk-connected-overlay.mjs +6 -6
- package/fesm2015/odx-angular-cdk-custom-form-control.mjs +6 -6
- package/fesm2015/odx-angular-cdk-dynamic-view.mjs +9 -9
- package/fesm2015/odx-angular-cdk-expandable.mjs +10 -10
- package/fesm2015/odx-angular-cdk-radio-group-control.mjs +17 -14
- 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-action-group.mjs +3 -3
- package/fesm2015/odx-angular-components-area-header.mjs +13 -13
- package/fesm2015/odx-angular-components-avatar.mjs +3 -3
- package/fesm2015/odx-angular-components-badge.mjs +6 -6
- package/fesm2015/odx-angular-components-bar.mjs +13 -13
- package/fesm2015/odx-angular-components-breadcrumbs.mjs +3 -3
- package/fesm2015/odx-angular-components-button-group.mjs +3 -3
- package/fesm2015/odx-angular-components-button.mjs +3 -3
- package/fesm2015/odx-angular-components-checkbox.mjs +10 -10
- package/fesm2015/odx-angular-components-chip.mjs +3 -3
- package/fesm2015/odx-angular-components-circular-progress.mjs +4 -4
- package/fesm2015/odx-angular-components-circular-progress.mjs.map +1 -1
- package/fesm2015/odx-angular-components-content-box.mjs +13 -13
- package/fesm2015/odx-angular-components-dropdown.mjs +10 -10
- package/fesm2015/odx-angular-components-form-field.mjs +41 -41
- 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-icon.mjs +3 -3
- package/fesm2015/odx-angular-components-inline-message.mjs +3 -3
- package/fesm2015/odx-angular-components-launch-tile.mjs +13 -13
- package/fesm2015/odx-angular-components-link.mjs +3 -3
- package/fesm2015/odx-angular-components-list.mjs +10 -10
- package/fesm2015/odx-angular-components-loading-spinner.mjs +10 -10
- package/fesm2015/odx-angular-components-logo.mjs +3 -3
- package/fesm2015/odx-angular-components-main-menu.mjs +16 -16
- package/fesm2015/odx-angular-components-menu.mjs +13 -13
- package/fesm2015/odx-angular-components-modal.mjs +34 -34
- package/fesm2015/odx-angular-components-progress.mjs +3 -3
- package/fesm2015/odx-angular-components-radio-group.mjs +10 -10
- package/fesm2015/odx-angular-components-rail-navigation.mjs +10 -10
- package/fesm2015/odx-angular-components-select.mjs +29 -23
- package/fesm2015/odx-angular-components-select.mjs.map +1 -1
- package/fesm2015/odx-angular-components-slider.mjs +3 -3
- package/fesm2015/odx-angular-components-spinbox.mjs +3 -3
- package/fesm2015/odx-angular-components-switch.mjs +10 -10
- package/fesm2015/odx-angular-components-tab-bar.mjs +21 -12
- package/fesm2015/odx-angular-components-tab-bar.mjs.map +1 -1
- package/fesm2015/odx-angular-components-toast.mjs +13 -13
- package/fesm2015/odx-angular-components-toggle-button-group.mjs +10 -10
- package/fesm2015/odx-angular-components-tooltip.mjs +6 -6
- package/fesm2015/odx-angular-utils.mjs +3 -3
- package/fesm2015/odx-angular.mjs +28 -28
- package/fesm2020/odx-angular-cdk-a11y.mjs +13 -13
- package/fesm2020/odx-angular-cdk-active-indicator.mjs +3 -3
- package/fesm2020/odx-angular-cdk-checkbox-control.mjs +8 -4
- package/fesm2020/odx-angular-cdk-checkbox-control.mjs.map +1 -1
- package/fesm2020/odx-angular-cdk-connected-overlay.mjs +6 -6
- package/fesm2020/odx-angular-cdk-custom-form-control.mjs +6 -6
- package/fesm2020/odx-angular-cdk-dynamic-view.mjs +9 -9
- package/fesm2020/odx-angular-cdk-expandable.mjs +10 -10
- package/fesm2020/odx-angular-cdk-radio-group-control.mjs +17 -14
- 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-action-group.mjs +3 -3
- package/fesm2020/odx-angular-components-area-header.mjs +13 -13
- package/fesm2020/odx-angular-components-avatar.mjs +3 -3
- package/fesm2020/odx-angular-components-badge.mjs +6 -6
- package/fesm2020/odx-angular-components-bar.mjs +13 -13
- package/fesm2020/odx-angular-components-breadcrumbs.mjs +3 -3
- package/fesm2020/odx-angular-components-button-group.mjs +3 -3
- package/fesm2020/odx-angular-components-button.mjs +3 -3
- package/fesm2020/odx-angular-components-checkbox.mjs +10 -10
- package/fesm2020/odx-angular-components-chip.mjs +3 -3
- package/fesm2020/odx-angular-components-circular-progress.mjs +4 -4
- package/fesm2020/odx-angular-components-circular-progress.mjs.map +1 -1
- package/fesm2020/odx-angular-components-content-box.mjs +13 -13
- package/fesm2020/odx-angular-components-dropdown.mjs +10 -10
- package/fesm2020/odx-angular-components-form-field.mjs +40 -41
- 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-icon.mjs +3 -3
- package/fesm2020/odx-angular-components-inline-message.mjs +3 -3
- package/fesm2020/odx-angular-components-launch-tile.mjs +13 -13
- package/fesm2020/odx-angular-components-link.mjs +3 -3
- package/fesm2020/odx-angular-components-list.mjs +10 -10
- package/fesm2020/odx-angular-components-loading-spinner.mjs +10 -10
- package/fesm2020/odx-angular-components-logo.mjs +3 -3
- package/fesm2020/odx-angular-components-main-menu.mjs +16 -16
- package/fesm2020/odx-angular-components-menu.mjs +13 -13
- package/fesm2020/odx-angular-components-modal.mjs +34 -34
- package/fesm2020/odx-angular-components-progress.mjs +3 -3
- package/fesm2020/odx-angular-components-radio-group.mjs +10 -10
- package/fesm2020/odx-angular-components-rail-navigation.mjs +10 -10
- package/fesm2020/odx-angular-components-select.mjs +29 -23
- package/fesm2020/odx-angular-components-select.mjs.map +1 -1
- package/fesm2020/odx-angular-components-slider.mjs +3 -3
- package/fesm2020/odx-angular-components-spinbox.mjs +3 -3
- package/fesm2020/odx-angular-components-switch.mjs +10 -10
- package/fesm2020/odx-angular-components-tab-bar.mjs +20 -12
- package/fesm2020/odx-angular-components-tab-bar.mjs.map +1 -1
- package/fesm2020/odx-angular-components-toast.mjs +13 -13
- package/fesm2020/odx-angular-components-toggle-button-group.mjs +10 -10
- package/fesm2020/odx-angular-components-tooltip.mjs +6 -6
- package/fesm2020/odx-angular-utils.mjs +3 -3
- package/fesm2020/odx-angular.mjs +28 -28
- package/package.json +2 -2
|
@@ -105,9 +105,9 @@ class ModalCloseDirective {
|
|
|
105
105
|
}
|
|
106
106
|
}
|
|
107
107
|
}
|
|
108
|
-
ModalCloseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
109
|
-
ModalCloseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.
|
|
110
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
108
|
+
ModalCloseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ModalCloseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
109
|
+
ModalCloseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.3", type: ModalCloseDirective, isStandalone: true, selector: "[odxModalClose]", inputs: { result: ["odxModalClose", "result"] }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 });
|
|
110
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ModalCloseDirective, decorators: [{
|
|
111
111
|
type: Directive,
|
|
112
112
|
args: [{
|
|
113
113
|
standalone: true,
|
|
@@ -126,12 +126,12 @@ let ModalContentDirective = class ModalContentDirective {
|
|
|
126
126
|
this.element = injectElement();
|
|
127
127
|
}
|
|
128
128
|
};
|
|
129
|
-
ModalContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
130
|
-
ModalContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.
|
|
129
|
+
ModalContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ModalContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
130
|
+
ModalContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.3", type: ModalContentDirective, isStandalone: true, selector: "odx-modal-content", ngImport: i0 });
|
|
131
131
|
ModalContentDirective = __decorate([
|
|
132
132
|
CSSComponent('modal__content')
|
|
133
133
|
], ModalContentDirective);
|
|
134
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
134
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ModalContentDirective, decorators: [{
|
|
135
135
|
type: Directive,
|
|
136
136
|
args: [{
|
|
137
137
|
standalone: true,
|
|
@@ -147,9 +147,9 @@ class ModalDismissDirective {
|
|
|
147
147
|
this.modalRef.dismiss();
|
|
148
148
|
}
|
|
149
149
|
}
|
|
150
|
-
ModalDismissDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
151
|
-
ModalDismissDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.
|
|
152
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
150
|
+
ModalDismissDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ModalDismissDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
151
|
+
ModalDismissDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.3", type: ModalDismissDirective, isStandalone: true, selector: "[odxModalDismiss]", host: { listeners: { "click": "onClick()" } }, ngImport: i0 });
|
|
152
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ModalDismissDirective, decorators: [{
|
|
153
153
|
type: Directive,
|
|
154
154
|
args: [{
|
|
155
155
|
standalone: true,
|
|
@@ -165,12 +165,12 @@ let ModalFooterComponent = class ModalFooterComponent {
|
|
|
165
165
|
this.element = injectElement();
|
|
166
166
|
}
|
|
167
167
|
};
|
|
168
|
-
ModalFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
169
|
-
ModalFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.
|
|
168
|
+
ModalFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ModalFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
169
|
+
ModalFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: ModalFooterComponent, isStandalone: true, selector: "odx-modal-footer", ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
170
170
|
ModalFooterComponent = __decorate([
|
|
171
171
|
CSSComponent('modal__footer')
|
|
172
172
|
], ModalFooterComponent);
|
|
173
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
173
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ModalFooterComponent, decorators: [{
|
|
174
174
|
type: Component,
|
|
175
175
|
args: [{ standalone: true, selector: 'odx-modal-footer', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
|
|
176
176
|
}] });
|
|
@@ -187,13 +187,13 @@ let ModalHeaderComponent = class ModalHeaderComponent {
|
|
|
187
187
|
}
|
|
188
188
|
}
|
|
189
189
|
};
|
|
190
|
-
ModalHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
191
|
-
ModalHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.
|
|
190
|
+
ModalHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ModalHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
191
|
+
ModalHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: ModalHeaderComponent, isStandalone: true, selector: "odx-modal-header", queries: [{ propertyName: "areaHeaderComponent", first: true, predicate: AreaHeaderComponent, descendants: true }], ngImport: i0, template: "<ng-content select=\"odx-area-header\"></ng-content>\n<odx-action-group class=\"odx-modal__dismiss\" *ngIf=\"modalRef.options.dismissable\">\n <button odxButton odxModalDismiss>\n <odx-icon name=\"close\"></odx-icon>\n </button>\n</odx-action-group>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ActionGroupComponent, selector: "odx-action-group", inputs: ["reverse"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name"] }, { kind: "directive", type: ModalDismissDirective, selector: "[odxModalDismiss]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
192
192
|
ModalHeaderComponent = __decorate([
|
|
193
193
|
CSSComponent('modal__header'),
|
|
194
194
|
__metadata("design:paramtypes", [])
|
|
195
195
|
], ModalHeaderComponent);
|
|
196
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
196
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ModalHeaderComponent, decorators: [{
|
|
197
197
|
type: Component,
|
|
198
198
|
args: [{ standalone: true, selector: 'odx-modal-header', imports: [CoreModule, ActionGroupComponent, ButtonComponent, IconComponent, ModalDismissDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"odx-area-header\"></ng-content>\n<odx-action-group class=\"odx-modal__dismiss\" *ngIf=\"modalRef.options.dismissable\">\n <button odxButton odxModalDismiss>\n <odx-icon name=\"close\"></odx-icon>\n </button>\n</odx-action-group>\n" }]
|
|
199
199
|
}], ctorParameters: function () { return []; }, propDecorators: { areaHeaderComponent: [{
|
|
@@ -208,8 +208,8 @@ let ModalHeroComponent = class ModalHeroComponent {
|
|
|
208
208
|
detectControllerChanges(this.modalRef).subscribe();
|
|
209
209
|
}
|
|
210
210
|
};
|
|
211
|
-
ModalHeroComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
212
|
-
ModalHeroComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.
|
|
211
|
+
ModalHeroComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ModalHeroComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
212
|
+
ModalHeroComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: ModalHeroComponent, isStandalone: true, selector: "odx-modal-hero", inputs: { icon: "icon", variant: "variant" }, ngImport: i0, template: "<odx-icon class=\"odx-modal-hero__icon\" [name]=\"icon\" size=\"xlarge\" *ngIf=\"icon\"> </odx-icon>\n\n<div class=\"odx-modal-hero__title odx-title-4\">\n <ng-content></ng-content>\n</div>\n\n<odx-action-group class=\"odx-modal-hero__dismiss\" *ngIf=\"modalRef.options.dismissable\">\n <button odxButton odxModalDismiss>\n <odx-icon name=\"close\"></odx-icon>\n </button>\n</odx-action-group>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ActionGroupComponent, selector: "odx-action-group", inputs: ["reverse"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }, { kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name"] }, { kind: "directive", type: ModalDismissDirective, selector: "[odxModalDismiss]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
213
213
|
__decorate([
|
|
214
214
|
CSSModifier(),
|
|
215
215
|
__metadata("design:type", Object)
|
|
@@ -218,7 +218,7 @@ ModalHeroComponent = __decorate([
|
|
|
218
218
|
CSSComponent('modal-hero'),
|
|
219
219
|
__metadata("design:paramtypes", [])
|
|
220
220
|
], ModalHeroComponent);
|
|
221
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
221
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ModalHeroComponent, decorators: [{
|
|
222
222
|
type: Component,
|
|
223
223
|
args: [{ selector: 'odx-modal-hero', standalone: true, imports: [CoreModule, ActionGroupComponent, ButtonComponent, IconComponent, ModalDismissDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<odx-icon class=\"odx-modal-hero__icon\" [name]=\"icon\" size=\"xlarge\" *ngIf=\"icon\"> </odx-icon>\n\n<div class=\"odx-modal-hero__title odx-title-4\">\n <ng-content></ng-content>\n</div>\n\n<odx-action-group class=\"odx-modal-hero__dismiss\" *ngIf=\"modalRef.options.dismissable\">\n <button odxButton odxModalDismiss>\n <odx-icon name=\"close\"></odx-icon>\n </button>\n</odx-action-group>\n" }]
|
|
224
224
|
}], ctorParameters: function () { return []; }, propDecorators: { icon: [{
|
|
@@ -239,9 +239,9 @@ class BasicModalComponent {
|
|
|
239
239
|
return index;
|
|
240
240
|
}
|
|
241
241
|
}
|
|
242
|
-
BasicModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
243
|
-
BasicModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.
|
|
244
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
242
|
+
BasicModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: BasicModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
243
|
+
BasicModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: BasicModalComponent, isStandalone: true, selector: "odx-basic-modal", ngImport: i0, template: "<odx-modal-hero [icon]=\"icon\" [variant]=\"data.heroVariant\" *ngIf=\"data.heroIcon as icon; else modalHeader\">\n <ng-template [odxDynamicView]=\"data.title\"></ng-template>\n</odx-modal-hero>\n\n<odx-modal-content>\n <ng-template [odxDynamicView]=\"data.content\" [odxDynamicViewInjector]=\"injector\"></ng-template>\n</odx-modal-content>\n\n<odx-modal-footer>\n <button odxButton [variant]=\"action.variant\" [odxModalClose]=\"action.data\" *ngFor=\"let action of data.actions; let i = index; trackBy: trackByIndex\">\n {{ action.label }}\n </button>\n</odx-modal-footer>\n\n<ng-template #modalHeader>\n <odx-modal-header>\n <odx-area-header>\n <ng-template [odxDynamicView]=\"data.title\"></ng-template>\n </odx-area-header>\n </odx-modal-header>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: DynamicViewDirective, selector: "ng-template[odxDynamicView]", inputs: ["odxDynamicView", "odxDynamicViewInjector", "odxDynamicViewContext"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }, { kind: "component", type: AreaHeaderComponent, selector: "odx-area-header", inputs: ["size"] }, { kind: "component", type: ModalHeaderComponent, selector: "odx-modal-header" }, { kind: "component", type: ModalHeroComponent, selector: "odx-modal-hero", inputs: ["icon", "variant"] }, { kind: "component", type: ModalFooterComponent, selector: "odx-modal-footer" }, { kind: "directive", type: ModalContentDirective, selector: "odx-modal-content" }, { kind: "directive", type: ModalCloseDirective, selector: "[odxModalClose]", inputs: ["odxModalClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
244
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: BasicModalComponent, decorators: [{
|
|
245
245
|
type: Component,
|
|
246
246
|
args: [{ selector: 'odx-basic-modal', standalone: true, imports: [
|
|
247
247
|
CoreModule,
|
|
@@ -280,8 +280,8 @@ let ModalComponent = class ModalComponent {
|
|
|
280
280
|
}
|
|
281
281
|
}
|
|
282
282
|
};
|
|
283
|
-
ModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
284
|
-
ModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.
|
|
283
|
+
ModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
284
|
+
ModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: ModalComponent, isStandalone: true, selector: "odx-modal", inputs: { content: "content" }, host: { listeners: { "keyup.esc": "onClose()" }, properties: { "@hostAnimation": "variant", "attr.id": "modalRef.options.id" } }, usesOnChanges: true, ngImport: i0, template: "<div\n [cdkTrapFocus]=\"modalRef.isActive()\"\n [cdkTrapFocusAutoCapture]=\"modalRef.isActive()\"\n [odxClickOutsideActive]=\"modalRef.options.dismissable\"\n [attr.aria-labelledby]=\"modalRef.modalTitleId\"\n class=\"odx-modal__container\"\n role=\"dialog\"\n (odxClickOutside)=\"modalRef.dismiss()\"\n>\n <ng-template [odxDynamicView]=\"content\" [odxDynamicViewContext]=\"withComponent ? {} : context\" [odxDynamicViewInjector]=\"injector\"></ng-template>\n</div>\n", dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1$1.ClickOutsideDirective, selector: "[odxClickOutside]", inputs: ["odxClickOutsideActive"], outputs: ["odxClickOutside"] }, { kind: "directive", type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: CoreModule }, { kind: "directive", type: DynamicViewDirective, selector: "ng-template[odxDynamicView]", inputs: ["odxDynamicView", "odxDynamicViewInjector", "odxDynamicViewContext"] }], animations: [
|
|
285
285
|
trigger('hostAnimation', [
|
|
286
286
|
transition('void => default', group([useAnimation(fadeIn()), query('.odx-modal__container', useAnimation(slideInY('8px')))])),
|
|
287
287
|
transition('default => void', group([useAnimation(fadeOut()), query('.odx-modal__container', useAnimation(slideOutY('8px')))])),
|
|
@@ -305,7 +305,7 @@ ModalComponent = __decorate([
|
|
|
305
305
|
CSSComponent('modal'),
|
|
306
306
|
__metadata("design:paramtypes", [])
|
|
307
307
|
], ModalComponent);
|
|
308
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
308
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ModalComponent, decorators: [{
|
|
309
309
|
type: Component,
|
|
310
310
|
args: [{ standalone: true, selector: 'odx-modal', imports: [A11yModule, ActionGroupComponent, ButtonComponent, IconComponent, CoreModule, DynamicViewDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
|
|
311
311
|
'[@hostAnimation]': 'variant',
|
|
@@ -385,9 +385,9 @@ class ModalService {
|
|
|
385
385
|
}
|
|
386
386
|
}
|
|
387
387
|
ModalService.ID = 0;
|
|
388
|
-
ModalService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
389
|
-
ModalService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.
|
|
390
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
388
|
+
ModalService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ModalService, deps: [{ token: i1.Location }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
389
|
+
ModalService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ModalService, providedIn: 'root' });
|
|
390
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ModalService, decorators: [{
|
|
391
391
|
type: Injectable,
|
|
392
392
|
args: [{ providedIn: 'root' }]
|
|
393
393
|
}], ctorParameters: function () { return [{ type: i1.Location }]; } });
|
|
@@ -421,9 +421,9 @@ class ModalDirective {
|
|
|
421
421
|
(_a = this.modalRef) === null || _a === void 0 ? void 0 : _a.dismiss();
|
|
422
422
|
}
|
|
423
423
|
}
|
|
424
|
-
ModalDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
425
|
-
ModalDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.
|
|
426
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
424
|
+
ModalDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ModalDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
425
|
+
ModalDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.3", type: ModalDirective, isStandalone: true, selector: "ng-template[odxModal]", inputs: { modalOptions: ["odxModal", "modalOptions"] }, outputs: { modalClose: "odxModalClose", modalDismiss: "odxModalDismiss" }, exportAs: ["odxModal"], usesOnChanges: true, ngImport: i0 });
|
|
426
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ModalDirective, decorators: [{
|
|
427
427
|
type: Directive,
|
|
428
428
|
args: [{
|
|
429
429
|
standalone: true,
|
|
@@ -459,8 +459,8 @@ class ModalModule {
|
|
|
459
459
|
};
|
|
460
460
|
}
|
|
461
461
|
}
|
|
462
|
-
ModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
463
|
-
ModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.
|
|
462
|
+
ModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
463
|
+
ModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: ModalModule, imports: [ButtonComponent, ButtonGroupComponent, ModalComponent,
|
|
464
464
|
ModalHeaderComponent,
|
|
465
465
|
ModalHeroComponent,
|
|
466
466
|
ModalFooterComponent,
|
|
@@ -475,11 +475,11 @@ ModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "1
|
|
|
475
475
|
ModalCloseDirective,
|
|
476
476
|
ModalContentDirective,
|
|
477
477
|
ModalDismissDirective] });
|
|
478
|
-
ModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.
|
|
478
|
+
ModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ModalModule, imports: [ButtonComponent, ButtonGroupComponent, ModalComponent,
|
|
479
479
|
ModalHeaderComponent,
|
|
480
480
|
ModalHeroComponent,
|
|
481
481
|
ModalFooterComponent, CoreModule, AreaHeaderModule] });
|
|
482
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
482
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ModalModule, decorators: [{
|
|
483
483
|
type: NgModule,
|
|
484
484
|
args: [{
|
|
485
485
|
imports: [ButtonComponent, ButtonGroupComponent, ...modules],
|
|
@@ -28,8 +28,8 @@ let ProgressComponent = class ProgressComponent {
|
|
|
28
28
|
return this._value;
|
|
29
29
|
}
|
|
30
30
|
};
|
|
31
|
-
ProgressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
32
|
-
ProgressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.
|
|
31
|
+
ProgressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
32
|
+
ProgressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: ProgressComponent, isStandalone: true, selector: "odx-progress", inputs: { value: "value" }, host: { properties: { "attr.aria-valuenow": "ariaValueNow", "attr.aria-valuemax": "100", "attr.aria-valuemin": "0", "attr.role": "\"meter\"" } }, ngImport: i0, template: "<div class=\"odx-progress__indicator\" style=\"transform: scaleX({{ progressValue }})\"></div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
33
33
|
__decorate([
|
|
34
34
|
CSSModifier(),
|
|
35
35
|
__metadata("design:type", Object)
|
|
@@ -37,7 +37,7 @@ __decorate([
|
|
|
37
37
|
ProgressComponent = __decorate([
|
|
38
38
|
CSSComponent('progress')
|
|
39
39
|
], ProgressComponent);
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: ProgressComponent, decorators: [{
|
|
41
41
|
type: Component,
|
|
42
42
|
args: [{ selector: 'odx-progress', standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
43
43
|
'[attr.aria-valuenow]': 'ariaValueNow',
|
|
@@ -22,8 +22,8 @@ let RadioButtonComponent = class RadioButtonComponent extends RadioControlDirect
|
|
|
22
22
|
this.withLabel = !!((_a = this.contentElement.nativeElement.textContent) === null || _a === void 0 ? void 0 : _a.trim());
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
|
-
RadioButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
26
|
-
RadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.
|
|
25
|
+
RadioButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: RadioButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
+
RadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: RadioButtonComponent, isStandalone: true, selector: "odx-radio-button", providers: [DisabledController.connect(), ReadonlyController.connect()], viewQueries: [{ propertyName: "contentElement", first: true, predicate: ["content"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<label class=\"odx-radio-button__label\">\n <input\n class=\"odx-radio-button__input\"\n type=\"radio\"\n [attr.aria-checked]=\"ariaChecked\"\n [attr.aria-invalid]=\"radioGroupControl.hasError || null\"\n [attr.aria-readonly]=\"readonlyController?.readonly || null\"\n [attr.aria-required]=\"radioGroupControl.isRequired || null\"\n [checked]=\"isActive\"\n [disabled]=\"disabledController?.disabled || readonlyController?.readonly\"\n [name]=\"radioGroupControl.name\"\n [readonly]=\"readonlyController?.readonly\"\n [required]=\"radioGroupControl.isRequired\"\n [value]=\"value\"\n (change)=\"radioGroupControl.updateValue(value)\"\n />\n <div class=\"odx-radio-button__indicator\"></div>\n <div class=\"odx-radio-button__content\" [cdkObserveContentDisabled]=\"disabledController?.disabled\" (cdkObserveContent)=\"onContentChange()\" #content>\n <ng-content></ng-content>\n </div>\n</label>\n", dependencies: [{ kind: "ngmodule", type: ObserversModule }, { kind: "directive", type: i1.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
27
27
|
__decorate([
|
|
28
28
|
CSSModifier(),
|
|
29
29
|
__metadata("design:type", Object)
|
|
@@ -31,7 +31,7 @@ __decorate([
|
|
|
31
31
|
RadioButtonComponent = __decorate([
|
|
32
32
|
CSSComponent('radio-button')
|
|
33
33
|
], RadioButtonComponent);
|
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: RadioButtonComponent, decorators: [{
|
|
35
35
|
type: Component,
|
|
36
36
|
args: [{ standalone: true, selector: 'odx-radio-button', imports: [ObserversModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [DisabledController.connect(), ReadonlyController.connect()], template: "<label class=\"odx-radio-button__label\">\n <input\n class=\"odx-radio-button__input\"\n type=\"radio\"\n [attr.aria-checked]=\"ariaChecked\"\n [attr.aria-invalid]=\"radioGroupControl.hasError || null\"\n [attr.aria-readonly]=\"readonlyController?.readonly || null\"\n [attr.aria-required]=\"radioGroupControl.isRequired || null\"\n [checked]=\"isActive\"\n [disabled]=\"disabledController?.disabled || readonlyController?.readonly\"\n [name]=\"radioGroupControl.name\"\n [readonly]=\"readonlyController?.readonly\"\n [required]=\"radioGroupControl.isRequired\"\n [value]=\"value\"\n (change)=\"radioGroupControl.updateValue(value)\"\n />\n <div class=\"odx-radio-button__indicator\"></div>\n <div class=\"odx-radio-button__content\" [cdkObserveContentDisabled]=\"disabledController?.disabled\" (cdkObserveContent)=\"onContentChange()\" #content>\n <ng-content></ng-content>\n </div>\n</label>\n" }]
|
|
37
37
|
}], propDecorators: { withLabel: [], contentElement: [{
|
|
@@ -47,8 +47,8 @@ let RadioGroupComponent = RadioGroupComponent_1 = class RadioGroupComponent exte
|
|
|
47
47
|
this.horizontal = false;
|
|
48
48
|
}
|
|
49
49
|
};
|
|
50
|
-
RadioGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
51
|
-
RadioGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.
|
|
50
|
+
RadioGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: RadioGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
51
|
+
RadioGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: RadioGroupComponent, isStandalone: true, selector: "odx-radio-group", inputs: { horizontal: "horizontal" }, providers: [
|
|
52
52
|
{
|
|
53
53
|
provide: RADIO_GROUP_CONTROL,
|
|
54
54
|
useExisting: forwardRef(() => RadioGroupComponent_1),
|
|
@@ -64,7 +64,7 @@ __decorate([
|
|
|
64
64
|
RadioGroupComponent = RadioGroupComponent_1 = __decorate([
|
|
65
65
|
CSSComponent('radio-group')
|
|
66
66
|
], RadioGroupComponent);
|
|
67
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
67
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: RadioGroupComponent, decorators: [{
|
|
68
68
|
type: Component,
|
|
69
69
|
args: [{ standalone: true, selector: 'odx-radio-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
|
|
70
70
|
{
|
|
@@ -82,10 +82,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImpor
|
|
|
82
82
|
const modules = [RadioGroupComponent, RadioButtonComponent];
|
|
83
83
|
class RadioGroupModule {
|
|
84
84
|
}
|
|
85
|
-
RadioGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
86
|
-
RadioGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.
|
|
87
|
-
RadioGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.
|
|
88
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
85
|
+
RadioGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: RadioGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
86
|
+
RadioGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: RadioGroupModule, imports: [RadioGroupComponent, RadioButtonComponent], exports: [CoreModule, RadioGroupComponent, RadioButtonComponent] });
|
|
87
|
+
RadioGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: RadioGroupModule, imports: [modules, CoreModule] });
|
|
88
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: RadioGroupModule, decorators: [{
|
|
89
89
|
type: NgModule,
|
|
90
90
|
args: [{
|
|
91
91
|
imports: modules,
|
|
@@ -16,8 +16,8 @@ let RailNavigationItemComponent = class RailNavigationItemComponent {
|
|
|
16
16
|
this.isSelected = false;
|
|
17
17
|
}
|
|
18
18
|
};
|
|
19
|
-
RailNavigationItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
20
|
-
RailNavigationItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.
|
|
19
|
+
RailNavigationItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: RailNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
+
RailNavigationItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: RailNavigationItemComponent, isStandalone: true, selector: "a[odxRailNavigationItem][iconName], button[odxRailNavigationItem][iconName]", inputs: { isSelected: "isSelected", iconName: "iconName" }, host: { properties: { "class.is-selected": "isSelected || routerLinkActive?.isActive" } }, hostDirectives: [{ directive: i1.WithDisabledState }, { directive: i1.WithTabIndex }], ngImport: i0, template: "<odx-icon [name]=\"iconName\" size=\"large\"></odx-icon>\n<span class=\"odx-rail-navigation-item__container\">\n <ng-content></ng-content>\n</span>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
21
21
|
__decorate([
|
|
22
22
|
Transform(coerceBooleanProperty),
|
|
23
23
|
__metadata("design:type", Object)
|
|
@@ -25,7 +25,7 @@ __decorate([
|
|
|
25
25
|
RailNavigationItemComponent = __decorate([
|
|
26
26
|
CSSComponent('rail-navigation-item')
|
|
27
27
|
], RailNavigationItemComponent);
|
|
28
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: RailNavigationItemComponent, decorators: [{
|
|
29
29
|
type: Component,
|
|
30
30
|
args: [{ standalone: true, selector: 'a[odxRailNavigationItem][iconName], button[odxRailNavigationItem][iconName]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconComponent], hostDirectives: [WithDisabledState, WithTabIndex], host: {
|
|
31
31
|
'[class.is-selected]': 'isSelected || routerLinkActive?.isActive',
|
|
@@ -55,8 +55,8 @@ let RailNavigationComponent = class RailNavigationComponent {
|
|
|
55
55
|
this.isOpenChange.emit(this.isOpen);
|
|
56
56
|
}
|
|
57
57
|
};
|
|
58
|
-
RailNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
59
|
-
RailNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.
|
|
58
|
+
RailNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: RailNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
59
|
+
RailNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: RailNavigationComponent, isStandalone: true, selector: "odx-rail-navigation", inputs: { isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, host: { properties: { "class.is-open": "isOpen" } }, ngImport: i0, template: "<nav class=\"odx-rail-navigation__content\">\n <ng-content selector=\"a[odxRailNavigationItem], button[odxRailNavigationItem]\"></ng-content>\n</nav>\n<button odxRailNavigationItem class=\"odx-rail-navigation__expand\" iconName=\"chevron-right\" (click)=\"toggle()\"></button>\n", dependencies: [{ kind: "component", type: RailNavigationItemComponent, selector: "a[odxRailNavigationItem][iconName], button[odxRailNavigationItem][iconName]", inputs: ["isSelected", "iconName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
60
60
|
__decorate([
|
|
61
61
|
Transform(coerceBooleanProperty),
|
|
62
62
|
__metadata("design:type", Object)
|
|
@@ -64,7 +64,7 @@ __decorate([
|
|
|
64
64
|
RailNavigationComponent = __decorate([
|
|
65
65
|
CSSComponent('rail-navigation')
|
|
66
66
|
], RailNavigationComponent);
|
|
67
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
67
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: RailNavigationComponent, decorators: [{
|
|
68
68
|
type: Component,
|
|
69
69
|
args: [{ standalone: true, selector: 'odx-rail-navigation', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [RailNavigationItemComponent], host: {
|
|
70
70
|
'[class.is-open]': 'isOpen',
|
|
@@ -78,10 +78,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImpor
|
|
|
78
78
|
const modules = [RailNavigationComponent, RailNavigationItemComponent];
|
|
79
79
|
class RailNavigationModule {
|
|
80
80
|
}
|
|
81
|
-
RailNavigationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
82
|
-
RailNavigationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.
|
|
83
|
-
RailNavigationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.
|
|
84
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
81
|
+
RailNavigationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: RailNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
82
|
+
RailNavigationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: RailNavigationModule, imports: [RailNavigationComponent, RailNavigationItemComponent], exports: [RailNavigationComponent, RailNavigationItemComponent, CoreModule] });
|
|
83
|
+
RailNavigationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: RailNavigationModule, imports: [modules, CoreModule] });
|
|
84
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: RailNavigationModule, decorators: [{
|
|
85
85
|
type: NgModule,
|
|
86
86
|
args: [{
|
|
87
87
|
imports: modules,
|
|
@@ -9,12 +9,13 @@ import { CheckboxComponent } from '@odx/angular/components/checkbox';
|
|
|
9
9
|
import { CSSComponent, CSSModifier } from '@odx/angular/internal';
|
|
10
10
|
import { untilDestroyed, injectElement, Transform, Pure, deferFn } from '@odx/angular/utils';
|
|
11
11
|
import * as i1 from '@angular/common';
|
|
12
|
-
import { fromEvent, map, distinctUntilChanged
|
|
12
|
+
import { fromEvent, map, distinctUntilChanged } from 'rxjs';
|
|
13
13
|
import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
|
|
14
14
|
import { CustomFormControl } from '@odx/angular/cdk/custom-form-control';
|
|
15
15
|
import { DropdownDirective } from '@odx/angular/components/dropdown';
|
|
16
16
|
import { IconComponent } from '@odx/angular/components/icon';
|
|
17
17
|
import { LoadingSpinnerModule } from '@odx/angular/components/loading-spinner';
|
|
18
|
+
import { fromQueryList } from '@odx/angular/rxjs';
|
|
18
19
|
|
|
19
20
|
const SELECT_CONTROL = new InjectionToken('@odx/angular/components/select::SelectControl');
|
|
20
21
|
|
|
@@ -75,8 +76,8 @@ let OptionComponent = class OptionComponent {
|
|
|
75
76
|
this.selectControl.selectOption(this);
|
|
76
77
|
}
|
|
77
78
|
};
|
|
78
|
-
OptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
79
|
-
OptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.
|
|
79
|
+
OptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: OptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
80
|
+
OptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: OptionComponent, isStandalone: true, selector: "odx-option", inputs: { value: "value", notFoundMessage: "notFoundMessage" }, host: { attributes: { "role": "option" }, listeners: { "click": "select($event)" }, properties: { "attr.aria-selected": "isSelected", "attr.aria-disabled": "disabled || null", "class.is-disabled": "disabled", "class.is-selected": "isSelected", "class.is-active": "isActive" } }, providers: [DisabledController.connect(), ReadonlyController.connect()], ngImport: i0, template: "<odx-checkbox [checked]=\"isSelected\" *ngIf=\"selectControl.multiple && !notFoundMessage; else single\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</odx-checkbox>\n\n<ng-template #single>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-template>\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: CheckboxComponent, selector: "odx-checkbox", inputs: ["indeterminate"], outputs: ["indeterminateChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
80
81
|
__decorate([
|
|
81
82
|
Transform(coerceBooleanProperty),
|
|
82
83
|
__metadata("design:type", Object)
|
|
@@ -85,7 +86,7 @@ OptionComponent = __decorate([
|
|
|
85
86
|
CSSComponent('option'),
|
|
86
87
|
__metadata("design:paramtypes", [])
|
|
87
88
|
], OptionComponent);
|
|
88
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
89
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: OptionComponent, decorators: [{
|
|
89
90
|
type: Component,
|
|
90
91
|
args: [{ standalone: true, selector: 'odx-option', imports: [CoreModule, DynamicViewDirective, CheckboxComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [DisabledController.connect(), ReadonlyController.connect()], host: {
|
|
91
92
|
'[attr.aria-selected]': 'isSelected',
|
|
@@ -122,12 +123,12 @@ let SelectSearchFieldDirective = class SelectSearchFieldDirective {
|
|
|
122
123
|
return this.element.nativeElement.value;
|
|
123
124
|
}
|
|
124
125
|
};
|
|
125
|
-
SelectSearchFieldDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
126
|
-
SelectSearchFieldDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.
|
|
126
|
+
SelectSearchFieldDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SelectSearchFieldDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
127
|
+
SelectSearchFieldDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.3", type: SelectSearchFieldDirective, isStandalone: true, selector: "input[odxSelectSearchField]", inputs: { notFoundContent: ["odxSelectSearchField", "notFoundContent"] }, host: { listeners: { "keydown.delete": "reset()" }, properties: { "class.odx-form-field-control": "true" } }, ngImport: i0 });
|
|
127
128
|
SelectSearchFieldDirective = __decorate([
|
|
128
129
|
CSSComponent('select__search')
|
|
129
130
|
], SelectSearchFieldDirective);
|
|
130
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
131
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SelectSearchFieldDirective, decorators: [{
|
|
131
132
|
type: Directive,
|
|
132
133
|
args: [{
|
|
133
134
|
standalone: true,
|
|
@@ -174,15 +175,15 @@ class SelectSearchFilterPipe {
|
|
|
174
175
|
return items.filter((item) => search(stringify(item), query));
|
|
175
176
|
}
|
|
176
177
|
}
|
|
177
|
-
SelectSearchFilterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
178
|
-
SelectSearchFilterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.
|
|
178
|
+
SelectSearchFilterPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SelectSearchFilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
179
|
+
SelectSearchFilterPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: SelectSearchFilterPipe, isStandalone: true, name: "odxSelectSearchFilter", pure: false });
|
|
179
180
|
__decorate([
|
|
180
181
|
Pure,
|
|
181
182
|
__metadata("design:type", Function),
|
|
182
183
|
__metadata("design:paramtypes", [Object, String, Function]),
|
|
183
184
|
__metadata("design:returntype", Object)
|
|
184
185
|
], SelectSearchFilterPipe.prototype, "filter", null);
|
|
185
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
186
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SelectSearchFilterPipe, decorators: [{
|
|
186
187
|
type: Pipe,
|
|
187
188
|
args: [{
|
|
188
189
|
pure: false,
|
|
@@ -224,12 +225,13 @@ let SelectComponent = SelectComponent_1 = class SelectComponent extends CustomFo
|
|
|
224
225
|
if (!this.options)
|
|
225
226
|
return;
|
|
226
227
|
this.keyManager = new ActiveDescendantKeyManager(this.options).withHomeAndEnd().skipPredicate((item) => item.disabled);
|
|
227
|
-
this.options
|
|
228
|
-
|
|
229
|
-
this.
|
|
228
|
+
fromQueryList(this.options).subscribe(() => {
|
|
229
|
+
this.updateSelectedOption();
|
|
230
|
+
if (this.isOpen) {
|
|
231
|
+
deferFn(() => this.activateSelectedOption());
|
|
232
|
+
}
|
|
230
233
|
});
|
|
231
234
|
(_a = this.searchField) === null || _a === void 0 ? void 0 : _a.valueChange$.subscribe(() => this.triggerControllerChange());
|
|
232
|
-
deferFn(() => this.updateSelectedOption());
|
|
233
235
|
}
|
|
234
236
|
registerOnChange(fn) {
|
|
235
237
|
super.registerOnChange((value) => {
|
|
@@ -275,10 +277,11 @@ let SelectComponent = SelectComponent_1 = class SelectComponent extends CustomFo
|
|
|
275
277
|
}
|
|
276
278
|
(_b = this.keyManager) === null || _b === void 0 ? void 0 : _b.onKeydown(event);
|
|
277
279
|
}
|
|
280
|
+
handleFocusOut() {
|
|
281
|
+
this.onTouched();
|
|
282
|
+
}
|
|
278
283
|
activateSelectedOption() {
|
|
279
284
|
var _a, _b, _c, _d;
|
|
280
|
-
if (this.multiple)
|
|
281
|
-
return;
|
|
282
285
|
let activeIndex = (_a = this.options) === null || _a === void 0 ? void 0 : _a.toArray().findIndex((option) => option.isSelected && !option.disabled);
|
|
283
286
|
if (!activeIndex || activeIndex === -1) {
|
|
284
287
|
activeIndex = (_c = (_b = this.options) === null || _b === void 0 ? void 0 : _b.toArray().findIndex((option) => !option.disabled)) !== null && _c !== void 0 ? _c : -1;
|
|
@@ -324,8 +327,8 @@ let SelectComponent = SelectComponent_1 = class SelectComponent extends CustomFo
|
|
|
324
327
|
this.triggerControllerChange();
|
|
325
328
|
}
|
|
326
329
|
};
|
|
327
|
-
SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
328
|
-
SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.
|
|
330
|
+
SelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
331
|
+
SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: SelectComponent, isStandalone: true, selector: "odx-select", inputs: { placeholder: "placeholder", isLoading: "isLoading", multiple: "multiple", selectedOptionTemplate: "selectedOptionTemplate", stringify: "stringify", identityMatcher: "identityMatcher" }, outputs: { change: "change" }, host: { listeners: { "click": "openDropdown($event)", "keydown": "openDropdown($event)", "focusout": "handleFocusOut()" }, properties: { "attr.aria-disabled": "isDisabled || null", "class.is-open": "isOpen", "tabindex": "searchFieldEnabled || isDisabled ? -1 : 0", "attr.aria-multiselectable": "multiple" } }, providers: [
|
|
329
332
|
{
|
|
330
333
|
provide: SELECT_CONTROL,
|
|
331
334
|
useExisting: forwardRef(() => SelectComponent_1),
|
|
@@ -344,7 +347,7 @@ SelectComponent = SelectComponent_1 = __decorate([
|
|
|
344
347
|
CSSComponent('select'),
|
|
345
348
|
__metadata("design:paramtypes", [])
|
|
346
349
|
], SelectComponent);
|
|
347
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
350
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SelectComponent, decorators: [{
|
|
348
351
|
type: Component,
|
|
349
352
|
args: [{ standalone: true, selector: 'odx-select', imports: [CoreModule, DropdownDirective, IconComponent, DynamicViewDirective, OptionComponent, LoadingSpinnerModule], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
350
353
|
{
|
|
@@ -386,15 +389,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImpor
|
|
|
386
389
|
}, {
|
|
387
390
|
type: HostListener,
|
|
388
391
|
args: ['keydown', ['$event']]
|
|
392
|
+
}], handleFocusOut: [{
|
|
393
|
+
type: HostListener,
|
|
394
|
+
args: ['focusout']
|
|
389
395
|
}] } });
|
|
390
396
|
|
|
391
397
|
const modules = [SelectComponent, SelectSearchFieldDirective, SelectSearchFilterPipe, OptionComponent];
|
|
392
398
|
class SelectModule {
|
|
393
399
|
}
|
|
394
|
-
SelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
395
|
-
SelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.
|
|
396
|
-
SelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.
|
|
397
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
400
|
+
SelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
401
|
+
SelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.3", ngImport: i0, type: SelectModule, imports: [SelectComponent, SelectSearchFieldDirective, SelectSearchFilterPipe, OptionComponent], exports: [CoreModule, SelectComponent, SelectSearchFieldDirective, SelectSearchFilterPipe, OptionComponent] });
|
|
402
|
+
SelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SelectModule, imports: [SelectComponent, OptionComponent, CoreModule] });
|
|
403
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: SelectModule, decorators: [{
|
|
398
404
|
type: NgModule,
|
|
399
405
|
args: [{
|
|
400
406
|
imports: modules,
|