@eui/components 19.0.3-snapshot-1737728205029 → 19.0.4-snapshot-1738753092246
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/directives/eui-has-permission.directive.d.ts +70 -2
- package/directives/eui-has-permission.directive.d.ts.map +1 -1
- package/directives/eui-maxlength.directive.d.ts +94 -10
- package/directives/eui-maxlength.directive.d.ts.map +1 -1
- package/docs/components/EuiInputCheckboxComponent.html +169 -10
- package/docs/components/EuiInputGroupAddOnComponent.html +22 -0
- package/docs/components/EuiInputGroupAddOnItemComponent.html +30 -0
- package/docs/components/EuiInputGroupComponent.html +35 -0
- package/docs/components/EuiInputNumberComponent.html +83 -4
- package/docs/components/EuiInputRadioComponent.html +228 -0
- package/docs/components/EuiInputTextComponent.html +50 -0
- package/docs/components/EuiTextareaComponent.html +207 -1
- package/docs/dependencies.html +2 -2
- package/docs/directives/AutoResizeDirective.html +49 -1
- package/docs/directives/EuiHasPermissionDirective.html +34 -0
- package/docs/directives/EuiInputNumberDirective.html +17 -0
- package/docs/directives/EuiMaxLengthDirective.html +35 -7
- package/docs/js/menu-wc.js +53 -107
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/miscellaneous/functions.html +14 -0
- package/docs/modules/EuiHasPermissionDirectiveModule.html +17 -3
- package/docs/modules/EuiInputCheckboxModule.html +25 -4
- package/docs/modules/EuiInputGroupModule.html +20 -5
- package/docs/modules/EuiInputNumberModule.html +26 -5
- package/docs/modules/EuiInputRadioModule.html +27 -4
- package/docs/modules/EuiInputTextModule.html +25 -4
- package/docs/modules/EuiMaxLengthDirectiveModule.html +25 -4
- package/docs/modules/EuiTextAreaModule.html +20 -4
- package/eui-input-checkbox/eui-input-checkbox.component.d.ts +88 -11
- package/eui-input-checkbox/eui-input-checkbox.component.d.ts.map +1 -1
- package/eui-input-checkbox/eui-input-checkbox.module.d.ts +17 -3
- package/eui-input-checkbox/eui-input-checkbox.module.d.ts.map +1 -1
- package/eui-input-group/eui-input-group-addon-item.component.d.ts +33 -1
- package/eui-input-group/eui-input-group-addon-item.component.d.ts.map +1 -1
- package/eui-input-group/eui-input-group-addon.component.d.ts +40 -2
- package/eui-input-group/eui-input-group-addon.component.d.ts.map +1 -1
- package/eui-input-group/eui-input-group.component.d.ts +44 -1
- package/eui-input-group/eui-input-group.component.d.ts.map +1 -1
- package/eui-input-group/eui-input-group.module.d.ts +21 -5
- package/eui-input-group/eui-input-group.module.d.ts.map +1 -1
- package/eui-input-number/eui-input-number.component.d.ts +73 -9
- package/eui-input-number/eui-input-number.component.d.ts.map +1 -1
- package/eui-input-number/eui-input-number.module.d.ts +19 -4
- package/eui-input-number/eui-input-number.module.d.ts.map +1 -1
- package/eui-input-number/eui-number-control.directive.d.ts +27 -2
- package/eui-input-number/eui-number-control.directive.d.ts.map +1 -1
- package/eui-input-radio/eui-input-radio.component.d.ts +96 -1
- package/eui-input-radio/eui-input-radio.component.d.ts.map +1 -1
- package/eui-input-radio/eui-input-radio.module.d.ts +20 -3
- package/eui-input-radio/eui-input-radio.module.d.ts.map +1 -1
- package/eui-input-text/eui-input-text.component.d.ts +54 -1
- package/eui-input-text/eui-input-text.component.d.ts.map +1 -1
- package/eui-input-text/eui-input-text.module.d.ts +19 -3
- package/eui-input-text/eui-input-text.module.d.ts.map +1 -1
- package/eui-textarea/auto-resize.directive.d.ts +90 -3
- package/eui-textarea/auto-resize.directive.d.ts.map +1 -1
- package/eui-textarea/eui-textarea.component.d.ts +111 -5
- package/eui-textarea/eui-textarea.component.d.ts.map +1 -1
- package/eui-textarea/eui-textarea.module.d.ts +23 -4
- package/eui-textarea/eui-textarea.module.d.ts.map +1 -1
- package/fesm2022/eui-components-directives.mjs +180 -34
- package/fesm2022/eui-components-directives.mjs.map +1 -1
- package/fesm2022/eui-components-eui-accordion.mjs +1 -1
- package/fesm2022/eui-components-eui-alert.mjs +1 -1
- package/fesm2022/eui-components-eui-autocomplete.mjs +2 -2
- package/fesm2022/eui-components-eui-avatar.mjs +1 -1
- package/fesm2022/eui-components-eui-badge.mjs +1 -1
- package/fesm2022/eui-components-eui-block-content.mjs +1 -1
- package/fesm2022/eui-components-eui-block-document.mjs +1 -1
- package/fesm2022/eui-components-eui-breadcrumb.mjs +1 -1
- package/fesm2022/eui-components-eui-button-group.mjs +1 -1
- package/fesm2022/eui-components-eui-button-v2.mjs +1 -1
- package/fesm2022/eui-components-eui-button.mjs +1 -1
- package/fesm2022/eui-components-eui-card.mjs +3 -3
- package/fesm2022/eui-components-eui-card.mjs.map +1 -1
- package/fesm2022/eui-components-eui-chip-group.mjs +1 -1
- package/fesm2022/eui-components-eui-chip-list.mjs +1 -1
- package/fesm2022/eui-components-eui-chip.mjs +1 -1
- package/fesm2022/eui-components-eui-dashboard-button.mjs +1 -1
- package/fesm2022/eui-components-eui-dashboard-card.mjs +1 -1
- package/fesm2022/eui-components-eui-date-range-selector.mjs +1 -1
- package/fesm2022/eui-components-eui-datepicker.mjs +1 -1
- package/fesm2022/eui-components-eui-dialog.mjs +1 -1
- package/fesm2022/eui-components-eui-dimmer.mjs +1 -1
- package/fesm2022/eui-components-eui-disable-content.mjs +1 -1
- package/fesm2022/eui-components-eui-discussion-thread.mjs +1 -1
- package/fesm2022/eui-components-eui-dropdown.mjs +2 -2
- package/fesm2022/eui-components-eui-feedback-message.mjs +1 -1
- package/fesm2022/eui-components-eui-fieldset.mjs +1 -1
- package/fesm2022/eui-components-eui-file-upload.mjs +1 -1
- package/fesm2022/eui-components-eui-growl.mjs +1 -1
- package/fesm2022/eui-components-eui-icon-button-expander.mjs +1 -1
- package/fesm2022/eui-components-eui-icon-button.mjs +1 -1
- package/fesm2022/eui-components-eui-icon-color.mjs +1 -1
- package/fesm2022/eui-components-eui-icon-input.mjs +1 -1
- package/fesm2022/eui-components-eui-icon-state.mjs +1 -1
- package/fesm2022/eui-components-eui-icon-toggle.mjs +1 -1
- package/fesm2022/eui-components-eui-icon.mjs +1 -1
- package/fesm2022/eui-components-eui-input-checkbox.mjs +104 -14
- package/fesm2022/eui-components-eui-input-checkbox.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-group.mjs +142 -12
- package/fesm2022/eui-components-eui-input-group.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-number.mjs +109 -13
- package/fesm2022/eui-components-eui-input-number.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-radio.mjs +117 -6
- package/fesm2022/eui-components-eui-input-radio.mjs.map +1 -1
- package/fesm2022/eui-components-eui-input-text.mjs +73 -6
- package/fesm2022/eui-components-eui-input-text.mjs.map +1 -1
- package/fesm2022/eui-components-eui-label.mjs +1 -1
- package/fesm2022/eui-components-eui-language-selector.mjs +1 -1
- package/fesm2022/eui-components-eui-list.mjs +1 -1
- package/fesm2022/eui-components-eui-menu.mjs +1 -1
- package/fesm2022/eui-components-eui-message-box.mjs +1 -1
- package/fesm2022/eui-components-eui-navbar.mjs +1 -1
- package/fesm2022/eui-components-eui-overlay.mjs +1 -1
- package/fesm2022/eui-components-eui-page.mjs +1 -1
- package/fesm2022/eui-components-eui-paginator.mjs +1 -1
- package/fesm2022/eui-components-eui-popover.mjs +1 -1
- package/fesm2022/eui-components-eui-progress-bar.mjs +1 -1
- package/fesm2022/eui-components-eui-progress-circle.mjs +1 -1
- package/fesm2022/eui-components-eui-select.mjs +1 -1
- package/fesm2022/eui-components-eui-sidebar-menu.mjs +1 -1
- package/fesm2022/eui-components-eui-skeleton.mjs +1 -1
- package/fesm2022/eui-components-eui-slide-toggle.mjs +2 -2
- package/fesm2022/eui-components-eui-split-button.mjs +1 -1
- package/fesm2022/eui-components-eui-table-v2.mjs +1 -1
- package/fesm2022/eui-components-eui-table.mjs +1 -1
- package/fesm2022/eui-components-eui-tabs.mjs +1 -1
- package/fesm2022/eui-components-eui-textarea.mjs +221 -15
- package/fesm2022/eui-components-eui-textarea.mjs.map +1 -1
- package/fesm2022/eui-components-eui-timebar.mjs +1 -1
- package/fesm2022/eui-components-eui-timeline.mjs +1 -1
- package/fesm2022/eui-components-eui-timepicker.mjs +1 -1
- package/fesm2022/eui-components-eui-tree-list.mjs +1 -1
- package/fesm2022/eui-components-eui-tree.mjs +1 -1
- package/fesm2022/eui-components-eui-user-profile.mjs +1 -1
- package/fesm2022/eui-components-eui-wizard.mjs +1 -1
- package/fesm2022/eui-components-externals-eui-editor.mjs +1 -1
- package/fesm2022/eui-components-externals-quill.mjs +1 -1
- package/fesm2022/eui-components-layout.mjs +2 -2
- package/fesm2022/eui-components-shared.mjs +2 -2
- package/package.json +9 -9
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as i0 from '@angular/core';
|
2
|
-
import {
|
2
|
+
import { Input, HostBinding, Optional, Self, Component, NgModule } from '@angular/core';
|
3
3
|
import { InputDirective } from '@eui/components/shared';
|
4
4
|
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
5
5
|
import * as i2 from '@eui/components/directives';
|
@@ -7,13 +7,46 @@ import { EuiClearableDirective, EuiLoadingDirective } from '@eui/components/dire
|
|
7
7
|
import * as i1 from '@angular/forms';
|
8
8
|
import { CommonModule } from '@angular/common';
|
9
9
|
|
10
|
+
/**
|
11
|
+
* @description
|
12
|
+
* A custom input text component that extends InputDirective and provides additional functionality
|
13
|
+
* such as validation states, clearable input, and loading states.
|
14
|
+
*
|
15
|
+
* @example
|
16
|
+
* ```html
|
17
|
+
* <input euiInputText
|
18
|
+
* [isInvalid]="true"
|
19
|
+
* [euiClearable]="true"
|
20
|
+
* [euiLoading]="isLoading">
|
21
|
+
* ```
|
22
|
+
*
|
23
|
+
* @implements {@link OnInit}
|
24
|
+
* @implements {@link OnDestroy}
|
25
|
+
* @implements {@link DoCheck}
|
26
|
+
*/
|
10
27
|
class EuiInputTextComponent extends InputDirective {
|
28
|
+
/**
|
29
|
+
* @description
|
30
|
+
* Gets the CSS classes for the component, including validation state classes
|
31
|
+
*
|
32
|
+
* @returns {string} Space-separated string of CSS class names
|
33
|
+
*/
|
11
34
|
get class() {
|
12
35
|
return [super.getCssClasses('eui-input-text'), this._isInvalid ? 'eui-input-text--invalid' : ''].join(' ').trim();
|
13
36
|
}
|
37
|
+
/**
|
38
|
+
* @description
|
39
|
+
* Gets or sets the invalid state of the input
|
40
|
+
* When used with NgControl, this state is automatically managed based on control state
|
41
|
+
*
|
42
|
+
* @returns {boolean} Current invalid state
|
43
|
+
*/
|
14
44
|
get isInvalid() {
|
15
45
|
return this._isInvalid || null;
|
16
46
|
}
|
47
|
+
/**
|
48
|
+
* @param {BooleanInput} state - The invalid state to set
|
49
|
+
*/
|
17
50
|
set isInvalid(state) {
|
18
51
|
this.setInvalid(state);
|
19
52
|
}
|
@@ -23,18 +56,37 @@ class EuiInputTextComponent extends InputDirective {
|
|
23
56
|
this._elementRef = _elementRef;
|
24
57
|
this._renderer = _renderer;
|
25
58
|
}
|
59
|
+
/**
|
60
|
+
* @description
|
61
|
+
* Initializes the component and sets the root class name
|
62
|
+
*/
|
26
63
|
ngOnInit() {
|
27
64
|
super.ngOnInit();
|
28
65
|
this._renderer.setProperty(this._elementRef.nativeElement, 'rootClassName', 'eui-input-text');
|
29
66
|
}
|
67
|
+
/**
|
68
|
+
* @description
|
69
|
+
* Cleans up component resources
|
70
|
+
*/
|
30
71
|
ngOnDestroy() {
|
31
72
|
super.ngOnDestroy();
|
32
73
|
}
|
74
|
+
/**
|
75
|
+
* @description
|
76
|
+
* Checks and updates the invalid state when using NgControl
|
77
|
+
*/
|
33
78
|
ngDoCheck() {
|
34
79
|
if (this.control) {
|
35
80
|
this.isInvalid = this.control.invalid && this.control.touched;
|
36
81
|
}
|
37
82
|
}
|
83
|
+
/**
|
84
|
+
* @description
|
85
|
+
* Sets the invalid state of the input and updates related properties
|
86
|
+
*
|
87
|
+
* @param {BooleanInput} state - The invalid state to set
|
88
|
+
* @protected
|
89
|
+
*/
|
38
90
|
setInvalid(state) {
|
39
91
|
// in case it's controlled by NgControl override
|
40
92
|
this._isInvalid = this.control ? this.control.invalid && this.control.touched : coerceBooleanProperty(state);
|
@@ -42,11 +94,11 @@ class EuiInputTextComponent extends InputDirective {
|
|
42
94
|
this.euiDanger = this._isInvalid;
|
43
95
|
}
|
44
96
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiInputTextComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
|
45
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: EuiInputTextComponent, isStandalone:
|
97
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.5", type: EuiInputTextComponent, isStandalone: true, selector: "input[euiInputText]", inputs: { isInvalid: "isInvalid" }, host: { properties: { "class": "this.class" } }, usesInheritance: true, hostDirectives: [{ directive: i2.EuiClearableDirective, inputs: ["euiClearable", "euiClearable", "readonly", "readonly", "disabled", "disabled"] }, { directive: i2.EuiLoadingDirective, inputs: ["euiLoading", "euiLoading", "readonly", "readonly"] }], ngImport: i0, template: '', isInline: true, styles: [".eui-19 :host.eui-input-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-m);appearance:none;background-color:var(--eui-c-white);border:1px solid var(--eui-c-neutral-lighter);border-radius:var(--eui-br-m);box-shadow:none;color:var(--eui-c-text);padding:calc(var(--eui-s-xs) - 1px) calc(var(--eui-s-m) - 1px);width:100%}.eui-19 :host.eui-input-text:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-input-text:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-input-text [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-input-text:not([hidden]){display:block}.eui-19 :host.eui-input-text::placeholder{color:var(--eui-c-neutral-lighter)!important;opacity:1}.eui-19 :host.eui-input-text[readonly]{background-color:transparent;border-color:transparent;box-shadow:none;height:inherit;padding-left:0;padding-right:0;pointer-events:none}.eui-19 :host.eui-input-text[readonly]+.eui-feedback-message,.eui-19 :host.eui-input-text[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-19 :host.eui-input-text[disabled]:not([readonly]),.eui-19 :host.eui-input-text--disabled:not([readonly]){background-color:var(--eui-c-neutral-bg-light)!important;border:1px solid var(--eui-c-neutral-lightest);color:var(--eui-c-neutral-light);pointer-events:none}.eui-19 :host.eui-input-text--invalid,.eui-19 :host.eui-input-text--danger{border:1px solid var(--eui-c-danger)}.eui-19 :host.eui-input-text--clearable{padding-right:var(--eui-s-2xl)}.eui-19 :host.eui-input-text--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-s-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-19 :host.eui-input-text--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-input-text--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-input-text--clearable-icon [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-input-text--clearable-icon>svg{fill:var(--eui-c-neutral-lighter)}.eui-19 :host.eui-input-text--clearable-icon>svg:hover{fill:var(--eui-c-danger)}.eui-19 :host.eui-input-text--loading{padding-right:var(--eui-s-2xl)}.eui-19 :host.eui-input-text--loading-icon{align-items:center;display:flex}.eui-19 :host.eui-input-text--loading-icon:after,.eui-19 :host.eui-input-text--loading-icon:before{content:\"\";height:var(--eui-s-l);position:absolute;right:var(--eui-s-s);width:var(--eui-s-l)}.eui-19 :host.eui-input-text--loading-icon:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-19 :host.eui-input-text--loading-icon:after{animation:loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-c-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-s-2xs);box-shadow:0 0 0 1px transparent}.eui-19 :host.eui-input-text--loading-icon--sm:after,.eui-19 :host.eui-input-text--loading-icon--sm:before{height:var(--eui-s-m);width:var(--eui-s-m)}@keyframes loading{to{transform:rotate(360deg)}}.eui-19 :host.eui-input-text[readonly]{pointer-events:auto}.eui-19 :host.eui-input-text[type=search]::-webkit-search-cancel-button{display:none}\n"] }); }
|
46
98
|
}
|
47
99
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiInputTextComponent, decorators: [{
|
48
100
|
type: Component,
|
49
|
-
args: [{ selector: 'input[euiInputText]', template: '', standalone:
|
101
|
+
args: [{ selector: 'input[euiInputText]', template: '', standalone: true, hostDirectives: [
|
50
102
|
{
|
51
103
|
directive: EuiClearableDirective,
|
52
104
|
inputs: ['euiClearable', 'readonly', 'disabled'],
|
@@ -67,16 +119,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImpor
|
|
67
119
|
type: Input
|
68
120
|
}] } });
|
69
121
|
|
122
|
+
/**
|
123
|
+
* @description
|
124
|
+
* Module that provides the EuiInputText component and its dependencies
|
125
|
+
*
|
126
|
+
* @example
|
127
|
+
* ```typescript
|
128
|
+
* @NgModule({
|
129
|
+
* imports: [EuiInputTextModule]
|
130
|
+
* })
|
131
|
+
* export class YourModule { }
|
132
|
+
* ```
|
133
|
+
*
|
134
|
+
* @deprecated
|
135
|
+
* Use {@link `EuiInputTextComponent`} instead. This module is deprecated and
|
136
|
+
* will be removed in the next major version of the library.
|
137
|
+
*/
|
70
138
|
class EuiInputTextModule {
|
71
139
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiInputTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
72
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: EuiInputTextModule,
|
140
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: EuiInputTextModule, imports: [CommonModule, EuiInputTextComponent], exports: [EuiInputTextComponent] }); }
|
73
141
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiInputTextModule, imports: [CommonModule] }); }
|
74
142
|
}
|
75
143
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: EuiInputTextModule, decorators: [{
|
76
144
|
type: NgModule,
|
77
145
|
args: [{
|
78
|
-
imports: [CommonModule],
|
79
|
-
declarations: [EuiInputTextComponent],
|
146
|
+
imports: [CommonModule, EuiInputTextComponent],
|
80
147
|
exports: [EuiInputTextComponent],
|
81
148
|
}]
|
82
149
|
}] });
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-components-eui-input-text.mjs","sources":["../../eui-input-text/eui-input-text.component.ts","../../eui-input-text/eui-input-text.module.ts","../../eui-input-text/eui-components-eui-input-text.ts"],"sourcesContent":["import {\n Component,\n DoCheck,\n ElementRef,\n Self,\n HostBinding,\n Injector,\n Input,\n OnDestroy,\n OnInit,\n Optional,\n Renderer2,\n} from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { InputDirective } from '@eui/components/shared';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { EuiClearableDirective, EuiLoadingDirective } from '@eui/components/directives';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'input[euiInputText]',\n template: '',\n styleUrls: ['./styles/_index.scss'],\n standalone:
|
1
|
+
{"version":3,"file":"eui-components-eui-input-text.mjs","sources":["../../eui-input-text/eui-input-text.component.ts","../../eui-input-text/eui-input-text.module.ts","../../eui-input-text/eui-components-eui-input-text.ts"],"sourcesContent":["import {\n Component,\n DoCheck,\n ElementRef,\n Self,\n HostBinding,\n Injector,\n Input,\n OnDestroy,\n OnInit,\n Optional,\n Renderer2,\n} from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { InputDirective } from '@eui/components/shared';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { EuiClearableDirective, EuiLoadingDirective } from '@eui/components/directives';\n\n/**\n * @description\n * A custom input text component that extends InputDirective and provides additional functionality\n * such as validation states, clearable input, and loading states.\n *\n * @example\n * ```html\n * <input euiInputText\n * [isInvalid]=\"true\"\n * [euiClearable]=\"true\"\n * [euiLoading]=\"isLoading\">\n * ```\n *\n * @implements {@link OnInit}\n * @implements {@link OnDestroy}\n * @implements {@link DoCheck}\n */\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'input[euiInputText]',\n template: '',\n styleUrls: ['./styles/_index.scss'],\n standalone: true,\n hostDirectives: [\n {\n directive: EuiClearableDirective,\n inputs: ['euiClearable', 'readonly', 'disabled'],\n },\n {\n directive: EuiLoadingDirective,\n inputs: ['euiLoading', 'readonly'],\n },\n ],\n})\nexport class EuiInputTextComponent extends InputDirective implements OnInit, OnDestroy, DoCheck {\n /**\n * @description\n * Gets the CSS classes for the component, including validation state classes\n *\n * @returns {string} Space-separated string of CSS class names\n */\n @HostBinding('class')\n public get class(): string {\n return [super.getCssClasses('eui-input-text'), this._isInvalid ? 'eui-input-text--invalid' : ''].join(' ').trim();\n }\n\n /**\n * @description\n * Gets or sets the invalid state of the input\n * When used with NgControl, this state is automatically managed based on control state\n *\n * @returns {boolean} Current invalid state\n */\n @Input()\n public get isInvalid(): boolean {\n return this._isInvalid || null;\n }\n /**\n * @param {BooleanInput} state - The invalid state to set\n */\n public set isInvalid(state: BooleanInput) {\n this.setInvalid(state);\n }\n /** @internal */\n protected _isInvalid: boolean;\n\n constructor(\n @Optional() @Self() protected control: NgControl,\n protected _elementRef: ElementRef,\n protected _renderer: Renderer2,\n injector: Injector,\n ) {\n super(_elementRef, _renderer, injector);\n }\n\n /**\n * @description\n * Initializes the component and sets the root class name\n */\n ngOnInit(): void {\n super.ngOnInit();\n this._renderer.setProperty(this._elementRef.nativeElement, 'rootClassName', 'eui-input-text');\n }\n\n /**\n * @description\n * Cleans up component resources\n */\n ngOnDestroy(): void {\n super.ngOnDestroy();\n }\n\n /**\n * @description\n * Checks and updates the invalid state when using NgControl\n */\n ngDoCheck(): void {\n if (this.control) {\n this.isInvalid = this.control.invalid && this.control.touched;\n }\n }\n\n /**\n * @description\n * Sets the invalid state of the input and updates related properties\n *\n * @param {BooleanInput} state - The invalid state to set\n * @protected\n */\n protected setInvalid(state?: BooleanInput): void {\n // in case it's controlled by NgControl override\n this._isInvalid = this.control ? this.control.invalid && this.control.touched : coerceBooleanProperty(state);\n\n // set BaseDirective Attribute\n this.euiDanger = this._isInvalid;\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiInputTextComponent } from './eui-input-text.component';\n\n/**\n * @description\n * Module that provides the EuiInputText component and its dependencies\n *\n * @example\n * ```typescript\n * @NgModule({\n * imports: [EuiInputTextModule]\n * })\n * export class YourModule { }\n * ```\n *\n * @deprecated\n * Use {@link `EuiInputTextComponent`} instead. This module is deprecated and\n * will be removed in the next major version of the library.\n */\n@NgModule({\n imports: [CommonModule, EuiInputTextComponent],\n exports: [EuiInputTextComponent],\n})\nexport class EuiInputTextModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
2
2
|
import * as i0 from '@angular/core';
|
3
|
-
import { booleanAttribute,
|
3
|
+
import { booleanAttribute, Input, HostBinding, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
|
4
4
|
import * as i1 from '@eui/components/shared';
|
5
5
|
import { BaseStatesDirective } from '@eui/components/shared';
|
6
6
|
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as i0 from '@angular/core';
|
2
|
-
import {
|
2
|
+
import { Inject, ViewEncapsulation, ChangeDetectionStrategy, Component, EventEmitter, booleanAttribute, Output, Input, HostBinding, NgModule } from '@angular/core';
|
3
3
|
import { takeUntil, distinctUntilKeyChanged, map } from 'rxjs/operators';
|
4
4
|
import { Subject } from 'rxjs';
|
5
5
|
import * as i2 from '@eui/core';
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as i0 from '@angular/core';
|
2
|
-
import { booleanAttribute,
|
2
|
+
import { booleanAttribute, Input, forwardRef, ContentChild, ContentChildren, HostBinding, Component, HostListener, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
3
3
|
import { FocusKeyManager } from '@angular/cdk/a11y';
|
4
4
|
import * as i1 from '@eui/components/shared';
|
5
5
|
import { BaseStatesDirective } from '@eui/components/shared';
|
@@ -3,7 +3,7 @@ import { CommonModule } from '@angular/common';
|
|
3
3
|
import * as i1$1 from '@angular/router';
|
4
4
|
import { NavigationEnd, RouterModule } from '@angular/router';
|
5
5
|
import * as i0 from '@angular/core';
|
6
|
-
import { EventEmitter, booleanAttribute,
|
6
|
+
import { EventEmitter, booleanAttribute, HostListener, Input, Output, HostBinding, ViewEncapsulation, Component, ElementRef, ViewChild, ViewChildren, NgModule } from '@angular/core';
|
7
7
|
import * as i3 from '@eui/components/eui-icon';
|
8
8
|
import { EuiIconModule } from '@eui/components/eui-icon';
|
9
9
|
import * as i3$1 from '@eui/components/eui-icon-input';
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as i0 from '@angular/core';
|
2
|
-
import { Injectable, EventEmitter, booleanAttribute,
|
2
|
+
import { Injectable, EventEmitter, booleanAttribute, forwardRef, ContentChild, ViewChild, Output, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, Directive, NgModule } from '@angular/core';
|
3
3
|
import { TemplatePortal, PortalModule } from '@angular/cdk/portal';
|
4
4
|
import { Subject } from 'rxjs';
|
5
5
|
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as i0 from '@angular/core';
|
2
|
-
import { forwardRef, booleanAttribute,
|
2
|
+
import { forwardRef, booleanAttribute, HostListener, Input, HostBinding, Host, Optional, Inject, ChangeDetectionStrategy, Component, EventEmitter, ContentChildren, Output, ViewEncapsulation, NgModule } from '@angular/core';
|
3
3
|
import * as i3 from '@eui/components/eui-dropdown';
|
4
4
|
import { EuiDropdownModule } from '@eui/components/eui-dropdown';
|
5
5
|
import * as i4 from '@eui/components/eui-button';
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as i0 from '@angular/core';
|
2
|
-
import { EventEmitter, booleanAttribute,
|
2
|
+
import { EventEmitter, booleanAttribute, HostListener, Output, Input, HostBinding, ViewEncapsulation, Component, forwardRef, ContentChild, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
3
3
|
import * as i1 from '@angular/common';
|
4
4
|
import { CommonModule } from '@angular/common';
|
5
5
|
import * as i2 from '@angular/cdk/a11y';
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as i0 from '@angular/core';
|
2
|
-
import { booleanAttribute,
|
2
|
+
import { booleanAttribute, Input, HostBinding, ViewEncapsulation, ChangeDetectionStrategy, Component, ContentChild, EventEmitter, forwardRef, Output, Host, Optional, Inject, Directive, NgModule } from '@angular/core';
|
3
3
|
import { Subject, debounceTime, takeUntil } from 'rxjs';
|
4
4
|
import * as i2 from '@eui/components/shared';
|
5
5
|
import { BaseStatesDirective } from '@eui/components/shared';
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as i0 from '@angular/core';
|
2
|
-
import { EventEmitter, booleanAttribute,
|
2
|
+
import { EventEmitter, booleanAttribute, Output, Input, HostBinding, Component, NgModule } from '@angular/core';
|
3
3
|
import { BehaviorSubject, Subject } from 'rxjs';
|
4
4
|
import { takeUntil, distinctUntilChanged } from 'rxjs/operators';
|
5
5
|
import * as i2 from '@angular/common';
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as i0 from '@angular/core';
|
2
|
-
import {
|
2
|
+
import { Input, Inject, Directive, EventEmitter, booleanAttribute, ViewChild, Output, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
|
3
3
|
import { TemplatePortal } from '@angular/cdk/portal';
|
4
4
|
import { Subject, takeUntil, BehaviorSubject, Subscription } from 'rxjs';
|
5
5
|
import { takeUntil as takeUntil$1, switchMap, map, distinctUntilChanged } from 'rxjs/operators';
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as i0 from '@angular/core';
|
2
|
-
import { numberAttribute,
|
2
|
+
import { booleanAttribute, numberAttribute, Input, HostBinding, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
|
3
3
|
import * as i1 from '@eui/components/shared';
|
4
4
|
import { BaseStatesDirective } from '@eui/components/shared';
|
5
5
|
import * as i2 from '@angular/common';
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as i0 from '@angular/core';
|
2
|
-
import { booleanAttribute,
|
2
|
+
import { booleanAttribute, ViewChild, Input, HostBinding, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
|
3
3
|
import * as i2 from '@angular/common';
|
4
4
|
import { CommonModule } from '@angular/common';
|
5
5
|
import * as i1 from '@eui/components/shared';
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as i0 from '@angular/core';
|
2
|
-
import { booleanAttribute,
|
2
|
+
import { booleanAttribute, HostListener, Input, Component, forwardRef, Optional, Directive, Host, NgModule } from '@angular/core';
|
3
3
|
import { coerceBooleanProperty } from '@angular/cdk/coercion';
|
4
4
|
import { EuiInputTextComponent } from '@eui/components/eui-input-text';
|
5
5
|
import * as i2 from '@angular/forms';
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as i0 from '@angular/core';
|
2
|
-
import { EventEmitter, booleanAttribute,
|
2
|
+
import { EventEmitter, booleanAttribute, Output, Input, HostBinding, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
|
3
3
|
import * as i1 from '@eui/components/eui-menu';
|
4
4
|
import { EuiMenuModule } from '@eui/components/eui-menu';
|
5
5
|
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as i0 from '@angular/core';
|
2
|
-
import { booleanAttribute,
|
2
|
+
import { booleanAttribute, Input, HostBinding, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
|
3
3
|
import * as i1 from '@eui/components/shared';
|
4
4
|
import { BaseStatesDirective } from '@eui/components/shared';
|
5
5
|
import { CommonModule } from '@angular/common';
|
@@ -1,11 +1,11 @@
|
|
1
1
|
import * as i0 from '@angular/core';
|
2
|
-
import { EventEmitter, booleanAttribute,
|
2
|
+
import { EventEmitter, booleanAttribute, Output, Input, HostBinding, Self, Optional, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
|
3
3
|
import * as i1 from '@angular/forms';
|
4
4
|
import { FormControl, ReactiveFormsModule } from '@angular/forms';
|
5
5
|
import { uniqueId } from '@eui/core';
|
6
6
|
import * as i2 from '@eui/components/shared';
|
7
7
|
import { BaseStatesDirective } from '@eui/components/shared';
|
8
|
-
import { trigger, state,
|
8
|
+
import { trigger, state, transition, style, animate } from '@angular/animations';
|
9
9
|
import * as i3 from '@angular/common';
|
10
10
|
import { CommonModule } from '@angular/common';
|
11
11
|
import * as i4 from '@eui/components/eui-icon';
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as i0 from '@angular/core';
|
2
|
-
import {
|
2
|
+
import { HostBinding, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
|
3
3
|
import { CommonModule } from '@angular/common';
|
4
4
|
import { BaseStatesDirective } from '@eui/components/shared';
|
5
5
|
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as i0 from '@angular/core';
|
2
|
-
import { Injectable, EventEmitter, booleanAttribute, numberAttribute,
|
2
|
+
import { Injectable, EventEmitter, ElementRef, booleanAttribute, numberAttribute, Output, ViewChild, ContentChildren, Input, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Component, Directive, Pipe, NgModule } from '@angular/core';
|
3
3
|
import { BehaviorSubject, Subject, Subscription, debounceTime, takeUntil, Observable, combineLatest, skip, fromEvent, distinctUntilChanged } from 'rxjs';
|
4
4
|
import { EuiTemplateDirective, EuiTemplateDirectiveModule } from '@eui/components/directives';
|
5
5
|
import * as i3 from '@eui/components/shared';
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as i0 from '@angular/core';
|
2
|
-
import { Injectable, EventEmitter, booleanAttribute,
|
2
|
+
import { Injectable, EventEmitter, booleanAttribute, ViewChild, ContentChildren, Output, Input, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Component, numberAttribute, ElementRef, Pipe, HostListener, Directive, NgModule } from '@angular/core';
|
3
3
|
import { BehaviorSubject, Subject, Subscription, takeUntil, combineLatest, debounceTime, distinctUntilChanged } from 'rxjs';
|
4
4
|
import { EuiTemplateDirective, EuiTemplateDirectiveModule } from '@eui/components/directives';
|
5
5
|
import * as i3 from '@eui/components/shared';
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { CommonModule } from '@angular/common';
|
2
2
|
import * as i0 from '@angular/core';
|
3
|
-
import { booleanAttribute,
|
3
|
+
import { booleanAttribute, Input, ViewChild, Component, Directive, ContentChild, EventEmitter, ViewContainerRef, HostListener, ViewChildren, forwardRef, ContentChildren, Output, HostBinding, ViewEncapsulation, NgModule } from '@angular/core';
|
4
4
|
import * as i3 from '@angular/cdk/portal';
|
5
5
|
import { TemplatePortal, PortalModule } from '@angular/cdk/portal';
|
6
6
|
import * as i8 from '@angular/cdk/observers';
|