@windwalker-io/unicorn-next 0.1.6 → 0.1.8

package/bin/generate-docs.js

@@ -0,0 +1,33 @@
+#!/usr/bin/env node
+
+import { readFileSync, writeFileSync, globSync } from 'node:fs';
+import { resolve } from 'node:path';
+import { generateDocumentation } from 'tsdoc-markdown';
+
+// Generate documentation for a list of files
+const nnsInputFiles = globSync([
+  './src/service/*.ts',
+  './src/module/*.ts',
+  './src/plugin/*.ts',
+  './src/*.ts',
+], {
+  windowsPathsNoEscape: true
+}).map((path) => path.replace(/\\/g, '/'));
+
+generateDocumentation({
+  inputFiles: nnsInputFiles,
+  outputFile: './docs/functions.md',
+  buildOptions: {
+    explore: true,
+    // repo: {
+    //   url: 'https://github.com/windwalker-io/unicorn/tree/main/assets'
+    // }
+  }
+});
+
+// const readme = readFileSync(resolve(__dirname, 'docs/_README.md'), 'utf-8');
+// const functions = readFileSync(resolve(__dirname, 'docs/_functions.md'), 'utf-8');
+//
+// const content = readme.replace('<!-- Functions -->', functions);
+//
+// writeFileSync('./README.md', content);

package/dist/chunks/field-single-image-drag.js

@@ -328,7 +328,8 @@ async function loadCropper() {
       injectCssToDocument(css2);
     })
   ]);
-  return (await loadingCropper)[0];
+  const module = (await loadingCropper)[0];
+  return module.default;
 }
 async function init() {
   injectCssToDocument(css);

package/dist/chunks/field-single-image-drag.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-single-image-drag.js","sources":["../../src/module/field-single-image-drag.ts"],"sourcesContent":["\nimport { useHttpClient } from '../composable';\nimport { __, injectCssToDocument, selectAll, simpleAlert } from '../service';\nimport { mergeDeep } from '../utilities';\nimport css from '../../scss/field/single-image-drag.scss?inline';\nimport { Modal } from 'bootstrap';\nimport type Cropper from 'cropperjs';\nimport { ApiReturn } from './http-client';\n\nexport interface SingleImageDragOptions {\n  accept: string | string[];\n  ajax_url?: string;\n  crop: boolean;\n  width: number;\n  height: number;\n  max_width?: number;\n  min_width?: number;\n  max_height?: number;\n  min_height?: number;\n  modalTarget: string;\n}\n\nconst defaultOptions: Partial<SingleImageDragOptions> = {\n  accept: [\n    'image/jpeg',\n    'image/png',\n    'image/webp',\n    'image/avif',\n    'image/gif',\n  ],\n  crop: false,\n  width: 800,\n  height: 800,\n};\n\nexport class SingleImageDragElement extends HTMLElement {\n  static is = 'uni-sid';\n\n  currentImage = '';\n  currentFile: File | undefined = undefined;\n  lastZoom = 0;\n  valueBackup = '';\n\n  private options!: SingleImageDragOptions;\n  private valueInput!: HTMLInputElement;\n  private fileInput!: HTMLInputElement;\n  private selectButton!: HTMLButtonElement;\n  private pasteButton!: HTMLButtonElement;\n  private dragarea!: HTMLDivElement;\n  private previewImage!: HTMLImageElement;\n  private removeCheckbox!: HTMLInputElement;\n  private modalElement!: HTMLDivElement;\n  private modal!: Modal;\n  private cropContainer!: HTMLDivElement;\n  private savebutton!: HTMLButtonElement;\n  private modalToolbarButtons!: NodeListOf<HTMLButtonElement>;\n  private cropper!: Cropper;\n\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    this.options = mergeDeep(\n      {},\n      defaultOptions,\n      JSON.parse(this.getAttribute('options') || '{}')\n    );\n\n    this.valueInput = this.querySelector<HTMLInputElement>('[data-field-input]')!;\n    this.fileInput = this.querySelector<HTMLInputElement>('[data-sid=file]')!;\n    this.selectButton = this.querySelector<HTMLButtonElement>('[data-sid=select]')!;\n    this.pasteButton = this.querySelector<HTMLButtonElement>('[data-sid=paste]')!;\n    this.dragarea = this.querySelector<HTMLDivElement>('[data-sid=dragarea]')!;\n    this.previewImage = this.querySelector<HTMLImageElement>('[data-sid=preview]')!;\n    this.removeCheckbox = this.querySelector<HTMLInputElement>('[data-sid=remove]')!;\n\n    this.modalElement = document.querySelector<HTMLDivElement>(this.options.modalTarget)!;\n    this.modal = Modal.getOrCreateInstance(this.modalElement);\n    this.cropContainer = this.modalElement.querySelector<HTMLDivElement>('[data-sid=\"crop-container\"]')!;\n    this.savebutton = this.modalElement.querySelector<HTMLButtonElement>('[data-sid=save-button]')!;\n    this.modalToolbarButtons = this.modalElement.querySelectorAll<HTMLButtonElement>('[data-sid-toolbar]');\n\n    const modalShown = async () => {\n      const cropper = await this.getCropper();\n      cropper.replace(this.currentImage);\n      this.cropContainer.style.visibility = '';\n      this.currentImage = '';\n    };\n\n    this.modalElement.addEventListener('shown.bs.modal', modalShown.bind(this));\n\n    this.savebutton.addEventListener('click', () => {\n      this.saveCropped();\n      this.modal.hide();\n    });\n\n    this.bindEvents();\n\n    this.style.visibility = '';\n  }\n\n  bindEvents() {\n    this.dragarea.addEventListener('dragover', (event) => {\n      event.stopPropagation();\n      event.preventDefault();\n\n      this.dragarea.classList.add('hover');\n    });\n\n    this.dragarea.addEventListener('dragleave', (event) => {\n      event.stopPropagation();\n      event.preventDefault();\n\n      this.dragarea.classList.remove('hover');\n    });\n\n    this.dragarea.addEventListener('drop', (event) => {\n      event.stopPropagation();\n      event.preventDefault();\n\n      this.dragarea.classList.remove('hover');\n\n      const files = (event.target as HTMLInputElement).files || event.dataTransfer?.files || [];\n      this.handleFileSelect(files[0]);\n    });\n\n    // Select button\n    this.selectButton.addEventListener('click', () => {\n      const input = document.createElement('input');\n      input.setAttribute('type', 'file');\n      input.setAttribute('accept', this.getInputAccept());\n      input.style.display = 'none';\n      input.addEventListener('change', (e) => {\n        this.handleFileSelect(input.files![0]!);\n\n        input.remove();\n      });\n\n      document.body.appendChild(input);\n      input.click();\n    });\n\n    this.pasteButton.addEventListener('click', () => {\n      navigator.clipboard.read().then((items) => {\n        let types = items[0].types;\n\n        if (types.length === 0) {\n          this.alert('This browser unable to get clipboard data.');\n          return;\n        }\n\n        types = types.slice().sort();\n\n        const type = types[0];\n\n        items[0].getType(type).then((blob) => {\n          this.handleFileSelect(new File([ blob ], 'image.png', { type }));\n        });\n      });\n    });\n\n    // Delete\n    this.removeCheckbox?.addEventListener('click', () => {\n      if (this.removeCheckbox.checked) {\n        this.valueBackup = this.valueInput.value;\n        this.valueInput.value = '';\n      } else {\n        this.valueInput.value = this.valueBackup;\n        this.valueBackup = '';\n      }\n    });\n\n    // Zoom slider\n    selectAll(this.modalToolbarButtons, (button) => {\n      button.addEventListener('click', (event) => {\n        this.toolbarClicked(button, event);\n      });\n    });\n  }\n\n  getInputAccept() {\n    let accept = this.options.accept;\n\n    if (Array.isArray(accept)) {\n      accept = accept.join(',');\n    }\n\n    return accept;\n  }\n\n  handleFileSelect(file: File) {\n    if (!this.checkFile(file)) {\n      return;\n    }\n\n    if (this.options.crop) {\n      const reader = new FileReader();\n\n      reader.addEventListener('load', (event) => {\n        this.cropContainer.style.visibility = 'hidden';\n        this.currentImage = event.target!.result as string;\n        this.currentFile = file;\n\n        // After modal shown, cropper will auto load.\n        this.modal.show();\n      });\n\n      reader.readAsDataURL(file);\n      return;\n    }\n\n    this.saveImage(file);\n  }\n\n  async saveCropped() {\n    const Cropper = await this.getCropper();\n\n    Cropper.getCroppedCanvas({\n      width: this.options.width,\n      height: this.options.height,\n      imageSmoothingEnabled: true\n    })\n      .toBlob((blob) => {\n        const file = new File([ blob! ], this.currentFile!.name, { type: 'image/png' });\n        this.saveImage(file);\n      }, 'image/png');\n  }\n\n  async getCropper() {\n    if (this.cropper) {\n      return this.cropper;\n    }\n\n    const Cropper = await loadCropper();\n\n    return this.cropper = new Cropper(this.cropContainer.querySelector('img')!, {\n      aspectRatio: this.options.width / this.options.height,\n      autoCropArea: 1,\n      viewMode: 1,\n      dragMode: 'move',\n      cropBoxMovable: false,\n      cropBoxResizable: false,\n      ready: (e) => {\n        //\n      },\n    });\n  }\n\n  async toolbarClicked(button: HTMLButtonElement, event: MouseEvent) {\n    const cropper = await this.getCropper();\n\n    const data = cropper.getData();\n\n    switch (button.dataset.sidToolbar) {\n      case 'zoom-in':\n        cropper.zoom(0.1);\n        break;\n\n      case 'zoom-out':\n        cropper.zoom(-0.1);\n        break;\n\n      case 'rotate-left':\n        cropper.rotate(-90);\n        break;\n\n      case 'rotate-right':\n        cropper.rotate(90);\n        break;\n\n      case 'scale-x':\n        cropper.scaleX(-data.scaleX);\n        break;\n\n      case 'scale-y':\n        cropper.scaleY(-data.scaleY);\n        break;\n    }\n  }\n\n  checkFile(file: File): boolean {\n    let accept = this.options.accept;\n\n    if (typeof accept === 'string') {\n      accept = accept.split(',').map(v => v.trim());\n    }\n\n    if (!accept.length) {\n      return true;\n    }\n\n    let allow = false;\n\n    for (const type of accept) {\n      if (type.indexOf('/') !== -1) {\n        allow = allow || this.compareMimeType(type, file.type);\n      } else {\n        allow = allow || type.toLowerCase() === getFileExtension(file)?.toLowerCase();\n      }\n    }\n\n    if (allow) {\n      return true;\n    }\n\n    this.alert(\n      __('unicorn.field.sid.message.invalid.image.title'),\n      __('unicorn.field.sid.message.invalid.image.desc'),\n      'error'\n    );\n\n    return false;\n  }\n\n  compareMimeType(accept: string, mime: string) {\n    const accept2 = accept.split('/');\n    const mime2 = mime.split('/');\n\n    if (accept2[1] === '*') {\n      return accept2[0] === mime2[0];\n    }\n\n    return accept === mime;\n  }\n\n  checkSize(image: HTMLImageElement): boolean {\n    try {\n      if (this.options.max_width && this.options.max_width < image.width) {\n        throw new Error(__('unicorn.field.sid.message.invalid.size.max.width', this.options.max_width));\n      }\n\n      if (this.options.min_width && this.options.min_width > image.width) {\n        throw new Error(__('unicorn.field.sid.message.invalid.size.min.width', this.options.min_width));\n      }\n\n      if (this.options.max_height && this.options.max_height < image.height) {\n        throw new Error(__('unicorn.field.sid.message.invalid.size.max.height', this.options.max_height));\n      }\n\n      if (this.options.min_height && this.options.min_height > image.height) {\n        throw new Error(__('unicorn.field.sid.message.invalid.size.min.height', this.options.min_height));\n      }\n    } catch (e) {\n      this.alert(\n        __('unicorn.field.sid.message.invalid.size.title'),\n        (e as Error).message,\n        'error'\n      );\n\n      return false;\n    }\n\n    return true;\n  }\n\n  alert(title: string, text = '', type = 'info') {\n    return simpleAlert(title, text, type);\n  }\n\n  async saveImage(file: File) {\n    if (this.options.ajax_url) {\n      const loading = this.querySelector<HTMLImageElement>('[data-sid=file-uploading]')!;\n\n      this.previewImage.src = '';\n      this.previewImage.style.display = 'none';\n      loading.style.display = 'flex';\n\n      try {\n        const res = await this.uploadImage(file);\n\n        this.storeValue(res.data.data.url, res.data.data.url);\n      } catch (e) {\n        console.error(e);\n        simpleAlert((e as Error).message);\n        return;\n      } finally {\n        loading.style.display = 'none';\n      }\n\n      return;\n    }\n\n    // @see https://stackoverflow.com/a/47172409\n    // @see https://stackoverflow.com/a/47522812\n    const dt = new DataTransfer();\n    dt.items.add(file);\n\n    // No required for value input to remove validation message\n    this.valueInput.required = false;\n\n    this.fileInput.files = dt.files;\n    this.fileInput.dispatchEvent(new CustomEvent('change', { bubbles: true }));\n    this.fileInput.dispatchEvent(new CustomEvent('input', { bubbles: true }));\n\n    this.storeValue('', URL.createObjectURL(file));\n  }\n\n  async uploadImage(file: File) {\n    const formData = new FormData();\n    formData.append('file', file);\n\n    const { post } = await useHttpClient();\n\n    return post<ApiReturn<{ url: string; }>>(this.options.ajax_url!, formData, {\n      headers: {\n        'Content-Type': 'multipart/form-data'\n      }\n    });\n  }\n\n  storeValue(url: string, preview: string) {\n    this.previewImage.src = preview;\n    this.previewImage.style.display = 'inline-block';\n\n    // Make delete box unchecked\n    if (this.removeCheckbox) {\n      this.removeCheckbox.checked = false;\n    }\n\n    if (url) {\n      this.valueInput.value = url;\n    }\n\n    // Trigger change\n    this.previewImage.dispatchEvent(new CustomEvent('change', { bubbles: true }));\n    this.valueInput.dispatchEvent(new CustomEvent('change', { bubbles: true }));\n    this.valueInput.dispatchEvent(new CustomEvent('input', { bubbles: true }));\n  }\n}\n\n// Promise.all([\n//   import('@cropperjs/cropper.min.js'),\n//   import('@cropperjs/cropper.css'),\n// ])\n//   .then((service) => {\n//     const styleSheet = service[1].default;\n//     document.adoptedStyleSheets = [...document.adoptedStyleSheets, styleSheet];\n//   });\n\nfunction getFileExtension(file: File): string | undefined {\n  const parts = file.name.split('.');\n  if (parts.length > 1) {\n    return parts.pop();\n  }\n  return undefined;\n}\n\nlet loadingCropper: Promise<any>;\n\nasync function loadCropper(): Promise<typeof Cropper> {\n  loadingCropper ??= Promise.all([\n    import('cropperjs'),\n    import('cropperjs/dist/cropper.min.css?inline').then(({ default: css }) => {\n      injectCssToDocument(css);\n    })\n  ]);\n\n  return (await loadingCropper)[0];\n}\n\nasync function init() {\n  injectCssToDocument(css);\n\n  customElements.define(SingleImageDragElement.is, SingleImageDragElement);\n\n  await loadCropper();\n}\n\nexport const ready = init();\n\nexport interface SingleImageDragModule {\n  SingleImageDragElement: typeof SingleImageDragElement;\n  ready: typeof ready;\n}\n"],"names":["css"],"mappings":"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"}
+{"version":3,"file":"field-single-image-drag.js","sources":["../../src/module/field-single-image-drag.ts"],"sourcesContent":["\nimport { useHttpClient } from '../composable';\nimport { __, injectCssToDocument, selectAll, simpleAlert } from '../service';\nimport { mergeDeep } from '../utilities';\nimport css from '../../scss/field/single-image-drag.scss?inline';\nimport { Modal } from 'bootstrap';\nimport type Cropper from 'cropperjs';\nimport { ApiReturn } from './http-client';\n\nexport interface SingleImageDragOptions {\n  accept: string | string[];\n  ajax_url?: string;\n  crop: boolean;\n  width: number;\n  height: number;\n  max_width?: number;\n  min_width?: number;\n  max_height?: number;\n  min_height?: number;\n  modalTarget: string;\n}\n\nconst defaultOptions: Partial<SingleImageDragOptions> = {\n  accept: [\n    'image/jpeg',\n    'image/png',\n    'image/webp',\n    'image/avif',\n    'image/gif',\n  ],\n  crop: false,\n  width: 800,\n  height: 800,\n};\n\nexport class SingleImageDragElement extends HTMLElement {\n  static is = 'uni-sid';\n\n  currentImage = '';\n  currentFile: File | undefined = undefined;\n  lastZoom = 0;\n  valueBackup = '';\n\n  private options!: SingleImageDragOptions;\n  private valueInput!: HTMLInputElement;\n  private fileInput!: HTMLInputElement;\n  private selectButton!: HTMLButtonElement;\n  private pasteButton!: HTMLButtonElement;\n  private dragarea!: HTMLDivElement;\n  private previewImage!: HTMLImageElement;\n  private removeCheckbox!: HTMLInputElement;\n  private modalElement!: HTMLDivElement;\n  private modal!: Modal;\n  private cropContainer!: HTMLDivElement;\n  private savebutton!: HTMLButtonElement;\n  private modalToolbarButtons!: NodeListOf<HTMLButtonElement>;\n  private cropper!: Cropper;\n\n  constructor() {\n    super();\n  }\n\n  connectedCallback() {\n    this.options = mergeDeep(\n      {},\n      defaultOptions,\n      JSON.parse(this.getAttribute('options') || '{}')\n    );\n\n    this.valueInput = this.querySelector<HTMLInputElement>('[data-field-input]')!;\n    this.fileInput = this.querySelector<HTMLInputElement>('[data-sid=file]')!;\n    this.selectButton = this.querySelector<HTMLButtonElement>('[data-sid=select]')!;\n    this.pasteButton = this.querySelector<HTMLButtonElement>('[data-sid=paste]')!;\n    this.dragarea = this.querySelector<HTMLDivElement>('[data-sid=dragarea]')!;\n    this.previewImage = this.querySelector<HTMLImageElement>('[data-sid=preview]')!;\n    this.removeCheckbox = this.querySelector<HTMLInputElement>('[data-sid=remove]')!;\n\n    this.modalElement = document.querySelector<HTMLDivElement>(this.options.modalTarget)!;\n    this.modal = Modal.getOrCreateInstance(this.modalElement);\n    this.cropContainer = this.modalElement.querySelector<HTMLDivElement>('[data-sid=\"crop-container\"]')!;\n    this.savebutton = this.modalElement.querySelector<HTMLButtonElement>('[data-sid=save-button]')!;\n    this.modalToolbarButtons = this.modalElement.querySelectorAll<HTMLButtonElement>('[data-sid-toolbar]');\n\n    const modalShown = async () => {\n      const cropper = await this.getCropper();\n      cropper.replace(this.currentImage);\n      this.cropContainer.style.visibility = '';\n      this.currentImage = '';\n    };\n\n    this.modalElement.addEventListener('shown.bs.modal', modalShown.bind(this));\n\n    this.savebutton.addEventListener('click', () => {\n      this.saveCropped();\n      this.modal.hide();\n    });\n\n    this.bindEvents();\n\n    this.style.visibility = '';\n  }\n\n  bindEvents() {\n    this.dragarea.addEventListener('dragover', (event) => {\n      event.stopPropagation();\n      event.preventDefault();\n\n      this.dragarea.classList.add('hover');\n    });\n\n    this.dragarea.addEventListener('dragleave', (event) => {\n      event.stopPropagation();\n      event.preventDefault();\n\n      this.dragarea.classList.remove('hover');\n    });\n\n    this.dragarea.addEventListener('drop', (event) => {\n      event.stopPropagation();\n      event.preventDefault();\n\n      this.dragarea.classList.remove('hover');\n\n      const files = (event.target as HTMLInputElement).files || event.dataTransfer?.files || [];\n      this.handleFileSelect(files[0]);\n    });\n\n    // Select button\n    this.selectButton.addEventListener('click', () => {\n      const input = document.createElement('input');\n      input.setAttribute('type', 'file');\n      input.setAttribute('accept', this.getInputAccept());\n      input.style.display = 'none';\n      input.addEventListener('change', (e) => {\n        this.handleFileSelect(input.files![0]!);\n\n        input.remove();\n      });\n\n      document.body.appendChild(input);\n      input.click();\n    });\n\n    this.pasteButton.addEventListener('click', () => {\n      navigator.clipboard.read().then((items) => {\n        let types = items[0].types;\n\n        if (types.length === 0) {\n          this.alert('This browser unable to get clipboard data.');\n          return;\n        }\n\n        types = types.slice().sort();\n\n        const type = types[0];\n\n        items[0].getType(type).then((blob) => {\n          this.handleFileSelect(new File([ blob ], 'image.png', { type }));\n        });\n      });\n    });\n\n    // Delete\n    this.removeCheckbox?.addEventListener('click', () => {\n      if (this.removeCheckbox.checked) {\n        this.valueBackup = this.valueInput.value;\n        this.valueInput.value = '';\n      } else {\n        this.valueInput.value = this.valueBackup;\n        this.valueBackup = '';\n      }\n    });\n\n    // Zoom slider\n    selectAll(this.modalToolbarButtons, (button) => {\n      button.addEventListener('click', (event) => {\n        this.toolbarClicked(button, event);\n      });\n    });\n  }\n\n  getInputAccept() {\n    let accept = this.options.accept;\n\n    if (Array.isArray(accept)) {\n      accept = accept.join(',');\n    }\n\n    return accept;\n  }\n\n  handleFileSelect(file: File) {\n    if (!this.checkFile(file)) {\n      return;\n    }\n\n    if (this.options.crop) {\n      const reader = new FileReader();\n\n      reader.addEventListener('load', (event) => {\n        this.cropContainer.style.visibility = 'hidden';\n        this.currentImage = event.target!.result as string;\n        this.currentFile = file;\n\n        // After modal shown, cropper will auto load.\n        this.modal.show();\n      });\n\n      reader.readAsDataURL(file);\n      return;\n    }\n\n    this.saveImage(file);\n  }\n\n  async saveCropped() {\n    const Cropper = await this.getCropper();\n\n    Cropper.getCroppedCanvas({\n      width: this.options.width,\n      height: this.options.height,\n      imageSmoothingEnabled: true\n    })\n      .toBlob((blob) => {\n        const file = new File([ blob! ], this.currentFile!.name, { type: 'image/png' });\n        this.saveImage(file);\n      }, 'image/png');\n  }\n\n  async getCropper() {\n    if (this.cropper) {\n      return this.cropper;\n    }\n\n    const Cropper = await loadCropper();\n\n    return this.cropper = new Cropper(this.cropContainer.querySelector('img')!, {\n      aspectRatio: this.options.width / this.options.height,\n      autoCropArea: 1,\n      viewMode: 1,\n      dragMode: 'move',\n      cropBoxMovable: false,\n      cropBoxResizable: false,\n      ready: (e) => {\n        //\n      },\n    });\n  }\n\n  async toolbarClicked(button: HTMLButtonElement, event: MouseEvent) {\n    const cropper = await this.getCropper();\n\n    const data = cropper.getData();\n\n    switch (button.dataset.sidToolbar) {\n      case 'zoom-in':\n        cropper.zoom(0.1);\n        break;\n\n      case 'zoom-out':\n        cropper.zoom(-0.1);\n        break;\n\n      case 'rotate-left':\n        cropper.rotate(-90);\n        break;\n\n      case 'rotate-right':\n        cropper.rotate(90);\n        break;\n\n      case 'scale-x':\n        cropper.scaleX(-data.scaleX);\n        break;\n\n      case 'scale-y':\n        cropper.scaleY(-data.scaleY);\n        break;\n    }\n  }\n\n  checkFile(file: File): boolean {\n    let accept = this.options.accept;\n\n    if (typeof accept === 'string') {\n      accept = accept.split(',').map(v => v.trim());\n    }\n\n    if (!accept.length) {\n      return true;\n    }\n\n    let allow = false;\n\n    for (const type of accept) {\n      if (type.indexOf('/') !== -1) {\n        allow = allow || this.compareMimeType(type, file.type);\n      } else {\n        allow = allow || type.toLowerCase() === getFileExtension(file)?.toLowerCase();\n      }\n    }\n\n    if (allow) {\n      return true;\n    }\n\n    this.alert(\n      __('unicorn.field.sid.message.invalid.image.title'),\n      __('unicorn.field.sid.message.invalid.image.desc'),\n      'error'\n    );\n\n    return false;\n  }\n\n  compareMimeType(accept: string, mime: string) {\n    const accept2 = accept.split('/');\n    const mime2 = mime.split('/');\n\n    if (accept2[1] === '*') {\n      return accept2[0] === mime2[0];\n    }\n\n    return accept === mime;\n  }\n\n  checkSize(image: HTMLImageElement): boolean {\n    try {\n      if (this.options.max_width && this.options.max_width < image.width) {\n        throw new Error(__('unicorn.field.sid.message.invalid.size.max.width', this.options.max_width));\n      }\n\n      if (this.options.min_width && this.options.min_width > image.width) {\n        throw new Error(__('unicorn.field.sid.message.invalid.size.min.width', this.options.min_width));\n      }\n\n      if (this.options.max_height && this.options.max_height < image.height) {\n        throw new Error(__('unicorn.field.sid.message.invalid.size.max.height', this.options.max_height));\n      }\n\n      if (this.options.min_height && this.options.min_height > image.height) {\n        throw new Error(__('unicorn.field.sid.message.invalid.size.min.height', this.options.min_height));\n      }\n    } catch (e) {\n      this.alert(\n        __('unicorn.field.sid.message.invalid.size.title'),\n        (e as Error).message,\n        'error'\n      );\n\n      return false;\n    }\n\n    return true;\n  }\n\n  alert(title: string, text = '', type = 'info') {\n    return simpleAlert(title, text, type);\n  }\n\n  async saveImage(file: File) {\n    if (this.options.ajax_url) {\n      const loading = this.querySelector<HTMLImageElement>('[data-sid=file-uploading]')!;\n\n      this.previewImage.src = '';\n      this.previewImage.style.display = 'none';\n      loading.style.display = 'flex';\n\n      try {\n        const res = await this.uploadImage(file);\n\n        this.storeValue(res.data.data.url, res.data.data.url);\n      } catch (e) {\n        console.error(e);\n        simpleAlert((e as Error).message);\n        return;\n      } finally {\n        loading.style.display = 'none';\n      }\n\n      return;\n    }\n\n    // @see https://stackoverflow.com/a/47172409\n    // @see https://stackoverflow.com/a/47522812\n    const dt = new DataTransfer();\n    dt.items.add(file);\n\n    // No required for value input to remove validation message\n    this.valueInput.required = false;\n\n    this.fileInput.files = dt.files;\n    this.fileInput.dispatchEvent(new CustomEvent('change', { bubbles: true }));\n    this.fileInput.dispatchEvent(new CustomEvent('input', { bubbles: true }));\n\n    this.storeValue('', URL.createObjectURL(file));\n  }\n\n  async uploadImage(file: File) {\n    const formData = new FormData();\n    formData.append('file', file);\n\n    const { post } = await useHttpClient();\n\n    return post<ApiReturn<{ url: string; }>>(this.options.ajax_url!, formData, {\n      headers: {\n        'Content-Type': 'multipart/form-data'\n      }\n    });\n  }\n\n  storeValue(url: string, preview: string) {\n    this.previewImage.src = preview;\n    this.previewImage.style.display = 'inline-block';\n\n    // Make delete box unchecked\n    if (this.removeCheckbox) {\n      this.removeCheckbox.checked = false;\n    }\n\n    if (url) {\n      this.valueInput.value = url;\n    }\n\n    // Trigger change\n    this.previewImage.dispatchEvent(new CustomEvent('change', { bubbles: true }));\n    this.valueInput.dispatchEvent(new CustomEvent('change', { bubbles: true }));\n    this.valueInput.dispatchEvent(new CustomEvent('input', { bubbles: true }));\n  }\n}\n\n// Promise.all([\n//   import('@cropperjs/cropper.min.js'),\n//   import('@cropperjs/cropper.css'),\n// ])\n//   .then((service) => {\n//     const styleSheet = service[1].default;\n//     document.adoptedStyleSheets = [...document.adoptedStyleSheets, styleSheet];\n//   });\n\nfunction getFileExtension(file: File): string | undefined {\n  const parts = file.name.split('.');\n  if (parts.length > 1) {\n    return parts.pop();\n  }\n  return undefined;\n}\n\nlet loadingCropper: Promise<any>;\n\nasync function loadCropper(): Promise<typeof Cropper> {\n  loadingCropper ??= Promise.all([\n    import('cropperjs'),\n    import('cropperjs/dist/cropper.min.css?inline').then(({ default: css }) => {\n      injectCssToDocument(css);\n    })\n  ]);\n\n  const module = (await loadingCropper)[0];\n\n  return module.default;\n}\n\nasync function init() {\n  injectCssToDocument(css);\n\n  customElements.define(SingleImageDragElement.is, SingleImageDragElement);\n\n  await loadCropper();\n}\n\nexport const ready = init();\n\nexport interface SingleImageDragModule {\n  SingleImageDragElement: typeof SingleImageDragElement;\n  ready: typeof ready;\n}\n"],"names":["css"],"mappings":"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"}

package/dist/chunks/grid.js

@@ -194,6 +194,18 @@ class UnicornGridElement {
     data.task = task;
     return this.form.patch(url, data);
   }
+  /**
+   * @deprecated  Use updateListByTask() instead.
+   */
+  batch(task, url, data) {
+    return this.updateListByTask(task, url, data);
+  }
+  /**
+   * @deprecated  Use updateListByTask() instead.
+   */
+  updateByTask(task, url, data) {
+    return this.updateListByTask(task, url, data);
+  }
   /**
    * Copy a row.
    */

package/dist/chunks/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.js","sources":["../../src/module/grid.ts"],"sourcesContent":["import { __, deleteConfirm, h, loadAlpine, simpleAlert, simpleConfirm, slideDown, slideUp } from '../service';\nimport { Nullable } from '../types';\nimport type { UnicornFormElement } from './form';\n\nexport class UnicornGridElement {\n  options: Record<string, any>;\n  ordering = '';\n  state = {};\n\n  constructor(\n    selector: string,\n    public element: HTMLElement,\n    public form: UnicornFormElement,\n    options: Record<string, any> = {}\n  ) {\n    this.options = { ...options };\n\n    this.bindEvents();\n  }\n\n  bindEvents() {\n    const inputs = this.element.querySelectorAll<HTMLInputElement>('input[data-role=grid-checkbox]');\n\n    for (const ch of inputs) {\n      ch.addEventListener('click', () => {\n        ch.dispatchEvent(new CustomEvent('change'));\n      });\n      ch.addEventListener('change', () => {\n        const event = new CustomEvent('unicorn:checked', {\n          detail: { grid: this }\n        });\n\n        this.form.element?.dispatchEvent(event);\n      });\n    }\n  }\n\n  initComponent(store = 'grid', custom: Record<string, string> = {}) {\n    this.ordering = this.element?.dataset?.ordering || '';\n\n    if (this.ordering) {\n      if (!this.ordering.toLowerCase().endsWith(' asc')\n        && !this.ordering.toLowerCase().endsWith(' desc')) {\n        this.ordering += ' ASC';\n      }\n    }\n\n    return loadAlpine((Alpine) => {\n      Alpine.store(store, this.useState(custom));\n    });\n  }\n\n  useState(this: any, custom: Record<string, any> = {}) {\n    const state: Partial<Record<string, any>> = {\n      form: this.form.useState(custom),\n    };\n\n    Object.getOwnPropertyNames(Object.getPrototypeOf(this))\n      .map(item => {\n        const prop = this[item];\n\n        if (typeof prop === 'function') {\n          return state[item] = this[item].bind(this);\n        }\n\n        return item;\n      });\n\n    return Object.assign(\n      state,\n      custom\n    );\n  }\n\n  getElement() {\n    return this.element;\n  }\n\n  sendFilter($event?: Event, method?: string) {\n    if ($event) {\n      $event.preventDefault();\n    }\n\n    this.form.submit(null, null, method);\n  }\n\n  clearFilters(element: HTMLElement, method?: Nullable<string>): void {\n    element.querySelectorAll('input, textarea, select').forEach((ele) => {\n      (ele as HTMLInputElement).value = '';\n    });\n\n    this.form.submit(null, null, method);\n  }\n\n  async toggleFilters(open: boolean, filterForm: HTMLElement) {\n    if (open) {\n      await slideDown(filterForm);\n    } else {\n      await slideUp(filterForm);\n    }\n  }\n\n  sort($el: HTMLElement): boolean {\n    const dir = this.getDirection($el);\n\n    const field = $el.dataset.field;\n    let asc = $el.dataset.asc;\n    let desc = $el.dataset.desc;\n\n    if (field) {\n      asc = field + ' ASC';\n      desc = field + ' DESC';\n    }\n\n    if (dir === 'ASC') {\n      return this.sortBy(desc);\n    }\n\n    return this.sortBy(asc);\n  }\n\n  /**\n   * Sort two items.\n   */\n  sortBy(ordering: Nullable<string>): boolean {\n    if (!ordering) {\n      return false;\n    }\n\n    let orderingInput = this.element.querySelector<HTMLInputElement>('input[name=list_ordering]');\n\n    if (!orderingInput) {\n      orderingInput = h('input', { name: 'list_ordering', type: 'hidden', value: '' });\n\n      this.element.appendChild(orderingInput);\n    }\n\n    orderingInput.value = ordering;\n\n    return this.form.put();\n  }\n\n  isSortActive($el: HTMLElement): boolean {\n    return this.getDirection($el) != null;\n  }\n\n  getDirection($el: HTMLElement): \"ASC\" | \"DESC\" | null {\n    const field = $el.dataset.field;\n    let asc = $el.dataset.asc;\n    let desc = $el.dataset.desc;\n\n    if (field) {\n      asc = field + ' ASC';\n      desc = field + ' DESC';\n    }\n\n    if (this.orderingEquals(asc, this.ordering)) {\n      return 'ASC';\n    } else if (this.orderingEquals(desc, this.ordering)) {\n      return 'DESC';\n    }\n\n    return null;\n  }\n\n  orderingEquals(a: Nullable<string>, b: Nullable<string>): boolean {\n    a = a || '';\n    b = b || '';\n\n    a = a.replace(/\\s+/g, ' ').trim().toLowerCase();\n    b = b.replace(/\\s+/g, ' ').trim().toLowerCase();\n\n    return a === b;\n  }\n\n  /**\n   * Check a row's checkbox.\n   */\n  checkRow(row: number, value = true): void {\n    const ch = this.getCheckboxByRow(row);\n\n    if (!ch) {\n      throw new Error('Checkbox of row: ' + row + ' not found.');\n    }\n\n    ch.checked = value;\n    ch.dispatchEvent(new Event('input'));\n    ch.dispatchEvent(new Event('change'));\n  }\n\n  getCheckboxByRow(row: number): Nullable<HTMLInputElement> {\n    return this.form.element?.querySelector<HTMLInputElement>(\n      `input[data-role=grid-checkbox][data-row-number=\"${row}\"]`\n    );\n  }\n\n  /**\n   * Update a row.\n   */\n  updateRow(row: number, url?: Nullable<string>, data?: Nullable<Record<string, any>>) {\n    const ch = this.getCheckboxByRow(row);\n\n    if (!ch) {\n      return false;\n    }\n\n    return this.updateItem(ch.value, url, data);\n  }\n\n  /**\n   * Update an item by id.\n   */\n  updateItem(id: string | number, url?: Nullable<string>, data?: Nullable<Record<string, any>>): boolean {\n    this.toggleAll(false);\n\n    this.disableAllCheckboxes();\n\n    this.form.injectInput('id[]', id);\n\n    return this.form.patch(url, data);\n  }\n\n  /**\n   * Update a item with batch task.\n   */\n  updateItemByTask(\n    task: string,\n    id: string | number,\n    url?: Nullable<string>,\n    data?: Nullable<Record<string, any>>\n  ): boolean {\n    data = data || {};\n    data.task = task;\n\n    return this.updateItem(id, url, data);\n  }\n\n  /**\n   * @deprecated  Use updateItemByTask() instead.\n   */\n  doTask(task: string, id: number | string, url?: Nullable<string>, data?: Nullable<Record<string, any>>): boolean {\n    return this.updateItemByTask(task, id, url, data);\n  }\n\n  /**\n   * Update a row with batch task.\n   */\n  updateRowByTask(task: string, row: number, url?: Nullable<string>, data?: Nullable<Record<string, any>>): boolean {\n    const ch = this.getCheckboxByRow(row);\n\n    if (!ch) {\n      return false;\n    }\n\n    return this.updateItemByTask(task, ch.value, url, data);\n  }\n\n  /**\n   * Batch update items.\n   */\n  updateListByTask(task: string, url?: Nullable<string>, data?: Nullable<Record<string, any>>): boolean {\n    data = data || {};\n    data.task = task;\n\n    return this.form.patch(url, data);\n  }\n\n  /**\n   * Copy a row.\n   */\n  copyItem(id: string | number, url?: Nullable<string>, data?: Nullable<Record<string, any>>): boolean {\n    this.toggleAll(false);\n\n    this.disableAllCheckboxes();\n\n    this.form.injectInput('id[]', id);\n\n    return this.form.post(url, data);\n  }\n\n  /**\n   * Copy a row.\n   */\n  copyRow(row: number, url?: Nullable<string>, data?: Nullable<Record<string, any>>): boolean {\n    const ch = this.getCheckboxByRow(row);\n\n    if (!ch) {\n      return false;\n    }\n\n    return this.copyItem(ch.value, url, data);\n  }\n\n  /**\n   * Delete checked items.\n   */\n  deleteList(\n    message?: Nullable<string> | false,\n    url?: Nullable<string>,\n    data?: Nullable<Record<string, any>>\n  ): boolean {\n    if (!this.validateChecked()) {\n      return false;\n    }\n\n    message = message == null ? __('unicorn.message.delete.confirm') : message;\n\n    if (message !== false) {\n      simpleConfirm(message).then(isConfirm => {\n        if (isConfirm) {\n          this.form.delete(url, data);\n        }\n      });\n    } else {\n      this.form.delete(url, data);\n    }\n\n    return true;\n  }\n\n  /**\n   * Delete an item by row.\n   */\n  async deleteRow(row: number,\n                  msg?: Nullable<string>,\n                  url?: Nullable<string>,\n                  data?: Nullable<Record<string, any>>): Promise<boolean> {\n    const ch = this.getCheckboxByRow(row);\n\n    if (!ch) {\n      return false;\n    }\n\n    return this.deleteItem(ch.value, msg, url, data);\n  }\n\n  /**\n   * Delete an item.\n   */\n  async deleteItem(id: string,\n                   msg?: Nullable<string>,\n                   url?: Nullable<string>,\n                   data?: Nullable<Record<string, any>>): Promise<boolean> {\n    msg = msg || __('unicorn.message.delete.confirm');\n\n    const isConfirm = await deleteConfirm(msg);\n\n    if (isConfirm) {\n      // this.toggleAll(false);\n      // this.checkRow(row);\n      data = data || {};\n\n      data.id = id;\n\n      this.form.delete(url, data);\n    }\n\n    return isConfirm;\n  }\n\n  /**\n   * Toggle all checkboxes.\n   */\n  toggleAll(value: boolean) {\n    Array.from(\n      this.element.querySelectorAll<HTMLInputElement>('input[data-role=grid-checkbox][type=checkbox]')\n    )\n      .forEach((input) => {\n        input.checked = value;\n\n        input.dispatchEvent(new CustomEvent('input'));\n        input.dispatchEvent(new CustomEvent('change'));\n      });\n\n    return this;\n  }\n\n  disableAllCheckboxes() {\n    Array.from(\n      this.element.querySelectorAll<HTMLInputElement>('input[data-role=grid-checkbox][type=checkbox]')\n    )\n      .forEach((input) => {\n        input.disabled = true;\n      });\n  }\n\n  /**\n   * Count checked checkboxes.\n   */\n  countChecked(): number {\n    return this.getChecked().length;\n  }\n\n  /**\n   * Get Checked boxes.\n   */\n  getChecked(): HTMLInputElement[] {\n    return Array.from(\n      this.element.querySelectorAll<HTMLInputElement>('input[data-role=grid-checkbox][type=checkbox]:checked')\n    );\n  }\n\n  getCheckedValues(): string[] {\n    return this.getChecked().map(input => input.value);\n  }\n\n  /**\n   * Validate there has one or more checked boxes.\n   */\n  validateChecked(event?: Event, callback?: (grid: UnicornGridElement) => any, msg?: string): this {\n    msg = msg || __('unicorn.message.grid.checked');\n\n    if (!this.hasChecked()) {\n      if (msg !== '') {\n        simpleAlert(msg);\n      }\n\n      if (event) {\n        event.stopPropagation();\n        event.preventDefault();\n      }\n\n      return this;\n    }\n\n    if (callback) {\n      callback(this);\n    }\n\n    return this;\n  }\n\n  hasChecked(): boolean {\n    return this.countChecked() > 0;\n  }\n\n  /**\n   * Reorder all.\n   */\n  reorderAll(url?: Nullable<string>, data?: Nullable<Record<string, any>>) {\n    return this.updateListByTask('reorder', url, data);\n  }\n\n  /**\n   * Reorder items.\n   */\n  moveItem(id: number | string, delta: number, url?: Nullable<string>, data?: Nullable<Record<string, any>>): boolean {\n    data = data || {};\n    data.delta = delta;\n\n    return this.updateItemByTask('move', id, url, data);\n  }\n\n  moveUp(id: string | number, url?: Nullable<string>, data?: Nullable<Record<string, any>>): boolean {\n    return this.moveItem(id, -1, url, data);\n  }\n\n  moveDown(id: string | number, url?: Nullable<string>, data?: Nullable<Record<string, any>>): boolean {\n    return this.moveItem(id, 1, url, data);\n  }\n\n  getId(suffix = '') {\n    return this.form.element?.id + suffix;\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"grid.js","sources":["../../src/module/grid.ts"],"sourcesContent":["import { __, deleteConfirm, h, loadAlpine, simpleAlert, simpleConfirm, slideDown, slideUp } from '../service';\nimport { Nullable } from '../types';\nimport type { UnicornFormElement } from './form';\n\nexport class UnicornGridElement {\n  options: Record<string, any>;\n  ordering = '';\n  state = {};\n\n  constructor(\n    selector: string,\n    public element: HTMLElement,\n    public form: UnicornFormElement,\n    options: Record<string, any> = {}\n  ) {\n    this.options = { ...options };\n\n    this.bindEvents();\n  }\n\n  bindEvents() {\n    const inputs = this.element.querySelectorAll<HTMLInputElement>('input[data-role=grid-checkbox]');\n\n    for (const ch of inputs) {\n      ch.addEventListener('click', () => {\n        ch.dispatchEvent(new CustomEvent('change'));\n      });\n      ch.addEventListener('change', () => {\n        const event = new CustomEvent('unicorn:checked', {\n          detail: { grid: this }\n        });\n\n        this.form.element?.dispatchEvent(event);\n      });\n    }\n  }\n\n  initComponent(store = 'grid', custom: Record<string, string> = {}) {\n    this.ordering = this.element?.dataset?.ordering || '';\n\n    if (this.ordering) {\n      if (!this.ordering.toLowerCase().endsWith(' asc')\n        && !this.ordering.toLowerCase().endsWith(' desc')) {\n        this.ordering += ' ASC';\n      }\n    }\n\n    return loadAlpine((Alpine) => {\n      Alpine.store(store, this.useState(custom));\n    });\n  }\n\n  useState(this: any, custom: Record<string, any> = {}) {\n    const state: Partial<Record<string, any>> = {\n      form: this.form.useState(custom),\n    };\n\n    Object.getOwnPropertyNames(Object.getPrototypeOf(this))\n      .map(item => {\n        const prop = this[item];\n\n        if (typeof prop === 'function') {\n          return state[item] = this[item].bind(this);\n        }\n\n        return item;\n      });\n\n    return Object.assign(\n      state,\n      custom\n    );\n  }\n\n  getElement() {\n    return this.element;\n  }\n\n  sendFilter($event?: Event, method?: string) {\n    if ($event) {\n      $event.preventDefault();\n    }\n\n    this.form.submit(null, null, method);\n  }\n\n  clearFilters(element: HTMLElement, method?: Nullable<string>): void {\n    element.querySelectorAll('input, textarea, select').forEach((ele) => {\n      (ele as HTMLInputElement).value = '';\n    });\n\n    this.form.submit(null, null, method);\n  }\n\n  async toggleFilters(open: boolean, filterForm: HTMLElement) {\n    if (open) {\n      await slideDown(filterForm);\n    } else {\n      await slideUp(filterForm);\n    }\n  }\n\n  sort($el: HTMLElement): boolean {\n    const dir = this.getDirection($el);\n\n    const field = $el.dataset.field;\n    let asc = $el.dataset.asc;\n    let desc = $el.dataset.desc;\n\n    if (field) {\n      asc = field + ' ASC';\n      desc = field + ' DESC';\n    }\n\n    if (dir === 'ASC') {\n      return this.sortBy(desc);\n    }\n\n    return this.sortBy(asc);\n  }\n\n  /**\n   * Sort two items.\n   */\n  sortBy(ordering: Nullable<string>): boolean {\n    if (!ordering) {\n      return false;\n    }\n\n    let orderingInput = this.element.querySelector<HTMLInputElement>('input[name=list_ordering]');\n\n    if (!orderingInput) {\n      orderingInput = h('input', { name: 'list_ordering', type: 'hidden', value: '' });\n\n      this.element.appendChild(orderingInput);\n    }\n\n    orderingInput.value = ordering;\n\n    return this.form.put();\n  }\n\n  isSortActive($el: HTMLElement): boolean {\n    return this.getDirection($el) != null;\n  }\n\n  getDirection($el: HTMLElement): \"ASC\" | \"DESC\" | null {\n    const field = $el.dataset.field;\n    let asc = $el.dataset.asc;\n    let desc = $el.dataset.desc;\n\n    if (field) {\n      asc = field + ' ASC';\n      desc = field + ' DESC';\n    }\n\n    if (this.orderingEquals(asc, this.ordering)) {\n      return 'ASC';\n    } else if (this.orderingEquals(desc, this.ordering)) {\n      return 'DESC';\n    }\n\n    return null;\n  }\n\n  orderingEquals(a: Nullable<string>, b: Nullable<string>): boolean {\n    a = a || '';\n    b = b || '';\n\n    a = a.replace(/\\s+/g, ' ').trim().toLowerCase();\n    b = b.replace(/\\s+/g, ' ').trim().toLowerCase();\n\n    return a === b;\n  }\n\n  /**\n   * Check a row's checkbox.\n   */\n  checkRow(row: number, value = true): void {\n    const ch = this.getCheckboxByRow(row);\n\n    if (!ch) {\n      throw new Error('Checkbox of row: ' + row + ' not found.');\n    }\n\n    ch.checked = value;\n    ch.dispatchEvent(new Event('input'));\n    ch.dispatchEvent(new Event('change'));\n  }\n\n  getCheckboxByRow(row: number): Nullable<HTMLInputElement> {\n    return this.form.element?.querySelector<HTMLInputElement>(\n      `input[data-role=grid-checkbox][data-row-number=\"${row}\"]`\n    );\n  }\n\n  /**\n   * Update a row.\n   */\n  updateRow(row: number, url?: Nullable<string>, data?: Nullable<Record<string, any>>) {\n    const ch = this.getCheckboxByRow(row);\n\n    if (!ch) {\n      return false;\n    }\n\n    return this.updateItem(ch.value, url, data);\n  }\n\n  /**\n   * Update an item by id.\n   */\n  updateItem(id: string | number, url?: Nullable<string>, data?: Nullable<Record<string, any>>): boolean {\n    this.toggleAll(false);\n\n    this.disableAllCheckboxes();\n\n    this.form.injectInput('id[]', id);\n\n    return this.form.patch(url, data);\n  }\n\n  /**\n   * Update a item with batch task.\n   */\n  updateItemByTask(\n    task: string,\n    id: string | number,\n    url?: Nullable<string>,\n    data?: Nullable<Record<string, any>>\n  ): boolean {\n    data = data || {};\n    data.task = task;\n\n    return this.updateItem(id, url, data);\n  }\n\n  /**\n   * @deprecated  Use updateItemByTask() instead.\n   */\n  doTask(task: string, id: number | string, url?: Nullable<string>, data?: Nullable<Record<string, any>>): boolean {\n    return this.updateItemByTask(task, id, url, data);\n  }\n\n  /**\n   * Update a row with batch task.\n   */\n  updateRowByTask(task: string, row: number, url?: Nullable<string>, data?: Nullable<Record<string, any>>): boolean {\n    const ch = this.getCheckboxByRow(row);\n\n    if (!ch) {\n      return false;\n    }\n\n    return this.updateItemByTask(task, ch.value, url, data);\n  }\n\n  /**\n   * Batch update items.\n   */\n  updateListByTask(task: string, url?: Nullable<string>, data?: Nullable<Record<string, any>>): boolean {\n    data = data || {};\n    data.task = task;\n\n    return this.form.patch(url, data);\n  }\n\n  /**\n   * @deprecated  Use updateListByTask() instead.\n   */\n  batch(task: string, url?: Nullable<string>, data?: Nullable<Record<string, any>>): boolean {\n    return this.updateListByTask(task, url, data);\n  }\n\n  /**\n   * @deprecated  Use updateListByTask() instead.\n   */\n  updateByTask(task: string, url?: Nullable<string>, data?: Nullable<Record<string, any>>): boolean {\n    return this.updateListByTask(task, url, data);\n  }\n\n  /**\n   * Copy a row.\n   */\n  copyItem(id: string | number, url?: Nullable<string>, data?: Nullable<Record<string, any>>): boolean {\n    this.toggleAll(false);\n\n    this.disableAllCheckboxes();\n\n    this.form.injectInput('id[]', id);\n\n    return this.form.post(url, data);\n  }\n\n  /**\n   * Copy a row.\n   */\n  copyRow(row: number, url?: Nullable<string>, data?: Nullable<Record<string, any>>): boolean {\n    const ch = this.getCheckboxByRow(row);\n\n    if (!ch) {\n      return false;\n    }\n\n    return this.copyItem(ch.value, url, data);\n  }\n\n  /**\n   * Delete checked items.\n   */\n  deleteList(\n    message?: Nullable<string> | false,\n    url?: Nullable<string>,\n    data?: Nullable<Record<string, any>>\n  ): boolean {\n    if (!this.validateChecked()) {\n      return false;\n    }\n\n    message = message == null ? __('unicorn.message.delete.confirm') : message;\n\n    if (message !== false) {\n      simpleConfirm(message).then(isConfirm => {\n        if (isConfirm) {\n          this.form.delete(url, data);\n        }\n      });\n    } else {\n      this.form.delete(url, data);\n    }\n\n    return true;\n  }\n\n  /**\n   * Delete an item by row.\n   */\n  async deleteRow(row: number,\n                  msg?: Nullable<string>,\n                  url?: Nullable<string>,\n                  data?: Nullable<Record<string, any>>): Promise<boolean> {\n    const ch = this.getCheckboxByRow(row);\n\n    if (!ch) {\n      return false;\n    }\n\n    return this.deleteItem(ch.value, msg, url, data);\n  }\n\n  /**\n   * Delete an item.\n   */\n  async deleteItem(id: string,\n                   msg?: Nullable<string>,\n                   url?: Nullable<string>,\n                   data?: Nullable<Record<string, any>>): Promise<boolean> {\n    msg = msg || __('unicorn.message.delete.confirm');\n\n    const isConfirm = await deleteConfirm(msg);\n\n    if (isConfirm) {\n      // this.toggleAll(false);\n      // this.checkRow(row);\n      data = data || {};\n\n      data.id = id;\n\n      this.form.delete(url, data);\n    }\n\n    return isConfirm;\n  }\n\n  /**\n   * Toggle all checkboxes.\n   */\n  toggleAll(value: boolean) {\n    Array.from(\n      this.element.querySelectorAll<HTMLInputElement>('input[data-role=grid-checkbox][type=checkbox]')\n    )\n      .forEach((input) => {\n        input.checked = value;\n\n        input.dispatchEvent(new CustomEvent('input'));\n        input.dispatchEvent(new CustomEvent('change'));\n      });\n\n    return this;\n  }\n\n  disableAllCheckboxes() {\n    Array.from(\n      this.element.querySelectorAll<HTMLInputElement>('input[data-role=grid-checkbox][type=checkbox]')\n    )\n      .forEach((input) => {\n        input.disabled = true;\n      });\n  }\n\n  /**\n   * Count checked checkboxes.\n   */\n  countChecked(): number {\n    return this.getChecked().length;\n  }\n\n  /**\n   * Get Checked boxes.\n   */\n  getChecked(): HTMLInputElement[] {\n    return Array.from(\n      this.element.querySelectorAll<HTMLInputElement>('input[data-role=grid-checkbox][type=checkbox]:checked')\n    );\n  }\n\n  getCheckedValues(): string[] {\n    return this.getChecked().map(input => input.value);\n  }\n\n  /**\n   * Validate there has one or more checked boxes.\n   */\n  validateChecked(event?: Event, callback?: (grid: UnicornGridElement) => any, msg?: string): this {\n    msg = msg || __('unicorn.message.grid.checked');\n\n    if (!this.hasChecked()) {\n      if (msg !== '') {\n        simpleAlert(msg);\n      }\n\n      if (event) {\n        event.stopPropagation();\n        event.preventDefault();\n      }\n\n      return this;\n    }\n\n    if (callback) {\n      callback(this);\n    }\n\n    return this;\n  }\n\n  hasChecked(): boolean {\n    return this.countChecked() > 0;\n  }\n\n  /**\n   * Reorder all.\n   */\n  reorderAll(url?: Nullable<string>, data?: Nullable<Record<string, any>>) {\n    return this.updateListByTask('reorder', url, data);\n  }\n\n  /**\n   * Reorder items.\n   */\n  moveItem(id: number | string, delta: number, url?: Nullable<string>, data?: Nullable<Record<string, any>>): boolean {\n    data = data || {};\n    data.delta = delta;\n\n    return this.updateItemByTask('move', id, url, data);\n  }\n\n  moveUp(id: string | number, url?: Nullable<string>, data?: Nullable<Record<string, any>>): boolean {\n    return this.moveItem(id, -1, url, data);\n  }\n\n  moveDown(id: string | number, url?: Nullable<string>, data?: Nullable<Record<string, any>>): boolean {\n    return this.moveItem(id, 1, url, data);\n  }\n\n  getId(suffix = '') {\n    return this.form.element?.id + suffix;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/chunks/s3-multipart-uploader.js

@@ -33,10 +33,18 @@ class S3MultipartUploader extends (/* @__PURE__ */ Mixin(EventMixin)) {
       initData["filename"] = options["filename"];
     }
     this.trigger("start", file, initData);
+    const beforeUnloadHandler = (e) => {
+      e.preventDefault();
+      e.returnValue = "";
+    };
+    if (this.options.leaveAlert === true) {
+      window.addEventListener("beforeunload", beforeUnloadHandler);
+    }
     const { id } = await this.request(
       "init",
       initData
     );
+    this.trigger("inited", { id, path });
     try {
       const chunkSize = this.options.chunkSize;
       const chunks = Math.ceil(file.size / chunkSize);
@@ -80,11 +88,16 @@ class S3MultipartUploader extends (/* @__PURE__ */ Mixin(EventMixin)) {
           profile: this.options.profile
         }
       );
-      this.trigger("success", url);
-      return { url };
+      this.trigger("success", { id, path, url });
+      return { url, id, path };
     } catch (e) {
       await this.abort(id, path);
+      this.trigger("failure", { error: e, id, path });
       throw e;
+    } finally {
+      if (this.options.leaveAlert === true) {
+        window.removeEventListener("beforeunload", beforeUnloadHandler);
+      }
     }
   }
   async uploadPart(file, payload) {
@@ -120,6 +133,14 @@ class S3MultipartUploader extends (/* @__PURE__ */ Mixin(EventMixin)) {
     const res = await http.post(await this.resolveRoute(action), body);
     return res.data.data;
   }
+  // protected async abortBeacon(id: string, path: string): Promise<void> {
+  //   const data = new FormData();
+  //   data.append('id', id);
+  //   data.append('path', path);
+  //   data.append('profile', this.options.profile || '');
+  //
+  //   await navigator.sendBeacon(route(await this.resolveRoute('abort')), data);
+  // }
   async abort(id, path) {
     await this.request(
       "abort",

package/dist/chunks/s3-multipart-uploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"s3-multipart-uploader.js","sources":["../../src/module/s3-multipart-uploader.ts"],"sourcesContent":["import { AxiosProgressEvent, AxiosResponseHeaders } from 'axios';\nimport { Mixin } from 'ts-mixer';\nimport { createQueue, useHttpClient } from '../composable';\nimport { EventHandler, EventMixin } from '../events';\nimport type { MaybePromise } from '../types';\nimport { mergeDeep } from '../utilities';\nimport { ApiReturn } from './http-client';\n\ndeclare type RoutingOptions = {\n  init: string;\n  sign: string;\n  complete: string;\n  abort: string;\n} | ((action: RouteActions) => MaybePromise<string>);\n\ndeclare type RouteActions = 'init' | 'sign' | 'complete' | 'abort';\ndeclare type RequestHandler = <T = Record<string, any>>(action: RouteActions, data: Record<string, any>) => Promise<T>;\n\nexport interface S3MultipartUploaderOptions {\n  profile?: string;\n  chunkSize: number;\n  concurrency: number;\n  routes: RoutingOptions;\n  requestHandler?: RequestHandler;\n  onProgress?: ProgressEventHandler;\n  ACL?: string;\n  extra?: Record<string, any>;\n\n  // maxRetries?: number;\n  // endpoint: string;\n  // subfolder?: string;\n}\n\nconst defaultOptions: Partial<S3MultipartUploaderOptions> = {\n  chunkSize: 5 * 1024 * 1024, // 5MB\n  concurrency: 2,\n};\n\nexport interface S3MultipartUploaderRequestOptions {\n  onProgress?: ProgressEventHandler;\n  filename?: string;\n  ContentType?: string;\n  ContentDisposition?: string;\n  ACL?: string;\n  extra?: Record<string, any>;\n}\n\nexport class S3MultipartUploader extends Mixin(EventMixin) {\n  options: S3MultipartUploaderOptions;\n\n  constructor(options: Partial<S3MultipartUploaderOptions>) {\n    super();\n    this.options = mergeDeep({}, defaultOptions, options);\n  }\n\n  async upload(\n    file: string | File | Blob,\n    path: string,\n    options: S3MultipartUploaderRequestOptions = {}\n  ): Promise<{ url: string; }> {\n    const extra: Record<string, any> = { ...(this.options.extra ?? {}), ...(options.extra ?? {}) };\n\n    if (typeof file === 'string') {\n      file = new Blob([file], { type: options['ContentType'] || 'text/plain' });\n    }\n\n    if (file instanceof Blob && !(file instanceof File)) {\n      if (path.endsWith('.{ext}')) {\n        throw new Error('If using Blob or file data string, you must provide a valid file extension in the path.');\n      }\n\n      file = new File([file], 'blob', { type: file.type });\n    }\n\n    if (file instanceof File) {\n      extra['ContentType'] = options['ContentType'] || file.type;\n    }\n\n    if (options.ACL || this.options.ACL) {\n      extra.ACL = options.ACL || this.options.ACL;\n    }\n\n    path = this.replaceExt(path, file);\n\n    const initData: Record<string, any> = { extra, path, profile: this.options.profile };\n\n    if (options['filename']) {\n      initData['filename'] = options['filename'];\n    }\n\n    this.trigger('start', file, initData);\n\n    // @Request sign\n    const { id } = await this.request<{ id: string; }>(\n      'init',\n      initData\n    );\n\n    try {\n      const chunkSize = this.options.chunkSize;\n      const chunks = Math.ceil(file.size / chunkSize);\n\n      let uploadedBytes = 0;\n      let parts: { ETag: string, PartNumber: number }[] = [];\n      let currentPart = 1;\n      const queue = createQueue(this.options.concurrency);\n      const promises = [];\n      const partsUploaded: Record<number, number> = {};\n\n      // Loop from 1 to chunks\n      while (currentPart <= chunks) {\n        const partNumber = currentPart;\n\n        // Push to queue\n        const p = queue.push(async () => {\n          const { blob, etag } = await this.uploadPart(\n            file as File,\n            {\n              id,\n              path,\n              partNumber,\n              chunkSize,\n              onUploadProgress: (e) => {\n                partsUploaded[partNumber] = e.loaded;\n\n                const uploaded = Object.values(partsUploaded).reduce((sum, a) => sum + a, 0);\n\n                this.updateProgress(uploaded, file.size, options);\n              }\n            }\n          );\n\n          uploadedBytes += blob.size;\n\n          this.updateProgress(uploadedBytes, file.size, options);\n\n          parts.push({ ETag: etag, PartNumber: partNumber });\n        });\n\n        promises.push(p);\n\n        currentPart++;\n      }\n\n      await Promise.all(promises);\n\n      // @Request sign\n      const { url } = await this.request<{ url: string }>(\n        'complete',\n        {\n          id,\n          path,\n          parts: parts.sort((a, b) => a.PartNumber - b.PartNumber),\n          profile: this.options.profile,\n        },\n      );\n\n      this.trigger('success', url);\n\n      return { url };\n    } catch (e) {\n      await this.abort(id, path);\n\n      throw e;\n    }\n  }\n\n  protected async uploadPart(\n    file: File,\n    payload: {\n      id: string;\n      path: string;\n      partNumber: number;\n      chunkSize: number;\n      onUploadProgress: (e: AxiosProgressEvent) => void;\n    }\n  ) {\n    const http = await useHttpClient();\n    const { id, path, partNumber, chunkSize, onUploadProgress } = payload;\n\n    const start = (partNumber - 1) * chunkSize;\n    const end = Math.min(partNumber * chunkSize, file.size);\n\n    const blob = file.slice(start, end);\n\n    // @Request sign\n    const { url } = await this.request<{ url: string; }>(\n      'sign',\n      {\n        id,\n        path,\n        partNumber,\n        profile: this.options.profile,\n      }\n    );\n\n    // PUT to S3\n    const res = await http.put(\n      url,\n      blob,\n      {\n        onUploadProgress,\n      }\n    );\n\n    const etag = String((res.headers as AxiosResponseHeaders).get('ETag') || '');\n\n    return { blob, etag };\n  }\n\n  protected async request<T = Record<string, any>>(action: RouteActions, body: Record<string, any>): Promise<T> {\n    if (this.options.requestHandler) {\n      return this.options.requestHandler<T>(action, body);\n    }\n\n    const http = await useHttpClient();\n\n    const res = await http.post<ApiReturn<T>>(await this.resolveRoute(action), body);\n\n    return res.data.data;\n  }\n\n  async abort(id: string, path: string) {\n    await this.request(\n      'abort',\n      {\n        id,\n        path,\n        profile: this.options.profile,\n      }\n    );\n  }\n\n  updateProgress(loaded: number, total: number, options: S3MultipartUploaderRequestOptions) {\n    const percentage = (loaded / total) * 100;\n\n    const event: ProgressEvent = { percentage, loaded, total };\n\n    this.trigger('progress', event);\n\n    this.options.onProgress?.(event);\n\n    if (options.onProgress) {\n      options.onProgress(event);\n    }\n  }\n\n  async resolveRoute(action: RouteActions): Promise<string> {\n    if (typeof this.options.routes === 'function') {\n      return this.options.routes(action);\n    }\n\n    return this.options.routes[action];\n  }\n\n  setChunkSize(size: number): this {\n    this.options.chunkSize = size;\n\n    return this;\n  }\n\n  setChunkSizeInMiB(size: number): this {\n    this.options.chunkSize = size * 1024 * 1024;\n\n    return this;\n  }\n\n  replaceExt(path: string, file: File | Blob): string {\n    if (file instanceof File) {\n      const fileExt = file.name.split('.').pop();\n\n      if (path.endsWith('.{ext}')) {\n        return path.replace(/\\.{ext}$/, fileExt ? '.' + fileExt : '');\n      }\n    }\n\n    return path;\n  }\n\n  on(\n    event: 'start',\n    handler: (file: File, data: { path: string; extra: Record<string, any>; [name: string]: any; }) => void\n  ): this;\n  on(event: 'success', handler: (url: string) => void): this;\n  on(event: 'progress', handler: (event: ProgressEvent) => void): this;\n  on(event: string | string[], handler: EventHandler): this {\n    return super.on(event, handler);\n  }\n}\n\ntype ProgressEvent = {\n  percentage: number;\n  loaded: number;\n  total: number;\n};\ntype ProgressEventHandler = (e: ProgressEvent) => void;\n\nexport interface S3MultipartUploaderModule {\n  S3MultipartUploader: typeof S3MultipartUploader;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"s3-multipart-uploader.js","sources":["../../src/module/s3-multipart-uploader.ts"],"sourcesContent":["import { AxiosProgressEvent, AxiosResponseHeaders } from 'axios';\nimport { Mixin } from 'ts-mixer';\nimport { createQueue, useHttpClient } from '../composable';\nimport { EventHandler, EventMixin } from '../events';\nimport { route } from '../service';\nimport type { MaybePromise } from '../types';\nimport { mergeDeep } from '../utilities';\nimport { ApiReturn } from './http-client';\n\ndeclare type RoutingOptions = {\n  init: string;\n  sign: string;\n  complete: string;\n  abort: string;\n} | ((action: RouteActions) => MaybePromise<string>);\n\ndeclare type RouteActions = 'init' | 'sign' | 'complete' | 'abort';\ndeclare type RequestHandler = <T = Record<string, any>>(action: RouteActions, data: Record<string, any>) => Promise<T>;\n\nexport interface S3MultipartUploaderOptions {\n  profile?: string;\n  chunkSize: number;\n  concurrency: number;\n  leaveAlert?: boolean;\n  routes: RoutingOptions;\n  requestHandler?: RequestHandler;\n  onProgress?: ProgressEventHandler;\n  ACL?: string;\n  extra?: Record<string, any>;\n\n  // maxRetries?: number;\n  // endpoint: string;\n  // subfolder?: string;\n}\n\nconst defaultOptions: Partial<S3MultipartUploaderOptions> = {\n  chunkSize: 5 * 1024 * 1024, // 5MB\n  concurrency: 2,\n};\n\nexport interface S3MultipartUploaderRequestOptions {\n  onProgress?: ProgressEventHandler;\n  filename?: string;\n  ContentType?: string;\n  ContentDisposition?: string;\n  ACL?: 'public-read' | 'private' | 'authenticated-read' | 'public-read-write' | string;\n  extra?: Record<string, any>;\n}\n\nexport class S3MultipartUploader extends Mixin(EventMixin) {\n  options: S3MultipartUploaderOptions;\n\n  constructor(options: Partial<S3MultipartUploaderOptions>) {\n    super();\n    this.options = mergeDeep({}, defaultOptions, options);\n  }\n\n  async upload(\n    file: string | File | Blob,\n    path: string,\n    options: S3MultipartUploaderRequestOptions = {}\n  ): Promise<{ url: string; id: string; path: string; }> {\n    const extra: Record<string, any> = { ...(this.options.extra ?? {}), ...(options.extra ?? {}) };\n\n    if (typeof file === 'string') {\n      file = new Blob([file], { type: options['ContentType'] || 'text/plain' });\n    }\n\n    if (file instanceof Blob && !(file instanceof File)) {\n      if (path.endsWith('.{ext}')) {\n        throw new Error('If using Blob or file data string, you must provide a valid file extension in the path.');\n      }\n\n      file = new File([file], 'blob', { type: file.type });\n    }\n\n    if (file instanceof File) {\n      extra['ContentType'] = options['ContentType'] || file.type;\n    }\n\n    if (options.ACL || this.options.ACL) {\n      extra.ACL = options.ACL || this.options.ACL;\n    }\n\n    path = this.replaceExt(path, file);\n\n    const initData: Record<string, any> = { extra, path, profile: this.options.profile };\n\n    if (options['filename']) {\n      initData['filename'] = options['filename'];\n    }\n\n    this.trigger('start', file, initData);\n\n    // Prepare unload\n    const beforeUnloadHandler = (e: BeforeUnloadEvent) => {\n      e.preventDefault();\n      e.returnValue = '';\n    };\n    if (this.options.leaveAlert === true) {\n      window.addEventListener('beforeunload', beforeUnloadHandler);\n    }\n\n    // @Request init\n    const { id } = await this.request<{ id: string; }>(\n      'init',\n      initData\n    );\n\n    this.trigger('inited', { id, path });\n\n    try {\n      const chunkSize = this.options.chunkSize;\n      const chunks = Math.ceil(file.size / chunkSize);\n\n      let uploadedBytes = 0;\n      let parts: { ETag: string, PartNumber: number }[] = [];\n      let currentPart = 1;\n      const queue = createQueue(this.options.concurrency);\n      const promises = [];\n      const partsUploaded: Record<number, number> = {};\n\n      // Loop from 1 to chunks\n      while (currentPart <= chunks) {\n        const partNumber = currentPart;\n\n        // Push to queue\n        const p = queue.push(async () => {\n          const { blob, etag } = await this.uploadPart(\n            file as File,\n            {\n              id,\n              path,\n              partNumber,\n              chunkSize,\n              onUploadProgress: (e) => {\n                partsUploaded[partNumber] = e.loaded;\n\n                const uploaded = Object.values(partsUploaded).reduce((sum, a) => sum + a, 0);\n\n                this.updateProgress(uploaded, file.size, options);\n              }\n            }\n          );\n\n          uploadedBytes += blob.size;\n\n          this.updateProgress(uploadedBytes, file.size, options);\n\n          parts.push({ ETag: etag, PartNumber: partNumber });\n        });\n\n        promises.push(p);\n\n        currentPart++;\n      }\n\n      await Promise.all(promises);\n\n      // @Request sign\n      const { url } = await this.request<{ url: string }>(\n        'complete',\n        {\n          id,\n          path,\n          parts: parts.sort((a, b) => a.PartNumber - b.PartNumber),\n          profile: this.options.profile,\n        },\n      );\n\n      this.trigger('success', { id, path, url });\n\n      return { url, id, path };\n    } catch (e) {\n      await this.abort(id, path);\n\n      this.trigger('failure', { error: e as Error, id, path });\n\n      throw e;\n    } finally {\n      if (this.options.leaveAlert === true) {\n        window.removeEventListener('beforeunload', beforeUnloadHandler);\n      }\n    }\n  }\n\n  protected async uploadPart(\n    file: File,\n    payload: {\n      id: string;\n      path: string;\n      partNumber: number;\n      chunkSize: number;\n      onUploadProgress: (e: AxiosProgressEvent) => void;\n    }\n  ) {\n    const http = await useHttpClient();\n    const { id, path, partNumber, chunkSize, onUploadProgress } = payload;\n\n    const start = (partNumber - 1) * chunkSize;\n    const end = Math.min(partNumber * chunkSize, file.size);\n\n    const blob = file.slice(start, end);\n\n    // @Request sign\n    const { url } = await this.request<{ url: string; }>(\n      'sign',\n      {\n        id,\n        path,\n        partNumber,\n        profile: this.options.profile,\n      }\n    );\n\n    // PUT to S3\n    const res = await http.put(\n      url,\n      blob,\n      {\n        onUploadProgress,\n      }\n    );\n\n    const etag = String((res.headers as AxiosResponseHeaders).get('ETag') || '');\n\n    return { blob, etag };\n  }\n\n  protected async request<T = Record<string, any>>(action: RouteActions, body: Record<string, any>): Promise<T> {\n    if (this.options.requestHandler) {\n      return this.options.requestHandler<T>(action, body);\n    }\n\n    const http = await useHttpClient();\n\n    const res = await http.post<ApiReturn<T>>(await this.resolveRoute(action), body);\n\n    return res.data.data;\n  }\n\n  // protected async abortBeacon(id: string, path: string): Promise<void> {\n  //   const data = new FormData();\n  //   data.append('id', id);\n  //   data.append('path', path);\n  //   data.append('profile', this.options.profile || '');\n  //\n  //   await navigator.sendBeacon(route(await this.resolveRoute('abort')), data);\n  // }\n\n  async abort(id: string, path: string) {\n    await this.request(\n      'abort',\n      {\n        id,\n        path,\n        profile: this.options.profile,\n      }\n    );\n  }\n\n  updateProgress(loaded: number, total: number, options: S3MultipartUploaderRequestOptions) {\n    const percentage = (loaded / total) * 100;\n\n    const event: ProgressEvent = { percentage, loaded, total };\n\n    this.trigger('progress', event);\n\n    this.options.onProgress?.(event);\n\n    if (options.onProgress) {\n      options.onProgress(event);\n    }\n  }\n\n  async resolveRoute(action: RouteActions): Promise<string> {\n    if (typeof this.options.routes === 'function') {\n      return this.options.routes(action);\n    }\n\n    return this.options.routes[action];\n  }\n\n  setChunkSize(size: number): this {\n    this.options.chunkSize = size;\n\n    return this;\n  }\n\n  setChunkSizeInMiB(size: number): this {\n    this.options.chunkSize = size * 1024 * 1024;\n\n    return this;\n  }\n\n  replaceExt(path: string, file: File | Blob): string {\n    if (file instanceof File) {\n      const fileExt = file.name.split('.').pop();\n\n      if (path.endsWith('.{ext}')) {\n        return path.replace(/\\.{ext}$/, fileExt ? '.' + fileExt : '');\n      }\n    }\n\n    return path;\n  }\n\n  on(\n    event: 'start',\n    handler: (file: File, data: { path: string; extra: Record<string, any>; [name: string]: any; }) => void\n  ): this;\n  on(event: 'inited', handler: (event: { id: string; path: string; }) => void): this;\n  on(event: 'success', handler: (event: { url: string; id: string; path: string; }) => void): this;\n  on(event: 'progress', handler: (event: ProgressEvent) => void): this;\n  on(event: 'failure', handler: (event: { error: Error; id: string; path: string; }) => void): this;\n  on(event: string | string[], handler: EventHandler): this {\n    return super.on(event, handler);\n  }\n}\n\ntype ProgressEvent = {\n  percentage: number;\n  loaded: number;\n  total: number;\n};\ntype ProgressEventHandler = (e: ProgressEvent) => void;\n\nexport interface S3MultipartUploaderModule {\n  S3MultipartUploader: typeof S3MultipartUploader;\n}\n"],"names":[],"mappings":"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"}

package/dist/chunks/unicorn.js

@@ -1329,6 +1329,10 @@ const useBs5ButtonRadio = async (selector, options = {}) => {
 };
 let instances = {};
 async function useWebDirective(name = "unicorn", options = {}) {
+  if (options === false) {
+    delete instances[name];
+    return;
+  }
   return instances[name] ??= await createWebDirective(Object.assign({}, options, { prefix: "uni-" }));
 }
 async function useUniDirective(name, handler, wdInstance = "unicorn") {