@eui/components 17.0.1-snapshot-1701096824737 → 17.0.1-snapshot-1701254423874

package/fesm2022/eui-components-shared-base.mjs

@@ -766,7 +766,6 @@ function applyMixins(derivedCtor, constructors) {
 }
 
 const BaseComponentMixinBase = mixinEuiPrimary(mixinEuiSecondary(mixinEuiInfo(mixinEuiSuccess(mixinEuiWarning(mixinEuiDisabled())))));
-// export class BaseDirective extends BaseComponentMixinBase {
 class BaseDirective {
     constructor() {
         this._euiPrimary = false;
@@ -797,6 +796,9 @@ class BaseDirective {
         this._euiClearable = false;
         this._euiLoading = false;
     }
+    get ariaDisabled() {
+        return this._euiDisabled ? true : null;
+    }
     // COLORS
     get euiPrimary() {
         return coerceBooleanProperty(this._euiPrimary);
@@ -1014,18 +1016,17 @@ class BaseDirective {
             .trim();
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: BaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: BaseDirective, selector: "[euiBase]", inputs: { e2eAttr: "e2eAttr", styleClass: "styleClass", euiPrimary: "euiPrimary", euiSecondary: "euiSecondary", euiInfo: "euiInfo", euiSuccess: "euiSuccess", euiWarning: "euiWarning", euiDanger: "euiDanger", euiAccent: "euiAccent", euiVariant: "euiVariant", euiSize2XS: "euiSize2XS", euiSizeXS: "euiSizeXS", euiSizeS: "euiSizeS", euiSizeM: "euiSizeM", euiSizeL: "euiSizeL", euiSizeXL: "euiSizeXL", euiSize2XL: "euiSize2XL", euiSize3XL: "euiSize3XL", euiSize4XL: "euiSize4XL", euiSize5XL: "euiSize5XL", euiSizeVariant: "euiSizeVariant", euiRounded: "euiRounded", euiOutline: "euiOutline", euiCompact: "euiCompact", euiDisabled: "euiDisabled", euiResponsive: "euiResponsive", euiHighlighted: "euiHighlighted", euiClearable: "euiClearable", euiLoading: "euiLoading" }, host: { properties: { "attr.aria-disabled": "this._euiDisabled.toString()", "attr.data-e2e": "this.e2eAttr" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: BaseDirective, selector: "[euiBase]", inputs: { e2eAttr: "e2eAttr", styleClass: "styleClass", euiPrimary: "euiPrimary", euiSecondary: "euiSecondary", euiInfo: "euiInfo", euiSuccess: "euiSuccess", euiWarning: "euiWarning", euiDanger: "euiDanger", euiAccent: "euiAccent", euiVariant: "euiVariant", euiSize2XS: "euiSize2XS", euiSizeXS: "euiSizeXS", euiSizeS: "euiSizeS", euiSizeM: "euiSizeM", euiSizeL: "euiSizeL", euiSizeXL: "euiSizeXL", euiSize2XL: "euiSize2XL", euiSize3XL: "euiSize3XL", euiSize4XL: "euiSize4XL", euiSize5XL: "euiSize5XL", euiSizeVariant: "euiSizeVariant", euiRounded: "euiRounded", euiOutline: "euiOutline", euiCompact: "euiCompact", euiDisabled: "euiDisabled", euiResponsive: "euiResponsive", euiHighlighted: "euiHighlighted", euiClearable: "euiClearable", euiLoading: "euiLoading" }, host: { properties: { "attr.aria-disabled": "this.ariaDisabled", "attr.data-e2e": "this.e2eAttr" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: BaseDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euiBase]',
-                    // eslint-disable-next-line @angular-eslint/no-host-metadata-property
-                    host: {
-                        '[attr.aria-disabled]': 'this._euiDisabled.toString()',
-                    },
                 }]
-        }], propDecorators: { e2eAttr: [{
+        }], propDecorators: { ariaDisabled: [{
+                type: HostBinding,
+                args: ['attr.aria-disabled']
+            }], e2eAttr: [{
                 type: HostBinding,
                 args: ['attr.data-e2e']
             }, {
@@ -1103,6 +1104,7 @@ class BaseStatesDirective {
         this.euiInverted = false;
         this._euiPrimary = false;
         this._euiSecondary = false;
+        this._euiSecondaryLight = false;
         this._euiInfo = false;
         this._euiSuccess = false;
         this._euiWarning = false;
@@ -1121,6 +1123,9 @@ class BaseStatesDirective {
         this._euiSizeVariant = '';
         this._euiVariant = '';
     }
+    get ariaDisabled() {
+        return this.euiDisabled ? true : null;
+    }
     // COLORS
     get euiPrimary() {
         return this._euiPrimary;
@@ -1136,6 +1141,13 @@ class BaseStatesDirective {
         this._euiSecondary = coerceBooleanProperty(value);
         this._euiVariant = 'secondary';
     }
+    get euiSecondaryLight() {
+        return this._euiSecondaryLight;
+    }
+    set euiSecondaryLight(value) {
+        this._euiSecondaryLight = coerceBooleanProperty(value);
+        this._euiVariant = 'secondaryLight';
+    }
     get euiInfo() {
         return this._euiInfo;
     }
@@ -1177,6 +1189,7 @@ class BaseStatesDirective {
     set euiVariant(value) {
         this.euiPrimary = value === 'primary';
         this.euiSecondary = value === 'secondary';
+        this.euiSecondaryLight = value === 'secondaryLight';
         this.euiWarning = value === 'warning';
         this.euiInfo = value === 'info';
         this.euiSuccess = value === 'success';
@@ -1276,6 +1289,7 @@ class BaseStatesDirective {
             rootClass,
             this.euiPrimary ? `${rootClass}--primary` : '',
             this.euiSecondary ? `${rootClass}--secondary` : '',
+            this.euiSecondaryLight ? `${rootClass}--secondary-light` : '',
             this.euiInfo ? `${rootClass}--info` : '',
             this.euiSuccess ? `${rootClass}--success` : '',
             this.euiWarning ? `${rootClass}--warning` : '',
@@ -1305,7 +1319,7 @@ class BaseStatesDirective {
             .trim();
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: BaseStatesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: BaseStatesDirective, isStandalone: true, selector: "[euiBase]", inputs: { euiPrimary: "euiPrimary", euiSecondary: "euiSecondary", euiInfo: "euiInfo", euiSuccess: "euiSuccess", euiWarning: "euiWarning", euiDanger: "euiDanger", euiAccent: "euiAccent", euiVariant: "euiVariant", euiSize2XS: "euiSize2XS", euiSizeXS: "euiSizeXS", euiSizeS: "euiSizeS", euiSizeM: "euiSizeM", euiSizeL: "euiSizeL", euiSizeXL: "euiSizeXL", euiSize2XL: "euiSize2XL", euiSize3XL: "euiSize3XL", euiSize4XL: "euiSize4XL", euiSize5XL: "euiSize5XL", euiSizeVariant: "euiSizeVariant", euiRounded: "euiRounded", euiOutline: "euiOutline", euiCompact: "euiCompact", euiDisabled: "euiDisabled", euiResponsive: "euiResponsive", euiHighlighted: "euiHighlighted", euiClearable: "euiClearable", euiLoading: "euiLoading", euiInverted: "euiInverted" }, host: { properties: { "attr.aria-disabled": "this.euiDisabled.toString()" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: BaseStatesDirective, isStandalone: true, selector: "[euiBase]", inputs: { euiPrimary: "euiPrimary", euiSecondary: "euiSecondary", euiSecondaryLight: "euiSecondaryLight", euiInfo: "euiInfo", euiSuccess: "euiSuccess", euiWarning: "euiWarning", euiDanger: "euiDanger", euiAccent: "euiAccent", euiVariant: "euiVariant", euiSize2XS: "euiSize2XS", euiSizeXS: "euiSizeXS", euiSizeS: "euiSizeS", euiSizeM: "euiSizeM", euiSizeL: "euiSizeL", euiSizeXL: "euiSizeXL", euiSize2XL: "euiSize2XL", euiSize3XL: "euiSize3XL", euiSize4XL: "euiSize4XL", euiSize5XL: "euiSize5XL", euiSizeVariant: "euiSizeVariant", euiRounded: "euiRounded", euiOutline: "euiOutline", euiCompact: "euiCompact", euiDisabled: "euiDisabled", euiResponsive: "euiResponsive", euiHighlighted: "euiHighlighted", euiClearable: "euiClearable", euiLoading: "euiLoading", euiInverted: "euiInverted" }, host: { properties: { "attr.aria-disabled": "this.ariaDisabled" } }, ngImport: i0 }); }
 }
 __decorate([
     coerceBoolean
@@ -1339,15 +1353,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
             args: [{
                     standalone: true,
                     selector: '[euiBase]',
-                    // eslint-disable-next-line @angular-eslint/no-host-metadata-property
-                    host: {
-                        '[attr.aria-disabled]': 'this.euiDisabled.toString()',
-                    },
                 }]
-        }], propDecorators: { euiPrimary: [{
+        }], propDecorators: { ariaDisabled: [{
+                type: HostBinding,
+                args: ['attr.aria-disabled']
+            }], euiPrimary: [{
                 type: Input
             }], euiSecondary: [{
                 type: Input
+            }], euiSecondaryLight: [{
+                type: Input
             }], euiInfo: [{
                 type: Input
             }], euiSuccess: [{