@dative-gpi/foundation-shared-components 1.0.41 → 1.0.43

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/components/FSCalendar.vue +2 -2
  2. package/components/FSCalendarTwin.vue +2 -2
  3. package/components/FSClock.vue +2 -2
  4. package/components/deviceOrganisations/FSConnectivityCard.vue +2 -2
  5. package/components/deviceOrganisations/FSStatusCard.vue +2 -2
  6. package/components/deviceOrganisations/FSWorstAlertCard.vue +2 -2
  7. package/components/fields/FSAutocompleteField.vue +421 -432
  8. package/components/fields/FSDateField.vue +2 -2
  9. package/components/fields/FSDateRangeField.vue +2 -2
  10. package/components/fields/FSDateTimeField.vue +4 -3
  11. package/components/fields/FSDateTimeRangeField.vue +7 -6
  12. package/components/fields/FSGradientField.vue +27 -33
  13. package/components/fields/FSMagicField.vue +2 -2
  14. package/components/fields/FSSelectField.vue +389 -400
  15. package/components/fields/FSTermField.vue +17 -8
  16. package/components/selects/FSSelectDateSetting.vue +1 -0
  17. package/models/rules.ts +2 -2
  18. package/package.json +4 -4
  19. package/styles/components/fs_gradient_field.scss +11 -11
  20. package/styles/components/fs_select_date_settings.scss +3 -0
package/components/FSCalendar.vue CHANGED
@@ -67,7 +67,7 @@
67
67
  <script lang="ts">
68
68
  import { computed, defineComponent, onMounted, type PropType, ref, type StyleValue } from "vue";
69
69
 
70
- import { useAppTimeZone, useAppLanguageCode } from "@dative-gpi/foundation-shared-services/composables";
70
+ import { useDateFormat, useAppLanguageCode } from "@dative-gpi/foundation-shared-services/composables";
71
71
  import { type ColorBase, ColorEnum } from "@dative-gpi/foundation-shared-components/models";
72
72
  import { useColors } from "@dative-gpi/foundation-shared-components/composables";
73
73
 
@@ -108,7 +108,7 @@ export default defineComponent({
108
108
  },
109
109
  emits: ["update:modelValue"],
110
110
  setup(props, { emit }) {
111
- const { epochToPicker, pickerToEpoch, todayToEpoch } = useAppTimeZone();
111
+ const { epochToPicker, pickerToEpoch, todayToEpoch } = useDateFormat();
112
112
  const { languageCode } = useAppLanguageCode();
113
113
  const { getColors } = useColors();
114
114
 
package/components/FSCalendarTwin.vue CHANGED
@@ -114,7 +114,7 @@
114
114
  <script lang="ts">
115
115
  import { computed, defineComponent, onMounted, type PropType, ref, type StyleValue } from "vue";
116
116
 
117
- import { useAppTimeZone, useAppLanguageCode } from "@dative-gpi/foundation-shared-services/composables";
117
+ import { useDateFormat, useAppLanguageCode } from "@dative-gpi/foundation-shared-services/composables";
118
118
  import { type ColorBase, ColorEnum } from "@dative-gpi/foundation-shared-components/models";
119
119
  import { useColors } from "@dative-gpi/foundation-shared-components/composables";
120
120
 
@@ -155,7 +155,7 @@ export default defineComponent({
155
155
  },
156
156
  emits: ["update:modelValue"],
157
157
  setup(props, { emit }) {
158
- const { epochToPicker, epochToPickerHeader, pickerToEpoch, todayToEpoch } = useAppTimeZone();
158
+ const { epochToPicker, epochToPickerHeader, pickerToEpoch, todayToEpoch } = useDateFormat();
159
159
  const { languageCode } = useAppLanguageCode();
160
160
  const { getColors } = useColors();
161
161
 
package/components/FSClock.vue CHANGED
@@ -55,7 +55,7 @@
55
55
  import { computed, defineComponent, type PropType, ref, type StyleValue, watch } from "vue";
56
56
 
57
57
  import { type ColorBase, ColorEnum } from "@dative-gpi/foundation-shared-components/models";
58
- import { useAppTimeZone } from "@dative-gpi/foundation-shared-services/composables";
58
+ import { useDateFormat } from "@dative-gpi/foundation-shared-services/composables";
59
59
  import { useColors } from "@dative-gpi/foundation-shared-components/composables";
60
60
 
61
61
  import FSSlider from "./FSSlider.vue";
@@ -98,7 +98,7 @@ export default defineComponent({
98
98
  },
99
99
  emits: ["update:modelValue"],
100
100
  setup(props, { emit }) {
101
- const { epochToLongDateFormat } = useAppTimeZone();
101
+ const { epochToLongDateFormat } = useDateFormat();
102
102
  const { getColors } = useColors();
103
103
 
104
104
  const colors = computed(() => getColors(props.color));
package/components/deviceOrganisations/FSConnectivityCard.vue CHANGED
@@ -58,7 +58,7 @@
58
58
  import { computed, defineComponent, type PropType } from "vue";
59
59
 
60
60
  import type { FSDeviceConnectivity } from "@dative-gpi/foundation-shared-components/models";
61
- import { useAppTimeZone } from "@dative-gpi/foundation-shared-services/composables";
61
+ import { useDateFormat } from "@dative-gpi/foundation-shared-services/composables";
62
62
 
63
63
  import { connectivityLabel } from "../../utils";
64
64
 
@@ -89,7 +89,7 @@ export default defineComponent({
89
89
  },
90
90
  emit: ["close"],
91
91
  setup(props) {
92
- const { epochToLongTimeFormat } = useAppTimeZone();
92
+ const { epochToLongTimeFormat } = useDateFormat();
93
93
 
94
94
  const deviceTimestamp = computed((): string => {
95
95
  if (props.deviceConnectivity.sourceTimestamp) {
package/components/deviceOrganisations/FSStatusCard.vue CHANGED
@@ -71,7 +71,7 @@
71
71
  import { computed, defineComponent, type PropType } from "vue";
72
72
 
73
73
  import type { FSDeviceStatusGroup, FSModelStatus } from "@dative-gpi/foundation-shared-components/models";
74
- import { useAppTimeZone } from "@dative-gpi/foundation-shared-services/composables";
74
+ import { useDateFormat } from "@dative-gpi/foundation-shared-services/composables";
75
75
 
76
76
  import FSButton from "../FSButton.vue";
77
77
  import FSCard from "../FSCard.vue";
@@ -108,7 +108,7 @@ export default defineComponent({
108
108
  },
109
109
  emits: ["close"],
110
110
  setup(props) {
111
- const { epochToLongTimeFormat } = useAppTimeZone();
111
+ const { epochToLongTimeFormat } = useDateFormat();
112
112
 
113
113
  const statusLabel = computed((): string => {
114
114
  return props.statusGroup.label || props.modelStatus.label;
package/components/deviceOrganisations/FSWorstAlertCard.vue CHANGED
@@ -61,7 +61,7 @@ import { useTranslations as useTranslationsProvider } from "@dative-gpi/bones-ui
61
61
  import type { FSDeviceAlert} from "@dative-gpi/foundation-shared-components/models";
62
62
  import { ColorEnum } from "@dative-gpi/foundation-shared-components/models";
63
63
  import { AlertStatus, Criticity } from "@dative-gpi/foundation-shared-domain/models";
64
- import { useAppTimeZone } from "@dative-gpi/foundation-shared-services/composables";
64
+ import { useDateFormat } from "@dative-gpi/foundation-shared-services/composables";
65
65
 
66
66
  import FSButton from "../FSButton.vue";
67
67
  import FSCard from "../FSCard.vue";
@@ -90,7 +90,7 @@ export default defineComponent({
90
90
  },
91
91
  emits: ["close"],
92
92
  setup(props) {
93
- const { epochToLongTimeFormat } = useAppTimeZone();
93
+ const { epochToLongTimeFormat } = useDateFormat();
94
94
  const { $tr } = useTranslationsProvider();
95
95
 
96
96
  const criticityColor = computed(() => {