@evotor-dev/ui-kit 7.2.9 → 8.0.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/common/evo-base-control.mjs +3 -3
- package/esm2020/lib/common/form-helper/form-helper.mjs +6 -6
- package/esm2020/lib/components/evo-accordion/evo-accordion-content/evo-accordion-content.component.mjs +3 -3
- package/esm2020/lib/components/evo-accordion/evo-accordion-panel/evo-accordion-panel.component.mjs +3 -3
- package/esm2020/lib/components/evo-accordion/evo-accordion-title/evo-accordion-title.component.mjs +6 -6
- package/esm2020/lib/components/evo-accordion/evo-accordion.component.mjs +3 -3
- package/esm2020/lib/components/evo-accordion/evo-accordion.module.mjs +14 -16
- package/esm2020/lib/components/evo-alert/evo-alert.component.mjs +5 -5
- package/esm2020/lib/components/evo-alert/evo-alert.module.mjs +6 -8
- package/esm2020/lib/components/evo-autocomplete/components/evo-autocomplete.component.mjs +8 -8
- package/esm2020/lib/components/evo-autocomplete/components/templates/evo-autocomplete-default-option.component.mjs +6 -6
- package/esm2020/lib/components/evo-autocomplete/evo-autocomplete.module.mjs +12 -14
- package/esm2020/lib/components/evo-badge/evo-badge.component.mjs +3 -3
- package/esm2020/lib/components/evo-badge/evo-badge.module.mjs +6 -8
- package/esm2020/lib/components/evo-banner/evo-banner.component.mjs +5 -5
- package/esm2020/lib/components/evo-banner/evo-banner.module.mjs +5 -5
- package/esm2020/lib/components/evo-button/components/evo-button/evo-button.component.mjs +5 -5
- package/esm2020/lib/components/evo-button/components/evo-button-old/evo-button-old.component.mjs +5 -5
- package/esm2020/lib/components/evo-button/evo-button.module.mjs +5 -5
- package/esm2020/lib/components/evo-checkbox/evo-checkbox.component.mjs +7 -7
- package/esm2020/lib/components/evo-checkbox/evo-checkbox.module.mjs +8 -10
- package/esm2020/lib/components/evo-chip/evo-chip.component.mjs +8 -8
- package/esm2020/lib/components/evo-chip/evo-chip.module.mjs +13 -15
- package/esm2020/lib/components/evo-control-error/evo-control-error.component.mjs +3 -3
- package/esm2020/lib/components/evo-control-error/evo-control-error.module.mjs +7 -9
- package/esm2020/lib/components/evo-control-label/evo-control-label.component.mjs +3 -3
- package/esm2020/lib/components/evo-control-label/evo-control-label.module.mjs +5 -7
- package/esm2020/lib/components/evo-counter/evo-counter.component.mjs +3 -3
- package/esm2020/lib/components/evo-counter/evo-counter.module.mjs +6 -8
- package/esm2020/lib/components/evo-datepicker/evo-datepicker.component.mjs +7 -7
- package/esm2020/lib/components/evo-datepicker/evo-datepicker.module.mjs +8 -10
- package/esm2020/lib/components/evo-dropdown/evo-dropdown-origin.directive.mjs +3 -3
- package/esm2020/lib/components/evo-dropdown/evo-dropdown.component.mjs +3 -3
- package/esm2020/lib/components/evo-dropdown/evo-dropdown.module.mjs +5 -5
- package/esm2020/lib/components/evo-icon/evo-icon.component.mjs +3 -3
- package/esm2020/lib/components/evo-icon/evo-icon.module.mjs +5 -7
- package/esm2020/lib/components/evo-icon-button/evo-icon-button.component.mjs +3 -3
- package/esm2020/lib/components/evo-icon-button/evo-icon-button.module.mjs +5 -7
- package/esm2020/lib/components/evo-icon-number/components/evo-icon-number/evo-icon-number.component.mjs +3 -3
- package/esm2020/lib/components/evo-icon-number/evo-icon-number.module.mjs +5 -5
- package/esm2020/lib/components/evo-input/evo-input-icon/evo-input-icon.directive.mjs +3 -3
- package/esm2020/lib/components/evo-input/evo-input.component.mjs +9 -9
- package/esm2020/lib/components/evo-input/evo-input.module.mjs +16 -18
- package/esm2020/lib/components/evo-input-contenteditable/evo-input-contenteditable.component.mjs +6 -6
- package/esm2020/lib/components/evo-input-contenteditable/evo-input-contenteditable.module.mjs +7 -9
- package/esm2020/lib/components/evo-loader/evo-circular-loader.component.mjs +3 -3
- package/esm2020/lib/components/evo-loader/evo-loader.component.mjs +3 -3
- package/esm2020/lib/components/evo-loader/evo-loader.module.mjs +6 -8
- package/esm2020/lib/components/evo-modal/evo-modal.component.mjs +5 -5
- package/esm2020/lib/components/evo-modal/evo-modal.module.mjs +7 -9
- package/esm2020/lib/components/evo-modal/evo-modal.service.mjs +3 -3
- package/esm2020/lib/components/evo-navbar/evo-navbar-item/evo-navbar-item.component.mjs +8 -8
- package/esm2020/lib/components/evo-navbar/evo-navbar.component.mjs +5 -5
- package/esm2020/lib/components/evo-navbar/evo-navbar.module.mjs +5 -5
- package/esm2020/lib/components/evo-navigation-button/evo-navigation-button.component.mjs +3 -3
- package/esm2020/lib/components/evo-navigation-button/evo-navigation-button.module.mjs +12 -14
- package/esm2020/lib/components/evo-note/evo-note.component.mjs +5 -5
- package/esm2020/lib/components/evo-note/evo-note.module.mjs +13 -15
- package/esm2020/lib/components/evo-paginator/evo-paginator.component.mjs +3 -3
- package/esm2020/lib/components/evo-paginator/evo-paginator.module.mjs +5 -7
- package/esm2020/lib/components/evo-plus-minus/evo-plus-minus.component.mjs +3 -3
- package/esm2020/lib/components/evo-plus-minus/evo-plus-minus.module.mjs +5 -7
- package/esm2020/lib/components/evo-popover/evo-popover.component.mjs +6 -6
- package/esm2020/lib/components/evo-popover/evo-popover.module.mjs +6 -8
- package/esm2020/lib/components/evo-portal/evo-portal-outlet.directive.mjs +3 -3
- package/esm2020/lib/components/evo-portal/evo-portal.module.mjs +6 -8
- package/esm2020/lib/components/evo-portal/evo-portal.service.mjs +3 -3
- package/esm2020/lib/components/evo-radio/evo-radio.component.mjs +3 -3
- package/esm2020/lib/components/evo-radio/evo-radio.module.mjs +6 -8
- package/esm2020/lib/components/evo-radio-group/evo-radio-group.component.mjs +8 -8
- package/esm2020/lib/components/evo-radio-group/evo-radio-group.module.mjs +8 -10
- package/esm2020/lib/components/evo-radioshape/components/evo-radioshape.component.mjs +4 -4
- package/esm2020/lib/components/evo-radioshape/evo-radioshape.module.mjs +7 -9
- package/esm2020/lib/components/evo-segmented-bar/evo-segmented-bar/evo-segmented-bar.component.mjs +3 -3
- package/esm2020/lib/components/evo-segmented-bar/evo-segmented-bar-button/evo-segmented-bar-button.component.mjs +4 -4
- package/esm2020/lib/components/evo-segmented-bar/evo-segmented-bar.module.mjs +5 -5
- package/esm2020/lib/components/evo-select/evo-select.component.mjs +9 -9
- package/esm2020/lib/components/evo-select/evo-select.module.mjs +8 -10
- package/esm2020/lib/components/evo-sidebar/evo-sidebar-content/evo-sidebar-content.component.mjs +3 -3
- package/esm2020/lib/components/evo-sidebar/evo-sidebar-footer/evo-sidebar-footer.component.mjs +3 -3
- package/esm2020/lib/components/evo-sidebar/evo-sidebar-header/evo-sidebar-header.component.mjs +5 -5
- package/esm2020/lib/components/evo-sidebar/evo-sidebar.component.mjs +8 -8
- package/esm2020/lib/components/evo-sidebar/evo-sidebar.module.mjs +14 -16
- package/esm2020/lib/components/evo-sidebar/evo-sidebar.service.mjs +3 -3
- package/esm2020/lib/components/evo-stepper/evo-stepper-events.mjs +3 -3
- package/esm2020/lib/components/evo-stepper/evo-stepper-item/evo-stepper-item.component.mjs +4 -4
- package/esm2020/lib/components/evo-stepper/evo-stepper.component.mjs +4 -4
- package/esm2020/lib/components/evo-stepper/evo-stepper.module.mjs +6 -8
- package/esm2020/lib/components/evo-submenu/evo-submenu.component.mjs +7 -7
- package/esm2020/lib/components/evo-submenu/evo-submenu.module.mjs +5 -5
- package/esm2020/lib/components/evo-switcher/components/evo-switcher-item/evo-switcher-item.component.mjs +4 -4
- package/esm2020/lib/components/evo-switcher/evo-switcher.component.mjs +3 -3
- package/esm2020/lib/components/evo-switcher/evo-switcher.module.mjs +6 -8
- package/esm2020/lib/components/evo-table/evo-table/evo-table.component.mjs +3 -3
- package/esm2020/lib/components/evo-table/evo-table-column/evo-table-column.component.mjs +4 -4
- package/esm2020/lib/components/evo-table/evo-table.module.mjs +5 -7
- package/esm2020/lib/components/evo-tabs/evo-tab/evo-tab.component.mjs +3 -3
- package/esm2020/lib/components/evo-tabs/evo-tab-content/evo-tab-content.component.mjs +3 -3
- package/esm2020/lib/components/evo-tabs/evo-tabs-size.service.mjs +3 -3
- package/esm2020/lib/components/evo-tabs/evo-tabs.component.mjs +3 -3
- package/esm2020/lib/components/evo-tabs/evo-tabs.module.mjs +6 -8
- package/esm2020/lib/components/evo-tabs/evo-tabs.service.mjs +3 -3
- package/esm2020/lib/components/evo-textarea/evo-textarea.component.mjs +7 -7
- package/esm2020/lib/components/evo-textarea/evo-textarea.module.mjs +9 -11
- package/esm2020/lib/components/evo-toast/evo-toast.component.mjs +7 -7
- package/esm2020/lib/components/evo-toast/evo-toast.module.mjs +14 -16
- package/esm2020/lib/components/evo-toast/evo-toast.service.mjs +3 -3
- package/esm2020/lib/components/evo-toggle/evo-toggle.component.mjs +6 -6
- package/esm2020/lib/components/evo-toggle/evo-toggle.module.mjs +7 -9
- package/esm2020/lib/components/evo-upload/evo-upload.component.mjs +14 -14
- package/esm2020/lib/components/evo-upload/evo-upload.module.mjs +18 -20
- package/esm2020/lib/directives/evo-click-outside.directive.mjs +3 -3
- package/esm2020/lib/directives/evo-is-expanded.directive.mjs +3 -3
- package/esm2020/lib/directives/evo-let/evo-let.directive.mjs +3 -3
- package/esm2020/lib/directives/evo-ui-class.directive.mjs +3 -3
- package/esm2020/lib/evo-ui-kit.module.mjs +10 -12
- package/esm2020/lib/pipes/declination.pipe.mjs +3 -3
- package/esm2020/lib/pipes/evo-pipes.module.mjs +4 -4
- package/esm2020/lib/pipes/safe-html.pipe.mjs +3 -3
- package/esm2020/lib/services/evo-expanded.service.mjs +3 -3
- package/esm2020/lib/services/window.service.mjs +3 -3
- package/fesm2015/evotor-dev-ui-kit.mjs +564 -636
- package/fesm2015/evotor-dev-ui-kit.mjs.map +1 -1
- package/fesm2020/evotor-dev-ui-kit.mjs +564 -636
- package/fesm2020/evotor-dev-ui-kit.mjs.map +1 -1
- package/lib/common/evo-base-control.d.ts +1 -1
- package/lib/components/evo-accordion/evo-accordion-content/evo-accordion-content.component.d.ts +1 -1
- package/lib/components/evo-accordion/evo-accordion-panel/evo-accordion-panel.component.d.ts +1 -1
- package/lib/components/evo-accordion/evo-accordion-title/evo-accordion-title.component.d.ts +1 -1
- package/lib/components/evo-accordion/evo-accordion.component.d.ts +1 -1
- package/lib/components/evo-alert/evo-alert.component.d.ts +1 -1
- package/lib/components/evo-autocomplete/components/evo-autocomplete.component.d.ts +1 -1
- package/lib/components/evo-autocomplete/components/templates/evo-autocomplete-default-option.component.d.ts +1 -1
- package/lib/components/evo-badge/evo-badge.component.d.ts +1 -1
- package/lib/components/evo-banner/evo-banner.component.d.ts +1 -1
- package/lib/components/evo-button/components/evo-button/evo-button.component.d.ts +1 -1
- package/lib/components/evo-button/components/evo-button-old/evo-button-old.component.d.ts +1 -1
- package/lib/components/evo-checkbox/evo-checkbox.component.d.ts +1 -1
- package/lib/components/evo-chip/evo-chip.component.d.ts +1 -1
- package/lib/components/evo-control-error/evo-control-error.component.d.ts +1 -1
- package/lib/components/evo-control-label/evo-control-label.component.d.ts +1 -1
- package/lib/components/evo-counter/evo-counter.component.d.ts +1 -1
- package/lib/components/evo-datepicker/evo-datepicker.component.d.ts +1 -1
- package/lib/components/evo-dropdown/evo-dropdown-origin.directive.d.ts +1 -1
- package/lib/components/evo-dropdown/evo-dropdown.component.d.ts +1 -1
- package/lib/components/evo-icon/evo-icon.component.d.ts +1 -1
- package/lib/components/evo-icon-button/evo-icon-button.component.d.ts +1 -1
- package/lib/components/evo-icon-number/components/evo-icon-number/evo-icon-number.component.d.ts +1 -1
- package/lib/components/evo-input/evo-input-icon/evo-input-icon.directive.d.ts +1 -1
- package/lib/components/evo-input/evo-input.component.d.ts +1 -1
- package/lib/components/evo-input-contenteditable/evo-input-contenteditable.component.d.ts +1 -1
- package/lib/components/evo-loader/evo-circular-loader.component.d.ts +1 -1
- package/lib/components/evo-loader/evo-loader.component.d.ts +1 -1
- package/lib/components/evo-modal/evo-modal.component.d.ts +1 -1
- package/lib/components/evo-navbar/evo-navbar-item/evo-navbar-item.component.d.ts +1 -1
- package/lib/components/evo-navbar/evo-navbar.component.d.ts +1 -1
- package/lib/components/evo-navigation-button/evo-navigation-button.component.d.ts +1 -1
- package/lib/components/evo-note/evo-note.component.d.ts +1 -1
- package/lib/components/evo-paginator/evo-paginator.component.d.ts +1 -1
- package/lib/components/evo-plus-minus/evo-plus-minus.component.d.ts +1 -1
- package/lib/components/evo-popover/evo-popover.component.d.ts +2 -2
- package/lib/components/evo-portal/evo-portal-outlet.directive.d.ts +1 -1
- package/lib/components/evo-radio/evo-radio.component.d.ts +1 -1
- package/lib/components/evo-radio-group/evo-radio-group.component.d.ts +3 -3
- package/lib/components/evo-radioshape/components/evo-radioshape.component.d.ts +1 -1
- package/lib/components/evo-segmented-bar/evo-segmented-bar/evo-segmented-bar.component.d.ts +1 -1
- package/lib/components/evo-segmented-bar/evo-segmented-bar-button/evo-segmented-bar-button.component.d.ts +1 -1
- package/lib/components/evo-select/evo-select.component.d.ts +1 -1
- package/lib/components/evo-sidebar/evo-sidebar-content/evo-sidebar-content.component.d.ts +1 -1
- package/lib/components/evo-sidebar/evo-sidebar-footer/evo-sidebar-footer.component.d.ts +1 -1
- package/lib/components/evo-sidebar/evo-sidebar-header/evo-sidebar-header.component.d.ts +1 -1
- package/lib/components/evo-sidebar/evo-sidebar.component.d.ts +1 -1
- package/lib/components/evo-stepper/evo-stepper-item/evo-stepper-item.component.d.ts +1 -1
- package/lib/components/evo-stepper/evo-stepper.component.d.ts +1 -1
- package/lib/components/evo-submenu/evo-submenu.component.d.ts +1 -1
- package/lib/components/evo-switcher/components/evo-switcher-item/evo-switcher-item.component.d.ts +1 -1
- package/lib/components/evo-switcher/evo-switcher.component.d.ts +1 -1
- package/lib/components/evo-table/evo-table/evo-table.component.d.ts +1 -1
- package/lib/components/evo-table/evo-table-column/evo-table-column.component.d.ts +1 -1
- package/lib/components/evo-tabs/evo-tab/evo-tab.component.d.ts +1 -1
- package/lib/components/evo-tabs/evo-tab-content/evo-tab-content.component.d.ts +1 -1
- package/lib/components/evo-tabs/evo-tabs.component.d.ts +1 -1
- package/lib/components/evo-textarea/evo-textarea.component.d.ts +1 -1
- package/lib/components/evo-toast/evo-toast.component.d.ts +1 -1
- package/lib/components/evo-toggle/evo-toggle.component.d.ts +1 -1
- package/lib/components/evo-upload/evo-upload.component.d.ts +4 -4
- package/lib/directives/evo-click-outside.directive.d.ts +1 -1
- package/lib/directives/evo-is-expanded.directive.d.ts +1 -1
- package/lib/directives/evo-let/evo-let.directive.d.ts +1 -1
- package/lib/directives/evo-ui-class.directive.d.ts +1 -1
- package/lib/pipes/declination.pipe.d.ts +1 -1
- package/lib/pipes/safe-html.pipe.d.ts +1 -1
- package/package.json +22 -22
- package/icons/category/evotor-dev-ui-kit-icons-category.d.ts +0 -5
- package/icons/category/package.json +0 -10
- package/icons/emotions/evotor-dev-ui-kit-icons-emotions.d.ts +0 -5
- package/icons/emotions/package.json +0 -10
- package/icons/evotor-dev-ui-kit-icons.d.ts +0 -5
- package/icons/header/evotor-dev-ui-kit-icons-header.d.ts +0 -5
- package/icons/header/package.json +0 -10
- package/icons/info/evotor-dev-ui-kit-icons-info.d.ts +0 -5
- package/icons/info/package.json +0 -10
- package/icons/navigation/evotor-dev-ui-kit-icons-navigation.d.ts +0 -5
- package/icons/navigation/package.json +0 -10
- package/icons/package.json +0 -10
- package/icons/side-menu/evotor-dev-ui-kit-icons-side-menu.d.ts +0 -5
- package/icons/side-menu/package.json +0 -10
- package/icons/system/evotor-dev-ui-kit-icons-system.d.ts +0 -5
- package/icons/system/package.json +0 -10
- /package/{evotor-dev-ui-kit.d.ts → index.d.ts} +0 -0
|
@@ -32,9 +32,9 @@ export class EvoBaseControl {
|
|
|
32
32
|
return this.currentState[EvoControlStates.invalid];
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
|
-
EvoBaseControl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
36
|
-
EvoBaseControl.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
35
|
+
EvoBaseControl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EvoBaseControl, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
|
|
36
|
+
EvoBaseControl.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: EvoBaseControl, inputs: { errorsMessages: "errorsMessages", state: "state", autoFocus: "autoFocus" }, ngImport: i0 });
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EvoBaseControl, decorators: [{
|
|
38
38
|
type: Directive
|
|
39
39
|
}], ctorParameters: function () { return [{ type: i0.Injector }]; }, propDecorators: { errorsMessages: [{
|
|
40
40
|
type: Input
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { UntypedFormArray, UntypedFormControl, UntypedFormGroup } from '@angular/forms';
|
|
2
2
|
export class FormHelper {
|
|
3
3
|
static validateControls(control) {
|
|
4
|
-
if (control instanceof
|
|
4
|
+
if (control instanceof UntypedFormControl) {
|
|
5
5
|
control.markAsDirty();
|
|
6
6
|
control.markAsTouched();
|
|
7
7
|
control.statusChanges.emit(control.status);
|
|
8
8
|
}
|
|
9
|
-
else if (control instanceof
|
|
9
|
+
else if (control instanceof UntypedFormGroup || control instanceof UntypedFormArray) {
|
|
10
10
|
for (const controlName of Object.keys(control.controls)) {
|
|
11
11
|
FormHelper.validateControls(control.controls[controlName]);
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
static resetControls(control) {
|
|
16
|
-
if (control instanceof
|
|
16
|
+
if (control instanceof UntypedFormControl) {
|
|
17
17
|
control.markAsPristine();
|
|
18
18
|
control.markAsUntouched();
|
|
19
19
|
control.setValue('', {
|
|
@@ -21,11 +21,11 @@ export class FormHelper {
|
|
|
21
21
|
onlySelf: true,
|
|
22
22
|
});
|
|
23
23
|
}
|
|
24
|
-
else if (control instanceof
|
|
24
|
+
else if (control instanceof UntypedFormGroup || control instanceof UntypedFormArray) {
|
|
25
25
|
for (const controlName of Object.keys(control.controls)) {
|
|
26
26
|
FormHelper.resetControls(control.controls[controlName]);
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1oZWxwZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ldm8tdWkta2l0L3NyYy9saWIvY29tbW9uL2Zvcm0taGVscGVyL2Zvcm0taGVscGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBa0IsZ0JBQWdCLEVBQUUsa0JBQWtCLEVBQUUsZ0JBQWdCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUV2RyxNQUFNLE9BQU8sVUFBVTtJQUNuQixNQUFNLENBQUMsZ0JBQWdCLENBQUMsT0FBd0I7UUFDNUMsSUFBSSxPQUFPLFlBQVksa0JBQWtCLEVBQUU7WUFDdkMsT0FBTyxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQ3RCLE9BQU8sQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUN2QixPQUFPLENBQUMsYUFBc0MsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1NBQ3hFO2FBQU0sSUFBSSxPQUFPLFlBQVksZ0JBQWdCLElBQUksT0FBTyxZQUFZLGdCQUFnQixFQUFFO1lBQ25GLEtBQUssTUFBTSxXQUFXLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLEVBQUU7Z0JBQ3JELFVBQVUsQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUM7YUFDOUQ7U0FDSjtJQUNMLENBQUM7SUFFRCxNQUFNLENBQUMsYUFBYSxDQUFDLE9BQXdCO1FBQ3pDLElBQUksT0FBTyxZQUFZLGtCQUFrQixFQUFFO1lBQ3ZDLE9BQU8sQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN6QixPQUFPLENBQUMsZUFBZSxFQUFFLENBQUM7WUFDMUIsT0FBTyxDQUFDLFFBQVEsQ0FBQyxFQUFFLEVBQUU7Z0JBQ2pCLFNBQVMsRUFBRSxLQUFLO2dCQUNoQixRQUFRLEVBQUUsSUFBSTthQUNqQixDQUFDLENBQUM7U0FDTjthQUFNLElBQUksT0FBTyxZQUFZLGdCQUFnQixJQUFJLE9BQU8sWUFBWSxnQkFBZ0IsRUFBRTtZQUNuRixLQUFLLE1BQU0sV0FBVyxJQUFJLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxFQUFFO2dCQUNyRCxVQUFVLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQzthQUMzRDtTQUNKO0lBQ0wsQ0FBQztDQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtFdmVudEVtaXR0ZXJ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdENvbnRyb2wsIFVudHlwZWRGb3JtQXJyYXksIFVudHlwZWRGb3JtQ29udHJvbCwgVW50eXBlZEZvcm1Hcm91cH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5leHBvcnQgY2xhc3MgRm9ybUhlbHBlciB7XG4gICAgc3RhdGljIHZhbGlkYXRlQ29udHJvbHMoY29udHJvbDogQWJzdHJhY3RDb250cm9sKSB7XG4gICAgICAgIGlmIChjb250cm9sIGluc3RhbmNlb2YgVW50eXBlZEZvcm1Db250cm9sKSB7XG4gICAgICAgICAgICBjb250cm9sLm1hcmtBc0RpcnR5KCk7XG4gICAgICAgICAgICBjb250cm9sLm1hcmtBc1RvdWNoZWQoKTtcbiAgICAgICAgICAgIChjb250cm9sLnN0YXR1c0NoYW5nZXMgYXMgRXZlbnRFbWl0dGVyPHN0cmluZz4pLmVtaXQoY29udHJvbC5zdGF0dXMpO1xuICAgICAgICB9IGVsc2UgaWYgKGNvbnRyb2wgaW5zdGFuY2VvZiBVbnR5cGVkRm9ybUdyb3VwIHx8IGNvbnRyb2wgaW5zdGFuY2VvZiBVbnR5cGVkRm9ybUFycmF5KSB7XG4gICAgICAgICAgICBmb3IgKGNvbnN0IGNvbnRyb2xOYW1lIG9mIE9iamVjdC5rZXlzKGNvbnRyb2wuY29udHJvbHMpKSB7XG4gICAgICAgICAgICAgICAgRm9ybUhlbHBlci52YWxpZGF0ZUNvbnRyb2xzKGNvbnRyb2wuY29udHJvbHNbY29udHJvbE5hbWVdKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgIHN0YXRpYyByZXNldENvbnRyb2xzKGNvbnRyb2w6IEFic3RyYWN0Q29udHJvbCkge1xuICAgICAgICBpZiAoY29udHJvbCBpbnN0YW5jZW9mIFVudHlwZWRGb3JtQ29udHJvbCkge1xuICAgICAgICAgICAgY29udHJvbC5tYXJrQXNQcmlzdGluZSgpO1xuICAgICAgICAgICAgY29udHJvbC5tYXJrQXNVbnRvdWNoZWQoKTtcbiAgICAgICAgICAgIGNvbnRyb2wuc2V0VmFsdWUoJycsIHtcbiAgICAgICAgICAgICAgICBlbWl0RXZlbnQ6IGZhbHNlLFxuICAgICAgICAgICAgICAgIG9ubHlTZWxmOiB0cnVlLFxuICAgICAgICAgICAgfSk7XG4gICAgICAgIH0gZWxzZSBpZiAoY29udHJvbCBpbnN0YW5jZW9mIFVudHlwZWRGb3JtR3JvdXAgfHwgY29udHJvbCBpbnN0YW5jZW9mIFVudHlwZWRGb3JtQXJyYXkpIHtcbiAgICAgICAgICAgIGZvciAoY29uc3QgY29udHJvbE5hbWUgb2YgT2JqZWN0LmtleXMoY29udHJvbC5jb250cm9scykpIHtcbiAgICAgICAgICAgICAgICBGb3JtSGVscGVyLnJlc2V0Q29udHJvbHMoY29udHJvbC5jb250cm9sc1tjb250cm9sTmFtZV0pO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxufVxuIl19
|
|
@@ -17,9 +17,9 @@ export class EvoAccordionContentComponent {
|
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
|
-
EvoAccordionContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
21
|
-
EvoAccordionContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
20
|
+
EvoAccordionContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EvoAccordionContentComponent, deps: [{ token: i1.EvoIsExpandedDirective, optional: true }, { token: i2.EvoExpandedService }], target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
+
EvoAccordionContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: EvoAccordionContentComponent, selector: "evo-accordion-content", host: { properties: { "@expand": "this.expandAnimation" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [":host{display:block;padding:0 0 16px 32px;overflow:hidden}\n"], animations: [expandAnimation] });
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EvoAccordionContentComponent, decorators: [{
|
|
23
23
|
type: Component,
|
|
24
24
|
args: [{ selector: 'evo-accordion-content', template: `<ng-content></ng-content>`, animations: [expandAnimation], styles: [":host{display:block;padding:0 0 16px 32px;overflow:hidden}\n"] }]
|
|
25
25
|
}], ctorParameters: function () { return [{ type: i1.EvoIsExpandedDirective, decorators: [{
|
package/esm2020/lib/components/evo-accordion/evo-accordion-panel/evo-accordion-panel.component.mjs
CHANGED
|
@@ -10,9 +10,9 @@ export class EvoAccordionPanelComponent {
|
|
|
10
10
|
this.evoExpandedService.isExpanded = !this.evoExpandedService.isExpanded;
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
|
-
EvoAccordionPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
14
|
-
EvoAccordionPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
13
|
+
EvoAccordionPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EvoAccordionPanelComponent, deps: [{ token: i1.EvoExpandedService }], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
+
EvoAccordionPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: EvoAccordionPanelComponent, selector: "evo-accordion-panel", providers: [EvoExpandedService], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [":host{overflow:hidden;border-bottom:1px solid #C6C6C6}\n"] });
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EvoAccordionPanelComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
17
|
args: [{ selector: 'evo-accordion-panel', template: `<ng-content></ng-content>`, providers: [EvoExpandedService], styles: [":host{overflow:hidden;border-bottom:1px solid #C6C6C6}\n"] }]
|
|
18
18
|
}], ctorParameters: function () { return [{ type: i1.EvoExpandedService }]; } });
|
package/esm2020/lib/components/evo-accordion/evo-accordion-title/evo-accordion-title.component.mjs
CHANGED
|
@@ -2,8 +2,8 @@ import { Component, HostListener, Input } from '@angular/core';
|
|
|
2
2
|
import { animate, style, transition, trigger } from '@angular/animations';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "../../../services/evo-expanded.service";
|
|
5
|
-
import * as i2 from "
|
|
6
|
-
import * as i3 from "
|
|
5
|
+
import * as i2 from "@angular/common";
|
|
6
|
+
import * as i3 from "../../evo-icon/evo-icon.component";
|
|
7
7
|
export class EvoAccordionTitleComponent {
|
|
8
8
|
constructor(expandedService) {
|
|
9
9
|
this.expandedService = expandedService;
|
|
@@ -13,8 +13,8 @@ export class EvoAccordionTitleComponent {
|
|
|
13
13
|
this.expandedService.isExpanded = !this.expandedService.isExpanded;
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
|
-
EvoAccordionTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
17
|
-
EvoAccordionTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
16
|
+
EvoAccordionTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EvoAccordionTitleComponent, deps: [{ token: i1.EvoExpandedService }], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
+
EvoAccordionTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: EvoAccordionTitleComponent, selector: "evo-accordion-title", inputs: { label: "label" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0, template: "<ng-container *ngIf=\"label; else customContent\">\n <div class=\"evo-accordion-title\">\n <div class=\"evo-accordion-title__dot\"></div>\n <h4 class=\"evo-accordion-title__label evo-title evo-title_h4\">{{label}}</h4>\n <div *ngIf=\"{isExpanded: (isExpanded$ | async)} as asyncData\" class=\"evo-accordion-title__expander\">\n <evo-icon\n *ngIf=\"asyncData.isExpanded\"\n shape=\"fold\"\n @toggleBlock\n ></evo-icon>\n <evo-icon\n *ngIf=\"!asyncData.isExpanded\"\n shape=\"unfold\"\n @toggleBlock\n ></evo-icon>\n </div>\n </div>\n</ng-container>\n\n<ng-template #customContent>\n <ng-content></ng-content>\n</ng-template>\n", styles: [":host{cursor:pointer;-webkit-user-select:none;user-select:none}.evo-accordion-title{display:flex;align-items:center;min-height:64px;color:#0986e2;transition:color .3s}.evo-accordion-title:hover{color:#3a9ee8}.evo-accordion-title:active{color:#0879cb}.evo-accordion-title__dot{flex:0 0 6px;width:6px;height:6px;margin-right:15px;margin-left:10px;background:#0986E2;border-radius:100%}.evo-accordion-title__expander{position:relative;display:flex;flex:0 0 24px;align-items:center;width:24px;height:24px;margin:16px 0 16px auto}.evo-accordion-title__expander evo-icon{position:absolute;transition:fill .3s,transform .3s;fill:currentColor}.evo-accordion-title__label{flex-grow:1;margin:16px 0;color:inherit;font-weight:700;font-size:18px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EvoIconComponent, selector: "evo-icon", inputs: ["shape", "svgWidth", "svgHeight", "svgViewBox"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], animations: [
|
|
18
18
|
trigger('toggleBlock', [
|
|
19
19
|
transition(':leave', [
|
|
20
20
|
style({ opacity: 1 }),
|
|
@@ -30,7 +30,7 @@ EvoAccordionTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
|
|
|
30
30
|
]),
|
|
31
31
|
]),
|
|
32
32
|
] });
|
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EvoAccordionTitleComponent, decorators: [{
|
|
34
34
|
type: Component,
|
|
35
35
|
args: [{ selector: 'evo-accordion-title', animations: [
|
|
36
36
|
trigger('toggleBlock', [
|
|
@@ -54,4 +54,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
54
54
|
type: HostListener,
|
|
55
55
|
args: ['click']
|
|
56
56
|
}] } });
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
57
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLWFjY29yZGlvbi10aXRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ldm8tdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9ldm8tYWNjb3JkaW9uL2V2by1hY2NvcmRpb24tdGl0bGUvZXZvLWFjY29yZGlvbi10aXRsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ldm8tdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9ldm8tYWNjb3JkaW9uL2V2by1hY2NvcmRpb24tdGl0bGUvZXZvLWFjY29yZGlvbi10aXRsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0QsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7OztBQXlCMUUsTUFBTSxPQUFPLDBCQUEwQjtJQUtuQyxZQUNZLGVBQW1DO1FBQW5DLG9CQUFlLEdBQWYsZUFBZSxDQUFvQjtRQUgvQyxnQkFBVyxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsaUJBQWlCLENBQUM7SUFLckQsQ0FBQztJQUVzQixPQUFPO1FBQzFCLElBQUksQ0FBQyxlQUFlLENBQUMsVUFBVSxHQUFHLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxVQUFVLENBQUM7SUFDdkUsQ0FBQzs7dUhBWlEsMEJBQTBCOzJHQUExQiwwQkFBMEIsc0lDM0J2Qyw4eEJBc0JBLHVpQ0RkZ0I7UUFDUixPQUFPLENBQUMsYUFBYSxFQUFFO1lBQ25CLFVBQVUsQ0FBQyxRQUFRLEVBQUU7Z0JBQ2pCLEtBQUssQ0FBQyxFQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUMsQ0FBQztnQkFDbkIsT0FBTyxDQUFDLGlCQUFpQixFQUNyQixLQUFLLENBQUM7b0JBQ0YsT0FBTyxFQUFFLENBQUM7aUJBQ2IsQ0FBQyxDQUFDO2FBQ1YsQ0FBQztZQUNGLFVBQVUsQ0FBQyxRQUFRLEVBQUU7Z0JBQ2pCLEtBQUssQ0FBQyxFQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUMsQ0FBQztnQkFDbkIsT0FBTyxDQUFDLGlCQUFpQixFQUNyQixLQUFLLENBQUM7b0JBQ0YsT0FBTyxFQUFFLENBQUM7aUJBQ2IsQ0FBQyxDQUFDO2FBQ1YsQ0FBQztTQUNMLENBQUM7S0FDTDsyRkFFUSwwQkFBMEI7a0JBdkJ0QyxTQUFTOytCQUNJLHFCQUFxQixjQUduQjt3QkFDUixPQUFPLENBQUMsYUFBYSxFQUFFOzRCQUNuQixVQUFVLENBQUMsUUFBUSxFQUFFO2dDQUNqQixLQUFLLENBQUMsRUFBQyxPQUFPLEVBQUUsQ0FBQyxFQUFDLENBQUM7Z0NBQ25CLE9BQU8sQ0FBQyxpQkFBaUIsRUFDckIsS0FBSyxDQUFDO29DQUNGLE9BQU8sRUFBRSxDQUFDO2lDQUNiLENBQUMsQ0FBQzs2QkFDVixDQUFDOzRCQUNGLFVBQVUsQ0FBQyxRQUFRLEVBQUU7Z0NBQ2pCLEtBQUssQ0FBQyxFQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUMsQ0FBQztnQ0FDbkIsT0FBTyxDQUFDLGlCQUFpQixFQUNyQixLQUFLLENBQUM7b0NBQ0YsT0FBTyxFQUFFLENBQUM7aUNBQ2IsQ0FBQyxDQUFDOzZCQUNWLENBQUM7eUJBQ0wsQ0FBQztxQkFDTDt5R0FHUSxLQUFLO3NCQUFiLEtBQUs7Z0JBU2lCLE9BQU87c0JBQTdCLFlBQVk7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdExpc3RlbmVyLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRXZvRXhwYW5kZWRTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvZXZvLWV4cGFuZGVkLnNlcnZpY2UnO1xuaW1wb3J0IHsgYW5pbWF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdldm8tYWNjb3JkaW9uLXRpdGxlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXZvLWFjY29yZGlvbi10aXRsZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZXZvLWFjY29yZGlvbi10aXRsZS5jb21wb25lbnQuc2NzcyddLFxuICAgIGFuaW1hdGlvbnM6IFtcbiAgICAgICAgdHJpZ2dlcigndG9nZ2xlQmxvY2snLCBbXG4gICAgICAgICAgICB0cmFuc2l0aW9uKCc6bGVhdmUnLCBbXG4gICAgICAgICAgICAgICAgc3R5bGUoe29wYWNpdHk6IDF9KSxcbiAgICAgICAgICAgICAgICBhbmltYXRlKCcuM3MgZWFzZS1pbi1vdXQnLFxuICAgICAgICAgICAgICAgICAgICBzdHlsZSh7XG4gICAgICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgICAgICAgICAgICB9KSksXG4gICAgICAgICAgICBdKSxcbiAgICAgICAgICAgIHRyYW5zaXRpb24oJzplbnRlcicsIFtcbiAgICAgICAgICAgICAgICBzdHlsZSh7b3BhY2l0eTogMH0pLFxuICAgICAgICAgICAgICAgIGFuaW1hdGUoJy4zcyBlYXNlLWluLW91dCcsXG4gICAgICAgICAgICAgICAgICAgIHN0eWxlKHtcbiAgICAgICAgICAgICAgICAgICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgICAgICAgICAgICAgIH0pKSxcbiAgICAgICAgICAgIF0pLFxuICAgICAgICBdKSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBFdm9BY2NvcmRpb25UaXRsZUNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgbGFiZWw6IHN0cmluZztcblxuICAgIGlzRXhwYW5kZWQkID0gdGhpcy5leHBhbmRlZFNlcnZpY2UuaXNFeHBhbmRlZENoYW5nZSQ7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSBleHBhbmRlZFNlcnZpY2U6IEV2b0V4cGFuZGVkU2VydmljZSxcbiAgICApIHtcbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCdjbGljaycpIG9uQ2xpY2soKSB7XG4gICAgICAgIHRoaXMuZXhwYW5kZWRTZXJ2aWNlLmlzRXhwYW5kZWQgPSAhdGhpcy5leHBhbmRlZFNlcnZpY2UuaXNFeHBhbmRlZDtcbiAgICB9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwibGFiZWw7IGVsc2UgY3VzdG9tQ29udGVudFwiPlxuICAgIDxkaXYgY2xhc3M9XCJldm8tYWNjb3JkaW9uLXRpdGxlXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJldm8tYWNjb3JkaW9uLXRpdGxlX19kb3RcIj48L2Rpdj5cbiAgICAgICAgPGg0IGNsYXNzPVwiZXZvLWFjY29yZGlvbi10aXRsZV9fbGFiZWwgZXZvLXRpdGxlIGV2by10aXRsZV9oNFwiPnt7bGFiZWx9fTwvaDQ+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJ7aXNFeHBhbmRlZDogKGlzRXhwYW5kZWQkIHwgYXN5bmMpfSBhcyBhc3luY0RhdGFcIiBjbGFzcz1cImV2by1hY2NvcmRpb24tdGl0bGVfX2V4cGFuZGVyXCI+XG4gICAgICAgICAgICA8ZXZvLWljb25cbiAgICAgICAgICAgICAgICAqbmdJZj1cImFzeW5jRGF0YS5pc0V4cGFuZGVkXCJcbiAgICAgICAgICAgICAgICBzaGFwZT1cImZvbGRcIlxuICAgICAgICAgICAgICAgIEB0b2dnbGVCbG9ja1xuICAgICAgICAgICAgPjwvZXZvLWljb24+XG4gICAgICAgICAgICA8ZXZvLWljb25cbiAgICAgICAgICAgICAgICAqbmdJZj1cIiFhc3luY0RhdGEuaXNFeHBhbmRlZFwiXG4gICAgICAgICAgICAgICAgc2hhcGU9XCJ1bmZvbGRcIlxuICAgICAgICAgICAgICAgIEB0b2dnbGVCbG9ja1xuICAgICAgICAgICAgPjwvZXZvLWljb24+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9uZy1jb250YWluZXI+XG5cbjxuZy10ZW1wbGF0ZSAjY3VzdG9tQ29udGVudD5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L25nLXRlbXBsYXRlPlxuIl19
|
|
@@ -5,9 +5,9 @@ export class EvoAccordionComponent {
|
|
|
5
5
|
constructor() { }
|
|
6
6
|
ngOnInit() { }
|
|
7
7
|
}
|
|
8
|
-
EvoAccordionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
9
|
-
EvoAccordionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
8
|
+
EvoAccordionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EvoAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
+
EvoAccordionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: EvoAccordionComponent, selector: "evo-accordion", host: { properties: { "@skipInitialRender": "this.skipInitialRender" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [":host{display:flex;flex-direction:column}\n"], animations: [skipInitialRenderAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EvoAccordionComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{ selector: 'evo-accordion', template: `<ng-content></ng-content>`, changeDetection: ChangeDetectionStrategy.OnPush, animations: [skipInitialRenderAnimation], styles: [":host{display:flex;flex-direction:column}\n"] }]
|
|
13
13
|
}], ctorParameters: function () { return []; }, propDecorators: { skipInitialRender: [{
|
|
@@ -11,8 +11,8 @@ import * as i0 from "@angular/core";
|
|
|
11
11
|
import * as i1 from "../evo-icon/evo-icon.module";
|
|
12
12
|
export class EvoAccordionModule {
|
|
13
13
|
}
|
|
14
|
-
EvoAccordionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
15
|
-
EvoAccordionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
14
|
+
EvoAccordionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EvoAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
15
|
+
EvoAccordionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: EvoAccordionModule, declarations: [EvoAccordionComponent,
|
|
16
16
|
EvoAccordionTitleComponent,
|
|
17
17
|
EvoAccordionPanelComponent,
|
|
18
18
|
EvoAccordionContentComponent], imports: [CommonModule,
|
|
@@ -20,20 +20,18 @@ EvoAccordionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", vers
|
|
|
20
20
|
EvoAccordionTitleComponent,
|
|
21
21
|
EvoAccordionPanelComponent,
|
|
22
22
|
EvoAccordionContentComponent] });
|
|
23
|
-
EvoAccordionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
fold: iconUnfoldLess,
|
|
32
|
-
},
|
|
23
|
+
EvoAccordionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EvoAccordionModule, imports: [CommonModule,
|
|
24
|
+
EvoUiKitModule,
|
|
25
|
+
EvoIconModule.forRoot([
|
|
26
|
+
{
|
|
27
|
+
name: 'navigation',
|
|
28
|
+
shapes: {
|
|
29
|
+
unfold: iconUnfoldMore,
|
|
30
|
+
fold: iconUnfoldLess,
|
|
33
31
|
},
|
|
34
|
-
|
|
35
|
-
]] });
|
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
32
|
+
},
|
|
33
|
+
])] });
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EvoAccordionModule, decorators: [{
|
|
37
35
|
type: NgModule,
|
|
38
36
|
args: [{
|
|
39
37
|
imports: [
|
|
@@ -63,4 +61,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
63
61
|
]
|
|
64
62
|
}]
|
|
65
63
|
}] });
|
|
66
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLWFjY29yZGlvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ldm8tdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9ldm8tYWNjb3JkaW9uL2V2by1hY2NvcmRpb24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxjQUFjLEVBQUUsY0FBYyxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDckYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDNUMsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0seURBQXlELENBQUM7QUFDdkcsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0scURBQXFELENBQUM7QUFDakcsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0scURBQXFELENBQUM7QUFDakcsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7OztBQTZCbEUsTUFBTSxPQUFPLGtCQUFrQjs7K0dBQWxCLGtCQUFrQjtnSEFBbEIsa0JBQWtCLGlCQVp2QixxQkFBcUI7UUFDckIsMEJBQTBCO1FBQzFCLDBCQUEwQjtRQUMxQiw0QkFBNEIsYUFoQjVCLFlBQVk7UUFDWixjQUFjLCtCQWtCZCxxQkFBcUI7UUFDckIsMEJBQTBCO1FBQzFCLDBCQUEwQjtRQUMxQiw0QkFBNEI7Z0hBR3ZCLGtCQUFrQixZQXpCdkIsWUFBWTtRQUNaLGNBQWM7UUFDZCxhQUFhLENBQUMsT0FBTyxDQUFDO1lBQ2xCO2dCQUNJLElBQUksRUFBRSxZQUFZO2dCQUNsQixNQUFNLEVBQUU7b0JBQ0osTUFBTSxFQUFFLGNBQWM7b0JBQ3RCLElBQUksRUFBRSxjQUFjO2lCQUN2QjthQUNKO1NBQ0osQ0FBQzsyRkFlRyxrQkFBa0I7a0JBM0I5QixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRTt3QkFDTCxZQUFZO3dCQUNaLGNBQWM7d0JBQ2QsYUFBYSxDQUFDLE9BQU8sQ0FBQzs0QkFDbEI7Z0NBQ0ksSUFBSSxFQUFFLFlBQVk7Z0NBQ2xCLE1BQU0sRUFBRTtvQ0FDSixNQUFNLEVBQUUsY0FBYztvQ0FDdEIsSUFBSSxFQUFFLGNBQWM7aUNBQ3ZCOzZCQUNKO3lCQUNKLENBQUM7cUJBQ0w7b0JBQ0QsWUFBWSxFQUFFO3dCQUNWLHFCQUFxQjt3QkFDckIsMEJBQTBCO3dCQUMxQiwwQkFBMEI7d0JBQzFCLDRCQUE0QjtxQkFDL0I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLHFCQUFxQjt3QkFDckIsMEJBQTBCO3dCQUMxQiwwQkFBMEI7d0JBQzFCLDRCQUE0QjtxQkFDL0I7aUJBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGljb25VbmZvbGRNb3JlLCBpY29uVW5mb2xkTGVzcyB9IGZyb20gJ0Bldm90b3ItZGV2L3VpLWtpdC9pY29ucy9uYXZpZ2F0aW9uJztcbmltcG9ydCB7IEV2b1VpS2l0TW9kdWxlIH0gZnJvbSAnLi4vLi4vZXZvLXVpLWtpdC5tb2R1bGUnO1xuaW1wb3J0IHsgRXZvSWNvbk1vZHVsZSB9IGZyb20gJy4uL2V2by1pY29uJztcbmltcG9ydCB7IEV2b0FjY29yZGlvbkNvbnRlbnRDb21wb25lbnQgfSBmcm9tICcuL2V2by1hY2NvcmRpb24tY29udGVudC9ldm8tYWNjb3JkaW9uLWNvbnRlbnQuY29tcG9uZW50JztcbmltcG9ydCB7IEV2b0FjY29yZGlvblBhbmVsQ29tcG9uZW50IH0gZnJvbSAnLi9ldm8tYWNjb3JkaW9uLXBhbmVsL2V2by1hY2NvcmRpb24tcGFuZWwuY29tcG9uZW50JztcbmltcG9ydCB7IEV2b0FjY29yZGlvblRpdGxlQ29tcG9uZW50IH0gZnJvbSAnLi9ldm8tYWNjb3JkaW9uLXRpdGxlL2V2by1hY2NvcmRpb24tdGl0bGUuY29tcG9uZW50JztcbmltcG9ydCB7IEV2b0FjY29yZGlvbkNvbXBvbmVudCB9IGZyb20gJy4vZXZvLWFjY29yZGlvbi5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBFdm9VaUtpdE1vZHVsZSxcbiAgICAgICAgRXZvSWNvbk1vZHVsZS5mb3JSb290KFtcbiAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICBuYW1lOiAnbmF2aWdhdGlvbicsXG4gICAgICAgICAgICAgICAgc2hhcGVzOiB7XG4gICAgICAgICAgICAgICAgICAgIHVuZm9sZDogaWNvblVuZm9sZE1vcmUsXG4gICAgICAgICAgICAgICAgICAgIGZvbGQ6IGljb25VbmZvbGRMZXNzLFxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICB9LFxuICAgICAgICBdKSxcbiAgICBdLFxuICAgIGRlY2xhcmF0aW9uczogW1xuICAgICAgICBFdm9BY2NvcmRpb25Db21wb25lbnQsXG4gICAgICAgIEV2b0FjY29yZGlvblRpdGxlQ29tcG9uZW50LFxuICAgICAgICBFdm9BY2NvcmRpb25QYW5lbENvbXBvbmVudCxcbiAgICAgICAgRXZvQWNjb3JkaW9uQ29udGVudENvbXBvbmVudCxcbiAgICBdLFxuICAgIGV4cG9ydHM6IFtcbiAgICAgICAgRXZvQWNjb3JkaW9uQ29tcG9uZW50LFxuICAgICAgICBFdm9BY2NvcmRpb25UaXRsZUNvbXBvbmVudCxcbiAgICAgICAgRXZvQWNjb3JkaW9uUGFuZWxDb21wb25lbnQsXG4gICAgICAgIEV2b0FjY29yZGlvbkNvbnRlbnRDb21wb25lbnQsXG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBFdm9BY2NvcmRpb25Nb2R1bGUge1xufVxuIl19
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "
|
|
4
|
-
import * as i2 from "
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "../../directives/evo-ui-class.directive";
|
|
5
5
|
/**
|
|
6
6
|
* @deprecated use `EvoNoteComponent`
|
|
7
7
|
*/
|
|
@@ -58,9 +58,9 @@ export class EvoAlertComponent {
|
|
|
58
58
|
return classes;
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
|
-
EvoAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
62
|
-
EvoAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
63
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
61
|
+
EvoAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EvoAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
62
|
+
EvoAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: EvoAlertComponent, selector: "evo-alert", inputs: { closable: "closable", icon: "icon", iconSrc: "iconSrc", type: "type", size: "size" }, outputs: { close: "close" }, ngImport: i0, template: "<div class=\"evo-alert\" [evoUiClass]=\"totalClasses\">\n <div class=\"evo-alert__close\"\n *ngIf=\"closable\"\n (click)=\"handleCloseClick()\"\n >\n <svg class=\"evo-alert__close-icon\"\n width=\"11\"\n height=\"11\"\n viewBox=\"0 0 11 11\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M3.26966 5.39098L0.439994 8.22065C-0.141952 8.8026 -0.144551 9.75494 0.441235 10.3407C1.03111 10.9306 1.97621 10.9271 2.56131 10.342L5.39098 7.5123L8.22065 10.342C8.8026 10.9239 9.75494 10.9265 10.3407 10.3407C10.9306 9.75086 10.9271 8.80575 10.342 8.22065L7.5123 5.39098L10.342 2.56131C10.9239 1.97937 10.9265 1.02702 10.3407 0.441235C9.75086 -0.148635 8.80575 -0.145107 8.22065 0.439994L5.39098 3.26966L2.56131 0.439994C1.97937 -0.141952 1.02702 -0.144551 0.441235 0.441235C-0.148635 1.03111 -0.145107 1.97621 0.439994 2.56131L3.26966 5.39098Z\"\n fill=\"#546E7A\" />\n </svg>\n </div>\n <div class=\"evo-alert__body\">\n <div class=\"evo-alert__icon\" *ngIf=\"hasDefaultIcon()\"\n [ngClass]=\"'evo-alert__icon_' + icon\"\n ></div>\n <div class=\"evo-alert__icon\" *ngIf=\"iconSrc\">\n <img [attr.src]=\"iconSrc\" alt=\"\">\n </div>\n <div class=\"evo-alert__content\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n", styles: [".evo-alert{position:relative;box-sizing:border-box;padding:19px 20px 18px;font-size:14px;line-height:22px;border-radius:8px}.evo-alert__body{display:flex;align-items:center}.evo-alert__icon{display:none;flex-shrink:0;width:32px;height:32px;margin-right:24px}.evo-alert__icon_exclamation{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2219%22 height%3D%2219%22 viewBox%3D%220 0 19 19%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M9.66666 0.777664C4.76 0.777664 0.777771 4.75989 0.777771 9.66653C0.777771 14.5732 4.76 18.5555 9.66666 18.5555C14.5733 18.5555 18.5555 14.5732 18.5555 9.66653C18.5555 4.75989 14.5733 0.777664 9.66666 0.777664ZM9.66666 10.5555C9.17779 10.5555 8.77779 10.1555 8.77779 9.66653V6.111C8.77779 5.62211 9.17779 5.22211 9.66666 5.22211C10.1555 5.22211 10.5555 5.62211 10.5555 6.111V9.66653C10.5555 10.1555 10.1555 10.5555 9.66666 10.5555ZM10.5555 13.2221C10.5555 13.7131 10.1576 14.111 9.66666 14.111C9.17572 14.111 8.77779 13.7131 8.77779 13.2221C8.77779 12.7312 9.17572 12.3332 9.66666 12.3332C10.1576 12.3332 10.5555 12.7312 10.5555 13.2221Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\");background-size:32px 32px}.evo-alert__icon_success{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40C31.0457 40 40 31.0457 40 20C40 8.9543 31.0457 0 20 0ZM31.1644 15.8778C32.0804 14.9619 32.0804 13.4769 31.1644 12.561C30.2485 11.645 28.7635 11.645 27.8476 12.561L17.9016 22.507L12.753 17.3585C11.8371 16.4426 10.3521 16.4426 9.4362 17.3585C8.52029 18.2744 8.52029 19.7594 9.4362 20.6753L15.9969 27.236C16.2753 27.5144 16.6062 27.7081 16.9578 27.8173C17.836 28.2564 18.9325 28.1097 19.665 27.3772L31.1644 15.8778Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\");background-size:32px 32px}@media (min-width: 768px){.evo-alert__icon{display:block}}.evo-alert__close{position:absolute;top:8px;right:8px;z-index:10;display:flex;justify-content:center;align-items:center;width:24px;height:24px;cursor:pointer}.evo-alert_success{color:#fff;background-color:#21c68b}.evo-alert_danger{color:#fff;background-color:#ff6f6f}.evo-alert_info{color:#212121;background-color:#e6f9ff}.evo-alert_warning{color:#212121;background-color:#fff8e6}.evo-alert_warning .evo-alert__icon{display:none}.evo-alert_success,.evo-alert_danger{font-weight:600}.evo-alert_success::ng-deep a:link,.evo-alert_success::ng-deep a:hover,.evo-alert_success::ng-deep a:active,.evo-alert_success::ng-deep a:visited,.evo-alert_danger::ng-deep a:link,.evo-alert_danger::ng-deep a:hover,.evo-alert_danger::ng-deep a:active,.evo-alert_danger::ng-deep a:visited{color:inherit;text-decoration:underline}.evo-alert_success::ng-deep *,.evo-alert_danger::ng-deep *{color:inherit}.evo-alert_large .evo-alert__icon{width:48px;height:48px}.evo-alert_large .evo-alert__icon_success,.evo-alert_large .evo-alert__icon_exclamation{background-size:48px 48px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }] });
|
|
63
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EvoAlertComponent, decorators: [{
|
|
64
64
|
type: Component,
|
|
65
65
|
args: [{ selector: 'evo-alert', template: "<div class=\"evo-alert\" [evoUiClass]=\"totalClasses\">\n <div class=\"evo-alert__close\"\n *ngIf=\"closable\"\n (click)=\"handleCloseClick()\"\n >\n <svg class=\"evo-alert__close-icon\"\n width=\"11\"\n height=\"11\"\n viewBox=\"0 0 11 11\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n d=\"M3.26966 5.39098L0.439994 8.22065C-0.141952 8.8026 -0.144551 9.75494 0.441235 10.3407C1.03111 10.9306 1.97621 10.9271 2.56131 10.342L5.39098 7.5123L8.22065 10.342C8.8026 10.9239 9.75494 10.9265 10.3407 10.3407C10.9306 9.75086 10.9271 8.80575 10.342 8.22065L7.5123 5.39098L10.342 2.56131C10.9239 1.97937 10.9265 1.02702 10.3407 0.441235C9.75086 -0.148635 8.80575 -0.145107 8.22065 0.439994L5.39098 3.26966L2.56131 0.439994C1.97937 -0.141952 1.02702 -0.144551 0.441235 0.441235C-0.148635 1.03111 -0.145107 1.97621 0.439994 2.56131L3.26966 5.39098Z\"\n fill=\"#546E7A\" />\n </svg>\n </div>\n <div class=\"evo-alert__body\">\n <div class=\"evo-alert__icon\" *ngIf=\"hasDefaultIcon()\"\n [ngClass]=\"'evo-alert__icon_' + icon\"\n ></div>\n <div class=\"evo-alert__icon\" *ngIf=\"iconSrc\">\n <img [attr.src]=\"iconSrc\" alt=\"\">\n </div>\n <div class=\"evo-alert__content\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n", styles: [".evo-alert{position:relative;box-sizing:border-box;padding:19px 20px 18px;font-size:14px;line-height:22px;border-radius:8px}.evo-alert__body{display:flex;align-items:center}.evo-alert__icon{display:none;flex-shrink:0;width:32px;height:32px;margin-right:24px}.evo-alert__icon_exclamation{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2219%22 height%3D%2219%22 viewBox%3D%220 0 19 19%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M9.66666 0.777664C4.76 0.777664 0.777771 4.75989 0.777771 9.66653C0.777771 14.5732 4.76 18.5555 9.66666 18.5555C14.5733 18.5555 18.5555 14.5732 18.5555 9.66653C18.5555 4.75989 14.5733 0.777664 9.66666 0.777664ZM9.66666 10.5555C9.17779 10.5555 8.77779 10.1555 8.77779 9.66653V6.111C8.77779 5.62211 9.17779 5.22211 9.66666 5.22211C10.1555 5.22211 10.5555 5.62211 10.5555 6.111V9.66653C10.5555 10.1555 10.1555 10.5555 9.66666 10.5555ZM10.5555 13.2221C10.5555 13.7131 10.1576 14.111 9.66666 14.111C9.17572 14.111 8.77779 13.7131 8.77779 13.2221C8.77779 12.7312 9.17572 12.3332 9.66666 12.3332C10.1576 12.3332 10.5555 12.7312 10.5555 13.2221Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\");background-size:32px 32px}.evo-alert__icon_success{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40C31.0457 40 40 31.0457 40 20C40 8.9543 31.0457 0 20 0ZM31.1644 15.8778C32.0804 14.9619 32.0804 13.4769 31.1644 12.561C30.2485 11.645 28.7635 11.645 27.8476 12.561L17.9016 22.507L12.753 17.3585C11.8371 16.4426 10.3521 16.4426 9.4362 17.3585C8.52029 18.2744 8.52029 19.7594 9.4362 20.6753L15.9969 27.236C16.2753 27.5144 16.6062 27.7081 16.9578 27.8173C17.836 28.2564 18.9325 28.1097 19.665 27.3772L31.1644 15.8778Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\");background-size:32px 32px}@media (min-width: 768px){.evo-alert__icon{display:block}}.evo-alert__close{position:absolute;top:8px;right:8px;z-index:10;display:flex;justify-content:center;align-items:center;width:24px;height:24px;cursor:pointer}.evo-alert_success{color:#fff;background-color:#21c68b}.evo-alert_danger{color:#fff;background-color:#ff6f6f}.evo-alert_info{color:#212121;background-color:#e6f9ff}.evo-alert_warning{color:#212121;background-color:#fff8e6}.evo-alert_warning .evo-alert__icon{display:none}.evo-alert_success,.evo-alert_danger{font-weight:600}.evo-alert_success::ng-deep a:link,.evo-alert_success::ng-deep a:hover,.evo-alert_success::ng-deep a:active,.evo-alert_success::ng-deep a:visited,.evo-alert_danger::ng-deep a:link,.evo-alert_danger::ng-deep a:hover,.evo-alert_danger::ng-deep a:active,.evo-alert_danger::ng-deep a:visited{color:inherit;text-decoration:underline}.evo-alert_success::ng-deep *,.evo-alert_danger::ng-deep *{color:inherit}.evo-alert_large .evo-alert__icon{width:48px;height:48px}.evo-alert_large .evo-alert__icon_success,.evo-alert_large .evo-alert__icon_exclamation{background-size:48px 48px}\n"] }]
|
|
66
66
|
}], propDecorators: { closable: [{
|
|
@@ -8,14 +8,12 @@ import * as i0 from "@angular/core";
|
|
|
8
8
|
*/
|
|
9
9
|
export class EvoAlertModule {
|
|
10
10
|
}
|
|
11
|
-
EvoAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
12
|
-
EvoAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
11
|
+
EvoAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EvoAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
12
|
+
EvoAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: EvoAlertModule, declarations: [EvoAlertComponent], imports: [CommonModule,
|
|
13
13
|
EvoUiKitModule], exports: [EvoAlertComponent] });
|
|
14
|
-
EvoAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
]] });
|
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoAlertModule, decorators: [{
|
|
14
|
+
EvoAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EvoAlertModule, imports: [CommonModule,
|
|
15
|
+
EvoUiKitModule] });
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EvoAlertModule, decorators: [{
|
|
19
17
|
type: NgModule,
|
|
20
18
|
args: [{
|
|
21
19
|
imports: [
|
|
@@ -26,4 +24,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
|
|
|
26
24
|
exports: [EvoAlertComponent],
|
|
27
25
|
}]
|
|
28
26
|
}] });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLWFsZXJ0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V2by11aS1raXQvc3JjL2xpYi9jb21wb25lbnRzL2V2by1hbGVydC9ldm8tYWxlcnQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzFELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFVekQ7O0dBRUc7QUFDSCxNQUFNLE9BQU8sY0FBYzs7MkdBQWQsY0FBYzs0R0FBZCxjQUFjLGlCQU5ULGlCQUFpQixhQUgvQixZQUFZO1FBQ1osY0FBYyxhQUdMLGlCQUFpQjs0R0FLakIsY0FBYyxZQVR2QixZQUFZO1FBQ1osY0FBYzsyRkFRTCxjQUFjO2tCQVgxQixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGNBQWM7cUJBQ2Y7b0JBQ0QsWUFBWSxFQUFFLENBQUUsaUJBQWlCLENBQUU7b0JBQ25DLE9BQU8sRUFBRSxDQUFFLGlCQUFpQixDQUFFO2lCQUMvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRXZvQWxlcnRDb21wb25lbnQgfSBmcm9tICcuL2V2by1hbGVydC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRXZvVWlLaXRNb2R1bGUgfSBmcm9tICcuLi8uLi9ldm8tdWkta2l0Lm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRXZvVWlLaXRNb2R1bGUsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogWyBFdm9BbGVydENvbXBvbmVudCBdLFxuICBleHBvcnRzOiBbIEV2b0FsZXJ0Q29tcG9uZW50IF0sXG59KVxuLyoqXG4gKiBAZGVwcmVjYXRlZCB1c2UgYEV2b05vdGVNb2R1bGVgXG4gKi9cbmV4cG9ydCBjbGFzcyBFdm9BbGVydE1vZHVsZSB7fVxuIl19
|
|
@@ -7,10 +7,10 @@ import { EvoInputTheme } from '../../evo-input';
|
|
|
7
7
|
import { iconDecline } from '@evotor-dev/ui-kit/icons/system';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
import * as i1 from "@angular/forms";
|
|
10
|
-
import * as i2 from "@
|
|
11
|
-
import * as i3 from "
|
|
12
|
-
import * as i4 from "
|
|
13
|
-
import * as i5 from "@
|
|
10
|
+
import * as i2 from "@angular/common";
|
|
11
|
+
import * as i3 from "../../../directives/evo-ui-class.directive";
|
|
12
|
+
import * as i4 from "../../evo-control-error/evo-control-error.component";
|
|
13
|
+
import * as i5 from "@ng-select/ng-select";
|
|
14
14
|
export class EvoAutocompleteComponent {
|
|
15
15
|
constructor(cdr, control) {
|
|
16
16
|
this.cdr = cdr;
|
|
@@ -224,11 +224,11 @@ export class EvoAutocompleteComponent {
|
|
|
224
224
|
};
|
|
225
225
|
}
|
|
226
226
|
}
|
|
227
|
-
EvoAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
228
|
-
EvoAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoAutocompleteComponent, selector: "evo-autocomplete", inputs: { size: "size", isOpen: "isOpen", items: "items", bindLabel: "bindLabel", bindValue: "bindValue", markFirst: "markFirst", placeholder: "placeholder", notFoundText: "notFoundText", typeToSearchText: "typeToSearchText", addTagText: "addTagText", loadingText: "loadingText", clearAllText: "clearAllText", dropdownPosition: "dropdownPosition", appendTo: "appendTo", loading: "loading", closeOnSelect: "closeOnSelect", hideSelected: "hideSelected", selectOnTab: "selectOnTab", openOnEnter: "openOnEnter", maxSelectedItems: "maxSelectedItems", groupBy: "groupBy", groupValue: "groupValue", bufferAmount: "bufferAmount", virtualScroll: "virtualScroll", selectableGroup: "selectableGroup", selectableGroupAsModel: "selectableGroupAsModel", searchFn: "searchFn", clearOnBackspace: "clearOnBackspace", typeahead: "typeahead", multiple: "multiple", multipleInline: "multipleInline", addTag: "addTag", searchable: "searchable", clearable: "clearable", errorsMessages: "errorsMessages", compareWith: "compareWith", editQuery: "editQuery", setSelectbox: ["isSelectbox", "setSelectbox"], setTheme: ["theme", "setTheme"] }, outputs: { blurEvent: "blur", focusEvent: "focus", changeEvent: "change", openEvent: "open", closeEvent: "close", searchEvent: "search", clearEvent: "clear", addEvent: "add", removeEvent: "remove", scrollEvent: "scroll", scrollToEndEvent: "scrollToEnd" }, queries: [{ propertyName: "labelTemp", first: true, predicate: ["labelTemp"], descendants: true, read: TemplateRef }, { propertyName: "multiLabelTemp", first: true, predicate: ["multiLabelTemp"], descendants: true, read: TemplateRef }, { propertyName: "optionTemp", first: true, predicate: ["optionTemp"], descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "ngSelectComponent", first: true, predicate: NgSelectComponent, descendants: true }], ngImport: i0, template: "<div class=\"evo-autocomplete\" [evoUiClass]=\"classes\">\n <ng-select\n [(ngModel)]=\"value\"\n [items]=\"items\"\n [bindLabel]=\"bindLabel\"\n [bindValue]=\"bindValue\"\n [markFirst]=\"markFirst\"\n [placeholder]=\"placeholder\"\n [notFoundText]=\"notFoundText\"\n [typeToSearchText]=\"typeToSearchText\"\n [addTagText]=\"addTagText\"\n [loadingText]=\"loadingText\"\n [clearAllText]=\"clearAllText\"\n [dropdownPosition]=\"dropdownPosition\"\n [appendTo]=\"appendTo\"\n [loading]=\"loading\"\n [closeOnSelect]=\"closeOnSelect\"\n [hideSelected]=\"hideSelected\"\n [selectOnTab]=\"selectOnTab\"\n [openOnEnter]=\"openOnEnter\"\n [maxSelectedItems]=\"maxSelectedItems\"\n [groupBy]=\"groupBy\"\n [groupValue]=\"groupValue\"\n [bufferAmount]=\"bufferAmount\"\n [virtualScroll]=\"virtualScroll\"\n [selectableGroup]=\"selectableGroup\"\n [selectableGroupAsModel]=\"selectableGroupAsModel\"\n [searchFn]=\"searchFn\"\n [clearOnBackspace]=\"clearOnBackspace\"\n [typeahead]=\"typeahead\"\n [multiple]=\"multiple || multipleInline\"\n [addTag]=\"addTag\"\n [searchable]=\"searchable\"\n [clearable]=\"clearable\"\n [isOpen]=\"isOpen\"\n [editableSearchTerm]=\"editQuery\"\n [disabled]=\"control.disabled\"\n [compareWith]=\"compareWith\"\n\n (blur)=\"onBlur($event)\"\n (focus)=\"onFocus($event)\"\n (change)=\"changeEvent.emit($event)\"\n (open)=\"openEvent.emit($event)\"\n (close)=\"closeEvent.emit($event)\"\n (search)=\"searchEvent.emit($event)\"\n (clear)=\"clearEvent.emit($event)\"\n (add)=\"addEvent.emit($event)\"\n (remove)=\"removeEvent.emit($event)\"\n (scroll)=\"scrollEvent.emit($event)\"\n (scrollToEnd)=\"scrollToEndEvent.emit($event)\"\n >\n <!-- Selected Item Template -->\n <ng-template\n *ngIf=\"labelTemp\"\n ng-label-tmp\n let-item=\"item\"\n >\n <ng-template *ngTemplateOutlet=\"labelTemp; context: { item: item }\"></ng-template>\n </ng-template>\n\n <!-- Overall Lable For All Selected Items Template -->\n <ng-template\n *ngIf=\"multiLabelTemp\"\n ng-multi-label-tmp\n let-items=\"items\"\n let-clear=\"clear\"\n >\n <ng-template *ngTemplateOutlet=\"multiLabelTemp; context: { items: items, clear: clear }\"></ng-template>\n </ng-template>\n\n <!-- Option Template -->\n <ng-template\n *ngIf=\"optionTemp\"\n ng-option-tmp\n let-item=\"item\"\n let-index=\"index\"\n let-search=\"searchTerm\"\n let-item$=\"item$\"\n >\n <ng-template *ngTemplateOutlet=\"optionTemp; context: { item: item, index: index, searchTerm: search, item$: item$}\"></ng-template>\n </ng-template>\n\n <ng-container *ngIf=\"multipleInline && !multiLabelTemp\">\n <ng-template ng-multi-label-tmp let-items=\"items\">\n <div class=\"ng-value\">\n {{ getMultipleInlineItemsLabels(items) }}\n </div>\n </ng-template>\n </ng-container>\n\n <!-- Search Text Templates -->\n <ng-template ng-typetosearch-tmp>\n <div class=\"ng-option disabled\" *ngIf=\"typeToSearchText\">{{typeToSearchText}}</div>\n </ng-template>\n <ng-template ng-loadingtext-tmp let-searchTerm=\"searchTerm\">\n <div class=\"ng-option disabled\">{{loadingText}}</div>\n </ng-template>\n <ng-template ng-notfound-tmp let-searchTerm=\"searchTerm\">\n <div class=\"ng-option disabled\">{{notFoundText}}</div>\n </ng-template>\n </ng-select>\n <evo-control-error\n *ngIf=\"hasErrors && errorsMessages\"\n [errors]=\"control.errors\"\n [errorsMessages]=\"errorsMessages\"\n ></evo-control-error>\n</div>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}evo-autocomplete{--evo-dropdown-max-height: 310px;--evo-autocomplete-option-overflow: hidden;--evo-autocomplete-option-text-overflow: ellipsis;--evo-autocomplete-option-white-space: nowrap;--evo-autocomplete-arrow-icon-color: #212121}evo-autocomplete .evo-autocomplete{--inner-input-padding-right: 40px;position:relative;display:block}evo-autocomplete .evo-autocomplete ng-select[ng-reflect-clearable=false]{--inner-input-padding-right: 16px}evo-autocomplete .evo-autocomplete__icon{display:block;flex:0 0 24px;width:24px;height:24px}evo-autocomplete .evo-autocomplete__icon_clear{position:absolute;top:12px;right:12px;z-index:1001;cursor:pointer;transition:fill .3s;fill:#91b1b8}evo-autocomplete .evo-autocomplete__icon_clear:hover{fill:#a7c1c6}evo-autocomplete .evo-autocomplete__icon_clear:active{fill:#829fa6}evo-autocomplete .evo-autocomplete__icon_dropdown{fill:#212121}evo-autocomplete .evo-autocomplete .ng-input{padding:0 var(--inner-input-padding-right) 0 16px}evo-autocomplete .evo-autocomplete .ng-placeholder{color:#9b9b9b}evo-autocomplete .evo-autocomplete .ng-value-container{align-items:center;min-width:0;overflow:hidden}evo-autocomplete .evo-autocomplete .ng-value{overflow:hidden;text-overflow:ellipsis}evo-autocomplete .evo-autocomplete .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;display:flex;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;position:relative;align-items:center;margin:0;padding:0 12px 0 16px;line-height:var(--evo-input-height)}evo-autocomplete .evo-autocomplete .ng-select-container.ng-has-value .ng-placeholder{display:none}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 0 0 16px;padding:0;text-align:center;color:#91b1b8;transition:color .3s}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper:hover{color:#a7c1c6}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper:active{color:#829fa6}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear{display:none}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear_patched{display:block;cursor:pointer}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear_patched svg{display:block;fill:currentColor}evo-autocomplete .evo-autocomplete .ng-select .ng-spinner-loader{display:flex;justify-content:center;align-items:center;width:16px;height:100%;margin:0 0 0 8px;border:none;transform:none;animation:none}evo-autocomplete .evo-autocomplete .ng-select .ng-spinner-loader:before{content:\"\";display:block;flex:0 0 16px;width:16px;height:16px;border:2px solid #C6C6C6;border-top-color:#21c68b;border-radius:50%;animation:spin .8s linear infinite}evo-autocomplete .evo-autocomplete .ng-option{display:flex;align-items:center;min-height:48px;padding:12px 16px;font-size:14px;line-height:24px;white-space:normal;background-color:#fff}evo-autocomplete .evo-autocomplete .ng-option evo-autocomplete-default-option{position:relative;background-color:#fff}evo-autocomplete .evo-autocomplete .ng-option evo-autocomplete-default-option:before{content:\"\";position:absolute;inset:-12px -16px;z-index:0;background-color:inherit}evo-autocomplete .evo-autocomplete .ng-option.ng-option-marked{color:#212121;background-color:#f4f6f8}evo-autocomplete .evo-autocomplete .ng-option.ng-option-marked evo-autocomplete-default-option{background-color:#f4f6f8}evo-autocomplete .evo-autocomplete .ng-option.ng-option-disabled{color:#c6c6c6;background-color:#fff}evo-autocomplete .evo-autocomplete .ng-option.ng-option-disabled evo-autocomplete-default-option{background-color:#fff}evo-autocomplete .evo-autocomplete .ng-option.ng-option-selected{background-color:#e1ecef}evo-autocomplete .evo-autocomplete .ng-option.ng-option-selected evo-autocomplete-default-option{background-color:#e1ecef}evo-autocomplete .evo-autocomplete .ng-option.ng-option-selected evo-autocomplete-default-option.has-checkbox{background-color:#e1ecef}evo-autocomplete .evo-autocomplete_is-edit-query .ng-select.ng-select-single:not(.ng-select-focused) .ng-select-container .ng-value-container .ng-value{visibility:visible}evo-autocomplete .evo-autocomplete_is-edit-query .ng-select.ng-select-single.ng-select-focused .ng-select-container .ng-value-container .ng-value{visibility:var(--evo-autocomplete-option-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel{z-index:3001;display:block;max-height:310px;max-height:var(--evo-dropdown-max-height);margin:4px 0}evo-autocomplete .evo-autocomplete .ng-dropdown-panel.ng-select-top{bottom:100%}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items{max-height:inherit;background-color:#fff;border-radius:8px;box-shadow:0 8px 10px #00000024,0 3px 14px #0000001f}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{overflow:var(--evo-autocomplete-option-overflow);white-space:var(--evo-autocomplete-option-white-space);text-overflow:var(--evo-autocomplete-option-text-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar{width:16px;background-color:transparent}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-track{background-color:transparent}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-thumb{background-color:#c6c6c6;border:6px solid #FFFFFF;border-radius:16px}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-button{display:none}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-arrow-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 0 0 16px;padding:0;text-align:center}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-arrow-wrapper .ng-arrow{display:block;width:24px;height:24px;background-color:var(--evo-autocomplete-arrow-icon-color);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z%22 %2F%3E%3C%2Fsvg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z%22 %2F%3E%3C%2Fsvg%3E\");background-position:center;transition:transform .25s}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select.ng-select-opened .ng-arrow{transform:rotate(180deg);transform-origin:center center}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-input{padding-right:32px}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused{z-index:11}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused .ng-placeholder{display:none}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused .ng-select-container{box-shadow:0 0 2px #91b1b8}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-clearable .ng-input{padding-right:32px}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-normal .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-small .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-normal .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-small .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_is-multiple-inline .ng-select .ng-select-container .ng-value-icon{display:none}evo-autocomplete .evo-autocomplete_is-multiple-inline .ng-select .ng-select-container .ng-input{display:none}evo-autocomplete .evo-autocomplete .ng-select.ng-select-focused .ng-select-container,evo-autocomplete .evo-autocomplete .ng-select.ng-select-opened .ng-select-container{border:solid 1px #74706F}evo-autocomplete .evo-autocomplete.evo-autocomplete_touched.evo-autocomplete_invalid .ng-select:not(.ng-select-opened) .ng-select-container{border-color:#ff1817!important}evo-autocomplete .evo-autocomplete.evo-autocomplete_disabled .ng-select-container{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}evo-autocomplete .evo-autocomplete.evo-autocomplete_disabled .ng-select-container .ng-arrow{opacity:.3}evo-autocomplete .evo-autocomplete .ng-input>input[readonly]{-webkit-user-select:auto!important;user-select:auto!important}\n"], components: [{ type: i2.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { type: i3.EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], directives: [{ type: i4.EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgMultiLabelTemplateDirective, selector: "[ng-multi-label-tmp]" }, { type: i2.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { type: i2.NgTypeToSearchTemplateDirective, selector: "[ng-typetosearch-tmp]" }, { type: i2.NgLoadingTextTemplateDirective, selector: "[ng-loadingtext-tmp]" }, { type: i2.NgNotFoundTemplateDirective, selector: "[ng-notfound-tmp]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
229
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
227
|
+
EvoAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EvoAutocompleteComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.NgControl }], target: i0.ɵɵFactoryTarget.Component });
|
|
228
|
+
EvoAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: EvoAutocompleteComponent, selector: "evo-autocomplete", inputs: { size: "size", isOpen: "isOpen", items: "items", bindLabel: "bindLabel", bindValue: "bindValue", markFirst: "markFirst", placeholder: "placeholder", notFoundText: "notFoundText", typeToSearchText: "typeToSearchText", addTagText: "addTagText", loadingText: "loadingText", clearAllText: "clearAllText", dropdownPosition: "dropdownPosition", appendTo: "appendTo", loading: "loading", closeOnSelect: "closeOnSelect", hideSelected: "hideSelected", selectOnTab: "selectOnTab", openOnEnter: "openOnEnter", maxSelectedItems: "maxSelectedItems", groupBy: "groupBy", groupValue: "groupValue", bufferAmount: "bufferAmount", virtualScroll: "virtualScroll", selectableGroup: "selectableGroup", selectableGroupAsModel: "selectableGroupAsModel", searchFn: "searchFn", clearOnBackspace: "clearOnBackspace", typeahead: "typeahead", multiple: "multiple", multipleInline: "multipleInline", addTag: "addTag", searchable: "searchable", clearable: "clearable", errorsMessages: "errorsMessages", compareWith: "compareWith", editQuery: "editQuery", setSelectbox: ["isSelectbox", "setSelectbox"], setTheme: ["theme", "setTheme"] }, outputs: { blurEvent: "blur", focusEvent: "focus", changeEvent: "change", openEvent: "open", closeEvent: "close", searchEvent: "search", clearEvent: "clear", addEvent: "add", removeEvent: "remove", scrollEvent: "scroll", scrollToEndEvent: "scrollToEnd" }, queries: [{ propertyName: "labelTemp", first: true, predicate: ["labelTemp"], descendants: true, read: TemplateRef }, { propertyName: "multiLabelTemp", first: true, predicate: ["multiLabelTemp"], descendants: true, read: TemplateRef }, { propertyName: "optionTemp", first: true, predicate: ["optionTemp"], descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "ngSelectComponent", first: true, predicate: NgSelectComponent, descendants: true }], ngImport: i0, template: "<div class=\"evo-autocomplete\" [evoUiClass]=\"classes\">\n <ng-select\n [(ngModel)]=\"value\"\n [items]=\"items\"\n [bindLabel]=\"bindLabel\"\n [bindValue]=\"bindValue\"\n [markFirst]=\"markFirst\"\n [placeholder]=\"placeholder\"\n [notFoundText]=\"notFoundText\"\n [typeToSearchText]=\"typeToSearchText\"\n [addTagText]=\"addTagText\"\n [loadingText]=\"loadingText\"\n [clearAllText]=\"clearAllText\"\n [dropdownPosition]=\"dropdownPosition\"\n [appendTo]=\"appendTo\"\n [loading]=\"loading\"\n [closeOnSelect]=\"closeOnSelect\"\n [hideSelected]=\"hideSelected\"\n [selectOnTab]=\"selectOnTab\"\n [openOnEnter]=\"openOnEnter\"\n [maxSelectedItems]=\"maxSelectedItems\"\n [groupBy]=\"groupBy\"\n [groupValue]=\"groupValue\"\n [bufferAmount]=\"bufferAmount\"\n [virtualScroll]=\"virtualScroll\"\n [selectableGroup]=\"selectableGroup\"\n [selectableGroupAsModel]=\"selectableGroupAsModel\"\n [searchFn]=\"searchFn\"\n [clearOnBackspace]=\"clearOnBackspace\"\n [typeahead]=\"typeahead\"\n [multiple]=\"multiple || multipleInline\"\n [addTag]=\"addTag\"\n [searchable]=\"searchable\"\n [clearable]=\"clearable\"\n [isOpen]=\"isOpen\"\n [editableSearchTerm]=\"editQuery\"\n [disabled]=\"control.disabled\"\n [compareWith]=\"compareWith\"\n\n (blur)=\"onBlur($event)\"\n (focus)=\"onFocus($event)\"\n (change)=\"changeEvent.emit($event)\"\n (open)=\"openEvent.emit($event)\"\n (close)=\"closeEvent.emit($event)\"\n (search)=\"searchEvent.emit($event)\"\n (clear)=\"clearEvent.emit($event)\"\n (add)=\"addEvent.emit($event)\"\n (remove)=\"removeEvent.emit($event)\"\n (scroll)=\"scrollEvent.emit($event)\"\n (scrollToEnd)=\"scrollToEndEvent.emit($event)\"\n >\n <!-- Selected Item Template -->\n <ng-template\n *ngIf=\"labelTemp\"\n ng-label-tmp\n let-item=\"item\"\n >\n <ng-template *ngTemplateOutlet=\"labelTemp; context: { item: item }\"></ng-template>\n </ng-template>\n\n <!-- Overall Lable For All Selected Items Template -->\n <ng-template\n *ngIf=\"multiLabelTemp\"\n ng-multi-label-tmp\n let-items=\"items\"\n let-clear=\"clear\"\n >\n <ng-template *ngTemplateOutlet=\"multiLabelTemp; context: { items: items, clear: clear }\"></ng-template>\n </ng-template>\n\n <!-- Option Template -->\n <ng-template\n *ngIf=\"optionTemp\"\n ng-option-tmp\n let-item=\"item\"\n let-index=\"index\"\n let-search=\"searchTerm\"\n let-item$=\"item$\"\n >\n <ng-template *ngTemplateOutlet=\"optionTemp; context: { item: item, index: index, searchTerm: search, item$: item$}\"></ng-template>\n </ng-template>\n\n <ng-container *ngIf=\"multipleInline && !multiLabelTemp\">\n <ng-template ng-multi-label-tmp let-items=\"items\">\n <div class=\"ng-value\">\n {{ getMultipleInlineItemsLabels(items) }}\n </div>\n </ng-template>\n </ng-container>\n\n <!-- Search Text Templates -->\n <ng-template ng-typetosearch-tmp>\n <div class=\"ng-option disabled\" *ngIf=\"typeToSearchText\">{{typeToSearchText}}</div>\n </ng-template>\n <ng-template ng-loadingtext-tmp let-searchTerm=\"searchTerm\">\n <div class=\"ng-option disabled\">{{loadingText}}</div>\n </ng-template>\n <ng-template ng-notfound-tmp let-searchTerm=\"searchTerm\">\n <div class=\"ng-option disabled\">{{notFoundText}}</div>\n </ng-template>\n </ng-select>\n <evo-control-error\n *ngIf=\"hasErrors && errorsMessages\"\n [errors]=\"control.errors\"\n [errorsMessages]=\"errorsMessages\"\n ></evo-control-error>\n</div>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}evo-autocomplete{--evo-dropdown-max-height: 310px;--evo-autocomplete-option-overflow: hidden;--evo-autocomplete-option-text-overflow: ellipsis;--evo-autocomplete-option-white-space: nowrap;--evo-autocomplete-arrow-icon-color: #212121}evo-autocomplete .evo-autocomplete{--inner-input-padding-right: 40px;position:relative;display:block}evo-autocomplete .evo-autocomplete ng-select[ng-reflect-clearable=false]{--inner-input-padding-right: 16px}evo-autocomplete .evo-autocomplete__icon{display:block;flex:0 0 24px;width:24px;height:24px}evo-autocomplete .evo-autocomplete__icon_clear{position:absolute;top:12px;right:12px;z-index:1001;cursor:pointer;transition:fill .3s;fill:#91b1b8}evo-autocomplete .evo-autocomplete__icon_clear:hover{fill:#a7c1c6}evo-autocomplete .evo-autocomplete__icon_clear:active{fill:#829fa6}evo-autocomplete .evo-autocomplete__icon_dropdown{fill:#212121}evo-autocomplete .evo-autocomplete .ng-input{padding:0 var(--inner-input-padding-right) 0 16px}evo-autocomplete .evo-autocomplete .ng-placeholder{color:#9b9b9b}evo-autocomplete .evo-autocomplete .ng-value-container{align-items:center;min-width:0;overflow:hidden}evo-autocomplete .evo-autocomplete .ng-value{overflow:hidden;text-overflow:ellipsis}evo-autocomplete .evo-autocomplete .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;display:flex;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;position:relative;align-items:center;margin:0;padding:0 12px 0 16px;line-height:var(--evo-input-height)}evo-autocomplete .evo-autocomplete .ng-select-container.ng-has-value .ng-placeholder{display:none}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 0 0 16px;padding:0;text-align:center;color:#91b1b8;transition:color .3s}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper:hover{color:#a7c1c6}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper:active{color:#829fa6}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear{display:none}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear_patched{display:block;cursor:pointer}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear_patched svg{display:block;fill:currentColor}evo-autocomplete .evo-autocomplete .ng-select .ng-spinner-loader{display:flex;justify-content:center;align-items:center;width:16px;height:100%;margin:0 0 0 8px;border:none;transform:none;animation:none}evo-autocomplete .evo-autocomplete .ng-select .ng-spinner-loader:before{content:\"\";display:block;flex:0 0 16px;width:16px;height:16px;border:2px solid #C6C6C6;border-top-color:#21c68b;border-radius:50%;animation:spin .8s linear infinite}evo-autocomplete .evo-autocomplete .ng-option{display:flex;align-items:center;min-height:48px;padding:12px 16px;font-size:14px;line-height:24px;white-space:normal;background-color:#fff}evo-autocomplete .evo-autocomplete .ng-option evo-autocomplete-default-option{position:relative;background-color:#fff}evo-autocomplete .evo-autocomplete .ng-option evo-autocomplete-default-option:before{content:\"\";position:absolute;inset:-12px -16px;z-index:0;background-color:inherit}evo-autocomplete .evo-autocomplete .ng-option.ng-option-marked{color:#212121;background-color:#f4f6f8}evo-autocomplete .evo-autocomplete .ng-option.ng-option-marked evo-autocomplete-default-option{background-color:#f4f6f8}evo-autocomplete .evo-autocomplete .ng-option.ng-option-disabled{color:#c6c6c6;background-color:#fff}evo-autocomplete .evo-autocomplete .ng-option.ng-option-disabled evo-autocomplete-default-option{background-color:#fff}evo-autocomplete .evo-autocomplete .ng-option.ng-option-selected{background-color:#e1ecef}evo-autocomplete .evo-autocomplete .ng-option.ng-option-selected evo-autocomplete-default-option{background-color:#e1ecef}evo-autocomplete .evo-autocomplete .ng-option.ng-option-selected evo-autocomplete-default-option.has-checkbox{background-color:#e1ecef}evo-autocomplete .evo-autocomplete_is-edit-query .ng-select.ng-select-single:not(.ng-select-focused) .ng-select-container .ng-value-container .ng-value{visibility:visible}evo-autocomplete .evo-autocomplete_is-edit-query .ng-select.ng-select-single.ng-select-focused .ng-select-container .ng-value-container .ng-value{visibility:var(--evo-autocomplete-option-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel{z-index:3001;display:block;max-height:310px;max-height:var(--evo-dropdown-max-height);margin:4px 0}evo-autocomplete .evo-autocomplete .ng-dropdown-panel.ng-select-top{bottom:100%}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items{max-height:inherit;background-color:#fff;border-radius:8px;box-shadow:0 8px 10px #00000024,0 3px 14px #0000001f}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{overflow:var(--evo-autocomplete-option-overflow);white-space:var(--evo-autocomplete-option-white-space);text-overflow:var(--evo-autocomplete-option-text-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar{width:16px;background-color:transparent}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-track{background-color:transparent}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-thumb{background-color:#c6c6c6;border:6px solid #FFFFFF;border-radius:16px}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-button{display:none}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-arrow-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 0 0 16px;padding:0;text-align:center}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-arrow-wrapper .ng-arrow{display:block;width:24px;height:24px;background-color:var(--evo-autocomplete-arrow-icon-color);mask-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z%22 %2F%3E%3C%2Fsvg%3E\");background-position:center;transition:transform .25s}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select.ng-select-opened .ng-arrow{transform:rotate(180deg);transform-origin:center center}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-input{padding-right:32px}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused{z-index:11}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused .ng-placeholder{display:none}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused .ng-select-container{box-shadow:0 0 2px #91b1b8}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-clearable .ng-input{padding-right:32px}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-normal .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-small .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-normal .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-small .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_is-multiple-inline .ng-select .ng-select-container .ng-value-icon{display:none}evo-autocomplete .evo-autocomplete_is-multiple-inline .ng-select .ng-select-container .ng-input{display:none}evo-autocomplete .evo-autocomplete .ng-select.ng-select-focused .ng-select-container,evo-autocomplete .evo-autocomplete .ng-select.ng-select-opened .ng-select-container{border:solid 1px #74706F}evo-autocomplete .evo-autocomplete.evo-autocomplete_touched.evo-autocomplete_invalid .ng-select:not(.ng-select-opened) .ng-select-container{border-color:#ff1817!important}evo-autocomplete .evo-autocomplete.evo-autocomplete_disabled .ng-select-container{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}evo-autocomplete .evo-autocomplete.evo-autocomplete_disabled .ng-select-container .ng-arrow{opacity:.3}evo-autocomplete .evo-autocomplete .ng-input>input[readonly]{-webkit-user-select:auto!important;user-select:auto!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { kind: "component", type: i4.EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }, { kind: "component", type: i5.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i5.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i5.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i5.NgMultiLabelTemplateDirective, selector: "[ng-multi-label-tmp]" }, { kind: "directive", type: i5.NgNotFoundTemplateDirective, selector: "[ng-notfound-tmp]" }, { kind: "directive", type: i5.NgTypeToSearchTemplateDirective, selector: "[ng-typetosearch-tmp]" }, { kind: "directive", type: i5.NgLoadingTextTemplateDirective, selector: "[ng-loadingtext-tmp]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
229
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EvoAutocompleteComponent, decorators: [{
|
|
230
230
|
type: Component,
|
|
231
|
-
args: [{ selector: 'evo-autocomplete', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"evo-autocomplete\" [evoUiClass]=\"classes\">\n <ng-select\n [(ngModel)]=\"value\"\n [items]=\"items\"\n [bindLabel]=\"bindLabel\"\n [bindValue]=\"bindValue\"\n [markFirst]=\"markFirst\"\n [placeholder]=\"placeholder\"\n [notFoundText]=\"notFoundText\"\n [typeToSearchText]=\"typeToSearchText\"\n [addTagText]=\"addTagText\"\n [loadingText]=\"loadingText\"\n [clearAllText]=\"clearAllText\"\n [dropdownPosition]=\"dropdownPosition\"\n [appendTo]=\"appendTo\"\n [loading]=\"loading\"\n [closeOnSelect]=\"closeOnSelect\"\n [hideSelected]=\"hideSelected\"\n [selectOnTab]=\"selectOnTab\"\n [openOnEnter]=\"openOnEnter\"\n [maxSelectedItems]=\"maxSelectedItems\"\n [groupBy]=\"groupBy\"\n [groupValue]=\"groupValue\"\n [bufferAmount]=\"bufferAmount\"\n [virtualScroll]=\"virtualScroll\"\n [selectableGroup]=\"selectableGroup\"\n [selectableGroupAsModel]=\"selectableGroupAsModel\"\n [searchFn]=\"searchFn\"\n [clearOnBackspace]=\"clearOnBackspace\"\n [typeahead]=\"typeahead\"\n [multiple]=\"multiple || multipleInline\"\n [addTag]=\"addTag\"\n [searchable]=\"searchable\"\n [clearable]=\"clearable\"\n [isOpen]=\"isOpen\"\n [editableSearchTerm]=\"editQuery\"\n [disabled]=\"control.disabled\"\n [compareWith]=\"compareWith\"\n\n (blur)=\"onBlur($event)\"\n (focus)=\"onFocus($event)\"\n (change)=\"changeEvent.emit($event)\"\n (open)=\"openEvent.emit($event)\"\n (close)=\"closeEvent.emit($event)\"\n (search)=\"searchEvent.emit($event)\"\n (clear)=\"clearEvent.emit($event)\"\n (add)=\"addEvent.emit($event)\"\n (remove)=\"removeEvent.emit($event)\"\n (scroll)=\"scrollEvent.emit($event)\"\n (scrollToEnd)=\"scrollToEndEvent.emit($event)\"\n >\n <!-- Selected Item Template -->\n <ng-template\n *ngIf=\"labelTemp\"\n ng-label-tmp\n let-item=\"item\"\n >\n <ng-template *ngTemplateOutlet=\"labelTemp; context: { item: item }\"></ng-template>\n </ng-template>\n\n <!-- Overall Lable For All Selected Items Template -->\n <ng-template\n *ngIf=\"multiLabelTemp\"\n ng-multi-label-tmp\n let-items=\"items\"\n let-clear=\"clear\"\n >\n <ng-template *ngTemplateOutlet=\"multiLabelTemp; context: { items: items, clear: clear }\"></ng-template>\n </ng-template>\n\n <!-- Option Template -->\n <ng-template\n *ngIf=\"optionTemp\"\n ng-option-tmp\n let-item=\"item\"\n let-index=\"index\"\n let-search=\"searchTerm\"\n let-item$=\"item$\"\n >\n <ng-template *ngTemplateOutlet=\"optionTemp; context: { item: item, index: index, searchTerm: search, item$: item$}\"></ng-template>\n </ng-template>\n\n <ng-container *ngIf=\"multipleInline && !multiLabelTemp\">\n <ng-template ng-multi-label-tmp let-items=\"items\">\n <div class=\"ng-value\">\n {{ getMultipleInlineItemsLabels(items) }}\n </div>\n </ng-template>\n </ng-container>\n\n <!-- Search Text Templates -->\n <ng-template ng-typetosearch-tmp>\n <div class=\"ng-option disabled\" *ngIf=\"typeToSearchText\">{{typeToSearchText}}</div>\n </ng-template>\n <ng-template ng-loadingtext-tmp let-searchTerm=\"searchTerm\">\n <div class=\"ng-option disabled\">{{loadingText}}</div>\n </ng-template>\n <ng-template ng-notfound-tmp let-searchTerm=\"searchTerm\">\n <div class=\"ng-option disabled\">{{notFoundText}}</div>\n </ng-template>\n </ng-select>\n <evo-control-error\n *ngIf=\"hasErrors && errorsMessages\"\n [errors]=\"control.errors\"\n [errorsMessages]=\"errorsMessages\"\n ></evo-control-error>\n</div>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}evo-autocomplete{--evo-dropdown-max-height: 310px;--evo-autocomplete-option-overflow: hidden;--evo-autocomplete-option-text-overflow: ellipsis;--evo-autocomplete-option-white-space: nowrap;--evo-autocomplete-arrow-icon-color: #212121}evo-autocomplete .evo-autocomplete{--inner-input-padding-right: 40px;position:relative;display:block}evo-autocomplete .evo-autocomplete ng-select[ng-reflect-clearable=false]{--inner-input-padding-right: 16px}evo-autocomplete .evo-autocomplete__icon{display:block;flex:0 0 24px;width:24px;height:24px}evo-autocomplete .evo-autocomplete__icon_clear{position:absolute;top:12px;right:12px;z-index:1001;cursor:pointer;transition:fill .3s;fill:#91b1b8}evo-autocomplete .evo-autocomplete__icon_clear:hover{fill:#a7c1c6}evo-autocomplete .evo-autocomplete__icon_clear:active{fill:#829fa6}evo-autocomplete .evo-autocomplete__icon_dropdown{fill:#212121}evo-autocomplete .evo-autocomplete .ng-input{padding:0 var(--inner-input-padding-right) 0 16px}evo-autocomplete .evo-autocomplete .ng-placeholder{color:#9b9b9b}evo-autocomplete .evo-autocomplete .ng-value-container{align-items:center;min-width:0;overflow:hidden}evo-autocomplete .evo-autocomplete .ng-value{overflow:hidden;text-overflow:ellipsis}evo-autocomplete .evo-autocomplete .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;display:flex;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;position:relative;align-items:center;margin:0;padding:0 12px 0 16px;line-height:var(--evo-input-height)}evo-autocomplete .evo-autocomplete .ng-select-container.ng-has-value .ng-placeholder{display:none}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 0 0 16px;padding:0;text-align:center;color:#91b1b8;transition:color .3s}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper:hover{color:#a7c1c6}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper:active{color:#829fa6}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear{display:none}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear_patched{display:block;cursor:pointer}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear_patched svg{display:block;fill:currentColor}evo-autocomplete .evo-autocomplete .ng-select .ng-spinner-loader{display:flex;justify-content:center;align-items:center;width:16px;height:100%;margin:0 0 0 8px;border:none;transform:none;animation:none}evo-autocomplete .evo-autocomplete .ng-select .ng-spinner-loader:before{content:\"\";display:block;flex:0 0 16px;width:16px;height:16px;border:2px solid #C6C6C6;border-top-color:#21c68b;border-radius:50%;animation:spin .8s linear infinite}evo-autocomplete .evo-autocomplete .ng-option{display:flex;align-items:center;min-height:48px;padding:12px 16px;font-size:14px;line-height:24px;white-space:normal;background-color:#fff}evo-autocomplete .evo-autocomplete .ng-option evo-autocomplete-default-option{position:relative;background-color:#fff}evo-autocomplete .evo-autocomplete .ng-option evo-autocomplete-default-option:before{content:\"\";position:absolute;inset:-12px -16px;z-index:0;background-color:inherit}evo-autocomplete .evo-autocomplete .ng-option.ng-option-marked{color:#212121;background-color:#f4f6f8}evo-autocomplete .evo-autocomplete .ng-option.ng-option-marked evo-autocomplete-default-option{background-color:#f4f6f8}evo-autocomplete .evo-autocomplete .ng-option.ng-option-disabled{color:#c6c6c6;background-color:#fff}evo-autocomplete .evo-autocomplete .ng-option.ng-option-disabled evo-autocomplete-default-option{background-color:#fff}evo-autocomplete .evo-autocomplete .ng-option.ng-option-selected{background-color:#e1ecef}evo-autocomplete .evo-autocomplete .ng-option.ng-option-selected evo-autocomplete-default-option{background-color:#e1ecef}evo-autocomplete .evo-autocomplete .ng-option.ng-option-selected evo-autocomplete-default-option.has-checkbox{background-color:#e1ecef}evo-autocomplete .evo-autocomplete_is-edit-query .ng-select.ng-select-single:not(.ng-select-focused) .ng-select-container .ng-value-container .ng-value{visibility:visible}evo-autocomplete .evo-autocomplete_is-edit-query .ng-select.ng-select-single.ng-select-focused .ng-select-container .ng-value-container .ng-value{visibility:var(--evo-autocomplete-option-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel{z-index:3001;display:block;max-height:310px;max-height:var(--evo-dropdown-max-height);margin:4px 0}evo-autocomplete .evo-autocomplete .ng-dropdown-panel.ng-select-top{bottom:100%}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items{max-height:inherit;background-color:#fff;border-radius:8px;box-shadow:0 8px 10px #00000024,0 3px 14px #0000001f}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{overflow:var(--evo-autocomplete-option-overflow);white-space:var(--evo-autocomplete-option-white-space);text-overflow:var(--evo-autocomplete-option-text-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar{width:16px;background-color:transparent}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-track{background-color:transparent}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-thumb{background-color:#c6c6c6;border:6px solid #FFFFFF;border-radius:16px}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-button{display:none}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-arrow-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 0 0 16px;padding:0;text-align:center}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-arrow-wrapper .ng-arrow{display:block;width:24px;height:24px;background-color:var(--evo-autocomplete-arrow-icon-color);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z%22 %2F%3E%3C%2Fsvg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z%22 %2F%3E%3C%2Fsvg%3E\");background-position:center;transition:transform .25s}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select.ng-select-opened .ng-arrow{transform:rotate(180deg);transform-origin:center center}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-input{padding-right:32px}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused{z-index:11}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused .ng-placeholder{display:none}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused .ng-select-container{box-shadow:0 0 2px #91b1b8}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-clearable .ng-input{padding-right:32px}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-normal .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-small .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-normal .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-small .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_is-multiple-inline .ng-select .ng-select-container .ng-value-icon{display:none}evo-autocomplete .evo-autocomplete_is-multiple-inline .ng-select .ng-select-container .ng-input{display:none}evo-autocomplete .evo-autocomplete .ng-select.ng-select-focused .ng-select-container,evo-autocomplete .evo-autocomplete .ng-select.ng-select-opened .ng-select-container{border:solid 1px #74706F}evo-autocomplete .evo-autocomplete.evo-autocomplete_touched.evo-autocomplete_invalid .ng-select:not(.ng-select-opened) .ng-select-container{border-color:#ff1817!important}evo-autocomplete .evo-autocomplete.evo-autocomplete_disabled .ng-select-container{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}evo-autocomplete .evo-autocomplete.evo-autocomplete_disabled .ng-select-container .ng-arrow{opacity:.3}evo-autocomplete .evo-autocomplete .ng-input>input[readonly]{-webkit-user-select:auto!important;user-select:auto!important}\n"] }]
|
|
231
|
+
args: [{ selector: 'evo-autocomplete', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"evo-autocomplete\" [evoUiClass]=\"classes\">\n <ng-select\n [(ngModel)]=\"value\"\n [items]=\"items\"\n [bindLabel]=\"bindLabel\"\n [bindValue]=\"bindValue\"\n [markFirst]=\"markFirst\"\n [placeholder]=\"placeholder\"\n [notFoundText]=\"notFoundText\"\n [typeToSearchText]=\"typeToSearchText\"\n [addTagText]=\"addTagText\"\n [loadingText]=\"loadingText\"\n [clearAllText]=\"clearAllText\"\n [dropdownPosition]=\"dropdownPosition\"\n [appendTo]=\"appendTo\"\n [loading]=\"loading\"\n [closeOnSelect]=\"closeOnSelect\"\n [hideSelected]=\"hideSelected\"\n [selectOnTab]=\"selectOnTab\"\n [openOnEnter]=\"openOnEnter\"\n [maxSelectedItems]=\"maxSelectedItems\"\n [groupBy]=\"groupBy\"\n [groupValue]=\"groupValue\"\n [bufferAmount]=\"bufferAmount\"\n [virtualScroll]=\"virtualScroll\"\n [selectableGroup]=\"selectableGroup\"\n [selectableGroupAsModel]=\"selectableGroupAsModel\"\n [searchFn]=\"searchFn\"\n [clearOnBackspace]=\"clearOnBackspace\"\n [typeahead]=\"typeahead\"\n [multiple]=\"multiple || multipleInline\"\n [addTag]=\"addTag\"\n [searchable]=\"searchable\"\n [clearable]=\"clearable\"\n [isOpen]=\"isOpen\"\n [editableSearchTerm]=\"editQuery\"\n [disabled]=\"control.disabled\"\n [compareWith]=\"compareWith\"\n\n (blur)=\"onBlur($event)\"\n (focus)=\"onFocus($event)\"\n (change)=\"changeEvent.emit($event)\"\n (open)=\"openEvent.emit($event)\"\n (close)=\"closeEvent.emit($event)\"\n (search)=\"searchEvent.emit($event)\"\n (clear)=\"clearEvent.emit($event)\"\n (add)=\"addEvent.emit($event)\"\n (remove)=\"removeEvent.emit($event)\"\n (scroll)=\"scrollEvent.emit($event)\"\n (scrollToEnd)=\"scrollToEndEvent.emit($event)\"\n >\n <!-- Selected Item Template -->\n <ng-template\n *ngIf=\"labelTemp\"\n ng-label-tmp\n let-item=\"item\"\n >\n <ng-template *ngTemplateOutlet=\"labelTemp; context: { item: item }\"></ng-template>\n </ng-template>\n\n <!-- Overall Lable For All Selected Items Template -->\n <ng-template\n *ngIf=\"multiLabelTemp\"\n ng-multi-label-tmp\n let-items=\"items\"\n let-clear=\"clear\"\n >\n <ng-template *ngTemplateOutlet=\"multiLabelTemp; context: { items: items, clear: clear }\"></ng-template>\n </ng-template>\n\n <!-- Option Template -->\n <ng-template\n *ngIf=\"optionTemp\"\n ng-option-tmp\n let-item=\"item\"\n let-index=\"index\"\n let-search=\"searchTerm\"\n let-item$=\"item$\"\n >\n <ng-template *ngTemplateOutlet=\"optionTemp; context: { item: item, index: index, searchTerm: search, item$: item$}\"></ng-template>\n </ng-template>\n\n <ng-container *ngIf=\"multipleInline && !multiLabelTemp\">\n <ng-template ng-multi-label-tmp let-items=\"items\">\n <div class=\"ng-value\">\n {{ getMultipleInlineItemsLabels(items) }}\n </div>\n </ng-template>\n </ng-container>\n\n <!-- Search Text Templates -->\n <ng-template ng-typetosearch-tmp>\n <div class=\"ng-option disabled\" *ngIf=\"typeToSearchText\">{{typeToSearchText}}</div>\n </ng-template>\n <ng-template ng-loadingtext-tmp let-searchTerm=\"searchTerm\">\n <div class=\"ng-option disabled\">{{loadingText}}</div>\n </ng-template>\n <ng-template ng-notfound-tmp let-searchTerm=\"searchTerm\">\n <div class=\"ng-option disabled\">{{notFoundText}}</div>\n </ng-template>\n </ng-select>\n <evo-control-error\n *ngIf=\"hasErrors && errorsMessages\"\n [errors]=\"control.errors\"\n [errorsMessages]=\"errorsMessages\"\n ></evo-control-error>\n</div>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}evo-autocomplete{--evo-dropdown-max-height: 310px;--evo-autocomplete-option-overflow: hidden;--evo-autocomplete-option-text-overflow: ellipsis;--evo-autocomplete-option-white-space: nowrap;--evo-autocomplete-arrow-icon-color: #212121}evo-autocomplete .evo-autocomplete{--inner-input-padding-right: 40px;position:relative;display:block}evo-autocomplete .evo-autocomplete ng-select[ng-reflect-clearable=false]{--inner-input-padding-right: 16px}evo-autocomplete .evo-autocomplete__icon{display:block;flex:0 0 24px;width:24px;height:24px}evo-autocomplete .evo-autocomplete__icon_clear{position:absolute;top:12px;right:12px;z-index:1001;cursor:pointer;transition:fill .3s;fill:#91b1b8}evo-autocomplete .evo-autocomplete__icon_clear:hover{fill:#a7c1c6}evo-autocomplete .evo-autocomplete__icon_clear:active{fill:#829fa6}evo-autocomplete .evo-autocomplete__icon_dropdown{fill:#212121}evo-autocomplete .evo-autocomplete .ng-input{padding:0 var(--inner-input-padding-right) 0 16px}evo-autocomplete .evo-autocomplete .ng-placeholder{color:#9b9b9b}evo-autocomplete .evo-autocomplete .ng-value-container{align-items:center;min-width:0;overflow:hidden}evo-autocomplete .evo-autocomplete .ng-value{overflow:hidden;text-overflow:ellipsis}evo-autocomplete .evo-autocomplete .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;display:flex;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;position:relative;align-items:center;margin:0;padding:0 12px 0 16px;line-height:var(--evo-input-height)}evo-autocomplete .evo-autocomplete .ng-select-container.ng-has-value .ng-placeholder{display:none}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 0 0 16px;padding:0;text-align:center;color:#91b1b8;transition:color .3s}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper:hover{color:#a7c1c6}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper:active{color:#829fa6}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear{display:none}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear_patched{display:block;cursor:pointer}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear_patched svg{display:block;fill:currentColor}evo-autocomplete .evo-autocomplete .ng-select .ng-spinner-loader{display:flex;justify-content:center;align-items:center;width:16px;height:100%;margin:0 0 0 8px;border:none;transform:none;animation:none}evo-autocomplete .evo-autocomplete .ng-select .ng-spinner-loader:before{content:\"\";display:block;flex:0 0 16px;width:16px;height:16px;border:2px solid #C6C6C6;border-top-color:#21c68b;border-radius:50%;animation:spin .8s linear infinite}evo-autocomplete .evo-autocomplete .ng-option{display:flex;align-items:center;min-height:48px;padding:12px 16px;font-size:14px;line-height:24px;white-space:normal;background-color:#fff}evo-autocomplete .evo-autocomplete .ng-option evo-autocomplete-default-option{position:relative;background-color:#fff}evo-autocomplete .evo-autocomplete .ng-option evo-autocomplete-default-option:before{content:\"\";position:absolute;inset:-12px -16px;z-index:0;background-color:inherit}evo-autocomplete .evo-autocomplete .ng-option.ng-option-marked{color:#212121;background-color:#f4f6f8}evo-autocomplete .evo-autocomplete .ng-option.ng-option-marked evo-autocomplete-default-option{background-color:#f4f6f8}evo-autocomplete .evo-autocomplete .ng-option.ng-option-disabled{color:#c6c6c6;background-color:#fff}evo-autocomplete .evo-autocomplete .ng-option.ng-option-disabled evo-autocomplete-default-option{background-color:#fff}evo-autocomplete .evo-autocomplete .ng-option.ng-option-selected{background-color:#e1ecef}evo-autocomplete .evo-autocomplete .ng-option.ng-option-selected evo-autocomplete-default-option{background-color:#e1ecef}evo-autocomplete .evo-autocomplete .ng-option.ng-option-selected evo-autocomplete-default-option.has-checkbox{background-color:#e1ecef}evo-autocomplete .evo-autocomplete_is-edit-query .ng-select.ng-select-single:not(.ng-select-focused) .ng-select-container .ng-value-container .ng-value{visibility:visible}evo-autocomplete .evo-autocomplete_is-edit-query .ng-select.ng-select-single.ng-select-focused .ng-select-container .ng-value-container .ng-value{visibility:var(--evo-autocomplete-option-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel{z-index:3001;display:block;max-height:310px;max-height:var(--evo-dropdown-max-height);margin:4px 0}evo-autocomplete .evo-autocomplete .ng-dropdown-panel.ng-select-top{bottom:100%}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items{max-height:inherit;background-color:#fff;border-radius:8px;box-shadow:0 8px 10px #00000024,0 3px 14px #0000001f}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{overflow:var(--evo-autocomplete-option-overflow);white-space:var(--evo-autocomplete-option-white-space);text-overflow:var(--evo-autocomplete-option-text-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar{width:16px;background-color:transparent}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-track{background-color:transparent}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-thumb{background-color:#c6c6c6;border:6px solid #FFFFFF;border-radius:16px}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-button{display:none}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-arrow-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 0 0 16px;padding:0;text-align:center}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-arrow-wrapper .ng-arrow{display:block;width:24px;height:24px;background-color:var(--evo-autocomplete-arrow-icon-color);mask-image:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z%22 %2F%3E%3C%2Fsvg%3E\");background-position:center;transition:transform .25s}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select.ng-select-opened .ng-arrow{transform:rotate(180deg);transform-origin:center center}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-input{padding-right:32px}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused{z-index:11}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused .ng-placeholder{display:none}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused .ng-select-container{box-shadow:0 0 2px #91b1b8}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-clearable .ng-input{padding-right:32px}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-normal .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-small .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-normal .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-small .ng-select-container{--evo-input-height: 48px;--evo-input-border-radius: 4px;--evo-input-font-size: 16px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_is-multiple-inline .ng-select .ng-select-container .ng-value-icon{display:none}evo-autocomplete .evo-autocomplete_is-multiple-inline .ng-select .ng-select-container .ng-input{display:none}evo-autocomplete .evo-autocomplete .ng-select.ng-select-focused .ng-select-container,evo-autocomplete .evo-autocomplete .ng-select.ng-select-opened .ng-select-container{border:solid 1px #74706F}evo-autocomplete .evo-autocomplete.evo-autocomplete_touched.evo-autocomplete_invalid .ng-select:not(.ng-select-opened) .ng-select-container{border-color:#ff1817!important}evo-autocomplete .evo-autocomplete.evo-autocomplete_disabled .ng-select-container{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}evo-autocomplete .evo-autocomplete.evo-autocomplete_disabled .ng-select-container .ng-arrow{opacity:.3}evo-autocomplete .evo-autocomplete .ng-input>input[readonly]{-webkit-user-select:auto!important;user-select:auto!important}\n"] }]
|
|
232
232
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.NgControl }]; }, propDecorators: { size: [{
|
|
233
233
|
type: Input
|
|
234
234
|
}], isOpen: [{
|