bfg-common 1.4.498 → 1.4.499

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

@@ -1,123 +1,123 @@
-<template>
-  <g>
-    <common-diagram-main-adapter-block
-      :is-highlighted-closed-adapter-block="isHighlightedClosedAdapterBlock"
-      :adapters-with-positions="props.adaptersWithPositions"
-    />
-
-    <common-diagram-main-adapter-contents
-      :adapters-with-positions="props.adaptersWithPositions"
-      :test-id="props.testId"
-      @toggle-adapters="onToggleAdapters"
-    />
-
-    <common-diagram-main-adapter-second-block
-      :is-highlighted-closed-adapter-block="isHighlightedClosedAdapterBlock"
-      :adapters-with-positions="props.adaptersWithPositions"
-    />
-
-    <common-diagram-main-adapter-lines
-      v-if="props.isVisibleLine && !!props.networksCount"
-      :adapters-connect-line-y="
-        props.adaptersWithPositions.adaptersConnectLineY
-      "
-      :is-highlighted-adapter-line="isHighlightedAdapterLine"
-      :first-and-last-network-lines-y="props.firstAndLastNetworkLinesY"
-    />
-
-    <common-diagram-main-adapter-items
-      :adapters-with-positions="props.adaptersWithPositions"
-      :selected-port="props.selectedPort"
-      :selected-adapter="props.selectedAdapter"
-      :networks-count="props.networksCount"
-      :is-dark-mode="props.isDarkMode"
-      :networks-with-positions="props.networksWithPositions"
-      @select-adapter="onSelectAdapter"
-      @show-modal="onShowModal"
-    />
-  </g>
-</template>
-
-<script setup lang="ts">
-import {
-  UI_I_AdaptersWithPositions,
-  UI_I_ModalsInitialData,
-  UI_I_SelectedAdapter,
-  UI_I_SelectedPort,
-  UI_I_NetworksWithPositions,
-  UI_I_FirstAndLastNetworkLinesY,
-} from '~/components/common/diagramMain/lib/models/interfaces'
-
-const props = defineProps<{
-  adaptersWithPositions: UI_I_AdaptersWithPositions
-  selectedMainLine: boolean
-  selectedPort: UI_I_SelectedPort
-  selectedAdapter: UI_I_SelectedAdapter
-  selectedNetwork: string
-  isSelectedLinkedWithAdapter: boolean
-  networksWithPositions: UI_I_NetworksWithPositions[]
-  isVisibleLine: boolean
-  networksCount: number
-  isDarkMode: boolean
-  testId: string
-  firstAndLastNetworkLinesY: UI_I_FirstAndLastNetworkLinesY
-}>()
-
-const isOpenedAdapterBlockAndNoSelectedNetwork = computed<boolean>(
-  () =>
-    !props.adaptersWithPositions.toggle && props.selectedPort.networkId !== '-1'
-)
-
-const hasNoAdaptersAndNoSelectedNetwork = computed<boolean>(() => {
-  return (
-    props.adaptersWithPositions.adapters?.length === 0 &&
-    props.selectedNetwork !== '-1'
-  )
-})
-
-const isHighlightedOptimizePart = computed<boolean>(
-  () =>
-    !props.selectedMainLine && !isOpenedAdapterBlockAndNoSelectedNetwork.value
-)
-
-const isHighlightedAdapterLine = computed<boolean>(
-  () =>
-    props.isSelectedLinkedWithAdapter &&
-    !(
-      isHighlightedOptimizePart.value &&
-      !hasNoAdaptersAndNoSelectedNetwork.value
-    )
-)
-
-const isHighlightedClosedAdapterBlock = computed<boolean>(
-  () =>
-    props.isSelectedLinkedWithAdapter &&
-    !(
-      isHighlightedOptimizePart.value &&
-      !(hasNoAdaptersAndNoSelectedNetwork.value && props.isVisibleLine)
-    )
-)
-
-const emits = defineEmits<{
-  (event: 'toggle-adapters', networkId: string, portId: string): void
-  (event: 'select-adapter', adapterId: string): void
-  (
-    event: 'show-modal',
-    value: string,
-    properties?: UI_I_ModalsInitialData
-  ): void
-}>()
-
-const onToggleAdapters = (networkId: string, portId: string): void => {
-  emits('toggle-adapters', networkId, portId)
-}
-const onSelectAdapter = (adapterId: string): void => {
-  emits('select-adapter', adapterId)
-}
-const onShowModal = (
-  value: string,
-  properties?: UI_I_ModalsInitialData
-): void => {
-  emits('show-modal', value, properties)
-}
-</script>
+<template>
+  <g>
+    <common-diagram-main-adapter-block
+      :is-highlighted-closed-adapter-block="isHighlightedClosedAdapterBlock"
+      :adapters-with-positions="props.adaptersWithPositions"
+    />
+
+    <common-diagram-main-adapter-contents
+      :adapters-with-positions="props.adaptersWithPositions"
+      :test-id="props.testId"
+      @toggle-adapters="onToggleAdapters"
+    />
+
+    <common-diagram-main-adapter-second-block
+      :is-highlighted-closed-adapter-block="isHighlightedClosedAdapterBlock"
+      :adapters-with-positions="props.adaptersWithPositions"
+    />
+
+    <common-diagram-main-adapter-lines
+      v-if="props.isVisibleLine && !!props.networksCount"
+      :adapters-connect-line-y="
+        props.adaptersWithPositions.adaptersConnectLineY
+      "
+      :is-highlighted-adapter-line="isHighlightedAdapterLine"
+      :first-and-last-network-lines-y="props.firstAndLastNetworkLinesY"
+    />
+
+    <common-diagram-main-adapter-items
+      :adapters-with-positions="props.adaptersWithPositions"
+      :selected-port="props.selectedPort"
+      :selected-adapter="props.selectedAdapter"
+      :networks-count="props.networksCount"
+      :is-dark-mode="props.isDarkMode"
+      :networks-with-positions="props.networksWithPositions"
+      @select-adapter="onSelectAdapter"
+      @show-modal="onShowModal"
+    />
+  </g>
+</template>
+
+<script setup lang="ts">
+import {
+  UI_I_AdaptersWithPositions,
+  UI_I_ModalsInitialData,
+  UI_I_SelectedAdapter,
+  UI_I_SelectedPort,
+  UI_I_NetworksWithPositions,
+  UI_I_FirstAndLastNetworkLinesY,
+} from '~/components/common/diagramMain/lib/models/interfaces'
+
+const props = defineProps<{
+  adaptersWithPositions: UI_I_AdaptersWithPositions
+  selectedMainLine: boolean
+  selectedPort: UI_I_SelectedPort
+  selectedAdapter: UI_I_SelectedAdapter
+  selectedNetwork: string
+  isSelectedLinkedWithAdapter: boolean
+  networksWithPositions: UI_I_NetworksWithPositions[]
+  isVisibleLine: boolean
+  networksCount: number
+  isDarkMode: boolean
+  testId: string
+  firstAndLastNetworkLinesY: UI_I_FirstAndLastNetworkLinesY
+}>()
+
+const isOpenedAdapterBlockAndNoSelectedNetwork = computed<boolean>(
+  () =>
+    !props.adaptersWithPositions.toggle && props.selectedPort.networkId !== '-1'
+)
+
+const hasNoAdaptersAndNoSelectedNetwork = computed<boolean>(() => {
+  return (
+    props.adaptersWithPositions.adapters?.length === 0 &&
+    props.selectedNetwork !== '-1'
+  )
+})
+
+const isHighlightedOptimizePart = computed<boolean>(
+  () =>
+    !props.selectedMainLine && !isOpenedAdapterBlockAndNoSelectedNetwork.value
+)
+
+const isHighlightedAdapterLine = computed<boolean>(
+  () =>
+    props.isSelectedLinkedWithAdapter &&
+    !(
+      isHighlightedOptimizePart.value &&
+      !hasNoAdaptersAndNoSelectedNetwork.value
+    )
+)
+
+const isHighlightedClosedAdapterBlock = computed<boolean>(
+  () =>
+    props.isSelectedLinkedWithAdapter &&
+    !(
+      isHighlightedOptimizePart.value &&
+      !(hasNoAdaptersAndNoSelectedNetwork.value && props.isVisibleLine)
+    )
+)
+
+const emits = defineEmits<{
+  (event: 'toggle-adapters', networkId: string, portId: string): void
+  (event: 'select-adapter', adapterId: string): void
+  (
+    event: 'show-modal',
+    value: string,
+    properties?: UI_I_ModalsInitialData
+  ): void
+}>()
+
+const onToggleAdapters = (networkId: string, portId: string): void => {
+  emits('toggle-adapters', networkId, portId)
+}
+const onSelectAdapter = (adapterId: string): void => {
+  emits('select-adapter', adapterId)
+}
+const onShowModal = (
+  value: string,
+  properties?: UI_I_ModalsInitialData
+): void => {
+  emits('show-modal', value, properties)
+}
+</script>

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/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/SecondBlockOld.vue

@@ -1,51 +1,51 @@
-<template>
-  <g data-title="adapter-second-block-group">
-    <path
-      data-title="adapter-second-block"
-      :d="`M 411.5 ${props.adaptersWithPositions.rectPosition} H 391.5 V ${rectBottomPosition} H 411.5 `"
-      shape-rendering="geometricprecision"
-      class="panel"
-    />
-
-    <common-diagram-main-highlights
-      data-title="adapter-second"
-      type="second-orange"
-      :d="`M 411.5 ${props.adaptersWithPositions.rectPosition} H 391.5 V ${rectBottomPosition} H 411.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
-}>()
-
-const rectBottomPosition = computed<number>(
-  () =>
-    props.adaptersWithPositions.rectPosition +
-    props.adaptersWithPositions.height
-)
-</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-second-block-group">
+    <path
+      data-title="adapter-second-block"
+      :d="`M 411.5 ${props.adaptersWithPositions.rectPosition} H 391.5 V ${rectBottomPosition} H 411.5 `"
+      shape-rendering="geometricprecision"
+      class="panel"
+    />
+
+    <common-diagram-main-highlights
+      data-title="adapter-second"
+      type="second-orange"
+      :d="`M 411.5 ${props.adaptersWithPositions.rectPosition} H 391.5 V ${rectBottomPosition} H 411.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
+}>()
+
+const rectBottomPosition = computed<number>(
+  () =>
+    props.adaptersWithPositions.rectPosition +
+    props.adaptersWithPositions.height
+)
+</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/network/Network.vue

@@ -18,7 +18,7 @@
       :adapters-positions-y="props.adaptersPositionsY"
     />
 
-    <common-diagram-main-network-second-block-new
+    <common-diagram-main-network-second-block
       :network="props.network"
       :selected-network="props.selectedNetwork"
       :selected-main-line="props.selectedMainLine"

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

@@ -1,64 +1,64 @@
-<template>
-  <g data-title="network-main-block-group">
-    <rect
-      data-title="network-main-block"
-      width="280"
-      :height="props.network.networkHeight"
-      x="16.5"
-      :y="props.network.rectPosition"
-      shape-rendering="geometricprecision"
-      class="panel"
-    />
-
-    <common-diagram-main-highlights
-      data-title="network-main"
-      type="main-blue"
-      :height="props.network.networkHeight"
-      :y="props.network.rectPosition"
-      :hide="!(props.selectedNetwork === props.network.id)"
-    />
-
-    <common-diagram-main-highlights
-      data-title="network-main"
-      type="main-orange"
-      :height="props.network.networkHeight"
-      :y="props.network.rectPosition"
-      :hide="
-        props.isCantBeHighlighted ||
-        (!props.selectedMainLine && !props.isNetworkConnectedSelectedAdapter)
-      "
-    />
-  </g>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_NetworkFullWithPositions } from '~/components/common/diagramMain/lib/models/interfaces'
-
-const props = defineProps<{
-  network: UI_I_NetworkFullWithPositions
-  selectedNetwork: string
-  selectedMainLine: boolean
-  isNetworkConnectedSelectedAdapter: boolean
-  isCantBeHighlighted: 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="network-main-block-group">
+    <rect
+      data-title="network-main-block"
+      width="280"
+      :height="props.network.networkHeight"
+      x="16.5"
+      :y="props.network.rectPosition"
+      shape-rendering="geometricprecision"
+      class="panel"
+    />
+
+    <common-diagram-main-highlights
+      data-title="network-main"
+      type="main-blue"
+      :height="props.network.networkHeight"
+      :y="props.network.rectPosition"
+      :hide="!(props.selectedNetwork === props.network.id)"
+    />
+
+    <common-diagram-main-highlights
+      data-title="network-main"
+      type="main-orange"
+      :height="props.network.networkHeight"
+      :y="props.network.rectPosition"
+      :hide="
+        props.isCantBeHighlighted ||
+        (!props.selectedMainLine && !props.isNetworkConnectedSelectedAdapter)
+      "
+    />
+  </g>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_NetworkFullWithPositions } from '~/components/common/diagramMain/lib/models/interfaces'
+
+const props = defineProps<{
+  network: UI_I_NetworkFullWithPositions
+  selectedNetwork: string
+  selectedMainLine: boolean
+  isNetworkConnectedSelectedAdapter: boolean
+  isCantBeHighlighted: 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/network/noNetwork/NoNetwork.vue

@@ -1,12 +1,12 @@
-<template>
-  <common-diagram-main-network-no-network-new v-if="isNewView" />
-  <common-diagram-main-network-no-network-old v-else />
-</template>
-
-<script setup lang="ts">
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <common-diagram-main-network-no-network-new v-if="isNewView" />
+  <common-diagram-main-network-no-network-old v-else />
+</template>
+
+<script setup lang="ts">
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+</script>
+
+<style scoped lang="scss"></style>