@yamato-daiwa/frontend-vue 0.3.0-alpha.1 → 0.3.0-alpha.2

package/Source/GUI_Components/Badge/Badge.vue.ts

@@ -1,240 +0,0 @@
-/* ─── Assets ─────────────────────────────────────────────────────────────────────────────────────────────────────── */
-import componentVueTemplate from "./Badge.vue.pug";
-
-/* ─── Validations ─────────────────────────────────────────────────────────────────────────────────────── */
-import VuePropertyValidator from "../_VuePropertiesValidators/VuePropertyValidator";
-import ThemeVuePropertyValidator from "../_VuePropertiesValidators/ThemeVuePropertyValidator";
-import GeometricVariationVuePropertyValidator from "../_VuePropertiesValidators/GeometricVariationVuePropertyValidator";
-import GeometricModifiersVuePropertyValidator from "../_VuePropertiesValidators/GeometricModifiersVuePropertyValidator";
-import DecorativeVariationVuePropertyValidator from "../_VuePropertiesValidators/DecorativeVariationVuePropertyValidator";
-import DecorativeModifiersVuePropertyValidator from "../_VuePropertiesValidators/DecorativeModifiersVuePropertyValidator";
-import NonEmptyStringVuePropertyValidator from "../_VuePropertiesValidators/NonEmptyStringVuePropertyValidator";
-import BooleanVuePropertyValidator from "../_VuePropertiesValidators/BooleanVuePropertyValidator";
-import preventNullForOptionalVueProperty from "../_Decorators/preventNullForOptionalVueProperty";
-
-/* ─── Framework ──────────────────────────────────────────────────────────────────────────────────────────────────── */
-import {
-  ComponentBase as VueComponentConfiguration,
-  Vue as VueComponent,
-  Prop as VueProperty
-} from "vue-facing-decorator";
-
-/* ─── Utils ──────────────────────────────────────────────────────────────────────────────────────────────────────── */
-import YDF_ComponentsCoordinator from "../YDF_ComponentsCoordinator";
-import { isNonEmptyString, type ElementOfPseudoEnumeration } from "@yamato-daiwa/es-extensions";
-
-
-@VueComponentConfiguration({
-  name: Badge.CSS_NAMESPACE,
-  template: componentVueTemplate
-})
-class Badge extends VueComponent {
-
-  public static CSS_NAMESPACE: string = "Badge--YDF";
-
-
-  @VueProperty({
-    required: false,
-    get validator(): VuePropertyValidator {
-      return NonEmptyStringVuePropertyValidator({
-        propertyName: "keyLabel",
-        componentName: Badge.CSS_NAMESPACE,
-        isPropertyRequired: this.required === true
-      });
-    }
-  })
-  @preventNullForOptionalVueProperty
-  protected readonly keyLabel?: string;
-
-  @VueProperty({
-    required: true,
-    get validator(): VuePropertyValidator {
-      return NonEmptyStringVuePropertyValidator({
-        propertyName: "valueLabel",
-        componentName: Badge.CSS_NAMESPACE,
-        isPropertyRequired: this.required === true
-      });
-    }
-  })
-  protected readonly valueLabel!: string;
-
-  @VueProperty({
-    default: "span",
-    validator: VuePropertyValidator.create({
-      checker: isNonEmptyString,
-      messageSpecificPart: "If specified, must be the valid HTML tag name",
-      propertyName: "rootElementTag",
-      componentName: Badge.CSS_NAMESPACE
-    })
-  })
-  @preventNullForOptionalVueProperty
-  protected readonly rootElementTag!: string;
-
-
-  /* ━━━ Theming ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
-  public static readonly Themes: Badge.Themes = { regular: "REGULAR" };
-
-  @VueProperty({
-    default: Badge.Themes.regular,
-    validator: ThemeVuePropertyValidator(Badge)
-  })
-  @preventNullForOptionalVueProperty
-  protected readonly theme!: string;
-
-  public static defineThemes(themesNames: ReadonlyArray<string>): typeof Badge {
-    return YDF_ComponentsCoordinator.defineThemes(themesNames, Badge);
-  }
-
-  public static areThemesCSS_ClassesCommon: boolean = YDF_ComponentsCoordinator.areThemesCSS_ClassesCommon;
-
-  public static considerThemesAsCommon(): void {
-    Badge.areThemesCSS_ClassesCommon = true;
-  }
-
-  @VueProperty({
-    default: Badge.areThemesCSS_ClassesCommon,
-    get validator(): VuePropertyValidator {
-      return BooleanVuePropertyValidator({
-        propertyName: "areThemesCSS_ClassesCommon",
-        componentName: Badge.CSS_NAMESPACE,
-        isPropertyRequired: this.required === true
-      });
-    }
-  })
-  @preventNullForOptionalVueProperty
-  protected readonly areThemesCSS_ClassesCommon!: boolean;
-
-
-  /* ─── Geometry ─────────────────────────────────────────────────────────────────────────────────────────────────── */
-  public static readonly GeometricVariations: Badge.GeometricVariations = {
-    regular: "REGULAR",
-    small: "SMALL"
-  };
-
-  @VueProperty({
-    default: Badge.GeometricVariations.regular,
-    validator: GeometricVariationVuePropertyValidator(Badge)
-  })
-  @preventNullForOptionalVueProperty
-  protected readonly geometricVariation!: string;
-
-  public static defineGeometricVariations(geometricVariationsNames: ReadonlyArray<string>): typeof Badge {
-    return YDF_ComponentsCoordinator.defineGeometricVariations(geometricVariationsNames, Badge);
-  }
-
-  public static readonly GeometricModifiers: Badge.GeometricModifiers = {
-    pillShape: "PILL_SHAPE",
-    singleLine: "SINGLE_LINE"
-  };
-
-  @VueProperty({
-    default: (): ReadonlyArray<ElementOfPseudoEnumeration<Badge.GeometricModifiers>> => [],
-    validator: GeometricModifiersVuePropertyValidator(Badge)
-  })
-  @preventNullForOptionalVueProperty
-  protected readonly geometricModifiers!: ReadonlyArray<ElementOfPseudoEnumeration<Badge.GeometricModifiers>>;
-
-
-  /* ─── Decoration ───────────────────────────────────────────────────────────────────────────────────────────────── */
-  public static readonly DecorativeVariations: Badge.DecorativeVariations = {
-    veryCatchyBright: "VERY_CATCHY_BRIGHT",
-    catchyBright: "CATCHY_BRIGHT",
-    modestlyCatchyBright: "MODESTLY_CATCHY_BRIGHT",
-    neutralBright: "NEUTRAL_BRIGHT",
-    modestlyCalmingBright: "MODESTLY_CALMING_BRIGHT",
-    calmingBright: "CALMING_BRIGHT",
-    achromaticBright: "ACHROMATIC_BRIGHT",
-    veryCatchyPastel: "VERY_CATCHY_PASTEL",
-    catchyPastel: "CATCHY_PASTEL",
-    modestlyCatchyPastel: "MODESTLY_CATCHY_PASTEL",
-    neutralPastel: "NEUTRAL_PASTEL",
-    modestlyCalmingPastel: "MODESTLY_CALMING_PASTEL",
-    calmingPastel: "CALMING_PASTEL",
-    achromaticPastel: "ACHROMATIC_PASTEL"
-  };
-
-  @VueProperty({
-    required: true,
-    validator: DecorativeVariationVuePropertyValidator(Badge)
-  })
-  protected readonly decorativeVariation!: string;
-
-  public static defineDecorativeVariations(decorativeVariationsNames: ReadonlyArray<string>): typeof Badge {
-    return YDF_ComponentsCoordinator.defineDecorativeVariations(decorativeVariationsNames, Badge);
-  }
-
-  public static readonly DecorativeModifiers: Badge.DecorativeModifiers = {
-    bordersDisguising: "BORDERS_DISGUISING",
-    noBackground: "NO_BACKGROUND"
-  };
-
-  @VueProperty({
-    default: (): ReadonlyArray<ElementOfPseudoEnumeration<Badge.DecorativeModifiers>> => [],
-    validator: DecorativeModifiersVuePropertyValidator(Badge)
-  })
-  protected readonly decorativeModifiers!: ReadonlyArray<ElementOfPseudoEnumeration<Badge.DecorativeModifiers>>;
-
-
-  /* ━━━ CSS Classes ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
-  protected get rootElementModifierCSS_Classes(): ReadonlyArray<string> {
-    return YDF_ComponentsCoordinator.generateRootElementModifierCSS_Classes({
-      CSS_Namespace: Badge.CSS_NAMESPACE,
-      activeTheme: this.theme,
-      allThemes: Badge.Themes,
-      areThemesCSS_ClassesCommon: this.areThemesCSS_ClassesCommon,
-      activeGeometricVariation: this.geometricVariation,
-      allGeometricVariations: Badge.GeometricVariations,
-      activeGeometricModifiers: this.geometricModifiers,
-      activeDecorativeVariation: this.decorativeVariation,
-      allDecorativeVariations: Badge.DecorativeVariations,
-      activeDecorativeModifiers: this.decorativeModifiers
-    });
-  }
-
-}
-
-
-namespace Badge {
-
-  export type Themes = {
-    readonly regular: "REGULAR";
-    [themeName: string]: string;
-  };
-
-  export type GeometricVariations = {
-    readonly regular: "REGULAR";
-    [variationName: string]: string;
-  };
-
-  export type GeometricModifiers = Readonly<{
-    pillShape: "PILL_SHAPE";
-    singleLine: "SINGLE_LINE";
-  }>;
-
-  export type DecorativeVariations = {
-    readonly veryCatchyBright: "VERY_CATCHY_BRIGHT";
-    readonly catchyBright: "CATCHY_BRIGHT";
-    readonly modestlyCatchyBright: "MODESTLY_CATCHY_BRIGHT";
-    readonly neutralBright: "NEUTRAL_BRIGHT";
-    readonly modestlyCalmingBright: "MODESTLY_CALMING_BRIGHT";
-    readonly calmingBright: "CALMING_BRIGHT";
-    readonly achromaticBright: "ACHROMATIC_BRIGHT";
-    readonly veryCatchyPastel: "VERY_CATCHY_PASTEL";
-    readonly catchyPastel: "CATCHY_PASTEL";
-    readonly modestlyCatchyPastel: "MODESTLY_CATCHY_PASTEL";
-    readonly neutralPastel: "NEUTRAL_PASTEL";
-    readonly modestlyCalmingPastel: "MODESTLY_CALMING_PASTEL";
-    readonly calmingPastel: "CALMING_PASTEL";
-    readonly achromaticPastel: "ACHROMATIC_PASTEL";
-    [variationName: string]: string;
-  };
-
-  export type DecorativeModifiers = Readonly<{
-    bordersDisguising: "BORDERS_DISGUISING";
-    noBackground: "NO_BACKGROUND";
-  }>;
-
-}
-
-
-export default Badge;

package/Source/GUI_Components/Badge/LoadingPlaceholder/Badge-LoadingPlaceholder.vue.pug

@@ -1,3 +0,0 @@
-span.Badge--YDF.Badge--YDF__LoadingPlaceholder(
-  :class="rootElementModifierCSS_Classes"
-)

package/Source/GUI_Components/Badge/LoadingPlaceholder/Badge-LoadingPlaceholder.vue.ts

@@ -1,93 +0,0 @@
-/* ─── Assets ─────────────────────────────────────────────────────────────────────────────────────────────────────── */
-import componentVueTemplate from "./Badge-LoadingPlaceholder.vue.pug";
-
-/* ─── GUI Components ─────────────────────────────────────────────────────────────────────────────────────────────── */
-import Badge from "../Badge.vue";
-
-/* ─── Validations ─────────────────────────────────────────────────────────────────────────────────────── */
-import type VuePropertyValidator from "../../_VuePropertiesValidators/VuePropertyValidator";
-import ThemeVuePropertyValidator from "../../_VuePropertiesValidators/ThemeVuePropertyValidator";
-import GeometricVariationVuePropertyValidator from "../../_VuePropertiesValidators/GeometricVariationVuePropertyValidator";
-import GeometricModifiersVuePropertyValidator from "../../_VuePropertiesValidators/GeometricModifiersVuePropertyValidator";
-import preventNullForOptionalVueProperty from "../../_Decorators/preventNullForOptionalVueProperty";
-import BooleanVuePropertyValidator from "../../_VuePropertiesValidators/BooleanVuePropertyValidator";
-
-/* ─── Framework ──────────────────────────────────────────────────────────────────────────────────────────────────── */
-import {
-  ComponentBase as VueComponentConfiguration,
-  Vue as VueComponent,
-  Prop as VueProperty
-} from "vue-facing-decorator";
-
-/* ─── Utils ──────────────────────────────────────────────────────────────────────────────────────────────────────── */
-import YDF_ComponentsCoordinator from "../../YDF_ComponentsCoordinator";
-import { type ElementOfPseudoEnumeration } from "@yamato-daiwa/es-extensions";
-
-
-@VueComponentConfiguration({
-  name: "Badge--YDF__LoadingPlaceholder",
-  template: componentVueTemplate
-})
-export default class BadgeLoadingPlaceholder extends VueComponent {
-
-  @VueProperty({
-    default: Badge.Themes.regular,
-    validator: ThemeVuePropertyValidator({
-      Themes: Badge.Themes,
-      CSS_NAMESPACE: "Badge--YDF__LoadingPlaceholder"
-    })
-  })
-  @preventNullForOptionalVueProperty
-  protected readonly theme!: string;
-
-
-  @VueProperty({
-    default: Badge.areThemesCSS_ClassesCommon,
-    get validator(): VuePropertyValidator {
-      return BooleanVuePropertyValidator({
-        propertyName: "areThemesCSS_ClassesCommon",
-        componentName: Badge.name,
-        isPropertyRequired: this.required === true
-      });
-    }
-  })
-  @preventNullForOptionalVueProperty
-  protected readonly areThemesCSS_ClassesCommon!: boolean;
-
-
-  @VueProperty({
-    default: Badge.GeometricVariations.regular,
-    validator: GeometricVariationVuePropertyValidator({
-      GeometricVariations: Badge.GeometricVariations,
-      CSS_NAMESPACE: "Badge--YDF__LoadingPlaceholder"
-    })
-  })
-  @preventNullForOptionalVueProperty
-  protected readonly geometricVariation!: string;
-
-
-  @VueProperty({
-    default: (): ReadonlyArray<Badge.GeometricModifiers> => [],
-    validator: GeometricModifiersVuePropertyValidator({
-      GeometricModifiers: Badge.GeometricModifiers,
-      CSS_NAMESPACE: "Badge--YDF__LoadingPlaceholder"
-    })
-  })
-  @preventNullForOptionalVueProperty
-  protected readonly geometricModifiers!: ReadonlyArray<ElementOfPseudoEnumeration<Badge.GeometricModifiers>>;
-
-
-  protected get rootElementModifierCSS_Classes(): ReadonlyArray<string> {
-    return YDF_ComponentsCoordinator.generateRootElementModifierCSS_Classes({
-      CSS_Namespace: Badge.CSS_NAMESPACE,
-      activeTheme: this.theme,
-      allThemes: Badge.Themes,
-      areThemesCSS_ClassesCommon: this.areThemesCSS_ClassesCommon,
-      activeGeometricVariation: this.geometricVariation,
-      allGeometricVariations: Badge.GeometricVariations,
-      activeGeometricModifiers: this.geometricModifiers
-    });
-
-  }
-
-}

package/Source/GUI_Components/Controls/Buttons/Closing/ClosingButton.vue.pug

@@ -1 +0,0 @@
-.ClosingButton--YDF Closing!

package/Source/GUI_Components/Controls/Buttons/Closing/ClosingButton.vue.ts

@@ -1,224 +0,0 @@
-/* ─── Assets ─────────────────────────────────────────────────────────────────────────────────────────────────────── */
-import componentVueTemplate from "./ClosingButton.vue.pug";
-
-/* ─── Validations ─────────────────────────────────────────────────────────────────────────────────────── */
-import type VuePropertyValidator from "../../../_VuePropertiesValidators/VuePropertyValidator";
-import BooleanVuePropertyValidator from "../../../_VuePropertiesValidators/BooleanVuePropertyValidator";
-import ElementOfEnumerationVuePropertyValidator from "../../../_VuePropertiesValidators/ElementOfEnumerationVuePropertyValidator";
-import NonEmptyStringVuePropertyValidator from "../../../_VuePropertiesValidators/NonEmptyStringVuePropertyValidator";
-import ThemeVuePropertyValidator from "../../../_VuePropertiesValidators/ThemeVuePropertyValidator";
-import GeometricVariationVuePropertyValidator from "../../../_VuePropertiesValidators/GeometricVariationVuePropertyValidator";
-import GeometricModifiersVuePropertyValidator from "../../../_VuePropertiesValidators/GeometricModifiersVuePropertyValidator";
-import DecorativeVariationVuePropertyValidator from "../../../_VuePropertiesValidators/DecorativeVariationVuePropertyValidator";
-import DecorativeModifiersVuePropertyValidator from "../../../_VuePropertiesValidators/DecorativeModifiersVuePropertyValidator";
-import preventNullForOptionalVueProperty from "../../../_Decorators/preventNullForOptionalVueProperty";
-
-/* ─── Framework ──────────────────────────────────────────────────────────────────────────────────────────────────── */
-import {
-  ComponentBase as VueComponentConfiguration,
-  Vue as VueComponent,
-  Prop as VueProperty
-} from "vue-facing-decorator";
-
-/* ─── Utils ──────────────────────────────────────────────────────────────────────────────────────────────────────── */
-import YDF_ComponentsCoordinator from "../../../YDF_ComponentsCoordinator";
-import { type ElementOfPseudoEnumeration } from "@yamato-daiwa/es-extensions";
-
-
-@VueComponentConfiguration({
-  name: ClosingButton.CSS_NAMESPACE,
-  template: componentVueTemplate
-})
-class ClosingButton extends VueComponent {
-
-  /* ━━━ Static Fields ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
-  public static CSS_NAMESPACE: string = "ClosingButton--YDF";
-
-  public static LabelLetterCases: ClosingButton.LabelLetterCases = {
-    uppercase: "UPPERCASE",
-    lowercase: "LOWERCASE",
-    capitalisation: "CAPITALISATION"
-  };
-
-
-  /* ━━━ Common Properties ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
-  /* ─── Textings ─────────────────────────────────────────────────────────────────────────────────────────────────── */
-  @VueProperty({
-    required: false,
-    get validator(): VuePropertyValidator {
-      return NonEmptyStringVuePropertyValidator({
-        isPropertyRequired: this.required === true,
-        propertyName: "customLabel",
-        componentName: ClosingButton.CSS_NAMESPACE
-      });
-    }
-  })
-  @preventNullForOptionalVueProperty
-  protected readonly customLabel?: string;
-
-  @VueProperty({
-    default: false,
-    get validator(): VuePropertyValidator {
-      return BooleanVuePropertyValidator({
-        propertyName: "noLabel",
-        componentName: ClosingButton.CSS_NAMESPACE,
-        isPropertyRequired: this.required === true
-      });
-    }
-  })
-  @preventNullForOptionalVueProperty
-  protected readonly noLabel!: boolean;
-
-  @VueProperty({
-    default: ClosingButton.LabelLetterCases.lowercase,
-    get validator(): VuePropertyValidator {
-      return ElementOfEnumerationVuePropertyValidator({
-        enumerationFullyQualifiedName: "ClosingButton.LabelLetterCases",
-        enumeration: ClosingButton.LabelLetterCases,
-        propertyName: "labelLetterCase",
-        componentName: ClosingButton.CSS_NAMESPACE,
-        isPropertyRequired: this.required === true
-      });
-    }
-  })
-  @preventNullForOptionalVueProperty
-  protected readonly labelLetterCase!: ElementOfPseudoEnumeration<ClosingButton.LabelLetterCases>;
-
-  @VueProperty({
-    required: false,
-    get validator(): VuePropertyValidator {
-      return NonEmptyStringVuePropertyValidator({
-        isPropertyRequired: this.required === true,
-        propertyName: "accessibilityGuidance",
-        componentName: ClosingButton.CSS_NAMESPACE
-      });
-    }
-  })
-  @preventNullForOptionalVueProperty
-  protected readonly accessibilityGuidance?: string;
-
-
-  /* ━━━ Theming ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
-  public static readonly Themes: ClosingButton.Themes = { regular: "REGULAR" };
-
-  @VueProperty({
-    default: ClosingButton.Themes.regular,
-    validator: ThemeVuePropertyValidator(ClosingButton)
-  })
-  @preventNullForOptionalVueProperty
-  protected readonly theme!: string;
-
-  public static defineThemes(themesNames: ReadonlyArray<string>): typeof ClosingButton {
-    return YDF_ComponentsCoordinator.defineThemes(themesNames, ClosingButton);
-  }
-
-  public static areThemesCSS_ClassesCommon: boolean = YDF_ComponentsCoordinator.areThemesCSS_ClassesCommon;
-
-  public static considerThemesAsCommon(): void {
-    ClosingButton.areThemesCSS_ClassesCommon = true;
-  }
-
-  @VueProperty({
-    default: ClosingButton.areThemesCSS_ClassesCommon,
-    get validator(): VuePropertyValidator {
-      return BooleanVuePropertyValidator({
-        propertyName: "areThemesCSS_ClassesCommon",
-        componentName: ClosingButton.CSS_NAMESPACE,
-        isPropertyRequired: this.required === true
-      });
-    }
-  })
-  @preventNullForOptionalVueProperty
-  protected readonly areThemesCSS_ClassesCommon!: boolean;
-
-
-  /* ─── Geometry ─────────────────────────────────────────────────────────────────────────────────────────────────── */
-  public static readonly GeometricVariations: ClosingButton.GeometricVariations = { regular: "REGULAR" };
-
-  @VueProperty({
-    default: ClosingButton.GeometricVariations.regular,
-    validator: GeometricVariationVuePropertyValidator(ClosingButton)
-  })
-  @preventNullForOptionalVueProperty
-  protected readonly geometricVariation!: string;
-
-  public static defineGeometricVariations(geometricVariationsNames: ReadonlyArray<string>): typeof ClosingButton {
-    return YDF_ComponentsCoordinator.defineGeometricVariations(geometricVariationsNames, ClosingButton);
-  }
-
-  public static readonly GeometricModifiers: ClosingButton.GeometricModifiers = { noRoundings: "NO_ROUNDINGS" };
-
-  @VueProperty({
-    default: (): ReadonlyArray<ElementOfPseudoEnumeration<ClosingButton.GeometricModifiers>> => [],
-    validator: GeometricModifiersVuePropertyValidator(ClosingButton)
-  })
-  @preventNullForOptionalVueProperty
-  protected readonly geometricModifiers!: ReadonlyArray<ElementOfPseudoEnumeration<ClosingButton.GeometricModifiers>>;
-
-
-  /* ─── Decoration ───────────────────────────────────────────────────────────────────────────────────────────────── */
-  public static readonly DecorativeVariations: ClosingButton.DecorativeVariations = { regular: "REGULAR" };
-
-  @VueProperty({
-    default: ClosingButton.DecorativeVariations.regular,
-    validator: DecorativeVariationVuePropertyValidator(ClosingButton)
-  })
-  @preventNullForOptionalVueProperty
-  protected readonly decorativeVariation!: string;
-
-  public static defineDecorativeVariations(decorativeVariationsNames: ReadonlyArray<string>): typeof ClosingButton {
-    return YDF_ComponentsCoordinator.defineDecorativeVariations(decorativeVariationsNames, ClosingButton);
-  }
-
-  public static readonly DecorativeModifiers: ClosingButton.DecorativeModifiers = {
-    bordersDisguising: "BORDERS_DISGUISING",
-    noBackground: "NO_BACKGROUND",
-    noBackgroundInDefaultState: "NO_BACKGROUND_IN_DEFAULT_STATE"
-  };
-
-  @VueProperty({
-    default: (): ReadonlyArray<ElementOfPseudoEnumeration<ClosingButton.DecorativeModifiers>> => [],
-    validator: DecorativeModifiersVuePropertyValidator(ClosingButton)
-  })
-  protected readonly decorativeModifiers!: ReadonlyArray<ElementOfPseudoEnumeration<ClosingButton.DecorativeModifiers>>;
-
-}
-
-
-namespace ClosingButton {
-
-  export type LabelLetterCases = Readonly<{
-    uppercase: "UPPERCASE";
-    lowercase: "LOWERCASE";
-    capitalisation: "CAPITALISATION";
-  }>;
-
-  export type Themes = {
-    readonly regular: "REGULAR";
-    [themeName: string]: string;
-  };
-
-  export type GeometricVariations = {
-    readonly regular: "REGULAR";
-    [variationName: string]: string;
-  };
-
-  export type GeometricModifiers = Readonly<{
-    noRoundings: "NO_ROUNDINGS";
-  }>;
-
-  export type DecorativeVariations = {
-    readonly regular: "REGULAR";
-    [variationName: string]: string;
-  };
-
-  export type DecorativeModifiers = Readonly<{
-    bordersDisguising: "BORDERS_DISGUISING";
-    noBackground: "NO_BACKGROUND";
-    noBackgroundInDefaultState: "NO_BACKGROUND_IN_DEFAULT_STATE";
-  }>;
-
-}
-
-
-export default ClosingButton;