@pqina/pintura 8.61.0 → 8.62.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## 8.62.0 | 2023-08-07
+
+-   Add `imageMinDuration` to limit the duration and clip lengths of loaded videos.
+-   Add prevent loading of videos shorter than `imageMinDuration`
+-   Add Portugese locale files.
+-   Add Japanese locale files.
+
 ## 8.61.0 | 2023-08-01
 
 -   Add `createMarkupEditorOptionsControl` helper method to create custom option controls for the style control bar.

package/locale/de_DE/trim/de_DE.js

@@ -40,6 +40,22 @@ export default {
         return 'Vorschau wird erstellt…';
     },
 
+    statusLabelLoadImage: (state) => {
+        if (!state || !state.task) return 'Warten auf Medien';
+        if (state.error) {
+            if (state.error.code === 'IMAGE_TOO_SMALL') {
+                return 'Mindestgröße ist {minWidth} × {minHeight}';
+            } else if (state.error.code === 'VIDEO_TOO_SHORT') {
+                const unit = state.error.metadata.minDuration === 1 ? 'Sekunde' : 'Sekunden';
+                return `Die Mindestvideodauer beträgt {minDuration} ${unit}`;
+            } else {
+                return 'Fehler beim Laden des Mediums';
+            }
+        }
+        if (state.task === 'blob-to-bitmap') return 'Medien wird geladen…';
+        return 'Vorschau wird erstellt…';
+    },
+
     statusLabelProcessImage: (state) => {
         if (!state || !state.task) return undefined;
         if (state.task === 'store') {

package/locale/en_GB/trim/en_GB.js

@@ -32,10 +32,16 @@ export default {
     // overrides, replace image with media
     statusLabelLoadImage: (state) => {
         if (!state || !state.task) return 'Waiting for media';
-        if (state.error)
-            return state.error.code === 'IMAGE_TOO_SMALL'
-                ? 'Minimum media size is {minWidth} × {minHeight}'
-                : 'Error loading media';
+        if (state.error) {
+            if (state.error.code === 'IMAGE_TOO_SMALL') {
+                return 'Minimum media size is {minWidth} × {minHeight}';
+            } else if (state.error.code === 'VIDEO_TOO_SHORT') {
+                const unit = state.error.metadata.minDuration === 1 ? 'second' : 'seconds';
+                return `Minimum video duration is {minDuration} ${unit}`;
+            } else {
+                return 'Error loading media';
+            }
+        }
         if (state.task === 'blob-to-bitmap') return 'Preparing media…';
         return 'Loading media…';
     },

package/locale/es_ES/trim/es_ES.js

@@ -32,6 +32,16 @@ export default {
     // overrides, replace image with media
     statusLabelLoadImage: (state) => {
         if (!state || !state.task) return 'Esperando media';
+        if (state.error) {
+            if (state.error.code === 'IMAGE_TOO_SMALL') {
+                return 'Tamaño mínmo de {minWidth} × {minHeight}';
+            } else if (state.error.code === 'VIDEO_TOO_SHORT') {
+                const unit = state.error.metadata.minDuration === 1 ? 'segundo' : 'segundos';
+                return `La duración mínima del video es de {minDuration} ${unit}`;
+            } else {
+                return 'Error al cargar media';
+            }
+        }
         if (state.error)
             return state.error.code === 'IMAGE_TOO_SMALL'
                 ? 'Tamaño mínmo de {minWidth} × {minHeight}'

package/locale/fr_FR/trim/fr_FR.js

@@ -32,10 +32,16 @@ export default {
     // overrides, replace image with media
     statusLabelLoadImage: (state) => {
         if (!state || !state.task) return `Attente de média`;
-        if (state.error)
-            return state.error.code === 'IMAGE_TOO_SMALL'
-                ? 'La taille minimale est de {minWidth} × {minHeight}'
-                : `Erreur de chargement du média`;
+        if (state.error) {
+            if (state.error.code === 'IMAGE_TOO_SMALL') {
+                return 'La taille minimale est de {minWidth} × {minHeight}';
+            } else if (state.error.code === 'VIDEO_TOO_SHORT') {
+                const unit = state.error.metadata.minDuration === 1 ? 'seconde' : 'secondes';
+                return `La durée minimale de la vidéo est de {minDuration} ${unit}`;
+            } else {
+                return 'Erreur de chargement du média';
+            }
+        }
         if (state.task === 'blob-to-bitmap') return `Préparer du média…`;
         return `Chargement de media…`;
     },

package/locale/hi_IN/trim/hi_IN.js

@@ -32,10 +32,15 @@ export default {
     // overrides, replace image with media
     statusLabelLoadImage: (state) => {
         if (!state || !state.task) return 'मीडिया की प्रतीक्षा की जा रही है';
-        if (state.error)
-            return state.error.code === 'IMAGE_TOO_SMALL'
-                ? 'न्यूनतम मीडिया आकार है {minWidth} × {minHeight}'
-                : 'मीडिया लोड करने में त्रुटि';
+        if (state.error) {
+            if (state.error.code === 'IMAGE_TOO_SMALL') {
+                return 'न्यूनतम मीडिया आकार है {minWidth} × {minHeight}';
+            } else if (state.error.code === 'VIDEO_TOO_SHORT') {
+                return `न्यूनतम वीडियो अवधि {minDuration} सेकंड है`;
+            } else {
+                return 'मीडिया लोड करने में त्रुटि';
+            }
+        }
         if (state.task === 'blob-to-bitmap') return 'मीडिया तैयार कर रहे हैं…';
         return 'मीडिया लोड हो रही है…';
     },

package/locale/it_IT/trim/it_IT.js

@@ -32,10 +32,16 @@ export default {
     // overrides, replace image with media
     statusLabelLoadImage: (state) => {
         if (!state || !state.task) return 'In attesa del media';
-        if (state.error)
-            return state.error.code === 'IMAGE_TOO_SMALL'
-                ? 'Le dimensioni minime del media sono {minWidth} × {minHeight}'
-                : 'Errore nel caricamento del media';
+        if (state.error) {
+            if (state.error.code === 'IMAGE_TOO_SMALL') {
+                return 'Le dimensioni minime del media sono {minWidth} × {minHeight}';
+            } else if (state.error.code === 'VIDEO_TOO_SHORT') {
+                const unit = state.error.metadata.minDuration === 1 ? 'secondo' : 'secondi';
+                return `La durata minima del video è di {minDuration} ${unit}`;
+            } else {
+                return 'Errore nel caricamento del media';
+            }
+        }
         if (state.task === 'blob-to-bitmap') return 'Preparazione del media in corso…';
         return 'Caricamento del media in corso…';
     },

package/locale/ja_JP/annotate/index.js

@@ -0,0 +1 @@
+export { default } from './ja_JP.js';

package/locale/ja_JP/annotate/ja_JP.js

@@ -0,0 +1,5 @@
+export default {
+    annotateLabel: '注釈',
+    annotateIcon:
+        '<g stroke-width=".125em" stroke="currentColor" fill="none"><path d="M17.086 2.914a2.828 2.828 0 1 1 4 4l-14.5 14.5-5.5 1.5 1.5-5.5 14.5-14.5z"/></g>',
+};

package/locale/ja_JP/core/index.js

@@ -0,0 +1 @@
+export { default, MarkupEditor } from './ja_JP.js';

package/locale/ja_JP/core/ja_JP.js

@@ -0,0 +1,209 @@
+const IconCross =
+    '<g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" stroke-width=".125em"><path d="M18 6L6 18M6 6l12 12"></path></path></g>';
+
+const CharacterA =
+    '<path fill="none" d="M9 15 L12 9 L15 15 M10 13.5 h3" stroke="currentColor" stroke-width=".125em"/>';
+
+export default {
+    // generic
+    labelReset: 'リセット',
+    labelDefault: 'デフォルト',
+    labelAuto: '自動',
+    labelNone: 'なし',
+    labelEdit: '編集',
+    labelClose: '閉じる',
+    labelSupportError: (features) =>
+        `${features.join(', ')} はこのブラウザではサポートされていません`,
+
+    // defaults
+    labelColor: '色',
+    labelWidth: '幅',
+    labelSize: 'サイズ',
+    labelOffset: 'オフセット',
+    labelAmount: '量',
+    labelInset: 'インセット',
+    labelRadius: '半径',
+
+    // controls
+    labelColorPalette: 'カラーパレット',
+
+    // sizes
+    labelSizeExtraSmall: '超小',
+    labelSizeSmall: '小',
+    labelSizeMediumSmall: '中小',
+    labelSizeMedium: '中',
+    labelSizeMediumLarge: '中大',
+    labelSizeLarge: '大',
+    labelSizeExtraLarge: '超大',
+
+    // default buttons
+    labelButtonCancel: 'キャンセル',
+    labelButtonUndo: '元に戻す',
+    labelButtonRedo: 'やり直し',
+    labelButtonRevert: '元に戻す',
+    labelButtonExport: '完了',
+
+    // zoom
+    labelZoomIn: 'ズームイン',
+    labelZoomOut: 'ズームアウト',
+    labelZoomFit: 'ビューに合わせる',
+    labelZoomActual: '実際のサイズ',
+    iconZoomIn: '<path stroke="currentColor" stroke-width=".125em" d="M8 12 h8 M12 8 v8" />',
+    iconZoomOut: '<path stroke="currentColor" stroke-width=".125em" d="M9 12 h6" />',
+
+    // icons
+    iconSupportError: `<g fill="none" stroke="currentColor" stroke-width="2"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><g><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></g>`,
+    iconButtonClose: IconCross,
+    iconButtonRevert: `<g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" stroke-width=".125em"><path d="M7.388 18.538a8 8 0 10-2.992-9.03"/><path fill="currentColor" d="M2.794 11.696L2.37 6.714l5.088 3.18z"/><path d="M12 8v4M12 12l4 2"/></g>`,
+    iconButtonUndo: `<g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" stroke-width=".125em"><path d="M10 8h4c2.485 0 5 2 5 5s-2.515 5-5 5h-4"/><path fill="currentColor" d="M5 8l4-3v6z"/></g>`,
+    iconButtonRedo: `<g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" stroke-width=".125em"><path d="M14 8h-4c-2.485 0-5 2-5 5s2.515 5 5 5h4"/><path fill="currentColor" d="M19 8l-4-3v6z"/></g>`,
+    iconButtonExport: `<polyline points="20 6 9 17 4 12" fill="none" stroke="currentColor" stroke-width=".125em"></polyline>`,
+
+    // status
+    statusLabelButtonClose: '閉じる',
+    statusIconButtonClose: IconCross,
+    statusLabelLoadImage: (state) => {
+        if (!state || !state.task) return '画像を待っています';
+        if (state.error)
+            return state.error.code === 'IMAGE_TOO_SMALL'
+                ? '最小画像サイズは {minWidth} &times; {minHeight} です'
+                : '画像の読み込みエラー';
+        if (state.task === 'blob-to-bitmap') return '画像を準備中&hellip;';
+        return '画像を読み込んでいます&hellip;';
+    },
+
+    // processing status message
+    statusLabelProcessImage: (state) => {
+        if (!state || !state.task) return undefined;
+        if (state.task === 'store') {
+            if (state.error) return '画像のアップロードエラー';
+            return '画像をアップロード中&hellip;';
+        }
+        if (state.error) return '画像の処理エラー';
+        return '画像を処理中&hellip;';
+    },
+};
+
+export const MarkupEditor = {
+    shapeLabelButtonSelectSticker: '画像を選択',
+    shapeIconButtonSelectSticker: `<g fill="none" stroke="currentColor" stroke-width="0.0625em"><path d="M8 21 L15 11 L19 15"/><path d="M15 2 v5 h5"/><path d="M8 2 h8 l4 4 v12 q0 4 -4 4 h-8 q-4 0 -4 -4 v-12 q0 -4 4 -4z"/></g><circle fill="currentColor" cx="10" cy="8" r="1.5"/>`,
+
+    shapeIconButtonFlipHorizontal: `<g stroke="currentColor" stroke-width=".125em"><path fill="none" d="M6 6.5h5v11H6z"/><path fill="currentColor" d="M15 6.5h3v11h-3z"/><path d="M11 4v16" fill="currentColor"/></g>`,
+    shapeIconButtonFlipVertical: `<g stroke="currentColor" stroke-width=".125em"><rect x="7" y="8" width="11" height="5" fill="none"/><rect x="7" y="17" width="11" height="2" fill="currentColor"/><line x1="5" y1="13" x2="20" y2="13"/></g>`,
+    shapeIconButtonRemove: `<g fill="none" fill-rule="evenodd"><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M7.5 7h9z"/><path d="M7.916 9h8.168a1 1 0 01.99 1.14l-.972 6.862a2 2 0 01-1.473 1.653c-.877.23-1.753.345-2.629.345-.876 0-1.752-.115-2.628-.345a2 2 0 01-1.473-1.653l-.973-6.862A1 1 0 017.916 9z" fill="currentColor"/><rect fill="currentColor" x="10" y="5" width="4" height="3" rx="1"/></g>`,
+    shapeIconButtonDuplicate: `<g fill="none" fill-rule="evenodd"><path d="M15 13.994V16a2 2 0 01-2 2H8a2 2 0 01-2-2v-5a2 2 0 012-2h2.142" stroke="currentColor" stroke-width=".125em"/><path d="M15 9V8a1 1 0 00-2 0v1h-1a1 1 0 000 2h1v1a1 1 0 002 0v-1h1a1 1 0 000-2h-1zm-4-4h6a2 2 0 012 2v6a2 2 0 01-2 2h-6a2 2 0 01-2-2V7a2 2 0 012-2z" fill="currentColor"/></g>`,
+    shapeIconButtonMoveToFront: `<g fill="none" fill-rule="evenodd"><rect fill="currentColor" x="11" y="13" width="8" height="2" rx="1"/><rect fill="currentColor" x="9" y="17" width="10" height="2" rx="1"/><path d="M11.364 8H10a5 5 0 000 10M12 6.5L14.5 8 12 9.5z" stroke="currentColor" stroke-width=".125em" stroke-linecap="round"/></g>`,
+
+    shapeIconButtonTextLayoutAutoWidth: `${CharacterA}`,
+    shapeIconButtonTextLayoutAutoHeight: `<g fill="currentColor"><circle cx="4" cy="12" r="1.5"/><circle cx="20" cy="12" r="1.5"/></g>${CharacterA}`,
+    shapeIconButtonTextLayoutFixedSize: `<g fill="currentColor"><circle cx="5" cy="6" r="1.5"/><circle cx="19" cy="6" r="1.5"/><circle cx="19" cy="19" r="1.5"/><circle cx="5" cy="19" r="1.5"/></g>${CharacterA}`,
+
+    shapeTitleButtonTextLayoutAutoWidth: '自動幅',
+    shapeTitleButtonTextLayoutAutoHeight: '自動高さ',
+    shapeTitleButtonTextLayoutFixedSize: '固定サイズ',
+
+    shapeTitleButtonFlipHorizontal: '水平反転',
+    shapeTitleButtonFlipVertical: '垂直反転',
+    shapeTitleButtonRemove: '削除',
+    shapeTitleButtonDuplicate: '複製',
+    shapeTitleButtonMoveToFront: '前面に移動',
+
+    shapeLabelInputText: 'テキストを編集',
+
+    shapeIconInputCancel: `<g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" stroke-width=".125em"><path d="M18 6L6 18M6 6l12 12"/></g>`,
+    shapeIconInputConfirm: `<g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" stroke-width=".125em"><polyline points="20 6 9 17 4 12"/></g>`,
+    shapeLabelInputCancel: 'キャンセル',
+    shapeLabelInputConfirm: '確認',
+
+    shapeLabelStrokeNone: 'アウトラインなし',
+
+    shapeLabelFontStyleNormal: '通常',
+    shapeLabelFontStyleBold: '太字',
+    shapeLabelFontStyleItalic: 'イタリック',
+    shapeLabelFontStyleItalicBold: '太字イタリック',
+
+    shapeTitleBackgroundColor: '塗り色',
+
+    shapeTitleCornerRadius: '角の半径',
+
+    shapeTitleFontFamily: 'フォント',
+    shapeTitleFontSize: 'フォントサイズ',
+    shapeTitleFontStyle: 'フォントスタイル',
+    shapeTitleLineHeight: '行の高さ',
+
+    shapeTitleLineStart: '開始',
+    shapeTitleLineEnd: '終了',
+    shapeTitleStrokeWidth: '線の幅',
+    shapeTitleStrokeColor: '線の色',
+
+    shapeTitleLineDecorationBar: 'バー',
+    shapeTitleLineDecorationCircle: '円',
+    shapeTitleLineDecorationSquare: '四角',
+    shapeTitleLineDecorationArrow: '矢印',
+    shapeTitleLineDecorationCircleSolid: '塗りつぶし円',
+    shapeTitleLineDecorationSquareSolid: '塗りつぶし四角',
+    shapeTitleLineDecorationArrowSolid: '塗りつぶし矢印',
+
+    shapeIconLineDecorationBar: `<g stroke="currentColor" stroke-linecap="round" stroke-width=".125em"><path d="M5,12 H16"/><path d="M16,8 V16"/></g>`,
+    shapeIconLineDecorationCircle: `<g stroke="currentColor" stroke-linecap="round"><path stroke-width=".125em" d="M5,12 H12"/><circle fill="none" stroke-width=".125em" cx="16" cy="12" r="4"/></g>`,
+    shapeIconLineDecorationSquare: `<g stroke="currentColor" stroke-linecap="round"><path stroke-width=".125em" d="M5,12 H12"/><rect fill="none" stroke-width=".125em" x="12" y="8" width="8" height="8"/></g>`,
+    shapeIconLineDecorationArrow: `<g stroke="currentColor" stroke-linecap="round" stroke-width=".125em"><path d="M5,12 H16 M13,7 l6,5 l-6,5" fill="none"/></g>`,
+    shapeIconLineDecorationCircleSolid: `<g stroke="currentColor" stroke-linecap="round"><path stroke-width=".125em" d="M5,12 H12"/><circle fill="currentColor" cx="16" cy="12" r="4"/></g>`,
+    shapeIconLineDecorationSquareSolid: `<g stroke="currentColor" stroke-linecap="round"><path stroke-width=".125em" d="M5,12 H12"/><rect fill="currentColor" x="12" y="8" width="8" height="8"/></g>`,
+    shapeIconLineDecorationArrowSolid: `<g stroke="currentColor" stroke-linecap="round" stroke-width=".125em"><path d="M5,12 H16"/><path d="M13,7 l6,5 l-6,5z" fill="currentColor"/></g>`,
+
+    shapeTitleColorTransparent: '透明',
+    shapeTitleColorWhite: '白',
+    shapeTitleColorSilver: '銀',
+    shapeTitleColorGray: '灰色',
+    shapeTitleColorBlack: '黒',
+    shapeTitleColorNavy: '紺',
+    shapeTitleColorBlue: '青',
+    shapeTitleColorAqua: '水色',
+    shapeTitleColorTeal: 'ティール',
+    shapeTitleColorOlive: 'オリーブ',
+    shapeTitleColorGreen: '緑',
+    shapeTitleColorYellow: '黄色',
+    shapeTitleColorOrange: 'オレンジ',
+    shapeTitleColorRed: '赤',
+    shapeTitleColorMaroon: '栗色',
+    shapeTitleColorFuchsia: 'フューシャ',
+    shapeTitleColorPurple: '紫',
+
+    shapeTitleTextColor: 'フォントの色',
+    shapeTitleTextAlign: 'テキストの位置',
+    shapeTitleTextAlignLeft: '左揃え',
+    shapeTitleTextAlignCenter: '中央揃え',
+    shapeTitleTextAlignRight: '右揃え',
+
+    shapeIconTextAlignLeft: `<g stroke-width=".125em" stroke="currentColor"><line x1="5" y1="8" x2="15" y2="8"/><line x1="5" y1="12" x2="19" y2="12"/><line x1="5" y1="16" x2="14" y2="16"/></g>`,
+    shapeIconTextAlignCenter: `<g stroke-width=".125em" stroke="currentColor"><line x1="7" y1="8" x2="17" y2="8"/><line x1="5" y1="12" x2="19" y2="12"/><line x1="8" y1="16" x2="16" y2="16"/></g>`,
+    shapeIconTextAlignRight: `<g stroke-width=".125em" stroke="currentColor"><line x1="9" y1="8" x2="19" y2="8"/><line x1="5" y1="12" x2="19" y2="12"/><line x1="11" y1="16" x2="19" y2="16"/></g>`,
+
+    shapeLabelToolMove: '移動',
+    shapeLabelToolView: '表示',
+    shapeLabelToolSharpie: 'シャーピー',
+    shapeLabelToolEraser: '消しゴム',
+    shapeLabelToolPath: 'パス',
+    shapeLabelToolRectangle: '長方形',
+    shapeLabelToolEllipse: '楕円',
+    shapeLabelToolArrow: '矢印',
+    shapeLabelToolLine: '線',
+    shapeLabelToolText: 'テキスト',
+    shapeLabelToolPreset: 'ステッカー',
+
+    shapeIconToolView: `<g stroke-width=".125em" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M10.98 9.703V2.567c0-1.19 1.19-1.785 1.784-1.785.595 0 1.784.595 1.784 1.785v3.568"/><path d="M14.548 9.703V4.35c0-1.19 1.19-1.784 1.784-1.784.595 0 1.784.594 1.784 1.784v2.973"/><path d="M18.116 10.244V7.271c0-1.19 1.19-1.784 1.784-1.784.595 0 1.785.595 1.785 1.784 0 1.19 0 8.92-1.19 12.488-1.19 3.569-10.704 4.758-13.678 0-2.973-4.757-2.973-4.757-4.163-6.541-1.189-1.784-1.153-2.974-.594-3.568.558-.595 1.784-1.19 2.973.594 1.277 1.916 2.07 2.907 2.379 2.974V5.487c0-1.19 1.19-1.784 1.784-1.784.595 0 1.784.595 1.784 1.784V8.46"/></g>`,
+    shapeIconToolMove: `<g stroke-width=".125em" stroke="currentColor" fill="none"><path d="M6 2 L6 19 L18 13 Z M13 18 L16 24" stroke="currentColor" stroke-width=".125em" fill="none" fill-rule="evenodd" stroke-linejoin="round"/></g>`,
+    shapeIconToolSharpie: `<g stroke-width=".125em" stroke="currentColor" fill="none"><path d="M2.025 5c5.616-2.732 8.833-3.857 9.65-3.374C12.903 2.351.518 12.666 2.026 14 3.534 15.334 16.536.566 17.73 2.566 18.924 4.566 3.98 17.187 4.831 18c.851.813 9.848-6 11.643-6 1.087 0-2.53 5.11-2.92 7-.086.41 3.323-1.498 4.773-1 .494.17.64 2.317 1.319 3 .439.443 1.332.776 2.679 1" stroke="currentColor" stroke-width=".125em" fill="none" fill-rule="evenodd" stroke-linejoin="round"/></g>`,
+    shapeIconToolEraser: `<g stroke-width=".125em" stroke="currentColor" stroke-linecap="round" fill="none"><g transform="translate(3, 15) rotate(-45)"><rect x="0" y="0" width="18" height="10" rx="3"/></g><line x1="11" y1="21" x2="18" y2="21"/><line x1="20" y1="21" x2="22" y2="21"/></g>`,
+    shapeIconToolPath: `<g stroke-width=".125em" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill="none"><circle cx="21" cy="3" r="2"/><circle cx="9" cy="9" r="2"/><circle cx="3" cy="21" r="2"/><path d="M19 4 11 8 M8 11 4 19"/></g>`,
+    shapeIconToolRectangle: `<g stroke-width=".125em" stroke="currentColor" fill="none"><rect x="2" y="2" width="20" height="20" rx="3"/></g>`,
+    shapeIconToolEllipse: `<g stroke-width=".125em" stroke="currentColor" fill="none"><circle cx="12" cy="12" r="11"/></g>`,
+    shapeIconToolArrow: `<g stroke-width=".125em" stroke="currentColor" fill="none"><line x1="20" y1="3" x2="6" y2="21"/><path d="m10 6 L21.5 1 L20 13.5" fill="currentColor" stroke="none"/></g>`,
+    shapeIconToolLine: `<g stroke-width=".125em" stroke="currentColor" fill="none"><line x1="20" y1="3" x2="6" y2="21"/></g>`,
+    shapeIconToolText: `<g stroke="none" fill="currentColor" transform="translate(6,0)"><path d="M8.14 20.085c.459 0 .901-.034 1.329-.102a8.597 8.597 0 001.015-.21v1.984c-.281.135-.695.247-1.242.336a9.328 9.328 0 01-1.477.133c-3.312 0-4.968-1.745-4.968-5.235V6.804H.344v-1.25l2.453-1.078L3.89.819h1.5v3.97h4.97v2.015H5.39v10.078c0 1.031.245 1.823.735 2.375s1.161.828 2.015.828z"/>`,
+    shapeIconToolPreset: `<g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" stroke-width=".125em"><path d="M12 22c2.773 0 1.189-5.177 3-7 1.796-1.808 7-.25 7-3 0-5.523-4.477-10-10-10S2 6.477 2 12s4.477 10 10 10z"></path><path d="M20 17c-3 3-5 5-8 5"></path></g>`,
+};
+
+// deprecated
+export const ShapeEditor = MarkupEditor;

package/locale/ja_JP/crop/index.js

@@ -0,0 +1 @@
+export { default } from './ja_JP.js';

package/locale/ja_JP/crop/ja_JP.js

@@ -0,0 +1,55 @@
+export default {
+    cropLabel: 'トリミング',
+
+    cropIcon:
+        '<g stroke-width=".125em" stroke="currentColor" fill="none"><path d="M23 17H9a2 2 0 0 1-2-2v-5m0-3V1 M1 7h14a2 2 0 0 1 2 2v7m0 4v3"/></g>',
+    cropIconButtonRecenter: `<path stroke="currentColor" fill="none" stroke-width="2" stroke-linejoin="bevel" d="M1.5 7.5v-6h6M1.5 16.5v6h6M22.5 16.5v6h-6M22.5 7.5v-6h-6"/><circle cx="12" cy="12" r="3.5" fill="currentColor" stroke="none"/>`,
+    cropIconButtonRotateLeft:
+        '<g stroke="none" fill="currentColor"><path fill="none" d="M-1-1h582v402H-1z"/><rect x="3" rx="1" height="12" width="12" y="9"/><path d="M15 5h-1a5 5 0 015 5 1 1 0 002 0 7 7 0 00-7-7h-1.374l.747-.747A1 1 0 0011.958.84L9.603 3.194a1 1 0 000 1.415l2.355 2.355a1 1 0 001.415-1.414l-.55-.55H15z"/></g>',
+    cropIconButtonRotateRight:
+        '<g stroke="none" fill="currentColor"><path fill="none" d="M-1-1h582v402H-1z"/><path d="M11.177 5H10a5 5 0 00-5 5 1 1 0 01-2 0 7 7 0 017-7h1.374l-.747-.747A1 1 0 0112.042.84l2.355 2.355a1 1 0 010 1.415l-2.355 2.354a1 1 0 01-1.415-1.414l.55-.55z"/><rect rx="1" height="12" width="12" y="9" x="9"/></g>',
+    cropIconButtonFlipVertical:
+        '<g stroke="none" fill="currentColor"><path d="M19.993 12.143H7a1 1 0 0 1-1-1V5.994a1 1 0 0 1 1.368-.93l12.993 5.15a1 1 0 0 1-.368 1.93z"/><path d="M19.993 14a1 1 0 0 1 .368 1.93L7.368 21.078A1 1 0 0 1 6 20.148V15a1 1 0 0 1 1-1h12.993z" opacity=".6"/></g>',
+    cropIconButtonFlipHorizontal:
+        '<g stroke="none" fill="currentColor"><path d="M11.93 7.007V20a1 1 0 0 1-1 1H5.78a1 1 0 0 1-.93-1.368l5.15-12.993a1 1 0 0 1 1.929.368z"/><path d="M14 7.007V20a1 1 0 0 0 1 1h5.149a1 1 0 0 0 .93-1.368l-5.15-12.993A1 1 0 0 0 14 7.007z" opacity=".6"/></g>',
+
+    cropIconSelectPreset: (locale, aspectRatio) => {
+        const [a, b, c] = !aspectRatio
+            ? [0.2, 0.3, 0.4]
+            : [
+                  aspectRatio < 1 ? 1 : 0.3,
+                  aspectRatio === 1 ? 0.85 : 0.5,
+                  aspectRatio > 1 ? 1 : 0.3,
+              ];
+        return `<g fill="currentColor">
+            <rect opacity="${a}" x="2" y="4" width="10" height="18" rx="1"/>
+            <rect opacity="${b}" x="4" y="8" width="14" height="14" rx="1"/>
+            <rect opacity="${c}" x="6" y="12" width="17" height="10" rx="1"/>
+        </g>`;
+    },
+
+    cropIconCropBoundary: (locale, isBoundToImage) => {
+        const [a, b, c, d] = isBoundToImage ? [0.3, 1, 0, 0] : [0, 0, 0.3, 1];
+        return `<g fill="currentColor">
+            <rect opacity="${a}" x="2" y="3" width="20" height="20" rx="1"/>
+            <rect opacity="${b}" x="7" y="8" width="10" height="10" rx="1"/>
+            <rect opacity="${c}" x="4" y="8" width="14" height="14" rx="1"/>
+            <rect opacity="${d}" x="12" y="4" width="10" height="10" rx="1"/>
+        </g>`;
+    },
+
+    cropLabelButtonRecenter: '再センタリング',
+    cropLabelButtonRotateLeft: '左に回転',
+    cropLabelButtonRotateRight: '右に回転',
+    cropLabelButtonFlipHorizontal: '水平反転',
+    cropLabelButtonFlipVertical: '垂直反転',
+
+    cropLabelSelectPreset: 'トリミングの形',
+
+    cropLabelCropBoundary: 'トリミングの境界',
+    cropLabelCropBoundaryEdge: '画像の端',
+    cropLabelCropBoundaryNone: 'なし',
+
+    cropLabelTabRotation: '回転',
+    cropLabelTabZoom: '拡大縮小',
+};

package/locale/ja_JP/decorate/index.js

@@ -0,0 +1 @@
+export { default } from './ja_JP.js';

package/locale/ja_JP/decorate/ja_JP.js

@@ -0,0 +1,5 @@
+export default {
+    decorateLabel: '装飾',
+    decorateIcon:
+        '<g fill="none" fill-rule="evenodd"><path stroke="currentColor" stroke-width=".125em" stroke-linecap="round" stroke-linejoin="round" d="M12 18.5l-6.466 3.4 1.235-7.2-5.23-5.1 7.228-1.05L12 2l3.233 6.55 7.229 1.05-5.231 5.1 1.235 7.2z"/></g>',
+};

package/locale/ja_JP/fill/index.js

@@ -0,0 +1 @@
+export { default } from './ja_JP.js';

package/locale/ja_JP/fill/ja_JP.js

@@ -0,0 +1,12 @@
+export default {
+    fillLabel: '塗りつぶし',
+    fillIcon: `
+    <g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" stroke-width=".125em">
+        <g transform="rotate(60, 12, 12)">
+            <rect x="4" y="4" width="14" height="16" rx="3"/>
+        </g>
+        <path d="M21 13 L21 21"></path>
+        <path d="M4.5 12.5 L19 12.5"></path>
+    </g>
+    `,
+};

package/locale/ja_JP/filter/index.js

@@ -0,0 +1 @@
+export { default } from './ja_JP.js';

package/locale/ja_JP/filter/ja_JP.js

@@ -0,0 +1,19 @@
+export default {
+    filterLabel: 'フィルター',
+    filterIcon:
+        '<g stroke-width=".125em" stroke="currentColor" fill="none"><path d="M18.347 9.907a6.5 6.5 0 1 0-1.872 3.306M3.26 11.574a6.5 6.5 0 1 0 2.815-1.417 M10.15 17.897A6.503 6.503 0 0 0 16.5 23a6.5 6.5 0 1 0-6.183-8.51"/></g>',
+
+    filterLabelChrome: 'クローム',
+    filterLabelFade: 'フェード',
+    filterLabelCold: '冷たい',
+    filterLabelWarm: '暖かい',
+    filterLabelPastel: 'パステル',
+    filterLabelMonoDefault: 'モノ',
+    filterLabelMonoNoir: 'ノワール',
+    filterLabelMonoWash: 'ウォッシュ',
+    filterLabelMonoStark: 'スターク',
+    filterLabelSepiaDefault: 'セピア',
+    filterLabelSepiaBlues: 'ブルース',
+    filterLabelSepiaRust: 'ラスト',
+    filterLabelSepiaColor: 'カラー',
+};

package/locale/ja_JP/finetune/index.js

@@ -0,0 +1 @@
+export { default } from './ja_JP.js';

package/locale/ja_JP/finetune/ja_JP.js

@@ -0,0 +1,14 @@
+export default {
+    finetuneLabel: '微調整',
+    finetuneIcon:
+        '<g stroke-width=".125em" stroke="currentColor" fill="none"><path d="M4 1v5.5m0 3.503V23M12 1v10.5m0 3.5v8M20 1v15.5m0 3.5v3M2 7h4M10 12h4M18 17h4"/></g>',
+
+    finetuneLabelBrightness: '明るさ',
+    finetuneLabelContrast: 'コントラスト',
+    finetuneLabelSaturation: '彩度',
+    finetuneLabelExposure: '露出',
+    finetuneLabelTemperature: '色温度',
+    finetuneLabelGamma: 'ガンマ',
+    finetuneLabelClarity: 'クラリティ',
+    finetuneLabelVignette: 'ビネット',
+};

package/locale/ja_JP/frame/index.js

@@ -0,0 +1 @@
+export { default } from './ja_JP.js';

package/locale/ja_JP/frame/ja_JP.js

@@ -0,0 +1,17 @@
+export default {
+    frameLabel: 'フレーム',
+    frameIcon: `<g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" stroke-width=".125em">
+            <rect x="2" y="2" width="20" height="20" rx="4"/>
+            <rect x="6" y="6" width="12" height="12" rx="1"/>
+        </g>`,
+
+    frameLabelMatSharp: 'マット',
+    frameLabelMatRound: 'ベベル',
+    frameLabelLineSingle: 'ライン',
+    frameLabelLineMultiple: 'ゼブラ',
+    frameLabelEdgeSeparate: 'インセット',
+    frameLabelEdgeOverlap: 'プラス',
+    frameLabelEdgeCross: 'ランバー',
+    frameLabelCornerHooks: 'フック',
+    frameLabelPolaroid: 'ポラロイド',
+};

package/locale/ja_JP/index.d.ts

@@ -0,0 +1,15 @@
+export const LocaleAnnotate: { [key: string]: any };
+export const LocaleCore: { [key: string]: any };
+export const LocaleCrop: { [key: string]: any };
+export const LocaleDecorate: { [key: string]: any };
+export const LocaleFilter: { [key: string]: any };
+export const LocaleFinetune: { [key: string]: any };
+export const LocaleFrame: { [key: string]: any };
+export const LocaleResize: { [key: string]: any };
+export const LocaleRedact: { [key: string]: any };
+export const LocaleSticker: { [key: string]: any };
+export const LocaleTrim: { [key: string]: any };
+export const LocaleFill: { [key: string]: any };
+export const LocaleMarkupEditor: { [key: string]: any };
+
+export {};

package/locale/ja_JP/index.js

@@ -0,0 +1,42 @@
+import Annotate from './annotate/index.js';
+import Core, { MarkupEditor } from './core/index.js';
+import Crop from './crop/index.js';
+import Decorate from './decorate/index.js';
+import Filter from './filter/index.js';
+import Finetune from './finetune/index.js';
+import Frame from './frame/index.js';
+import Resize from './resize/index.js';
+import Redact from './redact/index.js';
+import Sticker from './sticker/index.js';
+import Trim from './trim/index.js';
+import Fill from './fill/index.js';
+
+export const LocaleAnnotate = Annotate;
+export const LocaleCore = Core;
+export const LocaleCrop = Crop;
+export const LocaleDecorate = Decorate;
+export const LocaleFilter = Filter;
+export const LocaleFinetune = Finetune;
+export const LocaleFrame = Frame;
+export const LocaleResize = Resize;
+export const LocaleRedact = Redact;
+export const LocaleSticker = Sticker;
+export const LocaleTrim = Trim;
+export const LocaleFill = Fill;
+export const LocaleMarkupEditor = MarkupEditor;
+
+export default {
+    ...Core,
+    ...MarkupEditor,
+    ...Annotate,
+    ...Crop,
+    ...Decorate,
+    ...Filter,
+    ...Finetune,
+    ...Frame,
+    ...Resize,
+    ...Redact,
+    ...Sticker,
+    ...Fill,
+    ...Trim,
+};

package/locale/ja_JP/redact/index.js

@@ -0,0 +1 @@
+export { default } from './ja_JP.js';

package/locale/ja_JP/redact/ja_JP.js

@@ -0,0 +1,4 @@
+export default {
+    redactLabel: '修正',
+    redactIcon: `<g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor" stroke-width=".125em"><path d="M 4 5 l 1 -1"/><path d="M 4 10 l 6 -6"/><path d="M 4 15 l 11 -11"/><path d="M 4 20 l 16 -16"/><path d="M 9 20 l 11 -11"/><path d="M 14 20 l 6 -6"/><path d="M 19 20 l 1 -1"/></g>`,
+};

package/locale/ja_JP/resize/index.js

@@ -0,0 +1 @@
+export { default } from './ja_JP.js';

package/locale/ja_JP/resize/ja_JP.js

@@ -0,0 +1,19 @@
+export default {
+    resizeLabel: 'リサイズ',
+    resizeIcon:
+        '<g stroke-width=".125em" stroke="currentColor" fill="none"><rect x="2" y="12" width="10" height="10" rx="2"/><path d="M4 11.5V4a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-5.5"/><path d="M14 10l3.365-3.365M14 6h4v4"/></g>',
+
+    resizeLabelFormCaption: '画像出力サイズ',
+
+    resizeLabelInputWidth: '幅',
+    resizeTitleInputWidth: '幅',
+    resizeLabelInputHeight: '高さ',
+    resizeTitleInputHeight: '高さ',
+
+    resizeTitleButtonMaintainAspectRatio: 'アスペクト比を維持',
+
+    resizeIconButtonMaintainAspectRatio: (active, activeFraction) =>
+        `<defs><mask id="mask1" x="0" y="0" width="24" height="24" ><rect x="0" y="0" width="24" height="10" fill="#fff" stroke="none"/></mask></defs><g fill="none" fill-rule="evenodd"><g  mask="url(#mask1)"><path transform="translate(0 ${
+            (activeFraction - 1) * 3
+        })" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" d="M9.401 10.205v-.804a2.599 2.599 0 0 1 5.198 0V17"/></g><rect fill="currentColor" x="7" y="10" width="10" height="7" rx="1.5"/></g>`,
+};

package/locale/ja_JP/sticker/index.js

@@ -0,0 +1 @@
+export { default } from './ja_JP.js';