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

package/Source/SVG_Icons/Triangle/TriangleIcon__Upward__Filled.vue

@@ -1,16 +0,0 @@
-<template lang="pug">
-
-include ../../../node_modules/@yamato-daiwa/frontend/Markup/Assets/SVG_Icons/Triangle/TriangleIcon__Upward__Filled.pug
-
-+Triangle__Upward__Filled--YDF_Icon
-
-</template>
-
-
-<script>
-
-  export default {
-    name: "Triangle__Upward__Filled--YDF_Icon"
-  };
-
-</script>

package/Workbenches/Source/Decorators/Decorators.workbench.pug

@@ -1,20 +0,0 @@
-extends ../../../node_modules/@yamato-daiwa/frontend/PagesTemplates/RegularWebPageTemplate.pug
-
-
-block append Metadata
-
-  -
-
-    RegularWebPageTemplate__YDF.configure({
-      metadata: {
-        title: "Decorators Workbench"
-      },
-      scriptsURIs: {
-        atEndOfBody: [ "@Workbenches/Decorators/Decorators.workbench" ]
-      }
-    });
-
-
-block append PageContent
-
-  #APPLICATION

package/Workbenches/Source/Decorators/Decorators.workbench.ts

@@ -1,5 +0,0 @@
-import { createApp as createVueApplication } from "vue";
-import DecoratorsWorkbench from "./DecoratorsWorkbench.vue";
-
-
-createVueApplication(DecoratorsWorkbench).mount("#APPLICATION");

package/Workbenches/Source/Decorators/DecoratorsWorkbench.vue

@@ -1,69 +0,0 @@
-<template lang="pug">
-
-  button(
-    type="button"
-    @click="updateFields"
-  ) Change
-
-  span {{ reactiveFiled }}
-  span {{ nonReactiveFiled }}
-
-  span {{ staticField1 }}
-  span {{ staticField2 }}
-
-</template>
-
-
-<script lang="ts">
-
-  /* ─── Framework ────────────────────────────────────────────────────────────────────────────────────────────────── */
-  import {
-    Component as VueComponentOptions,
-    Vue as VueComponent,
-    toNative as transformToOptionAPI_Component
-  } from "vue-facing-decorator";
-
-  /* ─── Utils ────────────────────────────────────────────────────────────────────────────────────────────────────── */
-  import {
-    AccessibleFromTemplateAsNonReactive,
-    NonReactiveVueData
-  } from "../../../Source";
-
-  @VueComponentOptions({ name: "DecoratorsWorkbench" })
-  class DecoratorsWorkbench extends VueComponent {
-
-    protected reactiveFiled = "ALPHA";
-
-    @NonReactiveVueData("ALPHA")
-    protected nonReactiveFiled!: string;
-
-    @AccessibleFromTemplateAsNonReactive
-    protected static staticField1: string = "STATIC_FIELD_1";
-
-    @AccessibleFromTemplateAsNonReactive
-    protected static staticField2: string = "STATIC_FIELD_2";
-
-    protected updateFields(): void {
-      this.reactiveFiled = "BRAVO";
-      this.nonReactiveFiled = "CHARLIE";
-      DecoratorsWorkbench.staticField1 = "UPDATED_STATIC_FIELD_1";
-      DecoratorsWorkbench.staticField2 = "UPDATED_STATIC_FIELD_2";
-    }
-
-  }
-
-  export default transformToOptionAPI_Component(DecoratorsWorkbench);
-
-</script>
-
-
-<style lang="stylus">
-
-  @require "../../../node_modules/@yamato-daiwa/frontend/Functionality.styl"
-  @require "../../../node_modules/@yamato-daiwa/frontend/GUI_Components.styl"
-
-
-  CrossBrowserStylesReset()
-  InitialGlobalCSS_Rules()
-
-</style>

package/Workbenches/Source/GUI_Components/AdmonitionBlock/AdmonitionBlock.workbench.pug

@@ -1,20 +0,0 @@
-extends ../../../../node_modules/@yamato-daiwa/frontend/PagesTemplates/RegularWebPageTemplate.pug
-
-
-block append Metadata
-
-  -
-
-    RegularWebPageTemplate__YDF.configure({
-      metadata: {
-        title: "AdmonitionBlock Component Testing"
-      },
-      scriptsURIs: {
-        atEndOfBody: [ "@Workbenches/GUI_Components/AdmonitionBlock/AdmonitionBlock.workbench" ]
-      }
-    });
-
-
-block append PageContent
-
-  #APPLICATION

package/Workbenches/Source/GUI_Components/AdmonitionBlock/AdmonitionBlock.workbench.ts

@@ -1,5 +0,0 @@
-import { createApp as createVueApplication } from "vue";
-import AdmonitionBlockComponentTestSite from "./AdmonitionBlockComponentTestSite.vue";
-
-
-createVueApplication(AdmonitionBlockComponentTestSite).mount("#APPLICATION");

package/Workbenches/Source/GUI_Components/AdmonitionBlock/AdmonitionBlockComponentTestSite.vue

@@ -1,44 +0,0 @@
-<template lang="pug">
-
-</template>
-
-
-<script lang="ts">
-
-  /* ─── GUI Components ───────────────────────────────────────────────────────────────────────────────────────────── */
-  import { AdmonitionBlock } from "../../../../Source";
-
-  /* ─── Framework ────────────────────────────────────────────────────────────────────────────────────────────────── */
-  import {
-    Component as VueComponentOptions,
-    Vue as VueComponent,
-    toNative as transformToOptionAPI_Component
-  } from "vue-facing-decorator";
-
-
-  @VueComponentOptions({
-    name: "AdmonitionBlockComponentTestSite",
-    components: {
-      AdmonitionBlock
-    }
-  })
-  class AdmonitionBlockComponentTestSite extends VueComponent {}
-
-  export default transformToOptionAPI_Component(AdmonitionBlockComponentTestSite);
-
-</script>
-
-
-<style lang="stylus">
-
-  @require "../../../../node_modules/@yamato-daiwa/frontend/Functionality.styl"
-  @require "../../../../node_modules/@yamato-daiwa/frontend/GUI_Components.styl"
-
-
-  CrossBrowserStylesReset()
-  InitialGlobalCSS_Rules()
-
-
-  generateAdmonitionBlockYDF_GUI_ComponentStyles()
-
-</style>

package/Workbenches/Source/GUI_Components/Badge/Badge.workbench.pug

@@ -1,20 +0,0 @@
-extends ../../../../node_modules/@yamato-daiwa/frontend/PagesTemplates/RegularWebPageTemplate.pug
-
-
-block append Metadata
-
-  -
-
-    RegularWebPageTemplate__YDF.configure({
-      metadata: {
-        title: "Badge Component Testing"
-      },
-      scriptsURIs: {
-        atEndOfBody: [ "@Workbenches/GUI_Components/Badge/Badge.workbench" ]
-      }
-    });
-
-
-block append PageContent
-
-  #APPLICATION

package/Workbenches/Source/GUI_Components/Badge/Badge.workbench.ts

@@ -1,5 +0,0 @@
-import { createApp as createVueApplication } from "vue";
-import BadgeBlockComponentTestSite from "./BadgeBlockComponentTestSite.vue";
-
-
-createVueApplication(BadgeBlockComponentTestSite).mount("#APPLICATION");

package/Workbenches/Source/GUI_Components/Badge/BadgeBlockComponentTestSite.vue

@@ -1,44 +0,0 @@
-<template lang="pug">
-
-</template>
-
-
-<script lang="ts">
-
-  /* ─── GUI Components ───────────────────────────────────────────────────────────────────────────────────────────── */
-  import { Badge } from "../../../../Source";
-
-  /* ─── Framework ────────────────────────────────────────────────────────────────────────────────────────────────── */
-  import {
-    Component as VueComponentOptions,
-    Vue as VueComponent,
-    toNative as transformToOptionAPI_Component
-  } from "vue-facing-decorator";
-
-
-  @VueComponentOptions({
-    name: "BadgeComponentTestSite",
-    components: {
-      Badge
-    }
-  })
-  class BadgeComponentTestSite extends VueComponent {}
-
-  export default transformToOptionAPI_Component(BadgeComponentTestSite);
-
-</script>
-
-
-<style lang="stylus">
-
-  @require "../../../../node_modules/@yamato-daiwa/frontend/Functionality.styl"
-  @require "../../../../node_modules/@yamato-daiwa/frontend/GUI_Components.styl"
-
-
-  CrossBrowserStylesReset()
-  InitialGlobalCSS_Rules()
-
-
-  generateBadgeYDF_GUI_ComponentStyles()
-
-</style>

package/Workbenches/Source/GUI_Components/Controls/Buttons/Plain/Button.workbench.pug

@@ -1,20 +0,0 @@
-extends ../../../../../../node_modules/@yamato-daiwa/frontend/PagesTemplates/RegularWebPageTemplate.pug
-
-
-block append Metadata
-
-  -
-
-    RegularWebPageTemplate__YDF.configure({
-      metadata: {
-        title: "Button Component Testing"
-      },
-      scriptsURIs: {
-        atEndOfBody: [ "@Workbenches/GUI_Components/Controls/Buttons/Plain/Button.workbench" ]
-      }
-    });
-
-
-block append PageContent
-
-  #APPLICATION

package/Workbenches/Source/GUI_Components/Controls/Buttons/Plain/Button.workbench.ts

@@ -1,5 +0,0 @@
-import { createApp as createVueApplication } from "vue";
-import ButtonComponentTestSite from "./ButtonComponentTestSite.vue";
-
-
-createVueApplication(ButtonComponentTestSite).mount("#APPLICATION");

package/Workbenches/Source/GUI_Components/Controls/Buttons/Plain/ButtonComponentTestSite.vue

@@ -1,60 +0,0 @@
-<template lang="pug">
-
-  Button(
-    label="Test"
-    :disabled="false"
-    @click="onButtonClicked"
-  )
-
-</template>
-
-
-<script lang="ts">
-
-  /* ─── GUI Components ───────────────────────────────────────────────────────────────────────────────────────────── */
-  import { Button } from "../../../../../../Source";
-
-  /* ─── Framework ────────────────────────────────────────────────────────────────────────────────────────────────── */
-  import {
-    Component as VueComponentOptions,
-    Vue as VueComponent,
-    toNative as transformToOptionAPI_Component
-  } from "vue-facing-decorator";
-  import { Logger } from "@yamato-daiwa/es-extensions";
-
-
-  @VueComponentOptions({
-    name: "ButtonComponentTestSite",
-    components: {
-      Button
-    }
-  })
-  class ButtonComponentTestSite extends VueComponent {
-
-    protected onButtonClicked(): void {
-      Logger.logSuccess({
-        title: "Clicked",
-        description: "Button has been clicked"
-      });
-    }
-
-  }
-
-  export default transformToOptionAPI_Component(ButtonComponentTestSite);
-
-</script>
-
-
-<style lang="stylus">
-
-  @require "../../../../../../node_modules/@yamato-daiwa/frontend/Functionality.styl"
-  @require "../../../../../../node_modules/@yamato-daiwa/frontend/GUI_Components.styl"
-
-
-  CrossBrowserStylesReset()
-  InitialGlobalCSS_Rules()
-
-
-  generateButtonYDF_GUI_ComponentStyles()
-
-</style>

package/Workbenches/Source/GUI_Components/Controls/Validatable/TextBox/TextBox.workbench.pug

@@ -1,20 +0,0 @@
-extends ../../../../../../node_modules/@yamato-daiwa/frontend/PagesTemplates/RegularWebPageTemplate.pug
-
-
-block append Metadata
-
-  -
-
-    RegularWebPageTemplate__YDF.configure({
-      metadata: {
-        title: "TextBox Workbench"
-      },
-      scriptsURIs: {
-        atEndOfBody: [ "@Workbenches/GUI_Components/Controls/Validatable/TextBox/TextBox.workbench" ]
-      }
-    });
-
-
-block append PageContent
-
-  #APPLICATION

package/Workbenches/Source/GUI_Components/Controls/Validatable/TextBox/TextBox.workbench.ts

@@ -1,5 +0,0 @@
-import { createApp as createVueApplication } from "vue";
-import TextBoxWorkbench from "./TextBoxWorkbench.vue";
-
-
-createVueApplication(TextBoxWorkbench).mount("#APPLICATION");

package/Workbenches/Source/GUI_Components/Controls/Validatable/TextBox/TextBoxWorkbench.vue

@@ -1,86 +0,0 @@
-<template lang="pug">
-
-  TextBox(
-    label="Sample"
-    guidance="Please input something"
-    inputOrTextareaElementHTML_ID="BLA"
-    v-model="textBoxPayload"
-    :validityHighlightingActivationMode="TextBox.ValidityHighlightingActivationModes.onFocusOut"
-    :mustDisplayAppropriateBadgeIfInputIsRequired="true"
-    :required="textBoxPayload.validation.isInputRequired()"
-    :ref="TEXT_BOX_VUE_REFERENCE_ID"
-  )
-
-</template>
-
-
-<script lang="ts">
-
-  /* ─── GUI Components ───────────────────────────────────────────────────────────────────────────────────────────── */
-  /* eslint-disable-next-line max-classes-per-file -- Allow additional class for for inputted data validation. */
-  import TextBox from "../../../../../../Source/GUI_Components/Controls/Validatables/TextBox/TextBox.vue";
-
-  /* ─── Framework ────────────────────────────────────────────────────────────────────────────────────────────────── */
-  import {
-    Component as VueComponentOptions,
-    Vue as VueComponent,
-    toNative as transformToOptionAPI_Component
-  } from "vue-facing-decorator";
-  import { ValidatableControl, NonReactiveVueData, AccessibleFromTemplateAsNonReactive } from "../../../../../../Source";
-  import { InputtedValueValidation, MinimalCharactersCountInputtedValueValidationRule } from "@yamato-daiwa/frontend";
-  import { isEmptyString } from "@yamato-daiwa/es-extensions";
-
-
-  @VueComponentOptions({
-    name: "TextBoxWorkbench",
-    components: {
-      TextBox
-    }
-  })
-  class TextBoxWorkbench extends VueComponent {
-
-    @NonReactiveVueData("TEXT_BOX")
-    protected readonly TEXT_BOX_VUE_REFERENCE_ID!: string;
-
-    @AccessibleFromTemplateAsNonReactive
-    protected static readonly TextBox: typeof TextBox = TextBox;
-
-    protected textBoxPayload: ValidatableControl.Payload<string, string, InputtedValueValidation> =
-        ValidatableControl.Payload.createInitialInstance({
-          initialValue: "",
-          validation: new class extends InputtedValueValidation {
-            public constructor() {
-              super({
-                omittedValueChecker: isEmptyString,
-                isInputRequired: true,
-                staticRules: [
-                  new MinimalCharactersCountInputtedValueValidationRule({ minimalCharactersCount: 3 })
-                ]
-              });
-            }
-          }(),
-          vueReferenceID: this.TEXT_BOX_VUE_REFERENCE_ID
-        });
-
-  }
-
-  export default transformToOptionAPI_Component(TextBoxWorkbench);
-
-</script>
-
-
-<style lang="stylus">
-
-  @require "../../../../../../node_modules/@yamato-daiwa/frontend/Functionality.styl"
-  @require "../../../../../../node_modules/@yamato-daiwa/frontend/GUI_Components.styl"
-
-
-  CrossBrowserStylesReset()
-  InitialGlobalCSS_Rules()
-
-
-  generateValidatableControlShellYDF_GUI_ComponentStyles()
-  generateTextBoxYDF_GUI_ComponentStyles()
-  generateBadgeYDF_GUI_ComponentStyles()
-
-</style>

package/Workbenches/Source/GUI_Components/Controls/ValidatableControlShell/ValidatableControlShell.workbench.pug

@@ -1,20 +0,0 @@
-extends ../../../../../node_modules/@yamato-daiwa/frontend/PagesTemplates/RegularWebPageTemplate.pug
-
-
-block append Metadata
-
-  -
-
-    RegularWebPageTemplate__YDF.configure({
-      metadata: {
-        title: "ValidatableControlShell Component Testing"
-      },
-      scriptsURIs: {
-        atEndOfBody: [ "@Workbenches/GUI_Components/Controls/ValidatableControlShell/ValidatableControlShell.workbench" ]
-      }
-    });
-
-
-block append PageContent
-
-  #APPLICATION

package/Workbenches/Source/GUI_Components/Controls/ValidatableControlShell/ValidatableControlShell.workbench.ts

@@ -1,5 +0,0 @@
-import { createApp as createVueApplication } from "vue";
-import ValidatableControlShellTestSite from "./ValidatableControlShellTestSite.vue";
-
-
-createVueApplication(ValidatableControlShellTestSite).mount("#APPLICATION");

package/Workbenches/Source/GUI_Components/Controls/ValidatableControlShell/ValidatableControlShellTestSite.vue

@@ -1,68 +0,0 @@
-<template lang="pug">
-
-  ValidatableControlShell
-    .DummyCore Core Element Here 2
-
-</template>
-
-
-<script lang="ts">
-
-  /* ─── GUI Components ───────────────────────────────────────────────────────────────────────────────────────────── */
-  import { ValidatableControlShell } from "../../../../../Source";
-
-  /* ─── Framework ────────────────────────────────────────────────────────────────────────────────────────────────── */
-  import {
-    Component as VueComponentOptions,
-    Vue as VueComponent,
-    toNative as transformToOptionAPI_Component
-  } from "vue-facing-decorator";
-
-
-  @VueComponentOptions({
-    name: "ValidatableControlShellTestSite",
-    components: {
-      ValidatableControlShell
-    }
-  })
-  class ValidatableControlShellTestSite extends VueComponent {}
-
-  export default transformToOptionAPI_Component(ValidatableControlShellTestSite);
-
-</script>
-
-
-<style lang="stylus" scoped>
-
-  @require "../../../../../node_modules/@yamato-daiwa/frontend/Functionality.styl"
-  @require "../../../../../node_modules/@yamato-daiwa/frontend/GUI_Components.styl"
-
-
-  CrossBrowserStylesReset()
-  InitialGlobalCSS_Rules()
-
-
-  generateValidatableControlShellYDF_GUI_ComponentStyles()
-
-
-  .DummyCore
-
-    display flex
-    align-items center
-
-    width 200px
-    height 2rem
-    font-size 1rem
-
-    border-width 4px
-    border-radius 4px
-    padding 0.2rem 0.4rem
-
-    border-style dashed
-    border-color mediumblue
-    font-weight bold
-    color mediumblue
-
-    background-color: alpha(mediumblue, 30%)
-
-</style>

package/Workbenches/Source/GUI_Components/OverflowSafeSingleLineLabel/OverflowSafeSingleLineLabel.workbench.pug

@@ -1,20 +0,0 @@
-extends ../../../../node_modules/@yamato-daiwa/frontend/PagesTemplates/RegularWebPageTemplate.pug
-
-
-block append Metadata
-
-  -
-
-    RegularWebPageTemplate__YDF.configure({
-      metadata: {
-        title: "OverflowSafeSingleLineLabel Component Testing"
-      },
-      scriptsURIs: {
-        atEndOfBody: [ "@Workbenches/GUI_Components/OverflowSafeSingleLineLabel/OverflowSafeSingleLineLabel.workbench" ]
-      }
-    });
-
-
-block append PageContent
-
-  #APPLICATION

package/Workbenches/Source/GUI_Components/OverflowSafeSingleLineLabel/OverflowSafeSingleLineLabel.workbench.ts

@@ -1,5 +0,0 @@
-import { createApp as createVueApplication } from "vue";
-import OverflowSafeSingleLineLabelComponentTestSite from "./OverflowSafeSingleLineLabelComponentTestSite.vue";
-
-
-createVueApplication(OverflowSafeSingleLineLabelComponentTestSite).mount("#APPLICATION");