bfg-common 1.6.86 → 1.6.87

package/components/common/diagramMain/adapter/Lines.vue

@@ -1,81 +1,81 @@
-<template>
-  <g data-title="adapter-lines-group">
-    <line
-      data-title="adapter-line"
-      :x1="positions.x1"
-      :y1="props.adaptersConnectLineY"
-      :x2="positions.x2"
-      :y2="props.adaptersConnectLineY"
-      shape-rendering="geometricprecision"
-      class="connection-line"
-    />
-
-    <common-diagram-main-highlights
-      data-title="adapters-main-line"
-      type="line-orange"
-      :x="positions.x1"
-      :y="props.adaptersConnectLineY"
-      :x2="positions.x2"
-      :y2="props.adaptersConnectLineY"
-      :hide="!props.isHighlightedAdapterLine"
-    />
-
-    <line
-      data-title="adapter-line-invisible"
-      :x1="positions.x1"
-      :y1="props.adaptersConnectLineY"
-      :x2="positions.x2"
-      :y2="props.adaptersConnectLineY"
-      shape-rendering="geometricprecision"
-      class="invisible-line main-line__handler"
-    />
-  </g>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_ArbitraryObject } from '~/lib/models/interfaces'
-import type { UI_I_FirstAndLastNetworkLinesY } from '~/components/common/diagramMain/lib/models/interfaces'
-import { adapterLinesPositionsFunc } from '~/components/common/diagramMain/lib/config'
-
-const props = defineProps<{
-  adaptersConnectLineY: number
-  isHighlightedAdapterLine: boolean
-  firstAndLastNetworkLinesY: UI_I_FirstAndLastNetworkLinesY
-}>()
-
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const positions = computed<UI_I_ArbitraryObject<number>>(() =>
-  adapterLinesPositionsFunc(
-    isNewView.value,
-    props.firstAndLastNetworkLinesY.firstNetworkY,
-    props.firstAndLastNetworkLinesY.lastNetworkY,
-    props.adaptersConnectLineY
-  )
-)
-</script>
-
-<style scoped lang="scss">
-:root.dark-theme {
-  .connection-line {
-    stroke: #adbbc4;
-  }
-}
-:root.is-new-view {
-  .connection-line {
-    stroke: var(--diagram-connect-line);
-    fill: none;
-  }
-}
-.connection-line {
-  stroke: #888;
-}
-.invisible-line {
-  cursor: pointer;
-  stroke: #000;
-  stroke-opacity: 0;
-  stroke-width: 10px;
-}
-</style>
+<template>
+  <g data-title="adapter-lines-group">
+    <line
+      data-title="adapter-line"
+      :x1="positions.x1"
+      :y1="props.adaptersConnectLineY"
+      :x2="positions.x2"
+      :y2="props.adaptersConnectLineY"
+      shape-rendering="geometricprecision"
+      class="connection-line"
+    />
+
+    <common-diagram-main-highlights
+      data-title="adapters-main-line"
+      type="line-orange"
+      :x="positions.x1"
+      :y="props.adaptersConnectLineY"
+      :x2="positions.x2"
+      :y2="props.adaptersConnectLineY"
+      :hide="!props.isHighlightedAdapterLine"
+    />
+
+    <line
+      data-title="adapter-line-invisible"
+      :x1="positions.x1"
+      :y1="props.adaptersConnectLineY"
+      :x2="positions.x2"
+      :y2="props.adaptersConnectLineY"
+      shape-rendering="geometricprecision"
+      class="invisible-line main-line__handler"
+    />
+  </g>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_ArbitraryObject } from '~/lib/models/interfaces'
+import type { UI_I_FirstAndLastNetworkLinesY } from '~/components/common/diagramMain/lib/models/interfaces'
+import { adapterLinesPositionsFunc } from '~/components/common/diagramMain/lib/config'
+
+const props = defineProps<{
+  adaptersConnectLineY: number
+  isHighlightedAdapterLine: boolean
+  firstAndLastNetworkLinesY: UI_I_FirstAndLastNetworkLinesY
+}>()
+
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const positions = computed<UI_I_ArbitraryObject<number>>(() =>
+  adapterLinesPositionsFunc(
+    isNewView.value,
+    props.firstAndLastNetworkLinesY.firstNetworkY,
+    props.firstAndLastNetworkLinesY.lastNetworkY,
+    props.adaptersConnectLineY
+  )
+)
+</script>
+
+<style scoped lang="scss">
+:root.dark-theme {
+  .connection-line {
+    stroke: #adbbc4;
+  }
+}
+:root.is-new-view {
+  .connection-line {
+    stroke: var(--diagram-connect-line);
+    fill: none;
+  }
+}
+.connection-line {
+  stroke: #888;
+}
+.invisible-line {
+  cursor: pointer;
+  stroke: #000;
+  stroke-opacity: 0;
+  stroke-width: 10px;
+}
+</style>

package/components/common/diagramMain/adapter/block/Block.vue

@@ -1,27 +1,27 @@
-<template>
-  <common-diagram-main-adapter-block-new
-    v-if="isNewView"
-    :is-highlighted-closed-adapter-block="props.isHighlightedClosedAdapterBlock"
-    :adapters-with-positions="props.adaptersWithPositions"
-  />
-  <common-diagram-main-adapter-block-old
-    v-else
-    :is-highlighted-closed-adapter-block="props.isHighlightedClosedAdapterBlock"
-    :adapters-with-positions="props.adaptersWithPositions"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_AdaptersWithPositions } from '~/components/common/diagramMain/lib/models/interfaces'
-
-const props = defineProps<{
-  adaptersWithPositions: UI_I_AdaptersWithPositions
-  isHighlightedClosedAdapterBlock: boolean
-}>()
-
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <common-diagram-main-adapter-block-new
+    v-if="isNewView"
+    :is-highlighted-closed-adapter-block="props.isHighlightedClosedAdapterBlock"
+    :adapters-with-positions="props.adaptersWithPositions"
+  />
+  <common-diagram-main-adapter-block-old
+    v-else
+    :is-highlighted-closed-adapter-block="props.isHighlightedClosedAdapterBlock"
+    :adapters-with-positions="props.adaptersWithPositions"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_AdaptersWithPositions } from '~/components/common/diagramMain/lib/models/interfaces'
+
+const props = defineProps<{
+  adaptersWithPositions: UI_I_AdaptersWithPositions
+  isHighlightedClosedAdapterBlock: boolean
+}>()
+
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+</script>
+
+<style scoped lang="scss"></style>

package/components/common/diagramMain/adapter/block/BlockNew.vue

@@ -1,58 +1,58 @@
-<template>
-  <g data-title="adapter-main-block-group">
-    <rect
-      data-title="adapter-main-block"
-      width="288"
-      :height="height"
-      x="430.5"
-      y="17.5"
-      rx="6"
-      ry="6"
-      shape-rendering="geometricprecision"
-      class="panel"
-    />
-
-    <polyline
-      :points="`440.5,17.5 430.5,17.5 430.5,${adapterBlockBottomPoint} 440.5,${adapterBlockBottomPoint}`"
-      class="panel"
-    />
-
-    <common-diagram-main-highlights
-      data-title="adapter-main"
-      type="main-orange"
-      :height="height"
-      x="430.5"
-      y="17.5"
-      radius="6"
-      :is-adapter-block="true"
-      :hide="!props.isHighlightedClosedAdapterBlock"
-    />
-  </g>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_AdaptersWithPositions } from '~/components/common/diagramMain/lib/models/interfaces'
-
-const props = defineProps<{
-  adaptersWithPositions: UI_I_AdaptersWithPositions
-  isHighlightedClosedAdapterBlock: boolean
-}>()
-
-const hasAdapters = computed<boolean>(
-  () => props.adaptersWithPositions.adaptersCount > 0
-)
-
-const height = computed<number>(() =>
-  hasAdapters.value ? props.adaptersWithPositions.height : 38
-)
-
-const adapterBlockBottomPoint = computed<number>(() => +height.value + 17.5)
-</script>
-
-<style scoped lang="scss">
-.panel {
-  fill: var(--diagram-block-bg);
-  stroke: var(--diagram-connect-line);
-  stroke-width: 1;
-}
-</style>
+<template>
+  <g data-title="adapter-main-block-group">
+    <rect
+      data-title="adapter-main-block"
+      width="288"
+      :height="height"
+      x="430.5"
+      y="17.5"
+      rx="6"
+      ry="6"
+      shape-rendering="geometricprecision"
+      class="panel"
+    />
+
+    <polyline
+      :points="`440.5,17.5 430.5,17.5 430.5,${adapterBlockBottomPoint} 440.5,${adapterBlockBottomPoint}`"
+      class="panel"
+    />
+
+    <common-diagram-main-highlights
+      data-title="adapter-main"
+      type="main-orange"
+      :height="height"
+      x="430.5"
+      y="17.5"
+      radius="6"
+      :is-adapter-block="true"
+      :hide="!props.isHighlightedClosedAdapterBlock"
+    />
+  </g>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_AdaptersWithPositions } from '~/components/common/diagramMain/lib/models/interfaces'
+
+const props = defineProps<{
+  adaptersWithPositions: UI_I_AdaptersWithPositions
+  isHighlightedClosedAdapterBlock: boolean
+}>()
+
+const hasAdapters = computed<boolean>(
+  () => props.adaptersWithPositions.adaptersCount > 0
+)
+
+const height = computed<number>(() =>
+  hasAdapters.value ? props.adaptersWithPositions.height : 38
+)
+
+const adapterBlockBottomPoint = computed<number>(() => +height.value + 17.5)
+</script>
+
+<style scoped lang="scss">
+.panel {
+  fill: var(--diagram-block-bg);
+  stroke: var(--diagram-connect-line);
+  stroke-width: 1;
+}
+</style>

package/components/common/diagramMain/adapter/block/BlockOld.vue

@@ -1,50 +1,50 @@
-<template>
-  <g data-title="adapter-main-block-group">
-    <rect
-      data-title="adapter-main-block"
-      width="280"
-      :height="props.adaptersWithPositions.height"
-      x="428.5"
-      y="17.5"
-      shape-rendering="geometricprecision"
-      class="panel"
-    />
-
-    <common-diagram-main-highlights
-      data-title="adapter-main"
-      type="main-orange"
-      :height="props.adaptersWithPositions.height"
-      x="428.5"
-      y="17.5"
-      :hide="!props.isHighlightedClosedAdapterBlock"
-    />
-  </g>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_AdaptersWithPositions } from '~/components/common/diagramMain/lib/models/interfaces'
-
-const props = defineProps<{
-  adaptersWithPositions: UI_I_AdaptersWithPositions
-  isHighlightedClosedAdapterBlock: boolean
-}>()
-</script>
-
-<style scoped lang="scss">
-:root.dark-theme {
-  .panel {
-    fill: #1b2a32;
-    stroke: #adbbc4;
-  }
-}
-
-.panel {
-  fill: #fff;
-  stroke: #888;
-  margin-bottom: 20px;
-  background-color: #fff;
-  border: 1px solid transparent;
-  border-radius: 0;
-  box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
-}
-</style>
+<template>
+  <g data-title="adapter-main-block-group">
+    <rect
+      data-title="adapter-main-block"
+      width="280"
+      :height="props.adaptersWithPositions.height"
+      x="428.5"
+      y="17.5"
+      shape-rendering="geometricprecision"
+      class="panel"
+    />
+
+    <common-diagram-main-highlights
+      data-title="adapter-main"
+      type="main-orange"
+      :height="props.adaptersWithPositions.height"
+      x="428.5"
+      y="17.5"
+      :hide="!props.isHighlightedClosedAdapterBlock"
+    />
+  </g>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_AdaptersWithPositions } from '~/components/common/diagramMain/lib/models/interfaces'
+
+const props = defineProps<{
+  adaptersWithPositions: UI_I_AdaptersWithPositions
+  isHighlightedClosedAdapterBlock: boolean
+}>()
+</script>
+
+<style scoped lang="scss">
+:root.dark-theme {
+  .panel {
+    fill: #1b2a32;
+    stroke: #adbbc4;
+  }
+}
+
+.panel {
+  fill: #fff;
+  stroke: #888;
+  margin-bottom: 20px;
+  background-color: #fff;
+  border: 1px solid transparent;
+  border-radius: 0;
+  box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
+}
+</style>

package/components/common/diagramMain/adapter/secondBlock/SecondBlock.vue

@@ -1,27 +1,27 @@
-<template>
-  <common-diagram-main-adapter-second-block-new
-    v-if="isNewView"
-    :adapters-with-positions="props.adaptersWithPositions"
-    :is-highlighted-closed-adapter-block="props.isHighlightedClosedAdapterBlock"
-  />
-  <common-diagram-main-adapter-second-block-old
-    v-else
-    :adapters-with-positions="props.adaptersWithPositions"
-    :is-highlighted-closed-adapter-block="props.isHighlightedClosedAdapterBlock"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_AdaptersWithPositions } from '~/components/common/diagramMain/lib/models/interfaces'
-
-const props = defineProps<{
-  adaptersWithPositions: UI_I_AdaptersWithPositions
-  isHighlightedClosedAdapterBlock: boolean
-}>()
-
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <common-diagram-main-adapter-second-block-new
+    v-if="isNewView"
+    :adapters-with-positions="props.adaptersWithPositions"
+    :is-highlighted-closed-adapter-block="props.isHighlightedClosedAdapterBlock"
+  />
+  <common-diagram-main-adapter-second-block-old
+    v-else
+    :adapters-with-positions="props.adaptersWithPositions"
+    :is-highlighted-closed-adapter-block="props.isHighlightedClosedAdapterBlock"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_AdaptersWithPositions } from '~/components/common/diagramMain/lib/models/interfaces'
+
+const props = defineProps<{
+  adaptersWithPositions: UI_I_AdaptersWithPositions
+  isHighlightedClosedAdapterBlock: boolean
+}>()
+
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+</script>
+
+<style scoped lang="scss"></style>

package/components/common/diagramMain/adapter/secondBlock/SecondBlockNew.vue

@@ -1,60 +1,60 @@
-<template>
-  <g data-title="adapter-second-block-group">
-    <rect
-      data-title="adapter-second-block"
-      width="28"
-      :height="height"
-      x="386.5"
-      rx="6"
-      ry="6"
-      :y="props.adaptersWithPositions.rectPosition"
-      shape-rendering="geometricprecision"
-      class="panel"
-    />
-
-    <polyline
-      :points="`404.5,${props.adaptersWithPositions.rectPosition} 414.5,${props.adaptersWithPositions.rectPosition} 414.5,${rectBottomPosition} 404.5,${rectBottomPosition}`"
-      class="panel"
-    />
-
-    <common-diagram-main-highlights
-      data-title="adapter-second"
-      type="second-orange"
-      :is-adapter-block="true"
-      :height="height"
-      :x="386.5"
-      :y="props.adaptersWithPositions.rectPosition"
-      :hide="!props.isHighlightedClosedAdapterBlock"
-    />
-  </g>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_AdaptersWithPositions } from '~/components/common/diagramMain/lib/models/interfaces'
-
-const props = defineProps<{
-  adaptersWithPositions: UI_I_AdaptersWithPositions
-  isHighlightedClosedAdapterBlock: boolean
-}>()
-
-const hasAdapters = computed<boolean>(
-  () => props.adaptersWithPositions.adaptersCount > 0
-)
-
-const height = computed<number>(() =>
-  hasAdapters.value ? props.adaptersWithPositions.height : 38
-)
-
-const rectBottomPosition = computed<number>(
-  () =>
-    props.adaptersWithPositions.rectPosition + height.value
-)
-</script>
-
-<style scoped lang="scss">
-.panel {
-  fill: var(--diagram-block-bg);
-  stroke: var(--diagram-connect-line);
-  stroke-width: 1;
-}
-</style>
+<template>
+  <g data-title="adapter-second-block-group">
+    <rect
+      data-title="adapter-second-block"
+      width="28"
+      :height="height"
+      x="386.5"
+      rx="6"
+      ry="6"
+      :y="props.adaptersWithPositions.rectPosition"
+      shape-rendering="geometricprecision"
+      class="panel"
+    />
+
+    <polyline
+      :points="`404.5,${props.adaptersWithPositions.rectPosition} 414.5,${props.adaptersWithPositions.rectPosition} 414.5,${rectBottomPosition} 404.5,${rectBottomPosition}`"
+      class="panel"
+    />
+
+    <common-diagram-main-highlights
+      data-title="adapter-second"
+      type="second-orange"
+      :is-adapter-block="true"
+      :height="height"
+      :x="386.5"
+      :y="props.adaptersWithPositions.rectPosition"
+      :hide="!props.isHighlightedClosedAdapterBlock"
+    />
+  </g>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_AdaptersWithPositions } from '~/components/common/diagramMain/lib/models/interfaces'
+
+const props = defineProps<{
+  adaptersWithPositions: UI_I_AdaptersWithPositions
+  isHighlightedClosedAdapterBlock: boolean
+}>()
+
+const hasAdapters = computed<boolean>(
+  () => props.adaptersWithPositions.adaptersCount > 0
+)
+
+const height = computed<number>(() =>
+  hasAdapters.value ? props.adaptersWithPositions.height : 38
+)
+
+const rectBottomPosition = computed<number>(
+  () =>
+    props.adaptersWithPositions.rectPosition + height.value
+)
+</script>
+
+<style scoped lang="scss">
+.panel {
+  fill: var(--diagram-block-bg);
+  stroke: var(--diagram-connect-line);
+  stroke-width: 1;
+}
+</style>