@dative-gpi/foundation-shared-components 1.1.23 → 1.1.24-unit-formatter

package/components/tiles/FSPlaylistTileUI.vue

@@ -1,149 +0,0 @@
-<template>
-  <FSTile
-    :activeColor="ColorEnum.Primary"
-    :modelValue="$props.modelValue"
-    :width="$props.width"
-    :height="$props.height"
-    padding="16px 24px"
-    v-bind="$attrs"
-  >
-    <FSRow
-      :wrap="false"
-    >
-      <FSCol
-        gap="16px"
-        width="fill"
-      >
-        <FSSpan
-          font="text-button"
-        >
-          {{ $props.label }}
-        </FSSpan>
-        <FSRow
-          :wrap="false"
-          align="center-left"
-        >
-          <FSIcon>
-            mdi-view-dashboard-outline
-          </FSIcon>
-          <FSSpan
-            font="text-overline"
-          >
-            {{ $tr('ui.dashboards.dynamic', '{0} dashboard(s)', $props.dashboardsCount) }}
-          </FSSpan>
-        </FSRow>
-        <FSRow
-          :wrap="false"
-          align="center-left"
-        >
-          <FSIconCheck
-            variant="fill"
-            :value="automaticTransition"
-          />
-          <FSSpan
-            font="text-overline"
-            v-if="automaticTransition"
-          >
-            {{$tr('ui.playlist.transition-delay.dynamic', 'Transition : {0}', getTimeBestString($props.delay ?? 0))}}
-          </FSSpan>
-          <FSSpan
-            font="text-overline"
-            v-else
-          >
-            {{ $tr('ui.playlist.automatic-transition', 'Automatic transition') }}
-          </FSSpan>
-        </FSRow>
-        <FSRow
-          :wrap="false"
-          align="center-left"
-        >
-          <FSIconCheck
-            variant="fill"
-            :value="$props.looped"
-          />
-          <FSSpan
-            font="text-overline"
-          >
-            {{ $tr('entity.playlist.looped', 'Looped') }}
-          </FSSpan>
-        </FSRow>
-      </FSCol>
-      <slot
-        name="actions"
-      />
-    </FSRow>
-  </FSTile>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, type PropType } from "vue";
-
-import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
-
-import { getTimeBestString } from "@dative-gpi/foundation-shared-components/utils";
-
-import FSIconCheck from "../FSIconCheck.vue";
-import FSTile from "../tiles/FSTile.vue";
-import FSIcon from "../FSIcon.vue";
-import FSSpan from "../FSSpan.vue";
-import FSRow from "../FSRow.vue";
-import FSCol from "../FSCol.vue";
-
-export default defineComponent({
-  name: "FSPlaylistTileUI",
-  components: {
-    FSIconCheck,
-    FSIcon,
-    FSTile,
-    FSSpan,
-    FSRow,
-    FSCol
-  },
-  inheritAttrs: false,
-  props: {
-    width: {
-      type: [Array, String, Number] as PropType<string[] | number[] | string | number | null>,
-      required: false,
-      default: () => [352, 336]
-    },
-    height: {
-      type: [Array, String, Number] as PropType<string[] | number[] | string | number | null>,
-      required: false,
-      default: () => 'hug'
-    },
-    label: {
-      type: String as PropType<string>,
-      required: true
-    },
-    dashboardsCount: {
-      type: Number,
-      required: true
-    },
-    delay: {
-      type: Number ,
-      required: false
-    },
-    looped: {
-      type: Boolean,
-      required: true
-    },
-    modelValue: {
-      type: Boolean,
-      required: false,
-      default: false
-    }
-  },
-  setup(props) {
-
-    const automaticTransition = computed((): boolean => {
-      return props.delay ? props.delay > 0 : false;
-    });
-
-    return {
-      getTimeBestString,
-      automaticTransition,
-      ColorEnum
-    };
-  }
-});
-</script>

package/components/tiles/FSSubgroupingTileUI.vue

@@ -1,97 +0,0 @@
-<template>
-  <FSSimpleTileUI
-    :bottomColor="null"
-    v-bind="$attrs"
-  >
-    <template
-      #append-info
-    >
-      <FSRow
-        v-if="$props.groupingLabel && $props.groupingIcon"
-        align="center-left"
-        :wrap="false"
-      >
-        <FSColor
-          height="24px"
-          :color="$props.groupingColor"
-          :border="false"
-          variant="standard"
-        >
-          <FSRow
-            align="center-center"
-            width="24px"
-          >
-            <FSIcon
-              size="16px"
-            >
-              {{ $props.groupingIcon }}
-            </FSIcon>
-          </FSRow>
-        </FSColor>
-        <FSSpan
-          font="text-overline"
-        >
-          {{ $props.groupingLabel }}
-        </FSSpan>
-      </FSRow>
-      <FSEntityCountBadge
-        :label="$tr('ui.common.devices', 'Devices')"
-        :count="$props.deviceOrganisationsCount ?? 0"
-        :color="ColorEnum.Primary"
-      />
-    </template>
-  </FSSimpleTileUI>
-</template>
-
-<script lang="ts">
-import { defineComponent, type PropType } from "vue";
-
-import { type ColorBase, ColorEnum } from "@dative-gpi/foundation-shared-components/models";
-
-import FSEntityCountBadge from "./FSEntityCountBadge.vue";
-import FSSimpleTileUI from './FSSimpleTileUI.vue';
-import FSColor from "../FSColor.vue";
-import FSIcon from "../FSIcon.vue";
-import FSSpan from "../FSSpan.vue";
-import FSRow from "../FSRow.vue";
-
-export default defineComponent({
-  name: "FSSubgroupingTileUI",
-  components: {
-    FSEntityCountBadge,
-    FSSimpleTileUI,
-    FSColor,
-    FSIcon,
-    FSSpan,
-    FSRow
-  },
-  props: {
-    groupingLabel: {
-      type: String as PropType<string | null>,
-      required: false,
-      default: null
-    },
-    groupingIcon: {
-      type: String as PropType<string | null>,
-      required: false,
-      default: null
-    },
-    groupingColor: {
-      type: String as PropType<ColorBase>,
-      required: false,
-      default: ColorEnum.Dark
-    },
-    deviceOrganisationsCount: {
-      type: Number,
-      required: false,
-      default: null
-    }
-  },
-  inheritAttrs: false,
-  setup() {
-    return {
-      ColorEnum,
-    };
-  }
-});
-</script>

package/models/variants.ts

@@ -1,33 +0,0 @@
-export type CardVariant = "background" | "standard" | "full" | "gradient";
-export enum CardVariants {
-  Background = "background",
-  Standard = "standard",
-  Full = "full",
-  Gradient = "gradient"
-}
-
-export type SnackbarVariant = "standard" | "full";
-export enum SnackbarVariants {
-  Standard = "standard",
-  Full = "full"
-}
-
-export type DialogMultiFormVariant = "standard" | "submit";
-export enum DialogMultiFormVariants {
-  Standard = "standard",
-  Submit = "submit"
-}
-
-export type DialogMultiFormMode = "pagination" | "tabs" | "hidden";
-export enum DialogMultiFormModes {
-  Pagination = "pagination",
-  Tabs = "tabs",
-  Hidden = "hidden"
-}
-
-export type ChipGroupVariant = "wrap" | "slide" | "menu";
-export enum ChipGroupVariants {
-  Wrap = "wrap",
-  Slide = "slide",
-  Menu = "menu"
-}

package/styles/components/fs_snackbar.scss

@@ -1,7 +0,0 @@
-.fs-snackbar {
-    .v-snackbar__wrapper {
-        border-radius: var(--fs-snackbar-border-radius);
-        background-color: var(--fs-snackbar-background-color);
-        color: var(--fs-snackbar-color);
-    }
-}