@eui/components 17.0.0-next.16 → 17.0.0-next.18

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

@@ -1090,25 +1090,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-rc.1", ng
 
 class BaseStatesDirective {
     constructor() {
-        // COLORS
-        this.euiPrimary = false;
-        this.euiSecondary = false;
-        this.euiInfo = false;
-        this.euiSuccess = false;
-        this.euiWarning = false;
-        this.euiDanger = false;
-        this.euiAccent = false;
-        // SIZES
-        this.euiSize2XS = false;
-        this.euiSizeXS = false;
-        this.euiSizeS = false;
-        this.euiSizeM = false;
-        this.euiSizeL = false;
-        this.euiSizeXL = false;
-        this.euiSize2XL = false;
-        this.euiSize3XL = false;
-        this.euiSize4XL = false;
-        this.euiSize5XL = false;
         // EXTRA SHAPES
         this.euiRounded = false;
         this.euiOutline = false;
@@ -1120,9 +1101,76 @@ class BaseStatesDirective {
         this.euiClearable = false;
         this.euiLoading = false;
         this.euiInverted = false;
+        this._euiPrimary = false;
+        this._euiSecondary = false;
+        this._euiInfo = false;
+        this._euiSuccess = false;
+        this._euiWarning = false;
+        this._euiDanger = false;
+        this._euiAccent = false;
+        this._euiSize2XS = false;
+        this._euiSizeXS = false;
+        this._euiSizeS = false;
+        this._euiSizeM = false;
+        this._euiSizeL = false;
+        this._euiSizeXL = false;
+        this._euiSize2XL = false;
+        this._euiSize3XL = false;
+        this._euiSize4XL = false;
+        this._euiSize5XL = false;
         this._euiSizeVariant = '';
         this._euiVariant = '';
     }
+    // COLORS
+    get euiPrimary() {
+        return this._euiPrimary;
+    }
+    set euiPrimary(value) {
+        this._euiPrimary = coerceBooleanProperty(value);
+        this._euiVariant = 'primary';
+    }
+    get euiSecondary() {
+        return this._euiSecondary;
+    }
+    set euiSecondary(value) {
+        this._euiSecondary = coerceBooleanProperty(value);
+        this._euiVariant = 'secondary';
+    }
+    get euiInfo() {
+        return this._euiInfo;
+    }
+    set euiInfo(value) {
+        this._euiInfo = coerceBooleanProperty(value);
+        this._euiVariant = 'info';
+    }
+    get euiSuccess() {
+        return this._euiSuccess;
+    }
+    set euiSuccess(value) {
+        this._euiSuccess = coerceBooleanProperty(value);
+        this._euiVariant = 'success';
+    }
+    get euiWarning() {
+        return this._euiWarning;
+    }
+    set euiWarning(value) {
+        this._euiWarning = coerceBooleanProperty(value);
+        this._euiVariant = 'warning';
+    }
+    get euiDanger() {
+        return this._euiDanger;
+    }
+    set euiDanger(value) {
+        this._euiDanger = coerceBooleanProperty(value);
+        this._euiVariant = 'danger';
+    }
+    get euiAccent() {
+        return this._euiAccent;
+    }
+    set euiAccent(value) {
+        this._euiAccent = coerceBooleanProperty(value);
+        this._euiVariant = 'accent';
+    }
     get euiVariant() {
         return this._euiVariant;
     }
@@ -1136,6 +1184,77 @@ class BaseStatesDirective {
         this.euiAccent = value === 'accent';
         this._euiVariant = value;
     }
+    // SIZES
+    get euiSize2XS() {
+        return this._euiSize2XS;
+    }
+    set euiSize2XS(value) {
+        this._euiSize2XS = coerceBooleanProperty(value);
+        this._euiSizeVariant = '2xs';
+    }
+    get euiSizeXS() {
+        return this._euiSizeXS;
+    }
+    set euiSizeXS(value) {
+        this._euiSizeXS = coerceBooleanProperty(value);
+        this._euiSizeVariant = 'xs';
+    }
+    get euiSizeS() {
+        return this._euiSizeS;
+    }
+    set euiSizeS(value) {
+        this._euiSizeS = coerceBooleanProperty(value);
+        this._euiSizeVariant = 's';
+    }
+    get euiSizeM() {
+        return this._euiSizeM;
+    }
+    set euiSizeM(value) {
+        this._euiSizeM = coerceBooleanProperty(value);
+        this._euiSizeVariant = 'm';
+    }
+    get euiSizeL() {
+        return this._euiSizeL;
+    }
+    set euiSizeL(value) {
+        this._euiSizeL = coerceBooleanProperty(value);
+        this._euiSizeVariant = 'l';
+    }
+    get euiSizeXL() {
+        return this._euiSizeXL;
+    }
+    set euiSizeXL(value) {
+        this._euiSizeXL = coerceBooleanProperty(value);
+        this._euiSizeVariant = 'xl';
+    }
+    get euiSize2XL() {
+        return this._euiSize2XL;
+    }
+    set euiSize2XL(value) {
+        this._euiSize2XL = coerceBooleanProperty(value);
+        this._euiSizeVariant = '2xl';
+    }
+    get euiSize3XL() {
+        return this._euiSize3XL;
+    }
+    set euiSize3XL(value) {
+        this._euiSize3XL = coerceBooleanProperty(value);
+        this._euiSizeVariant = '3xl';
+    }
+    get euiSize4XL() {
+        return this._euiSize4XL;
+    }
+    set euiSize4XL(value) {
+        this._euiSize4XL = coerceBooleanProperty(value);
+        this._euiSizeVariant = '4xl';
+    }
+    get euiSize5XL() {
+        return this._euiSize5XL;
+    }
+    set euiSize5XL(value) {
+        this._euiSize5XL = coerceBooleanProperty(value);
+        this._euiSizeVariant = '5xl';
+    }
     get euiSizeVariant() {
         return this._euiSizeVariant;
     }
@@ -1188,57 +1307,6 @@ class BaseStatesDirective {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-rc.1", ngImport: i0, type: BaseStatesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.0-rc.1", 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 }); }
 }
-__decorate([
-    coerceBoolean
-], BaseStatesDirective.prototype, "euiPrimary", void 0);
-__decorate([
-    coerceBoolean
-], BaseStatesDirective.prototype, "euiSecondary", void 0);
-__decorate([
-    coerceBoolean
-], BaseStatesDirective.prototype, "euiInfo", void 0);
-__decorate([
-    coerceBoolean
-], BaseStatesDirective.prototype, "euiSuccess", void 0);
-__decorate([
-    coerceBoolean
-], BaseStatesDirective.prototype, "euiWarning", void 0);
-__decorate([
-    coerceBoolean
-], BaseStatesDirective.prototype, "euiDanger", void 0);
-__decorate([
-    coerceBoolean
-], BaseStatesDirective.prototype, "euiAccent", void 0);
-__decorate([
-    coerceBoolean
-], BaseStatesDirective.prototype, "euiSize2XS", void 0);
-__decorate([
-    coerceBoolean
-], BaseStatesDirective.prototype, "euiSizeXS", void 0);
-__decorate([
-    coerceBoolean
-], BaseStatesDirective.prototype, "euiSizeS", void 0);
-__decorate([
-    coerceBoolean
-], BaseStatesDirective.prototype, "euiSizeM", void 0);
-__decorate([
-    coerceBoolean
-], BaseStatesDirective.prototype, "euiSizeL", void 0);
-__decorate([
-    coerceBoolean
-], BaseStatesDirective.prototype, "euiSizeXL", void 0);
-__decorate([
-    coerceBoolean
-], BaseStatesDirective.prototype, "euiSize2XL", void 0);
-__decorate([
-    coerceBoolean
-], BaseStatesDirective.prototype, "euiSize3XL", void 0);
-__decorate([
-    coerceBoolean
-], BaseStatesDirective.prototype, "euiSize4XL", void 0);
-__decorate([
-    coerceBoolean
-], BaseStatesDirective.prototype, "euiSize5XL", void 0);
 __decorate([
     coerceBoolean
 ], BaseStatesDirective.prototype, "euiRounded", void 0);