@eui/ecl 19.3.1-snapshot-1750681705601 → 19.3.1-snapshot-1750768867060
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/components/ecl-form-group/ecl-form-group.component.d.ts +19 -0
- package/components/ecl-form-group/ecl-form-group.component.d.ts.map +1 -1
- package/components/ecl-form-label/ecl-form-label-optional.directive.d.ts +7 -0
- package/components/ecl-form-label/ecl-form-label-optional.directive.d.ts.map +1 -1
- package/components/ecl-form-label/ecl-form-label.component.d.ts +21 -0
- package/components/ecl-form-label/ecl-form-label.component.d.ts.map +1 -1
- package/components/ecl-help-block/ecl-help-block.directive.d.ts +13 -0
- package/components/ecl-help-block/ecl-help-block.directive.d.ts.map +1 -1
- package/docs/components/EclFormGroupComponent.html +56 -0
- package/docs/components/EclFormLabelComponent.html +37 -0
- package/docs/dependencies.html +2 -2
- package/docs/directives/ECLFormLabelOptionalDirective.html +20 -0
- package/docs/directives/EclHelpBlockDirective.html +34 -0
- package/docs/js/search/search_index.js +2 -2
- package/fesm2022/eui-ecl-components-ecl-form-group.mjs +15 -0
- package/fesm2022/eui-ecl-components-ecl-form-group.mjs.map +1 -1
- package/fesm2022/eui-ecl-components-ecl-form-label.mjs +28 -0
- package/fesm2022/eui-ecl-components-ecl-form-label.mjs.map +1 -1
- package/fesm2022/eui-ecl-components-ecl-help-block.mjs +13 -0
- package/fesm2022/eui-ecl-components-ecl-help-block.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -6,10 +6,25 @@ import { TranslateModule } from '@ngx-translate/core';
|
|
|
6
6
|
import { ECLBaseDirective } from '@eui/ecl/core';
|
|
7
7
|
import { EclRangeDirective } from '@eui/ecl/components/ecl-range';
|
|
8
8
|
|
|
9
|
+
/**
|
|
10
|
+
* The EclFormGroupComponent is a wrapper component used to group form fields together
|
|
11
|
+
* This component automatically detects if any `EclRangeDirective` inputs are nested inside it,
|
|
12
|
+
* and applies the appropriate styling attributes if so.
|
|
13
|
+
*/
|
|
9
14
|
class EclFormGroupComponent extends ECLBaseDirective {
|
|
15
|
+
/**
|
|
16
|
+
* Applies the base ECL CSS class for a form group to the host element.
|
|
17
|
+
* Inherited utility method from `ECLBaseDirective` is used to support modifier classes.
|
|
18
|
+
*/
|
|
10
19
|
get cssClasses() {
|
|
11
20
|
return [super.getCssClasses('ecl-form-group')].join(' ').trim();
|
|
12
21
|
}
|
|
22
|
+
/**
|
|
23
|
+
* Adds a data attribute to the host element when at least one `EclRangeDirective`
|
|
24
|
+
* is found within the form group. This allows conditional styling via CSS.
|
|
25
|
+
*
|
|
26
|
+
* @returns `true` if at least one EclRangeDirective is found; otherwise `null`
|
|
27
|
+
*/
|
|
13
28
|
get hasEclRange() {
|
|
14
29
|
return this.eclRange.length > 0 || null;
|
|
15
30
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-ecl-components-ecl-form-group.mjs","sources":["../../components/ecl-form-group/ecl-form-group.component.ts","../../components/ecl-form-group/ecl-form-group.component.html","../../components/ecl-form-group/ecl-form-group.module.ts","../../components/ecl-form-group/eui-ecl-components-ecl-form-group.ts"],"sourcesContent":["import { Component, ContentChildren, HostBinding, QueryList, forwardRef } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclRangeDirective } from '@eui/ecl/components/ecl-range';\n\n@Component({\n selector: '[eclFormGroup], ecl-form-group',\n templateUrl: './ecl-form-group.component.html',\n standalone: false,\n})\nexport class EclFormGroupComponent extends ECLBaseDirective {\n\n @ContentChildren(forwardRef(() => EclRangeDirective), { descendants: true })\n eclRange: QueryList<EclRangeDirective>;\n @HostBinding('class')\n get cssClasses(): string {\n return [super.getCssClasses('ecl-form-group')].join(' ').trim();\n }\n\n @HostBinding('attr.data-ecl-range')\n get hasEclRange(): boolean | null {\n return this.eclRange.length > 0 || null;\n }\n}\n","<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EclFormLabelModule } from '@eui/ecl/components/ecl-form-label';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EclFormGroupComponent } from './ecl-form-group.component';\n\n@NgModule({\n imports: [CommonModule, EclFormLabelModule, TranslateModule],\n exports: [EclFormGroupComponent],\n declarations: [EclFormGroupComponent],\n})\nexport class EclFormGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;
|
|
1
|
+
{"version":3,"file":"eui-ecl-components-ecl-form-group.mjs","sources":["../../components/ecl-form-group/ecl-form-group.component.ts","../../components/ecl-form-group/ecl-form-group.component.html","../../components/ecl-form-group/ecl-form-group.module.ts","../../components/ecl-form-group/eui-ecl-components-ecl-form-group.ts"],"sourcesContent":["import { Component, ContentChildren, HostBinding, QueryList, forwardRef } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclRangeDirective } from '@eui/ecl/components/ecl-range';\n\n/**\n * The EclFormGroupComponent is a wrapper component used to group form fields together\n * This component automatically detects if any `EclRangeDirective` inputs are nested inside it,\n * and applies the appropriate styling attributes if so.\n */\n@Component({\n selector: '[eclFormGroup], ecl-form-group',\n templateUrl: './ecl-form-group.component.html',\n standalone: false,\n})\nexport class EclFormGroupComponent extends ECLBaseDirective {\n\n /**\n * Query list of any descendant `EclRangeDirective` instances within the form group.\n * Used internally to determine whether the form group contains range inputs.\n */\n @ContentChildren(forwardRef(() => EclRangeDirective), { descendants: true })\n eclRange: QueryList<EclRangeDirective>;\n\n /**\n * Applies the base ECL CSS class for a form group to the host element.\n * Inherited utility method from `ECLBaseDirective` is used to support modifier classes.\n */\n @HostBinding('class')\n get cssClasses(): string {\n return [super.getCssClasses('ecl-form-group')].join(' ').trim();\n }\n\n /**\n * Adds a data attribute to the host element when at least one `EclRangeDirective`\n * is found within the form group. This allows conditional styling via CSS.\n * \n * @returns `true` if at least one EclRangeDirective is found; otherwise `null`\n */\n @HostBinding('attr.data-ecl-range')\n get hasEclRange(): boolean | null {\n return this.eclRange.length > 0 || null;\n }\n}\n","<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EclFormLabelModule } from '@eui/ecl/components/ecl-form-label';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EclFormGroupComponent } from './ecl-form-group.component';\n\n@NgModule({\n imports: [CommonModule, EclFormLabelModule, TranslateModule],\n exports: [EclFormGroupComponent],\n declarations: [EclFormGroupComponent],\n})\nexport class EclFormGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAIA;;;;AAIG;AAMG,MAAO,qBAAsB,SAAQ,gBAAgB,CAAA;AASvD;;;AAGG;AACH,IAAA,IACI,UAAU,GAAA;AACV,QAAA,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;;AAGnE;;;;;AAKG;AACH,IAAA,IACI,WAAW,GAAA;QACX,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI;;+GA1BlC,qBAAqB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAArB,qBAAqB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,qBAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,SAAA,EAAA,EAAA,CAAA,UAAA,CAAA,MAMI,iBAAiB,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpBvD,6BACA,EAAA,CAAA,CAAA;;4FDaa,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gCAAgC,cAE9B,KAAK,EAAA,QAAA,EAAA,6BAAA,EAAA;8BASjB,QAAQ,EAAA,CAAA;sBADP,eAAe;uBAAC,UAAU,CAAC,MAAM,iBAAiB,CAAC,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;gBAQvE,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO;gBAYhB,WAAW,EAAA,CAAA;sBADd,WAAW;uBAAC,qBAAqB;;;ME3BzB,kBAAkB,CAAA;+GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAlB,kBAAkB,EAAA,YAAA,EAAA,CAFZ,qBAAqB,CAAA,EAAA,OAAA,EAAA,CAF1B,YAAY,EAAE,kBAAkB,EAAE,eAAe,CAAA,EAAA,OAAA,EAAA,CACjD,qBAAqB,CAAA,EAAA,CAAA,CAAA;AAGtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,OAAA,EAAA,CAJjB,YAAY,EAAE,kBAAkB,EAAE,eAAe,CAAA,EAAA,CAAA,CAAA;;4FAIlD,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,kBAAkB,EAAE,eAAe,CAAC;oBAC5D,OAAO,EAAE,CAAC,qBAAqB,CAAC;oBAChC,YAAY,EAAE,CAAC,qBAAqB,CAAC;AACxC,iBAAA;;;ACVD;;AAEG;;;;"}
|
|
@@ -5,11 +5,32 @@ import { ECLBaseDirective } from '@eui/ecl/core';
|
|
|
5
5
|
import * as i1 from '@ngx-translate/core';
|
|
6
6
|
import { TranslateModule } from '@ngx-translate/core';
|
|
7
7
|
|
|
8
|
+
/**
|
|
9
|
+
* The `EclFormLabelComponent` is used to render a form label with optional or required state.
|
|
10
|
+
*
|
|
11
|
+
* It supports ECL design system styling and applies relevant classes or attributes
|
|
12
|
+
* based on the input flags.
|
|
13
|
+
*/
|
|
8
14
|
class EclFormLabelComponent extends ECLBaseDirective {
|
|
9
15
|
constructor() {
|
|
10
16
|
super(...arguments);
|
|
17
|
+
/**
|
|
18
|
+
* Marks the form label as optional.
|
|
19
|
+
* When `true`, the label can display additional styling or indicators for optional fields.
|
|
20
|
+
*
|
|
21
|
+
* Defaults to `false`.
|
|
22
|
+
*/
|
|
11
23
|
this.isOptional = false;
|
|
24
|
+
/**
|
|
25
|
+
* Marks the form label as required.
|
|
26
|
+
* When `true`, the label can display styling or indicators for required fields.
|
|
27
|
+
*
|
|
28
|
+
* Defaults to `false`.
|
|
29
|
+
*/
|
|
12
30
|
this.isRequired = false;
|
|
31
|
+
/**
|
|
32
|
+
* Applies the base ECL class for form labels to the host element.
|
|
33
|
+
*/
|
|
13
34
|
this.hasClass = true;
|
|
14
35
|
}
|
|
15
36
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: EclFormLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
@@ -29,8 +50,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
29
50
|
args: ['class.ecl-form-label']
|
|
30
51
|
}] } });
|
|
31
52
|
|
|
53
|
+
/**
|
|
54
|
+
* The `ECLFormLabelOptionalDirective` adds the `ecl-form-label__optional` CSS class
|
|
55
|
+
* to an element to indicate that a form field is optional.
|
|
56
|
+
*/
|
|
32
57
|
class ECLFormLabelOptionalDirective {
|
|
33
58
|
constructor() {
|
|
59
|
+
/**
|
|
60
|
+
* Adds the ECL optional label class to the host element.
|
|
61
|
+
*/
|
|
34
62
|
this.hasClass = true;
|
|
35
63
|
}
|
|
36
64
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ECLFormLabelOptionalDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-ecl-components-ecl-form-label.mjs","sources":["../../components/ecl-form-label/ecl-form-label.component.ts","../../components/ecl-form-label/ecl-form-label.component.html","../../components/ecl-form-label/ecl-form-label-optional.directive.ts","../../components/ecl-form-label/ecl-form-label.module.ts","../../components/ecl-form-label/eui-ecl-components-ecl-form-label.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, Input, booleanAttribute } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: '[eclFormLabel]',\n templateUrl: './ecl-form-label.component.html',\n standalone: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EclFormLabelComponent extends ECLBaseDirective {\n\n @Input({ transform: booleanAttribute }) isOptional = false;\n @Input({ transform: booleanAttribute }) isRequired = false;\n\n @HostBinding('class.ecl-form-label') hasClass = true;\n}\n","<ng-content></ng-content>\n@if(isOptional) {\n<span class=\"ecl-form-label__optional\"> ({{ 'ecl.form-label.OPTIONAL' | translate }})</span>\n}\n@if(isRequired) {\n<span class=\"ecl-form-label__required\" role=\"note\" aria-label=\"required\">*</span>\n}\n","import { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n selector: '[eclFormLabelOptional]',\n standalone: false,\n})\nexport class ECLFormLabelOptionalDirective {\n\n @HostBinding('class.ecl-form-label__optional') hasClass = true;\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EclFormLabelComponent } from './ecl-form-label.component';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { ECLFormLabelOptionalDirective } from './ecl-form-label-optional.directive';\n\n@NgModule({\n imports: [CommonModule, TranslateModule],\n exports: [EclFormLabelComponent, ECLFormLabelOptionalDirective],\n declarations: [EclFormLabelComponent, ECLFormLabelOptionalDirective],\n})\nexport class EclFormLabelModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"eui-ecl-components-ecl-form-label.mjs","sources":["../../components/ecl-form-label/ecl-form-label.component.ts","../../components/ecl-form-label/ecl-form-label.component.html","../../components/ecl-form-label/ecl-form-label-optional.directive.ts","../../components/ecl-form-label/ecl-form-label.module.ts","../../components/ecl-form-label/eui-ecl-components-ecl-form-label.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, Input, booleanAttribute } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * The `EclFormLabelComponent` is used to render a form label with optional or required state.\n * \n * It supports ECL design system styling and applies relevant classes or attributes\n * based on the input flags.\n */\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: '[eclFormLabel]',\n templateUrl: './ecl-form-label.component.html',\n standalone: false,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EclFormLabelComponent extends ECLBaseDirective {\n\n /**\n * Marks the form label as optional.\n * When `true`, the label can display additional styling or indicators for optional fields.\n * \n * Defaults to `false`.\n */\n @Input({ transform: booleanAttribute }) isOptional = false;\n\n /**\n * Marks the form label as required.\n * When `true`, the label can display styling or indicators for required fields.\n * \n * Defaults to `false`.\n */\n @Input({ transform: booleanAttribute }) isRequired = false;\n\n /**\n * Applies the base ECL class for form labels to the host element.\n */\n @HostBinding('class.ecl-form-label') hasClass = true;\n}\n","<ng-content></ng-content>\n@if(isOptional) {\n<span class=\"ecl-form-label__optional\"> ({{ 'ecl.form-label.OPTIONAL' | translate }})</span>\n}\n@if(isRequired) {\n<span class=\"ecl-form-label__required\" role=\"note\" aria-label=\"required\">*</span>\n}\n","import { Directive, HostBinding } from '@angular/core';\n\n/**\n * The `ECLFormLabelOptionalDirective` adds the `ecl-form-label__optional` CSS class\n * to an element to indicate that a form field is optional.\n */\n@Directive({\n selector: '[eclFormLabelOptional]',\n standalone: false,\n})\nexport class ECLFormLabelOptionalDirective {\n\n /**\n * Adds the ECL optional label class to the host element.\n */\n @HostBinding('class.ecl-form-label__optional') hasClass = true;\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EclFormLabelComponent } from './ecl-form-label.component';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { ECLFormLabelOptionalDirective } from './ecl-form-label-optional.directive';\n\n@NgModule({\n imports: [CommonModule, TranslateModule],\n exports: [EclFormLabelComponent, ECLFormLabelOptionalDirective],\n declarations: [EclFormLabelComponent, ECLFormLabelOptionalDirective],\n})\nexport class EclFormLabelModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -3,11 +3,24 @@ import { booleanAttribute, HostBinding, Input, Directive, NgModule } from '@angu
|
|
|
3
3
|
import { CommonModule } from '@angular/common';
|
|
4
4
|
import { ECLBaseDirective } from '@eui/ecl/core';
|
|
5
5
|
|
|
6
|
+
/**
|
|
7
|
+
* Directive for rendering a help block element following the ECL design system.
|
|
8
|
+
*
|
|
9
|
+
* This directive allows conditional styling for disabled state.
|
|
10
|
+
*/
|
|
6
11
|
class EclHelpBlockDirective extends ECLBaseDirective {
|
|
7
12
|
constructor() {
|
|
8
13
|
super(...arguments);
|
|
14
|
+
/**
|
|
15
|
+
* Indicates whether the help block is in a disabled state.
|
|
16
|
+
* When true, the `ecl-help-block--disabled` class is added.
|
|
17
|
+
*/
|
|
9
18
|
this.isDisabled = false;
|
|
10
19
|
}
|
|
20
|
+
/**
|
|
21
|
+
* Applies ECL base class and optional modifier to the host element.
|
|
22
|
+
* Returns a space-separated list of CSS classes.
|
|
23
|
+
*/
|
|
11
24
|
get cssClasses() {
|
|
12
25
|
return [super.getCssClasses('ecl-help-block'), this.isDisabled ? 'ecl-help-block--disabled' : ''].join(' ').trim();
|
|
13
26
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"eui-ecl-components-ecl-help-block.mjs","sources":["../../components/ecl-help-block/ecl-help-block.directive.ts","../../components/ecl-help-block/ecl-help-block.module.ts","../../components/ecl-help-block/eui-ecl-components-ecl-help-block.ts"],"sourcesContent":["import { Directive, HostBinding, Input, booleanAttribute } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n@Directive({\n selector: '[eclHelpBlock]',\n standalone: false,\n})\nexport class EclHelpBlockDirective extends ECLBaseDirective {\n @Input({ transform: booleanAttribute }) isDisabled = false;\n\n @HostBinding('class')\n get cssClasses(): string {\n return [super.getCssClasses('ecl-help-block'), this.isDisabled ? 'ecl-help-block--disabled' : ''].join(' ').trim();\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EclHelpBlockDirective } from './ecl-help-block.directive';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [EclHelpBlockDirective],\n exports: [EclHelpBlockDirective],\n})\nexport class EclHelpBlockModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"eui-ecl-components-ecl-help-block.mjs","sources":["../../components/ecl-help-block/ecl-help-block.directive.ts","../../components/ecl-help-block/ecl-help-block.module.ts","../../components/ecl-help-block/eui-ecl-components-ecl-help-block.ts"],"sourcesContent":["import { Directive, HostBinding, Input, booleanAttribute } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive for rendering a help block element following the ECL design system.\n * \n * This directive allows conditional styling for disabled state.\n */\n@Directive({\n selector: '[eclHelpBlock]',\n standalone: false,\n})\nexport class EclHelpBlockDirective extends ECLBaseDirective {\n /**\n * Indicates whether the help block is in a disabled state.\n * When true, the `ecl-help-block--disabled` class is added.\n */\n @Input({ transform: booleanAttribute }) isDisabled = false;\n\n /**\n * Applies ECL base class and optional modifier to the host element.\n * Returns a space-separated list of CSS classes.\n */\n @HostBinding('class')\n get cssClasses(): string {\n return [super.getCssClasses('ecl-help-block'), this.isDisabled ? 'ecl-help-block--disabled' : ''].join(' ').trim();\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EclHelpBlockDirective } from './ecl-help-block.directive';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [EclHelpBlockDirective],\n exports: [EclHelpBlockDirective],\n})\nexport class EclHelpBlockModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;AAGA;;;;AAIG;AAKG,MAAO,qBAAsB,SAAQ,gBAAgB,CAAA;AAJ3D,IAAA,WAAA,GAAA;;AAKI;;;AAGG;QACqC,IAAA,CAAA,UAAU,GAAG,KAAK;AAU7D;AARG;;;AAGG;AACH,IAAA,IACI,UAAU,GAAA;AACV,QAAA,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,EAAE,IAAI,CAAC,UAAU,GAAG,0BAA0B,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;;+GAb7G,qBAAqB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,sGAKV,gBAAgB,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAL3B,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAJjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,UAAU,EAAE,KAAK;AACpB,iBAAA;8BAM2C,UAAU,EAAA,CAAA;sBAAjD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;gBAOlC,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO;;;MCdX,kBAAkB,CAAA;+GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,YAAA,EAAA,CAHZ,qBAAqB,CAAA,EAAA,OAAA,EAAA,CAD1B,YAAY,aAEZ,qBAAqB,CAAA,EAAA,CAAA,CAAA;AAEtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAJjB,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAIb,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,YAAY,EAAE,CAAC,qBAAqB,CAAC;oBACrC,OAAO,EAAE,CAAC,qBAAqB,CAAC;AACnC,iBAAA;;;ACRD;;AAEG;;;;"}
|