@yamato-daiwa/frontend-vue 0.0.1

package/Source/SVG_Icons/TrashCan/TrashCanIcon__Outlined.vue

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

package/Source/SVG_Icons/Triangle/TriangleIcon__Downward__Circled__Filled.vue

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

package/Source/SVG_Icons/Triangle/TriangleIcon__Downward__Filled.vue

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

package/Source/SVG_Icons/Triangle/TriangleIcon__Leftward__Circled__Filled.vue

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

package/Source/SVG_Icons/Triangle/TriangleIcon__Leftward__Filled.vue

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

package/Source/SVG_Icons/Triangle/TriangleIcon__Rightward__Circled__Filled.vue

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

package/Source/SVG_Icons/Triangle/TriangleIcon__Rightward__Filled.vue

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

package/Source/SVG_Icons/Triangle/TriangleIcon__Upward__Circled__Filled.vue

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

package/Source/SVG_Icons/Triangle/TriangleIcon__Upward__Filled.vue

@@ -0,0 +1,16 @@
+<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/Source/index.ts

@@ -0,0 +1,210 @@
+export { default as YDF_ComponentsCoordinator } from "./GUI_Components/ComponentsAuxiliaries";
+
+/* ━━━ Officially Realized ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
+/* ━━━ GUI Components ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
+export { default as AdmonitionBlock } from "./GUI_Components/AdmonitionBlock/AdmonitionBlock.vue";
+
+
+/* ━━━ Alpha / Beta ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
+export { default as Badge } from "./GUI_Components/Badge/Badge.vue";
+export { default as BadgeLoadingPlaceholder } from "./GUI_Components/Badge/LoadingPlaceholder/Badge-LoadingPlaceholder.vue";
+
+export { default as Button } from "./GUI_Components/Controls/Buttons/Plain/Button.vue";
+export { default as ButtonLoadingPlaceholder } from
+      "./GUI_Components/Controls/Buttons/Plain/LoadingPlaceholder/Button-LoadingPlaceholder.vue";
+
+export { default as OverflowSafeSingleLineLabel } from "./GUI_Components/OverflowSafeSingleLineLabel.vue";
+
+export { default as ThemesShowcase } from "./GUI_Components/ThemesShowcase.vue";
+
+
+/* ━━━ Icons ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
+export { default as AchievementIcon__Filled } from "./SVG_Icons/Achievement/AchievementIcon__Filled.vue";
+export { default as AchievementIcon__Outlined } from "./SVG_Icons/Achievement/AchievementIcon__Outlined.vue";
+
+export { default as BellIcon__Filled } from "./SVG_Icons/Bell/BellIcon__Filled.vue";
+
+export { default as CurlyBracketIcon__Closing } from "./SVG_Icons/Bracket/CurlyBracketIcon__Closing.vue";
+export { default as CurlyBracketIcon__Opening } from "./SVG_Icons/Bracket/CurlyBracketIcon__Opening.vue";
+export { default as RoundBracketIcon__Closing } from "./SVG_Icons/Bracket/RoundBracketIcon__Closing.vue";
+export { default as RoundBracketIcon__Opening } from "./SVG_Icons/Bracket/RoundBracketIcon__Opening.vue";
+export { default as SquareBracketIcon__Closing } from "./SVG_Icons/Bracket/SquareBracketIcon__Closing.vue";
+export { default as SquareBracketIcon__Opening } from "./SVG_Icons/Bracket/SquareBracketIcon__Opening.vue";
+
+export { default as CalendarIcon } from "./SVG_Icons/Calendar/CalendarIcon.vue";
+export { default as CalendarIcon__Date } from "./SVG_Icons/Calendar/CalendarIcon__Date.vue";
+export { default as CalendarIcon__Repeat } from "./SVG_Icons/Calendar/CalendarIcon__Repeat.vue";
+export { default as CalendarIcon__Time } from "./SVG_Icons/Calendar/CalendarIcon__Time.vue";
+
+export { default as CheckboxIcon__Checked } from "./SVG_Icons/Checkmark/CheckboxIcon__Checked.vue";
+export { default as CheckboxIcon__Unchecked } from "./SVG_Icons/Checkmark/CheckboxIcon__Unchecked.vue";
+export { default as CheckmarkIcon__Circled__Filled } from "./SVG_Icons/Checkmark/CheckmarkIcon__Circled__Filled.vue";
+export { default as CheckmarkIcon__Circled__Outlined } from "./SVG_Icons/Checkmark/CheckmarkIcon__Circled__Outlined.vue";
+
+export { default as ChevronIcon__Downward } from "./SVG_Icons/Chevron/ChevronIcon__Downward.vue";
+export { default as ChevronIcon__Leftward } from "./SVG_Icons/Chevron/ChevronIcon__Leftward.vue";
+export { default as ChevronIcon__Rightward } from "./SVG_Icons/Chevron/ChevronIcon__Rightward.vue";
+export { default as ChevronIcon__Upward } from "./SVG_Icons/Chevron/ChevronIcon__Upward.vue";
+
+export { default as CommentIcon__Dots__Filled } from "./SVG_Icons/Comment/CommentIcon__Dots__Filled.vue";
+export { default as CommentIcon__Dots__Outlined } from "./SVG_Icons/Comment/CommentIcon__Dots__Outlined.vue";
+export { default as CommentIcon__Lines__Filled } from "./SVG_Icons/Comment/CommentIcon__Lines__Filled.vue";
+export { default as CommentIcon__Lines__Outlined } from "./SVG_Icons/Comment/CommentIcon__Lines__Outlined.vue";
+export { default as CommentIcon__Minus__Filled } from "./SVG_Icons/Comment/CommentIcon__Minus__Filled.vue";
+export { default as CommentIcon__Minus__Outlined } from "./SVG_Icons/Comment/CommentIcon__Minus__Outlined.vue";
+export { default as CommentIcon__Pen__Filled } from "./SVG_Icons/Comment/CommentIcon__Pen__Filled.vue";
+export { default as CommentIcon__Pen__Outlined } from "./SVG_Icons/Comment/CommentIcon__Pen__Outlined.vue";
+export { default as CommentIcon__Plus__Filled } from "./SVG_Icons/Comment/CommentIcon__Plus__Filled.vue";
+export { default as CommentIcon__Plus__Outlined } from "./SVG_Icons/Comment/CommentIcon__Plus__Outlined.vue";
+export { default as CommentIcon__Qotemark__Filled } from "./SVG_Icons/Comment/CommentIcon__Qotemark__Filled.vue";
+export { default as CommentIcon__Qotemark__Outlined } from "./SVG_Icons/Comment/CommentIcon__Qotemark__Outlined.vue";
+
+export { default as ExclamationMarkIcon__Circled__Filled } from
+    "./SVG_Icons/ExclamationMark/ExclamationMarkIcon__Circled__Filled.vue";
+export { default as ExclamationMarkIcon__Circled__Outlined } from
+    "./SVG_Icons/ExclamationMark/ExclamationMarkIcon__Circled__Outlined.vue";
+export { default as ExclamationMarkIcon__Octagoned__Filled } from
+    "./SVG_Icons/ExclamationMark/ExclamationMarkIcon__Octagoned__Filled.vue";
+export { default as ExclamationMarkIcon__Octagoned__Outlined } from
+    "./SVG_Icons/ExclamationMark/ExclamationMarkIcon__Octagoned__Outlined.vue";
+export { default as ExclamationMarkIcon__Rectangled__Filled } from
+    "./SVG_Icons/ExclamationMark/ExclamationMarkIcon__Rectangled__Filled.vue";
+export { default as ExclamationMarkIcon__Rectangled__Outlined } from
+    "./SVG_Icons/ExclamationMark/ExclamationMarkIcon__Rectangled__Outlined.vue";
+export { default as ExclamationMarkIcon__Triangled__Filled } from
+    "./SVG_Icons/ExclamationMark/ExclamationMarkIcon__Triangled__Filled.vue";
+export { default as ExclamationMarkIcon__Triangled__Outlined } from
+    "./SVG_Icons/ExclamationMark/ExclamationMarkIcon__Triangled__Outlined.vue";
+
+export { default as FilteringIcon__Outlined } from "./SVG_Icons/Filtering/FilteringIcon__Outlined.vue";
+
+export { default as FolderIcon__ExclamationMark__Filled } from "./SVG_Icons/Folder/FolderIcon__ExclamationMark__Filled.vue";
+export { default as FolderIcon__Filled } from "./SVG_Icons/Folder/FolderIcon__Filled.vue";
+export { default as FolderIcon__MultiplicationSign__Filled } from "./SVG_Icons/Folder/FolderIcon__MultiplicationSign__Filled.vue";
+export { default as FolderIcon__Person__Filled } from "./SVG_Icons/Folder/FolderIcon__Person__Filled.vue";
+export { default as FolderIcon__Plus__Filled } from "./SVG_Icons/Folder/FolderIcon__Plus__Filled.vue";
+export { default as FolderIcon__Stationery } from "./SVG_Icons/Folder/FolderIcon__Stationery.vue";
+
+export { default as HamburgerMenuIcon } from "./SVG_Icons/HamburgerMenu/HamburgerMenuIcon.vue";
+
+export { default as HeartIcon__Broken__Filled } from "./SVG_Icons/Heart/HeartIcon__Broken__Filled.vue";
+export { default as HeartIcon__Broken__Outlined } from "./SVG_Icons/Heart/HeartIcon__Broken__Outlined.vue";
+export { default as HeartIcon__Filled } from "./SVG_Icons/Heart/HeartIcon__Filled.vue";
+export { default as HeartIcon__Half } from "./SVG_Icons/Heart/HeartIcon__Half.vue";
+export { default as HeartIcon__Outlined } from "./SVG_Icons/Heart/HeartIcon__Outlined.vue";
+
+export { default as InboxIcon } from "./SVG_Icons/Inbox/InboxIcon.vue";
+export { default as InboxIcon__DownwardArrow } from "./SVG_Icons/Inbox/InboxIcon__DownwardArrow.vue";
+
+export { default as InfoSignIcon__Circled__Filled } from "./SVG_Icons/InfoSign/InfoSignIcon__Circled__Filled.vue";
+export { default as InfoSignIcon__Circled__Outlined } from "./SVG_Icons/InfoSign/InfoSignIcon__Circled__Outlined.vue";
+
+export { default as LikeIcon__Filled } from "./SVG_Icons/Like/LikeIcon__Filled.vue";
+export { default as LikeIcon__Outlined } from "./SVG_Icons/Like/LikeIcon__Outlined.vue";
+export { default as UnlikeIcon__Filled } from "./SVG_Icons/Like/UnlikeIcon__Filled.vue";
+export { default as UnlikeIcon__Outlined } from "./SVG_Icons/Like/UnlikeIcon__Outlined.vue";
+
+export { default as ChecklistIcon } from "./SVG_Icons/List/ChecklistIcon.vue";
+
+export { default as MagnifyingGlassIcon } from "./SVG_Icons/MagnifyingGlass/MagnifyingGlassIcon.vue";
+export { default as ZoomInIcon__Filled } from "./SVG_Icons/MagnifyingGlass/ZoomInIcon__Filled.vue";
+export { default as ZoomInIcon__Outlined } from "./SVG_Icons/MagnifyingGlass/ZoomInIcon__Outlined.vue";
+export { default as ZoomOutIcon__Filled } from "./SVG_Icons/MagnifyingGlass/ZoomingOutIcon__Filled.vue";
+export { default as ZoomOutIcon__Outlined } from "./SVG_Icons/MagnifyingGlass/ZoomingInIcon__Outlined.vue";
+
+export { default as MailIcon__Filled } from "./SVG_Icons/Mail/MailIcon__Filled.vue";
+export { default as MailIcon__Outlined } from "./SVG_Icons/Mail/MailIcon__Outlined.vue";
+
+export { default as LocationIcon } from "./SVG_Icons/MapAndLocation/LocationIcon.vue";
+export { default as LocationIcon__BottomCircle } from "./SVG_Icons/MapAndLocation/LocationIcon__BottomCircle.vue";
+export { default as MapIcon__Clock } from "./SVG_Icons/MapAndLocation/MapIcon__Clock.vue";
+
+export { default as MenuIcon__ThreeDots__Horizontal } from "./SVG_Icons/Menu/MenuIcon__ThreeDots__Horizontal.vue";
+export { default as MenuIcon__ThreeDots__Horizontal__Circled__Filled } from
+    "./SVG_Icons/Menu/MenuIcon__ThreeDots__Horizontal__Circled__Filled.vue";
+export { default as MenuIcon__ThreeDots__Horizontal__Circled__Outlined } from
+    "./SVG_Icons/Menu/MenuIcon__ThreeDots__Horizontal__Circled__Outlined.vue";
+export { default as MenuIcon__ThreeDots__Vertical } from "./SVG_Icons/Menu/MenuIcon__ThreeDots__Vertical.vue";
+export { default as MenuIcon__ThreeDots__Vertical__Circled__Filled } from
+    "./SVG_Icons/Menu/MenuIcon__ThreeDots__Vertical__Circled__Filled.vue";
+export { default as MenuIcon__ThreeDots__Vertical__Circled__Outlined } from
+    "./SVG_Icons/Menu/MenuIcon__ThreeDots__Vertical__Circled__Outlined.vue";
+
+export { default as MultiplicationSignIcon } from "./SVG_Icons/MultiplicationSign/MultiplicationSignIcon.vue";
+export { default as MultiplicationSignIcon__Bold } from "./SVG_Icons/MultiplicationSign/MultiplicationSignIcon__Bold.vue";
+export { default as MultiplicationSignIcon__Boxed__Filled } from
+    "./SVG_Icons/MultiplicationSign/MultiplicationSignIcon__Boxed__Filled.vue";
+export { default as MultiplicationSignIcon__Boxed__Outlined } from
+    "./SVG_Icons/MultiplicationSign/MultiplicationSignIcon__Boxed__Outlined.vue";
+export { default as MultiplicationSignIcon__Octagoned__Filled } from
+    "./SVG_Icons/MultiplicationSign/MultiplicationSignIcon__Octagoned__Filled.vue";
+export { default as MultiplicationSignIcon__Octagoned__Outlined } from
+    "./SVG_Icons/MultiplicationSign/MultiplicationSignIcon__Octagoned__Outlined.vue";
+
+export { default as PencilIcon__Boxed__Filled } from "./SVG_Icons/Pencil/PencilIcon__Boxed__Filled.vue";
+export { default as PencilIcon__Boxed__Outlined } from "./SVG_Icons/Pencil/PencilIcon__Boxed__Outlined.vue";
+export { default as PencilIcon__Circled__Filled } from "./SVG_Icons/Pencil/PencilIcon__Circled__Filled.vue";
+export { default as PencilIcon__Circled__Outlined } from "./SVG_Icons/Pencil/PencilIcon__Circled__Outlined.vue";
+export { default as PencilIcon__Filled } from "./SVG_Icons/Pencil/PencilIcon__Filled.vue";
+export { default as PencilIcon__Outlined } from "./SVG_Icons/Pencil/PencilIcon__Outlined.vue";
+export { default as PencilWithLockIcon__Filled } from "./SVG_Icons/Pencil/PencilWithLockIcon__Filled.vue";
+export { default as PencilWithLockIcon__Outlined } from "./SVG_Icons/Pencil/PencilWithLockIcon__Outlined.vue";
+export { default as PencilWithPlusSignIcon__Filled } from "./SVG_Icons/Pencil/PencilWithPlusSignIcon__Filled.vue";
+export { default as PencilWithPlusSignIcon__Outlined } from "./SVG_Icons/Pencil/PencilWithPlusSignIcon__Outlined.vue";
+
+export { default as PersonIcon__Clock__Rectangled__Filled } from "./SVG_Icons/Person/PersonIcon__Clock__Rectangled__Filled.vue";
+
+export { default as PhoneIcon__Filled } from "./SVG_Icons/Phone/PhoneIcon__Filled.vue";
+export { default as PhoneIcon__Outlined } from "./SVG_Icons/Phone/PhoneIcon__Outlined.vue";
+export { default as TelephoneIcon__Filled } from "./SVG_Icons/Phone/TelephoneIcon__Filled.vue";
+
+export { default as QuestionMarkIcon__Circled__Filled } from "./SVG_Icons/QuestionMark/QuestionMarkIcon__Circled__Filled.vue";
+export { default as QuestionMarkIcon__Circled__Outlined } from "./SVG_Icons/QuestionMark/QuestionMarkIcon__Circled__Outlined.vue";
+
+export { default as QuoteMarkIcon__Downward__Filled } from "./SVG_Icons/QuoteMark/QuoteMarkIcon__Downward__Filled.vue";
+export { default as QuoteMarkIcon_Upward__Outlined } from "./SVG_Icons/QuoteMark/QuoteMarkIcon_Upward__Outlined.vue";
+export { default as QuoteMarkIcon__Upward__Filled } from "./SVG_Icons/QuoteMark/QuoteMarkIcon__Upward__Filled.vue";
+export { default as QuoteMarkIcon__Downward__Outlined } from "./SVG_Icons/QuoteMark/QuoteMarkIcon__Downward__Outlined.vue";
+
+export { default as FacebookIcon } from "./SVG_Icons/SocialNetworks/FacebookIcon.vue";
+export { default as GoogleIcon } from "./SVG_Icons/SocialNetworks/GoogleIcon.vue";
+export { default as InstagramIcon } from "./SVG_Icons/SocialNetworks/InstagramIcon.vue";
+export { default as LinkedInIcon } from "./SVG_Icons/SocialNetworks/LinkedInIcon.vue";
+export { default as RedditIcon } from "./SVG_Icons/SocialNetworks/RedditIcon.vue";
+export { default as RSS_Icon } from "./SVG_Icons/SocialNetworks/RSS_Icon.vue";
+export { default as SkypeIcon } from "./SVG_Icons/SocialNetworks/SkypeIcon.vue";
+export { default as TwitterIcon } from "./SVG_Icons/SocialNetworks/TwitterIcon.vue";
+export { default as YouTubeIcon } from "./SVG_Icons/SocialNetworks/YouTubeIcon.vue";
+
+export { default as StarIcon__Filled } from "./SVG_Icons/Star/StarIcon__Filled.vue";
+export { default as StarIcon__Half } from "./SVG_Icons/Star/StarIcon__Half.vue";
+export { default as StarIcon__Outlined } from "./SVG_Icons/Star/StarIcon__Outlined.vue";
+export { default as StarIcon__Plus__Filled } from "./SVG_Icons/Star/StarIcon__Plus__Filled.vue";
+export { default as StarIcon__Plus__Outlined } from "./SVG_Icons/Star/StarIcon__Plus__Outlined.vue";
+
+export { default as TimelineIcon } from "./SVG_Icons/Timeline/TimelineIcon.vue";
+
+export { default as TrashCanIcon__Filled } from "./SVG_Icons/TrashCan/TrashCanIcon__Filled.vue";
+export { default as TrashCanIcon__Outlined } from "./SVG_Icons/TrashCan/TrashCanIcon__Outlined.vue";
+
+export { default as TriangleIcon__Downward__Circled__Filled } from
+    "./SVG_Icons/Triangle/TriangleIcon__Downward__Circled__Filled.vue";
+export { default as TriangleIcon__Downward__Filled } from
+    "./SVG_Icons/Triangle/TriangleIcon__Downward__Filled.vue";
+export { default as TriangleIcon__Leftward__Circled__Filled } from
+    "./SVG_Icons/Triangle/TriangleIcon__Leftward__Circled__Filled.vue";
+export { default as TriangleIcon__Leftward__Filled } from
+    "./SVG_Icons/Triangle/TriangleIcon__Leftward__Filled.vue";
+export { default as TriangleIcon__Rightward__Circled__Filled } from
+    "./SVG_Icons/Triangle/TriangleIcon__Rightward__Circled__Filled.vue";
+export { default as TriangleIcon__Rightward__Filled } from
+    "./SVG_Icons/Triangle/TriangleIcon__Rightward__Filled.vue";
+export { default as TriangleIcon__Upward__Circled__Filled } from
+    "./SVG_Icons/Triangle/TriangleIcon__Upward__Circled__Filled.vue";
+export { default as TriangleIcon__Upward__Filled } from
+    "./SVG_Icons/Triangle/TriangleIcon__Upward__Filled.vue";
+
+
+/* ━━━ Functions ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
+export { default as extractVueRouteQueryParameterValueAsArrayOfStrings } from
+    "./Functions/Routing/extractVueRouteQueryParameterAsArray";

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

@@ -0,0 +1,20 @@
+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

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

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

@@ -0,0 +1,22 @@
+<template lang="pug">
+
+</template>
+
+
+<script lang="ts">
+
+  /* ─── GUI Components ───────────────────────────────────────────────────────────────────────────────────────────── */
+  import { AdmonitionBlock } from "../../../../Source";
+
+  /* ─── Framework ────────────────────────────────────────────────────────────────────────────────────────────────── */
+  import { Component as VueComponentOptions, Vue as VueComponent } from "vue-facing-decorator";
+
+
+  @VueComponentOptions({
+    components: {
+      AdmonitionBlock
+    }
+  })
+  export default class AdmonitionBlockComponentTestSite extends VueComponent {}
+
+</script>

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

@@ -0,0 +1,20 @@
+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

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

package/Workbenches/Source/GUI_Components/OverflowSafeSingleLineLabel/OverflowSafeSingleLineLabelComponentTestSite.vue

@@ -0,0 +1,93 @@
+<template lang="pug">
+
+.TestSite
+
+  OverflowSafeSingleLineLabel.PlainLabelTest
+    | YourLayoutDefinitelyWillBrakeHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHa
+
+  dl.DefinitionsListTest
+    dt.DefinitionsListTest-Key ID
+    OverflowSafeSingleLineLabel.DefinitionsListTest-Value(rootElementTag="dd")
+      | YourLayoutDefinitelyWillBrakeHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHa
+    dt.DefinitionsListTest-Key Displaying name
+    OverflowSafeSingleLineLabel.DefinitionsListTest-Value(rootElementTag="dd")
+      | YourLayoutDefinitelyWillBrakeHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHaHa
+
+</template>
+
+
+<script lang="ts">
+
+  /* ─── GUI GUI_Components ───────────────────────────────────────────────────────────────────────────────────────────── */
+  import { OverflowSafeSingleLineLabel } from "../../../../Source";
+
+  /* ─── Framework ────────────────────────────────────────────────────────────────────────────────────────────────── */
+  import { Component as VueComponentOptions, Vue as VueComponent } from "vue-facing-decorator";
+
+
+  @VueComponentOptions({
+    components: {
+      OverflowSafeSingleLineLabel
+    }
+  })
+  export default class OverflowSafeSingleLineLabelComponentTestSite extends VueComponent {}
+
+</script>
+
+
+<style lang="stylus">
+
+  @require "../../../../node_modules/@yamato-daiwa/frontend/Functionality.styl"
+  @require "../../../../node_modules/@yamato-daiwa/frontend/GUI_Components.styl"
+
+
+  CrossBrowserStylesReset()
+  InitialGlobalCSS_Rules()
+
+
+  provideOverflowSafeSingleLineLabelComponent()
+
+
+  .TestSite
+
+    width 320px
+    padding-top 24px
+
+    margin-left auto
+    margin-right auto
+
+    background tan
+
+
+  .PlainLabelTest
+
+    OverflowSafeSingleLineLabel({
+      fontSize: 14px,
+      displayEllipsis: true
+    })
+
+
+  .DefinitionsListTest
+
+    display grid
+    grid-template-columns auto minmax(0, 1fr)
+    gap 6px 12px
+
+    retireFrom({ targetElementSelector: ".PlainLabelTest", y: 24px })
+
+
+    &-Key
+
+      font-weight bold
+
+      justify-self end
+
+
+    &-Value
+
+      OverflowSafeSingleLineLabel({
+        fontSize: 14px,
+        displayEllipsis: true
+      })
+
+</style>

package/Workbenches/Source/Workbenches.pug

@@ -0,0 +1,41 @@
+extends ../../node_modules/@yamato-daiwa/frontend/PagesTemplates/StaticPreviewAnywherePageTemplate.pug
+
+
+block append Metadata
+
+  -
+
+    StaticPreviewAnywherePage__YDF.configure({
+
+      metadata: {
+        title: "YDF Vue — Workbenches"
+      },
+
+      topHeading: "YDF Vue — Workbenches",
+
+      tableOfContents: [
+
+        {
+
+          heading: "GUI Components",
+
+          pages: [
+
+            {
+              title: "AdmonitionBlock",
+              URI: "@Workbenches/GUI_Components/AdmonitionBlock/AdmonitionBlock.workbench",
+              progressStatus: StaticPreviewAnywherePage__YDF.PageDevelopmentProgressStatuses.accepted
+            },
+
+            {
+              title: "OverflowSafeSingleLineLabel",
+              URI: "@Workbenches/GUI_Components/OverflowSafeSingleLineLabel/OverflowSafeSingleLineLabel.workbench",
+              progressStatus: StaticPreviewAnywherePage__YDF.PageDevelopmentProgressStatuses.accepted
+            }
+
+          ]
+
+        }
+
+      ]
+    });

package/eslint.config.js

@@ -0,0 +1,29 @@
+const YamatoDaiwaStyleGuides = require("@yamato-daiwa/style_guides/ECMAScript");
+
+
+module.exports = [
+
+  {
+    ignores: [
+      ".idea/",
+      "Distributable/",
+      "Workbenches/Output/"
+    ]
+  },
+
+  ...YamatoDaiwaStyleGuides,
+
+  {
+    files: [ "Source/SVG_Icons/**/*.vue" ],
+    rules: {
+
+      /* The imports from Pug could be long but could not be split */
+      "@stylistic/max-len": "off",
+
+      /* The import from the Pug must not be counted as element */
+      "vue/valid-template-root": "off"
+
+    }
+  }
+
+];