@eui/components 18.0.0-next.6 → 18.0.0-next.7

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

@@ -1,1208 +0,0 @@
-// mixins/typeclass/eui-primary.mixin.mjs
-import { coerceBooleanProperty } from "@angular/cdk/coercion";
-function mixinEuiPrimary(base = class {
-}) {
-  class Mixin extends base {
-    /** Whether the euiPrimary is disabled or not. */
-    get euiPrimary() {
-      return this._euiPrimary;
-    }
-    set euiPrimary(value) {
-      this._euiPrimary = coerceBooleanProperty(value);
-    }
-    constructor(...args) {
-      super(...args);
-      this._euiPrimary = false;
-    }
-    getCssClasses(rootClass = "") {
-      return [super["getCssClasses"] ? super["getCssClasses"](rootClass) : rootClass, this._euiPrimary ? `${rootClass}--primary` : ""].join(" ").trim();
-    }
-  }
-  return Mixin;
-}
-
-// mixins/typeclass/eui-secondary.mixin.mjs
-import { coerceBooleanProperty as coerceBooleanProperty2 } from "@angular/cdk/coercion";
-var mixinEuiSecondary = (base = class {
-}) => {
-  class Mixin extends base {
-    /** Whether the EuiSecondary is disabled or not. */
-    get euiSecondary() {
-      return this._euiSecondary;
-    }
-    set euiSecondary(value) {
-      this._euiSecondary = coerceBooleanProperty2(value);
-    }
-    constructor(...args) {
-      super(...args);
-      this._euiSecondary = false;
-    }
-    getCssClasses(rootClass = "") {
-      return [
-        super["getCssClasses"] ? super["getCssClasses"](rootClass) : rootClass,
-        this._euiSecondary ? `${rootClass}--secondary` : ""
-      ].join(" ").trim();
-    }
-  }
-  return Mixin;
-};
-
-// mixins/typeclass/eui-info.mixin.mjs
-import { coerceBooleanProperty as coerceBooleanProperty3 } from "@angular/cdk/coercion";
-function mixinEuiInfo(base = class {
-}) {
-  class Mixin extends base {
-    /** Whether the EuiInfo is disabled or not. */
-    get euiInfo() {
-      return this._euiInfo;
-    }
-    set euiInfo(value) {
-      this._euiInfo = coerceBooleanProperty3(value);
-    }
-    constructor(...args) {
-      super(...args);
-      this._euiInfo = false;
-    }
-    getCssClasses(rootClass = "") {
-      return [super["getCssClasses"] ? super["getCssClasses"](rootClass) : rootClass, this._euiInfo ? `${rootClass}--info` : ""].join(" ").trim();
-    }
-  }
-  return Mixin;
-}
-
-// mixins/typeclass/eui-success.mixin.mjs
-import { coerceBooleanProperty as coerceBooleanProperty4 } from "@angular/cdk/coercion";
-var mixinEuiSuccess = (base = class {
-}) => {
-  class Mixin extends base {
-    /** Whether the EuiSuccess is disabled or not. */
-    get euiSuccess() {
-      return this._euiSuccess;
-    }
-    set euiSuccess(value) {
-      this._euiSuccess = coerceBooleanProperty4(value);
-    }
-    constructor(...args) {
-      super(...args);
-      this._euiSuccess = false;
-    }
-    getCssClasses(rootClass = "") {
-      return [super["getCssClasses"] ? super["getCssClasses"](rootClass) : rootClass, this._euiSuccess ? `${rootClass}--success` : ""].join(" ").trim();
-    }
-  }
-  return Mixin;
-};
-
-// mixins/typeclass/eui-warning.mixin.mjs
-import { coerceBooleanProperty as coerceBooleanProperty5 } from "@angular/cdk/coercion";
-var mixinEuiWarning = (base = class {
-}) => {
-  class Mixin extends base {
-    /** Whether the EuiWarning is disabled or not. */
-    get euiWarning() {
-      return this._euiWarning;
-    }
-    set euiWarning(value) {
-      this._euiWarning = coerceBooleanProperty5(value);
-    }
-    constructor(...args) {
-      super(...args);
-      this._euiWarning = false;
-    }
-    getCssClasses(rootClass = "") {
-      return [super["getCssClasses"] ? super["getCssClasses"](rootClass) : rootClass, this._euiWarning ? `${rootClass}--warning` : ""].join(" ").trim();
-    }
-  }
-  return Mixin;
-};
-
-// mixins/typeclass/eui-accent.mixin.mjs
-import { coerceBooleanProperty as coerceBooleanProperty6 } from "@angular/cdk/coercion";
-function mixinEuiAccent(base = class {
-}) {
-  class Mixin extends base {
-    /** Whether the EuiAccent is disabled or not. */
-    get euiAccent() {
-      return this._euiAccent;
-    }
-    set euiAccent(value) {
-      this._euiAccent = coerceBooleanProperty6(value);
-    }
-    constructor(...args) {
-      super(...args);
-      this._euiAccent = false;
-    }
-    getCssClasses(rootClass = "") {
-      return [super["getCssClasses"] ? super["getCssClasses"](rootClass) : rootClass, this._euiAccent ? `${rootClass}--accent` : ""].join(" ").trim();
-    }
-  }
-  return Mixin;
-}
-
-// mixins/typeclass/eui-danger.mixin.mjs
-import { coerceBooleanProperty as coerceBooleanProperty7 } from "@angular/cdk/coercion";
-function mixinEuiDanger(base = class {
-}) {
-  class Mixin extends base {
-    /** Whether the EuiDanger is disabled or not. */
-    get euiDanger() {
-      return this._euiDanger;
-    }
-    set euiDanger(value) {
-      this._euiDanger = coerceBooleanProperty7(value);
-    }
-    constructor(...args) {
-      super(...args);
-      this._euiDanger = false;
-    }
-    getCssClasses(rootClass = "") {
-      return [super["getCssClasses"] ? super["getCssClasses"](rootClass) : rootClass, this._euiDanger ? `${rootClass}--danger` : ""].join(" ").trim();
-    }
-  }
-  return Mixin;
-}
-
-// mixins/typeclass/eui-variant.mixin.mjs
-var mixinEuiVariant = (base = class {
-}) => {
-  class Mixin extends base {
-    /** Whether the EuiVariant is disabled or not. */
-    get euiVariant() {
-      return this._euiVariant;
-    }
-    set euiVariant(value) {
-      super.euiPrimary = value === "primary";
-      super.euiSecondary = value === "secondary";
-      super.euiWarning = value === "warning";
-      super.euiInfo = value === "info";
-      super.euiSuccess = value === "success";
-      super.euiDanger = value === "danger";
-      super.euiAccent = value === "accent";
-      this._euiVariant = value;
-    }
-    constructor(...args) {
-      super(...args);
-      this._euiVariant = "";
-    }
-  }
-  return Mixin;
-};
-
-// mixins/state/eui-disabled.mixin.mjs
-import { coerceBooleanProperty as coerceBooleanProperty8 } from "@angular/cdk/coercion";
-function mixinEuiDisabled(base = class {
-}) {
-  class Mixin extends base {
-    /** Whether the euiDisabled is disabled or not. */
-    get euiDisabled() {
-      return this._euiDisabled;
-    }
-    set euiDisabled(value) {
-      this._euiDisabled = coerceBooleanProperty8(value);
-    }
-    constructor(...args) {
-      super(...args);
-      this._euiDisabled = false;
-    }
-    getCssClasses(rootClass = "") {
-      return [
-        super["getCssClasses"] ? super["getCssClasses"](rootClass) : rootClass,
-        this._euiDisabled ? `${rootClass}--disabled disabled` : ""
-      ].join(" ").trim();
-    }
-  }
-  return Mixin;
-}
-
-// mixins/state/eui-clearable.mixin.mjs
-import { coerceBooleanProperty as coerceBooleanProperty9 } from "@angular/cdk/coercion";
-function mixinEuiClearable(base = class {
-}) {
-  class Mixin extends base {
-    /** Whether the euiClearable is disabled or not. */
-    get euiClearable() {
-      return this._euiClearable;
-    }
-    set euiClearable(value) {
-      this._euiClearable = coerceBooleanProperty9(value);
-    }
-    constructor(...args) {
-      super(...args);
-      this._euiClearable = false;
-    }
-    getCssClasses(rootClass = "") {
-      return [
-        super["getCssClasses"] ? super["getCssClasses"](rootClass) : rootClass,
-        this._euiClearable ? `${rootClass}--clearable` : ""
-      ].join(" ").trim();
-    }
-  }
-  return Mixin;
-}
-
-// mixins/state/eui-loading.mixin.mjs
-import { coerceBooleanProperty as coerceBooleanProperty10 } from "@angular/cdk/coercion";
-function mixinEuiLoading(base = class {
-}) {
-  class Mixin extends base {
-    /** Whether the euiLoading is disabled or not. */
-    get euiLoading() {
-      return this._euiLoading;
-    }
-    set euiLoading(value) {
-      this._euiLoading = coerceBooleanProperty10(value);
-    }
-    constructor(...args) {
-      super(...args);
-      this._euiLoading = false;
-    }
-    getCssClasses(rootClass = "") {
-      return [super["getCssClasses"] ? super["getCssClasses"](rootClass) : rootClass, this._euiLoading ? `${rootClass}--loading` : ""].join(" ").trim();
-    }
-  }
-  return Mixin;
-}
-
-// mixins/state/eui-rounded.mixin.mjs
-import { coerceBooleanProperty as coerceBooleanProperty11 } from "@angular/cdk/coercion";
-function mixinEuiRounded(base = class {
-}) {
-  class Mixin extends base {
-    /** Whether the euiRounded is disabled or not. */
-    get euiRounded() {
-      return this._euiRounded;
-    }
-    set euiRounded(value) {
-      this._euiRounded = coerceBooleanProperty11(value);
-    }
-    constructor(...args) {
-      super(...args);
-      this._euiRounded = false;
-    }
-    getCssClasses(rootClass = "") {
-      return [super["getCssClasses"] ? super["getCssClasses"](rootClass) : rootClass, this._euiRounded ? `${rootClass}--rounded` : ""].join(" ").trim();
-    }
-  }
-  return Mixin;
-}
-
-// mixins/state/eui-outline.mixin.mjs
-import { coerceBooleanProperty as coerceBooleanProperty12 } from "@angular/cdk/coercion";
-function mixinEuiOutline(base = class {
-}) {
-  class Mixin extends base {
-    /** Whether the euiOutline is disabled or not. */
-    get euiOutline() {
-      return this._euiOutline;
-    }
-    set euiOutline(value) {
-      this._euiOutline = coerceBooleanProperty12(value);
-    }
-    constructor(...args) {
-      super(...args);
-      this._euiOutline = false;
-    }
-    getCssClasses(rootClass = "") {
-      return [super["getCssClasses"] ? super["getCssClasses"](rootClass) : rootClass, this._euiOutline ? `${rootClass}--outline` : ""].join(" ").trim();
-    }
-  }
-  return Mixin;
-}
-
-// mixins/state/eui-compact.mixin.mjs
-import { coerceBooleanProperty as coerceBooleanProperty13 } from "@angular/cdk/coercion";
-function mixinEuiCompact(base = class {
-}) {
-  class Mixin extends base {
-    /** Whether the euiCompact is disabled or not. */
-    get euiCompact() {
-      return this._euiCompact;
-    }
-    set euiCompact(value) {
-      this._euiCompact = coerceBooleanProperty13(value);
-    }
-    constructor(...args) {
-      super(...args);
-      this._euiCompact = false;
-    }
-    getCssClasses(rootClass = "") {
-      return [super["getCssClasses"] ? super["getCssClasses"](rootClass) : rootClass, this._euiCompact ? `${rootClass}--compact` : ""].join(" ").trim();
-    }
-  }
-  return Mixin;
-}
-
-// mixins/state/eui-responsive.mixin.mjs
-import { coerceBooleanProperty as coerceBooleanProperty14 } from "@angular/cdk/coercion";
-function mixinEuiResponsive(base = class {
-}) {
-  class Mixin extends base {
-    /** Whether the euiResponsive is disabled or not. */
-    get euiResponsive() {
-      return this._euiResponsive;
-    }
-    set euiResponsive(value) {
-      this._euiResponsive = coerceBooleanProperty14(value);
-    }
-    constructor(...args) {
-      super(...args);
-      this._euiResponsive = false;
-    }
-    getCssClasses(rootClass = "") {
-      return [
-        super["getCssClasses"] ? super["getCssClasses"](rootClass) : rootClass,
-        this._euiResponsive ? `${rootClass}--responsive` : ""
-      ].join(" ").trim();
-    }
-  }
-  return Mixin;
-}
-
-// mixins/state/eui-highlighted.mixin.mjs
-import { coerceBooleanProperty as coerceBooleanProperty15 } from "@angular/cdk/coercion";
-function mixinEuiHighlighted(base = class {
-}) {
-  class Mixin extends base {
-    /** Whether the euiHighlighted is disabled or not. */
-    get euiHighlighted() {
-      return this._euiHighlighted;
-    }
-    set euiHighlighted(value) {
-      this._euiHighlighted = coerceBooleanProperty15(value);
-    }
-    constructor(...args) {
-      super(...args);
-      this._euiHighlighted = false;
-    }
-    getCssClasses(rootClass = "") {
-      return [
-        super["getCssClasses"] ? super["getCssClasses"](rootClass) : rootClass,
-        this._euiHighlighted ? `${rootClass}--highlighted` : ""
-      ].join(" ").trim();
-    }
-  }
-  return Mixin;
-}
-
-// mixins/size/eui-small.mixin.mjs
-import { coerceBooleanProperty as coerceBooleanProperty16 } from "@angular/cdk/coercion";
-function mixinEuiSmallSize(base = class {
-}) {
-  class Mixin extends base {
-    /** apply extremely small size */
-    get euiSize2XS() {
-      return this._euiSize2XS;
-    }
-    set euiSize2XS(value) {
-      this._euiSize2XS = coerceBooleanProperty16(value);
-    }
-    /** apply extra small size */
-    get euiSizeXS() {
-      return this._euiSizeXS;
-    }
-    set euiSizeXS(value) {
-      this._euiSizeXS = coerceBooleanProperty16(value);
-    }
-    /** apply small size */
-    get euiSizeS() {
-      return this._euiSizeS;
-    }
-    set euiSizeS(value) {
-      this._euiSizeS = coerceBooleanProperty16(value);
-    }
-    constructor(...args) {
-      super(...args);
-      this._euiSize2XS = false;
-      this._euiSizeXS = false;
-      this._euiSizeS = false;
-    }
-    getCssClasses(rootClass = "") {
-      return [
-        super["getCssClasses"] ? super["getCssClasses"](rootClass) : rootClass,
-        this._euiSize2XS ? `${rootClass}--size-2xs` : "",
-        this._euiSizeXS ? `${rootClass}--size-xs` : "",
-        this._euiSizeS ? `${rootClass}--size-s` : ""
-      ].join(" ").trim();
-    }
-  }
-  return Mixin;
-}
-
-// mixins/size/eui-medium.mixin.mjs
-import { coerceBooleanProperty as coerceBooleanProperty17 } from "@angular/cdk/coercion";
-function mixinEuiMediumSize(base = class {
-}) {
-  class Mixin extends base {
-    /** apply small size */
-    get euiSizeM() {
-      return this._euiSizeM;
-    }
-    set euiSizeM(value) {
-      this._euiSizeM = coerceBooleanProperty17(value);
-    }
-    constructor(...args) {
-      super(...args);
-      this._euiSizeM = false;
-    }
-    getCssClasses(rootClass = "") {
-      return [super["getCssClasses"] ? super["getCssClasses"](rootClass) : rootClass, this._euiSizeM ? `${rootClass}--size-m` : ""].join(" ").trim();
-    }
-  }
-  return Mixin;
-}
-
-// mixins/size/eui-large.mixin.mjs
-import { coerceBooleanProperty as coerceBooleanProperty18 } from "@angular/cdk/coercion";
-function mixinEuiLargeSize(base = class {
-}) {
-  class Mixin extends base {
-    /** apply large size */
-    get euiSizeL() {
-      return this._euiSizeL;
-    }
-    set euiSizeL(value) {
-      this._euiSizeL = coerceBooleanProperty18(value);
-    }
-    /** apply extra large size */
-    get euiSizeXL() {
-      return this._euiSizeXL;
-    }
-    set euiSizeXL(value) {
-      this._euiSizeXL = coerceBooleanProperty18(value);
-    }
-    /** apply extra extra large size */
-    get euiSize2XL() {
-      return this._euiSize2XL;
-    }
-    set euiSize2XL(value) {
-      this._euiSize2XL = coerceBooleanProperty18(value);
-    }
-    /** apply extra extra extra large size */
-    get euiSize3XL() {
-      return this._euiSize3XL;
-    }
-    set euiSize3XL(value) {
-      this._euiSize3XL = coerceBooleanProperty18(value);
-    }
-    /** apply extra extra extra extra large size */
-    get euiSize4XL() {
-      return this._euiSize4XL;
-    }
-    set euiSize4XL(value) {
-      this._euiSize4XL = coerceBooleanProperty18(value);
-    }
-    /** apply extra extra extra extra extra large size */
-    get euiSize5XL() {
-      return this._euiSize5XL;
-    }
-    set euiSize5XL(value) {
-      this._euiSize5XL = coerceBooleanProperty18(value);
-    }
-    constructor(...args) {
-      super(...args);
-      this._euiSizeL = false;
-      this._euiSizeXL = false;
-      this._euiSize2XL = false;
-      this._euiSize3XL = false;
-      this._euiSize4XL = false;
-      this._euiSize5XL = false;
-    }
-    getCssClasses(rootClass = "") {
-      return [
-        super["getCssClasses"] ? super["getCssClasses"](rootClass) : rootClass,
-        this._euiSizeXL ? `${rootClass}--size-xl` : "",
-        this._euiSize2XL ? `${rootClass}--size-2xl` : "",
-        this._euiSize3XL ? `${rootClass}--size-3xl` : "",
-        this._euiSize4XL ? `${rootClass}--size-4xl` : "",
-        this._euiSize5XL ? `${rootClass}--size-5xl` : ""
-      ].join(" ").trim();
-    }
-  }
-  return Mixin;
-}
-
-// mixins/index.mjs
-function applyMixins(derivedCtor, constructors) {
-  constructors.forEach((baseCtor) => {
-    Object.getOwnPropertyNames(baseCtor.prototype).forEach((name) => {
-      Object.defineProperty(derivedCtor.prototype, name, Object.getOwnPropertyDescriptor(baseCtor.prototype, name) || /* @__PURE__ */ Object.create(null));
-    });
-  });
-}
-
-// base.directive.mjs
-import { Directive, Input, HostBinding } from "@angular/core";
-import { coerceBooleanProperty as coerceBooleanProperty19 } from "@angular/cdk/coercion";
-import * as i0 from "@angular/core";
-var BaseComponentMixinBase = mixinEuiPrimary(mixinEuiSecondary(mixinEuiInfo(mixinEuiSuccess(mixinEuiWarning(mixinEuiDisabled())))));
-var BaseDirective = class _BaseDirective {
-  constructor() {
-    this._euiPrimary = false;
-    this._euiSecondary = false;
-    this._euiInfo = false;
-    this._euiSuccess = false;
-    this._euiWarning = false;
-    this._euiDanger = false;
-    this._euiAccent = false;
-    this._euiVariant = "";
-    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._euiRounded = false;
-    this._euiOutline = false;
-    this._euiCompact = false;
-    this._euiDisabled = false;
-    this._euiResponsive = false;
-    this._euiHighlighted = false;
-    this._euiClearable = false;
-    this._euiLoading = false;
-  }
-  get ariaDisabled() {
-    return this._euiDisabled ? true : null;
-  }
-  // COLORS
-  get euiPrimary() {
-    return coerceBooleanProperty19(this._euiPrimary);
-  }
-  set euiPrimary(value) {
-    this._euiPrimary = coerceBooleanProperty19(value);
-  }
-  get euiSecondary() {
-    return this._euiSecondary;
-  }
-  set euiSecondary(value) {
-    this._euiSecondary = coerceBooleanProperty19(value);
-  }
-  get euiInfo() {
-    return this._euiInfo;
-  }
-  set euiInfo(value) {
-    this._euiInfo = coerceBooleanProperty19(value);
-  }
-  get euiSuccess() {
-    return this._euiSuccess;
-  }
-  set euiSuccess(value) {
-    this._euiSuccess = coerceBooleanProperty19(value);
-  }
-  get euiWarning() {
-    return this._euiWarning;
-  }
-  set euiWarning(value) {
-    this._euiWarning = coerceBooleanProperty19(value);
-  }
-  get euiDanger() {
-    return this._euiDanger;
-  }
-  set euiDanger(value) {
-    this._euiDanger = coerceBooleanProperty19(value);
-  }
-  get euiAccent() {
-    return this._euiAccent;
-  }
-  set euiAccent(value) {
-    this._euiAccent = coerceBooleanProperty19(value);
-  }
-  get euiVariant() {
-    return this._euiVariant;
-  }
-  set euiVariant(value) {
-    this._euiPrimary = value === "primary";
-    this._euiSecondary = value === "secondary";
-    this._euiWarning = value === "warning";
-    this._euiInfo = value === "info";
-    this._euiSuccess = value === "success";
-    this._euiDanger = value === "danger";
-    this._euiAccent = value === "accent";
-    this._euiVariant = value;
-  }
-  // SIZES
-  get euiSize2XS() {
-    return this._euiSize2XS;
-  }
-  set euiSize2XS(value) {
-    this._euiSize2XS = coerceBooleanProperty19(value);
-  }
-  get euiSizeXS() {
-    return this._euiSizeXS;
-  }
-  set euiSizeXS(value) {
-    this._euiSizeXS = coerceBooleanProperty19(value);
-  }
-  get euiSizeS() {
-    return this._euiSizeS;
-  }
-  set euiSizeS(value) {
-    this._euiSizeS = coerceBooleanProperty19(value);
-  }
-  get euiSizeM() {
-    return this._euiSizeM;
-  }
-  set euiSizeM(value) {
-    this._euiSizeM = coerceBooleanProperty19(value);
-  }
-  get euiSizeL() {
-    return this._euiSizeL;
-  }
-  set euiSizeL(value) {
-    this._euiSizeL = coerceBooleanProperty19(value);
-  }
-  get euiSizeXL() {
-    return this._euiSizeXL;
-  }
-  set euiSizeXL(value) {
-    this._euiSizeXL = coerceBooleanProperty19(value);
-  }
-  get euiSize2XL() {
-    return this._euiSize2XL;
-  }
-  set euiSize2XL(value) {
-    this._euiSize2XL = coerceBooleanProperty19(value);
-  }
-  get euiSize3XL() {
-    return this._euiSize3XL;
-  }
-  set euiSize3XL(value) {
-    this._euiSize3XL = coerceBooleanProperty19(value);
-  }
-  get euiSize4XL() {
-    return this._euiSize4XL;
-  }
-  set euiSize4XL(value) {
-    this._euiSize4XL = coerceBooleanProperty19(value);
-  }
-  get euiSize5XL() {
-    return this._euiSize5XL;
-  }
-  set euiSize5XL(value) {
-    this._euiSize5XL = coerceBooleanProperty19(value);
-  }
-  get euiSizeVariant() {
-    return this._euiSizeVariant;
-  }
-  set euiSizeVariant(value) {
-    this._euiSize2XS = value === "2xs";
-    this._euiSizeXS = value === "xs";
-    this._euiSizeS = value === "s";
-    this._euiSizeM = value === "m";
-    this._euiSizeL = value === "l";
-    this._euiSizeXL = value === "xl";
-    this._euiSize2XL = value === "2xl";
-    this._euiSize3XL = value === "3xl";
-    this._euiSize4XL = value === "4xl";
-    this._euiSize5XL = value === "5xl";
-    this._euiSizeVariant = value;
-  }
-  // EXTRA SHAPES
-  get euiRounded() {
-    return this._euiRounded;
-  }
-  set euiRounded(value) {
-    this._euiRounded = coerceBooleanProperty19(value);
-  }
-  get euiOutline() {
-    return this._euiOutline;
-  }
-  set euiOutline(value) {
-    this._euiOutline = coerceBooleanProperty19(value);
-  }
-  get euiCompact() {
-    return this._euiCompact;
-  }
-  set euiCompact(value) {
-    this._euiCompact = coerceBooleanProperty19(value);
-  }
-  // STATES
-  get euiDisabled() {
-    return this._euiDisabled;
-  }
-  set euiDisabled(value) {
-    this._euiDisabled = coerceBooleanProperty19(value);
-  }
-  get euiResponsive() {
-    return this._euiResponsive;
-  }
-  set euiResponsive(value) {
-    this._euiResponsive = coerceBooleanProperty19(value);
-  }
-  get euiHighlighted() {
-    return this._euiHighlighted;
-  }
-  set euiHighlighted(value) {
-    this._euiHighlighted = coerceBooleanProperty19(value);
-  }
-  get euiClearable() {
-    return this._euiClearable;
-  }
-  set euiClearable(value) {
-    this._euiClearable = coerceBooleanProperty19(value);
-  }
-  get euiLoading() {
-    return this._euiLoading;
-  }
-  set euiLoading(value) {
-    this._euiLoading = coerceBooleanProperty19(value);
-  }
-  getCssClasses(rootClass) {
-    return [
-      rootClass,
-      this._euiPrimary ? `${rootClass}--primary` : "",
-      this._euiSecondary ? `${rootClass}--secondary` : "",
-      this._euiInfo ? `${rootClass}--info` : "",
-      this._euiSuccess ? `${rootClass}--success` : "",
-      this._euiWarning ? `${rootClass}--warning` : "",
-      this._euiDanger ? `${rootClass}--danger` : "",
-      this._euiAccent ? `${rootClass}--accent` : "",
-      this._euiSize2XS ? `${rootClass}--size-2xs` : "",
-      this._euiSizeXS ? `${rootClass}--size-xs` : "",
-      this._euiSizeS ? `${rootClass}--size-s` : "",
-      this._euiSizeM ? `${rootClass}--size-m` : "",
-      this._euiSizeL ? `${rootClass}--size-l` : "",
-      this._euiSizeXL ? `${rootClass}--size-xl` : "",
-      this._euiSize2XL ? `${rootClass}--size-2xl` : "",
-      this._euiSize3XL ? `${rootClass}--size-3xl` : "",
-      this._euiSize4XL ? `${rootClass}--size-4xl` : "",
-      this._euiSize5XL ? `${rootClass}--size-5xl` : "",
-      this._euiRounded ? `${rootClass}--rounded` : "",
-      this._euiOutline ? `${rootClass}--outline` : "",
-      this._euiDisabled ? `${rootClass}--disabled disabled` : "",
-      this._euiCompact ? `${rootClass}--compact` : "",
-      this._euiResponsive ? `${rootClass}--responsive` : "",
-      this._euiHighlighted ? `${rootClass}--highlighted` : "",
-      this._euiClearable ? `${rootClass}--clearable` : "",
-      this._euiLoading ? `${rootClass}--loading` : "",
-      this.styleClass ? this.styleClass : ""
-    ].join(" ").trim();
-  }
-  static {
-    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: _BaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-  }
-  static {
-    this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.2", 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: "18.0.0-next.2", ngImport: i0, type: BaseDirective, decorators: [{
-  type: Directive,
-  args: [{
-    selector: "[euiBase]"
-  }]
-}], propDecorators: { ariaDisabled: [{
-  type: HostBinding,
-  args: ["attr.aria-disabled"]
-}], e2eAttr: [{
-  type: HostBinding,
-  args: ["attr.data-e2e"]
-}, {
-  type: Input
-}], styleClass: [{
-  type: Input
-}], euiPrimary: [{
-  type: Input
-}], euiSecondary: [{
-  type: Input
-}], euiInfo: [{
-  type: Input
-}], euiSuccess: [{
-  type: Input
-}], euiWarning: [{
-  type: Input
-}], euiDanger: [{
-  type: Input
-}], euiAccent: [{
-  type: Input
-}], euiVariant: [{
-  type: Input
-}], euiSize2XS: [{
-  type: Input
-}], euiSizeXS: [{
-  type: Input
-}], euiSizeS: [{
-  type: Input
-}], euiSizeM: [{
-  type: Input
-}], euiSizeL: [{
-  type: Input
-}], euiSizeXL: [{
-  type: Input
-}], euiSize2XL: [{
-  type: Input
-}], euiSize3XL: [{
-  type: Input
-}], euiSize4XL: [{
-  type: Input
-}], euiSize5XL: [{
-  type: Input
-}], euiSizeVariant: [{
-  type: Input
-}], euiRounded: [{
-  type: Input
-}], euiOutline: [{
-  type: Input
-}], euiCompact: [{
-  type: Input
-}], euiDisabled: [{
-  type: Input
-}], euiResponsive: [{
-  type: Input
-}], euiHighlighted: [{
-  type: Input
-}], euiClearable: [{
-  type: Input
-}], euiLoading: [{
-  type: Input
-}] } });
-
-// base-states.directive.mjs
-import { Directive as Directive2, HostBinding as HostBinding2, Input as Input2, booleanAttribute } from "@angular/core";
-import { coerceBooleanProperty as coerceBooleanProperty20 } from "@angular/cdk/coercion";
-import * as i02 from "@angular/core";
-var BaseStatesDirective = class _BaseStatesDirective {
-  constructor() {
-    this.euiRounded = false;
-    this.euiOutline = false;
-    this.euiCompact = false;
-    this.euiDisabled = false;
-    this.euiResponsive = false;
-    this.euiHighlighted = false;
-    this.euiClearable = false;
-    this.euiLoading = false;
-    this.euiInverted = false;
-    this._euiPrimary = false;
-    this._euiSecondary = false;
-    this._euiSecondaryLight = 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 = "";
-  }
-  get ariaDisabled() {
-    return this.euiDisabled ? true : null;
-  }
-  // COLORS
-  get euiPrimary() {
-    return this._euiPrimary;
-  }
-  set euiPrimary(value) {
-    this._euiPrimary = coerceBooleanProperty20(value);
-    this._euiVariant = "primary";
-  }
-  get euiSecondary() {
-    return this._euiSecondary;
-  }
-  set euiSecondary(value) {
-    this._euiSecondary = coerceBooleanProperty20(value);
-    this._euiVariant = "secondary";
-  }
-  get euiSecondaryLight() {
-    return this._euiSecondaryLight;
-  }
-  set euiSecondaryLight(value) {
-    this._euiSecondaryLight = coerceBooleanProperty20(value);
-    this._euiVariant = "secondaryLight";
-  }
-  get euiInfo() {
-    return this._euiInfo;
-  }
-  set euiInfo(value) {
-    this._euiInfo = coerceBooleanProperty20(value);
-    this._euiVariant = "info";
-  }
-  get euiSuccess() {
-    return this._euiSuccess;
-  }
-  set euiSuccess(value) {
-    this._euiSuccess = coerceBooleanProperty20(value);
-    this._euiVariant = "success";
-  }
-  get euiWarning() {
-    return this._euiWarning;
-  }
-  set euiWarning(value) {
-    this._euiWarning = coerceBooleanProperty20(value);
-    this._euiVariant = "warning";
-  }
-  get euiDanger() {
-    return this._euiDanger;
-  }
-  set euiDanger(value) {
-    this._euiDanger = coerceBooleanProperty20(value);
-    this._euiVariant = "danger";
-  }
-  get euiAccent() {
-    return this._euiAccent;
-  }
-  set euiAccent(value) {
-    this._euiAccent = coerceBooleanProperty20(value);
-    this._euiVariant = "accent";
-  }
-  get euiVariant() {
-    return this._euiVariant;
-  }
-  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";
-    this.euiDanger = value === "danger";
-    this.euiAccent = value === "accent";
-    this._euiVariant = value;
-  }
-  // SIZES
-  get euiSize2XS() {
-    return this._euiSize2XS;
-  }
-  set euiSize2XS(value) {
-    this._euiSize2XS = coerceBooleanProperty20(value);
-    this._euiSizeVariant = "2xs";
-  }
-  get euiSizeXS() {
-    return this._euiSizeXS;
-  }
-  set euiSizeXS(value) {
-    this._euiSizeXS = coerceBooleanProperty20(value);
-    this._euiSizeVariant = "xs";
-  }
-  get euiSizeS() {
-    return this._euiSizeS;
-  }
-  set euiSizeS(value) {
-    this._euiSizeS = coerceBooleanProperty20(value);
-    this._euiSizeVariant = "s";
-  }
-  get euiSizeM() {
-    return this._euiSizeM;
-  }
-  set euiSizeM(value) {
-    this._euiSizeM = coerceBooleanProperty20(value);
-    this._euiSizeVariant = "m";
-  }
-  get euiSizeL() {
-    return this._euiSizeL;
-  }
-  set euiSizeL(value) {
-    this._euiSizeL = coerceBooleanProperty20(value);
-    this._euiSizeVariant = "l";
-  }
-  get euiSizeXL() {
-    return this._euiSizeXL;
-  }
-  set euiSizeXL(value) {
-    this._euiSizeXL = coerceBooleanProperty20(value);
-    this._euiSizeVariant = "xl";
-  }
-  get euiSize2XL() {
-    return this._euiSize2XL;
-  }
-  set euiSize2XL(value) {
-    this._euiSize2XL = coerceBooleanProperty20(value);
-    this._euiSizeVariant = "2xl";
-  }
-  get euiSize3XL() {
-    return this._euiSize3XL;
-  }
-  set euiSize3XL(value) {
-    this._euiSize3XL = coerceBooleanProperty20(value);
-    this._euiSizeVariant = "3xl";
-  }
-  get euiSize4XL() {
-    return this._euiSize4XL;
-  }
-  set euiSize4XL(value) {
-    this._euiSize4XL = coerceBooleanProperty20(value);
-    this._euiSizeVariant = "4xl";
-  }
-  get euiSize5XL() {
-    return this._euiSize5XL;
-  }
-  set euiSize5XL(value) {
-    this._euiSize5XL = coerceBooleanProperty20(value);
-    this._euiSizeVariant = "5xl";
-  }
-  get euiSizeVariant() {
-    return this._euiSizeVariant;
-  }
-  set euiSizeVariant(value) {
-    this.euiSize2XS = value === "2xs";
-    this.euiSizeXS = value === "xs";
-    this.euiSizeS = value === "s";
-    this.euiSizeM = value === "m";
-    this.euiSizeL = value === "l";
-    this.euiSizeXL = value === "xl";
-    this.euiSize2XL = value === "2xl";
-    this.euiSize3XL = value === "3xl";
-    this.euiSize4XL = value === "4xl";
-    this.euiSize5XL = value === "5xl";
-    this._euiSizeVariant = value;
-  }
-  getCssClasses(rootClass) {
-    return [
-      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` : "",
-      this.euiDanger ? `${rootClass}--danger` : "",
-      this.euiAccent ? `${rootClass}--accent` : "",
-      this.euiSize2XS ? `${rootClass}--size-2xs` : "",
-      this.euiSizeXS ? `${rootClass}--size-xs` : "",
-      this.euiSizeS ? `${rootClass}--size-s` : "",
-      this.euiSizeM ? `${rootClass}--size-m` : "",
-      this.euiSizeL ? `${rootClass}--size-l` : "",
-      this.euiSizeXL ? `${rootClass}--size-xl` : "",
-      this.euiSize2XL ? `${rootClass}--size-2xl` : "",
-      this.euiSize3XL ? `${rootClass}--size-3xl` : "",
-      this.euiSize4XL ? `${rootClass}--size-4xl` : "",
-      this.euiSize5XL ? `${rootClass}--size-5xl` : "",
-      this.euiRounded ? `${rootClass}--rounded` : "",
-      this.euiOutline ? `${rootClass}--outline` : "",
-      this.euiDisabled ? `${rootClass}--disabled disabled` : "",
-      this.euiCompact ? `${rootClass}--compact` : "",
-      this.euiResponsive ? `${rootClass}--responsive` : "",
-      this.euiHighlighted ? `${rootClass}--highlighted` : "",
-      this.euiClearable ? `${rootClass}--clearable` : "",
-      this.euiLoading ? `${rootClass}--loading` : "",
-      this.euiInverted ? `${rootClass}--inverted` : ""
-    ].join(" ").trim();
-  }
-  static {
-    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i02, type: _BaseStatesDirective, deps: [], target: i02.ɵɵFactoryTarget.Directive });
-  }
-  static {
-    this.ɵdir = i02.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.0.0-next.2", 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", "euiRounded", booleanAttribute], euiOutline: ["euiOutline", "euiOutline", booleanAttribute], euiCompact: ["euiCompact", "euiCompact", booleanAttribute], euiDisabled: ["euiDisabled", "euiDisabled", booleanAttribute], euiResponsive: ["euiResponsive", "euiResponsive", booleanAttribute], euiHighlighted: ["euiHighlighted", "euiHighlighted", booleanAttribute], euiClearable: ["euiClearable", "euiClearable", booleanAttribute], euiLoading: ["euiLoading", "euiLoading", booleanAttribute], euiInverted: ["euiInverted", "euiInverted", booleanAttribute] }, host: { properties: { "attr.aria-disabled": "this.ariaDisabled" } }, ngImport: i02 });
-  }
-};
-i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i02, type: BaseStatesDirective, decorators: [{
-  type: Directive2,
-  args: [{
-    standalone: true,
-    selector: "[euiBase]"
-  }]
-}], propDecorators: { ariaDisabled: [{
-  type: HostBinding2,
-  args: ["attr.aria-disabled"]
-}], euiPrimary: [{
-  type: Input2
-}], euiSecondary: [{
-  type: Input2
-}], euiSecondaryLight: [{
-  type: Input2
-}], euiInfo: [{
-  type: Input2
-}], euiSuccess: [{
-  type: Input2
-}], euiWarning: [{
-  type: Input2
-}], euiDanger: [{
-  type: Input2
-}], euiAccent: [{
-  type: Input2
-}], euiVariant: [{
-  type: Input2
-}], euiSize2XS: [{
-  type: Input2
-}], euiSizeXS: [{
-  type: Input2
-}], euiSizeS: [{
-  type: Input2
-}], euiSizeM: [{
-  type: Input2
-}], euiSizeL: [{
-  type: Input2
-}], euiSizeXL: [{
-  type: Input2
-}], euiSize2XL: [{
-  type: Input2
-}], euiSize3XL: [{
-  type: Input2
-}], euiSize4XL: [{
-  type: Input2
-}], euiSize5XL: [{
-  type: Input2
-}], euiSizeVariant: [{
-  type: Input2
-}], euiRounded: [{
-  type: Input2,
-  args: [{ transform: booleanAttribute }]
-}], euiOutline: [{
-  type: Input2,
-  args: [{ transform: booleanAttribute }]
-}], euiCompact: [{
-  type: Input2,
-  args: [{ transform: booleanAttribute }]
-}], euiDisabled: [{
-  type: Input2,
-  args: [{ transform: booleanAttribute }]
-}], euiResponsive: [{
-  type: Input2,
-  args: [{ transform: booleanAttribute }]
-}], euiHighlighted: [{
-  type: Input2,
-  args: [{ transform: booleanAttribute }]
-}], euiClearable: [{
-  type: Input2,
-  args: [{ transform: booleanAttribute }]
-}], euiLoading: [{
-  type: Input2,
-  args: [{ transform: booleanAttribute }]
-}], euiInverted: [{
-  type: Input2,
-  args: [{ transform: booleanAttribute }]
-}] } });
-export {
-  BaseComponentMixinBase,
-  BaseDirective,
-  BaseStatesDirective,
-  applyMixins,
-  mixinEuiAccent,
-  mixinEuiClearable,
-  mixinEuiCompact,
-  mixinEuiDanger,
-  mixinEuiDisabled,
-  mixinEuiHighlighted,
-  mixinEuiInfo,
-  mixinEuiLargeSize,
-  mixinEuiLoading,
-  mixinEuiMediumSize,
-  mixinEuiOutline,
-  mixinEuiPrimary,
-  mixinEuiResponsive,
-  mixinEuiRounded,
-  mixinEuiSecondary,
-  mixinEuiSmallSize,
-  mixinEuiSuccess,
-  mixinEuiVariant,
-  mixinEuiWarning
-};
-/**
- * @license
- * Copyright European Commission All Rights Reserved.
- *
- * Use of this source code is governed by an EUPL-style license that can be
- * found in the LICENSE file at https://ec.europa.eu/info/european-union-public-licence_en
- */
-//# sourceMappingURL=eui-components-shared-base.mjs.map