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

package/.idea/runConfigurations/Lint.xml

@@ -1,12 +0,0 @@
-<component name="ProjectRunConfigurationManager">
-  <configuration default="false" name="Lint" type="js.build_tools.npm" nameIsGenerated="true">
-    <package-json value="$PROJECT_DIR$/package.json" />
-    <command value="run" />
-    <scripts>
-      <script value="Lint" />
-    </scripts>
-    <node-interpreter value="project" />
-    <envs />
-    <method v="2" />
-  </configuration>
-</component>

package/.idea/runConfigurations/Rebuild_Distributable.xml

@@ -1,12 +0,0 @@
-<component name="ProjectRunConfigurationManager">
-  <configuration default="false" name="Rebuild Distributable" type="js.build_tools.npm">
-    <package-json value="$PROJECT_DIR$/package.json" />
-    <command value="run" />
-    <scripts>
-      <script value="Rebuild Distributable" />
-    </scripts>
-    <node-interpreter value="project" />
-    <envs />
-    <method v="2" />
-  </configuration>
-</component>

package/.idea/runConfigurations/Start_Workbenches.xml

@@ -1,12 +0,0 @@
-<component name="ProjectRunConfigurationManager">
-  <configuration default="false" name="Start Workbenches" type="js.build_tools.npm" nameIsGenerated="true">
-    <package-json value="$PROJECT_DIR$/package.json" />
-    <command value="run" />
-    <scripts>
-      <script value="Start Workbenches" />
-    </scripts>
-    <node-interpreter value="project" />
-    <envs />
-    <method v="2" />
-  </configuration>
-</component>

package/.idea/vcs.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="VcsDirectoryMappings">
-    <mapping directory="$PROJECT_DIR$/../../.." vcs="Git" />
-  </component>
-</project>

package/.pug-lintrc

@@ -1,4 +0,0 @@
-{
-  "extends": "./node_modules/@yamato-daiwa/style_guides/Markup.js",
-  "excludeFiles": [ "Source/**" ]
-}

package/Project.d.ts

@@ -1,10 +0,0 @@
-declare module "*.vue" {
-  import type { DefineComponent } from "vue";
-  const component: DefineComponent<{ [key: string]: unknown; }, { [key: string]: unknown; }, unknown>;
-  export default component;
-}
-
-declare module "*.pug" {
-  const template: string;
-  export default template;
-}

package/Source/Functions/Routing/extractVueRouteQueryParameterAsArray.ts

@@ -1,65 +0,0 @@
-import type { _RouteLocationBase as VueRouterLocation, LocationQueryValue as VueRouterLocationQueryValue } from "vue-router";
-import {
-  isString,
-  isUndefined,
-  isNotUndefined,
-  isEitherUndefinedOrNull
-} from "@yamato-daiwa/es-extensions";
-
-
-export default function extractVueRouteQueryParameterValueAsArrayOfStrings(
-  {
-    targetRoute,
-    targetQueryParameterKey,
-    arrayElementAdditionalValidator
-  }: Readonly<{
-    targetRoute: VueRouterLocation;
-    targetQueryParameterKey: string;
-    arrayElementAdditionalValidator?: (rawValue: string) => boolean;
-  }>
-): Array<string> {
-
-  const queryParameterPotentialValue: VueRouterLocationQueryValue | Array<VueRouterLocationQueryValue> =
-      targetRoute.query[targetQueryParameterKey];
-
-  if (isEitherUndefinedOrNull(queryParameterPotentialValue)) {
-    return [];
-  }
-
-
-  if (isString(queryParameterPotentialValue)) {
-
-    if (isNotUndefined(arrayElementAdditionalValidator)) {
-      return arrayElementAdditionalValidator(queryParameterPotentialValue) ? [ queryParameterPotentialValue ] : [];
-    }
-
-
-    return [ queryParameterPotentialValue ];
-
-  }
-
-
-  const queryParameterAccumulatingArrayedValue: Array<string> = [];
-
-  for (const oneElementOfArrayedValue of queryParameterPotentialValue) {
-
-    if (!isString(oneElementOfArrayedValue)) {
-      continue;
-    }
-
-
-    if (isUndefined(arrayElementAdditionalValidator)) {
-      queryParameterAccumulatingArrayedValue.push(oneElementOfArrayedValue);
-      continue;
-    }
-
-
-    if (arrayElementAdditionalValidator(oneElementOfArrayedValue)) {
-      queryParameterAccumulatingArrayedValue.push(oneElementOfArrayedValue);
-    }
-
-  }
-
-  return queryParameterAccumulatingArrayedValue;
-
-}

package/Source/Functions/getElementByVueReference.ts

@@ -1,127 +0,0 @@
-import type { ComponentPublicInstance } from "vue";
-import {
-  Logger,
-  DOM_ElementRetrievingFailedError,
-  isUndefined,
-  isNotUndefined,
-  UnexpectedEventError
-} from "@yamato-daiwa/es-extensions";
-
-
-export default function getElementByVueReference(
-  compoundParameter: Readonly<{
-    vueReferenceID: string;
-    parentVueComponent: ComponentPublicInstance;
-    mustExpectExactlyOneElement: true;
-  }>
-): Element;
-
-export default function getElementByVueReference(
-  compoundParameter: Readonly<{
-    vueReferenceID: string;
-    parentVueComponent: ComponentPublicInstance;
-    mustExpectExactlyOneElement: false;
-  }>
-): Element | null;
-
-export default function getElementByVueReference<DOM_ElementSubtype extends Element>(
-  compoundParameter: Readonly<{
-    vueReferenceID: string;
-    parentVueComponent: ComponentPublicInstance;
-    expectedDOM_ElementSubtype: new () => DOM_ElementSubtype;
-    mustExpectExactlyOneElement: true;
-  }>
-): DOM_ElementSubtype;
-
-export default function getElementByVueReference<DOM_ElementSubtype extends Element>(
-  compoundParameter: Readonly<{
-    vueReferenceID: string;
-    parentVueComponent: ComponentPublicInstance;
-    expectedDOM_ElementSubtype: new () => DOM_ElementSubtype;
-    mustExpectExactlyOneElement: false;
-  }>
-): DOM_ElementSubtype | null;
-
-
-export default function getElementByVueReference<DOM_ElementSubtype extends Element>(
-  {
-    parentVueComponent,
-    vueReferenceID,
-    expectedDOM_ElementSubtype,
-    mustExpectExactlyOneElement
-  }: Readonly<{
-    vueReferenceID: string;
-    parentVueComponent: ComponentPublicInstance;
-    expectedDOM_ElementSubtype?: new () => DOM_ElementSubtype;
-    mustExpectExactlyOneElement: boolean;
-  }>
-): DOM_ElementSubtype | null {
-
-  const referenceContent: unknown = parentVueComponent.$refs[vueReferenceID];
-
-  if (isUndefined(referenceContent)) {
-
-    if (mustExpectExactlyOneElement) {
-      Logger.throwErrorWithFormattedMessage({
-        errorInstance: new UnexpectedEventError(
-          `Expected that the Vue reference with ID "${ vueReferenceID }" refers to single DOM element while actually ` +
-            "no such mounted element."
-        ),
-        title: UnexpectedEventError.localization.defaultTitle,
-        occurrenceLocation: "getElementByVueReference(compoundParameter)"
-      });
-    }
-
-
-    return null;
-
-  }
-
-
-  if (Array.isArray(referenceContent)) {
-
-    if (mustExpectExactlyOneElement) {
-      Logger.throwErrorWithFormattedMessage({
-        errorInstance: new UnexpectedEventError(
-          `Expected that the Vue reference with ID "${ vueReferenceID }" refers to single DOM element while actually ` +
-            "refers to multiples ones."
-        ),
-        title: UnexpectedEventError.localization.defaultTitle,
-        occurrenceLocation: "getElementByVueReference(compoundParameter)"
-      });
-    }
-
-
-    return null;
-
-  }
-
-
-  if (!(referenceContent instanceof Element)) {
-    Logger.throwErrorWithFormattedMessage({
-      errorInstance: new DOM_ElementRetrievingFailedError({
-        customMessage:
-            `The Vue reference with ID "${ vueReferenceID }" refers to non-empty object while it is not the instance ` +
-              "of `Element`."
-      }),
-      occurrenceLocation: "getElementByVueReference(compoundParameter)",
-      title: DOM_ElementRetrievingFailedError.localization.defaultTitle
-    });
-  }
-
-
-  if (isNotUndefined(expectedDOM_ElementSubtype) && !(referenceContent instanceof expectedDOM_ElementSubtype)) {
-    Logger.throwErrorWithFormattedMessage({
-      errorInstance: new UnexpectedEventError(
-        `The Vue reference with ID "${ vueReferenceID }" refers instance of \`Element\` but contrary to expectations ` +
-          `it is not instance of ${ expectedDOM_ElementSubtype.name }".`
-      ),
-      title: UnexpectedEventError.localization.defaultTitle,
-      occurrenceLocation: "getElementByVueReference(compoundParameter)"
-    });
-  }
-
-
-  return null;
-
-}

package/Source/GUI_Components/AdmonitionBlock/AdmonitionBlock.vue

@@ -1,67 +0,0 @@
-<template lang="pug">
-
-  VerticallySlidingAlwaysMountedContainer.AdmonitionBlock--YDF(
-    v-model="isDisplaying"
-    role="alert"
-    :class="rootElementModifierCSS_Classes"
-  )
-
-    slot(
-      v-if="$slots.CustomSVG_Icon"
-      name="CustomSVG_Icon"
-    )
-
-    component.AdmonitionBlock--YDF-SVG_Icon(
-      v-else-if="hasDefaultSVG_Icon"
-      :is="defaultSVG_IconComponentName"
-    )
-
-    .AdmonitionBlock--YDF-Title(
-      v-if="title"
-      id=TITLE_HTML_ID
-    ) {{ title }}
-
-    .AdmonitionBlock--YDF-MainContent(
-      :aria-labelledby="title ? TITLE_HTML_ID : null"
-    )
-
-</template>
-
-
-<script lang="ts">
-
-  import { Component as VueComponentConfiguration, toNative as transformToOptionAPI_Component } from "vue-facing-decorator";
-  import AdmonitionBlockLogic from "./AdmonitionBlockLogic.vue";
-  import { Vue3SlideUpDown as VerticallySlidingAlwaysMountedContainer } from "vue3-slide-up-down";
-  import PencilIcon__Circled__Filled from "../../SVG_Icons/Pencil/PencilIcon__Circled__Filled.vue";
-  import ExclamationMarkIcon__Circled__Filled
-    from "../../SVG_Icons/ExclamationMark/ExclamationMarkIcon__Circled__Filled.vue";
-  import ExclamationMarkIcon__Triangled__Filled
-    from "../../SVG_Icons/ExclamationMark/ExclamationMarkIcon__Triangled__Filled.vue";
-  import CheckmarkIcon__Circled__Filled from "../../SVG_Icons/Checkmark/CheckmarkIcon__Circled__Filled.vue";
-  import InfoSignIcon__Circled__Filled from "../../SVG_Icons/InfoSign/InfoSignIcon__Circled__Filled.vue";
-  import QuestionMarkIcon__Circled__Filled from "../../SVG_Icons/QuestionMark/QuestionMarkIcon__Circled__Filled.vue";
-  import MultiplicationSignIcon__Boxed__Filled
-    from "../../SVG_Icons/MultiplicationSign/MultiplicationSignIcon__Boxed__Filled.vue";
-
-  @VueComponentConfiguration({
-    name: AdmonitionBlockLogic.CSS_NAMESPACE,
-    components: {
-      VerticallySlidingAlwaysMountedContainer,
-      PencilIcon__Circled__Filled,
-      ExclamationMarkIcon__Circled__Filled,
-      ExclamationMarkIcon__Triangled__Filled,
-      CheckmarkIcon__Circled__Filled,
-      InfoSignIcon__Circled__Filled,
-      QuestionMarkIcon__Circled__Filled,
-      MultiplicationSignIcon__Boxed__Filled
-    }
-  })
-  class AdmonitionBlock extends AdmonitionBlockLogic {}
-
-
-  export default AdmonitionBlock.applyStaticMembersToInheritorTransformedToOptionAPI(
-    transformToOptionAPI_Component(AdmonitionBlock)
-  );
-
-</script>

package/Source/GUI_Components/AdmonitionBlock/AdmonitionBlock.vue.d.ts

@@ -1,48 +0,0 @@
-import type { Vue as VueComponent } from "vue-facing-decorator";
-import type { AdmonitionBlockLocalization } from "@yamato-daiwa/frontend";
-
-
-export default class AdmonitionBlock extends VueComponent {
-
-  public static readonly Themes: AdmonitionBlock.Themes;
-
-  public static defineThemes(themesNames: ReadonlyArray<string>): typeof AdmonitionBlock;
-
-  public static readonly GeometricVariations: AdmonitionBlock.GeometricVariations;
-
-  public static defineGeometricVariations(geometricVariationsNames: ReadonlyArray<string>): typeof AdmonitionBlock;
-
-  public static readonly DecorativeVariations: AdmonitionBlock.DecorativeVariations;
-
-  public static defineDecorativeVariations(decorativeVariationsNames: ReadonlyArray<string>): typeof AdmonitionBlock;
-
-  public static localization: AdmonitionBlockLocalization;
-
-}
-
-
-export namespace AdmonitionBlock {
-
-
-  export type Themes = {
-    readonly regular: "REGULAR";
-    [themeName: string]: string;
-  };
-
-  export type GeometricVariations = {
-    readonly regular: "REGULAR";
-    readonly stickyNoteLike: "STICKY_NOTE_LIKE";
-    [variationName: string]: string;
-  };
-
-  export type DecorativeVariations = {
-    readonly notice: "NOTICE";
-    readonly error: "ERROR";
-    readonly warning: "WARNING";
-    readonly success: "SUCCESS";
-    readonly guidance: "GUIDANCE";
-    readonly question: "QUESTION";
-    [variationName: string]: string;
-  };
-
-}

package/Source/GUI_Components/AdmonitionBlock/AdmonitionBlockLogic.vue.ts

@@ -1,254 +0,0 @@
-/* ─── Assets ─────────────────────────────────────────────────────────────────────────────────────────────────────── */
-import type { AdmonitionBlockLocalization } from "@yamato-daiwa/frontend";
-import { admonitionBlockYDF_ComponentLocalization__english } from "@yamato-daiwa/frontend";
-
-/* ─── Validations ─────────────────────────────────────────────────────────────────────────────────────── */
-import type VuePropertyValidator from "../_VuePropertiesValidators/VuePropertyValidator";
-import ThemeVuePropertyValidator from "../_VuePropertiesValidators/ThemeVuePropertyValidator";
-import BooleanVuePropertyValidator from "../_VuePropertiesValidators/BooleanVuePropertyValidator";
-import NonEmptyStringVuePropertyValidator from "../_VuePropertiesValidators/NonEmptyStringVuePropertyValidator";
-import GeometricVariationVuePropertyValidator from "../_VuePropertiesValidators/GeometricVariationVuePropertyValidator";
-import DecorativeVariationVuePropertyValidator from "../_VuePropertiesValidators/DecorativeVariationVuePropertyValidator";
-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 AccessibleFromTemplateAsNonReactive from "../_Decorators/AccessibleFromTemplateAsNonReactive";
-import InfoSignIcon__Circled__Filled from "../../SVG_Icons/InfoSign/InfoSignIcon__Circled__Filled.vue";
-  import { Vue3SlideUpDown as VerticallySlidingAlwaysMountedContainer } from "vue3-slide-up-down";
-
-
-@VueComponentConfiguration({
-  name: AdmonitionBlock.CSS_NAMESPACE,
-  components: {
-    InfoSignIcon__Circled__Filled,
-    VerticallySlidingAlwaysMountedContainer
-  }
-})
-class AdmonitionBlock extends VueComponent {
-
-  public static CSS_NAMESPACE: string = "AdmonitionBlock--YDF";
-
-
-  @VueProperty({
-    required: false,
-    get validator(): VuePropertyValidator {
-      return NonEmptyStringVuePropertyValidator({
-        propertyName: "title",
-        componentName: AdmonitionBlock.CSS_NAMESPACE,
-        isPropertyRequired: this.required === true
-      });
-    }
-  })
-  @preventNullForOptionalVueProperty
-  protected readonly title?: string;
-
-
-  /* ━━━ Dismissing ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
-  @VueProperty({
-    default: false,
-    get validator(): VuePropertyValidator {
-      return BooleanVuePropertyValidator({
-        propertyName: "dismissible",
-        componentName: AdmonitionBlock.CSS_NAMESPACE,
-        isPropertyRequired: this.required === true
-      });
-    }
-  })
-  @preventNullForOptionalVueProperty
-  protected readonly dismissible!: boolean;
-
-  protected isDisplaying: boolean = true;
-
-  protected onClickDismissingButton(): void {
-    this.isDisplaying = false;
-  }
-
-
-  /* ━━━ Theming ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
-  public static readonly Themes: AdmonitionBlock.Themes = { regular: "REGULAR" };
-
-  @VueProperty({
-    default: AdmonitionBlock.Themes.regular,
-    validator: ThemeVuePropertyValidator(AdmonitionBlock)
-  })
-  @preventNullForOptionalVueProperty
-  protected readonly theme!: string;
-
-  public static defineThemes(themesNames: ReadonlyArray<string>): typeof AdmonitionBlock {
-    return YDF_ComponentsCoordinator.defineThemes(themesNames, AdmonitionBlock);
-  }
-
-  protected static areThemesCSS_ClassesCommon: boolean = YDF_ComponentsCoordinator.areThemesCSS_ClassesCommon;
-
-  public static considerThemesAsCommon(): void {
-    AdmonitionBlock.areThemesCSS_ClassesCommon = true;
-  }
-
-  @VueProperty({
-    default: AdmonitionBlock.areThemesCSS_ClassesCommon,
-    get validator(): VuePropertyValidator {
-      return BooleanVuePropertyValidator({
-        propertyName: "areThemesCSS_ClassesCommon",
-        componentName: AdmonitionBlock.CSS_NAMESPACE,
-        isPropertyRequired: this.required === true
-      });
-    }
-  })
-  @preventNullForOptionalVueProperty
-  protected readonly areThemesCSS_ClassesCommon!: boolean;
-
-
-  /* ─── Geometry ─────────────────────────────────────────────────────────────────────────────────────────────────── */
-  public static readonly GeometricVariations: AdmonitionBlock.GeometricVariations = {
-    regular: "REGULAR",
-    stickyNoteLike: "STICKY_NOTE_LIKE"
-  };
-
-  @VueProperty({
-    default: AdmonitionBlock.GeometricVariations.regular,
-    validator: GeometricVariationVuePropertyValidator(AdmonitionBlock)
-  })
-  @preventNullForOptionalVueProperty
-  protected readonly geometricVariation!: string;
-
-  public static defineGeometricVariations(geometricVariationsNames: ReadonlyArray<string>): typeof AdmonitionBlock {
-    return YDF_ComponentsCoordinator.defineGeometricVariations(geometricVariationsNames, AdmonitionBlock);
-  }
-
-
-  /* ─── Decoration ───────────────────────────────────────────────────────────────────────────────────────────────── */
-  public static readonly DecorativeVariations: AdmonitionBlock.DecorativeVariations = {
-    notice: "NOTICE",
-    error: "ERROR",
-    warning: "WARNING",
-    success: "SUCCESS",
-    guidance: "GUIDANCE",
-    question: "QUESTION"
-  };
-
-  @VueProperty({
-    required: true,
-    validator: DecorativeVariationVuePropertyValidator(AdmonitionBlock)
-  })
-  protected readonly decorativeVariation!: string;
-
-  public static defineDecorativeVariations(decorativeVariationsNames: ReadonlyArray<string>): typeof AdmonitionBlock {
-    return YDF_ComponentsCoordinator.defineDecorativeVariations(decorativeVariationsNames, AdmonitionBlock);
-  }
-
-
-  /* ━━━ SVG Icon ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
-  @VueProperty({
-    default: false,
-    get validator(): VuePropertyValidator {
-      return BooleanVuePropertyValidator({
-        propertyName: "hasDefaultSVG_Icon",
-        componentName: AdmonitionBlock.CSS_NAMESPACE,
-        isPropertyRequired: this.required === true
-      });
-    }
-  })
-  @preventNullForOptionalVueProperty
-  protected readonly hasDefaultSVG_Icon!: boolean;
-
-  protected get defaultSVG_IconComponentName(): string | null {
-    switch (this.decorativeVariation) {
-      case AdmonitionBlock.DecorativeVariations.notice: return "PencilIcon__Circled__Filled";
-      case AdmonitionBlock.DecorativeVariations.error: return "ExclamationMarkIcon__Circled__Filled";
-      case AdmonitionBlock.DecorativeVariations.warning: return "ExclamationMarkIcon__Triangled__Filled";
-      case AdmonitionBlock.DecorativeVariations.success: return "CheckmarkIcon__Circled__Filled";
-      case AdmonitionBlock.DecorativeVariations.guidance: return "InfoSignIcon__Circled__Filled";
-      case AdmonitionBlock.DecorativeVariations.question: return "QuestionMarkIcon__Circled__Filled";
-      default: return null;
-    }
-  }
-
-
-  /* ━━━ CSS Classes ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
-  protected get rootElementModifierCSS_Classes(): Array<string> {
-    return YDF_ComponentsCoordinator.generateRootElementModifierCSS_Classes({
-      CSS_Namespace: AdmonitionBlock.CSS_NAMESPACE,
-      activeTheme: this.theme,
-      allThemes: AdmonitionBlock.Themes,
-      areThemesCSS_ClassesCommon: this.areThemesCSS_ClassesCommon,
-      activeGeometricVariation: this.geometricVariation,
-      allGeometricVariations: AdmonitionBlock.GeometricVariations,
-      activeDecorativeVariation: this.decorativeVariation,
-      allDecorativeVariations: AdmonitionBlock.DecorativeVariations
-    });
-  }
-
-
-  /* ━━━ Localization ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
-  @AccessibleFromTemplateAsNonReactive
-  public static localization: AdmonitionBlockLocalization = admonitionBlockYDF_ComponentLocalization__english;
-
-
-  /* ━━━ ID Generating ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
-  /* ─── Instance ID ──────────────────────────────────────────────────────────────────────────────────────────────── */
-  protected readonly INSTANCE_ID: string = AdmonitionBlock.generateInstanceID();
-  protected static counterForInstanceID_Generating: number = 0;
-
-  public static generateInstanceID(): string {
-    AdmonitionBlock.counterForInstanceID_Generating++;
-    return `ADMONITION_BLOCK--YDF-${ AdmonitionBlock.counterForInstanceID_Generating }`;
-  }
-
-
-  /* ─── Title HTML ID ────────────────────────────────────────────────────────────────────────────────────────────── */
-  protected TITLE_HTML_ID: string = `${ this.INSTANCE_ID }-TITLE`;
-
-
-  /* ━━━ Transforming to Options API ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
-  public static applyStaticMembersToInheritorTransformedToOptionAPI(inheritedComponent: object): object {
-    return Object.defineProperties(
-      inheritedComponent,
-      {
-        Themes: { value: AdmonitionBlock.Themes },
-        defineThemes: { value: AdmonitionBlock.defineThemes },
-        GeometricVariations: { value: AdmonitionBlock.GeometricVariations },
-        defineGeometricVariations: { value: AdmonitionBlock.defineGeometricVariations },
-        DecorativeVariations: { value: AdmonitionBlock.DecorativeVariations },
-        defineDecorativeVariations: { value: AdmonitionBlock.defineDecorativeVariations }
-      }
-    );
-  }
-
-}
-
-
-namespace AdmonitionBlock {
-
-  export type Themes = {
-    readonly regular: "REGULAR";
-    [themeName: string]: string;
-  };
-
-  export type GeometricVariations = {
-    readonly regular: "REGULAR";
-    readonly stickyNoteLike: "STICKY_NOTE_LIKE";
-    [variationName: string]: string;
-  };
-
-  export type DecorativeVariations = {
-    readonly notice: "NOTICE";
-    readonly error: "ERROR";
-    readonly warning: "WARNING";
-    readonly success: "SUCCESS";
-    readonly guidance: "GUIDANCE";
-    readonly question: "QUESTION";
-    [variationName: string]: string;
-  };
-
-}
-
-
-export default AdmonitionBlock;

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

@@ -1,12 +0,0 @@
-component.Badge--YDF(
-  :is="rootElementTag"
-  :class="rootElementModifierCSS_Classes"
-)
-
-  slot(name="SVG_Icon")
-
-  span.Badge--YDF-KeyLabel(
-    v-if="keyLabel"
-  ) {{ keyLabel }}
-
-  span.Badge--YDF-ValueLabel {{ valueLabel }}