@ablogcms/lib 3.2.28-beta.0

package/dist/pdf2image.mjs

@@ -0,0 +1,115 @@
+// src/pdf2image.js
+import * as pdfjs from "pdfjs-dist/legacy/build/pdf.mjs";
+var Pdf2Image = class {
+  /**
+   * Constructor
+   *
+   * @param url
+   */
+  constructor(url) {
+    this.url = url;
+    this.baseUrl = `${ACMS.Config.root}js/dest/`;
+    this.currentPage = 1;
+    this.numPages = -1;
+    this.document = null;
+    pdfjs.GlobalWorkerOptions.workerSrc = `${this.baseUrl}pdf.worker.js`;
+  }
+  async hasPrevPage() {
+    return this.currentPage > 1;
+  }
+  async hasNextPage() {
+    if (this.numPages < 1) {
+      this.numPages = await this.getPages();
+    }
+    if (this.currentPage < this.numPages) {
+      return true;
+    }
+    return false;
+  }
+  async getPrevImage(width = 0) {
+    if (await this.hasPrevPage()) {
+      return this.getPageImage(this.currentPage - 1, width);
+    }
+    return false;
+  }
+  async getNextImage(width = 0) {
+    if (await this.hasNextPage()) {
+      return this.getPageImage(this.currentPage + 1, width);
+    }
+    return false;
+  }
+  async getPages() {
+    try {
+      const pdfDocument = await this.getDocument();
+      return pdfDocument.numPages;
+    } catch (e) {
+      return false;
+    }
+  }
+  async getPageImage(page, width = 0) {
+    try {
+      const canvas = document.createElement("canvas");
+      await this.toCanvas(canvas, page, width);
+      this.currentPage = page;
+      return canvas.toDataURL("image/jpeg");
+    } catch (e) {
+      return false;
+    }
+  }
+  async toCanvas(canvas, page, width) {
+    const pdfDocument = await this.getDocument();
+    const pdfPage = await pdfDocument.getPage(page);
+    let viewport = pdfPage.getViewport({ scale: 1 });
+    if (width > 0) {
+      const ratio = width / viewport.width;
+      viewport = pdfPage.getViewport({ scale: ratio });
+    }
+    const IMAGE_RESOLUTION = 150;
+    const outputScale = width > 0 ? 1 : IMAGE_RESOLUTION / 72;
+    canvas.height = Math.floor(viewport.height * outputScale);
+    canvas.width = Math.floor(viewport.width * outputScale);
+    const context = canvas.getContext("2d");
+    if (context === null) {
+      throw new Error("Failed to get 2D rendering context from canvas.");
+    }
+    context.save();
+    context.fillStyle = "rgb(255, 255, 255)";
+    context.fillRect(0, 0, canvas.width, canvas.height);
+    context.restore();
+    return pdfPage.render({
+      canvasContext: context,
+      transform: [outputScale, 0, 0, outputScale, 0, 0],
+      viewport
+    }).promise;
+  }
+  getDocument() {
+    return new Promise((resolve, reject) => {
+      if (this.document) {
+        resolve(this.document);
+      }
+      try {
+        const src = {
+          cMapUrl: `${this.baseUrl}cmaps/`,
+          cMapPacked: true
+        };
+        if (typeof this.url === "string") {
+          src.url = this.url;
+        } else {
+          src.data = this.url;
+        }
+        pdfjs.getDocument(src).promise.then((document2) => {
+          this.document = document2;
+          resolve(this.document);
+        }).catch((e) => {
+          reject(e);
+        });
+      } catch (e) {
+        reject(e);
+      }
+    });
+  }
+};
+export {
+  Pdf2Image as default
+};
+//# sourceMappingURL=pdf2image.mjs.map

package/dist/pdf2image.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pdf2image.js"],"sourcesContent":["import * as pdfjs from 'pdfjs-dist/legacy/build/pdf.mjs';\n\nexport default class Pdf2Image {\n  /**\n   * Constructor\n   *\n   * @param url\n   */\n  constructor(url) {\n    this.url = url;\n    this.baseUrl = `${ACMS.Config.root}js/dest/`;\n    this.currentPage = 1;\n    this.numPages = -1;\n    this.document = null;\n    pdfjs.GlobalWorkerOptions.workerSrc = `${this.baseUrl}pdf.worker.js`;\n  }\n\n  async hasPrevPage() {\n    return this.currentPage > 1;\n  }\n\n  async hasNextPage() {\n    if (this.numPages < 1) {\n      this.numPages = await this.getPages();\n    }\n    if (this.currentPage < this.numPages) {\n      return true;\n    }\n    return false;\n  }\n\n  async getPrevImage(width = 0) {\n    if (await this.hasPrevPage()) {\n      return this.getPageImage(this.currentPage - 1, width);\n    }\n    return false;\n  }\n\n  async getNextImage(width = 0) {\n    if (await this.hasNextPage()) {\n      return this.getPageImage(this.currentPage + 1, width);\n    }\n    return false;\n  }\n\n  async getPages() {\n    try {\n      const pdfDocument = await this.getDocument();\n      return pdfDocument.numPages;\n    } catch (e) {\n      return false;\n    }\n  }\n\n  async getPageImage(page, width = 0) {\n    try {\n      const canvas = document.createElement('canvas');\n      await this.toCanvas(canvas, page, width);\n      this.currentPage = page;\n      return canvas.toDataURL('image/jpeg');\n    } catch (e) {\n      return false;\n    }\n  }\n\n  async toCanvas(canvas, page, width) {\n    const pdfDocument = await this.getDocument();\n    const pdfPage = await pdfDocument.getPage(page);\n    let viewport = pdfPage.getViewport({ scale: 1 });\n    if (width > 0) {\n      const ratio = width / viewport.width;\n      viewport = pdfPage.getViewport({ scale: ratio });\n    }\n\n    const IMAGE_RESOLUTION = 150; // widthが指定されていない場合の解像度\n    const outputScale = width > 0 ? 1 : IMAGE_RESOLUTION / 72.0;\n\n    canvas.height = Math.floor(viewport.height * outputScale);\n    canvas.width = Math.floor(viewport.width * outputScale);\n\n    const context = canvas.getContext('2d');\n    if (context === null) {\n      throw new Error('Failed to get 2D rendering context from canvas.');\n    }\n    context.save();\n    context.fillStyle = 'rgb(255, 255, 255)';\n    context.fillRect(0, 0, canvas.width, canvas.height);\n    context.restore();\n\n    return pdfPage.render({\n      canvasContext: context,\n      transform: [outputScale, 0, 0, outputScale, 0, 0],\n      viewport,\n    }).promise;\n  }\n\n  getDocument() {\n    return new Promise((resolve, reject) => {\n      if (this.document) {\n        resolve(this.document);\n      }\n      try {\n        const src = {\n          cMapUrl: `${this.baseUrl}cmaps/`,\n          cMapPacked: true,\n        };\n        if (typeof this.url === 'string') {\n          src.url = this.url;\n        } else {\n          src.data = this.url;\n        }\n        pdfjs\n          .getDocument(src)\n          .promise.then((document) => {\n            this.document = document;\n            resolve(this.document);\n          })\n          .catch((e) => {\n            reject(e);\n          });\n      } catch (e) {\n        reject(e);\n      }\n    });\n  }\n}\n"],"mappings":"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","names":["document"]}

package/dist/polyfill/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/polyfill/index.mjs

@@ -0,0 +1,40 @@
+// src/polyfill/index.js
+import "core-js/features/promise";
+import "core-js/features/object/assign";
+import "core-js/features/symbol";
+import "core-js/features/array/from";
+import "canvas-toBlob";
+window.addEventListener("unhandledrejection", () => {
+});
+window.onunhandledrejection = () => {
+};
+if (!Element.prototype.matches) {
+  Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
+}
+if (!Element.prototype.closest) {
+  Element.prototype.closest = function(value) {
+    let element = this;
+    do {
+      if (element.matches(value)) return element;
+      element = element.parentelementement || element.parentNode;
+    } while (element !== null && element.nodeType === 1);
+    return null;
+  };
+}
+if (window.navigator.userAgent === void 0) {
+  window.navigator.userAgent = "";
+  window.navigator.appVersion = "";
+  window.navigator.platform = "";
+  if (window.navigator.userAgentData !== void 0) {
+    const uaData = window.navigator.userAgentData;
+    const brand = uaData.brands[uaData.brands.length - 1];
+    let uaString = `dummy_${uaData.platform}_AppleWebKit_${brand.brand}_xxxx`;
+    if (uaData.mobile === true) {
+      uaString += "_Mobile_xxxx";
+    }
+    window.navigator.userAgent = uaString;
+    window.navigator.appVersion = brand.version;
+    window.navigator.platform = uaData.platform;
+  }
+}
+//# sourceMappingURL=index.mjs.map

package/dist/polyfill/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/polyfill/index.js"],"sourcesContent":["// reactを動かすのに必要なpolyfill\nimport 'core-js/features/promise';\nimport 'core-js/features/object/assign';\nimport 'core-js/features/symbol';\nimport 'core-js/features/array/from';\nimport 'canvas-toBlob';\n\nwindow.addEventListener('unhandledrejection', () => {});\n\nwindow.onunhandledrejection = () => {};\n\nif (!Element.prototype.matches) {\n  Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;\n}\nif (!Element.prototype.closest) {\n  Element.prototype.closest = function (value) {\n    let element = this;\n    do {\n      if (element.matches(value)) return element;\n      element = element.parentelementement || element.parentNode;\n    } while (element !== null && element.nodeType === 1);\n    return null;\n  };\n}\n\nif (window.navigator.userAgent === undefined) {\n  window.navigator.userAgent = '';\n  window.navigator.appVersion = '';\n  window.navigator.platform = '';\n\n  if (window.navigator.userAgentData !== undefined) {\n    const uaData = window.navigator.userAgentData;\n    const brand = uaData.brands[uaData.brands.length - 1];\n    let uaString = `dummy_${uaData.platform}_AppleWebKit_${brand.brand}_xxxx`;\n    if (uaData.mobile === true) {\n      uaString += '_Mobile_xxxx';\n    }\n    window.navigator.userAgent = uaString;\n    window.navigator.appVersion = brand.version;\n    window.navigator.platform = uaData.platform;\n  }\n}\n"],"mappings":";AACA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AAEP,OAAO,iBAAiB,sBAAsB,MAAM;AAAC,CAAC;AAEtD,OAAO,uBAAuB,MAAM;AAAC;AAErC,IAAI,CAAC,QAAQ,UAAU,SAAS;AAC9B,UAAQ,UAAU,UAAU,QAAQ,UAAU,qBAAqB,QAAQ,UAAU;AACvF;AACA,IAAI,CAAC,QAAQ,UAAU,SAAS;AAC9B,UAAQ,UAAU,UAAU,SAAU,OAAO;AAC3C,QAAI,UAAU;AACd,OAAG;AACD,UAAI,QAAQ,QAAQ,KAAK,EAAG,QAAO;AACnC,gBAAU,QAAQ,sBAAsB,QAAQ;AAAA,IAClD,SAAS,YAAY,QAAQ,QAAQ,aAAa;AAClD,WAAO;AAAA,EACT;AACF;AAEA,IAAI,OAAO,UAAU,cAAc,QAAW;AAC5C,SAAO,UAAU,YAAY;AAC7B,SAAO,UAAU,aAAa;AAC9B,SAAO,UAAU,WAAW;AAE5B,MAAI,OAAO,UAAU,kBAAkB,QAAW;AAChD,UAAM,SAAS,OAAO,UAAU;AAChC,UAAM,QAAQ,OAAO,OAAO,OAAO,OAAO,SAAS,CAAC;AACpD,QAAI,WAAW,SAAS,OAAO,QAAQ,gBAAgB,MAAM,KAAK;AAClE,QAAI,OAAO,WAAW,MAAM;AAC1B,kBAAY;AAAA,IACd;AACA,WAAO,UAAU,YAAY;AAC7B,WAAO,UAAU,aAAa,MAAM;AACpC,WAAO,UAAU,WAAW,OAAO;AAAA,EACrC;AACF;","names":[]}

package/dist/read-files.d.ts

@@ -0,0 +1,14 @@
+export type ExtendedFile = {
+    file: File;
+    filetype: 'image';
+    preview: string;
+    blob?: Blob | null;
+} | {
+    file: File;
+    filetype: 'file';
+};
+/**
+ * ファイルが画像 (HEIC/HEIF を含む) かどうかを MIME タイプで判定する。
+ */
+export declare const isImageFile: (file: File) => boolean;
+export default function readFiles(files: File[] | FileList): Promise<ExtendedFile[]>;

package/dist/read-files.mjs

@@ -0,0 +1,62 @@
+// src/read-files.ts
+var isImageFile = (file) => /(heic|heif)/i.test(file.type) || /image.*/.test(file.type);
+function readFiles(files) {
+  const promises = [];
+  Array.from(files).forEach((f) => {
+    const promise = new Promise((resolve, reject) => {
+      const objFileReader = new FileReader();
+      if (/(heic|heif)/i.test(f.type)) {
+        let convertedBlob = null;
+        objFileReader.onload = () => {
+          resolve({
+            file: f,
+            filetype: "image",
+            preview: objFileReader.result,
+            blob: convertedBlob
+          });
+        };
+        (async () => {
+          const { heicTo } = await import(
+            /* webpackChunkName: "heic-to" */
+            "heic-to"
+          );
+          const blob = await heicTo({
+            blob: f,
+            type: "image/jpeg"
+          });
+          if (blob instanceof Blob) {
+            convertedBlob = blob;
+            objFileReader.readAsDataURL(blob);
+          }
+        })();
+      } else if (isImageFile(f)) {
+        objFileReader.onload = () => {
+          resolve({
+            file: f,
+            filetype: "image",
+            preview: objFileReader.result
+          });
+        };
+        objFileReader.readAsDataURL(f);
+      } else {
+        objFileReader.onload = () => {
+          resolve({
+            file: f,
+            filetype: "file"
+          });
+        };
+        objFileReader.readAsDataURL(f);
+      }
+      objFileReader.onerror = () => {
+        reject(new Error(`Failed to read file: ${f.name}`));
+      };
+    });
+    promises.push(promise);
+  });
+  return Promise.all(promises);
+}
+export {
+  readFiles as default,
+  isImageFile
+};
+//# sourceMappingURL=read-files.mjs.map

package/dist/read-files.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/read-files.ts"],"sourcesContent":["export type ExtendedFile =\n  | {\n      file: File;\n      filetype: 'image';\n      preview: string;\n      blob?: Blob | null;\n    }\n  | {\n      file: File;\n      filetype: 'file';\n    };\n\n/**\n * ファイルが画像 (HEIC/HEIF を含む) かどうかを MIME タイプで判定する。\n */\nexport const isImageFile = (file: File): boolean => /(heic|heif)/i.test(file.type) || /image.*/.test(file.type);\n\nexport default function readFiles(files: File[] | FileList): Promise<ExtendedFile[]> {\n  const promises: Promise<ExtendedFile>[] = [];\n  Array.from(files).forEach((f) => {\n    const promise = new Promise<ExtendedFile>((resolve, reject) => {\n      const objFileReader = new FileReader();\n      if (/(heic|heif)/i.test(f.type)) {\n        let convertedBlob: Blob | null = null;\n        objFileReader.onload = () => {\n          resolve({\n            file: f,\n            filetype: 'image',\n            preview: objFileReader.result as string,\n            blob: convertedBlob,\n          });\n        };\n        (async () => {\n          const { heicTo } = await import(/* webpackChunkName: \"heic-to\" */ 'heic-to');\n          const blob = await heicTo({\n            blob: f,\n            type: 'image/jpeg',\n          });\n          if (blob instanceof Blob) {\n            convertedBlob = blob;\n            objFileReader.readAsDataURL(blob);\n          }\n        })();\n      } else if (isImageFile(f)) {\n        objFileReader.onload = () => {\n          resolve({\n            file: f,\n            filetype: 'image',\n            preview: objFileReader.result as string,\n          });\n        };\n        objFileReader.readAsDataURL(f);\n      } else {\n        objFileReader.onload = () => {\n          resolve({\n            file: f,\n            filetype: 'file',\n          });\n        };\n        objFileReader.readAsDataURL(f);\n      }\n      objFileReader.onerror = () => {\n        reject(new Error(`Failed to read file: ${f.name}`));\n      };\n    });\n    promises.push(promise);\n  });\n  return Promise.all(promises);\n}\n"],"mappings":";AAeO,IAAM,cAAc,CAAC,SAAwB,eAAe,KAAK,KAAK,IAAI,KAAK,UAAU,KAAK,KAAK,IAAI;AAE/F,SAAR,UAA2B,OAAmD;AACnF,QAAM,WAAoC,CAAC;AAC3C,QAAM,KAAK,KAAK,EAAE,QAAQ,CAAC,MAAM;AAC/B,UAAM,UAAU,IAAI,QAAsB,CAAC,SAAS,WAAW;AAC7D,YAAM,gBAAgB,IAAI,WAAW;AACrC,UAAI,eAAe,KAAK,EAAE,IAAI,GAAG;AAC/B,YAAI,gBAA6B;AACjC,sBAAc,SAAS,MAAM;AAC3B,kBAAQ;AAAA,YACN,MAAM;AAAA,YACN,UAAU;AAAA,YACV,SAAS,cAAc;AAAA,YACvB,MAAM;AAAA,UACR,CAAC;AAAA,QACH;AACA,SAAC,YAAY;AACX,gBAAM,EAAE,OAAO,IAAI,MAAM;AAAA;AAAA,YAAyC;AAAA,UAAS;AAC3E,gBAAM,OAAO,MAAM,OAAO;AAAA,YACxB,MAAM;AAAA,YACN,MAAM;AAAA,UACR,CAAC;AACD,cAAI,gBAAgB,MAAM;AACxB,4BAAgB;AAChB,0BAAc,cAAc,IAAI;AAAA,UAClC;AAAA,QACF,GAAG;AAAA,MACL,WAAW,YAAY,CAAC,GAAG;AACzB,sBAAc,SAAS,MAAM;AAC3B,kBAAQ;AAAA,YACN,MAAM;AAAA,YACN,UAAU;AAAA,YACV,SAAS,cAAc;AAAA,UACzB,CAAC;AAAA,QACH;AACA,sBAAc,cAAc,CAAC;AAAA,MAC/B,OAAO;AACL,sBAAc,SAAS,MAAM;AAC3B,kBAAQ;AAAA,YACN,MAAM;AAAA,YACN,UAAU;AAAA,UACZ,CAAC;AAAA,QACH;AACA,sBAAc,cAAc,CAAC;AAAA,MAC/B;AACA,oBAAc,UAAU,MAAM;AAC5B,eAAO,IAAI,MAAM,wBAAwB,EAAE,IAAI,EAAE,CAAC;AAAA,MACpD;AAAA,IACF,CAAC;AACD,aAAS,KAAK,OAAO;AAAA,EACvB,CAAC;AACD,SAAO,QAAQ,IAAI,QAAQ;AAC7B;","names":[]}

package/dist/resize-image/resize-image.d.ts

@@ -0,0 +1,71 @@
+export default class ResizeImage {
+    /**
+     * Constructor
+     *
+     * @param elm
+     */
+    constructor(elm: any);
+    elm: any;
+    dropAreaMark: string;
+    inputMark: any;
+    previewMark: any;
+    targetMark: any;
+    targetMarkCF: any;
+    dropSelect: boolean;
+    dragging: number;
+    previewOnly: boolean;
+    util: Util;
+    eventListeners: any[];
+    /**
+     * リサイズ処理の初期化
+     */
+    resize(): void;
+    /**
+     * イベントリスナーを削除し、クリーンアップする
+     */
+    destroy(): void;
+    /**
+     * targetに対してリサイズ処理イベントを登録
+     *
+     * @param target
+     */
+    exec(target: any): void;
+    previewBox: any;
+    /**
+     * 画像のファイル選択イベントを登録
+     *
+     * @param target
+     */
+    listener(target: any): void;
+    /**
+     * 画像ファイルを読み込み
+     *
+     * @param files
+     * @param target
+     * @return {boolean}
+     */
+    readFiles(files: any, target: any): boolean;
+    /**
+     * 画像ドラッグでの失敗を抑制
+     *
+     * @param target
+     */
+    banDrag(target: any): void;
+    /**
+     * 分数を約分
+     *
+     * @param numerator
+     * @param denominator
+     */
+    reduce(numerator: any, denominator: any): string | number;
+    /**
+     * リサイズした画像データをdomとして追加
+     *
+     * @param {HTMLElement} target 対象の要素
+     * @param {string} dataUrl 画像データのURL
+     * @param {boolean} resize リサイズされているかどうか
+     * @return {void}
+     */
+    set(target: HTMLElement, dataUrl: string, resize: boolean): void;
+}
+import Util from './util.js';

package/dist/resize-image/resize-image.mjs

@@ -0,0 +1,308 @@
+import {
+  ResizeImageUtil
+} from "../chunk-AMZYQ4DG.mjs";
+
+// src/resize-image/resize-image.js
+var ResizeImage = class {
+  /**
+   * Constructor
+   *
+   * @param elm
+   */
+  constructor(elm) {
+    this.elm = elm;
+    this.dropAreaMark = ".js-drop_area";
+    this.inputMark = ACMS.Config.resizeImageInputMark;
+    this.previewMark = ACMS.Config.resizeImagePreviewMark;
+    this.targetMark = ACMS.Config.resizeImageTargetMark;
+    this.targetMarkCF = ACMS.Config.resizeImageTargetMarkCF;
+    this.dropSelect = false;
+    this.dragging = 0;
+    this.previewOnly = ACMS.Config.resizeImage !== "on";
+    this.util = new ResizeImageUtil();
+    this.eventListeners = [];
+  }
+  /**
+   * リサイズ処理の初期化
+   */
+  resize() {
+    const targetAry = this.elm.querySelectorAll(this.targetMark);
+    if (targetAry.length > 0) {
+      [].forEach.call(targetAry, (input) => {
+        this.exec(input);
+      });
+    } else if (this.elm.classList.contains(this.targetMarkCF.substr(1)) && !this.elm.classList.contains("resizeImage")) {
+      this.elm.classList.add("resizeImage");
+      this.exec(this.elm);
+    }
+  }
+  /**
+   * イベントリスナーを削除し、クリーンアップする
+   */
+  destroy() {
+    this.eventListeners.forEach(({ element, type, handler }) => {
+      element.removeEventListener(type, handler);
+    });
+    this.eventListeners = [];
+    const previewElements = this.elm.querySelectorAll(this.previewMark);
+    previewElements.forEach((element) => {
+      element.remove();
+    });
+    const resizeDataElements = this.elm.querySelectorAll(".js-img_resize_data");
+    resizeDataElements.forEach((element) => {
+      element.remove();
+    });
+    this.elm.classList.remove("resizeImage");
+  }
+  /**
+   * targetに対してリサイズ処理イベントを登録
+   *
+   * @param target
+   */
+  exec(target) {
+    const node = target.querySelector(this.previewMark);
+    if (node !== null) {
+      this.previewBox = node.cloneNode(true);
+      target.querySelector(this.previewMark).insertAdjacentHTML("afterend", '<div class="js-img_resize_preview_location" />');
+      this.listener(target);
+    }
+  }
+  /**
+   * 画像のファイル選択イベントを登録
+   *
+   * @param target
+   */
+  listener(target) {
+    const dropArea = target.querySelector(this.dropAreaMark);
+    const interval = 1500;
+    let lastTime = (/* @__PURE__ */ new Date()).getTime() - interval;
+    this.dragging = 0;
+    if (dropArea && window.File && window.FileReader && !this.previewOnly) {
+      this.banDrag(target);
+      target.querySelector("img").getAttribute("src");
+      if (!target.querySelector("img").getAttribute("src")) {
+        dropArea.classList.add("drag-n-drop-hover");
+        setTimeout(() => {
+          const area = dropArea.querySelector(".acms-admin-drop-area");
+          $(area).fadeOut(200, () => {
+            dropArea.classList.remove("drag-n-drop-hover");
+            dropArea.querySelector(".acms-admin-drop-area").style.display = "";
+          });
+        }, 800);
+      }
+      const dropHandler = (event) => {
+        event.stopPropagation();
+        event.preventDefault();
+        this.dragging = 0;
+        this.dropSelect = true;
+        dropArea.classList.remove("drag-n-drop-hover");
+        const { files } = event.dataTransfer;
+        let gif = false;
+        for (let i = 0; i < files.length; i++) {
+          const file = files[i];
+          if (file.type === "image/gif") {
+            gif = true;
+            break;
+          }
+        }
+        if (gif) {
+          if (!window.confirm(ACMS.i18n("drop_select_gif_image.alert"))) {
+            return false;
+          }
+        }
+        this.readFiles(event.dataTransfer.files, target);
+        return false;
+      };
+      dropArea.addEventListener("drop", dropHandler, false);
+      this.eventListeners.push({ element: dropArea, type: "drop", handler: dropHandler });
+      const dragOverHandler = (event) => {
+        event.stopPropagation();
+        event.preventDefault();
+        dropArea.classList.add("drag-n-drop-hover");
+        return false;
+      };
+      dropArea.addEventListener("dragover", dragOverHandler, false);
+      this.eventListeners.push({ element: dropArea, type: "dragover", handler: dragOverHandler });
+      const dragEnterHandler = (event) => {
+        event.stopPropagation();
+        event.preventDefault();
+        this.dragging++;
+        dropArea.classList.add("drag-n-drop-hover");
+        return false;
+      };
+      dropArea.addEventListener("dragenter", dragEnterHandler, false);
+      this.eventListeners.push({ element: dropArea, type: "dragenter", handler: dragEnterHandler });
+      const dragLeaveHandler = (event) => {
+        event.stopPropagation();
+        event.preventDefault();
+        this.dragging--;
+        if (this.dragging === 0) {
+          dropArea.classList.remove("drag-n-drop-hover");
+        }
+        return false;
+      };
+      dropArea.addEventListener("dragleave", dragLeaveHandler, false);
+      this.eventListeners.push({ element: dropArea, type: "dragleave", handler: dragLeaveHandler });
+    }
+    const fileInputs = target.querySelectorAll(this.inputMark);
+    fileInputs.forEach((fileInput) => {
+      const changeHandler = (event) => {
+        if (lastTime + interval <= (/* @__PURE__ */ new Date()).getTime()) {
+          lastTime = (/* @__PURE__ */ new Date()).getTime();
+          this.readFiles(event.target.files, target);
+        }
+      };
+      fileInput.addEventListener("change", changeHandler);
+      this.eventListeners.push({ element: fileInput, type: "change", handler: changeHandler });
+    });
+  }
+  /**
+   * 画像ファイルを読み込み
+   *
+   * @param files
+   * @param target
+   * @return {boolean}
+   */
+  readFiles(files, target) {
+    const sizeSelect = target.querySelectorAll("[name^=image_size_]");
+    const bannerSize = document.querySelectorAll(".js-banner_size_large");
+    const bannerSizeCriterion = document.querySelector(".js-banner_size_large_criterion");
+    const rawSize = sizeSelect.length > 0 && sizeSelect[0].value.length < 2;
+    if (sizeSelect.length > 1) {
+      return false;
+    }
+    if (bannerSize.length >= 1 && bannerSize.value) {
+      ACMS.Config.lgImg = `${bannerSizeCriterion.value}:${bannerSize[0].value}`;
+    }
+    [].forEach.call(target.querySelectorAll(this.previewMark), (item) => {
+      item.parentNode.removeChild(item);
+    });
+    [].forEach.call(target.querySelectorAll(".js-img_resize_data"), (item) => {
+      item.parentNode.removeChild(item);
+    });
+    const lgImageSize = ACMS.Config.lgImg;
+    const lgImgAry = lgImageSize.split(":");
+    const lgImgSide = lgImgAry[0];
+    let lgImgSize = lgImgAry[1];
+    if (rawSize) {
+      lgImgSize = 999999999;
+    }
+    for (let i = 0; i < files.length; i++) {
+      const file = files[i];
+      if (!file) continue;
+      this.util.getDataUrlFromFile(file, lgImgSide, lgImgSize).then((data) => {
+        const { dataUrl } = data;
+        let { resize } = data;
+        if (rawSize) {
+          resize = false;
+        }
+        if (!this.dropSelect && file.type === "image/gif") {
+          resize = false;
+        }
+        if (this.previewOnly) {
+          resize = false;
+        }
+        this.set(target, dataUrl, resize || this.dropSelect);
+      });
+    }
+  }
+  /**
+   * 画像ドラッグでの失敗を抑制
+   *
+   * @param target
+   */
+  banDrag(target) {
+    [].forEach.call(target.querySelectorAll("img"), (item) => {
+      const mouseDownHandler = (event) => {
+        event.preventDefault();
+      };
+      const mouseUpHandler = (event) => {
+        event.preventDefault();
+      };
+      item.addEventListener("mousedown", mouseDownHandler);
+      item.addEventListener("mouseup", mouseUpHandler);
+      this.eventListeners.push(
+        { element: item, type: "mousedown", handler: mouseDownHandler },
+        { element: item, type: "mouseup", handler: mouseUpHandler }
+      );
+    });
+  }
+  /**
+   * 分数を約分
+   *
+   * @param numerator
+   * @param denominator
+   */
+  reduce(numerator, denominator) {
+    if (numerator > denominator) {
+      return Math.floor(numerator / denominator);
+    }
+    const numerator0 = numerator;
+    const denominator0 = denominator;
+    let c;
+    while (1) {
+      c = numerator % denominator;
+      if (c === 0) break;
+      denominator = numerator;
+      numerator = c;
+    }
+    return `${Math.floor(numerator0 / numerator)}/${Math.floor(denominator0 / numerator)}`;
+  }
+  /**
+   * リサイズした画像データをdomとして追加
+   *
+   * @param {HTMLElement} target 対象の要素
+   * @param {string} dataUrl 画像データのURL
+   * @param {boolean} resize リサイズされているかどうか
+   * @return {void}
+   */
+  set(target, dataUrl, resize) {
+    if (!this.previewBox) {
+      this.previewBox = target.querySelector(this.previewMark).cloneNode(true);
+      [].forEach.call(target.querySelectorAll(this.previewMark), (item) => {
+        item.parentNode.removeChild(item);
+      });
+      [].forEach.call(target.querySelectorAll(".js-img_resize_data"), (item) => {
+        item.parentNode.removeChild(item);
+      });
+    }
+    const clone = this.previewBox.cloneNode(true);
+    clone.style.display = "";
+    clone.setAttribute("src", dataUrl);
+    target.querySelector(".js-img_resize_preview_location").insertAdjacentHTML("beforebegin", clone.outerHTML);
+    [].forEach.call(target.querySelectorAll(".js-img_resize_preview_old"), (item) => {
+      item.parentNode.removeChild(item);
+    });
+    const imgDataUrl = target.querySelector(".js-img_data_url");
+    if (imgDataUrl) {
+      imgDataUrl.setAttribute("data-src", dataUrl);
+    }
+    this.banDrag(target);
+    const input = target.querySelector(this.inputMark);
+    if (resize) {
+      const fileInput = target.querySelector(this.inputMark);
+      if (fileInput) {
+        fileInput.value = "";
+      }
+    } else {
+      dataUrl = "";
+    }
+    const inputName = input.getAttribute("name");
+    const dataForm = document.createElement("input");
+    dataForm.classList.add("js-img_resize_data");
+    dataForm.setAttribute("type", "hidden");
+    dataForm.setAttribute("accept", "image/*");
+    dataForm.setAttribute("type", "hidden");
+    dataForm.setAttribute("name", inputName);
+    dataForm.value = dataUrl;
+    const dummy = target.querySelector(".js-img_resize_dummy");
+    if (dummy) {
+      dummy.remove();
+    }
+    target.querySelector(this.inputMark).insertAdjacentHTML("afterend", dataForm.outerHTML);
+  }
+};
+export {
+  ResizeImage as default
+};
+//# sourceMappingURL=resize-image.mjs.map