UNPKG

aico-image-editor

Version:

Combine multiple image into and create single combined image

551 lines (530 loc) 31.6 kB
import i18next from "i18next"; var resolver; var translatedHTMLPrommise = new Promise((resolve,reject) => { resolver = resolve; }); Alpine.data('localization', () => ({ currentLocale: Alpine.store('canvas').currentLocale, init() { const currentLocale = this.currentLocale; const self = this; if (!i18next.isInitialized) { i18next.init({ lng: currentLocale, // if you're using a language detector, do not define the lng option debug: true, resources: { de: { translation: { "imageCombinerText": "Bearbeiten", "componentModalTitle": "Bild bearbeiten", "volcanoTextboxTitle": "Titel Ihres Vulkanfeuerwerks", "background": "Hintergrund", "motiveTabTitle": "Elemente", "textTabTitle": "Text", "aiTabTitle": "AI", "layersTabTitle": "Ebenen", "searchPlaceholder": "Stichwortsuche", "backgroundUploadText": "Individuellen Hintergrund hochladen", "motiveUploadText": "Individuelles Motiv hochladen", "pictureUploadText": "Dateien hochladen", "backToBackground": "Zurück zu unseren Hintergründen", "backToMotive": "Zurück zu unseren Motiven", "backToPictures": "Zurück zu unseren Bildern", "graphicUploadText": "Wählen Sie Ihre Grafik zum Hochladen aus", "chargeNotice": "in Höhe von", "uploadButtonText": "Hochladen und verwenden", "fileUploadSucess": "wurde hochgeladen und ist einsatzbereit!", "updateButtonText": "Text hinzufügen", "updatetext": "Text Aktualisieren", "colors": "Farben", "gradients": "Farbverläufe", "canvasBackgroundSwitchLabel": "Tragen Sie Farbe auf den Leinwandhintergrund auf", "objectBackgroundSwitchLabel": "Tragen Sie Farbe auf den Objekthintergrund auf", "canvasGradientSwitchLabel": "Wenden Sie einen Farbverlauf auf die Leinwand an", "gradientAngle": "Winkel", "fonts": "Schriftarten", "fontAddToFavourite": "Schrift auswählen und zu Favoriten hinzufügen", "clearText": "Klarer Schriftstil", "savedFontApplyText": "Gespeicherte Stile Anwenden", "saveFontText": "Schriftstil Speichern", "layersTabInstruction": "Auf dieser Registerkarte können Sie alle grafischen Elemente, die Sie bisher zum Design hinzugefügt haben, neu anordnen. Ziehen Sie sie einfach und verschieben Sie sie, um sie neu anzuordnen!", "size": "Größe", "geometry": "GEOMETRIE", "orderText": "Bestelle für", "layer": "Ebene", "birthday": "Geburtstag", "wedding": "Hochzeit", "allCategoriesText":"Alle Kategorien", "effectSelectionText": "Wählen Sie Effekt", "goldBlossomEffectText": "Goldblütensterne", "brightSilverEffectText": "Reiner, heller Silbereffekt", "goldEffectWithBlueStarsText": "Gold-Effekt mit blauen Sternen", "goldBlossomSilverSparklesText": "Goldblüten-Sterne, Wechsel auf Silberfunken", "silverEffectPinkStarsText": "Silber-Effekt mit pinken Sternen", "goldEffectText": "Gold-Effekt mit Farbsternen in grün, rot und blau", "placeOrderText": "Bestellung aufgeben", "closeText": "Schliessen", "deleteConfirmationMessage": "Sind Sie sicher, dass Sie Ihr<br/> Design <span class='text-danger'>löschen</span> wollen?", "cancelText": "Abbrechen", "deleteText": "Löschen", "fontStyleApplyConfirmMessage": "Ihre <a class='text-success fw-bold'>gespeicherte Schriftart</a> wurde angewendet.", "fontStyleSavedConfirmationMessage": "Ihre <span class='text-success fw-bold'>Schriftart</span> wurde gespeichert.<br/> Sie können diese nun auf weitere Texte anwenden.", "applyAndSave": "Bewerben und sparen", "childrenBirthday": "Kindergeburtstag", "adultBirthday": "Geburtstag Erwachsene", "engagementParty": "Verlobungsfeier", "christmas": "Weihnachten", "firstAugust": "1. August", "fontSelectLabel": "Wählen Sie eine Schriftart aus", "motiveSubTabTitle": "Motive", "symbolSubTabTitle": "Symbole", "commonSubTabTitle": "gemeinsame Kontrollen", "canvasFilterSubTabTitle": "Bildsteuerung", "genderReveal": "Gender Reveal", "clear":"Abbrechen", "crop":"Speichern", "updateCrop": "Aktualisieren", "imagepreview": "Vorschau Hintergrundbild", "uploadfont": "Schriftart hochladen", "confirmText": "Bestätigen", "saveEightHundered": "Als 800 x 800 speichern", "saveTwoThousand": "Als 2000 x 2000 speichern", "saveText": "Speichern", "downloadText": "Herunterladen", "picture": "Bild", "pictures": "Bilder", "media": "Medien", "productPictures": "Produktbilder", "subPictureToggleText": "Unterbilder anzeigen", "fontUploadModalTitle": "Schriftart hochladen", "fileSizeValidationError": "Die Grösse des $t({{fileType}}) sollte {{fileSize}} nicht übersteigen", "fileExtensionValidationError": "Wir konnten Ihren $t({{fileType}}) nicht hochladen", "extensionTextDisplay": "({{extensions}} {{fileSize}} max)", "motiveText": "Motiv", "fontText": "Schriftart", "imgText": "Bildes", "zoomInTitle" : "Vergrössern", "zoomOutTitle": "Verkleinern", "enterFullScreenTitle": "Ganzer Bildschirm", "exitFullScreenTitle": "Verlassen Sie den Vollbildmodus", "3dToggleTitle": "3D-Ansicht öffnen", "2dToggleTitle": "2D-Ansicht öffnen", "resetTitle": "Design löschen", "undoTitle": "Rückgängig", "redoTitle": "Wiederholen", "layerPositionButtonTitle": "Ebenen bearbeiten", "deleteButtonTitle": "Motive/Symbole löschen", "fontsTabTitle": "Text hinzufügen", "addColorTitle": "Neue Farbe hinzufügen", "chooseColorTitle": "Wählen Sie Farbe", "textUnderlayTitle": "Fügen Sie eine Textunterlage hinzu", "addOwnColorTitle": "Eigene Farbe hinzufügen", "curveDownTitle": "Bogen: Nach unten", "curveUpTitle": "Bogen", "angleAdjustTitle": "Winkel anpassen", "distanceAdjustTitle": "Abstand anpassen", "blurAdjustTitle": "Unschärfe anpassen", "addTitle": "Hinzufügen", "removeTitle": "Entfernen", "centerHorizontalButtonTitle": "Horizontal zentrieren", "centerVerticalButtonTitle": "Vertikal zentrieren", "rotateInputTitle": "Rotieren", "sizeIncreaseButtonTitle": "Vergrössern", "sizeDecreaseButtonTitle": "Verkleinern", "curvedText": "Wölbung", "shadowText": "Schatten", "zoomInTooltip": "Bild vergrössern", "zoomOutTooltip": "Bild verkleinern", "setRadiusTooltip": "Runder Zuschnitt", "setSquareTooltip": "Eckiger Zuschnitt", "setAspectRatioTooltip": "Seitenverhältnis wählen", "setDragMoveTooltip": "Bild bewegen", "setDragCropTooltip": "Zuschnitt wählen", "resetTooltip": "Zurücksetzen", "motivePreview": "Vorschau Motiv", "brightnesstitle": "Helligkeit", "contrasttitle": "Kontrast", "enableCanvasBrightnessContrastTitle": "auf Leinwandebene ändern", "removeWhite": "Entfernen Sie den weißen Hintergrund", "fullSizeButtonText": "Vollgröße als Leinwand festlegen", "markObject" : "Objekt markieren", "applySameSize" : "Gleiche Größe", "restoreVersionBlockTitle": "Historie", "viewText": "Sicht", "replaceText": "ersetzen", "recordTimeText": "gespeichert", "actionText": "Aktionen", "viewRecordTitle": "Datensatz ansehen", "restoreRecordTitle": "Datensatz wiederherstellen", "numberText": "Num.", "layerThumbnailBlockTitle": "Miniaturansicht", "noThubnailText": "Kein Vorschaubild verfügbar", "deleteLayerText": "Ebene löschen", "toggleObjectOptionText": "Ebene $t({{visibility}})", "hideText": "verstecken", "unhideText": "zeigen", "freeText": "Frei", "promptLabel": "Beschreibe das Bild, das du erstellen möchtest", "eraseTitle": "Löschen", "bringBackTitle": "Löschen rückgängig machen", "selectTitle": "wählen", "generateNewImage": "Erstellen", "editImage": "Bearbeiten", "generateVariantImage": "Variante", "generateAIImageTitle": "Generieren", "promptError": "Bitte geben Sie die Eingabeaufforderung ein", "aiCanvasImageError": "Bitte wählen Sie das zu bearbeitende Bild auf der Hauptleinwand aus", "aiFileSizeValidationError": "Die Dateigröße sollte weniger als {{maxFileSize}} MB betragen", "aiServerError": "Etwas ist schief gelaufen. Die Netzwerkantwort war nicht in Ordnung.", "swapExistingTitle": "Bild tauschen", "catalogueSearchPlaceholder": "Produktsuche", "canvasBackgroundSubTabTitle": "Leinwandhintergrund", "eraserHint": "1.) Löschen Sie Bereiche mit dem Radiergummi (erste Schaltfläche), um eine Maske für Bearbeitungen zu erstellen. Die gelöschten Teile werden verwendet, um Änderungen am Hauptbild vorzunehmen.", "bringBackEraserHint": "2.) Stellen Sie gelöschte Teile des Bildes mit der zweiten Taste wieder her. Damit können Sie Bereiche wiederherstellen, die zuvor mit dem Radierer entfernt wurden, und so Ihre Bearbeitungen verfeinern.", "marqueeSelectionHint": "3.) Verwenden Sie das Auswahlrechteck-Werkzeug (dritte Schaltfläche), um gelöschte Bildbereiche zu identifizieren und auszuwählen. Wenn Ihre Auswahl aktiv ist, können Sie nun bestimmte Bearbeitungen oder Anpassungen ausschließlich auf diese Bereiche anwenden und so präzise und gezielte Änderungen vornehmen.", "eraserSizeText": "Radiergummigröße", "editFunctions": "Bearbeitungsfunktionen", "aiTabUploadButtonLabel": "Zum {{addToType, lowercase}} hinzufügen", "aiImageUseWithoutUpload": "Ohne Upload hinzufügen", "aiImageUploadToPicture": "Zum Bild hochladen und hinzufügen", "aiImageUploadToMotive": "Zum Motiv hochladen und hinzufügen", "aiImageUploadToBackground": "In den Hintergrund hochladen und hinzufügen", "cropCanvas": "Leinwand zuschneiden", "canvasAspectRatio": "Seitenverhältnis", "canvasCropWidth": "Erntebreite", "canvasCropHeight": "Erntehöhe", "imageDimensions": "Bildabmessungen", "finalImageWidth": "Bildbreite", "finalImageHeight": "Bildhöhe", "backgroundRemoval": "HG-Entferner", "backgroundRemovalReplace": "Hintergrund entfernen/ersetzen", "backgroundRemovalColorPlaceholder": "Wählen Sie ein Format aus", "backgroundRemovalSizePlaceholder": "Wählen Sie eine Größe aus", "removeBackgroundBtnText": "Hintergrund entfernen", "editBackgroundText": "Hintergrund ersetzen", "saveAspectRatio": "Seitenverhältnis speichern", "width": "Breite", "maxWidth": "Maximale Breite", "height": "Höhe", "maxHeight": "Maximale Höhe", "blackAndWhite": "In Schwarzweiß konvertieren", "photoroomBackgroundScaling": "Hintergrundskala", "photoroomSubjectScaling": "Wählen Sie, wie das Motiv im Bild skaliert werden soll", "photoroomOutputSize": "Ausgabegröße", "fit": "fit", "fill": "füllen", "stretch": "strecken", "removeBackground": "Hintergrund entfernen", "uncrop": "Zuschneiden", "watermarkNotice": "Bitte beachten Sie, dass diese Funktion nur zu Testzwecken dient und derzeit Ergebnisse mit Wasserzeichen zurückgibt.", "replaceBackgroundApiNotice": "Wenn Sie nur den Hintergrund entfernen möchten, lassen Sie bitte die Option „<strong>Hintergrund entfernen</strong>“ im Dropdown-Menü ausgewählt. Wenn Sie einen neuen Hintergrund hinzufügen möchten, wählen Sie im Dropdown-Menü „<strong>Hintergrund ersetzen</strong>“ aus. Obwohl dadurch auch der Hintergrund entfernt werden kann, kann die Auswahl dieser Option etwas mehr Zeit in Anspruch nehmen, um das Ergebnis zu verarbeiten.", "referenceBoxLabel": "Wählen Sie das umschließende Feld des resultierenden Bildes", "custom": "Brauch", "originalImage": "Originalbild", "cropped": "Beschnitten", "subjectBox": "Betrefffeld", "enableWebglMode": "Aktivieren Sie den WebGL-Modus", "webglTextureSizeNotice": "Einige Bilder können aufgrund von Texturgrößenbeschränkungen abgeschnitten oder teilweise verdeckt sein. Um dieses Problem zu vermeiden, empfehlen wir, die WebGL-Filterung für große Bilder zu deaktivieren.", "templateImageSIzesLabel": "Wählen Sie aus Vorlagen", "quality": "Qualität", "qualityApply": "Gilt nur für JPEG und WebP", "calculateImageSize": "Größe berechnen", "recalculationInfo": "Nachdem Sie Optionen ausgewählt haben, drücken Sie diese Taste erneut, um die Bildgröße zu berechnen", "default": "Standard", "savedRecords": "Gespeicherte Datensätze", "deselectBackgroundImage": "Hintergrundbild abwählen", "soft": "Weich", "hard": "Hart", "floating": "Schwebend", "noShadow": "Kein Schatten", "formatTemplates": "Formatvorlagen", "headingTemplate": "Überschrift hinzufügen", "subHeadingTemplate": "Zwischenüberschrift hinzufügen", "textTemplate": "Ein bisschen Text hinzufügen", "sizeTemplateSaveLabel": "zu Vorlagen hinzufügen", "templateSelectionDropdownLabel": "Aus Vorlage auswählen", "templateName": "Vorlagenname", "globalTemplate": "global aktivieren", "frameWidth": "Rahmenbreite", "frameHeight": "Rahmenhöhe", "savedPresets": "Gespeicherte Voreinstellungen", "globalPresets": "Globale Voreinstellungen", "1forward": "1 Ebene nach vorn", "moveToFront": "Ganz nach vorn", "1backwards": "1 Ebene nach hinten", "moveToBack": "Ganz nach hinten" } }, en: { translation: { "imageCombinerText": "Edit", "componentModalTitle": "Edit image", "volcanoTextboxTitle" : "Title of your Volcano Fireworks", "background": "Background", "motiveTabTitle": "Elements", "textTabTitle": "Text", "aiTabTitle": "AI", "layersTabTitle": "Layers", "searchPlaceholder": "Keyword search", "backgroundUploadText": "Upload your own background", "motiveUploadText": "Upload your own motives", "pictureUploadText": "Upload files", "backToBackground": "Back to our Backgrounds", "backToMotive": "Back to our motives", "backToPictures": "Back to our pictures", "graphicUploadText": "Select your Graphic to upload", "chargeNotice": "For the creation of your individual design file we charge", "uploadButtonText": "Upload & Use", "fileUploadSucess": "was uploaded and ready to use!", "updateButtonText": "Add text", "updatetext": "Update Text", "colors": "colors", "gradients": "Gradients", "canvasBackgroundSwitchLabel": "Apply color to canvas background", "objectBackgroundSwitchLabel": "Apply color to object background", "canvasGradientSwitchLabel": "Apply gradient to canvas", "gradientAngle": "Angle", "fonts": "Fonts", "fontAddToFavourite": "Select font and add to favorites", "clearText": "Clear Font Style", "savedFontApplyText": "Apply Saved Style", "saveFontText": "Save Font Style", "layersTabInstruction": "In this tab you can reorder all the graphical elements you've added to the design so far. Just drag and move them to reorder!", "size": "size", "geometry": "GEOMETRY", "orderText": "Order for", "layer": "Layer", "birthday": "Birthday", "wedding": "Wedding", "allCategoriesText": "All Categories", "effectSelectionText": "Choose Effect", "goldBlossomEffectText": "gold blossom stars", "brightSilverEffectText":"Pure, bright silver effect", "goldEffectWithBlueStarsText": "gold effect with blue stars", "goldBlossomSilverSparklesText":"gold blossom stars, change to silver sparkles", "silverEffectPinkStarsText": "Silver effect with pink stars", "goldEffectText": "Gold effect with color stars in green, red and blue", "placeOrderText": "Place order", "closeText": "Close", "deleteConfirmationMessage": "Are you sure you want<br/>to <span class='text-danger'>delete</span> this Motive?", "cancelText": "Cancel", "deleteText": "Delete", "fontStyleApplyConfirmMessage": "Your <a class='text-success fw-bold'>Font Styling</a> has been applied!", "fontStyleSavedConfirmationMessage": "Your <span class='text-success fw-bold'>Font Styling</span> has been saved.<br/>You can now start applying it to any other text!", "applyAndSave": "Apply & Save", "childrenBirthday": "Children's birthday", "adultBirthday": "Adult birthday", "engagementParty": "Engagement party", "christmas": "Christmas", "firstAugust": "August 1st", "fontSelectLabel": "Select a font", "motiveSubTabTitle": "Motives", "symbolSubTabTitle": "Symbols", "commonSubTabTitle": "common controls", "canvasFilterSubTabTitle": "image controls", "genderReveal": "Gender Reveal", "clear":"Clear", "crop":"Crop", "updateCrop": "Update", "imagepreview": "Image Preview", "uploadfont": "Upload Font", "confirmText": "Confirm", "saveText": "Save", "downloadText": "Download", "saveEightHundered": "Save as 800 x 800", "saveTwoThousand": "Save as 2000 x 2000", "picture": "picture", "pictures": "Pictures", "media": "media", "productPictures": "Product Pictures", "subPictureToggleText": "show subpictures", "fontUploadModalTitle": "Font Upload", "fileSizeValidationError": "The size of the $t({{fileType}}) should not exceed {{fileSize}}", "fileExtensionValidationError": "We were unable to upload your $t({{fileType}})", "extensionTextDisplay": "({{extensions}} {{fileSize}} max)", "motiveText": "Motive", "fontText": "font", "imgText": "image", "zoomInTitle" : "Enlarge", "zoomOutTitle": "Zoom out", "enterFullScreenTitle": "Full screen", "exitFullScreenTitle": "Exit full screen", "3dToggleTitle": "Open 3D view", "2dToggleTitle": "Open 2D view", "resetTitle": "Delete theme", "undoTitle": "Undo", "redoTitle": "Redo", "layerPositionButtonTitle": "Edit layers", "deleteButtonTitle": "Delete motives/symbols", "fontsTabTitle": "Add text", "addColorTitle": "Add new color", "chooseColorTitle": "Choose color", "textUnderlayTitle": "Add text underlay", "addOwnColorTitle": "Add your own color", "curveDownTitle": "Bow: Down", "curveUpTitle": "arc", "angleAdjustTitle": "angle adjust", "distanceAdjustTitle": "distance adjust", "blurAdjustTitle": "blur adjust", "addTitle": "Add", "removeTitle": "Remove", "centerHorizontalButtonTitle": "Center horizontally", "centerVerticalButtonTitle": "Center vertically", "rotateInputTitle": "Rotate", "sizeIncreaseButtonTitle": "Increase size", "sizeDecreaseButtonTitle": "Decrease size", "curvedText": "Curved", "shadowText": "Shadow", "zoomInTooltip": "Enlarge image", "zoomOutTooltip": "Zoom out image", "setRadiusTooltip": "Round cut", "setSquareTooltip": "Square cut", "setAspectRatioTooltip": "Select aspect ratio", "setDragMoveTooltip": "Move image", "setDragCropTooltip": "Select crop", "resetTooltip": "Reset to default", "motivePreview": "Preview motif", "brightnesstitle": "Brightness", "contrasttitle": "Contrast", "enableCanvasBrightnessContrastTitle": "modify at canvas level", "removeWhite": "Remove White background", "fullSizeButtonText": "set full size as canvas", "markObject": "Mark Object", "applySameSize": "Same Size", "restoreVersionBlockTitle": "history", "viewText": "view", "replaceText": "replace", "recordTimeText": "saved on", "actionText": "actions", "viewRecordTitle": "view record", "restoreRecordTitle": "restore record", "numberText": "num.", "layerThumbnailBlockTitle": "thumbnail", "noThubnailText": "No thubnail available", "deleteLayerText": "Delete Layer", "toggleObjectOptionText": "$t({{visibility}}) layer", "hideText": "hide", "unhideText": "show", "freeText": "Free", "promptLabel": "Describe the image you want to create", "eraseTitle": "Erase", "bringBackTitle": "Undo Erase", "selectTitle": "select", "generateNewImage": "Create", "editImage": "Update", "generateVariantImage": "Variant", "generateAIImageTitle": "Generate", "promptError": "Please enter the prompt", "aiCanvasImageError": "please select the image from main canvas to edit", "aiFileSizeValidationError": "file size should be less than {{maxFileSize}} MB", "aiServerError": "Something went wrong. Network response was not ok.", "swapExistingTitle": "swap image", "catalogueSearchPlaceholder": "Search products", "canvasBackgroundSubTabTitle": "canvas background", "eraserHint": "1.) Delete areas to using eraser (first button) to create a mask for edits. The deleted parts are used to make changes to the main image.", "bringBackEraserHint": "2.) Restore erased parts of the image using second button.It allows you to recover areas previously removed with the eraser, helping you fine-tune your edits.", "marqueeSelectionHint": "3.) Use the Marquee Selection tool (third button) to identify and select erased areas of the image. With your selection active, you can now apply specific edits or adjustments exclusively to these areas, allowing for precise and targeted modifications.", "eraserSizeText": "Eraser Size", "editFunctions": "edit functions", "aiTabUploadButtonLabel": "Add to {{addToType, lowercase}}", "aiImageUseWithoutUpload": "Add without upload", "aiImageUploadToPicture": "Upload to picture and add", "aiImageUploadToMotive": "Upload to motive and add", "aiImageUploadToBackground": "Upload to background and add", "cropCanvas": "Crop canvas", "canvasAspectRatio": "aspect ratio", "canvasCropWidth": "crop width", "canvasCropHeight": "crop height", "imageDimensions": "Image dimensions", "finalImageWidth": "image width", "finalImageHeight": "image height", "backgroundRemoval": "HG remover", "backgroundRemovalReplace": "Remove/Replace Background", "backgroundRemovalColorPlaceholder": "Select a format", "backgroundRemovalSizePlaceholder": "Select a size", "removeBackgroundBtnText": "Remove background", "editBackgroundText": "Replace background", "saveAspectRatio": "Save aspect ratio", "width": "Width", "maxWidth": "Max width", "height": "Height", "maxHeight": "Max height", "blackAndWhite": "Convert to black and white", "photoroomBackgroundScaling": "Background scale", "photoroomSubjectScaling": "Choose how subject should scale in the image", "photoroomOutputSize": "Output size", "fit": "fit", "fill": "fill", "stretch": "stretch", "removeBackground": "Remove background", "uncrop": "Uncrop", "watermarkNotice": "Please note that this feature is for testing only and currently return results with watermarks.", "replaceBackgroundApiNotice": "If you only want to remove background, please keep <strong>remove background</strong> option selected from dropdown.<br/> If you want to add new background choose <strong>replace background</strong> from dropdown. Although this can also remove the background, choosing this might take some more time to process the result.", "referenceBoxLabel": "Choose the enclosing box of resulting image", "custom": "Custom", "originalImage": "Original Image", "cropped": "Cropped", "subjectBox": "Subject Box", "enableWebglMode": "Enable webgl mode", "webglTextureSizeNotice": "Some images may be cut off or partially obscured due to texture size limitations. To avoid this issue, we recommend disabling WebGL filtering for large images.", "templateImageSIzesLabel": "Select from templates", "quality": "Qualität", "qualityApply": "Only apply to jpeg and webp", "calculateImageSize": "Calculate size", "recalculationInfo": "After choosing options, press this button again to calculate image size", "default": "Default", "savedRecords": "saved records", "deselectBackgroundImage": "Deselect background image", "soft": "Soft", "hard": "Hard", "floating": "Floating", "noShadow": "No shadow", "formatTemplates": "Format templates", "headingTemplate": "Add heading", "subHeadingTemplate": "Add subheading", "textTemplate": "Add a bit of text", "sizeTemplateSaveLabel": "add to templates", "templateSelectionDropdownLabel": "Select from template", "templateName": "template name", "globalTemplate": "activate globally", "frameWidth": "Frame width", "frameHeight": "Frame height", "savedPresets": "Saved Presets", "globalPresets": "Global Presets", "1forward": "1 level forward", "moveToFront": "All the way to the front", "1backwards": "1 level to the rear", "moveToBack": "All the way to the back" } }, }, }).then(function() { self.addFormatters() resolver(); }).catch((error) => { console.error("There has been a problem with localization:",error); }) } }, async getTranslatedHTML(key, options={}, defaultOptions = {lng: this.currentLocale}) { const translatedText = translatedHTMLPrommise.then(function(resolve) { return i18next.t(key, Object.assign(options, defaultOptions)); }) return await translatedText; // initialized and ready to go! }, updateLocale(locale) { //console.log(locale); if(locale === 'en' || locale === 'de') { this.$store.canvas.currentLocale = locale; this.currentLocale = locale; } else { this.$store.canvas.currentLocale = this.currentLocale = 'de'; } }, addFormatters() { i18next.services.formatter.add('lowercase', (value, lng, options) => { return value.toLowerCase(); }); } }))