@ablogcms/lib 3.2.28-beta.0

package/README.md

@@ -0,0 +1,29 @@
+# @ablogcms/lib
+
+管理画面フロントエンドが共有するランタイムインフラを sub-path exports として提供するパッケージ。
+
+## 使い方
+
+```ts
+import { resizeImage } from '@ablogcms/lib/resize-image';
+import ExtendedFile from '@ablogcms/lib/read-files';
+```
+
+モジュール単位で import する（バレル export はない）。主なモジュール:
+
+| sub-path | 内容 |
+|---|---|
+| `./read-files` | ファイル読み込みユーティリティ |
+| `./resize-image` / `./resize-image-util` | 画像リサイズ |
+| `./google-maps` / `./google-maps-picker` / `./google-maps-street-view` | Google Maps 連携 |
+| `./open-street-map` / `./open-street-map-picker` | OpenStreetMap 連携 |
+| `./a-table` | 表組みライブラリのラッパー |
+| `./lite-editor` / `./lite-editor-field` | リッチテキストエディタ |
+| `./flatpicker-date-picker` / `./flatpicker-time-picker` | 日時ピッカー |
+| `./wysiwyg` | WYSIWYG エディタ |
+| `./pdf2image` / `./create-pdf` | PDF 変換 |
+| `./lazy-load` / `./loader` | 遅延読み込み |
+| `./select2` / `./zxcvbn` / `./polyfill` | 各種ライブラリラッパー |
+
+複数パッケージから共有されるランタイムインフラのみを収容する。単一パッケージ専用のヘルパーは
+各パッケージ側に置く。

package/dist/a-table/index.d.ts

@@ -0,0 +1,10 @@
+
+export interface ATableOptions {
+    onChange?: (value: string) => void;
+    [key: string]: any;
+}
+/**
+ * a-table を初期化する。
+ * @deprecated a-table は非推奨です
+ */
+export default function setupAtable(element: HTMLElement, options?: ATableOptions): any;

package/dist/a-table/index.mjs

@@ -0,0 +1,48 @@
+// src/a-table/index.ts
+import Atable from "a-table";
+import "a-table/css/a-table.css";
+function setupAtable(element, options = {}) {
+  const { onChange, ...rest } = options;
+  const root = element.querySelector(ACMS.Config.aTableMark);
+  if (root === null) {
+    throw new Error("a-table root element not found");
+  }
+  if (root.aTable instanceof Atable) {
+    return root.aTable;
+  }
+  const dest = root.querySelector(ACMS.Config.aTableDestMark);
+  const table = root.querySelector("table");
+  if (table === null) {
+    throw new Error("a-table table element not found");
+  }
+  const aTable = new Atable(table, {
+    mark: ACMS.Config.aTableConf,
+    selector: {
+      option: ACMS.Config.aTableSelector
+    },
+    tableOption: ACMS.Config.aTableOption,
+    message: ACMS.Config.aTableMessage,
+    ...rest
+  });
+  aTable.afterRendered = () => {
+    const value = aTable.getTable();
+    if (dest !== null) {
+      dest.value = value;
+    }
+    onChange?.(value);
+  };
+  aTable.afterEntered = () => {
+    const value = aTable.getTable();
+    if (dest !== null) {
+      dest.value = value;
+    }
+    onChange?.(value);
+  };
+  aTable.afterRendered();
+  root.aTable = aTable;
+  return aTable;
+}
+export {
+  setupAtable as default
+};
+//# sourceMappingURL=index.mjs.map

package/dist/a-table/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/a-table/index.ts"],"sourcesContent":["// @ts-expect-error no types\nimport Atable from 'a-table';\nimport 'a-table/css/a-table.css';\n\nexport interface ATableOptions {\n  onChange?: (value: string) => void;\n  [key: string]: any; // eslint-disable-line @typescript-eslint/no-explicit-any\n}\n\n/**\n * a-table を初期化する。\n * @deprecated a-table は非推奨です\n */\nexport default function setupAtable(element: HTMLElement, options: ATableOptions = {}) {\n  const { onChange, ...rest } = options;\n  const root = element.querySelector<HTMLElement & { aTable?: Atable }>(ACMS.Config.aTableMark);\n  if (root === null) {\n    throw new Error('a-table root element not found');\n  }\n  if (root.aTable instanceof Atable) {\n    return root.aTable;\n  }\n  const dest = root.querySelector<HTMLInputElement>(ACMS.Config.aTableDestMark);\n  const table = root.querySelector<HTMLTableElement>('table');\n  if (table === null) {\n    throw new Error('a-table table element not found');\n  }\n  const aTable = new Atable(table, {\n    mark: ACMS.Config.aTableConf,\n    selector: {\n      option: ACMS.Config.aTableSelector,\n    },\n    tableOption: ACMS.Config.aTableOption,\n    message: ACMS.Config.aTableMessage,\n    ...rest,\n  });\n  aTable.afterRendered = () => {\n    const value = aTable.getTable();\n    if (dest !== null) {\n      dest.value = value;\n    }\n    onChange?.(value);\n  };\n  aTable.afterEntered = () => {\n    const value = aTable.getTable();\n    if (dest !== null) {\n      dest.value = value;\n    }\n    onChange?.(value);\n  };\n  aTable.afterRendered();\n  root.aTable = aTable;\n\n  return aTable;\n}\n"],"mappings":";AACA,OAAO,YAAY;AACnB,OAAO;AAWQ,SAAR,YAA6B,SAAsB,UAAyB,CAAC,GAAG;AACrF,QAAM,EAAE,UAAU,GAAG,KAAK,IAAI;AAC9B,QAAM,OAAO,QAAQ,cAAiD,KAAK,OAAO,UAAU;AAC5F,MAAI,SAAS,MAAM;AACjB,UAAM,IAAI,MAAM,gCAAgC;AAAA,EAClD;AACA,MAAI,KAAK,kBAAkB,QAAQ;AACjC,WAAO,KAAK;AAAA,EACd;AACA,QAAM,OAAO,KAAK,cAAgC,KAAK,OAAO,cAAc;AAC5E,QAAM,QAAQ,KAAK,cAAgC,OAAO;AAC1D,MAAI,UAAU,MAAM;AAClB,UAAM,IAAI,MAAM,iCAAiC;AAAA,EACnD;AACA,QAAM,SAAS,IAAI,OAAO,OAAO;AAAA,IAC/B,MAAM,KAAK,OAAO;AAAA,IAClB,UAAU;AAAA,MACR,QAAQ,KAAK,OAAO;AAAA,IACtB;AAAA,IACA,aAAa,KAAK,OAAO;AAAA,IACzB,SAAS,KAAK,OAAO;AAAA,IACrB,GAAG;AAAA,EACL,CAAC;AACD,SAAO,gBAAgB,MAAM;AAC3B,UAAM,QAAQ,OAAO,SAAS;AAC9B,QAAI,SAAS,MAAM;AACjB,WAAK,QAAQ;AAAA,IACf;AACA,eAAW,KAAK;AAAA,EAClB;AACA,SAAO,eAAe,MAAM;AAC1B,UAAM,QAAQ,OAAO,SAAS;AAC9B,QAAI,SAAS,MAAM;AACjB,WAAK,QAAQ;AAAA,IACf;AACA,eAAW,KAAK;AAAA,EAClB;AACA,SAAO,cAAc;AACrB,OAAK,SAAS;AAEd,SAAO;AACT;","names":[]}

package/dist/acms.d.ts

@@ -0,0 +1,8 @@
+import type ResizeImage from './resize-image/resize-image.js';
+import type geolocation from './geolocation.js';
+declare module '@ablogcms/types/acms' {
+    interface AcmsLibrary {
+        ResizeImage: (elm: HTMLElement) => ResizeImage;
+        geolocation: typeof geolocation;
+    }
+}

package/dist/acms.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=acms.mjs.map

package/dist/acms.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-AMZYQ4DG.mjs

@@ -0,0 +1,344 @@
+// src/resize-image/util.ts
+import { dataUrlToBlob } from "@ablogcms/utils/file";
+var ResizeImageUtil = class {
+  /**
+   * URLからBASE64画像でリサイズ画像を取得
+   *
+   * @param url
+   * @param resizeType (null=long side, width, height)
+   * @param resizeSize (length)
+   * @param callback
+   */
+  async getDataUrlFromUrl(url, resizeType, resizeSize, callback) {
+    const Mime = await import(
+      /* webpackChunkName: "mime-types" */
+      "mime-types"
+    );
+    const mimeType = Mime.lookup(url) || "image/png";
+    const image = new Image();
+    image.crossOrigin = "anonymous";
+    image.src = url;
+    const res = await this.getDataURL(image, mimeType, resizeType, resizeSize, callback);
+    return res;
+  }
+  /**
+   * URLからBLOBデータでリサイズ画像を取得
+   *
+   * @param url
+   * @param resizeType
+   * @param resizeSize
+   * @param callback
+   */
+  async getBlobFromUrl(url, resizeType, resizeSize, callback) {
+    const Mime = await import(
+      /* webpackChunkName: "mime-types" */
+      "mime-types"
+    );
+    const mimeType = Mime.lookup(url) || "image/png";
+    const image = new Image();
+    image.crossOrigin = "anonymous";
+    image.src = url;
+    const res = await this.getBlob(image, mimeType, resizeType, resizeSize, callback);
+    return res;
+  }
+  /**
+   * FileからBASE64画像でリサイズ画像を取得
+   *
+   * @param file
+   * @param resizeType
+   * @param resizeSize
+   * @param callback
+   * @returns {Promise}
+   */
+  async getDataUrlFromFile(file, resizeType, resizeSize, callback) {
+    const mimeType = file.type || "image/png";
+    const image = new Image();
+    image.src = this._createObjectURL(file);
+    const res = await this.getDataURL(image, mimeType, resizeType, resizeSize, callback);
+    return res;
+  }
+  /**
+   * FileからBLOBデータでリサイズ画像を取得
+   *
+   * @param file
+   * @param resizeType
+   * @param resizeSize
+   * @param callback
+   * @returns {Promise}
+   */
+  async getBlobFromFile(file, resizeType, resizeSize, callback) {
+    const mimeType = file.type || "image/png";
+    const image = new Image();
+    image.src = this._createObjectURL(file);
+    const res = await this.getBlob(image, mimeType, resizeType, resizeSize, callback);
+    return res;
+  }
+  /**
+   * BASE64画像を取得
+   *
+   * @param image
+   * @param mimeType
+   * @param resizeType
+   * @param resizeSize
+   * @param callback
+   * @returns {Promise}
+   */
+  getDataURL(image, mimeType, resizeType, resizeSize, callback) {
+    return new Promise((resolve) => {
+      const onload = () => {
+        const canvas = document.createElement("canvas");
+        if (!resizeSize) {
+          resizeSize = image.width;
+        }
+        const destinationSize = this._getDestinationSize(image, resizeType, resizeSize);
+        const drawInfo = {
+          rad: 0,
+          dx: 0,
+          dy: 0
+        };
+        canvas.width = destinationSize.width;
+        canvas.height = destinationSize.height;
+        this._drawImage(image, canvas, destinationSize, drawInfo);
+        const dataUrl = canvas.toDataURL(mimeType);
+        resolve({
+          dataUrl,
+          resize: destinationSize.resize
+        });
+        if (typeof callback === "function") {
+          callback(dataUrl, destinationSize.resize);
+        }
+      };
+      if (image.width) {
+        onload();
+      } else {
+        image.onload = onload;
+      }
+    });
+  }
+  /**
+   * リサイズした上で、Blobデータを取得
+   *
+   * @param image
+   * @param mimeType
+   * @param resizeType
+   * @param resizeSize
+   * @param callback
+   * @returns {Promise}
+   */
+  getBlob(image, mimeType, resizeType, resizeSize, callback) {
+    return new Promise((resolve, reject) => {
+      const onload = () => {
+        const canvas = document.createElement("canvas");
+        if (!resizeSize) {
+          resizeSize = image.width;
+        }
+        const destinationSize = this._getDestinationSize(image, resizeType, resizeSize);
+        const drawInfo = {
+          rad: 0,
+          dx: 0,
+          dy: 0
+        };
+        canvas.width = destinationSize.width;
+        canvas.height = destinationSize.height;
+        this._drawImage(image, canvas, destinationSize, drawInfo);
+        canvas.toBlob(
+          (blob) => {
+            if (blob === null) {
+              reject(new Error("Failed to create Blob"));
+              return;
+            }
+            resolve({
+              blob,
+              resize: destinationSize.resize
+            });
+            if (typeof callback === "function") {
+              callback(blob, destinationSize.resize);
+            }
+          },
+          mimeType,
+          1
+        );
+      };
+      if (image.width) {
+        onload();
+      } else {
+        image.onload = onload;
+      }
+    });
+  }
+  /**
+   * データUrlをBlobに変換
+   *
+   * @param dataUrl
+   * @returns {*}
+   */
+  dataUrlToBlob(dataUrl) {
+    return dataUrlToBlob(dataUrl);
+  }
+  /**
+   * fileからデータURL作成
+   *
+   * @param file
+   * @returns {*}
+   * @private
+   */
+  _createObjectURL(file) {
+    const createObjectURL = window.URL && window.URL.createObjectURL;
+    return createObjectURL(file);
+  }
+  /**
+   * リサイズ画像の書き出し
+   *
+   * @param image
+   * @param canvas
+   * @param destinationSize
+   * @param drawInfo
+   * @returns {*}
+   */
+  _drawImage(image, canvas, destinationSize, drawInfo) {
+    const ctx = canvas.getContext("2d");
+    ctx.imageSmoothingEnabled = true;
+    ctx.imageSmoothingQuality = "high";
+    const { rad, dx, dy } = drawInfo;
+    const diff = 0.5;
+    if (image.width * diff > destinationSize.width) {
+      let oc = document.createElement("canvas");
+      const octx = oc.getContext("2d");
+      octx.imageSmoothingEnabled = true;
+      octx.imageSmoothingQuality = "high";
+      oc.width = image.width * diff;
+      oc.height = image.height * diff;
+      octx.drawImage(image, 0, 0, oc.width, oc.height);
+      let { width } = oc;
+      let { height } = oc;
+      while (width * diff > destinationSize.width) {
+        const tmp = document.createElement("canvas");
+        tmp.width = Math.max(Math.floor(width * diff), destinationSize.width);
+        tmp.height = Math.max(Math.floor(height * diff), destinationSize.height);
+        const tmpCtx = tmp.getContext("2d");
+        tmpCtx.imageSmoothingEnabled = true;
+        tmpCtx.imageSmoothingQuality = "high";
+        tmpCtx.drawImage(oc, 0, 0, width, height, 0, 0, tmp.width, tmp.height);
+        oc = tmp;
+        width = oc.width;
+        height = oc.height;
+      }
+      if (drawInfo.rad !== 0) {
+        ctx.setTransform(Math.cos(rad), Math.sin(rad), -Math.sin(rad), Math.cos(rad), dx, dy);
+      }
+      ctx.drawImage(oc, 0, 0, width, height, 0, 0, destinationSize.width, destinationSize.height);
+    } else {
+      if (drawInfo.rad !== 0) {
+        ctx.setTransform(Math.cos(rad), Math.sin(rad), -Math.sin(rad), Math.cos(rad), dx, dy);
+      }
+      ctx.drawImage(image, 0, 0, image.width, image.height, 0, 0, destinationSize.width, destinationSize.height);
+    }
+    return canvas;
+  }
+  /**
+   * リサイズサイズの取得
+   *
+   * @param image
+   * @param resizeType
+   * @param resizeSize
+   * @returns {{width: number, height: number}}
+   */
+  _getDestinationSize = (image, resizeType, resizeSize) => {
+    const destinationSize = {
+      width: 0,
+      height: 0,
+      resize: true
+    };
+    if (!resizeType) {
+      if (image.width > image.height) {
+        resizeType = "width";
+      } else {
+        resizeType = "height";
+      }
+    }
+    if (resizeType.substring(0, 1) === "h") {
+      if (image.height < resizeSize) {
+        destinationSize.width = image.width;
+        destinationSize.height = image.height;
+        destinationSize.resize = false;
+      } else {
+        destinationSize.width = image.width * (resizeSize / image.height);
+        destinationSize.height = resizeSize;
+      }
+    } else if (image.width < resizeSize) {
+      destinationSize.width = image.width;
+      destinationSize.height = image.height;
+      destinationSize.resize = false;
+    } else {
+      destinationSize.width = resizeSize;
+      destinationSize.height = image.height * (resizeSize / image.width);
+    }
+    return destinationSize;
+  };
+  /**
+   * 画像のローテーション対応
+   *
+   * @param image
+   * @param canvas
+   * @param destinationSize
+   * @returns {Promise}
+   */
+  _fixImageRotation(image, canvas, destinationSize) {
+    return new Promise((resolve) => {
+      this._getExifData(image).then((exif) => {
+        const drawInfo = {
+          rad: 0,
+          dx: 0,
+          dy: 0
+        };
+        switch (exif.Orientation) {
+          case 8:
+            canvas.width = destinationSize.height;
+            canvas.height = destinationSize.width;
+            drawInfo.rad = -90 * Math.PI / 180;
+            drawInfo.dy = canvas.height;
+            break;
+          case 3:
+            drawInfo.rad = 180 * Math.PI / 180;
+            drawInfo.dx = canvas.width;
+            drawInfo.dy = canvas.height;
+            break;
+          case 6:
+            canvas.width = destinationSize.height;
+            canvas.height = destinationSize.width;
+            drawInfo.rad = 90 * Math.PI / 180;
+            drawInfo.dx = canvas.width;
+            break;
+          default:
+            break;
+        }
+        resolve(drawInfo);
+      });
+    });
+  }
+  /**
+   * Exif情報の取得
+   *
+   * @param image
+   * @returns {Promise}
+   */
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  _getExifData(image) {
+    return new Promise((resolve) => {
+      import(
+        /* webpackChunkName: "exif-js" */
+        "exif-js"
+      ).then((Exif) => {
+        Exif.getData(image, () => {
+          const res = Exif.getAllTags(image);
+          resolve(res);
+        });
+      });
+    });
+  }
+};
+
+export {
+  ResizeImageUtil
+};
+//# sourceMappingURL=chunk-AMZYQ4DG.mjs.map

package/dist/chunk-AMZYQ4DG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/resize-image/util.ts"],"sourcesContent":["import { dataUrlToBlob } from '@ablogcms/utils/file';\n\ninterface DrawInfo {\n  rad: number;\n  dx: number;\n  dy: number;\n}\n\ninterface DestinationSize {\n  width: number;\n  height: number;\n  resize: boolean;\n}\n\ninterface DataUrlRes {\n  dataUrl: string;\n  resize: boolean;\n}\n\ninterface BlobRes {\n  blob: Blob;\n  resize: boolean;\n}\n\nexport default class ResizeImageUtil {\n  /**\n   * URLからBASE64画像でリサイズ画像を取得\n   *\n   * @param url\n   * @param resizeType (null=long side, width, height)\n   * @param resizeSize (length)\n   * @param callback\n   */\n  async getDataUrlFromUrl(\n    url: string,\n    resizeType: string,\n    resizeSize: number,\n    callback: () => void\n  ): Promise<DataUrlRes> {\n    const Mime = await import(/* webpackChunkName: \"mime-types\" */ 'mime-types');\n    const mimeType = Mime.lookup(url) || 'image/png';\n    const image = new Image();\n    image.crossOrigin = 'anonymous';\n    image.src = url;\n\n    const res = await this.getDataURL(image, mimeType, resizeType, resizeSize, callback);\n    return res;\n  }\n\n  /**\n   * URLからBLOBデータでリサイズ画像を取得\n   *\n   * @param url\n   * @param resizeType\n   * @param resizeSize\n   * @param callback\n   */\n  async getBlobFromUrl(url: string, resizeType: string, resizeSize: number, callback: () => void): Promise<BlobRes> {\n    const Mime = await import(/* webpackChunkName: \"mime-types\" */ 'mime-types');\n    const mimeType = Mime.lookup(url) || 'image/png';\n    const image = new Image();\n    image.crossOrigin = 'anonymous';\n    image.src = url;\n\n    const res = await this.getBlob(image, mimeType, resizeType, resizeSize, callback);\n    return res;\n  }\n\n  /**\n   * FileからBASE64画像でリサイズ画像を取得\n   *\n   * @param file\n   * @param resizeType\n   * @param resizeSize\n   * @param callback\n   * @returns {Promise}\n   */\n  async getDataUrlFromFile(\n    file: File,\n    resizeType: string,\n    resizeSize: number,\n    callback: () => void\n  ): Promise<DataUrlRes> {\n    const mimeType = file.type || 'image/png';\n    const image = new Image();\n    image.src = this._createObjectURL(file);\n\n    const res = await this.getDataURL(image, mimeType, resizeType, resizeSize, callback);\n    return res;\n  }\n\n  /**\n   * FileからBLOBデータでリサイズ画像を取得\n   *\n   * @param file\n   * @param resizeType\n   * @param resizeSize\n   * @param callback\n   * @returns {Promise}\n   */\n  async getBlobFromFile(file: File, resizeType: string, resizeSize: number, callback?: () => void): Promise<BlobRes> {\n    const mimeType = file.type || 'image/png';\n    const image = new Image();\n    image.src = this._createObjectURL(file);\n    const res = await this.getBlob(image, mimeType, resizeType, resizeSize, callback);\n    return res;\n  }\n\n  /**\n   * BASE64画像を取得\n   *\n   * @param image\n   * @param mimeType\n   * @param resizeType\n   * @param resizeSize\n   * @param callback\n   * @returns {Promise}\n   */\n  getDataURL(\n    image: HTMLImageElement,\n    mimeType: string,\n    resizeType: string,\n    resizeSize: number,\n    callback: (dataUrl: string, resize: boolean) => void\n  ): Promise<DataUrlRes> {\n    return new Promise((resolve) => {\n      const onload = () => {\n        const canvas = document.createElement('canvas');\n        if (!resizeSize) {\n          resizeSize = image.width;\n        }\n        const destinationSize = this._getDestinationSize(image, resizeType, resizeSize);\n        const drawInfo = {\n          rad: 0,\n          dx: 0,\n          dy: 0,\n        };\n\n        canvas.width = destinationSize.width;\n        canvas.height = destinationSize.height;\n\n        this._drawImage(image, canvas, destinationSize, drawInfo);\n        const dataUrl = canvas.toDataURL(mimeType);\n        resolve({\n          dataUrl,\n          resize: destinationSize.resize,\n        });\n        if (typeof callback === 'function') {\n          callback(dataUrl, destinationSize.resize);\n        }\n      };\n      if (image.width) {\n        onload();\n      } else {\n        image.onload = onload;\n      }\n    });\n  }\n\n  /**\n   * リサイズした上で、Blobデータを取得\n   *\n   * @param image\n   * @param mimeType\n   * @param resizeType\n   * @param resizeSize\n   * @param callback\n   * @returns {Promise}\n   */\n  getBlob(\n    image: HTMLImageElement,\n    mimeType: string,\n    resizeType: string,\n    resizeSize: number,\n    callback?: (blob: Blob | null, resize: boolean) => void\n  ): Promise<BlobRes> {\n    return new Promise((resolve, reject) => {\n      const onload = () => {\n        const canvas = document.createElement('canvas');\n        if (!resizeSize) {\n          resizeSize = image.width;\n        }\n        const destinationSize = this._getDestinationSize(image, resizeType, resizeSize);\n        const drawInfo = {\n          rad: 0,\n          dx: 0,\n          dy: 0,\n        };\n        canvas.width = destinationSize.width;\n        canvas.height = destinationSize.height;\n\n        this._drawImage(image, canvas, destinationSize, drawInfo);\n        canvas.toBlob(\n          (blob) => {\n            if (blob === null) {\n              reject(new Error('Failed to create Blob'));\n              return;\n            }\n            resolve({\n              blob,\n              resize: destinationSize.resize,\n            });\n            if (typeof callback === 'function') {\n              callback(blob, destinationSize.resize);\n            }\n          },\n          mimeType,\n          1\n        );\n      };\n      if (image.width) {\n        onload();\n      } else {\n        image.onload = onload;\n      }\n    });\n  }\n\n  /**\n   * データUrlをBlobに変換\n   *\n   * @param dataUrl\n   * @returns {*}\n   */\n  dataUrlToBlob(dataUrl: string): Blob {\n    return dataUrlToBlob(dataUrl);\n  }\n\n  /**\n   * fileからデータURL作成\n   *\n   * @param file\n   * @returns {*}\n   * @private\n   */\n  _createObjectURL(file: File): string {\n    const createObjectURL = window.URL && window.URL.createObjectURL;\n    return createObjectURL(file);\n  }\n\n  /**\n   * リサイズ画像の書き出し\n   *\n   * @param image\n   * @param canvas\n   * @param destinationSize\n   * @param drawInfo\n   * @returns {*}\n   */\n  _drawImage(\n    image: HTMLImageElement,\n    canvas: HTMLCanvasElement,\n    destinationSize: { width: number; height: number },\n    drawInfo: DrawInfo\n  ): HTMLCanvasElement {\n    const ctx = canvas.getContext('2d')!;\n    // 高品質補間を有効化\n    ctx.imageSmoothingEnabled = true;\n    ctx.imageSmoothingQuality = 'high';\n    const { rad, dx, dy } = drawInfo;\n    const diff = 0.5;\n\n    if (image.width * diff > destinationSize.width) {\n      // スムーズ処理を入れて、リサイズ\n      let oc = document.createElement('canvas');\n      const octx = oc.getContext('2d')!;\n      // 高品質補間を有効化\n      octx.imageSmoothingEnabled = true;\n      octx.imageSmoothingQuality = 'high';\n\n      // step 1 we reduce the image to half by using an off-screen canvas\n      oc.width = image.width * diff;\n      oc.height = image.height * diff;\n      octx.drawImage(image, 0, 0, oc.width, oc.height);\n\n      let { width } = oc;\n      let { height } = oc;\n\n      // step 2 reuses the off-screen canvas and draws the image reduced to half again\n      while (width * diff > destinationSize.width) {\n        const tmp = document.createElement('canvas');\n        tmp.width = Math.max(Math.floor(width * diff), destinationSize.width);\n        tmp.height = Math.max(Math.floor(height * diff), destinationSize.height);\n\n        const tmpCtx = tmp.getContext('2d')!;\n        tmpCtx.imageSmoothingEnabled = true;\n        tmpCtx.imageSmoothingQuality = 'high';\n        tmpCtx.drawImage(oc, 0, 0, width, height, 0, 0, tmp.width, tmp.height);\n\n        oc = tmp;\n        width = oc.width;\n        height = oc.height;\n      }\n      // step 3 we draw once more to main canvas, again reduced to half but to the final size\n      if (drawInfo.rad !== 0) {\n        ctx.setTransform(Math.cos(rad), Math.sin(rad), -Math.sin(rad), Math.cos(rad), dx, dy);\n      }\n      ctx.drawImage(oc, 0, 0, width, height, 0, 0, destinationSize.width, destinationSize.height);\n    } else {\n      // 一気にリサイズ\n      if (drawInfo.rad !== 0) {\n        ctx.setTransform(Math.cos(rad), Math.sin(rad), -Math.sin(rad), Math.cos(rad), dx, dy);\n      }\n      ctx.drawImage(image, 0, 0, image.width, image.height, 0, 0, destinationSize.width, destinationSize.height);\n    }\n    return canvas;\n  }\n\n  /**\n   * リサイズサイズの取得\n   *\n   * @param image\n   * @param resizeType\n   * @param resizeSize\n   * @returns {{width: number, height: number}}\n   */\n  _getDestinationSize = (image: HTMLImageElement, resizeType: string, resizeSize: number): DestinationSize => {\n    const destinationSize: DestinationSize = {\n      width: 0,\n      height: 0,\n      resize: true,\n    };\n\n    // Long side\n    if (!resizeType) {\n      if (image.width > image.height) {\n        resizeType = 'width';\n      } else {\n        resizeType = 'height';\n      }\n    }\n\n    if (resizeType.substring(0, 1) === 'h') {\n      // Portrait\n      if (image.height < resizeSize) {\n        destinationSize.width = image.width;\n        destinationSize.height = image.height;\n        destinationSize.resize = false;\n      } else {\n        destinationSize.width = image.width * (resizeSize / image.height);\n        destinationSize.height = resizeSize;\n      }\n\n      // Landscape\n    } else if (image.width < resizeSize) {\n      destinationSize.width = image.width;\n      destinationSize.height = image.height;\n      destinationSize.resize = false;\n    } else {\n      destinationSize.width = resizeSize;\n      destinationSize.height = image.height * (resizeSize / image.width);\n    }\n\n    return destinationSize;\n  };\n\n  /**\n   * 画像のローテーション対応\n   *\n   * @param image\n   * @param canvas\n   * @param destinationSize\n   * @returns {Promise}\n   */\n  _fixImageRotation(\n    image: HTMLImageElement,\n    canvas: HTMLCanvasElement,\n    destinationSize: DestinationSize\n  ): Promise<DrawInfo> {\n    return new Promise((resolve) => {\n      this._getExifData(image).then((exif) => {\n        const drawInfo = {\n          rad: 0,\n          dx: 0,\n          dy: 0,\n        };\n\n        switch (exif.Orientation) {\n          case 8:\n            canvas.width = destinationSize.height;\n            canvas.height = destinationSize.width;\n            drawInfo.rad = (-90 * Math.PI) / 180;\n            drawInfo.dy = canvas.height;\n            break;\n          case 3:\n            drawInfo.rad = (180 * Math.PI) / 180;\n            drawInfo.dx = canvas.width;\n            drawInfo.dy = canvas.height;\n            break;\n          case 6:\n            canvas.width = destinationSize.height;\n            canvas.height = destinationSize.width;\n            drawInfo.rad = (90 * Math.PI) / 180;\n            drawInfo.dx = canvas.width;\n            break;\n          default:\n            break;\n        }\n        resolve(drawInfo);\n      });\n    });\n  }\n\n  /**\n   * Exif情報の取得\n   *\n   * @param image\n   * @returns {Promise}\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  _getExifData(image: HTMLImageElement): Promise<any> {\n    return new Promise((resolve) => {\n      import(/* webpackChunkName: \"exif-js\" */ 'exif-js').then((Exif) => {\n        // @ts-expect-error type definition is not correct\n        Exif.getData(image, () => {\n          const res = Exif.getAllTags(image);\n          resolve(res);\n        });\n      });\n    });\n  }\n}\n"],"mappings":"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","names":[]}