bfg-common 1.5.249 → 1.5.251

package/components/common/tooltip/Help.vue

@@ -1,132 +0,0 @@
-<template>
-  <div class="flex-align-center relative">
-    <ui-icon
-        :id="`${props.helpId}`"
-        :data-id="`${props.testId}-show-help-icon`"
-        name="info"
-        :width="props.iconWidth || '16'"
-        :height="props.iconHeight || '16'"
-        :class="['help-icon cursor-pointer', {active: isShowHelp}, {disabled: props.isDisabled}]"
-        @click.stop="isShowHelp = !isShowHelp"
-    />
-    <ui-popup-window
-        v-model="isShowHelp"
-        :left="props.dropdownLeft"
-        :right="props.dropdownRight"
-        :top="props.dropdownTop"
-        :elem-id="props.helpId"
-        :width="props.dropdownWidth || 'max-content'"
-        :max-height="props.dropdownMaxHeight || 'unset'"
-
-    >
-      <div class="help-content" :style="{ width: props.dropdownWidth }">
-        <div class="headline">
-          <ui-icon :name="tooltipStatus" width="16" height="16" />
-          <h3 class="help-title">
-            {{ props.title || localization.mainNavigation.help }}
-          </h3>
-          <ui-icon
-              name="close"
-              width="16"
-              height="16"
-              class="help-close-icon cursor-pointer"
-              @click.stop="isShowHelp = false"
-          />
-        </div>
-
-        <slot />
-
-        <p v-if="props.helpText" class="help-text">
-          {{ props.helpText }}
-        </p>
-      </div>
-    </ui-popup-window>
-  </div>
-</template>
-<script setup lang="ts">
-
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import { T_TooltipHelpStatus } from '~/components/common/tooltip/lib/models/types'
-
-const props = defineProps<{
-  testId: string,
-  helpId: string,
-  dropdownWidth?: string
-  helpText?: string,
-  iconWidth?: string,
-  iconHeight?: string,
-  dropdownMaxHeight?: string,
-  dropdownLeft?: boolean,
-  dropdownRight?: boolean,
-  dropdownTop?: boolean,
-  isDisabled?: boolean,
-  title?: string,
-  status?: T_TooltipHelpStatus
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const isShowHelp = ref<boolean>(false)
-
-const tooltipStatus = computed<string>(() => props.status === 'error' ? 'error' : 'info-2')
-
-</script>
-<style>
-:root {
-  --help-color: #4d5d69;
-  --help-icon-hover-color: #4d5d69;
-  --help-icon-active-color: #008fd6;
-  --help-close-icon-color: #182531;
-}
-:root.dark-theme {
-  --help-color: #e9eaec;
-  --help-icon-hover-color: #e9eaec;
-  --help-icon-active-color: #2ba2de;
-  --help-close-icon-color: #e9eaec;
-}
-</style>
-<style scoped lang="scss">
-.help-icon {
-  color: #9da6ad; // for light and dark
-
-  &:hover {
-    color: var(--help-icon-hover-color);
-  }
-  &.active {
-    color: var(--help-icon-active-color);
-  }
-  &.disabled {
-    color: #bdc3c7;
-    pointer-events: none;
-  }
-}
-.help-content {
-  padding: 16px;
-
-  .headline {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    margin-bottom: 12px;
-
-    .help-title {
-      flex: 1;
-      font-size: 14px;
-      font-weight: 500;
-      line-height: 16.94px;
-      color: var(--help-color);
-    }
-    .help-close-icon {
-      color: var(--help-close-icon-color)
-    }
-  }
-
-  :deep(.help-text) {
-    font-size: 13px;
-    line-height: 15.73px;
-    color: var(--help-color);
-    word-break: break-word;
-    white-space: normal;
-  }
-}
-</style>

package/components/common/tooltip/lib/models/types.ts

@@ -1 +0,0 @@
-export type T_TooltipHelpStatus = 'info' | 'error'