{"version":3,"file":"jrDMCtsZ.js","sources":["../../../../src/components/SignatureCropper.vue","../../../../src/components/overlays/OverlayEditSignature.vue"],"sourcesContent":["<template>\n  <div class=\"sig-cro\">\n    <v-dialog v-model=\"imageModal\" persistent max-width=\"640\">\n      <v-card class=\"sig-cro-dialog__card\" :drop-padding=\"true\">\n        <v-card-title class=\"text-h5\">\n          {{ $t('profile.visual_signature.upload.dialog.title') }}\n        </v-card-title>\n        <v-card-text class=\"pa-0\">\n          <cropper\n            v-if=\"uploadedImage\"\n            class=\"upload-cropper\"\n            :src=\"uploadedImage\"\n            :stencil-props=\"{\n              handlers: {\n                eastNorth: true,\n                north: false,\n                westNorth: true,\n                west: false,\n                westSouth: true,\n                south: false,\n                eastSouth: true,\n                east: false,\n              },\n            }\"\n            @change=\"changeStencil\"\n          />\n        </v-card-text>\n        <v-divider />\n        <v-card-actions>\n          <v-btn size=\"x-large\" :block=\"$vuetify.display.xs\" color=\"info\" variant=\"outlined\" @click=\"clearLocalImage\">\n            {{ $t('global.cancel') }}\n          </v-btn>\n          <v-spacer />\n          <v-btn\n            color=\"info\"\n            size=\"x-large\"\n            variant=\"elevated\"\n            :class=\"$vuetify.display.xs ? 'order-first' : ''\"\n            :block=\"$vuetify.display.xs\"\n            @click=\"uploadImage\"\n          >\n            {{ $t('global.save') }}\n          </v-btn>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n\n    <skr-button-group size=\"md\" filled>\n      <skr-button class=\"sig-cro__upload-btn\" type=\"secondary\" @click=\"fileInput?.click()\">\n        <input ref=\"fileInput\" class=\"d-none\" type=\"file\" accept=\"image/*\" @change=\"loadLocalImage\" />\n        <template v-if=\"!isCustomImage\">{{ $t('profile.visual_signature.upload.upload_label') }}</template>\n        <template v-else>{{ $t('profile.visual_signature.upload.reset_label') }}</template>\n      </skr-button>\n      <skr-button v-if=\"isCustomImage\" color=\"error\" type=\"secondary\" @click=\"deleteImage\">\n        {{ $t('profile.visual_signature.upload.delete_label') }}\n      </skr-button>\n    </skr-button-group>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { Cropper } from 'vue-advanced-cropper'\n\nimport SkrButtonGroup from '@/components/button/SkrButtonGroup.vue'\nimport SkrButton from '@/components/button/SkrButton.vue'\nimport type { CustomImageData } from '@/repository/visualSignature'\n\nimport 'vue-advanced-cropper/dist/style.css'\n\nexport default defineComponent({\n  name: 'SignatureCropper',\n  components: {\n    Cropper,\n    SkrButton,\n    SkrButtonGroup,\n  },\n  props: {\n    signatureId: String,\n  },\n  emits: ['save', 'remove'],\n  setup(props) {\n    const visualSignatureStore = useVisualSignatureStore()\n    const { signatures } = storeToRefs(visualSignatureStore)\n\n    /**\n     * Reference to potentially available local image data that has not been saved yet.\n     */\n    const imageData = inject('imageData', ref<CustomImageData | null>(null))\n\n    const isCustomImage = computed(() => {\n      if (!props.signatureId) return Boolean(imageData.value)\n\n      const signature = signatures.value.find(signature => signature.id === props.signatureId)\n\n      return Boolean(signature?.hasCustomImage)\n    })\n\n    const fileInput = ref<HTMLInputElement | null>(null)\n\n    return {\n      isCustomImage,\n      fileInput,\n    }\n  },\n  data() {\n    return {\n      aspectWidth: 388, // 2 * dimensions.image.width defined in VisualSignature.vue\n      aspectHeight: 72, // 2 * dimensions.image.height defined in VisualSignature.vue\n      thresholdBase: 110, // start threshold for image thresholding\n      thresholdColor: [\n        // decimal RGB of Skribble dark grey\n        41, 61, 102,\n      ],\n      thresholdIterationStep: 20, // step size of threshold adjustments\n      thresholdMaxIterations: 7, // max number of iterations of threshold adjustments. more than 7 makes no sense at a step of 20 because the max value of a pixel is 255\n      thresholdPixelRatio: 0.0025, // minimal ratio of dark pixels after filtering\n      imageModal: false,\n      uploadedImage: '',\n      croppedImage: {\n        content: '',\n        width: 0,\n        height: 0,\n      },\n    }\n  },\n  methods: {\n    changeStencil(stencil: { canvas: HTMLCanvasElement }) {\n      // draw image 3 times bigger than it will be rendered on the visual\n      // signature canvas to have a nicer rendering\n      const overSamplingFactor = 3\n      if (stencil.canvas) {\n        const resizeCanvas = document.createElement('canvas')\n        const stencilAspectRatio = stencil.canvas.width / stencil.canvas.height\n        const maxWidth = overSamplingFactor * this.aspectWidth\n        const maxHeight = overSamplingFactor * this.aspectHeight\n\n        if (maxHeight * stencilAspectRatio > maxWidth) {\n          // width is limiting\n          resizeCanvas.width = maxWidth\n          resizeCanvas.height = maxWidth / stencilAspectRatio\n        } else {\n          // height is limiting\n          resizeCanvas.height = maxHeight\n          resizeCanvas.width = maxHeight * stencilAspectRatio\n        }\n\n        // grab the context from your destination canvas\n        const destCtx = resizeCanvas.getContext('2d')\n        if (destCtx) {\n          // call its drawImage() function passing it the source canvas directly\n          destCtx.drawImage(stencil.canvas, 0, 0, resizeCanvas.width, resizeCanvas.height)\n\n          // do some thresholding on the pixel data to remove none-white backgrounds\n          // and change color to Skribble's grey-darker (41 61 102)\n          // based on https://www.html5rocks.com/en/tutorials/canvas/imagefilters/\n          // and https://stackoverflow.com/questions/37512460/thresholding-base64-string-using-javascript\n\n          // we improve on this by doing adaptive thresholding based on the\n          // ratio of non-transparent pixels after the filtering to address\n          // images with low contrast signature strokes which got filtered out\n          // entirely\n          let pixels = destCtx.getImageData(0, 0, resizeCanvas.width, resizeCanvas.height)\n          let darkPixelRatio = 0\n          let adaptiveThreshold = this.thresholdBase\n          let iterationCount = 0\n          while (darkPixelRatio <= this.thresholdPixelRatio && iterationCount <= this.thresholdMaxIterations) {\n            pixels = destCtx.getImageData(0, 0, resizeCanvas.width, resizeCanvas.height)\n            let darkPixelCount = 0\n            for (let i = 0; i < pixels.data.length; i += 4) {\n              const r = pixels.data[i]\n              const g = pixels.data[i + 1]\n              const b = pixels.data[i + 2]\n              const stroke = 0.2126 * r + 0.7152 * g + 0.0722 * b <= adaptiveThreshold\n              if (stroke) {\n                // set to dark grey\n                pixels.data[i] = this.thresholdColor[0]\n                pixels.data[i + 1] = this.thresholdColor[1]\n                pixels.data[i + 2] = this.thresholdColor[2]\n                darkPixelCount += 1\n              } else {\n                // set to transparent\n                pixels.data[i] = 255\n                pixels.data[i + 1] = 255\n                pixels.data[i + 2] = 255\n                pixels.data[i + 3] = 0\n              }\n            }\n            // every pixel has 4 values therefore divide the length by 4 to\n            // get the actual number of pixels in the image\n            darkPixelRatio = darkPixelCount / pixels.data.length / 4\n            adaptiveThreshold += this.thresholdIterationStep\n            iterationCount += 1\n          }\n          destCtx.putImageData(pixels, 0, 0)\n        }\n\n        this.croppedImage = {\n          content: resizeCanvas.toDataURL(),\n          width: resizeCanvas.width,\n          height: resizeCanvas.height,\n        }\n      }\n    },\n    loadLocalImage(event: Event) {\n      const input = event.target as HTMLInputElement\n      if (input.files && input.files[0]) {\n        this.imageModal = true\n        // create a new FileReader to read this image and convert to base64 format\n        const reader = new FileReader()\n        reader.onload = (e: ProgressEvent<FileReader>) => {\n          // read image as base64 and set to uploadedImage\n          const res = e.target?.result\n          if (typeof res === 'string') this.uploadedImage = res\n        }\n        reader.readAsDataURL(input.files[0])\n      }\n    },\n    uploadImage() {\n      if (!this.croppedImage.content) return\n\n      this.$emit('save', {\n        contentType: 'image/png',\n        content: this.croppedImage.content.slice(22),\n      })\n      this.clearLocalImage()\n    },\n    deleteImage() {\n      this.$emit('remove')\n    },\n    clearLocalImage() {\n      this.imageModal = false\n      this.uploadedImage = ''\n      this.croppedImage = {\n        content: '',\n        width: 0,\n        height: 0,\n      }\n      if (this.fileInput) this.fileInput.value = ''\n    },\n  },\n})\n</script>\n\n<style lang=\"sass\">\n\n.sig-cro\n\n  &-dialog__card\n    .vue-simple-line\n      background-color: $c-border\n\n    .cropper\n      height: 600px\n      background: #DDD\n\n    .preview-image\n      object-fit: contain\n\n    .upload-cropper\n      height: 300px\n      width: 100%\n\n    // cropper stencil stylings\n    .vue-square-handler\n      background-color: $c-primary\n\n    .vue-advanced-cropper__background\n      background: white\n</style>\n","<script lang=\"ts\" setup>\nimport type { SetOptional } from 'type-fest'\n\nimport SkrButton from '@/components/button/SkrButton.vue'\nimport DialogLeavePage from '@/components/dialogs/DialogLeavePage.vue'\nimport SkrSwitch from '@/components/inputs/SkrSwitch.vue'\nimport TextInput from '@/components/inputs/TextInput.vue'\nimport OverlayBase from '@/components/overlays/OverlayBase.vue'\nimport SaveChangesElement from '@/components/SaveChangesElement.vue'\nimport SignatureCropper from '@/components/SignatureCropper.vue'\nimport type { MenuItem } from '@/components/SkrContextMenu.vue'\nimport SignatureImage from '@/components/visual-signature/SignatureImage.vue'\nimport SkrContextMenu from '@/components/SkrContextMenu.vue'\nimport ToolbarBase from '@/components/ToolbarBase.vue'\nimport type { CustomImageData } from '@/repository/visualSignature'\nimport type { VisualSignatureData } from '@/stores/visualSignature'\n\ntype SettingId = 'date' | 'claim' | 'standards'\n\nconst props = defineProps<{\n  signature: SetOptional<VisualSignatureDetails, 'id'>\n  operationType: 'create' | 'edit'\n  isLoading: boolean\n}>()\n\nconst emit = defineEmits<{\n  (e: 'action', type: OverlayAction, data?: unknown): void\n  (e: 'close'): void\n}>()\n\nconst userStore = useUserStore()\nconst visualSignatureStore = useVisualSignatureStore()\nconst { signatures } = storeToRefs(visualSignatureStore)\n\nconst { t } = useI18n()\n\nconst signatureQuality = computed(() => {\n  return userStore.attributes.default_quality?.[0] ?? userStore.highestSignatureQuality ?? 'ses'\n})\n\nconst legislation = computed(() => {\n  if (userStore.attributes.default_legislation?.[0]) return userStore.attributes.default_legislation[0]\n\n  const qualityData = userStore.signatureQualities[signatureQuality.value]\n  return qualityData?.eidas ? 'eidas' : 'zertes'\n})\n\nconst provider = computed<string>(() => {\n  const qualityData = userStore.signatureQualities[signatureQuality.value]\n\n  return qualityData?.any?.provider ?? qualityData?.eidas?.provider ?? qualityData?.zertes?.provider ?? ''\n})\n\nconst signatureInfo = reactive({\n  alias: props.signature.alias,\n  name: props.signature.name ?? '',\n  company: props.signature.company ?? '',\n  location: props.signature.location ?? '',\n})\n\nconst initialAlias = props.signature.alias\n\nconst usedAliases = computed(() => {\n  return signatures.value.map(signature => signature.alias).filter(alias => alias !== initialAlias)\n})\n\nconst aliasRules = computed(() => [\n  (value: string) => Boolean(value) || (t('profile.visual_signature.form.alias.error.required') as string),\n  (value: string) =>\n    !usedAliases.value.includes(value) || (t('profile.visual_signature.form.alias.error.unique') as string),\n])\n\nconst userVisualSignPermissions = userStore.permissions.visualSignatures ?? {}\n\n// if canUpdate is true, use user value if it exists (this is for edit signature), else use default value (this is for create new signature)\n// if canUpdate is false, use default value\nconst switchValues = reactive<Record<SettingId, boolean>>({\n  date: userVisualSignPermissions.date.canUpdate\n    ? Boolean(props.signature.displayDate ?? userVisualSignPermissions.date.defaultValue)\n    : userVisualSignPermissions.date.defaultValue,\n  claim: userVisualSignPermissions.claim.canUpdate\n    ? Boolean(props.signature.displayClaim ?? userVisualSignPermissions.claim.defaultValue)\n    : userVisualSignPermissions.claim.defaultValue,\n  standards: userVisualSignPermissions.std.canUpdate\n    ? Boolean(props.signature.displayStandards ?? userVisualSignPermissions.std.defaultValue)\n    : userVisualSignPermissions.std.defaultValue,\n})\n\nconst visualSignatureSettings = computed<Record<SettingId, { label: string; isVisible: boolean }>>(() => {\n  return {\n    date: {\n      label: t('profile.visual_signature.form.date_label') as string,\n      isVisible: userVisualSignPermissions.date.canUpdate,\n    },\n    claim: {\n      label: t('profile.visual_signature.form.claim_label') as string,\n      isVisible: userVisualSignPermissions.claim.canUpdate,\n    },\n    standards: {\n      label: t('profile.visual_signature.form.standards') as string,\n      isVisible: userVisualSignPermissions.std.canUpdate,\n    },\n  }\n})\n\nconst isVisualSignatureEditable = computed(() => {\n  return (\n    userVisualSignPermissions.date.canUpdate ||\n    userVisualSignPermissions.std.canUpdate ||\n    userVisualSignPermissions.claim.canUpdate\n  )\n})\n\nconst { language } = storeToRefs(useLanguageStore())\n\nconst visualSignatureParams = computed(() => {\n  const params: Partial<VisualSignatureData & VisualSignatureDetails> = {\n    id: props.signature.id,\n    language: language.value,\n    quality: signatureQuality.value,\n    legislation: legislation.value,\n    provider: provider.value,\n    name: signatureInfo.name,\n    company: signatureInfo.company,\n    location: signatureInfo.location,\n    displayClaim: switchValues.claim,\n    displayDate: switchValues.date,\n    displayStandards: switchValues.standards,\n  }\n\n  if (props.operationType === 'create') {\n    params.image = customImageUpdate.value\n  }\n\n  return params\n})\n\nconst personalSignatureImage = ref<InstanceType<typeof SignatureImage>>()\nconst rerenderVisualSignature = () => {\n  personalSignatureImage.value?.updateImage()\n}\n\nconst copy = computed(() => {\n  if (props.operationType === 'create') {\n    return {\n      headerTitle: t('profile.visual_signature.create.header.title'),\n      title: t('profile.visual_signature.create.title'),\n      saveAction: t('profile.visual_signature.create_signature'),\n    }\n  } else {\n    return {\n      headerTitle: props.signature.alias,\n      title: t('profile.visual_signature.edit.title'),\n      saveAction: t('business.settings.save'),\n    }\n  }\n})\n\nconst editedSignature = computed<Omit<VisualSignatureDetails, 'id'>>(() => ({\n  alias: signatureInfo.alias,\n  name: signatureInfo.name,\n  company: signatureInfo.company,\n  location: signatureInfo.location,\n  displayClaim: switchValues.claim,\n  displayDate: switchValues.date,\n  displayStandards: switchValues.standards,\n  hasCustomImage: isUsingCustomImage.value,\n}))\n\nconst isValid = ref(true)\n\nconst hasUnsavedChanges = computed(() => {\n  return !(\n    props.signature.alias === editedSignature.value.alias &&\n    props.signature.name === editedSignature.value.name &&\n    props.signature.company === editedSignature.value.company &&\n    props.signature.location === editedSignature.value.location &&\n    isDisplayClaimUnchanged.value &&\n    isDisplayDateUnchanged.value &&\n    isDisplayStandardsUnchanged.value &&\n    props.signature.hasCustomImage === editedSignature.value.hasCustomImage\n  )\n})\n\n// if permission canUpdate is false - there is no permission to change on ui, so we don't show it as unsaved changes\n// if permission canUpdate is true - we need to check if the value is changed\n// for create page, permission value on signature is null, so we compare edited value with the default value\n// for edit page, we can compare edited value with the value in the signature\nconst isDisplayClaimUnchanged = computed(() => {\n  if (!userVisualSignPermissions.claim.canUpdate) {\n    return true\n  }\n  return (\n    editedSignature.value.displayClaim ===\n    (props.signature.displayClaim ?? userVisualSignPermissions.claim.defaultValue)\n  )\n})\n\nconst isDisplayDateUnchanged = computed(() => {\n  if (!userVisualSignPermissions.date.canUpdate) {\n    return true\n  }\n  return (\n    editedSignature.value.displayDate === (props.signature.displayDate ?? userVisualSignPermissions.date.defaultValue)\n  )\n})\n\nconst isDisplayStandardsUnchanged = computed(() => {\n  if (!userVisualSignPermissions.std.canUpdate) {\n    return true\n  }\n  return (\n    editedSignature.value.displayStandards ===\n    (props.signature.displayStandards ?? userVisualSignPermissions.std.defaultValue)\n  )\n})\n\nconst { navigationTrap, springTrap } = useNavigationTrap(hasUnsavedChanges)\n\nconst onClose = () => {\n  // TODO: Abstract this pattern to make code more DRY\n  if (hasUnsavedChanges.value) {\n    void springTrap(() => {\n      emit('close')\n    })\n  } else {\n    emit('close')\n  }\n}\n\n/**\n * Temporary image data for a custom signature image.\n *\n * In case of creating a new signature, we have no ID yet, so we can't assign the image\n * to the signature right away. Instead, we need to attach the image information to\n * the payload when creating the signature.\n */\nconst customImageUpdate = ref<CustomImageData | null>(null)\n\nprovide('imageData', customImageUpdate)\n\nconst saveCustomImage = async (imageData: CustomImageData) => {\n  if (props.operationType === 'edit') {\n    await visualSignatureStore.saveSignatureImage(props.signature.id!, imageData)\n    await visualSignatureStore.updateSignatures()\n    customImageUpdate.value = imageData\n    rerenderVisualSignature()\n  } else if (props.operationType === 'create') {\n    customImageUpdate.value = imageData\n  }\n}\n\nconst removeCustomImage = async () => {\n  if (props.operationType === 'edit') {\n    await visualSignatureStore.removeSignatureImage(props.signature.id!)\n    await visualSignatureStore.updateSignatures()\n    customImageUpdate.value = null\n    rerenderVisualSignature()\n  } else if (props.operationType === 'create') {\n    customImageUpdate.value = null\n  }\n}\n\nconst isUsingCustomImage = computed(() => {\n  return Boolean(props.signature.hasCustomImage || customImageUpdate.value)\n})\n\nconst setAsDefault = () => {\n  if (hasUnsavedChanges.value) {\n    void springTrap(() => {\n      emit('action', 'select')\n    })\n  } else {\n    emit('action', 'select')\n  }\n}\n\nconst deleteSignature = () => {\n  if (hasUnsavedChanges.value) {\n    void springTrap(() => {\n      emit('action', 'delete')\n    })\n  } else {\n    emit('action', 'delete')\n  }\n}\n\nconst contextMenuItems = computed<MenuItem[]>(() => [\n  {\n    label: t('visual_signature.item.set_default') as string,\n    icon: 'custom:admin_guide',\n    isHidden: props.signature.isDefault,\n    action: setAsDefault,\n  },\n  {\n    label: t('visual_signature.item.delete_signature') as string,\n    icon: 'custom:minus_circle',\n    color: 'danger',\n    isHidden: signatures.value.length === 1,\n    action: deleteSignature,\n  },\n])\n\nconst submit = () => {\n  if (props.isLoading) return\n  // TODO: Refactor this\n  if (props.operationType === 'edit') {\n    emit('action', 'complete', { updates: editedSignature.value })\n  } else if (props.operationType === 'create') {\n    emit('action', 'complete', { updates: editedSignature.value, customImage: customImageUpdate.value })\n  }\n}\n\nconst form = ref<{ validate: () => void } | null>(null)\n\nif (props.operationType === 'create') {\n  const unwatchForm = watchEffect(() => {\n    if (form.value) {\n      form.value.validate()\n      unwatchForm()\n    }\n  })\n}\n</script>\n\n<template>\n  <overlay-base class=\"overlay-edit-signature\">\n    <template #header>\n      <toolbar-base class=\"toolbar\" :title=\"copy.headerTitle\" :app=\"false\" is-closeable @close=\"onClose\">\n        <template v-if=\"operationType === 'edit'\" #options>\n          <skr-context-menu :items=\"contextMenuItems\" dense />\n        </template>\n      </toolbar-base>\n    </template>\n    <v-container class=\"container\" fluid>\n      <div class=\"content\">\n        <h1>{{ copy.title }}</h1>\n        <v-container fluid>\n          <v-row align=\"start\">\n            <v-col cols=\"12\" lg=\"6\" order=\"2\" order-lg=\"1\">\n              <v-form ref=\"form\" v-model=\"isValid\">\n                <section class=\"mb-4\">\n                  <div class=\"mb-4 | personal-signature__title shrink\">\n                    {{ $t('profile.visual_signature.form.alias.title') }}\n                  </div>\n                  <text-input\n                    v-model=\"signatureInfo.alias\"\n                    data-cy=\"alias_input\"\n                    :hint=\"t('profile.visual_signature.form.alias.hint')\"\n                    :rules=\"aliasRules\"\n                    persistent-hint\n                  />\n                </section>\n                <section>\n                  <div class=\"mb-4 | personal-signature__title shrink\">\n                    {{ $t('profile.visual_signature.form.title') }}\n                  </div>\n                  <text-input\n                    v-model=\"signatureInfo.name\"\n                    data-cy=\"name_input\"\n                    :label=\"t('profile.visual_signature.form.name_label')\"\n                    :hint=\"isUsingCustomImage ? t('profile.visual_signature.form.name_help') : ''\"\n                    :disabled=\"isUsingCustomImage\"\n                    persistent-hint\n                  />\n                  <text-input\n                    v-model=\"signatureInfo.company\"\n                    class=\"mb-3\"\n                    data-cy=\"company_input\"\n                    :label=\"t('profile.visual_signature.form.optional_line.label')\"\n                    :hint=\"t('profile.visual_signature.form.optional_line.hint')\"\n                    persistent-hint\n                  />\n                  <text-input\n                    v-model=\"signatureInfo.location\"\n                    class=\"mb-3\"\n                    data-cy=\"location_input\"\n                    :label=\"t('profile.visual_signature.form.optional_line_2.label')\"\n                    :hint=\"t('profile.visual_signature.form.optional_line_2.hint')\"\n                    persistent-hint\n                  />\n                </section>\n              </v-form>\n              <div class=\"mt-6 | personal-signature__title shrink\">\n                {{ t('profile.visual_signature.upload.title') }}\n              </div>\n              <div class=\"personal-signature__upload\">\n                <p>\n                  {{ t('profile.visual_signature.upload.text') }}\n                </p>\n                <signature-cropper :signature-id=\"signature.id\" @save=\"saveCustomImage\" @remove=\"removeCustomImage\" />\n              </div>\n            </v-col>\n            <v-col cols=\"12\" lg=\"6\" order=\"1\" order-lg=\"2\">\n              <div class=\"personal-signature__title shrink\">\n                {{ t('profile.visual_signature.preview.title') }}\n              </div>\n              <div class=\"personal-signature__stage grow\">\n                <div class=\"personal-signature__signature-wrapper elevation-3\">\n                  <signature-image\n                    ref=\"personalSignatureImage\"\n                    :width=\"300\"\n                    :height=\"140\"\n                    :parameters=\"visualSignatureParams\"\n                    :owned=\"props.operationType === 'edit'\"\n                  />\n                </div>\n              </div>\n              <template v-if=\"isVisualSignatureEditable\">\n                <div class=\"mt-6 | personal-signature__title shrink\">\n                  {{ t('profile.visual_signature.form.settings') }}\n                </div>\n                <div>\n                  <template v-for=\"(setting, id) in visualSignatureSettings\">\n                    <v-row\n                      v-if=\"setting.isVisible\"\n                      :key=\"id\"\n                      align=\"center\"\n                      justify=\"space-between\"\n                      class=\"personal-signature__settings\"\n                      no-gutters\n                    >\n                      <v-col>\n                        <div class=\"d-flex align-center gap-2\">\n                          <div class=\"personal-signature__switch__label\" :class=\"{ active: switchValues[id] }\">\n                            {{ setting.label }}\n                          </div>\n                        </div>\n                      </v-col>\n                      <v-col class=\"d-flex justify-end\">\n                        <skr-switch\n                          v-model=\"switchValues[id]\"\n                          color=\"success\"\n                          :data-cy=\"`${id}_switch`\"\n                          :label=\"switchValues[id] ? $t('global.form.switch.true') : $t('global.form.switch.false')\"\n                          class=\"personal-signature__switch\"\n                        />\n                      </v-col>\n                    </v-row>\n                  </template>\n                </div>\n              </template>\n            </v-col>\n          </v-row>\n        </v-container>\n      </div>\n    </v-container>\n    <save-changes-element\n      class=\"save-element\"\n      :has-unsaved-changes=\"hasUnsavedChanges\"\n      :is-loading=\"isLoading\"\n      :is-disabled=\"!isValid\"\n      :action-text=\"copy.saveAction\"\n      @save=\"submit\"\n    >\n      <template v-if=\"operationType === 'create'\">\n        <div class=\"action\">\n          <skr-button data-cy=\"save_button\" size=\"xl\" :loading=\"isLoading\" :disabled=\"!isValid\" @click=\"submit\">\n            {{ t('profile.visual_signature.create_signature') }}\n          </skr-button>\n        </div>\n      </template>\n    </save-changes-element>\n\n    <dialog-leave-page\n      v-model=\"navigationTrap.isResolving\"\n      @leave=\"navigationTrap.resolveNavigation(false)\"\n      @stay=\"navigationTrap.resolveNavigation(true)\"\n    />\n  </overlay-base>\n</template>\n\n<style lang=\"sass\" scoped>\n.toolbar\n  position: sticky\n  top: 0\n  :deep(.toolbar__options)\n    height: 100%\n    display: flex\n    align-items: center\n  :deep(.menu-activator)\n    height: 100%\n    width: auto\n    color: $c-text\n    aspect-ratio: 1 / 1\n    border-radius: 0\n    &::before\n      background: $c-primary\n\n.container\n  height: calc(100% - 90px)\n  overflow-y: auto\n\n.content\n  display: flex\n  flex-direction: column\n  align-items: center\n  justify-content: center\n  max-width: $site-width-narrow\n  padding: 8 * $bw\n  margin: 5rem auto 0\n  > h1\n    line-height: 1.2\n    text-align: center\n    margin-bottom: 10 * $bw\n    +h1\n\n.personal-signature\n\n  &__title\n    font: bold 1.125rem/1.1 $averta\n    color: $c-text-alt\n    margin-bottom: 16px\n\n  &__stage\n    display: flex\n    flex-direction: column\n    justify-content: flex-start\n    align-items: center\n    margin: 16px 0 33px\n    padding: 34px 32px\n    border: 10px solid $c-white\n    border-radius: 3px\n    background-color: $c-grey-fine\n    +skribble-box-shadow\n    +maw(xs)\n      padding-top: 32px\n      padding-bottom: 32px\n\n  &__upload\n    padding: 16px 0\n\n  &__settings\n    &:not(:first-of-type)\n      border-top: 1px solid $c-border\n    :deep(.v-switch .v-selection-control)\n      min-height: inherit\n\n  &__switch\n    margin: 2 * $bw 0\n    &.v-input--is-label-active .v-label\n      color: $c-success\n\n    .v-label\n      font: bold 1rem/1 $averta\n      color: $c-grey\n\n    &__label\n\n      &.active\n        font-weight: bold\n        color: $c-text-alt\n      &.disabled\n        color: $c-grey\n\n  &__signature-wrapper\n    position: relative\n    left: 0\n    top: 0\n    display: flex\n    align-items: stretch\n    width: 300px\n    height: 140px\n    border-radius: 5px\n    background-color: $c-white\n    font-family: $averta, sans-serif\n    font-size: 1rem\n\n.save-element\n  position: sticky\n  bottom: 0\n  > .action\n    height: inherit\n    display: flex\n    align-items: center\n    justify-content: center\n</style>\n"],"names":["_sfc_main$1","defineComponent","Cropper","SkrButton","SkrButtonGroup","props","visualSignatureStore","useVisualSignatureStore","signatures","storeToRefs","imageData","inject","ref","isCustomImage","computed","signature","fileInput","stencil","resizeCanvas","stencilAspectRatio","maxWidth","maxHeight","destCtx","pixels","darkPixelRatio","adaptiveThreshold","iterationCount","darkPixelCount","i","r","g","b","event","input","reader","e","res","_a","_resolveComponent","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_component_v_dialog","_ctx","_cache","$event","_withCtx","_component_v_card","_component_v_card_title","$t","_createTextVNode","_toDisplayString","uploadedImage","_createBlock","_component_cropper","_createCommentVNode","_component_v_divider","_component_v_card_actions","$vuetify","_component_v_spacer","_component_v_btn","_normalizeClass","uploadImage","_component_skr_button_group","_component_skr_button","_createElementVNode","args","_Fragment","__props","emit","__emit","userStore","useUserStore","useI18n","signatureQuality","_c","_b","legislation","qualityData","provider","_f","_e","_d","signatureInfo","reactive","initialAlias","usedAliases","alias","aliasRules","value","userVisualSignPermissions","switchValues","_g","visualSignatureSettings","isVisualSignatureEditable","language","useLanguageStore","visualSignatureParams","params","customImageUpdate","personalSignatureImage","rerenderVisualSignature","copy","editedSignature","isUsingCustomImage","isValid","hasUnsavedChanges","isDisplayClaimUnchanged","isDisplayDateUnchanged","isDisplayStandardsUnchanged","navigationTrap","springTrap","useNavigationTrap","onClose","provide","saveCustomImage","removeCustomImage","setAsDefault","deleteSignature","contextMenuItems","submit","form","unwatchForm","watchEffect"],"mappings":"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"}