bfg-common 1.6.65 → 1.6.67

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

@@ -1,68 +1,68 @@
-<template>
-  <g data-title="network-main-block-group">
-    <g class="network-main-block-container">
-      <rect
-        data-title="network-main-block"
-        width="288"
-        :height="props.network.networkHeight"
-        x="6.5"
-        :y="props.network.rectPosition"
-        rx="6"
-        ry="6"
-        shape-rendering="geometricprecision"
-        class="panel"
-      />
-      <polyline
-        :points="`284.5,${props.network.rectPosition} 294.5,${
-          props.network.rectPosition
-        } 294.5,${
-          props.network.rectPosition + props.network.networkHeight
-        } 284.5,${props.network.rectPosition + props.network.networkHeight}`"
-        class="panel"
-      />
-    </g>
-
-    <common-diagram-main-highlights
-      data-title="network-main"
-      type="main-blue"
-      :is-network-block="true"
-      :height="props.network.networkHeight"
-      :y="props.network.rectPosition"
-      radius="6"
-      :hide="!(props.selectedNetwork === props.network.id)"
-    />
-
-    <common-diagram-main-highlights
-      data-title="network-main"
-      type="main-orange"
-      :is-network-block="true"
-      :height="props.network.networkHeight"
-      :y="props.network.rectPosition"
-      radius="6"
-      :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">
-.panel {
-  fill: var(--diagram-block-bg);
-  stroke: var(--diagram-connect-line);
-  stroke-width: 1;
-}
-</style>
+<template>
+  <g data-title="network-main-block-group">
+    <g class="network-main-block-container">
+      <rect
+        data-title="network-main-block"
+        width="288"
+        :height="props.network.networkHeight"
+        x="6.5"
+        :y="props.network.rectPosition"
+        rx="6"
+        ry="6"
+        shape-rendering="geometricprecision"
+        class="panel"
+      />
+      <polyline
+        :points="`284.5,${props.network.rectPosition} 294.5,${
+          props.network.rectPosition
+        } 294.5,${
+          props.network.rectPosition + props.network.networkHeight
+        } 284.5,${props.network.rectPosition + props.network.networkHeight}`"
+        class="panel"
+      />
+    </g>
+
+    <common-diagram-main-highlights
+      data-title="network-main"
+      type="main-blue"
+      :is-network-block="true"
+      :height="props.network.networkHeight"
+      :y="props.network.rectPosition"
+      radius="6"
+      :hide="!(props.selectedNetwork === props.network.id)"
+    />
+
+    <common-diagram-main-highlights
+      data-title="network-main"
+      type="main-orange"
+      :is-network-block="true"
+      :height="props.network.networkHeight"
+      :y="props.network.rectPosition"
+      radius="6"
+      :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">
+.panel {
+  fill: var(--diagram-block-bg);
+  stroke: var(--diagram-connect-line);
+  stroke-width: 1;
+}
+</style>

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>

package/components/common/diagramMain/network/noNetwork/NoNetworkNew.vue

@@ -1,89 +1,89 @@
-<template>
-  <g>
-    <rect
-      width="288"
-      height="61.5"
-      shape-rendering="geometricprecision"
-      x="6.5"
-      y="17.5"
-      rx="6"
-      ry="6"
-      class="panel"
-    ></rect>
-    <polyline
-      :points="`284.5,17.5 294.5,17.5 294.5,79 284.5,79`"
-      class="panel"
-    />
-    <rect
-      data-title="network-second-block"
-      width="28"
-      height="61.5"
-      x="310.5"
-      rx="6"
-      ry="6"
-      y="17.5"
-      shape-rendering="geometricprecision"
-      class="panel"
-    />
-
-    <polyline
-      :points="`320.5,17.5 310.5,17.5 310.5,79 320.5,79`"
-      class="panel"
-    />
-    <foreignObject
-      data-title="no-adapter-text"
-      height="41.5"
-      width="264"
-      x="18.5"
-      y="27.5"
-    >
-      <div class="content">
-        <span><ui-icon name="info" width="20" height="20" /></span>
-        <span
-          data-title="no-associated-port-groups"
-          class="no-associated-port-groups text-ellipsis"
-        >
-          {{ localization.common.noAssociatedPortGroups }}
-        </span>
-      </div>
-    </foreignObject>
-  </g>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped lang="scss">
-.panel {
-  fill: var(--diagram-block-bg);
-  stroke: var(--diagram-connect-line);
-  stroke-width: 1;
-}
-
-.text-ellipsis {
-  display: block;
-  max-width: 264px;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-}
-
-.content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: space-between;
-
-  color: var(--diagram-content-third-text);
-
-  .no-associated-port-groups {
-    font-size: 14px;
-    font-weight: 300;
-    line-height: 16.94px;
-    text-align: center;
-  }
-}
-</style>
+<template>
+  <g>
+    <rect
+      width="288"
+      height="61.5"
+      shape-rendering="geometricprecision"
+      x="6.5"
+      y="17.5"
+      rx="6"
+      ry="6"
+      class="panel"
+    ></rect>
+    <polyline
+      :points="`284.5,17.5 294.5,17.5 294.5,79 284.5,79`"
+      class="panel"
+    />
+    <rect
+      data-title="network-second-block"
+      width="28"
+      height="61.5"
+      x="310.5"
+      rx="6"
+      ry="6"
+      y="17.5"
+      shape-rendering="geometricprecision"
+      class="panel"
+    />
+
+    <polyline
+      :points="`320.5,17.5 310.5,17.5 310.5,79 320.5,79`"
+      class="panel"
+    />
+    <foreignObject
+      data-title="no-adapter-text"
+      height="41.5"
+      width="264"
+      x="18.5"
+      y="27.5"
+    >
+      <div class="content">
+        <span><ui-icon name="info" width="20" height="20" /></span>
+        <span
+          data-title="no-associated-port-groups"
+          class="no-associated-port-groups text-ellipsis"
+        >
+          {{ localization.common.noAssociatedPortGroups }}
+        </span>
+      </div>
+    </foreignObject>
+  </g>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped lang="scss">
+.panel {
+  fill: var(--diagram-block-bg);
+  stroke: var(--diagram-connect-line);
+  stroke-width: 1;
+}
+
+.text-ellipsis {
+  display: block;
+  max-width: 264px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+
+  color: var(--diagram-content-third-text);
+
+  .no-associated-port-groups {
+    font-size: 14px;
+    font-weight: 300;
+    line-height: 16.94px;
+    text-align: center;
+  }
+}
+</style>

package/components/common/diagramMain/network/noNetwork/NoNetworkOld.vue

@@ -1,61 +1,61 @@
-<template>
-  <g>
-    <rect
-      width="280"
-      height="38"
-      shape-rendering="geometricprecision"
-      x="16.5"
-      y="17.5"
-      class="panel"
-    ></rect>
-    <path
-      d="M 313.5 17.5 H 333.5 V 55.5 H 313.5 "
-      shape-rendering="geometricprecision"
-      class="panel"
-    ></path>
-    <text
-      dy="14px"
-      font-size="14"
-      font-weight="500"
-      x="50"
-      y="27"
-      class="diagram__heading"
-    >
-      {{ localization.common.noAssociatedPortGroups }}
-    </text>
-  </g>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped lang="scss">
-@import '~/assets/scss/common/mixins.scss';
-:root.dark-theme {
-  .diagram__heading {
-    fill: #c1cdd4;
-  }
-
-  .panel {
-    fill: #1b2a32;
-    stroke: #adbbc4;
-  }
-}
-
-.diagram {
-  &__heading {
-    @include text($fs: 14px, $fw: 500);
-    fill: #565656;
-    letter-spacing: normal;
-    line-height: 1.2rem;
-  }
-}
-
-.panel {
-  fill: #fff;
-  stroke: #888;
-}
-</style>
+<template>
+  <g>
+    <rect
+      width="280"
+      height="38"
+      shape-rendering="geometricprecision"
+      x="16.5"
+      y="17.5"
+      class="panel"
+    ></rect>
+    <path
+      d="M 313.5 17.5 H 333.5 V 55.5 H 313.5 "
+      shape-rendering="geometricprecision"
+      class="panel"
+    ></path>
+    <text
+      dy="14px"
+      font-size="14"
+      font-weight="500"
+      x="50"
+      y="27"
+      class="diagram__heading"
+    >
+      {{ localization.common.noAssociatedPortGroups }}
+    </text>
+  </g>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped lang="scss">
+@import '~/assets/scss/common/mixins.scss';
+:root.dark-theme {
+  .diagram__heading {
+    fill: #c1cdd4;
+  }
+
+  .panel {
+    fill: #1b2a32;
+    stroke: #adbbc4;
+  }
+}
+
+.diagram {
+  &__heading {
+    @include text($fs: 14px, $fw: 500);
+    fill: #565656;
+    letter-spacing: normal;
+    line-height: 1.2rem;
+  }
+}
+
+.panel {
+  fill: #fff;
+  stroke: #888;
+}
+</style>

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

@@ -1,42 +1,42 @@
-<template>
-  <common-diagram-main-network-second-block-new
-    v-if="isNewView"
-    :network="props.network"
-    :selected-network="props.selectedNetwork"
-    :selected-main-line="props.selectedMainLine"
-    :network-rect-bottom-position="props.networkRectBottomPosition"
-    :is-network-connected-selected-adapter="props.isNetworkConnectedSelectedAdapter"
-    :is-cant-be-highlighted="props.isCantBeHighlighted"
-  />
-
-  <common-diagram-main-network-second-block-old
-    v-else
-    :network="props.network"
-    :selected-network="props.selectedNetwork"
-    :selected-main-line="props.selectedMainLine"
-    :network-rect-bottom-position="props.networkRectBottomPosition"
-    :is-network-connected-selected-adapter="props.isNetworkConnectedSelectedAdapter"
-    :is-cant-be-highlighted="props.isCantBeHighlighted"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_NetworkFullWithPositions } from '~/components/common/diagramMain/lib/models/interfaces'
-
-const props = defineProps<{
-  network: UI_I_NetworkFullWithPositions
-  selectedMainLine: boolean
-  selectedNetwork: string
-  networkRectBottomPosition: number
-  isNetworkConnectedSelectedAdapter: boolean
-  isCantBeHighlighted: boolean
-}>()
-
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-</script>
-
-<style scoped lang="scss">
-
+<template>
+  <common-diagram-main-network-second-block-new
+    v-if="isNewView"
+    :network="props.network"
+    :selected-network="props.selectedNetwork"
+    :selected-main-line="props.selectedMainLine"
+    :network-rect-bottom-position="props.networkRectBottomPosition"
+    :is-network-connected-selected-adapter="props.isNetworkConnectedSelectedAdapter"
+    :is-cant-be-highlighted="props.isCantBeHighlighted"
+  />
+
+  <common-diagram-main-network-second-block-old
+    v-else
+    :network="props.network"
+    :selected-network="props.selectedNetwork"
+    :selected-main-line="props.selectedMainLine"
+    :network-rect-bottom-position="props.networkRectBottomPosition"
+    :is-network-connected-selected-adapter="props.isNetworkConnectedSelectedAdapter"
+    :is-cant-be-highlighted="props.isCantBeHighlighted"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_NetworkFullWithPositions } from '~/components/common/diagramMain/lib/models/interfaces'
+
+const props = defineProps<{
+  network: UI_I_NetworkFullWithPositions
+  selectedMainLine: boolean
+  selectedNetwork: string
+  networkRectBottomPosition: number
+  isNetworkConnectedSelectedAdapter: boolean
+  isCantBeHighlighted: boolean
+}>()
+
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+</script>
+
+<style scoped lang="scss">
+
 </style>