@windwalker-io/unicorn-next 0.1.4 → 0.1.6

package/dist/chunks/legacy.js.map

@@ -1 +1 @@
-{"version":3,"file":"legacy.js","sources":["../../../../../../node_modules/@lyrasoft/ts-toolkit/src/generic/number.ts","../../src/legacy/loader.ts","../../src/legacy/legacy.ts"],"sourcesContent":["export function numberFormat(number: string | number, decimals = 0, decPoint = '.', thousandsSep = ',') {\n  number = Number(number);\n\n  const str = number.toFixed(decimals ? decimals : 0).toString().split('.');\n  const parts = [];\n\n  for (var i = str[0].length; i > 0; i -= 3) {\n    parts.unshift(str[0].substring(Math.max(0, i - 3), i));\n  }\n\n  str[0] = parts.join(thousandsSep ? thousandsSep : ',');\n\n  return str.join(decPoint ? decPoint : '.');\n}\n","import { isDebug } from '../service';\r\n\r\nconst imports: Record<string, { promise: Promise<any>; resolve?: Function; }> = {};\r\n\r\nexport class LegacyLoader {\r\n  static install(app: any) {\r\n    const loader = app.$loader = new this(app);\r\n\r\n    app.import = loader.import.bind(loader);\r\n    app.importSync = loader.importSync.bind(loader);\r\n    app.importCSS = loader.importCSS.bind(loader);\r\n    app.minFileName = loader.minFileName.bind(loader);\r\n    app.afterImported = loader.afterImported.bind(loader);\r\n  }\r\n\r\n  constructor(protected app: any) {\r\n    //\r\n  }\r\n\r\n  doImport(src: string): Promise<any> {\r\n    return S.import(src);\r\n  }\r\n\r\n  /**\r\n   * Import modules or scripts.\r\n   */\r\n  import(...src: any[]): Promise<any|any[]> {\r\n    if (src.length === 1) {\r\n      return this.doImport(src[0]);\r\n    }\r\n\r\n    const promises: Promise<any>[] = [];\r\n\r\n    src.forEach((link) => {\r\n      promises.push(\r\n        link instanceof Promise ? link : this.doImport(link)\r\n      );\r\n    });\r\n\r\n    return Promise.all(promises);\r\n  }\r\n\r\n  /**\r\n   * Import sync.\r\n   */\r\n  importSync(...src: any): Promise<any|any[]> {\r\n    let promise: Promise<any> = Promise.resolve();\r\n    let url: string[];\r\n    const modules: any[] = [];\r\n\r\n    while (url = src.shift()) {\r\n      if (!Array.isArray(url)) {\r\n        url = [ url ];\r\n      }\r\n\r\n      const target = url;\r\n      promise = promise.then(\r\n        () => this.import(...target).then((m) => {\r\n          modules.push(m);\r\n          return modules;\r\n        })\r\n      );\r\n    }\r\n\r\n    return promise;\r\n  }\r\n\r\n  /**\r\n   * Import CSS files.\r\n   */\r\n  async importCSS(...src: any): Promise<any|any[]> {\r\n    let modules: any = await this.import(...src);\r\n\r\n    if (!Array.isArray(modules)) {\r\n      modules = [modules];\r\n    }\r\n\r\n    const styles: CSSStyleSheet[] = (modules as any[]).map(module => module.default);\r\n\r\n    document.adoptedStyleSheets = [...document.adoptedStyleSheets, ...styles];\r\n  }\r\n\r\n  minFileName(fileName: string): string {\r\n    const segments = fileName.split('.');\r\n    const ext = segments.pop();\r\n\r\n    if (isDebug()) {\r\n      return segments.join('.') + '.min.' + ext;\r\n    }\r\n\r\n    return fileName;\r\n  }\r\n\r\n  asImported(name: string) {\r\n    if (!imports[name]) {\r\n      imports[name] = {\r\n        promise: Promise.resolve(),\r\n        resolve: undefined\r\n      };\r\n    } else {\r\n      imports[name]?.resolve?.();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Add after import hook for some url or id.\r\n   */\r\n  afterImported(name: string, callback: (resolve: Function, reject?: Function) => void): Promise<any> {\r\n    if (!imports[name]) {\r\n      let r;\r\n      imports[name] = {\r\n        promise: new Promise((resolve) => {\r\n          r = resolve;\r\n        }),\r\n      };\r\n\r\n      imports[name].resolve = r;\r\n    }\r\n\r\n    imports[name].promise.then(callback);\r\n\r\n    return imports[name].promise;\r\n  }\r\n}\r\n\r\n","import { numberFormat } from '@lyrasoft/ts-toolkit/generic';\r\nimport { sprintf, vsprintf } from 'sprintf-js';\r\nimport {\r\n  addGlobalValidator,\r\n  useBs5ButtonRadio,\r\n  useBs5KeepTab,\r\n  useBs5Tooltip,\r\n  useCheckboxesMultiSelect,\r\n  useFieldValidationSync,\r\n  useForm,\r\n  useFormAsync,\r\n  useFormValidation,\r\n  useFormValidationInstance,\r\n  useGrid,\r\n  useGridAsync,\r\n  useHttpClient,\r\n  useQueue,\r\n  useStack,\r\n  useTomSelect,\r\n  useUniDirective\r\n} from '../composable';\r\nimport {\r\n  __,\r\n  animateTo,\r\n  base64UrlDecode,\r\n  base64UrlEncode,\r\n  clearMessages,\r\n  clearNotifies,\r\n  debounce,\r\n  delegate,\r\n  domready,\r\n  fadeIn,\r\n  fadeOut,\r\n  getBoundedInstance,\r\n  getBoundedInstanceList,\r\n  h,\r\n  highlight,\r\n  html,\r\n  initAlpineComponent,\r\n  isDebug,\r\n  loadAlpine,\r\n  mark,\r\n  module,\r\n  prepareAlpine,\r\n  renderMessage,\r\n  route,\r\n  selectAll,\r\n  selectOne,\r\n  serial,\r\n  simpleAlert,\r\n  simpleConfirm,\r\n  simpleNotify,\r\n  slideDown,\r\n  slideToggle,\r\n  slideUp,\r\n  throttle,\r\n  tid,\r\n  uid,\r\n  useAssetUri,\r\n  useColorPicker,\r\n  useDisableIfStackNotEmpty,\r\n  useDisableOnSubmit,\r\n  useKeepAlive,\r\n  useSystemUri\r\n} from '../service';\r\nimport { LegacyLoader } from './loader';\r\n\r\nexport async function useLegacyMethods(app: any) {\r\n  const http = await useHttpClient();\r\n\r\n  app.use(LegacyLoader);\r\n\r\n  handleUri(app);\r\n  handlerHelper(app);\r\n  handleCrypto(app);\r\n\r\n  app.__ = __;\r\n  app.trans = __;\r\n  app.route = route;\r\n  app.$http = http;\r\n  app.directive = useUniDirective;\r\n\r\n  app.animate = animateTo;\r\n  app.$animation = { to: animateTo };\r\n\r\n  app.addMessage = renderMessage;\r\n  app.clearMessages = clearMessages;\r\n  app.notify = simpleNotify;\r\n  app.clearNotifies = clearNotifies;\r\n\r\n  app.loadAlpine = loadAlpine;\r\n  app.initAlpine = initAlpineComponent;\r\n  app.beforeAlpineInit = prepareAlpine;\r\n  app.prepareAlpine = prepareAlpine;\r\n\r\n  handleUI(app);\r\n\r\n  await handleFormGrid(app);\r\n\r\n  app.formValidation = useFormValidation;\r\n  app.$validation = {\r\n    get: useFormValidationInstance,\r\n    getField: useFieldValidationSync,\r\n    addGlobalValidator: addGlobalValidator,\r\n    import: () => useFormValidation()\r\n  };\r\n\r\n  app.stack = useStack;\r\n  app.queue = useQueue;\r\n}\r\n\r\nfunction handleCrypto(app: any) {\r\n  app.base64Encode = base64UrlEncode;\r\n  app.base64Decode = base64UrlDecode;\r\n  // app.uuid4 = uuid4;\r\n  app.uid = uid;\r\n  app.tid = tid;\r\n  // app.md5 = md5;\r\n  app.serial = serial;\r\n}\r\n\r\nfunction handleUri(app: any) {\r\n  app.uri = useSystemUri;\r\n  app.asset = useAssetUri;\r\n}\r\n\r\nfunction handlerHelper(app: any) {\r\n  app.domready = domready;\r\n  app.selectOne = selectOne;\r\n  app.selectAll = selectAll;\r\n  app.each = selectAll;\r\n  app.getBoundedInstance = getBoundedInstance;\r\n  app.getBoundedInstanceList = getBoundedInstanceList;\r\n  app.module = module;\r\n  app.h = h;\r\n  app.html = html;\r\n  // app.$get = get;\r\n  // app.$set = set;\r\n  app.delegate = delegate;\r\n  app.debounce = debounce;\r\n  app.throttle = throttle;\r\n  app.isDebug = isDebug;\r\n  app.confirm = simpleConfirm;\r\n  app.alert = simpleAlert;\r\n  app.numberFormat = numberFormat;\r\n  app.sprintf = sprintf;\r\n  app.vsprintf = vsprintf;\r\n  // app.genRandomString = genRandomString;\r\n  // app.defaultsDeep = defaultsDeep;\r\n}\r\n\r\nfunction handleUI(app: any) {\r\n  app.$ui ??= {};\r\n  app.$ui.addMessage = renderMessage;\r\n  app.$ui.clearMessages = clearMessages;\r\n  app.$ui.notify = simpleNotify;\r\n  app.$ui.clearNotifies = clearNotifies;\r\n\r\n  app.$ui.loadAlpine = loadAlpine;\r\n  app.$ui.initAlpine = initAlpineComponent;\r\n  app.$ui.beforeAlpineInit = prepareAlpine;\r\n  app.$ui.prepareAlpine = prepareAlpine;\r\n\r\n  app.$ui.mark = mark;\r\n  app.$ui.tomSelect = useTomSelect;\r\n  app.$ui.slideUp = slideUp;\r\n  app.$ui.slideDown = slideDown;\r\n  app.$ui.slideToggle = slideToggle;\r\n  app.$ui.fadeOut = fadeOut;\r\n  app.$ui.fadeIn = fadeIn;\r\n  app.$ui.highlight = highlight;\r\n  app.$ui.colorPicker = useColorPicker;\r\n  app.$ui.disableOnSubmit = useDisableOnSubmit;\r\n  app.$ui.disableIfStackNotEmpty = useDisableIfStackNotEmpty;\r\n  app.$ui.checkboxesMultiSelect = useCheckboxesMultiSelect;\r\n  app.$ui.keepAlive = useKeepAlive;\r\n  app.$ui.bootstrap = {\r\n    tooltip: useBs5Tooltip,\r\n    buttonRadio: useBs5ButtonRadio,\r\n    keepTab: useBs5KeepTab,\r\n  };\r\n}\r\n\r\nasync function handleFormGrid(app: any) {\r\n  await useFormAsync();\r\n  await useGridAsync();\r\n\r\n  app.form = useForm;\r\n  app.grid = useGrid;\r\n}\r\n"],"names":["module","sprintf","vsprintf"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"legacy.js","sources":["../../../../../../node_modules/@lyrasoft/ts-toolkit/src/generic/number.ts","../../src/legacy/loader.ts","../../src/legacy/legacy.ts"],"sourcesContent":["export function numberFormat(number: string | number, decimals = 0, decPoint = '.', thousandsSep = ',') {\n  number = Number(number);\n\n  const str = number.toFixed(decimals ? decimals : 0).toString().split('.');\n  const parts = [];\n\n  for (var i = str[0].length; i > 0; i -= 3) {\n    parts.unshift(str[0].substring(Math.max(0, i - 3), i));\n  }\n\n  str[0] = parts.join(thousandsSep ? thousandsSep : ',');\n\n  return str.join(decPoint ? decPoint : '.');\n}\n","import { isDebug } from '../service';\n\nconst imports: Record<string, { promise: Promise<any>; resolve?: Function; }> = {};\n\nexport class LegacyLoader {\n  static install(app: any) {\n    const loader = app.$loader = new this(app);\n\n    app.import = loader.import.bind(loader);\n    app.importSync = loader.importSync.bind(loader);\n    app.importCSS = loader.importCSS.bind(loader);\n    app.minFileName = loader.minFileName.bind(loader);\n    app.afterImported = loader.afterImported.bind(loader);\n  }\n\n  constructor(protected app: any) {\n    //\n  }\n\n  doImport(src: string): Promise<any> {\n    return S.import(src);\n  }\n\n  /**\n   * Import modules or scripts.\n   */\n  import(...src: any[]): Promise<any|any[]> {\n    if (src.length === 1) {\n      return this.doImport(src[0]);\n    }\n\n    const promises: Promise<any>[] = [];\n\n    src.forEach((link) => {\n      promises.push(\n        link instanceof Promise ? link : this.doImport(link)\n      );\n    });\n\n    return Promise.all(promises);\n  }\n\n  /**\n   * Import sync.\n   */\n  importSync(...src: any): Promise<any|any[]> {\n    let promise: Promise<any> = Promise.resolve();\n    let url: string[];\n    const modules: any[] = [];\n\n    while (url = src.shift()) {\n      if (!Array.isArray(url)) {\n        url = [ url ];\n      }\n\n      const target = url;\n      promise = promise.then(\n        () => this.import(...target).then((m) => {\n          modules.push(m);\n          return modules;\n        })\n      );\n    }\n\n    return promise;\n  }\n\n  /**\n   * Import CSS files.\n   */\n  async importCSS(...src: any): Promise<any|any[]> {\n    let modules: any = await this.import(...src);\n\n    if (!Array.isArray(modules)) {\n      modules = [modules];\n    }\n\n    const styles: CSSStyleSheet[] = (modules as any[]).map(module => module.default);\n\n    document.adoptedStyleSheets = [...document.adoptedStyleSheets, ...styles];\n  }\n\n  minFileName(fileName: string): string {\n    const segments = fileName.split('.');\n    const ext = segments.pop();\n\n    if (isDebug()) {\n      return segments.join('.') + '.min.' + ext;\n    }\n\n    return fileName;\n  }\n\n  asImported(name: string) {\n    if (!imports[name]) {\n      imports[name] = {\n        promise: Promise.resolve(),\n        resolve: undefined\n      };\n    } else {\n      imports[name]?.resolve?.();\n    }\n  }\n\n  /**\n   * Add after import hook for some url or id.\n   */\n  afterImported(name: string, callback: (resolve: Function, reject?: Function) => void): Promise<any> {\n    if (!imports[name]) {\n      let r;\n      imports[name] = {\n        promise: new Promise((resolve) => {\n          r = resolve;\n        }),\n      };\n\n      imports[name].resolve = r;\n    }\n\n    imports[name].promise.then(callback);\n\n    return imports[name].promise;\n  }\n}\n\n","import { numberFormat } from '@lyrasoft/ts-toolkit/generic';\nimport { sprintf, vsprintf } from 'sprintf-js';\nimport {\n  addGlobalValidator,\n  useBs5ButtonRadio,\n  useBs5KeepTab,\n  useBs5Tooltip,\n  useCheckboxesMultiSelect,\n  useFieldValidationInstance,\n  useForm,\n  useFormAsync,\n  useFormValidation,\n  useFormValidationInstance,\n  useGrid,\n  useGridAsync,\n  useHttpClient,\n  useQueue,\n  useStack,\n  useTomSelect,\n  useUniDirective\n} from '../composable';\nimport {\n  __,\n  animateTo,\n  base64UrlDecode,\n  base64UrlEncode,\n  clearMessages,\n  clearNotifies,\n  debounce,\n  delegate,\n  domready,\n  fadeIn,\n  fadeOut,\n  getBoundedInstance,\n  getBoundedInstanceList,\n  h,\n  highlight,\n  html,\n  initAlpineComponent,\n  isDebug,\n  loadAlpine,\n  mark,\n  module,\n  prepareAlpine,\n  renderMessage,\n  route,\n  selectAll,\n  selectOne,\n  serial,\n  simpleAlert,\n  simpleConfirm,\n  simpleNotify,\n  slideDown,\n  slideToggle,\n  slideUp,\n  throttle,\n  tid,\n  uid,\n  useAssetUri,\n  useColorPicker,\n  useDisableIfStackNotEmpty,\n  useDisableOnSubmit,\n  useKeepAlive,\n  useSystemUri\n} from '../service';\nimport { LegacyLoader } from './loader';\n\nexport async function useLegacyMethods(app: any) {\n  const http = await useHttpClient();\n\n  app.use(LegacyLoader);\n\n  handleUri(app);\n  handlerHelper(app);\n  handleCrypto(app);\n\n  app.__ = __;\n  app.trans = __;\n  app.route = route;\n  app.$http = http;\n  app.directive = useUniDirective;\n\n  app.animate = animateTo;\n  app.$animation = { to: animateTo };\n\n  app.addMessage = renderMessage;\n  app.clearMessages = clearMessages;\n  app.notify = simpleNotify;\n  app.clearNotifies = clearNotifies;\n\n  app.loadAlpine = loadAlpine;\n  app.initAlpine = initAlpineComponent;\n  app.beforeAlpineInit = prepareAlpine;\n  app.prepareAlpine = prepareAlpine;\n\n  handleUI(app);\n\n  await handleFormGrid(app);\n\n  app.formValidation = useFormValidation;\n  app.$validation = {\n    get: useFormValidationInstance,\n    getField: useFieldValidationInstance,\n    addGlobalValidator: addGlobalValidator,\n    import: () => useFormValidation()\n  };\n\n  app.stack = useStack;\n  app.queue = useQueue;\n}\n\nfunction handleCrypto(app: any) {\n  app.base64Encode = base64UrlEncode;\n  app.base64Decode = base64UrlDecode;\n  // app.uuid4 = uuid4;\n  app.uid = uid;\n  app.tid = tid;\n  // app.md5 = md5;\n  app.serial = serial;\n}\n\nfunction handleUri(app: any) {\n  app.uri = useSystemUri;\n  app.asset = useAssetUri;\n}\n\nfunction handlerHelper(app: any) {\n  app.domready = domready;\n  app.selectOne = selectOne;\n  app.selectAll = selectAll;\n  app.each = selectAll;\n  app.getBoundedInstance = getBoundedInstance;\n  app.getBoundedInstanceList = getBoundedInstanceList;\n  app.module = module;\n  app.h = h;\n  app.html = html;\n  // app.$get = get;\n  // app.$set = set;\n  app.delegate = delegate;\n  app.debounce = debounce;\n  app.throttle = throttle;\n  app.isDebug = isDebug;\n  app.confirm = simpleConfirm;\n  app.alert = simpleAlert;\n  app.numberFormat = numberFormat;\n  app.sprintf = sprintf;\n  app.vsprintf = vsprintf;\n  // app.genRandomString = genRandomString;\n  // app.defaultsDeep = defaultsDeep;\n}\n\nfunction handleUI(app: any) {\n  app.$ui ??= {};\n  app.$ui.addMessage = renderMessage;\n  app.$ui.clearMessages = clearMessages;\n  app.$ui.notify = simpleNotify;\n  app.$ui.clearNotifies = clearNotifies;\n\n  app.$ui.loadAlpine = loadAlpine;\n  app.$ui.initAlpine = initAlpineComponent;\n  app.$ui.beforeAlpineInit = prepareAlpine;\n  app.$ui.prepareAlpine = prepareAlpine;\n\n  app.$ui.mark = mark;\n  app.$ui.tomSelect = useTomSelect;\n  app.$ui.slideUp = slideUp;\n  app.$ui.slideDown = slideDown;\n  app.$ui.slideToggle = slideToggle;\n  app.$ui.fadeOut = fadeOut;\n  app.$ui.fadeIn = fadeIn;\n  app.$ui.highlight = highlight;\n  app.$ui.colorPicker = useColorPicker;\n  app.$ui.disableOnSubmit = useDisableOnSubmit;\n  app.$ui.disableIfStackNotEmpty = useDisableIfStackNotEmpty;\n  app.$ui.checkboxesMultiSelect = useCheckboxesMultiSelect;\n  app.$ui.keepAlive = useKeepAlive;\n  app.$ui.bootstrap = {\n    tooltip: useBs5Tooltip,\n    buttonRadio: useBs5ButtonRadio,\n    keepTab: useBs5KeepTab,\n  };\n}\n\nasync function handleFormGrid(app: any) {\n  await useFormAsync();\n  await useGridAsync();\n\n  app.form = useForm;\n  app.grid = useGrid;\n}\n"],"names":["module","sprintf","vsprintf"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/chunks/list-dependent.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-dependent.js","sources":["../../src/module/list-dependent.ts"],"sourcesContent":["\r\nimport type { CancelTokenSource } from 'axios';\r\nimport { useHttpClient, useUniDirective } from '../composable';\r\nimport { getBoundedInstance, html, selectOne } from '../service';\r\nimport { mergeDeep } from '../utilities';\r\n\r\nconst nope = () => {};\r\n\r\nexport interface ListDependentOptions {\r\n  ajax: {\r\n    url: string | null | ((self: ListDependent) => string);\r\n    value_field: string;\r\n    data: Record<string, any> | ((data: Record<string, any>, self: ListDependent) => Record<string, any>);\r\n  };\r\n  source?: Record<string, any>;\r\n  text_field: string;\r\n  value_field: string;\r\n  first_option?: Record<string, any>;\r\n  default_value: any;\r\n  initial_load: boolean;\r\n  empty_mark: string;\r\n  hooks: {\r\n    before_request: (value: any, element: HTMLSelectElement, dependent: HTMLSelectElement) => any;\r\n    after_request: (value: any, element: HTMLSelectElement, dependent: HTMLSelectElement) => any;\r\n  };\r\n}\r\n\r\nconst defaultOptions: ListDependentOptions = {\r\n  ajax: {\r\n    url: null,\r\n    value_field: 'value',\r\n    data: {},\r\n  },\r\n  source: undefined,\r\n  text_field: 'title',\r\n  value_field: 'id',\r\n  first_option: undefined,\r\n  default_value: null,\r\n  initial_load: true,\r\n  empty_mark: '__EMPTY__',\r\n  hooks: {\r\n    before_request: nope,\r\n    after_request: nope\r\n  }\r\n};\r\n\r\ntype ListItems = Record<string, any>[];\r\ntype MaybeGroupedListItems = Record<string, ListItems> | ListItems;\r\n\r\nexport class ListDependent {\r\n  element: HTMLSelectElement;\r\n  dependent: HTMLSelectElement;\r\n  options: ListDependentOptions;\r\n  abortController: AbortController | null = null;\r\n\r\n  static handle(el: string | HTMLSelectElement, dependent?: string | HTMLSelectElement, options: Partial<ListDependentOptions> = {}): ListDependent {\r\n    return getBoundedInstance(el, 'list-dependent', () => {\r\n      return new this(el, dependent, options);\r\n    });\r\n  }\r\n\r\n  constructor(element: string | HTMLSelectElement, dependent?: string | HTMLSelectElement, options: Partial<ListDependentOptions> = {}) {\r\n    this.options = this.mergeOptions(options);\r\n\r\n    this.element = selectOne<HTMLSelectElement>(element)!;\r\n\r\n    if (!dependent) {\r\n      dependent = this.element.dataset.dependent || '';\r\n    }\r\n\r\n    this.dependent = selectOne<HTMLSelectElement>(dependent)!;\r\n\r\n    this.bindEvents();\r\n\r\n    if (this.options.initial_load) {\r\n      this.changeList(this.dependent.value, true);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Bind events.\r\n   */\r\n  bindEvents() {\r\n    this.dependent.addEventListener('change', (event) => {\r\n      this.changeList((event.currentTarget as HTMLSelectElement)?.value);\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Update the list elements.\r\n   *\r\n   * @param {*}    value\r\n   * @param {bool} initial\r\n   */\r\n  changeList(value: string, initial = false) {\r\n    value = value || this.dependent.value;\r\n\r\n    // Empty mark\r\n    if (value === '') {\r\n      value = this.options.empty_mark;\r\n    }\r\n\r\n    if (this.options.ajax.url) {\r\n      this.ajaxUpdate(value);\r\n    } else if (this.options.source) {\r\n      this.sourceUpdate(value, initial);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Update list by source.\r\n   */\r\n  sourceUpdate(value: string, initial = false) {\r\n    const source = this.options.source;\r\n\r\n    if (!source) {\r\n      return;\r\n    }\r\n\r\n    this.beforeHook(value, this.element, this.dependent);\r\n\r\n    if (source[value]) {\r\n      this.updateListElements(source[value]);\r\n    } else {\r\n      this.updateListElements([]);\r\n\r\n      if (!initial && value !== '' && parseInt(value) !== 0) {\r\n        console.log('List for value: ' + value + ' not found.');\r\n      }\r\n    }\r\n\r\n    this.afterHook(value, this.element, this.dependent);\r\n  }\r\n\r\n  /**\r\n   * Do ajax.\r\n   *\r\n   * @param {string} value\r\n   */\r\n  async ajaxUpdate(value: string) {\r\n    let data: Record<string, any> = {};\r\n\r\n    data[this.options.ajax.value_field] = value;\r\n\r\n    if (typeof this.options.ajax.data === 'object') {\r\n      data = { ...data, ...this.options.ajax.data };\r\n    } else if (typeof this.options.ajax.data === 'function') {\r\n      data = this.options.ajax.data(data, this) || data;\r\n    }\r\n\r\n    this.beforeHook(value, this.element, this.dependent);\r\n\r\n    this.abort();\r\n\r\n    let url = this.options.ajax.url;\r\n\r\n    if (typeof url === 'function') {\r\n      url = url(this);\r\n    }\r\n\r\n    if (!url) {\r\n      throw new Error('Ajax URL is not set.');\r\n    }\r\n\r\n    const http = await useHttpClient();\r\n\r\n    this.abortController = new AbortController();\r\n\r\n    try {\r\n      const res = await http.get<{\r\n        success: boolean;\r\n        data: any;\r\n      }>(url, {\r\n        params: data,\r\n        signal: this.abortController.signal\r\n      });\r\n\r\n      const { success, data: returnData } = res.data;\r\n\r\n      if (success) {\r\n        this.updateListElements(returnData);\r\n      } else {\r\n        console.error(returnData);\r\n      }\r\n\r\n    } catch (e) {\r\n      console.error(e);\r\n    } finally {\r\n      this.afterHook(value, this.element, this.dependent);\r\n      this.abortController = null;\r\n    }\r\n  }\r\n\r\n  abort() {\r\n    if (this.abortController) {\r\n      this.abortController.abort();\r\n      this.abortController = null;\r\n    }\r\n  }\r\n\r\n  updateListElements(items: MaybeGroupedListItems) {\r\n    const textField = this.options.text_field;\r\n    const valueField = this.options.value_field;\r\n    this.element.innerHTML = '';\r\n\r\n    if (this.options.first_option && Array.isArray(items)) {\r\n      items.unshift({});\r\n      items[0][textField] = this.options.first_option[textField];\r\n      items[0][valueField] = this.options.first_option[valueField];\r\n    }\r\n\r\n    for (const i in items) {\r\n      const item = items[i as keyof typeof items] as Record<string, any> | ListItems;\r\n\r\n      if (Array.isArray(item)) {\r\n        const group = html(`<optgroup label=\"${i}\"></optgroup>`);\r\n\r\n        for (const k in item) {\r\n          const child = item[k];\r\n          this.appendOptionTo({\r\n            value: child[valueField],\r\n            text: child[textField],\r\n            attributes: child.attributes,\r\n          }, group);\r\n        }\r\n\r\n        this.element.appendChild(group);\r\n        continue;\r\n      }\r\n\r\n      this.appendOptionTo({\r\n        value: item[valueField],\r\n        text: item[textField],\r\n        attributes: item.attributes,\r\n      }, this.element);\r\n    }\r\n\r\n    this.element.dispatchEvent(new CustomEvent('change'));\r\n    this.element.dispatchEvent(new CustomEvent('list:updated'));\r\n  }\r\n\r\n  appendOptionTo(item: any, parent: any) {\r\n    const value = item.value;\r\n    const option = html('<option>' + item.text + '</option>');\r\n    option.setAttribute('value', value);\r\n\r\n    if (item.attributes) {\r\n      for (const index in item.attributes) {\r\n        const val = item.attributes[index];\r\n        option.setAttribute(index, val);\r\n      }\r\n    }\r\n\r\n    if (this.isSelected(value)) {\r\n      option.setAttribute('selected', 'selected');\r\n    }\r\n\r\n    parent.appendChild(option);\r\n  }\r\n\r\n  isSelected(value: string) {\r\n    let defaultValues: any[] = [];\r\n\r\n    // Convert all types to array\r\n    let defValue = this.element.dataset.selected ?? this.options.default_value;\r\n\r\n    if (typeof defValue === 'function') {\r\n      defValue = defValue(value, this);\r\n    }\r\n\r\n    if (Array.isArray(defValue)) {\r\n      defaultValues = defValue;\r\n    } else if (defValue && typeof defValue === 'object') {\r\n      defaultValues = Object.keys(defValue);\r\n    } else {\r\n      defaultValues = [defValue];\r\n    }\r\n\r\n    return defaultValues.indexOf(value) !== -1;\r\n  }\r\n\r\n  /**\r\n   * Before hook.\r\n   */\r\n  beforeHook(value: string, element: HTMLSelectElement, dependent: HTMLSelectElement) {\r\n    const before = this.options.hooks.before_request;\r\n\r\n    return before.call(this, value, element, dependent);\r\n  }\r\n\r\n  /**\r\n   * After hook.\r\n   */\r\n  afterHook(value: string, element: HTMLSelectElement, dependent: HTMLSelectElement) {\r\n    const after = this.options.hooks.after_request;\r\n\r\n    return after.call(this, value, element, dependent);\r\n  }\r\n\r\n  mergeOptions(options: Partial<ListDependentOptions>): ListDependentOptions {\r\n    return mergeDeep<ListDependentOptions>({}, defaultOptions, options);\r\n  }\r\n}\r\n\r\nexport const ready = useUniDirective<HTMLSelectElement>('list-dependent', {\r\n  mounted(el, binding) {\r\n    const options = JSON.parse(binding.value);\r\n\r\n    ListDependent.handle(el, options.dependent, options);\r\n  },\r\n  updated(el, binding) {\r\n    const options = JSON.parse(binding.value);\r\n\r\n    ListDependent.handle(el).mergeOptions(options);\r\n  }\r\n});\r\n\r\nexport type ListDependentModule = {\r\n  ListDependent: typeof ListDependent;\r\n  ready: typeof ready;\r\n};\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"list-dependent.js","sources":["../../src/module/list-dependent.ts"],"sourcesContent":["\nimport type { CancelTokenSource } from 'axios';\nimport { useHttpClient, useUniDirective } from '../composable';\nimport { getBoundedInstance, html, selectOne } from '../service';\nimport { mergeDeep } from '../utilities';\n\nconst nope = () => {};\n\nexport interface ListDependentOptions {\n  ajax: {\n    url: string | null | ((self: ListDependent) => string);\n    value_field: string;\n    data: Record<string, any> | ((data: Record<string, any>, self: ListDependent) => Record<string, any>);\n  };\n  source?: Record<string, any>;\n  text_field: string;\n  value_field: string;\n  first_option?: Record<string, any>;\n  default_value: any;\n  initial_load: boolean;\n  empty_mark: string;\n  hooks: {\n    before_request: (value: any, element: HTMLSelectElement, dependent: HTMLSelectElement) => any;\n    after_request: (value: any, element: HTMLSelectElement, dependent: HTMLSelectElement) => any;\n  };\n}\n\nconst defaultOptions: ListDependentOptions = {\n  ajax: {\n    url: null,\n    value_field: 'value',\n    data: {},\n  },\n  source: undefined,\n  text_field: 'title',\n  value_field: 'id',\n  first_option: undefined,\n  default_value: null,\n  initial_load: true,\n  empty_mark: '__EMPTY__',\n  hooks: {\n    before_request: nope,\n    after_request: nope\n  }\n};\n\ntype ListItems = Record<string, any>[];\ntype MaybeGroupedListItems = Record<string, ListItems> | ListItems;\n\nexport class ListDependent {\n  element: HTMLSelectElement;\n  dependent: HTMLSelectElement;\n  options: ListDependentOptions;\n  abortController: AbortController | null = null;\n\n  static handle(el: string | HTMLSelectElement, dependent?: string | HTMLSelectElement, options: Partial<ListDependentOptions> = {}): ListDependent {\n    return getBoundedInstance(el, 'list-dependent', () => {\n      return new this(el, dependent, options);\n    });\n  }\n\n  constructor(element: string | HTMLSelectElement, dependent?: string | HTMLSelectElement, options: Partial<ListDependentOptions> = {}) {\n    this.options = this.mergeOptions(options);\n\n    this.element = selectOne<HTMLSelectElement>(element)!;\n\n    if (!dependent) {\n      dependent = this.element.dataset.dependent || '';\n    }\n\n    this.dependent = selectOne<HTMLSelectElement>(dependent)!;\n\n    this.bindEvents();\n\n    if (this.options.initial_load) {\n      this.changeList(this.dependent.value, true);\n    }\n  }\n\n  /**\n   * Bind events.\n   */\n  bindEvents() {\n    this.dependent.addEventListener('change', (event) => {\n      this.changeList((event.currentTarget as HTMLSelectElement)?.value);\n    });\n  }\n\n  /**\n   * Update the list elements.\n   *\n   * @param {*}    value\n   * @param {bool} initial\n   */\n  changeList(value: string, initial = false) {\n    value = value || this.dependent.value;\n\n    // Empty mark\n    if (value === '') {\n      value = this.options.empty_mark;\n    }\n\n    if (this.options.ajax.url) {\n      this.ajaxUpdate(value);\n    } else if (this.options.source) {\n      this.sourceUpdate(value, initial);\n    }\n  }\n\n  /**\n   * Update list by source.\n   */\n  sourceUpdate(value: string, initial = false) {\n    const source = this.options.source;\n\n    if (!source) {\n      return;\n    }\n\n    this.beforeHook(value, this.element, this.dependent);\n\n    if (source[value]) {\n      this.updateListElements(source[value]);\n    } else {\n      this.updateListElements([]);\n\n      if (!initial && value !== '' && parseInt(value) !== 0) {\n        console.log('List for value: ' + value + ' not found.');\n      }\n    }\n\n    this.afterHook(value, this.element, this.dependent);\n  }\n\n  /**\n   * Do ajax.\n   *\n   * @param {string} value\n   */\n  async ajaxUpdate(value: string) {\n    let data: Record<string, any> = {};\n\n    data[this.options.ajax.value_field] = value;\n\n    if (typeof this.options.ajax.data === 'object') {\n      data = { ...data, ...this.options.ajax.data };\n    } else if (typeof this.options.ajax.data === 'function') {\n      data = this.options.ajax.data(data, this) || data;\n    }\n\n    this.beforeHook(value, this.element, this.dependent);\n\n    this.abort();\n\n    let url = this.options.ajax.url;\n\n    if (typeof url === 'function') {\n      url = url(this);\n    }\n\n    if (!url) {\n      throw new Error('Ajax URL is not set.');\n    }\n\n    const http = await useHttpClient();\n\n    this.abortController = new AbortController();\n\n    try {\n      const res = await http.get<{\n        success: boolean;\n        data: any;\n      }>(url, {\n        params: data,\n        signal: this.abortController.signal\n      });\n\n      const { success, data: returnData } = res.data;\n\n      if (success) {\n        this.updateListElements(returnData);\n      } else {\n        console.error(returnData);\n      }\n\n    } catch (e) {\n      console.error(e);\n    } finally {\n      this.afterHook(value, this.element, this.dependent);\n      this.abortController = null;\n    }\n  }\n\n  abort() {\n    if (this.abortController) {\n      this.abortController.abort();\n      this.abortController = null;\n    }\n  }\n\n  updateListElements(items: MaybeGroupedListItems) {\n    const textField = this.options.text_field;\n    const valueField = this.options.value_field;\n    this.element.innerHTML = '';\n\n    if (this.options.first_option && Array.isArray(items)) {\n      items.unshift({});\n      items[0][textField] = this.options.first_option[textField];\n      items[0][valueField] = this.options.first_option[valueField];\n    }\n\n    for (const i in items) {\n      const item = items[i as keyof typeof items] as Record<string, any> | ListItems;\n\n      if (Array.isArray(item)) {\n        const group = html(`<optgroup label=\"${i}\"></optgroup>`);\n\n        for (const k in item) {\n          const child = item[k];\n          this.appendOptionTo({\n            value: child[valueField],\n            text: child[textField],\n            attributes: child.attributes,\n          }, group);\n        }\n\n        this.element.appendChild(group);\n        continue;\n      }\n\n      this.appendOptionTo({\n        value: item[valueField],\n        text: item[textField],\n        attributes: item.attributes,\n      }, this.element);\n    }\n\n    this.element.dispatchEvent(new CustomEvent('change'));\n    this.element.dispatchEvent(new CustomEvent('list:updated'));\n  }\n\n  appendOptionTo(item: any, parent: any) {\n    const value = item.value;\n    const option = html('<option>' + item.text + '</option>');\n    option.setAttribute('value', value);\n\n    if (item.attributes) {\n      for (const index in item.attributes) {\n        const val = item.attributes[index];\n        option.setAttribute(index, val);\n      }\n    }\n\n    if (this.isSelected(value)) {\n      option.setAttribute('selected', 'selected');\n    }\n\n    parent.appendChild(option);\n  }\n\n  isSelected(value: string) {\n    let defaultValues: any[] = [];\n\n    // Convert all types to array\n    let defValue = this.element.dataset.selected ?? this.options.default_value;\n\n    if (typeof defValue === 'function') {\n      defValue = defValue(value, this);\n    }\n\n    if (Array.isArray(defValue)) {\n      defaultValues = defValue;\n    } else if (defValue && typeof defValue === 'object') {\n      defaultValues = Object.keys(defValue);\n    } else {\n      defaultValues = [defValue];\n    }\n\n    return defaultValues.indexOf(value) !== -1;\n  }\n\n  /**\n   * Before hook.\n   */\n  beforeHook(value: string, element: HTMLSelectElement, dependent: HTMLSelectElement) {\n    const before = this.options.hooks.before_request;\n\n    return before.call(this, value, element, dependent);\n  }\n\n  /**\n   * After hook.\n   */\n  afterHook(value: string, element: HTMLSelectElement, dependent: HTMLSelectElement) {\n    const after = this.options.hooks.after_request;\n\n    return after.call(this, value, element, dependent);\n  }\n\n  mergeOptions(options: Partial<ListDependentOptions>): ListDependentOptions {\n    return mergeDeep<ListDependentOptions>({}, defaultOptions, options);\n  }\n}\n\nexport const ready = useUniDirective<HTMLSelectElement>('list-dependent', {\n  mounted(el, binding) {\n    const options = JSON.parse(binding.value);\n\n    ListDependent.handle(el, options.dependent, options);\n  },\n  updated(el, binding) {\n    const options = JSON.parse(binding.value);\n\n    ListDependent.handle(el).mergeOptions(options);\n  }\n});\n\nexport type ListDependentModule = {\n  ListDependent: typeof ListDependent;\n  ready: typeof ready;\n};\n"],"names":[],"mappings":"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"}

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

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

@@ -1 +1 @@
-{"version":3,"file":"s3-uploader.js","sources":["../../src/module/s3-uploader.ts"],"sourcesContent":["import { useHttpClient } from '../composable';\r\nimport { data } from '../data';\r\nimport { EventAwareInterface, EventHandler, EventMixin } from '../events';\r\nimport type { UnicornHttpClient } from './http-client';\r\nimport { mergeDeep } from '../utilities';\r\nimport { AxiosProgressEvent, AxiosResponse } from 'axios';\r\nimport { Mixin } from 'ts-mixer';\r\n\r\nconst instances: Record<string, S3Uploader> = {};\r\nexport function get(name: string, options?: Partial<S3UploaderGlobalOptions>): S3Uploader;\r\nexport function get(\r\n  name: string,\r\n  options: Partial<S3UploaderGlobalOptions> = {}\r\n): S3Uploader | void {\r\n  return instances[name] ??= create(name, options);\r\n}\r\n\r\nexport function create(name: string, options: Partial<S3UploaderGlobalOptions> = {}): S3Uploader {\r\n  return new S3Uploader(name, options);\r\n}\r\n\r\nexport function destroy(name: string) {\r\n  delete instances[name];\r\n}\r\n\r\nconst defaultOptions: S3UploaderGlobalOptions = {\r\n  endpoint: '',\r\n  subfolder: '',\r\n  viewerHost: '',\r\n  starts_with: [],\r\n  formInputs: {\r\n    acl: '',\r\n    bucket: '',\r\n    key: '',\r\n    Policy: '',\r\n    'X-Amz-Algorithm': '',\r\n    'X-Amz-Credential': '',\r\n    'X-Amz-Date': '',\r\n    'X-Amz-Signature': '',\r\n  }\r\n};\r\n\r\nexport class S3Uploader extends Mixin(EventMixin) implements EventAwareInterface {\r\n  options: S3UploaderGlobalOptions;\r\n  http?: UnicornHttpClient;\r\n\r\n  constructor(protected name: string, options: Partial<S3UploaderGlobalOptions> = {}) {\r\n    super();\r\n\r\n    const awsOptions = data('@s3.uploader.' + name) || {};\r\n\r\n    this.options = mergeDeep<S3UploaderGlobalOptions>({}, defaultOptions, awsOptions, options);\r\n  }\r\n\r\n  async getHttpClient() {\r\n    return this.http ??= await useHttpClient();\r\n  }\r\n\r\n  /**\r\n   * Do upload.\r\n   */\r\n  async upload(\r\n    file: string | File | Blob,\r\n    path: string,\r\n    options: Partial<S3UploaderRequestOptions> = {}\r\n  ): Promise<S3UploaderResponse> {\r\n    const httpClient = await this.getHttpClient();\r\n\r\n    const fileData = new FormData();\r\n    const inputs = mergeDeep({}, this.options.formInputs, options.formInputs || {});\r\n\r\n    if (typeof file === 'string') {\r\n      file = new Blob([file], { type: options['Content-Type'] || 'text/plain' });\r\n    }\r\n\r\n    if (file instanceof Blob && path.endsWith('.{ext}')) {\r\n      throw new Error('If using Blob or file data string, you must provide a valid file extension in the path.');\r\n    }\r\n\r\n    if ((file instanceof Blob) || (file as any) instanceof File) {\r\n      options['Content-Type'] = options['Content-Type'] || file.type;\r\n    }\r\n\r\n    if (options['filename']) {\r\n      const filename = this.replaceExt(options['filename'], file);\r\n      options['Content-Disposition'] = 'attachment; filename*=UTF-8\\'\\'' + encodeURIComponent(filename);\r\n    }\r\n\r\n    path = this.replaceExt(path, file);\r\n\r\n    options['key'] = trimSlashes(this.options.subfolder || '') + '/'\r\n      + trimSlashes(path);\r\n    options['key'] = trimSlashes(options['key']);\r\n    options['Content-Type'] = options['Content-Type'] || undefined;\r\n    options['Content-Disposition'] = options['Content-Disposition'] || undefined;\r\n\r\n    // Prepare pre-signed data\r\n    for (let key in inputs) {\r\n      fileData.set(key, inputs[key]);\r\n    }\r\n\r\n    // Prepare custom data\r\n    for (let key of Object.keys(this.options.starts_with)) {\r\n      if (options[key]) {\r\n        fileData.set(key, options[key]);\r\n      }\r\n    }\r\n\r\n    fileData.append('file', file);\r\n\r\n    this.trigger('start', fileData);\r\n\r\n    try {\r\n      let res = await httpClient.post(\r\n        this.options.endpoint || '',\r\n        fileData,\r\n        {\r\n          onUploadProgress: (e) => {\r\n            if (options.onUploadProgress) {\r\n              options.onUploadProgress(e);\r\n            }\r\n\r\n            this.trigger('upload-progress', e);\r\n\r\n            if (e.total != null) {\r\n              this.trigger('progress', e.loaded / e.total, e);\r\n            }\r\n          }\r\n        }\r\n      ) as S3UploaderResponse;\r\n\r\n      const url = this.options.viewerHost + '/'\r\n        + trimSlashes(path);\r\n\r\n      this.trigger('success', url, res);\r\n\r\n      res.url = url;\r\n\r\n      return res;\r\n    } finally {\r\n      this.trigger('end');\r\n    }\r\n  }\r\n\r\n  replaceExt(path: string, file: File | Blob): string {\r\n    if (file instanceof File) {\r\n      const fileExt = file.name.split('.').pop();\r\n\r\n      if (path.endsWith('.{ext}')) {\r\n        return path.replace(/\\.{ext}$/, fileExt ? '.' + fileExt : '');\r\n      }\r\n    }\r\n\r\n    return path;\r\n  }\r\n\r\n  on(event: 'start', handler: StartEventHandler): this;\r\n  on(event: 'success', handler: SuccessEventHandler): this;\r\n  on(event: 'end', handler: EndEventHandler): this;\r\n  on(event: 'upload-progress', handler: UploadProgressEventHandler): this;\r\n  on(event: 'progress', handler: ProgressEventHandler): this;\r\n  on(event: string | string[], handler: EventHandler): this {\r\n    return super.on(event, handler);\r\n  }\r\n\r\n  onStart(handler: StartEventHandler): this {\r\n    return this.on('start', handler);\r\n  }\r\n\r\n  onSuccess(handler: SuccessEventHandler): this {\r\n    return this.on('success', handler);\r\n  }\r\n\r\n  onEnd(handler: EndEventHandler): this {\r\n    return this.on('end', handler);\r\n  }\r\n\r\n  onProgress(handler: UploadProgressEventHandler): this {\r\n    return this.on('upload-progress', handler);\r\n  }\r\n\r\n  onProgressWithTotal(handler: ProgressEventHandler): this {\r\n    return this.on('progress', handler);\r\n  }\r\n}\r\n\r\ntype EndEventHandler = () => void;\r\ntype SuccessEventHandler = (url: string, res: S3UploaderResponse) => void;\r\ntype StartEventHandler = (fileData: FormData) => void;\r\ntype UploadProgressEventHandler = (e: AxiosProgressEvent) => void;\r\ntype ProgressEventHandler = (total: number, e: AxiosProgressEvent) => void;\r\n\r\nfunction trimSlashes(str: string) {\r\n  return str.replace(/^\\/+|\\/+$/g, '');\r\n}\r\n\r\nexport interface S3UploaderResponse extends AxiosResponse {\r\n  url: string;\r\n}\r\n\r\nexport interface S3UploaderGlobalOptions {\r\n  endpoint?: string;\r\n  subfolder?: string;\r\n  viewerHost?: string;\r\n  starts_with: any[];\r\n  formInputs?: {\r\n    acl: string;\r\n    bucket: string;\r\n    key: string;\r\n    Policy: string;\r\n    'X-Amz-Algorithm': string;\r\n    'X-Amz-Credential': string;\r\n    'X-Amz-Date': string;\r\n    'X-Amz-Signature': string;\r\n    [name: string]: any\r\n  },\r\n}\r\n\r\nexport interface S3UploaderRequestOptions {\r\n  formInputs?: { [name: string]: any };\r\n  onUploadProgress?: (e: AxiosProgressEvent) => void;\r\n  'Content-Type'?: string;\r\n  'Content-Disposition'?: string;\r\n  key?: string;\r\n\r\n  [name: string]: any;\r\n}\r\n\r\nexport interface S3UploaderModule {\r\n  get(name: string, options?: Partial<S3UploaderGlobalOptions>): S3Uploader;\r\n  create(name: string, options?: Partial<S3UploaderGlobalOptions>): S3Uploader;\r\n  destroy(name: string): void;\r\n  S3Uploader: typeof S3Uploader;\r\n}\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"s3-uploader.js","sources":["../../src/module/s3-uploader.ts"],"sourcesContent":["import { useHttpClient } from '../composable';\nimport { data } from '../data';\nimport { EventAwareInterface, EventHandler, EventMixin } from '../events';\nimport type { UnicornHttpClient } from './http-client';\nimport { mergeDeep } from '../utilities';\nimport { AxiosProgressEvent, AxiosResponse } from 'axios';\nimport { Mixin } from 'ts-mixer';\n\nconst instances: Record<string, S3Uploader> = {};\nexport function get(name: string, options?: Partial<S3UploaderGlobalOptions>): S3Uploader;\nexport function get(\n  name: string,\n  options: Partial<S3UploaderGlobalOptions> = {}\n): S3Uploader | void {\n  return instances[name] ??= create(name, options);\n}\n\nexport function create(name: string, options: Partial<S3UploaderGlobalOptions> = {}): S3Uploader {\n  return new S3Uploader(name, options);\n}\n\nexport function destroy(name: string) {\n  delete instances[name];\n}\n\nconst defaultOptions: S3UploaderGlobalOptions = {\n  endpoint: '',\n  subfolder: '',\n  viewerHost: '',\n  starts_with: [],\n  formInputs: {\n    acl: '',\n    bucket: '',\n    key: '',\n    Policy: '',\n    'X-Amz-Algorithm': '',\n    'X-Amz-Credential': '',\n    'X-Amz-Date': '',\n    'X-Amz-Signature': '',\n  }\n};\n\nexport class S3Uploader extends Mixin(EventMixin) implements EventAwareInterface {\n  options: S3UploaderGlobalOptions;\n  http?: UnicornHttpClient;\n\n  constructor(protected name: string, options: Partial<S3UploaderGlobalOptions> = {}) {\n    super();\n\n    const awsOptions = data('@s3.uploader.' + name) || {};\n\n    this.options = mergeDeep<S3UploaderGlobalOptions>({}, defaultOptions, awsOptions, options);\n  }\n\n  async getHttpClient() {\n    return this.http ??= await useHttpClient();\n  }\n\n  /**\n   * Do upload.\n   */\n  async upload(\n    file: string | File | Blob,\n    path: string,\n    options: Partial<S3UploaderRequestOptions> = {}\n  ): Promise<S3UploaderResponse> {\n    const httpClient = await this.getHttpClient();\n\n    const fileData = new FormData();\n    const inputs = mergeDeep({}, this.options.formInputs, options.formInputs || {});\n\n    if (typeof file === 'string') {\n      file = new Blob([file], { type: options['Content-Type'] || 'text/plain' });\n    }\n\n    if (file instanceof Blob && 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    if ((file instanceof Blob) || (file as any) instanceof File) {\n      options['Content-Type'] = options['Content-Type'] || file.type;\n    }\n\n    if (options['filename']) {\n      const filename = this.replaceExt(options['filename'], file);\n      options['Content-Disposition'] = 'attachment; filename*=UTF-8\\'\\'' + encodeURIComponent(filename);\n    }\n\n    path = this.replaceExt(path, file);\n\n    options['key'] = trimSlashes(this.options.subfolder || '') + '/'\n      + trimSlashes(path);\n    options['key'] = trimSlashes(options['key']);\n    options['Content-Type'] = options['Content-Type'] || undefined;\n    options['Content-Disposition'] = options['Content-Disposition'] || undefined;\n\n    // Prepare pre-signed data\n    for (let key in inputs) {\n      fileData.set(key, inputs[key]);\n    }\n\n    // Prepare custom data\n    for (let key of Object.keys(this.options.starts_with)) {\n      if (options[key]) {\n        fileData.set(key, options[key]);\n      }\n    }\n\n    fileData.append('file', file);\n\n    this.trigger('start', fileData);\n\n    try {\n      let res = await httpClient.post(\n        this.options.endpoint || '',\n        fileData,\n        {\n          onUploadProgress: (e) => {\n            if (options.onUploadProgress) {\n              options.onUploadProgress(e);\n            }\n\n            this.trigger('upload-progress', e);\n\n            if (e.total != null) {\n              this.trigger('progress', e.loaded / e.total, e);\n            }\n          }\n        }\n      ) as S3UploaderResponse;\n\n      const url = this.options.viewerHost + '/'\n        + trimSlashes(path);\n\n      this.trigger('success', url, res);\n\n      res.url = url;\n\n      return res;\n    } finally {\n      this.trigger('end');\n    }\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(event: 'start', handler: StartEventHandler): this;\n  on(event: 'success', handler: SuccessEventHandler): this;\n  on(event: 'end', handler: EndEventHandler): this;\n  on(event: 'upload-progress', handler: UploadProgressEventHandler): this;\n  on(event: 'progress', handler: ProgressEventHandler): this;\n  on(event: string | string[], handler: EventHandler): this {\n    return super.on(event, handler);\n  }\n\n  onStart(handler: StartEventHandler): this {\n    return this.on('start', handler);\n  }\n\n  onSuccess(handler: SuccessEventHandler): this {\n    return this.on('success', handler);\n  }\n\n  onEnd(handler: EndEventHandler): this {\n    return this.on('end', handler);\n  }\n\n  onProgress(handler: UploadProgressEventHandler): this {\n    return this.on('upload-progress', handler);\n  }\n\n  onProgressWithTotal(handler: ProgressEventHandler): this {\n    return this.on('progress', handler);\n  }\n}\n\ntype EndEventHandler = () => void;\ntype SuccessEventHandler = (url: string, res: S3UploaderResponse) => void;\ntype StartEventHandler = (fileData: FormData) => void;\ntype UploadProgressEventHandler = (e: AxiosProgressEvent) => void;\ntype ProgressEventHandler = (total: number, e: AxiosProgressEvent) => void;\n\nfunction trimSlashes(str: string) {\n  return str.replace(/^\\/+|\\/+$/g, '');\n}\n\nexport interface S3UploaderResponse extends AxiosResponse {\n  url: string;\n}\n\nexport interface S3UploaderGlobalOptions {\n  endpoint?: string;\n  subfolder?: string;\n  viewerHost?: string;\n  starts_with: any[];\n  formInputs?: {\n    acl: string;\n    bucket: string;\n    key: string;\n    Policy: string;\n    'X-Amz-Algorithm': string;\n    'X-Amz-Credential': string;\n    'X-Amz-Date': string;\n    'X-Amz-Signature': string;\n    [name: string]: any\n  },\n}\n\nexport interface S3UploaderRequestOptions {\n  formInputs?: { [name: string]: any };\n  onUploadProgress?: (e: AxiosProgressEvent) => void;\n  'Content-Type'?: string;\n  'Content-Disposition'?: string;\n  key?: string;\n\n  [name: string]: any;\n}\n\nexport interface S3UploaderModule {\n  get(name: string, options?: Partial<S3UploaderGlobalOptions>): S3Uploader;\n  create(name: string, options?: Partial<S3UploaderGlobalOptions>): S3Uploader;\n  destroy(name: string): void;\n  S3Uploader: typeof S3Uploader;\n}\n"],"names":[],"mappings":"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"}

package/dist/chunks/show-on.js.map

@@ -1 +1 @@
-{"version":3,"file":"show-on.js","sources":["../../../../../../node_modules/lodash-es/_baseFindIndex.js","../../../../../../node_modules/lodash-es/_baseIsNaN.js","../../../../../../node_modules/lodash-es/_strictIndexOf.js","../../../../../../node_modules/lodash-es/_baseIndexOf.js","../../../../../../node_modules/lodash-es/_arrayIncludes.js","../../../../../../node_modules/lodash-es/_isFlattenable.js","../../../../../../node_modules/lodash-es/_baseFlatten.js","../../../../../../node_modules/lodash-es/_setCacheAdd.js","../../../../../../node_modules/lodash-es/_setCacheHas.js","../../../../../../node_modules/lodash-es/_SetCache.js","../../../../../../node_modules/lodash-es/_cacheHas.js","../../../../../../node_modules/lodash-es/isArrayLikeObject.js","../../../../../../node_modules/lodash-es/_baseDifference.js","../../../../../../node_modules/lodash-es/difference.js","../../src/module/show-on.ts"],"sourcesContent":["/**\n * The base implementation of `_.findIndex` and `_.findLastIndex` without\n * support for iteratee shorthands.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {Function} predicate The function invoked per iteration.\n * @param {number} fromIndex The index to search from.\n * @param {boolean} [fromRight] Specify iterating from right to left.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction baseFindIndex(array, predicate, fromIndex, fromRight) {\n  var length = array.length,\n      index = fromIndex + (fromRight ? 1 : -1);\n\n  while ((fromRight ? index-- : ++index < length)) {\n    if (predicate(array[index], index, array)) {\n      return index;\n    }\n  }\n  return -1;\n}\n\nexport default baseFindIndex;\n","/**\n * The base implementation of `_.isNaN` without support for number objects.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is `NaN`, else `false`.\n */\nfunction baseIsNaN(value) {\n  return value !== value;\n}\n\nexport default baseIsNaN;\n","/**\n * A specialized version of `_.indexOf` which performs strict equality\n * comparisons of values, i.e. `===`.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} value The value to search for.\n * @param {number} fromIndex The index to search from.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction strictIndexOf(array, value, fromIndex) {\n  var index = fromIndex - 1,\n      length = array.length;\n\n  while (++index < length) {\n    if (array[index] === value) {\n      return index;\n    }\n  }\n  return -1;\n}\n\nexport default strictIndexOf;\n","import baseFindIndex from './_baseFindIndex.js';\nimport baseIsNaN from './_baseIsNaN.js';\nimport strictIndexOf from './_strictIndexOf.js';\n\n/**\n * The base implementation of `_.indexOf` without `fromIndex` bounds checks.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} value The value to search for.\n * @param {number} fromIndex The index to search from.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction baseIndexOf(array, value, fromIndex) {\n  return value === value\n    ? strictIndexOf(array, value, fromIndex)\n    : baseFindIndex(array, baseIsNaN, fromIndex);\n}\n\nexport default baseIndexOf;\n","import baseIndexOf from './_baseIndexOf.js';\n\n/**\n * A specialized version of `_.includes` for arrays without support for\n * specifying an index to search from.\n *\n * @private\n * @param {Array} [array] The array to inspect.\n * @param {*} target The value to search for.\n * @returns {boolean} Returns `true` if `target` is found, else `false`.\n */\nfunction arrayIncludes(array, value) {\n  var length = array == null ? 0 : array.length;\n  return !!length && baseIndexOf(array, value, 0) > -1;\n}\n\nexport default arrayIncludes;\n","import Symbol from './_Symbol.js';\nimport isArguments from './isArguments.js';\nimport isArray from './isArray.js';\n\n/** Built-in value references. */\nvar spreadableSymbol = Symbol ? Symbol.isConcatSpreadable : undefined;\n\n/**\n * Checks if `value` is a flattenable `arguments` object or array.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is flattenable, else `false`.\n */\nfunction isFlattenable(value) {\n  return isArray(value) || isArguments(value) ||\n    !!(spreadableSymbol && value && value[spreadableSymbol]);\n}\n\nexport default isFlattenable;\n","import arrayPush from './_arrayPush.js';\nimport isFlattenable from './_isFlattenable.js';\n\n/**\n * The base implementation of `_.flatten` with support for restricting flattening.\n *\n * @private\n * @param {Array} array The array to flatten.\n * @param {number} depth The maximum recursion depth.\n * @param {boolean} [predicate=isFlattenable] The function invoked per iteration.\n * @param {boolean} [isStrict] Restrict to values that pass `predicate` checks.\n * @param {Array} [result=[]] The initial result value.\n * @returns {Array} Returns the new flattened array.\n */\nfunction baseFlatten(array, depth, predicate, isStrict, result) {\n  var index = -1,\n      length = array.length;\n\n  predicate || (predicate = isFlattenable);\n  result || (result = []);\n\n  while (++index < length) {\n    var value = array[index];\n    if (depth > 0 && predicate(value)) {\n      if (depth > 1) {\n        // Recursively flatten arrays (susceptible to call stack limits).\n        baseFlatten(value, depth - 1, predicate, isStrict, result);\n      } else {\n        arrayPush(result, value);\n      }\n    } else if (!isStrict) {\n      result[result.length] = value;\n    }\n  }\n  return result;\n}\n\nexport default baseFlatten;\n","/** Used to stand-in for `undefined` hash values. */\nvar HASH_UNDEFINED = '__lodash_hash_undefined__';\n\n/**\n * Adds `value` to the array cache.\n *\n * @private\n * @name add\n * @memberOf SetCache\n * @alias push\n * @param {*} value The value to cache.\n * @returns {Object} Returns the cache instance.\n */\nfunction setCacheAdd(value) {\n  this.__data__.set(value, HASH_UNDEFINED);\n  return this;\n}\n\nexport default setCacheAdd;\n","/**\n * Checks if `value` is in the array cache.\n *\n * @private\n * @name has\n * @memberOf SetCache\n * @param {*} value The value to search for.\n * @returns {number} Returns `true` if `value` is found, else `false`.\n */\nfunction setCacheHas(value) {\n  return this.__data__.has(value);\n}\n\nexport default setCacheHas;\n","import MapCache from './_MapCache.js';\nimport setCacheAdd from './_setCacheAdd.js';\nimport setCacheHas from './_setCacheHas.js';\n\n/**\n *\n * Creates an array cache object to store unique values.\n *\n * @private\n * @constructor\n * @param {Array} [values] The values to cache.\n */\nfunction SetCache(values) {\n  var index = -1,\n      length = values == null ? 0 : values.length;\n\n  this.__data__ = new MapCache;\n  while (++index < length) {\n    this.add(values[index]);\n  }\n}\n\n// Add methods to `SetCache`.\nSetCache.prototype.add = SetCache.prototype.push = setCacheAdd;\nSetCache.prototype.has = setCacheHas;\n\nexport default SetCache;\n","/**\n * Checks if a `cache` value for `key` exists.\n *\n * @private\n * @param {Object} cache The cache to query.\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\nfunction cacheHas(cache, key) {\n  return cache.has(key);\n}\n\nexport default cacheHas;\n","import isArrayLike from './isArrayLike.js';\nimport isObjectLike from './isObjectLike.js';\n\n/**\n * This method is like `_.isArrayLike` except that it also checks if `value`\n * is an object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an array-like object,\n *  else `false`.\n * @example\n *\n * _.isArrayLikeObject([1, 2, 3]);\n * // => true\n *\n * _.isArrayLikeObject(document.body.children);\n * // => true\n *\n * _.isArrayLikeObject('abc');\n * // => false\n *\n * _.isArrayLikeObject(_.noop);\n * // => false\n */\nfunction isArrayLikeObject(value) {\n  return isObjectLike(value) && isArrayLike(value);\n}\n\nexport default isArrayLikeObject;\n","import SetCache from './_SetCache.js';\nimport arrayIncludes from './_arrayIncludes.js';\nimport arrayIncludesWith from './_arrayIncludesWith.js';\nimport arrayMap from './_arrayMap.js';\nimport baseUnary from './_baseUnary.js';\nimport cacheHas from './_cacheHas.js';\n\n/** Used as the size to enable large array optimizations. */\nvar LARGE_ARRAY_SIZE = 200;\n\n/**\n * The base implementation of methods like `_.difference` without support\n * for excluding multiple arrays or iteratee shorthands.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {Array} values The values to exclude.\n * @param {Function} [iteratee] The iteratee invoked per element.\n * @param {Function} [comparator] The comparator invoked per element.\n * @returns {Array} Returns the new array of filtered values.\n */\nfunction baseDifference(array, values, iteratee, comparator) {\n  var index = -1,\n      includes = arrayIncludes,\n      isCommon = true,\n      length = array.length,\n      result = [],\n      valuesLength = values.length;\n\n  if (!length) {\n    return result;\n  }\n  if (iteratee) {\n    values = arrayMap(values, baseUnary(iteratee));\n  }\n  if (comparator) {\n    includes = arrayIncludesWith;\n    isCommon = false;\n  }\n  else if (values.length >= LARGE_ARRAY_SIZE) {\n    includes = cacheHas;\n    isCommon = false;\n    values = new SetCache(values);\n  }\n  outer:\n  while (++index < length) {\n    var value = array[index],\n        computed = iteratee == null ? value : iteratee(value);\n\n    value = (comparator || value !== 0) ? value : 0;\n    if (isCommon && computed === computed) {\n      var valuesIndex = valuesLength;\n      while (valuesIndex--) {\n        if (values[valuesIndex] === computed) {\n          continue outer;\n        }\n      }\n      result.push(value);\n    }\n    else if (!includes(values, computed, comparator)) {\n      result.push(value);\n    }\n  }\n  return result;\n}\n\nexport default baseDifference;\n","import baseDifference from './_baseDifference.js';\nimport baseFlatten from './_baseFlatten.js';\nimport baseRest from './_baseRest.js';\nimport isArrayLikeObject from './isArrayLikeObject.js';\n\n/**\n * Creates an array of `array` values not included in the other given arrays\n * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * for equality comparisons. The order and references of result values are\n * determined by the first array.\n *\n * **Note:** Unlike `_.pullAll`, this method returns a new array.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Array\n * @param {Array} array The array to inspect.\n * @param {...Array} [values] The values to exclude.\n * @returns {Array} Returns the new array of filtered values.\n * @see _.without, _.xor\n * @example\n *\n * _.difference([2, 1], [2, 3]);\n * // => [1]\n */\nvar difference = baseRest(function(array, values) {\n  return isArrayLikeObject(array)\n    ? baseDifference(array, baseFlatten(values, 1, isArrayLikeObject, true))\n    : [];\n});\n\nexport default difference;\n","\r\nimport { useUniDirective } from '../composable';\r\nimport { fadeIn, fadeOut, selectAll, selectOne, module } from '../service';\r\nimport { difference } from 'lodash-es';\r\n\r\ntype HTMLInputTypes = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;\r\ntype Conditions = Record<string, any>;\r\n\r\nexport class ShowOn {\r\n  el!: HTMLElement;\r\n  input!: HTMLInputTypes;\r\n  conditions: Conditions = {};\r\n  targets = {};\r\n  defaultReadonly: boolean | null = null;\r\n  initialDisplay!: string;\r\n\r\n  constructor(el: HTMLElement, conditions: Conditions) {\r\n    this.el = el;\r\n    this.input = this.el.querySelector<HTMLInputTypes>(\r\n      this.el.dataset.inputSelector || '[data-field-input]'\r\n    )!;\r\n    this.conditions = conditions;\r\n\r\n    this.init();\r\n  }\r\n\r\n  init() {\r\n    this.initialDisplay = window.getComputedStyle(this.el).display || 'block';\r\n\r\n    for (const selector in this.conditions) {\r\n      const value = this.conditions[selector];\r\n\r\n      const target = selectOne<HTMLElement>(selector)!;\r\n\r\n      if (this.input) {\r\n        this.defaultReadonly = this.input.hasAttribute('readonly');\r\n      }\r\n\r\n      let listenTarget: HTMLInputTypes[];\r\n\r\n      if (target.nodeName === 'DIV') {\r\n        listenTarget = Array.from(target.querySelectorAll<HTMLInputTypes>('input, select, textarea'));\r\n      } else {\r\n        listenTarget = [target as HTMLInputTypes];\r\n      }\r\n\r\n      selectAll(listenTarget, (ele) => {\r\n        ele.addEventListener('change', () => {\r\n          this.updateShowState(target, value);\r\n        });\r\n      });\r\n\r\n      this.updateShowState(target, value, 1);\r\n    }\r\n  }\r\n\r\n  updateShowState(target: HTMLElement, value: any, duration = 300) {\r\n    const matched = this.isValueMatched(target, value);\r\n\r\n    if (matched) {\r\n      setTimeout(() => {\r\n        fadeIn(this.el, duration, this.initialDisplay);\r\n      }, duration + 30);\r\n    } else {\r\n      if (this.input) {\r\n        this.defaultReadonly ??= this.input.hasAttribute('readonly');\r\n      }\r\n\r\n      fadeOut(this.el, duration);\r\n    }\r\n\r\n    if (this.input) {\r\n      if (matched) {\r\n        if (!this.defaultReadonly) {\r\n          this.input.removeAttribute('readonly');\r\n        }\r\n\r\n        this.defaultReadonly = null;\r\n      } else {\r\n        this.input.setAttribute('readonly', 'readonly');\r\n      }\r\n    }\r\n  }\r\n\r\n  isValueMatched(target: HTMLElement, value: any) {\r\n    let targetValue: any = null;\r\n\r\n    const type = this.nodeType(target);\r\n\r\n    switch (type) {\r\n      case 'input':\r\n      case 'textarea':\r\n        targetValue = (target as HTMLInputElement).value;\r\n        break;\r\n      case 'select':\r\n        if (!(target as HTMLSelectElement).multiple) {\r\n          targetValue = (target as HTMLSelectElement).value;\r\n        } else {\r\n          targetValue = selectAll(target.querySelectorAll('option'))\r\n            .filter(option => option.selected)\r\n            .map(option => option.value);\r\n        }\r\n        break;\r\n\r\n      case 'checkbox':\r\n        targetValue = (target as HTMLInputElement).checked ? (target as HTMLInputElement).value : [null, false];\r\n        break;\r\n\r\n      case 'radio':\r\n        targetValue = target.querySelector<HTMLInputElement>('input[type=radio]:checked')?.value;\r\n        break;\r\n    }\r\n\r\n    if (Array.isArray(value)) {\r\n      if (Array.isArray(targetValue)) {\r\n        return difference(value, targetValue).length === 0;\r\n      }\r\n\r\n      return value.indexOf(targetValue) !== -1;\r\n    }\r\n\r\n    if (targetValue && Array.isArray(targetValue)) {\r\n      return targetValue.indexOf(value) !== -1;\r\n    }\r\n\r\n    return value == targetValue;\r\n  }\r\n\r\n  /**\r\n   * @see https://github.com/nickjackson/val/blob/master/index.js#L55\r\n   * @param el\r\n   * @returns {string}\r\n   */\r\n  nodeType(el: HTMLElement): \"select\" | \"textarea\" | \"checkbox\" | \"input\" | \"radio\" {\r\n    var node = el.nodeName.toLowerCase();\r\n    var type = (el as HTMLInputElement).type;\r\n\r\n    if (node === 'select') {\r\n      return 'select';\r\n    }\r\n\r\n    if (node === 'textarea') {\r\n      return 'textarea';\r\n    }\r\n\r\n    if (node === 'input') {\r\n      if (type === 'checkbox') {\r\n        return 'checkbox';\r\n      }\r\n\r\n      return 'input';\r\n    }\r\n\r\n    if (node === 'div') {\r\n      if (el.querySelector('input[type=radio]')) {\r\n        return 'radio';\r\n      }\r\n    }\r\n\r\n    return 'input';\r\n  }\r\n}\r\n\r\nexport const ready = useUniDirective('show-on', {\r\n  mounted(el, { value }) {\r\n    module<HTMLElement, HTMLElement>(el, 'show.on', (el) => {\r\n      return new ShowOn(el, JSON.parse(value));\r\n    });\r\n  }\r\n});\r\n\r\nexport interface ShowOnModule {\r\n  ShowOn: typeof ShowOn;\r\n  ready: typeof ready;\r\n}\r\n"],"names":["Symbol","el"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12,13]}
+{"version":3,"file":"show-on.js","sources":["../../../../../../node_modules/lodash-es/_baseFindIndex.js","../../../../../../node_modules/lodash-es/_baseIsNaN.js","../../../../../../node_modules/lodash-es/_strictIndexOf.js","../../../../../../node_modules/lodash-es/_baseIndexOf.js","../../../../../../node_modules/lodash-es/_arrayIncludes.js","../../../../../../node_modules/lodash-es/_isFlattenable.js","../../../../../../node_modules/lodash-es/_baseFlatten.js","../../../../../../node_modules/lodash-es/_setCacheAdd.js","../../../../../../node_modules/lodash-es/_setCacheHas.js","../../../../../../node_modules/lodash-es/_SetCache.js","../../../../../../node_modules/lodash-es/_cacheHas.js","../../../../../../node_modules/lodash-es/isArrayLikeObject.js","../../../../../../node_modules/lodash-es/_baseDifference.js","../../../../../../node_modules/lodash-es/difference.js","../../src/module/show-on.ts"],"sourcesContent":["/**\n * The base implementation of `_.findIndex` and `_.findLastIndex` without\n * support for iteratee shorthands.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {Function} predicate The function invoked per iteration.\n * @param {number} fromIndex The index to search from.\n * @param {boolean} [fromRight] Specify iterating from right to left.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction baseFindIndex(array, predicate, fromIndex, fromRight) {\n  var length = array.length,\n      index = fromIndex + (fromRight ? 1 : -1);\n\n  while ((fromRight ? index-- : ++index < length)) {\n    if (predicate(array[index], index, array)) {\n      return index;\n    }\n  }\n  return -1;\n}\n\nexport default baseFindIndex;\n","/**\n * The base implementation of `_.isNaN` without support for number objects.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is `NaN`, else `false`.\n */\nfunction baseIsNaN(value) {\n  return value !== value;\n}\n\nexport default baseIsNaN;\n","/**\n * A specialized version of `_.indexOf` which performs strict equality\n * comparisons of values, i.e. `===`.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} value The value to search for.\n * @param {number} fromIndex The index to search from.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction strictIndexOf(array, value, fromIndex) {\n  var index = fromIndex - 1,\n      length = array.length;\n\n  while (++index < length) {\n    if (array[index] === value) {\n      return index;\n    }\n  }\n  return -1;\n}\n\nexport default strictIndexOf;\n","import baseFindIndex from './_baseFindIndex.js';\nimport baseIsNaN from './_baseIsNaN.js';\nimport strictIndexOf from './_strictIndexOf.js';\n\n/**\n * The base implementation of `_.indexOf` without `fromIndex` bounds checks.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} value The value to search for.\n * @param {number} fromIndex The index to search from.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction baseIndexOf(array, value, fromIndex) {\n  return value === value\n    ? strictIndexOf(array, value, fromIndex)\n    : baseFindIndex(array, baseIsNaN, fromIndex);\n}\n\nexport default baseIndexOf;\n","import baseIndexOf from './_baseIndexOf.js';\n\n/**\n * A specialized version of `_.includes` for arrays without support for\n * specifying an index to search from.\n *\n * @private\n * @param {Array} [array] The array to inspect.\n * @param {*} target The value to search for.\n * @returns {boolean} Returns `true` if `target` is found, else `false`.\n */\nfunction arrayIncludes(array, value) {\n  var length = array == null ? 0 : array.length;\n  return !!length && baseIndexOf(array, value, 0) > -1;\n}\n\nexport default arrayIncludes;\n","import Symbol from './_Symbol.js';\nimport isArguments from './isArguments.js';\nimport isArray from './isArray.js';\n\n/** Built-in value references. */\nvar spreadableSymbol = Symbol ? Symbol.isConcatSpreadable : undefined;\n\n/**\n * Checks if `value` is a flattenable `arguments` object or array.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is flattenable, else `false`.\n */\nfunction isFlattenable(value) {\n  return isArray(value) || isArguments(value) ||\n    !!(spreadableSymbol && value && value[spreadableSymbol]);\n}\n\nexport default isFlattenable;\n","import arrayPush from './_arrayPush.js';\nimport isFlattenable from './_isFlattenable.js';\n\n/**\n * The base implementation of `_.flatten` with support for restricting flattening.\n *\n * @private\n * @param {Array} array The array to flatten.\n * @param {number} depth The maximum recursion depth.\n * @param {boolean} [predicate=isFlattenable] The function invoked per iteration.\n * @param {boolean} [isStrict] Restrict to values that pass `predicate` checks.\n * @param {Array} [result=[]] The initial result value.\n * @returns {Array} Returns the new flattened array.\n */\nfunction baseFlatten(array, depth, predicate, isStrict, result) {\n  var index = -1,\n      length = array.length;\n\n  predicate || (predicate = isFlattenable);\n  result || (result = []);\n\n  while (++index < length) {\n    var value = array[index];\n    if (depth > 0 && predicate(value)) {\n      if (depth > 1) {\n        // Recursively flatten arrays (susceptible to call stack limits).\n        baseFlatten(value, depth - 1, predicate, isStrict, result);\n      } else {\n        arrayPush(result, value);\n      }\n    } else if (!isStrict) {\n      result[result.length] = value;\n    }\n  }\n  return result;\n}\n\nexport default baseFlatten;\n","/** Used to stand-in for `undefined` hash values. */\nvar HASH_UNDEFINED = '__lodash_hash_undefined__';\n\n/**\n * Adds `value` to the array cache.\n *\n * @private\n * @name add\n * @memberOf SetCache\n * @alias push\n * @param {*} value The value to cache.\n * @returns {Object} Returns the cache instance.\n */\nfunction setCacheAdd(value) {\n  this.__data__.set(value, HASH_UNDEFINED);\n  return this;\n}\n\nexport default setCacheAdd;\n","/**\n * Checks if `value` is in the array cache.\n *\n * @private\n * @name has\n * @memberOf SetCache\n * @param {*} value The value to search for.\n * @returns {number} Returns `true` if `value` is found, else `false`.\n */\nfunction setCacheHas(value) {\n  return this.__data__.has(value);\n}\n\nexport default setCacheHas;\n","import MapCache from './_MapCache.js';\nimport setCacheAdd from './_setCacheAdd.js';\nimport setCacheHas from './_setCacheHas.js';\n\n/**\n *\n * Creates an array cache object to store unique values.\n *\n * @private\n * @constructor\n * @param {Array} [values] The values to cache.\n */\nfunction SetCache(values) {\n  var index = -1,\n      length = values == null ? 0 : values.length;\n\n  this.__data__ = new MapCache;\n  while (++index < length) {\n    this.add(values[index]);\n  }\n}\n\n// Add methods to `SetCache`.\nSetCache.prototype.add = SetCache.prototype.push = setCacheAdd;\nSetCache.prototype.has = setCacheHas;\n\nexport default SetCache;\n","/**\n * Checks if a `cache` value for `key` exists.\n *\n * @private\n * @param {Object} cache The cache to query.\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\nfunction cacheHas(cache, key) {\n  return cache.has(key);\n}\n\nexport default cacheHas;\n","import isArrayLike from './isArrayLike.js';\nimport isObjectLike from './isObjectLike.js';\n\n/**\n * This method is like `_.isArrayLike` except that it also checks if `value`\n * is an object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an array-like object,\n *  else `false`.\n * @example\n *\n * _.isArrayLikeObject([1, 2, 3]);\n * // => true\n *\n * _.isArrayLikeObject(document.body.children);\n * // => true\n *\n * _.isArrayLikeObject('abc');\n * // => false\n *\n * _.isArrayLikeObject(_.noop);\n * // => false\n */\nfunction isArrayLikeObject(value) {\n  return isObjectLike(value) && isArrayLike(value);\n}\n\nexport default isArrayLikeObject;\n","import SetCache from './_SetCache.js';\nimport arrayIncludes from './_arrayIncludes.js';\nimport arrayIncludesWith from './_arrayIncludesWith.js';\nimport arrayMap from './_arrayMap.js';\nimport baseUnary from './_baseUnary.js';\nimport cacheHas from './_cacheHas.js';\n\n/** Used as the size to enable large array optimizations. */\nvar LARGE_ARRAY_SIZE = 200;\n\n/**\n * The base implementation of methods like `_.difference` without support\n * for excluding multiple arrays or iteratee shorthands.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {Array} values The values to exclude.\n * @param {Function} [iteratee] The iteratee invoked per element.\n * @param {Function} [comparator] The comparator invoked per element.\n * @returns {Array} Returns the new array of filtered values.\n */\nfunction baseDifference(array, values, iteratee, comparator) {\n  var index = -1,\n      includes = arrayIncludes,\n      isCommon = true,\n      length = array.length,\n      result = [],\n      valuesLength = values.length;\n\n  if (!length) {\n    return result;\n  }\n  if (iteratee) {\n    values = arrayMap(values, baseUnary(iteratee));\n  }\n  if (comparator) {\n    includes = arrayIncludesWith;\n    isCommon = false;\n  }\n  else if (values.length >= LARGE_ARRAY_SIZE) {\n    includes = cacheHas;\n    isCommon = false;\n    values = new SetCache(values);\n  }\n  outer:\n  while (++index < length) {\n    var value = array[index],\n        computed = iteratee == null ? value : iteratee(value);\n\n    value = (comparator || value !== 0) ? value : 0;\n    if (isCommon && computed === computed) {\n      var valuesIndex = valuesLength;\n      while (valuesIndex--) {\n        if (values[valuesIndex] === computed) {\n          continue outer;\n        }\n      }\n      result.push(value);\n    }\n    else if (!includes(values, computed, comparator)) {\n      result.push(value);\n    }\n  }\n  return result;\n}\n\nexport default baseDifference;\n","import baseDifference from './_baseDifference.js';\nimport baseFlatten from './_baseFlatten.js';\nimport baseRest from './_baseRest.js';\nimport isArrayLikeObject from './isArrayLikeObject.js';\n\n/**\n * Creates an array of `array` values not included in the other given arrays\n * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * for equality comparisons. The order and references of result values are\n * determined by the first array.\n *\n * **Note:** Unlike `_.pullAll`, this method returns a new array.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Array\n * @param {Array} array The array to inspect.\n * @param {...Array} [values] The values to exclude.\n * @returns {Array} Returns the new array of filtered values.\n * @see _.without, _.xor\n * @example\n *\n * _.difference([2, 1], [2, 3]);\n * // => [1]\n */\nvar difference = baseRest(function(array, values) {\n  return isArrayLikeObject(array)\n    ? baseDifference(array, baseFlatten(values, 1, isArrayLikeObject, true))\n    : [];\n});\n\nexport default difference;\n","\nimport { useUniDirective } from '../composable';\nimport { fadeIn, fadeOut, selectAll, selectOne, module } from '../service';\nimport { difference } from 'lodash-es';\n\ntype HTMLInputTypes = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;\ntype Conditions = Record<string, any>;\n\nexport class ShowOn {\n  el!: HTMLElement;\n  input!: HTMLInputTypes;\n  conditions: Conditions = {};\n  targets = {};\n  defaultReadonly: boolean | null = null;\n  initialDisplay!: string;\n\n  constructor(el: HTMLElement, conditions: Conditions) {\n    this.el = el;\n    this.input = this.el.querySelector<HTMLInputTypes>(\n      this.el.dataset.inputSelector || '[data-field-input]'\n    )!;\n    this.conditions = conditions;\n\n    this.init();\n  }\n\n  init() {\n    this.initialDisplay = window.getComputedStyle(this.el).display || 'block';\n\n    for (const selector in this.conditions) {\n      const value = this.conditions[selector];\n\n      const target = selectOne<HTMLElement>(selector)!;\n\n      if (this.input) {\n        this.defaultReadonly = this.input.hasAttribute('readonly');\n      }\n\n      let listenTarget: HTMLInputTypes[];\n\n      if (target.nodeName === 'DIV') {\n        listenTarget = Array.from(target.querySelectorAll<HTMLInputTypes>('input, select, textarea'));\n      } else {\n        listenTarget = [target as HTMLInputTypes];\n      }\n\n      selectAll(listenTarget, (ele) => {\n        ele.addEventListener('change', () => {\n          this.updateShowState(target, value);\n        });\n      });\n\n      this.updateShowState(target, value, 1);\n    }\n  }\n\n  updateShowState(target: HTMLElement, value: any, duration = 300) {\n    const matched = this.isValueMatched(target, value);\n\n    if (matched) {\n      setTimeout(() => {\n        fadeIn(this.el, duration, this.initialDisplay);\n      }, duration + 30);\n    } else {\n      if (this.input) {\n        this.defaultReadonly ??= this.input.hasAttribute('readonly');\n      }\n\n      fadeOut(this.el, duration);\n    }\n\n    if (this.input) {\n      if (matched) {\n        if (!this.defaultReadonly) {\n          this.input.removeAttribute('readonly');\n        }\n\n        this.defaultReadonly = null;\n      } else {\n        this.input.setAttribute('readonly', 'readonly');\n      }\n    }\n  }\n\n  isValueMatched(target: HTMLElement, value: any) {\n    let targetValue: any = null;\n\n    const type = this.nodeType(target);\n\n    switch (type) {\n      case 'input':\n      case 'textarea':\n        targetValue = (target as HTMLInputElement).value;\n        break;\n      case 'select':\n        if (!(target as HTMLSelectElement).multiple) {\n          targetValue = (target as HTMLSelectElement).value;\n        } else {\n          targetValue = selectAll(target.querySelectorAll('option'))\n            .filter(option => option.selected)\n            .map(option => option.value);\n        }\n        break;\n\n      case 'checkbox':\n        targetValue = (target as HTMLInputElement).checked ? (target as HTMLInputElement).value : [null, false];\n        break;\n\n      case 'radio':\n        targetValue = target.querySelector<HTMLInputElement>('input[type=radio]:checked')?.value;\n        break;\n    }\n\n    if (Array.isArray(value)) {\n      if (Array.isArray(targetValue)) {\n        return difference(value, targetValue).length === 0;\n      }\n\n      return value.indexOf(targetValue) !== -1;\n    }\n\n    if (targetValue && Array.isArray(targetValue)) {\n      return targetValue.indexOf(value) !== -1;\n    }\n\n    return value == targetValue;\n  }\n\n  /**\n   * @see https://github.com/nickjackson/val/blob/master/index.js#L55\n   * @param el\n   * @returns {string}\n   */\n  nodeType(el: HTMLElement): \"select\" | \"textarea\" | \"checkbox\" | \"input\" | \"radio\" {\n    var node = el.nodeName.toLowerCase();\n    var type = (el as HTMLInputElement).type;\n\n    if (node === 'select') {\n      return 'select';\n    }\n\n    if (node === 'textarea') {\n      return 'textarea';\n    }\n\n    if (node === 'input') {\n      if (type === 'checkbox') {\n        return 'checkbox';\n      }\n\n      return 'input';\n    }\n\n    if (node === 'div') {\n      if (el.querySelector('input[type=radio]')) {\n        return 'radio';\n      }\n    }\n\n    return 'input';\n  }\n}\n\nexport const ready = useUniDirective('show-on', {\n  mounted(el, { value }) {\n    module<HTMLElement, HTMLElement>(el, 'show.on', (el) => {\n      return new ShowOn(el, JSON.parse(value));\n    });\n  }\n});\n\nexport interface ShowOnModule {\n  ShowOn: typeof ShowOn;\n  ready: typeof ready;\n}\n"],"names":["Symbol","el"],"mappings":";;;;AAWA,SAAS,cAAc,OAAO,WAAW,WAAW,WAAW;AAC7D,MAAI,SAAS,MAAM,QACf,QAAQ,YAA6B;AAEzC,SAA8B,EAAE,QAAQ,QAAS;AAC/C,QAAI,UAAU,MAAM,KAAK,GAAG,OAAO,KAAK,GAAG;AACzC,aAAO;AAAA,IACT;AAAA,EACF;AACA,SAAO;AACT;ACdA,SAAS,UAAU,OAAO;AACxB,SAAO,UAAU;AACnB;ACCA,SAAS,cAAc,OAAO,OAAO,WAAW;AAC9C,MAAI,QAAQ,YAAY,GACpB,SAAS,MAAM;AAEnB,SAAO,EAAE,QAAQ,QAAQ;AACvB,QAAI,MAAM,KAAK,MAAM,OAAO;AAC1B,aAAO;AAAA,IACT;AAAA,EACF;AACA,SAAO;AACT;ACPA,SAAS,YAAY,OAAO,OAAO,WAAW;AAC5C,SAAO,UAAU,QACb,cAAc,OAAO,OAAO,SAAS,IACrC,cAAc,OAAO,WAAW,SAAS;AAC/C;ACNA,SAAS,cAAc,OAAO,OAAO;AACnC,MAAI,SAAS,SAAS,OAAO,IAAI,MAAM;AACvC,SAAO,CAAC,CAAC,UAAU,YAAY,OAAO,OAAO,CAAC,IAAI;AACpD;ACTA,IAAI,mBAAmBA,kCAASA,SAAO,oBAAA,IAAqB;AAS5D,SAAS,cAAc,OAAO;AAC5B,SAAO,QAAQ,KAAK,KAAK,YAAY,KAAK,KACxC,CAAC,EAAE,oBAAoB,SAAS,MAAM,gBAAgB;AAC1D;ACHA,SAAS,YAAY,OAAO,OAAO,WAAW,UAAU,QAAQ;AAC9D,MAAI,QAAQ,IACR,SAAS,MAAM;AAEnB,gBAAc,YAAY;AAC1B,aAAW,SAAS;AAEpB,SAAO,EAAE,QAAQ,QAAQ;AACvB,QAAI,QAAQ,MAAM,KAAK;AACvB,QAAiB,UAAU,KAAK,GAAG;AAI1B;AACL,kBAAU,QAAQ,KAAK;AAAA,MACzB;AAAA,IACF;AAAA,EAGF;AACA,SAAO;AACT;AClCA,IAAI,iBAAiB;AAYrB,SAAS,YAAY,OAAO;AAC1B,OAAK,SAAS,IAAI,OAAO,cAAc;AACvC,SAAO;AACT;ACPA,SAAS,YAAY,OAAO;AAC1B,SAAO,KAAK,SAAS,IAAI,KAAK;AAChC;ACCA,SAAS,SAAS,QAAQ;AACxB,MAAI,QAAQ,IACR,SAAS,UAAU,OAAO,IAAI,OAAO;AAEzC,OAAK,WAAW,IAAI;AACpB,SAAO,EAAE,QAAQ,QAAQ;AACvB,SAAK,IAAI,OAAO,KAAK,CAAC;AAAA,EACxB;AACF;AAGA,SAAS,UAAU,MAAM,SAAS,UAAU,OAAO;AACnD,SAAS,UAAU,MAAM;AChBzB,SAAS,SAAS,OAAO,KAAK;AAC5B,SAAO,MAAM,IAAI,GAAG;AACtB;ACkBA,SAAS,kBAAkB,OAAO;AAChC,SAAO,aAAa,KAAK,KAAK,YAAY,KAAK;AACjD;ACtBA,IAAI,mBAAmB;AAavB,SAAS,eAAe,OAAO,QAAQ,UAAU,YAAY;AAC3D,MAAI,QAAQ,IACR,WAAW,eACX,WAAW,MACX,SAAS,MAAM,QACf,SAAS,CAAA,GACT,eAAe,OAAO;AAE1B,MAAI,CAAC,QAAQ;AACX,WAAO;AAAA,EACT;AAQK,MAAI,OAAO,UAAU,kBAAkB;AAC1C,eAAW;AACX,eAAW;AACX,aAAS,IAAI,SAAS,MAAM;AAAA,EAC9B;AACA;AACA,WAAO,EAAE,QAAQ,QAAQ;AACvB,UAAI,QAAQ,MAAM,KAAK,GACnB,WAA8B;AAElC,cAAuB,UAAU,IAAK,QAAQ;AAC9C,UAAI,YAAY,aAAa,UAAU;AACrC,YAAI,cAAc;AAClB,eAAO,eAAe;AACpB,cAAI,OAAO,WAAW,MAAM,UAAU;AACpC,qBAAS;AAAA,UACX;AAAA,QACF;AACA,eAAO,KAAK,KAAK;AAAA,MACnB,WACS,CAAC,SAAS,QAAQ,UAAU,UAAU,GAAG;AAChD,eAAO,KAAK,KAAK;AAAA,MACnB;AAAA,IACF;AACA,SAAO;AACT;ACtCA,IAAI,aAAa,yBAAS,SAAS,OAAO,QAAQ;AAChD,SAAO,kBAAkB,KAAK,IAC1B,eAAe,OAAO,YAAY,QAAQ,GAAG,iBAAuB,CAAC,IACrE,CAAA;AACN,CAAC;ACtBM,MAAM,OAAO;AAAA,EAClB;AAAA,EACA;AAAA,EACA,aAAyB,CAAA;AAAA,EACzB,UAAU,CAAA;AAAA,EACV,kBAAkC;AAAA,EAClC;AAAA,EAEA,YAAY,IAAiB,YAAwB;AACnD,SAAK,KAAK;AACV,SAAK,QAAQ,KAAK,GAAG;AAAA,MACnB,KAAK,GAAG,QAAQ,iBAAiB;AAAA,IAAA;AAEnC,SAAK,aAAa;AAElB,SAAK,KAAA;AAAA,EACP;AAAA,EAEA,OAAO;AACL,SAAK,iBAAiB,OAAO,iBAAiB,KAAK,EAAE,EAAE,WAAW;AAElE,eAAW,YAAY,KAAK,YAAY;AACtC,YAAM,QAAQ,KAAK,WAAW,QAAQ;AAEtC,YAAM,SAAS,UAAuB,QAAQ;AAE9C,UAAI,KAAK,OAAO;AACd,aAAK,kBAAkB,KAAK,MAAM,aAAa,UAAU;AAAA,MAC3D;AAEA,UAAI;AAEJ,UAAI,OAAO,aAAa,OAAO;AAC7B,uBAAe,MAAM,KAAK,OAAO,iBAAiC,yBAAyB,CAAC;AAAA,MAC9F,OAAO;AACL,uBAAe,CAAC,MAAwB;AAAA,MAC1C;AAEA,gBAAU,cAAc,CAAC,QAAQ;AAC/B,YAAI,iBAAiB,UAAU,MAAM;AACnC,eAAK,gBAAgB,QAAQ,KAAK;AAAA,QACpC,CAAC;AAAA,MACH,CAAC;AAED,WAAK,gBAAgB,QAAQ,OAAO,CAAC;AAAA,IACvC;AAAA,EACF;AAAA,EAEA,gBAAgB,QAAqB,OAAY,WAAW,KAAK;AAC/D,UAAM,UAAU,KAAK,eAAe,QAAQ,KAAK;AAEjD,QAAI,SAAS;AACX,iBAAW,MAAM;AACf,eAAO,KAAK,IAAI,UAAU,KAAK,cAAc;AAAA,MAC/C,GAAG,WAAW,EAAE;AAAA,IAClB,OAAO;AACL,UAAI,KAAK,OAAO;AACd,aAAK,oBAAoB,KAAK,MAAM,aAAa,UAAU;AAAA,MAC7D;AAEA,cAAQ,KAAK,IAAI,QAAQ;AAAA,IAC3B;AAEA,QAAI,KAAK,OAAO;AACd,UAAI,SAAS;AACX,YAAI,CAAC,KAAK,iBAAiB;AACzB,eAAK,MAAM,gBAAgB,UAAU;AAAA,QACvC;AAEA,aAAK,kBAAkB;AAAA,MACzB,OAAO;AACL,aAAK,MAAM,aAAa,YAAY,UAAU;AAAA,MAChD;AAAA,IACF;AAAA,EACF;AAAA,EAEA,eAAe,QAAqB,OAAY;AAC9C,QAAI,cAAmB;AAEvB,UAAM,OAAO,KAAK,SAAS,MAAM;AAEjC,YAAQ,MAAA;AAAA,MACN,KAAK;AAAA,MACL,KAAK;AACH,sBAAe,OAA4B;AAC3C;AAAA,MACF,KAAK;AACH,YAAI,CAAE,OAA6B,UAAU;AAC3C,wBAAe,OAA6B;AAAA,QAC9C,OAAO;AACL,wBAAc,UAAU,OAAO,iBAAiB,QAAQ,CAAC,EACtD,OAAO,CAAA,WAAU,OAAO,QAAQ,EAChC,IAAI,CAAA,WAAU,OAAO,KAAK;AAAA,QAC/B;AACA;AAAA,MAEF,KAAK;AACH,sBAAe,OAA4B,UAAW,OAA4B,QAAQ,CAAC,MAAM,KAAK;AACtG;AAAA,MAEF,KAAK;AACH,sBAAc,OAAO,cAAgC,2BAA2B,GAAG;AACnF;AAAA,IAAA;AAGJ,QAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,UAAI,MAAM,QAAQ,WAAW,GAAG;AAC9B,eAAO,WAAW,OAAO,WAAW,EAAE,WAAW;AAAA,MACnD;AAEA,aAAO,MAAM,QAAQ,WAAW,MAAM;AAAA,IACxC;AAEA,QAAI,eAAe,MAAM,QAAQ,WAAW,GAAG;AAC7C,aAAO,YAAY,QAAQ,KAAK,MAAM;AAAA,IACxC;AAEA,WAAO,SAAS;AAAA,EAClB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,SAAS,IAAyE;AAChF,QAAI,OAAO,GAAG,SAAS,YAAA;AACvB,QAAI,OAAQ,GAAwB;AAEpC,QAAI,SAAS,UAAU;AACrB,aAAO;AAAA,IACT;AAEA,QAAI,SAAS,YAAY;AACvB,aAAO;AAAA,IACT;AAEA,QAAI,SAAS,SAAS;AACpB,UAAI,SAAS,YAAY;AACvB,eAAO;AAAA,MACT;AAEA,aAAO;AAAA,IACT;AAEA,QAAI,SAAS,OAAO;AAClB,UAAI,GAAG,cAAc,mBAAmB,GAAG;AACzC,eAAO;AAAA,MACT;AAAA,IACF;AAEA,WAAO;AAAA,EACT;AACF;AAEO,MAAM,QAAQ,gCAAgB,WAAW;AAAA,EAC9C,QAAQ,IAAI,EAAE,SAAS;AACrB,WAAiC,IAAI,WAAW,CAACC,QAAO;AACtD,aAAO,IAAI,OAAOA,KAAI,KAAK,MAAM,KAAK,CAAC;AAAA,IACzC,CAAC;AAAA,EACH;AACF,CAAC;","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12,13]}

package/dist/chunks/tinymce.js

@@ -1,4 +1,4 @@
-import { a7 as mergeDeep, m as useStack, u as useHttpClient, ak as useScriptImport } from "./unicorn.js";
+import { a7 as mergeDeep, m as useStack, u as useHttpClient, ai as useScriptImport } from "./unicorn.js";
 const instances = {};
 let hooks = [];
 let imported;

package/dist/chunks/tinymce.js.map

@@ -1 +1 @@
-{"version":3,"file":"tinymce.js","sources":["../../src/module/tinymce.ts"],"sourcesContent":["import type { Editor, EditorOptions, TinyMCE } from 'tinymce';\r\nimport { useHttpClient, useStack } from '../composable';\r\nimport { useImport, useScriptImport } from '../service';\r\nimport { Dictionary, MaybePromise } from '../types';\r\nimport { mergeDeep } from '../utilities';\r\n\r\nconst instances: Dictionary<TinymceController> = {};\r\nlet hooks: ((tinymce: TinyMCE) => MaybePromise<any>)[] = [];\r\nlet imported: Promise<TinyMCE>;\r\n\r\ndeclare type UploadHandlerParams = Parameters<NonNullable<EditorOptions['images_upload_handler']>>;\r\n\r\nexport async function get(\r\n  selector: string,\r\n  options: Record<string, any> = {}\r\n): Promise<TinymceController> {\r\n  return instances[selector] ??= await create(document.querySelector<HTMLElement>(selector)!, options);\r\n}\r\n\r\nexport async function create(\r\n  selector: string | HTMLElement,\r\n  options: Record<string, any> = {}\r\n): Promise<TinymceController> {\r\n  const tinymce = await loadTinymce();\r\n  let el: HTMLElement;\r\n\r\n  if (typeof selector === 'string') {\r\n    el = document.querySelector<HTMLElement>(selector)!;\r\n  } else {\r\n    el = selector;\r\n  }\r\n\r\n  return new TinymceController(tinymce, el, options);\r\n}\r\n\r\nexport function destroy(selector: string): void {\r\n  delete instances[selector];\r\n}\r\n\r\nexport function addHook(handler: ((tinymce: TinyMCE) => MaybePromise<any>)) {\r\n  hooks.push(handler);\r\n}\r\n\r\nexport function clearHooks() {\r\n  hooks = [];\r\n}\r\n\r\nasync function loadTinymce(): Promise<TinyMCE> {\r\n  return imported ??= new Promise((resolve) => {\r\n    useScriptImport('@tinymce').then(() => {\r\n      for (const hook of hooks) {\r\n        hook(tinymce);\r\n      }\r\n      registerDragPlugin(tinymce).then(() => {\r\n        resolve(tinymce);\r\n      });\r\n    });\r\n  });\r\n}\r\n\r\nconst defaultOptions: Record<string, any> = {};\r\n\r\nexport class TinymceController {\r\n  editor?: Editor;\r\n  options: Record<string, any> = {};\r\n\r\n  constructor(protected tinymce: TinyMCE, public element: HTMLElement, options: Record<string, any>) {\r\n    this.options = mergeDeep(\r\n      {\r\n        unicorn: {\r\n          stack_name: 'uploading'\r\n        }\r\n      },\r\n      defaultOptions,\r\n      this.prepareOptions(options, tinymce.majorVersion),\r\n    );\r\n\r\n    this.options.target = element;\r\n\r\n    tinymce.init(this.options).then((editor) => {\r\n      this.editor = editor[0];\r\n    });\r\n  }\r\n\r\n  prepareOptions(options: Record<string, any>, version = '6') {\r\n    const defaults: Partial<EditorOptions> = {};\r\n\r\n    if (options.images_upload_url) {\r\n      defaults.paste_data_images = true;\r\n      defaults.remove_script_host = false;\r\n      defaults.relative_urls = false;\r\n\r\n      if (Number(version) >= 6) {\r\n        defaults.images_upload_handler = (blobInfo, progress) =>\r\n          this.imageUploadHandler(blobInfo, progress);\r\n      } else {\r\n        options.plugins.push('paste');\r\n\r\n        // @ts-ignore\r\n        defaults.images_upload_handler = (blobInfo, success, failure, progress) =>\r\n          this.imageUploadHandler(blobInfo, progress)\r\n            .then((url) => {\r\n              success(url);\r\n              return url;\r\n            })\r\n            .catch((e) => {\r\n              failure(e.message, { remove: true });\r\n              throw e;\r\n            });\r\n      }\r\n    }\r\n\r\n    // defaults.file_picker_callback = (...args) => this.filePickerCallback(...args);\r\n\r\n    defaults.plugins = defaults.plugins || [];\r\n\r\n    defaults.setup = (editor) => {\r\n      editor.on('change', () => {\r\n        this.tinymce.triggerSave();\r\n      });\r\n    };\r\n\r\n    options = mergeDeep({}, defaults, options);\r\n\r\n    if (options.plugins.indexOf('unicorndragdrop') === -1) {\r\n      options.plugins.push('unicorndragdrop');\r\n    }\r\n\r\n    return options;\r\n  }\r\n\r\n  insert(text: string) {\r\n    this.editor?.insertContent(text);\r\n  }\r\n\r\n  getValue(): string {\r\n    return this.editor?.getContent() ?? '';\r\n  }\r\n\r\n  setValue(text: string): void {\r\n    this.editor?.setContent(text);\r\n  }\r\n\r\n  // filePickerCallback(callback, value, meta) {\r\n  //   const input = document.createElement('input');\r\n  //   input.setAttribute('type', 'file');\r\n  //   input.style.display = 'none';\r\n  //\r\n  //   if (meta.filetype === 'image') {\r\n  //     input.setAttribute('accept', `image/\\*`);\r\n  //   }\r\n  //\r\n  //   document.body.appendChild(input);\r\n  //\r\n  //   input.onchange = function () {\r\n  //     const file = this.files[0];\r\n  //\r\n  //     const reader = new FileReader();\r\n  //     reader.onload = function () {\r\n  //       const id = 'blobid' + (new Date()).getTime();\r\n  //       const blobCache =  tinymce.activeEditor.editorUpload.blobCache;\r\n  //       const base64 = reader.result.split(',')[1];\r\n  //       const blobInfo = blobCache.create(id, file, base64);\r\n  //       blobCache.add(blobInfo);\r\n  //\r\n  //       /* call the callback and populate the Title field with the file name */\r\n  //       callback(blobInfo.blobUri(), { title: file.name, text: file.name });\r\n  //     };\r\n  //     reader.readAsDataURL(file);\r\n  //     input.remove();\r\n  //   };\r\n  //\r\n  //   input.click();\r\n  // }\r\n\r\n  async imageUploadHandler(blobInfo: UploadHandlerParams[0], progress: UploadHandlerParams[1]) {\r\n    const element = this.element;\r\n\r\n    element.dispatchEvent(new CustomEvent('upload-start'));\r\n\r\n    const formData = new FormData();\r\n    formData.append('file', blobInfo.blob(), blobInfo.filename());\r\n\r\n    const stack = useStack(this.options.unicorn.stack_name);\r\n    stack.push(true);\r\n\r\n    const { post, isAxiosError } = await useHttpClient();\r\n\r\n    try {\r\n      let res = await post(\r\n        this.options.images_upload_url,\r\n        formData,\r\n        {\r\n          withCredentials: false,\r\n          onUploadProgress: (e) => {\r\n            progress(e.loaded / e.total! * 100);\r\n          }\r\n        }\r\n      );\r\n      element.dispatchEvent(new CustomEvent('upload-success'));\r\n\r\n      return res.data.data.url;\r\n    } catch (err) {\r\n      if (isAxiosError(err)) {\r\n        const message = err?.response?.data?.message || err.message;\r\n        console.error(err?.response?.data?.message || err.message, err);\r\n        element.dispatchEvent(new CustomEvent('upload-error', { detail: err }));\r\n\r\n        return Promise.reject({ message, remove: true });\r\n      }\r\n\r\n      throw err;\r\n    } finally {\r\n      element.dispatchEvent(new CustomEvent('upload-complete'));\r\n      stack.pop();\r\n    }\r\n  }\r\n}\r\n\r\nfunction registerDragPlugin(tinymce: TinyMCE) {\r\n  tinymce.PluginManager.add('unicorndragdrop', function (editor) {\r\n    // Reset the drop area border\r\n    tinymce.DOM.bind(document, 'dragleave', function (e) {\r\n      e.stopPropagation();\r\n      e.preventDefault();\r\n\r\n      if (tinymce.activeEditor) {\r\n        tinymce.activeEditor.contentAreaContainer.style.transition = 'all .3s';\r\n        tinymce.activeEditor.contentAreaContainer.style.borderWidth = '';\r\n      }\r\n\r\n      return false;\r\n    });\r\n\r\n    if (typeof FormData !== 'undefined') {\r\n\r\n      // Fix for Chrome\r\n      editor.on('dragenter', e => {\r\n        e.stopPropagation();\r\n        return false;\r\n      });\r\n\r\n      // Notify user when file is over the drop area\r\n      editor.on('dragover', e => {\r\n        e.preventDefault();\r\n\r\n        if (tinymce.activeEditor) {\r\n          tinymce.activeEditor.contentAreaContainer.style.transition = 'all .3s';\r\n          tinymce.activeEditor.contentAreaContainer.style.border = '3px dashed rgba(0, 0, 0, .35)';\r\n        }\r\n\r\n        return false;\r\n      });\r\n\r\n      editor.on('drop', e => {\r\n        editor.contentAreaContainer.style.borderWidth = '';\r\n        editor.contentAreaContainer.style.borderWidth = '';\r\n      });\r\n    }\r\n  });\r\n\r\n  return Promise.resolve();\r\n}\r\n\r\nexport interface TinymceModule {\r\n  get: typeof get;\r\n  create: typeof create;\r\n  destroy: typeof destroy;\r\n  addHook: typeof addHook;\r\n  clearHooks: typeof clearHooks;\r\n  TinymceController: typeof TinymceController;\r\n}\r\n\r\ndeclare global {\r\n  var tinymce: TinyMCE;\r\n}\r\n"],"names":["tinymce"],"mappings":"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"}
+{"version":3,"file":"tinymce.js","sources":["../../src/module/tinymce.ts"],"sourcesContent":["import type { Editor, EditorOptions, TinyMCE } from 'tinymce';\nimport { useHttpClient, useStack } from '../composable';\nimport { useImport, useScriptImport } from '../service';\nimport { Dictionary, MaybePromise } from '../types';\nimport { mergeDeep } from '../utilities';\n\nconst instances: Dictionary<TinymceController> = {};\nlet hooks: ((tinymce: TinyMCE) => MaybePromise<any>)[] = [];\nlet imported: Promise<TinyMCE>;\n\ndeclare type UploadHandlerParams = Parameters<NonNullable<EditorOptions['images_upload_handler']>>;\n\nexport async function get(\n  selector: string,\n  options: Record<string, any> = {}\n): Promise<TinymceController> {\n  return instances[selector] ??= await create(document.querySelector<HTMLElement>(selector)!, options);\n}\n\nexport async function create(\n  selector: string | HTMLElement,\n  options: Record<string, any> = {}\n): Promise<TinymceController> {\n  const tinymce = await loadTinymce();\n  let el: HTMLElement;\n\n  if (typeof selector === 'string') {\n    el = document.querySelector<HTMLElement>(selector)!;\n  } else {\n    el = selector;\n  }\n\n  return new TinymceController(tinymce, el, options);\n}\n\nexport function destroy(selector: string): void {\n  delete instances[selector];\n}\n\nexport function addHook(handler: ((tinymce: TinyMCE) => MaybePromise<any>)) {\n  hooks.push(handler);\n}\n\nexport function clearHooks() {\n  hooks = [];\n}\n\nasync function loadTinymce(): Promise<TinyMCE> {\n  return imported ??= new Promise((resolve) => {\n    useScriptImport('@tinymce').then(() => {\n      for (const hook of hooks) {\n        hook(tinymce);\n      }\n      registerDragPlugin(tinymce).then(() => {\n        resolve(tinymce);\n      });\n    });\n  });\n}\n\nconst defaultOptions: Record<string, any> = {};\n\nexport class TinymceController {\n  editor?: Editor;\n  options: Record<string, any> = {};\n\n  constructor(protected tinymce: TinyMCE, public element: HTMLElement, options: Record<string, any>) {\n    this.options = mergeDeep(\n      {\n        unicorn: {\n          stack_name: 'uploading'\n        }\n      },\n      defaultOptions,\n      this.prepareOptions(options, tinymce.majorVersion),\n    );\n\n    this.options.target = element;\n\n    tinymce.init(this.options).then((editor) => {\n      this.editor = editor[0];\n    });\n  }\n\n  prepareOptions(options: Record<string, any>, version = '6') {\n    const defaults: Partial<EditorOptions> = {};\n\n    if (options.images_upload_url) {\n      defaults.paste_data_images = true;\n      defaults.remove_script_host = false;\n      defaults.relative_urls = false;\n\n      if (Number(version) >= 6) {\n        defaults.images_upload_handler = (blobInfo, progress) =>\n          this.imageUploadHandler(blobInfo, progress);\n      } else {\n        options.plugins.push('paste');\n\n        // @ts-ignore\n        defaults.images_upload_handler = (blobInfo, success, failure, progress) =>\n          this.imageUploadHandler(blobInfo, progress)\n            .then((url) => {\n              success(url);\n              return url;\n            })\n            .catch((e) => {\n              failure(e.message, { remove: true });\n              throw e;\n            });\n      }\n    }\n\n    // defaults.file_picker_callback = (...args) => this.filePickerCallback(...args);\n\n    defaults.plugins = defaults.plugins || [];\n\n    defaults.setup = (editor) => {\n      editor.on('change', () => {\n        this.tinymce.triggerSave();\n      });\n    };\n\n    options = mergeDeep({}, defaults, options);\n\n    if (options.plugins.indexOf('unicorndragdrop') === -1) {\n      options.plugins.push('unicorndragdrop');\n    }\n\n    return options;\n  }\n\n  insert(text: string) {\n    this.editor?.insertContent(text);\n  }\n\n  getValue(): string {\n    return this.editor?.getContent() ?? '';\n  }\n\n  setValue(text: string): void {\n    this.editor?.setContent(text);\n  }\n\n  // filePickerCallback(callback, value, meta) {\n  //   const input = document.createElement('input');\n  //   input.setAttribute('type', 'file');\n  //   input.style.display = 'none';\n  //\n  //   if (meta.filetype === 'image') {\n  //     input.setAttribute('accept', `image/\\*`);\n  //   }\n  //\n  //   document.body.appendChild(input);\n  //\n  //   input.onchange = function () {\n  //     const file = this.files[0];\n  //\n  //     const reader = new FileReader();\n  //     reader.onload = function () {\n  //       const id = 'blobid' + (new Date()).getTime();\n  //       const blobCache =  tinymce.activeEditor.editorUpload.blobCache;\n  //       const base64 = reader.result.split(',')[1];\n  //       const blobInfo = blobCache.create(id, file, base64);\n  //       blobCache.add(blobInfo);\n  //\n  //       /* call the callback and populate the Title field with the file name */\n  //       callback(blobInfo.blobUri(), { title: file.name, text: file.name });\n  //     };\n  //     reader.readAsDataURL(file);\n  //     input.remove();\n  //   };\n  //\n  //   input.click();\n  // }\n\n  async imageUploadHandler(blobInfo: UploadHandlerParams[0], progress: UploadHandlerParams[1]) {\n    const element = this.element;\n\n    element.dispatchEvent(new CustomEvent('upload-start'));\n\n    const formData = new FormData();\n    formData.append('file', blobInfo.blob(), blobInfo.filename());\n\n    const stack = useStack(this.options.unicorn.stack_name);\n    stack.push(true);\n\n    const { post, isAxiosError } = await useHttpClient();\n\n    try {\n      let res = await post(\n        this.options.images_upload_url,\n        formData,\n        {\n          withCredentials: false,\n          onUploadProgress: (e) => {\n            progress(e.loaded / e.total! * 100);\n          }\n        }\n      );\n      element.dispatchEvent(new CustomEvent('upload-success'));\n\n      return res.data.data.url;\n    } catch (err) {\n      if (isAxiosError(err)) {\n        const message = err?.response?.data?.message || err.message;\n        console.error(err?.response?.data?.message || err.message, err);\n        element.dispatchEvent(new CustomEvent('upload-error', { detail: err }));\n\n        return Promise.reject({ message, remove: true });\n      }\n\n      throw err;\n    } finally {\n      element.dispatchEvent(new CustomEvent('upload-complete'));\n      stack.pop();\n    }\n  }\n}\n\nfunction registerDragPlugin(tinymce: TinyMCE) {\n  tinymce.PluginManager.add('unicorndragdrop', function (editor) {\n    // Reset the drop area border\n    tinymce.DOM.bind(document, 'dragleave', function (e) {\n      e.stopPropagation();\n      e.preventDefault();\n\n      if (tinymce.activeEditor) {\n        tinymce.activeEditor.contentAreaContainer.style.transition = 'all .3s';\n        tinymce.activeEditor.contentAreaContainer.style.borderWidth = '';\n      }\n\n      return false;\n    });\n\n    if (typeof FormData !== 'undefined') {\n\n      // Fix for Chrome\n      editor.on('dragenter', e => {\n        e.stopPropagation();\n        return false;\n      });\n\n      // Notify user when file is over the drop area\n      editor.on('dragover', e => {\n        e.preventDefault();\n\n        if (tinymce.activeEditor) {\n          tinymce.activeEditor.contentAreaContainer.style.transition = 'all .3s';\n          tinymce.activeEditor.contentAreaContainer.style.border = '3px dashed rgba(0, 0, 0, .35)';\n        }\n\n        return false;\n      });\n\n      editor.on('drop', e => {\n        editor.contentAreaContainer.style.borderWidth = '';\n        editor.contentAreaContainer.style.borderWidth = '';\n      });\n    }\n  });\n\n  return Promise.resolve();\n}\n\nexport interface TinymceModule {\n  get: typeof get;\n  create: typeof create;\n  destroy: typeof destroy;\n  addHook: typeof addHook;\n  clearHooks: typeof clearHooks;\n  TinymceController: typeof TinymceController;\n}\n\ndeclare global {\n  var tinymce: TinyMCE;\n}\n"],"names":["tinymce"],"mappings":";AAMA,MAAM,YAA2C,CAAA;AACjD,IAAI,QAAqD,CAAA;AACzD,IAAI;AAIJ,eAAsB,IACpB,UACA,UAA+B,IACH;AAC5B,SAAO,UAAU,QAAQ,MAAM,MAAM,OAAO,SAAS,cAA2B,QAAQ,GAAI,OAAO;AACrG;AAEA,eAAsB,OACpB,UACA,UAA+B,IACH;AAC5B,QAAMA,WAAU,MAAM,YAAA;AACtB,MAAI;AAEJ,MAAI,OAAO,aAAa,UAAU;AAChC,SAAK,SAAS,cAA2B,QAAQ;AAAA,EACnD,OAAO;AACL,SAAK;AAAA,EACP;AAEA,SAAO,IAAI,kBAAkBA,UAAS,IAAI,OAAO;AACnD;AAEO,SAAS,QAAQ,UAAwB;AAC9C,SAAO,UAAU,QAAQ;AAC3B;AAEO,SAAS,QAAQ,SAAoD;AAC1E,QAAM,KAAK,OAAO;AACpB;AAEO,SAAS,aAAa;AAC3B,UAAQ,CAAA;AACV;AAEA,eAAe,cAAgC;AAC7C,SAAO,aAAa,IAAI,QAAQ,CAAC,YAAY;AAC3C,oBAAgB,UAAU,EAAE,KAAK,MAAM;AACrC,iBAAW,QAAQ,OAAO;AACxB,aAAK,OAAO;AAAA,MACd;AACA,yBAAmB,OAAO,EAAE,KAAK,MAAM;AACrC,gBAAQ,OAAO;AAAA,MACjB,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC;AACH;AAEA,MAAM,iBAAsC,CAAA;AAErC,MAAM,kBAAkB;AAAA,EAI7B,YAAsBA,UAAyB,SAAsB,SAA8B;AAA7E,SAAA,UAAAA;AAAyB,SAAA,UAAA;AAC7C,SAAK,UAAU;AAAA,MACb;AAAA,QACE,SAAS;AAAA,UACP,YAAY;AAAA,QAAA;AAAA,MACd;AAAA,MAEF;AAAA,MACA,KAAK,eAAe,SAASA,SAAQ,YAAY;AAAA,IAAA;AAGnD,SAAK,QAAQ,SAAS;AAEtBA,aAAQ,KAAK,KAAK,OAAO,EAAE,KAAK,CAAC,WAAW;AAC1C,WAAK,SAAS,OAAO,CAAC;AAAA,IACxB,CAAC;AAAA,EACH;AAAA,EAnBA;AAAA,EACA,UAA+B,CAAA;AAAA,EAoB/B,eAAe,SAA8B,UAAU,KAAK;AAC1D,UAAM,WAAmC,CAAA;AAEzC,QAAI,QAAQ,mBAAmB;AAC7B,eAAS,oBAAoB;AAC7B,eAAS,qBAAqB;AAC9B,eAAS,gBAAgB;AAEzB,UAAI,OAAO,OAAO,KAAK,GAAG;AACxB,iBAAS,wBAAwB,CAAC,UAAU,aAC1C,KAAK,mBAAmB,UAAU,QAAQ;AAAA,MAC9C,OAAO;AACL,gBAAQ,QAAQ,KAAK,OAAO;AAG5B,iBAAS,wBAAwB,CAAC,UAAU,SAAS,SAAS,aAC5D,KAAK,mBAAmB,UAAU,QAAQ,EACvC,KAAK,CAAC,QAAQ;AACb,kBAAQ,GAAG;AACX,iBAAO;AAAA,QACT,CAAC,EACA,MAAM,CAAC,MAAM;AACZ,kBAAQ,EAAE,SAAS,EAAE,QAAQ,MAAM;AACnC,gBAAM;AAAA,QACR,CAAC;AAAA,MACP;AAAA,IACF;AAIA,aAAS,UAAU,SAAS,WAAW,CAAA;AAEvC,aAAS,QAAQ,CAAC,WAAW;AAC3B,aAAO,GAAG,UAAU,MAAM;AACxB,aAAK,QAAQ,YAAA;AAAA,MACf,CAAC;AAAA,IACH;AAEA,cAAU,UAAU,IAAI,UAAU,OAAO;AAEzC,QAAI,QAAQ,QAAQ,QAAQ,iBAAiB,MAAM,IAAI;AACrD,cAAQ,QAAQ,KAAK,iBAAiB;AAAA,IACxC;AAEA,WAAO;AAAA,EACT;AAAA,EAEA,OAAO,MAAc;AACnB,SAAK,QAAQ,cAAc,IAAI;AAAA,EACjC;AAAA,EAEA,WAAmB;AACjB,WAAO,KAAK,QAAQ,WAAA,KAAgB;AAAA,EACtC;AAAA,EAEA,SAAS,MAAoB;AAC3B,SAAK,QAAQ,WAAW,IAAI;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkCA,MAAM,mBAAmB,UAAkC,UAAkC;AAC3F,UAAM,UAAU,KAAK;AAErB,YAAQ,cAAc,IAAI,YAAY,cAAc,CAAC;AAErD,UAAM,WAAW,IAAI,SAAA;AACrB,aAAS,OAAO,QAAQ,SAAS,QAAQ,SAAS,UAAU;AAE5D,UAAM,QAAQ,SAAS,KAAK,QAAQ,QAAQ,UAAU;AACtD,UAAM,KAAK,IAAI;AAEf,UAAM,EAAE,MAAM,aAAA,IAAiB,MAAM,cAAA;AAErC,QAAI;AACF,UAAI,MAAM,MAAM;AAAA,QACd,KAAK,QAAQ;AAAA,QACb;AAAA,QACA;AAAA,UACE,iBAAiB;AAAA,UACjB,kBAAkB,CAAC,MAAM;AACvB,qBAAS,EAAE,SAAS,EAAE,QAAS,GAAG;AAAA,UACpC;AAAA,QAAA;AAAA,MACF;AAEF,cAAQ,cAAc,IAAI,YAAY,gBAAgB,CAAC;AAEvD,aAAO,IAAI,KAAK,KAAK;AAAA,IACvB,SAAS,KAAK;AACZ,UAAI,aAAa,GAAG,GAAG;AACrB,cAAM,UAAU,KAAK,UAAU,MAAM,WAAW,IAAI;AACpD,gBAAQ,MAAM,KAAK,UAAU,MAAM,WAAW,IAAI,SAAS,GAAG;AAC9D,gBAAQ,cAAc,IAAI,YAAY,gBAAgB,EAAE,QAAQ,IAAA,CAAK,CAAC;AAEtE,eAAO,QAAQ,OAAO,EAAE,SAAS,QAAQ,MAAM;AAAA,MACjD;AAEA,YAAM;AAAA,IACR,UAAA;AACE,cAAQ,cAAc,IAAI,YAAY,iBAAiB,CAAC;AACxD,YAAM,IAAA;AAAA,IACR;AAAA,EACF;AACF;AAEA,SAAS,mBAAmBA,UAAkB;AAC5CA,WAAQ,cAAc,IAAI,mBAAmB,SAAU,QAAQ;AAE7DA,aAAQ,IAAI,KAAK,UAAU,aAAa,SAAU,GAAG;AACnD,QAAE,gBAAA;AACF,QAAE,eAAA;AAEF,UAAIA,SAAQ,cAAc;AACxBA,iBAAQ,aAAa,qBAAqB,MAAM,aAAa;AAC7DA,iBAAQ,aAAa,qBAAqB,MAAM,cAAc;AAAA,MAChE;AAEA,aAAO;AAAA,IACT,CAAC;AAED,QAAI,OAAO,aAAa,aAAa;AAGnC,aAAO,GAAG,aAAa,CAAA,MAAK;AAC1B,UAAE,gBAAA;AACF,eAAO;AAAA,MACT,CAAC;AAGD,aAAO,GAAG,YAAY,CAAA,MAAK;AACzB,UAAE,eAAA;AAEF,YAAIA,SAAQ,cAAc;AACxBA,mBAAQ,aAAa,qBAAqB,MAAM,aAAa;AAC7DA,mBAAQ,aAAa,qBAAqB,MAAM,SAAS;AAAA,QAC3D;AAEA,eAAO;AAAA,MACT,CAAC;AAED,aAAO,GAAG,QAAQ,CAAA,MAAK;AACrB,eAAO,qBAAqB,MAAM,cAAc;AAChD,eAAO,qBAAqB,MAAM,cAAc;AAAA,MAClD,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAED,SAAO,QAAQ,QAAA;AACjB;"}

package/dist/chunks/ui-bootstrap5.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-bootstrap5.js","sources":["../../src/module/ui-bootstrap5.ts"],"sourcesContent":["import * as bootstrap from 'bootstrap';\r\nimport { Tooltip } from 'bootstrap';\r\nimport type { ButtonRadio, ButtonRadioModule, ButtonRadioOptions } from '../bootstrap/button-radio';\r\nimport type { KeepTab, KeepTabModule, KeepTabOptions } from '../bootstrap/keep-tab';\r\nimport { html, selectAll, selectOne, uid } from '../service';\r\nimport type { UIThemeInterface } from '../types';\r\n\r\nexport class UIBootstrap5 implements UIThemeInterface {\r\n  static instance: UIBootstrap5 | null = null;\r\n\r\n  bootstrap = bootstrap;\r\n\r\n  static get() {\r\n    return this.instance ??= new this();\r\n  }\r\n\r\n  renderMessage(messages: string | string[], type: string = 'info'): () => void {\r\n    if (!Array.isArray(messages)) {\r\n      messages = [messages];\r\n    }\r\n\r\n    let text = '';\r\n    const id = 'uni-msg-' + uid();\r\n\r\n    messages.forEach((msg) => {\r\n      text += `<div class=\"\">${msg}</div>`;\r\n    });\r\n\r\n    const msgHtml = html(`<div id=\"${id}\" class=\"alert alert-${type} alert-dismissible fade show\" role=\"alert\">\r\n  ${text}\r\n  <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"></button>\r\n</div>`);\r\n\r\n    const container = selectOne('.c-messages-container');\r\n\r\n    if (container) {\r\n      container.appendChild(msgHtml);\r\n    }\r\n\r\n    return () => {\r\n      const ele = document.getElementById(id);\r\n\r\n      if (ele) {\r\n        ele.remove();\r\n      }\r\n    }\r\n  }\r\n\r\n  clearMessages() {\r\n    const container = selectOne('.c-messages-container');\r\n\r\n    if (container) {\r\n      container.innerHTML = '';\r\n    }\r\n  }\r\n\r\n  async keepTab(): Promise<KeepTabModule>;\r\n  async keepTab(selector?: string | HTMLElement, options?: KeepTabOptions): Promise<KeepTab>;\r\n  async keepTab(selector?: string | HTMLElement, options: KeepTabOptions = {}): Promise<any> {\r\n    const module = await import('../bootstrap/keep-tab');\r\n\r\n    await module.ready;\r\n\r\n    if (selector) {\r\n      return new module.KeepTab(selector, options);\r\n    }\r\n\r\n    return module;\r\n  }\r\n\r\n  async buttonRadio(): Promise<ButtonRadioModule>;\r\n  async buttonRadio(selector?: string | HTMLElement, options?: ButtonRadioOptions): Promise<ButtonRadio>;\r\n  async buttonRadio(selector?: string | HTMLElement, options: ButtonRadioOptions = {}): Promise<any> {\r\n    const m = await import('../bootstrap/button-radio');\r\n\r\n    await m.ready;\r\n\r\n    if (selector) {\r\n      return m.ButtonRadio.handle(selector, options);\r\n    }\r\n\r\n    return m;\r\n  }\r\n\r\n  tooltip(\r\n    selector: NodeListOf<Element> | Element | string = '[data-bs-toggle=\"tooltip\"]',\r\n    config: Partial<Tooltip.Options> = {}\r\n  ): Tooltip[] {\r\n    return this.selectAsArray(selector)\r\n      .map((ele) => Tooltip.getOrCreateInstance(ele, config));\r\n  }\r\n\r\n  protected selectAsArray(selector: NodeListOf<Element> | Element | string) {\r\n    if (selector instanceof NodeList) {\r\n      return Array.from(selector);\r\n    } else if (typeof selector === 'string') {\r\n      return selectAll(selector);\r\n    } else {\r\n      return [selector];\r\n    }\r\n  }\r\n\r\n  getMajorVersion(module: any) {\r\n    return Number(module.VERSION.split('.').shift());\r\n  }\r\n\r\n  pushBootstrapToGlobal() {\r\n    window.bootstrap = bootstrap;\r\n  }\r\n}\r\n\r\ndeclare global {\r\n  export interface Window {\r\n    bootstrap: typeof bootstrap;\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;AAOO,MAAM,aAAyC;AAAA,EACpD,OAAO,WAAgC;AAAA,EAEvC,YAAY;AAAA,EAEZ,OAAO,MAAM;AACX,WAAO,KAAK,aAAa,IAAI,KAAA;AAAA,EAC/B;AAAA,EAEA,cAAc,UAA6B,OAAe,QAAoB;AAC5E,QAAI,CAAC,MAAM,QAAQ,QAAQ,GAAG;AAC5B,iBAAW,CAAC,QAAQ;AAAA,IACtB;AAEA,QAAI,OAAO;AACX,UAAM,KAAK,aAAa,IAAA;AAExB,aAAS,QAAQ,CAAC,QAAQ;AACxB,cAAQ,iBAAiB,GAAG;AAAA,IAC9B,CAAC;AAED,UAAM,UAAU,KAAK,YAAY,EAAE,wBAAwB,IAAI;AAAA,IAC/D,IAAI;AAAA;AAAA,OAED;AAEH,UAAM,YAAY,UAAU,uBAAuB;AAEnD,QAAI,WAAW;AACb,gBAAU,YAAY,OAAO;AAAA,IAC/B;AAEA,WAAO,MAAM;AACX,YAAM,MAAM,SAAS,eAAe,EAAE;AAEtC,UAAI,KAAK;AACP,YAAI,OAAA;AAAA,MACN;AAAA,IACF;AAAA,EACF;AAAA,EAEA,gBAAgB;AACd,UAAM,YAAY,UAAU,uBAAuB;AAEnD,QAAI,WAAW;AACb,gBAAU,YAAY;AAAA,IACxB;AAAA,EACF;AAAA,EAIA,MAAM,QAAQ,UAAiC,UAA0B,IAAkB;AACzF,UAAM,SAAS,MAAM,OAAO,eAAuB;AAEnD,UAAM,OAAO;AAEb,QAAI,UAAU;AACZ,aAAO,IAAI,OAAO,QAAQ,UAAU,OAAO;AAAA,IAC7C;AAEA,WAAO;AAAA,EACT;AAAA,EAIA,MAAM,YAAY,UAAiC,UAA8B,IAAkB;AACjG,UAAM,IAAI,MAAM,OAAO,mBAA2B;AAElD,UAAM,EAAE;AAER,QAAI,UAAU;AACZ,aAAO,EAAE,YAAY,OAAO,UAAU,OAAO;AAAA,IAC/C;AAEA,WAAO;AAAA,EACT;AAAA,EAEA,QACE,WAAmD,8BACnD,SAAmC,CAAA,GACxB;AACX,WAAO,KAAK,cAAc,QAAQ,EAC/B,IAAI,CAAC,QAAQ,QAAQ,oBAAoB,KAAK,MAAM,CAAC;AAAA,EAC1D;AAAA,EAEU,cAAc,UAAkD;AACxE,QAAI,oBAAoB,UAAU;AAChC,aAAO,MAAM,KAAK,QAAQ;AAAA,IAC5B,WAAW,OAAO,aAAa,UAAU;AACvC,aAAO,UAAU,QAAQ;AAAA,IAC3B,OAAO;AACL,aAAO,CAAC,QAAQ;AAAA,IAClB;AAAA,EACF;AAAA,EAEA,gBAAgB,QAAa;AAC3B,WAAO,OAAO,OAAO,QAAQ,MAAM,GAAG,EAAE,OAAO;AAAA,EACjD;AAAA,EAEA,wBAAwB;AACtB,WAAO,YAAY;AAAA,EACrB;AACF;"}
+{"version":3,"file":"ui-bootstrap5.js","sources":["../../src/module/ui-bootstrap5.ts"],"sourcesContent":["import * as bootstrap from 'bootstrap';\nimport { Tooltip } from 'bootstrap';\nimport type { ButtonRadio, ButtonRadioModule, ButtonRadioOptions } from '../bootstrap/button-radio';\nimport type { KeepTab, KeepTabModule, KeepTabOptions } from '../bootstrap/keep-tab';\nimport { html, selectAll, selectOne, uid } from '../service';\nimport type { UIThemeInterface } from '../types';\n\nexport class UIBootstrap5 implements UIThemeInterface {\n  static instance: UIBootstrap5 | null = null;\n\n  bootstrap = bootstrap;\n\n  static get() {\n    return this.instance ??= new this();\n  }\n\n  renderMessage(messages: string | string[], type: string = 'info'): () => void {\n    if (!Array.isArray(messages)) {\n      messages = [messages];\n    }\n\n    let text = '';\n    const id = 'uni-msg-' + uid();\n\n    messages.forEach((msg) => {\n      text += `<div class=\"\">${msg}</div>`;\n    });\n\n    const msgHtml = html(`<div id=\"${id}\" class=\"alert alert-${type} alert-dismissible fade show\" role=\"alert\">\n  ${text}\n  <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Close\"></button>\n</div>`);\n\n    const container = selectOne('.c-messages-container');\n\n    if (container) {\n      container.appendChild(msgHtml);\n    }\n\n    return () => {\n      const ele = document.getElementById(id);\n\n      if (ele) {\n        ele.remove();\n      }\n    }\n  }\n\n  clearMessages() {\n    const container = selectOne('.c-messages-container');\n\n    if (container) {\n      container.innerHTML = '';\n    }\n  }\n\n  async keepTab(): Promise<KeepTabModule>;\n  async keepTab(selector?: string | HTMLElement, options?: KeepTabOptions): Promise<KeepTab>;\n  async keepTab(selector?: string | HTMLElement, options: KeepTabOptions = {}): Promise<any> {\n    const module = await import('../bootstrap/keep-tab');\n\n    await module.ready;\n\n    if (selector) {\n      return new module.KeepTab(selector, options);\n    }\n\n    return module;\n  }\n\n  async buttonRadio(): Promise<ButtonRadioModule>;\n  async buttonRadio(selector?: string | HTMLElement, options?: ButtonRadioOptions): Promise<ButtonRadio>;\n  async buttonRadio(selector?: string | HTMLElement, options: ButtonRadioOptions = {}): Promise<any> {\n    const m = await import('../bootstrap/button-radio');\n\n    await m.ready;\n\n    if (selector) {\n      return m.ButtonRadio.handle(selector, options);\n    }\n\n    return m;\n  }\n\n  tooltip(\n    selector: NodeListOf<Element> | Element | string = '[data-bs-toggle=\"tooltip\"]',\n    config: Partial<Tooltip.Options> = {}\n  ): Tooltip[] {\n    return this.selectAsArray(selector)\n      .map((ele) => Tooltip.getOrCreateInstance(ele, config));\n  }\n\n  protected selectAsArray(selector: NodeListOf<Element> | Element | string) {\n    if (selector instanceof NodeList) {\n      return Array.from(selector);\n    } else if (typeof selector === 'string') {\n      return selectAll(selector);\n    } else {\n      return [selector];\n    }\n  }\n\n  getMajorVersion(module: any) {\n    return Number(module.VERSION.split('.').shift());\n  }\n\n  pushBootstrapToGlobal() {\n    window.bootstrap = bootstrap;\n  }\n}\n\ndeclare global {\n  export interface Window {\n    bootstrap: typeof bootstrap;\n  }\n}\n"],"names":[],"mappings":";;;AAOO,MAAM,aAAyC;AAAA,EACpD,OAAO,WAAgC;AAAA,EAEvC,YAAY;AAAA,EAEZ,OAAO,MAAM;AACX,WAAO,KAAK,aAAa,IAAI,KAAA;AAAA,EAC/B;AAAA,EAEA,cAAc,UAA6B,OAAe,QAAoB;AAC5E,QAAI,CAAC,MAAM,QAAQ,QAAQ,GAAG;AAC5B,iBAAW,CAAC,QAAQ;AAAA,IACtB;AAEA,QAAI,OAAO;AACX,UAAM,KAAK,aAAa,IAAA;AAExB,aAAS,QAAQ,CAAC,QAAQ;AACxB,cAAQ,iBAAiB,GAAG;AAAA,IAC9B,CAAC;AAED,UAAM,UAAU,KAAK,YAAY,EAAE,wBAAwB,IAAI;AAAA,IAC/D,IAAI;AAAA;AAAA,OAED;AAEH,UAAM,YAAY,UAAU,uBAAuB;AAEnD,QAAI,WAAW;AACb,gBAAU,YAAY,OAAO;AAAA,IAC/B;AAEA,WAAO,MAAM;AACX,YAAM,MAAM,SAAS,eAAe,EAAE;AAEtC,UAAI,KAAK;AACP,YAAI,OAAA;AAAA,MACN;AAAA,IACF;AAAA,EACF;AAAA,EAEA,gBAAgB;AACd,UAAM,YAAY,UAAU,uBAAuB;AAEnD,QAAI,WAAW;AACb,gBAAU,YAAY;AAAA,IACxB;AAAA,EACF;AAAA,EAIA,MAAM,QAAQ,UAAiC,UAA0B,IAAkB;AACzF,UAAM,SAAS,MAAM,OAAO,eAAuB;AAEnD,UAAM,OAAO;AAEb,QAAI,UAAU;AACZ,aAAO,IAAI,OAAO,QAAQ,UAAU,OAAO;AAAA,IAC7C;AAEA,WAAO;AAAA,EACT;AAAA,EAIA,MAAM,YAAY,UAAiC,UAA8B,IAAkB;AACjG,UAAM,IAAI,MAAM,OAAO,mBAA2B;AAElD,UAAM,EAAE;AAER,QAAI,UAAU;AACZ,aAAO,EAAE,YAAY,OAAO,UAAU,OAAO;AAAA,IAC/C;AAEA,WAAO;AAAA,EACT;AAAA,EAEA,QACE,WAAmD,8BACnD,SAAmC,CAAA,GACxB;AACX,WAAO,KAAK,cAAc,QAAQ,EAC/B,IAAI,CAAC,QAAQ,QAAQ,oBAAoB,KAAK,MAAM,CAAC;AAAA,EAC1D;AAAA,EAEU,cAAc,UAAkD;AACxE,QAAI,oBAAoB,UAAU;AAChC,aAAO,MAAM,KAAK,QAAQ;AAAA,IAC5B,WAAW,OAAO,aAAa,UAAU;AACvC,aAAO,UAAU,QAAQ;AAAA,IAC3B,OAAO;AACL,aAAO,CAAC,QAAQ;AAAA,IAClB;AAAA,EACF;AAAA,EAEA,gBAAgB,QAAa;AAC3B,WAAO,OAAO,OAAO,QAAQ,MAAM,GAAG,EAAE,OAAO;AAAA,EACjD;AAAA,EAEA,wBAAwB;AACtB,WAAO,YAAY;AAAA,EACrB;AACF;"}

package/dist/chunks/unicorn.js

@@ -1293,6 +1293,17 @@ async function useTomSelect(selector, options = {}, theme = "bootstrap5") {
   }
   return m;
 }
+async function useTinymce(selector, options = {}) {
+  const module2 = await import("./tinymce.js");
+  if (selector) {
+    return module2.get(selector, options);
+  }
+  return module2;
+}
+async function useTinymceHook(handler) {
+  const { addHook } = await import("./tinymce.js");
+  return addHook(handler);
+}
 async function useUIBootstrap5(install = false, pushToGlobal = false) {
   const { UIBootstrap5 } = await import("./ui-bootstrap5.js");
   const theme = UIBootstrap5.get();
@@ -1341,7 +1352,7 @@ async function useFormValidation(selector) {
 function useFormValidationInstance(selector) {
   return getBoundedInstance(selector, "form.validation");
 }
-function useFieldValidationSync(selector) {
+function useFieldValidationInstance(selector) {
   return getBoundedInstance(selector, "field.validation");
 }
 async function addGlobalValidator(name, validator, options = {}) {
@@ -2047,13 +2058,6 @@ async function useFieldMultiUploader() {
   await module2.ready;
   return module2;
 }
-async function useTinymce(selector, options = {}) {
-  const module2 = await import("./tinymce.js");
-  if (selector) {
-    return module2.get(selector, options);
-  }
-  return module2;
-}
 function useUnicornPhpAdapter(app2) {
   app2 ??= useUnicorn();
   app2.use(UnicornPhpAdapter);
@@ -2206,9 +2210,9 @@ export {
   Mixin as af,
   EventMixin as ag,
   createQueue as ah,
-  trans as ai,
-  useUITheme as aj,
-  useScriptImport as ak,
+  useScriptImport as ai,
+  trans as aj,
+  useUITheme as ak,
   sleep as al,
   createUnicorn as am,
   createUnicornWithPlugins as an,
@@ -2227,10 +2231,12 @@ export {
   animateTo as b,
   useShowOn as b0,
   createStack as b1,
-  useUIBootstrap5 as b2,
-  useWebDirective as b3,
-  useUnicornPhpAdapter as b4,
-  UnicornPhpAdapter as b5,
+  useTinymce as b2,
+  useTinymceHook as b3,
+  useUIBootstrap5 as b4,
+  useWebDirective as b5,
+  useUnicornPhpAdapter as b6,
+  UnicornPhpAdapter as b7,
   renderMessage as c,
   clearMessages as d,
   clearNotifies as e,
@@ -2238,7 +2244,7 @@ export {
   useFormValidation as g,
   addGlobalValidator as h,
   isDebug as i,
-  useFieldValidationSync as j,
+  useFieldValidationInstance as j,
   useFormValidationInstance as k,
   loadAlpine as l,
   useStack as m,