@vcmap/ui 5.0.0-rc.23 → 5.0.0-rc.24

package/src/components/form-inputs-controls/VcsTextArea.vue

@@ -17,8 +17,8 @@
           @mouseover="hover = true"
           @mouseleave="hover = false"
           outlined
-          v-bind="{...$attrs, ...attrs}"
-          v-on="{...$listeners, ...on}"
+          v-bind="{ ...$attrs, ...attrs }"
+          v-on="{ ...$listeners, ...on }"
           :rows="$attrs.rows || (isDense ? 3 : 5)"
           class="ma-0 py-1 primary--placeholder"
           :class="{
@@ -35,16 +35,16 @@
 </template>
 
 <style lang="scss" scoped>
-.primary--placeholder {
-  ::v-deep {
-    textarea::placeholder {
-      color: var(--v-primary-base);
-      font-style: italic;
-      opacity: 1;
+  .primary--placeholder {
+    ::v-deep {
+      textarea::placeholder {
+        color: var(--v-primary-base);
+        font-style: italic;
+        opacity: 1;
+      }
     }
   }
-}
-.remove-outline {
+  .remove-outline {
     ::v-deep {
       fieldset {
         border-width: 0;
@@ -65,7 +65,8 @@
   }
   .outline--error {
     ::v-deep {
-      .v-input__slot fieldset, .v-text-field__slot textarea {
+      .v-input__slot fieldset,
+      .v-text-field__slot textarea {
         border-color: var(--v-error-base);
       }
     }
@@ -152,12 +153,18 @@
       const errorMessage = useErrorSync(textAreaRef);
 
       const isClearable = computed(() => {
-        return (attrs.clearable !== undefined && attrs.clearable !== false) &&
-          (hover.value || focus.value || errorMessage.value);
+        return (
+          attrs.clearable !== undefined &&
+          attrs.clearable !== false &&
+          (hover.value || focus.value || errorMessage.value)
+        );
       });
       const isDense = computed(() => attrs.dense !== false);
       const isOutlined = computed(() => {
-        return (hover.value || focus.value || errorMessage.value) && !(attrs.disabled || attrs.disabled === '');
+        return (
+          (hover.value || focus.value || errorMessage.value) &&
+          !(attrs.disabled || attrs.disabled === '')
+        );
       });
       return {
         hover,

package/src/components/form-inputs-controls/VcsTextField.vue

@@ -1,8 +1,5 @@
 <template>
-  <div
-    @mouseover="hover = true"
-    @mouseleave="hover = false"
-  >
+  <div @mouseover="hover = true" @mouseleave="hover = false">
     <VcsTooltip
       :tooltip-position="tooltipPosition"
       :tooltip="errorMessage"
@@ -24,8 +21,8 @@
           :value="visibleValue"
           :type="type"
           outlined
-          v-bind="{...$attrs, ...attrs}"
-          v-on="{...$listeners, ...on}"
+          v-bind="{ ...$attrs, ...attrs }"
+          v-on="{ ...$listeners, ...on }"
           :height="isDense ? 24 : 32"
           class="py-1 primary--placeholder align-center"
           :class="{
@@ -34,7 +31,11 @@
             'outline--error': !!errorMessage,
             'input--dense': isDense,
             'input--not-dense': !isDense,
-            'file-border-bottom': inputComponent === 'VFileInput' && !focus && !hover && !errorMessage,
+            'file-border-bottom':
+              inputComponent === 'VFileInput' &&
+              !focus &&
+              !hover &&
+              !errorMessage,
           }"
         />
       </template>
@@ -73,7 +74,8 @@
   }
   .outline--error {
     ::v-deep {
-      .v-input__slot fieldset, .v-text-field__slot input {
+      .v-input__slot fieldset,
+      .v-text-field__slot input {
         border-color: var(--v-error-base);
       }
     }
@@ -197,15 +199,27 @@
         return 'VTextField';
       });
       const isClearable = computed(() => {
-        return (attrs.clearable !== undefined && attrs.clearable !== false) &&
-          (hover.value || focus.value || !!errorMessage.value);
+        return (
+          attrs.clearable !== undefined &&
+          attrs.clearable !== false &&
+          (hover.value || focus.value || !!errorMessage.value)
+        );
       });
       const isDense = computed(() => attrs.dense !== false);
       const isOutlined = computed(() => {
-        return (hover.value || focus.value || !!errorMessage.value) && !(attrs.disabled || attrs.disabled === '');
+        return (
+          (hover.value || focus.value || !!errorMessage.value) &&
+          !(attrs.disabled || attrs.disabled === '')
+        );
       });
       const visibleValue = computed(() => {
-        if (attrs.type === 'number' && attrs.value && props.unit && !focus.value && !hover.value) {
+        if (
+          attrs.type === 'number' &&
+          attrs.value &&
+          props.unit &&
+          !focus.value &&
+          !hover.value
+        ) {
           return `${attrs.value} ${props.unit}`;
         } else {
           return attrs.value || '';

package/src/components/form-inputs-controls/VcsWizard.vue

@@ -2,7 +2,7 @@
   <v-stepper
     vertical
     :value="value"
-    @change="newValue => $emit('input', newValue)"
+    @change="(newValue) => $emit('input', newValue)"
     class="rounded-0"
   >
     <slot />
@@ -33,106 +33,106 @@
   };
 </script>
 <style scoped lang="scss">
-@import '../../styles/shades.scss';
-.v-stepper{
-  &.theme--light {
-    ::v-deep{
-      .v-stepper__step {
-        .v-stepper__label {
-          color: map-get($shades, 'black');
-        }
-        &--active {
-          background-color: rgba(34, 34, 34, 0.1);
-          .v-stepper__label {
-            color: var(--v-primary-base);
-          }
-        }
-        &--complete {
+  @import '../../styles/shades.scss';
+  .v-stepper {
+    &.theme--light {
+      ::v-deep {
+        .v-stepper__step {
           .v-stepper__label {
             color: map-get($shades, 'black');
           }
+          &--active {
+            background-color: rgba(34, 34, 34, 0.1);
+            .v-stepper__label {
+              color: var(--v-primary-base);
+            }
+          }
+          &--complete {
+            .v-stepper__label {
+              color: map-get($shades, 'black');
+            }
+          }
+          .v-stepper__step__step::before {
+            color: map-get($shades, 'white');
+          }
         }
-        .v-stepper__step__step::before {
-          color: map-get($shades, 'white');
-        }
-      }
-      .step-border:not(:last-child) > .v-stepper__content {
+        .step-border:not(:last-child) > .v-stepper__content {
           border-left: 2px solid rgba(0, 0, 0, 0.12);
+        }
       }
     }
-  }
-  &.theme--dark {
-    background: map-get($shades, 'black');
-    ::v-deep{
-      .v-stepper__step {
-        .v-stepper__label {
-          color: map-get($shades, 'white');
-        }
-        &--active {
-          background-color: rgba(255, 255, 255, 0.17);
-          .v-stepper__label {
-            color: var(--v-primary-base);
-          }
-        }
-        &--complete {
+    &.theme--dark {
+      background: map-get($shades, 'black');
+      ::v-deep {
+        .v-stepper__step {
           .v-stepper__label {
             color: map-get($shades, 'white');
           }
-        }
-        .v-stepper__step__step {
-          .v-icon {
-            color: transparent;
+          &--active {
+            background-color: rgba(255, 255, 255, 0.17);
+            .v-stepper__label {
+              color: var(--v-primary-base);
+            }
           }
-          &:before{
-            color: map-get($shades, 'black');
+          &--complete {
+            .v-stepper__label {
+              color: map-get($shades, 'white');
+            }
           }
-        }
-        &.v-stepper__step--error{
-          .v-stepper__label{
-            color: var(--v-error-darken2);
+          .v-stepper__step__step {
+            .v-icon {
+              color: transparent;
+            }
+            &:before {
+              color: map-get($shades, 'black');
+            }
           }
-          .v-stepper__step__step{
-            background-color: var(--v-error-darken1);
+          &.v-stepper__step--error {
+            .v-stepper__label {
+              color: var(--v-error-darken2);
+            }
+            .v-stepper__step__step {
+              background-color: var(--v-error-darken1);
+            }
           }
         }
-      }
-      .step-border:not(:last-child) > .v-stepper__content {
+        .step-border:not(:last-child) > .v-stepper__content {
           border-left: 2px solid rgba(255, 255, 255, 0.8);
+        }
       }
     }
-  }
-  ::v-deep{
-    .v-stepper__step {
-      padding-top: 0;
-      padding-bottom: 0;
-      .v-stepper__label {
-        font-weight: 700;
-        text-shadow: none !important;
-      }
-      .v-stepper__step__step {
-        color: transparent;
-        position: relative;
-        margin-top: 2px;
-        margin-right: 5px;
-        &:before{
-          content: '\25cf';
-          font-size: 18px;
-          position: absolute;
-          top: -9px;
+    ::v-deep {
+      .v-stepper__step {
+        padding-top: 0;
+        padding-bottom: 0;
+        .v-stepper__label {
+          font-weight: 700;
+          text-shadow: none !important;
         }
-      }
-      &.v-stepper__step--error {
-        .v-stepper__step__step{
-          background-color: var(--v-error-base);
+        .v-stepper__step__step {
+          color: transparent;
+          position: relative;
+          margin-top: 1px;
+          margin-right: 5px;
+          &:before {
+            content: '\25cf';
+            font-size: 18px;
+            position: absolute;
+            top: -9px;
+          }
         }
-        .v-stepper__label{
-          color: var(--v-error-base);
+        &.v-stepper__step--error {
+          .v-stepper__step__step {
+            background-color: var(--v-error-base);
+          }
+          .v-stepper__label {
+            color: var(--v-error-base);
+          }
         }
       }
-    }
-    .v-stepper__content.v-stepper__wrapper {
+      .v-stepper__content.v-stepper__wrapper {
         margin: 4px 0;
+      }
     }
   }
-}
 </style>

package/src/components/form-inputs-controls/VcsWizardStep.vue

@@ -5,11 +5,11 @@
       :editable="editable"
       :complete="complete"
       :rules="rules"
-      class="pr-6"
+      class="pr-2"
     >
       <div class="d-flex justify-space-between align-center">
         <slot name="header" />
-        <div v-if="!$slots.header" class="py-3">
+        <div v-if="!$slots.header" class="step-label-wrap">
           <span>{{ $t(heading) }}</span>
         </div>
         <VcsActionButtonList
@@ -23,15 +23,8 @@
         />
       </div>
     </v-stepper-step>
-    <v-stepper-content
-      v-if="$slots.content"
-      class="pr-4"
-      :step="step"
-    >
-      <VcsHelp
-        :text="helpText"
-        :show="showHelp"
-      >
+    <v-stepper-content v-if="$slots.content" class="pr-4" :step="step">
+      <VcsHelp :text="helpText" :show="showHelp">
         <slot name="help" />
       </VcsHelp>
       <slot name="content" />
@@ -84,7 +77,7 @@
       },
       rules: {
         type: Array,
-        default: () => ([]),
+        default: () => [],
       },
       heading: {
         type: String,
@@ -92,7 +85,7 @@
       },
       headerActions: {
         type: Array,
-        default: () => ([]),
+        default: () => [],
       },
       actionButtonListOverflowCount: {
         type: Number,
@@ -123,13 +116,16 @@
       });
       const showHelp = computed(() => helpAction.active);
       // deactivate help when leaving a step
-      watch(() => props.value, (currentStep, previousStep) => {
-        if (Number(previousStep) === Number(props.step)) {
-          helpAction.active = false;
-        }
-      });
+      watch(
+        () => props.value,
+        (currentStep, previousStep) => {
+          if (Number(previousStep) === Number(props.step)) {
+            helpAction.active = false;
+          }
+        },
+      );
       /**
-       * @type {ComputedRef<VcsAction>}
+       * @type {import("vue").ComputedRef<VcsAction>}
        */
       const actions = computed(() => {
         if (props.helpText || (slots.help && slots.help().length > 0)) {
@@ -146,7 +142,7 @@
   };
 </script>
 <style scoped lang="scss">
-  .v-alert--text:before{
+  .v-alert--text:before {
     background-color: transparent;
   }
   .v-stepper__step {
@@ -159,4 +155,8 @@
   .v-stepper__content {
     padding-left: 2px !important;
   }
+  .step-label-wrap {
+    padding-top: 13px !important;
+    padding-bottom: 13px !important;
+  }
 </style>

package/src/components/form-inputs-controls/composables.js

@@ -2,25 +2,30 @@ import { computed } from 'vue';
 
 /**
  * Syncs the error and validation state with the underlying vuetify component.
- * @param {Ref<any>} elementRef The template ref to the base vuetify component.
- * @returns {Ref<string>} Error message to display. Is empty string if either there are no error messages or if the validation errors are not displayed because
+ * @param {import("vue").Ref<any>} elementRef The template ref to the base vuetify component.
+ * @returns {import("vue").Ref<string>} Error message to display. Is empty string if either there are no error messages or if the validation errors are not displayed because
  * no interaction with the component or validation was reset by form. Validation errors have precedence over custom error messages.
  */
 // eslint-disable-next-line import/prefer-default-export
 export function useErrorSync(elementRef) {
-  const errorMessage = computed(() => {
+  return computed(() => {
     // if element is already mounted
     if (elementRef.value) {
       // errorMessages of selectField can either be (empty) array or string. Makes sure it is array.
-      const customErrorMessages = Array.isArray(elementRef.value.errorMessages) ?
-        elementRef.value.errorMessages : [elementRef.value.errorMessages];
+      const customErrorMessages = Array.isArray(elementRef.value.errorMessages)
+        ? elementRef.value.errorMessages
+        : [elementRef.value.errorMessages];
       // if validationState is 'error' (reset button removes this) or if there is errorMessages prop
-      if (elementRef.value.validationState === 'error' || !!customErrorMessages.length) {
+      if (
+        elementRef.value.validationState === 'error' ||
+        !!customErrorMessages.length
+      ) {
         // custom errorMessages are displayed when all validation error are solved.
-        return [...elementRef.value.errorBucket, ...customErrorMessages][0] || '';
+        return (
+          [...elementRef.value.errorBucket, ...customErrorMessages][0] || ''
+        );
       }
     }
     return '';
   });
-  return errorMessage;
 }

package/src/components/form-output/VcsFormattedNumber.vue

@@ -1,30 +1,28 @@
 <template>
-  <span class="vcs-formatted-number px-1" :class="{'vcs-formatted-number-dense': dense}">
+  <span
+    class="vcs-formatted-number pr-2 pl-1"
+    :class="{ 'vcs-formatted-number-dense': dense }"
+  >
     {{ formatted }}
-    <span v-if="unit === SpecialUnits.SQM">
-      m<sup>2</sup>
-    </span>
-    <span v-else-if="unit === SpecialUnits.CBM">
-      m<sup>3</sup>
-    </span>
-    <span v-else-if="unit === SpecialUnits.DEG">
-      °
-    </span>
+    <span v-if="unit === SpecialUnits.SQM"> m<sup>2</sup> </span>
+    <span v-else-if="unit === SpecialUnits.CBM"> m<sup>3</sup> </span>
+    <span v-else-if="unit === SpecialUnits.DEG"> ° </span>
     <span v-else>
       {{ unit }}
     </span>
   </span>
 </template>
 <style lang="scss" scoped>
-@import "../../styles/vcsGrid.scss";
-@import "../../styles/vcsFont";
-.vcs-formatted-number {
-  font-size: $base-font-size;
-  line-height: $line-height-base;
-}
-.vcs-formatted-number-dense {
-  line-height: $line-height-dense;
-}
+  @import '../../styles/vcsGrid.scss';
+  @import '../../styles/vcsFont';
+  .vcs-formatted-number,
+  .vcs-formatted-number span {
+    font-size: $vcs-font-size;
+    line-height: $line-height-base;
+  }
+  .vcs-formatted-number-dense {
+    line-height: $line-height-dense;
+  }
 </style>
 <script>
   import { computed } from 'vue';
@@ -36,17 +34,17 @@
    * @param {number} fractionDigits
    * @returns {string|number}
    */
-  export function numberToLocaleString(value, fractionDigits) { // XXX todo maybe merge with dateTime helpers in core?
+  export function numberToLocaleString(value, fractionDigits) {
+    // XXX todo maybe merge with dateTime helpers in core?
     const number = parseInt(value, 10);
     if (Number.isNaN(number)) {
       return number;
     }
 
-    return (/** @type {number} */ value)
-      .toLocaleString(navigator.language, {
-        minimumFractionDigits: fractionDigits,
-        maximumFractionDigits: fractionDigits,
-      });
+    return /** @type {number} */ value.toLocaleString(navigator.language, {
+      minimumFractionDigits: fractionDigits,
+      maximumFractionDigits: fractionDigits,
+    });
   }
 
   /**
@@ -93,7 +91,9 @@
       },
     },
     setup(props) {
-      const formatted = computed(() => numberToLocaleString(props.value, props.fractionDigits));
+      const formatted = computed(() =>
+        numberToLocaleString(props.value, props.fractionDigits),
+      );
       return {
         SpecialUnits,
         formatted,

package/src/components/icons/+all.js

@@ -437,15 +437,23 @@ const IconMap = {
   },
 };
 
-const nameCapitalized = (name) => { return name.charAt(0).toUpperCase() + name.slice(1); };
+const nameCapitalized = (name) => {
+  return name.charAt(0).toUpperCase() + name.slice(1);
+};
 
 const prefixed = (iconMap) => {
-  return Object
-    .entries(iconMap)
-    .reduce((previousValue, [key, value]) => ({ ...previousValue, [`vcs${nameCapitalized(key)}`]: value }), {});
+  return Object.entries(iconMap).reduce(
+    (previousValue, [key, value]) => ({
+      ...previousValue,
+      [`vcs${nameCapitalized(key)}`]: value,
+    }),
+    {},
+  );
 };
 
 const Icons = prefixed(IconMap);
 export const IconIds = Object.keys(IconMap);
-export const IconNames = Object.keys(Icons).map((name) => { return `$${name}`; });
+export const IconNames = Object.keys(Icons).map((name) => {
+  return `$${name}`;
+});
 export default Icons;

package/src/components/icons/2DAreaIcon.vue

@@ -1,19 +1,71 @@
 <!-- eslint-disable max-len -->
 
 <template>
-  <svg id="icon_24_2D_area" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <svg
+    id="icon_24_2D_area"
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+  >
     <rect id="size" width="24" height="24" fill="none" />
-    <path id="Path_681" data-name="Path 681" d="M-10.08-3.448h1.088A2.381,2.381,0,0,1-8.948-3.9,1.4,1.4,0,0,1-8.8-4.316a.866.866,0,0,1,.276-.3.734.734,0,0,1,.42-.116.833.833,0,0,1,.6.228.843.843,0,0,1,.236.636.892.892,0,0,1-.116.456,1.555,1.555,0,0,1-.288.36,2.607,2.607,0,0,1-.38.292q-.208.132-.392.26-.36.248-.684.488a3.324,3.324,0,0,0-.564.524,2.256,2.256,0,0,0-.38.644,2.335,2.335,0,0,0-.14.848H-6.1V-.976H-8.744a2.535,2.535,0,0,1,.48-.5q.272-.216.56-.4t.572-.38a3.06,3.06,0,0,0,.508-.428,1.912,1.912,0,0,0,.36-.54,1.774,1.774,0,0,0,.136-.728A1.692,1.692,0,0,0-6.284-4.7a1.634,1.634,0,0,0-.42-.552,1.886,1.886,0,0,0-.612-.344,2.23,2.23,0,0,0-.732-.12,2.182,2.182,0,0,0-.892.172,1.74,1.74,0,0,0-.644.48,2.076,2.076,0,0,0-.384.72A2.687,2.687,0,0,0-10.08-3.448Zm5.96,2.392v-3.6h.9a2.028,2.028,0,0,1,.78.132,1.224,1.224,0,0,1,.508.38,1.556,1.556,0,0,1,.276.6,3.33,3.33,0,0,1,.084.78,2.34,2.34,0,0,1-.12.8,1.467,1.467,0,0,1-.32.532,1.162,1.162,0,0,1-.456.292A1.613,1.613,0,0,1-3-1.056ZM-5.376-5.712V0h2.464a2.734,2.734,0,0,0,1.14-.22,2.268,2.268,0,0,0,.808-.6A2.535,2.535,0,0,0-.48-1.736,3.957,3.957,0,0,0-.32-2.888a3.56,3.56,0,0,0-.2-1.24,2.438,2.438,0,0,0-.544-.88,2.231,2.231,0,0,0-.824-.528,2.941,2.941,0,0,0-1.028-.176Z" transform="translate(24 24)" fill="currentColor" />
-    <g id="Group_1752" data-name="Group 1752" transform="translate(-1319.907 -496.728)">
-      <g id="Path_673" data-name="Path 673" transform="translate(1321.907 497.728)">
-        <path id="Path_675" data-name="Path 675" d="M1323.231,513.759a1.333,1.333,0,0,1-1.323-1.271v-6.134a1.31,1.31,0,0,1,1.382-1.3h5.273v-6.032a1.351,1.351,0,0,1,1.4-1.3h10.5a1.334,1.334,0,0,1,1.368,1.27V512.46a1.344,1.344,0,0,1-1.4,1.3h-17.2Zm.026-1.5h0Zm.183-5.7v5.7H1340.3v-13.03h-10.2v6.032a1.339,1.339,0,0,1-1.4,1.3Zm17.017,5.7h0Zm-11.741-7.2h0Zm1.225-5.83h0Zm10.534,0h0Z" transform="translate(-1321.907 -497.728)" fill="currentColor" />
+    <path
+      id="Path_681"
+      data-name="Path 681"
+      d="M-10.08-3.448h1.088A2.381,2.381,0,0,1-8.948-3.9,1.4,1.4,0,0,1-8.8-4.316a.866.866,0,0,1,.276-.3.734.734,0,0,1,.42-.116.833.833,0,0,1,.6.228.843.843,0,0,1,.236.636.892.892,0,0,1-.116.456,1.555,1.555,0,0,1-.288.36,2.607,2.607,0,0,1-.38.292q-.208.132-.392.26-.36.248-.684.488a3.324,3.324,0,0,0-.564.524,2.256,2.256,0,0,0-.38.644,2.335,2.335,0,0,0-.14.848H-6.1V-.976H-8.744a2.535,2.535,0,0,1,.48-.5q.272-.216.56-.4t.572-.38a3.06,3.06,0,0,0,.508-.428,1.912,1.912,0,0,0,.36-.54,1.774,1.774,0,0,0,.136-.728A1.692,1.692,0,0,0-6.284-4.7a1.634,1.634,0,0,0-.42-.552,1.886,1.886,0,0,0-.612-.344,2.23,2.23,0,0,0-.732-.12,2.182,2.182,0,0,0-.892.172,1.74,1.74,0,0,0-.644.48,2.076,2.076,0,0,0-.384.72A2.687,2.687,0,0,0-10.08-3.448Zm5.96,2.392v-3.6h.9a2.028,2.028,0,0,1,.78.132,1.224,1.224,0,0,1,.508.38,1.556,1.556,0,0,1,.276.6,3.33,3.33,0,0,1,.084.78,2.34,2.34,0,0,1-.12.8,1.467,1.467,0,0,1-.32.532,1.162,1.162,0,0,1-.456.292A1.613,1.613,0,0,1-3-1.056ZM-5.376-5.712V0h2.464a2.734,2.734,0,0,0,1.14-.22,2.268,2.268,0,0,0,.808-.6A2.535,2.535,0,0,0-.48-1.736,3.957,3.957,0,0,0-.32-2.888a3.56,3.56,0,0,0-.2-1.24,2.438,2.438,0,0,0-.544-.88,2.231,2.231,0,0,0-.824-.528,2.941,2.941,0,0,0-1.028-.176Z"
+      transform="translate(24 24)"
+      fill="currentColor"
+    />
+    <g
+      id="Group_1752"
+      data-name="Group 1752"
+      transform="translate(-1319.907 -496.728)"
+    >
+      <g
+        id="Path_673"
+        data-name="Path 673"
+        transform="translate(1321.907 497.728)"
+      >
+        <path
+          id="Path_675"
+          data-name="Path 675"
+          d="M1323.231,513.759a1.333,1.333,0,0,1-1.323-1.271v-6.134a1.31,1.31,0,0,1,1.382-1.3h5.273v-6.032a1.351,1.351,0,0,1,1.4-1.3h10.5a1.334,1.334,0,0,1,1.368,1.27V512.46a1.344,1.344,0,0,1-1.4,1.3h-17.2Zm.026-1.5h0Zm.183-5.7v5.7H1340.3v-13.03h-10.2v6.032a1.339,1.339,0,0,1-1.4,1.3Zm17.017,5.7h0Zm-11.741-7.2h0Zm1.225-5.83h0Zm10.534,0h0Z"
+          transform="translate(-1321.907 -497.728)"
+          fill="currentColor"
+        />
       </g>
-      <g id="M2" transform="translate(1332.344 504.879)" style="isolation: isolate;">
-        <g id="Group_1752-2" data-name="Group 1752" transform="translate(0 0.215)" style="isolation: isolate;">
-          <path id="Path_676" data-name="Path 676" d="M1333.238,505.094l1,2.946h.012l.948-2.946h1.326v4.284h-.881v-3.036h-.013l-1.05,3.036h-.726l-1.049-3.006h-.013v3.006h-.882v-4.284Z" transform="translate(-1331.912 -505.094)" fill="currentColor" />
+      <g
+        id="M2"
+        transform="translate(1332.344 504.879)"
+        style="isolation: isolate"
+      >
+        <g
+          id="Group_1752-2"
+          data-name="Group 1752"
+          transform="translate(0 0.215)"
+          style="isolation: isolate"
+        >
+          <path
+            id="Path_676"
+            data-name="Path 676"
+            d="M1333.238,505.094l1,2.946h.012l.948-2.946h1.326v4.284h-.881v-3.036h-.013l-1.05,3.036h-.726l-1.049-3.006h-.013v3.006h-.882v-4.284Z"
+            transform="translate(-1331.912 -505.094)"
+            fill="currentColor"
+          />
         </g>
-        <g id="Group_1753" data-name="Group 1753" transform="translate(5.102)" style="isolation: isolate;">
-          <path id="Path_677" data-name="Path 677" d="M1337.119,505.479a.9.9,0,0,1,.168-.315.75.75,0,0,1,.281-.21.963.963,0,0,1,.391-.075.951.951,0,0,1,.32.053.827.827,0,0,1,.268.15.706.706,0,0,1,.183.241.736.736,0,0,1,.069.323.767.767,0,0,1-.06.318.834.834,0,0,1-.157.236,1.371,1.371,0,0,1-.223.188l-.25.166a2.967,2.967,0,0,0-.245.176,1.129,1.129,0,0,0-.21.221h1.159v.427h-1.8a1.018,1.018,0,0,1,.061-.371.977.977,0,0,1,.166-.281,1.514,1.514,0,0,1,.247-.23c.094-.07.195-.142.3-.214.054-.037.111-.075.172-.113a1.124,1.124,0,0,0,.166-.128.721.721,0,0,0,.126-.157.391.391,0,0,0,.051-.2.368.368,0,0,0-.1-.279.364.364,0,0,0-.263-.1.332.332,0,0,0-.185.05.393.393,0,0,0-.12.133.675.675,0,0,0-.066.183,1.105,1.105,0,0,0-.018.2h-.477A1.177,1.177,0,0,1,1337.119,505.479Z" transform="translate(-1337.014 -504.879)" fill="currentColor" />
+        <g
+          id="Group_1753"
+          data-name="Group 1753"
+          transform="translate(5.102)"
+          style="isolation: isolate"
+        >
+          <path
+            id="Path_677"
+            data-name="Path 677"
+            d="M1337.119,505.479a.9.9,0,0,1,.168-.315.75.75,0,0,1,.281-.21.963.963,0,0,1,.391-.075.951.951,0,0,1,.32.053.827.827,0,0,1,.268.15.706.706,0,0,1,.183.241.736.736,0,0,1,.069.323.767.767,0,0,1-.06.318.834.834,0,0,1-.157.236,1.371,1.371,0,0,1-.223.188l-.25.166a2.967,2.967,0,0,0-.245.176,1.129,1.129,0,0,0-.21.221h1.159v.427h-1.8a1.018,1.018,0,0,1,.061-.371.977.977,0,0,1,.166-.281,1.514,1.514,0,0,1,.247-.23c.094-.07.195-.142.3-.214.054-.037.111-.075.172-.113a1.124,1.124,0,0,0,.166-.128.721.721,0,0,0,.126-.157.391.391,0,0,0,.051-.2.368.368,0,0,0-.1-.279.364.364,0,0,0-.263-.1.332.332,0,0,0-.185.05.393.393,0,0,0-.12.133.675.675,0,0,0-.066.183,1.105,1.105,0,0,0-.018.2h-.477A1.177,1.177,0,0,1,1337.119,505.479Z"
+            transform="translate(-1337.014 -504.879)"
+            fill="currentColor"
+          />
         </g>
       </g>
     </g>