@windwalker-io/unicorn-next 0.1.1 → 0.1.2

package/dist/chunks/button-radio.js

@@ -1,4 +1,4 @@
-import { a as useUniDirective, x as getBoundedInstance, v as selectOne, a5 as mergeDeep, A as h, w as selectAll, aa as data } from "./unicorn.js";
+import { a as useUniDirective, x as getBoundedInstance, v as selectOne, a7 as mergeDeep, A as h, w as selectAll, ac as data } from "./unicorn.js";
 const defaultOptions = {
   selector: ".btn-group .radio",
   buttonClass: "btn",

package/dist/chunks/field-cascade-select.js

@@ -1,5 +1,5 @@
 import { g as getDefaultExportFromCjs } from "./_commonjsHelpers.js";
-import { a4 as prepareAlpineDefer, f as initAlpineComponent, a5 as mergeDeep, K as uid, z as module, u as useHttpClient } from "./unicorn.js";
+import { a6 as prepareAlpineDefer, f as initAlpineComponent, a7 as mergeDeep, K as uid, z as module, u as useHttpClient } from "./unicorn.js";
 var alpineComponent = {};
 var hasRequiredAlpineComponent;
 function requireAlpineComponent() {

package/dist/chunks/field-file-drag.js

@@ -1,4 +1,4 @@
-import { a as useUniDirective, a6 as watchAttributes, a5 as mergeDeep, _ as __, K as uid, B as html, G as simpleAlert, a7 as injectCssToDocument } from "./unicorn.js";
+import { a as useUniDirective, a8 as watchAttributes, a7 as mergeDeep, _ as __, K as uid, B as html, G as simpleAlert, a9 as injectCssToDocument } from "./unicorn.js";
 const css = ".c-file-drag {\n  --bs-card-border-color: var(--bs-gray-400);\n  --fd-delete-color: var(--bs-danger);\n  overflow: hidden;\n  border: 1px solid var(--bs-card-border-color, #ddd);\n}\n.c-file-drag label {\n  border: none;\n}\n\n.c-file-drag-input {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  min-height: 100px;\n  cursor: pointer;\n}\n.c-file-drag-input input {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  margin: 0;\n  overflow: hidden;\n  opacity: 0;\n  height: 100%;\n  cursor: pointer;\n}\n.c-file-drag-input input.hover + label {\n  background-color: #efefef;\n}\n.c-file-drag-input input.is-invalid ~ .c-file-drag-input__label {\n  border-color: var(--bs-danger);\n}\n.c-file-drag-input input:disabled {\n  opacity: 0;\n  cursor: no-drop;\n}\n.c-file-drag-input input:disabled + label {\n  background-color: #eee;\n  color: #999;\n}\n.c-file-drag-input input:disabled + label button {\n  display: none;\n}\n.c-file-drag-input__label {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  padding: 0.375rem 0.75rem;\n  color: #495057;\n  background-color: #fff;\n  border: 1px solid var(--bs-gray-400);\n  border-radius: 0.25rem;\n  height: 100%;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5rem;\n  transition: all 0.3s;\n  cursor: pointer;\n}\n.c-file-drag-input__label > span {\n  display: inline-block;\n  width: 100%;\n}\n.c-file-drag-input label::after {\n  content: none !important;\n}\n.c-file-drag-preview .c-file-drag-preview__delete {\n  --bs-link-color-rgb: var(--bs-dark-rgb);\n}\n.c-file-drag-preview .c-file-drag-preview__delete.active {\n  --bs-link-color-rgb: var(--bs-primary-rgb);\n}";
 /* @__PURE__ */ injectCssToDocument(document, css);
 const defaultOptions = {

package/dist/chunks/field-flatpickr.js

@@ -1,5 +1,5 @@
 import flatpickr from "flatpickr";
-import { a7 as injectCssToDocument, a8 as useImport, a9 as useCssImport } from "./unicorn.js";
+import { a9 as injectCssToDocument, aa as useImport, ab as useCssImport } from "./unicorn.js";
 const css = `.flatpickr-calendar {
   background: transparent;
   opacity: 0;
@@ -865,7 +865,7 @@ class FlatpickrElement extends HTMLElement {
   }
   async handleLocale(options) {
     if (this.locale) {
-      await useImport(`flatpickr/dist/l10n/${this.locale}.js`);
+      await useImport(`@flatpickr/l10n/${this.locale}.js`);
       options.locale = this.locale.replace(/-/, "_");
     }
     return options;

package/dist/chunks/field-flatpickr.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-flatpickr.js","sources":["../../src/module/field-flatpickr.ts"],"sourcesContent":["import { useCssImport, useImport, injectCssToDocument } from '../service';\nimport flatpickr from 'flatpickr';\nimport css from 'flatpickr/dist/flatpickr.css?inline';\n\ninjectCssToDocument(css);\n\nclass FlatpickrElement extends HTMLElement {\n  static get is() {\n    return 'uni-flatpickr';\n  }\n\n  instance!: flatpickr.Instance;\n\n  constructor() {\n    super();\n  }\n\n  get selector() {\n    return this.getAttribute('selector') || 'input';\n  }\n\n  get locale() {\n    return this.getAttribute('locale') || '';\n  }\n\n  // todo: Currently not support single option attributes\n  getOptions() {\n    const options: any = {};\n    const ignore = [\n      'selector'\n    ];\n\n    this.getAttributeNames().forEach((name) => {\n      if (ignore.indexOf(name) !== -1) {\n        return;\n      }\n\n      options[name] = this.getAttribute(name);\n    });\n\n    return options;\n  }\n\n  get $input(): HTMLInputElement {\n    return this.querySelector<HTMLInputElement>('input')!;\n  }\n\n  async connectedCallback() {\n    let options: flatpickr.Options.Options = JSON.parse(this.getAttribute('options') || '{}') || {};\n\n    options.autoFillDefaultTime = true;\n    const now = new Date();\n    options.defaultHour = now.getHours();\n    options.defaultMinute = now.getMinutes();\n    options.defaultSeconds = now.getSeconds();\n\n    options = await this.handleOptions(options);\n\n    this.instance = flatpickr(\n      this.querySelector<HTMLElement>(this.selector)!,\n      options\n    );\n\n    // If no value, set default time on open\n    this.instance.config.onOpen.push(() => {\n      if (this.instance.input.value === '') {\n        const now = new Date();\n        this.instance.jumpToDate(now);\n        this.instance.config.defaultHour = now.getHours();\n        this.instance.config.defaultMinute = now.getMinutes();\n        this.instance.config.defaultSeconds = now.getSeconds();\n      }\n    });\n\n    this.querySelector('[data-toggle]')?.addEventListener('click', () => {\n      setTimeout(() => {\n        this.querySelector<HTMLInputElement>('[data-input]')?.focus();\n      }, 0);\n    });\n  }\n\n  async handleOptions(options: flatpickr.Options.Options): Promise<flatpickr.Options.Options> {\n    options.plugins = options.plugins || [];\n\n    await Promise.all([\n      this.handleLocale(options),\n      this.handleMonthSelect(options)\n    ]);\n\n    return options;\n  }\n\n  private async handleLocale(options: Record<string, any>) {\n    if (this.locale) {\n      await useImport(`flatpickr/dist/l10n/${this.locale}.js`);\n\n      options.locale = this.locale.replace(/-/, '_');\n    }\n\n    return options;\n  }\n\n  private async handleMonthSelect(options: Record<string, any>) {\n    if (options.monthSelect) {\n      useCssImport('flatpickr/dist/plugins/monthSelect/style.css');\n      const { default: monthSelect } = await import('flatpickr/dist/plugins/monthSelect');\n\n      if (typeof options.monthSelect === 'boolean') {\n        options.monthSelect = {\n          shorthand: true,\n          dateFormat: 'Y-m',\n          altFormat: 'Y-m'\n        };\n      }\n\n      options.plugins.push(monthSelect(options.monthSelect));\n    }\n\n    return options;\n  }\n\n  getInstance() {\n    return this.instance;\n  }\n}\n\ncustomElements.define(FlatpickrElement.is, FlatpickrElement);\n"],"names":["now"],"mappings":"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"}
+{"version":3,"file":"field-flatpickr.js","sources":["../../src/module/field-flatpickr.ts"],"sourcesContent":["import { useCssImport, useImport, injectCssToDocument } from '../service';\nimport flatpickr from 'flatpickr';\nimport css from 'flatpickr/dist/flatpickr.css?inline';\n\ninjectCssToDocument(css);\n\nclass FlatpickrElement extends HTMLElement {\n  static get is() {\n    return 'uni-flatpickr';\n  }\n\n  instance!: flatpickr.Instance;\n\n  constructor() {\n    super();\n  }\n\n  get selector() {\n    return this.getAttribute('selector') || 'input';\n  }\n\n  get locale() {\n    return this.getAttribute('locale') || '';\n  }\n\n  // todo: Currently not support single option attributes\n  getOptions() {\n    const options: any = {};\n    const ignore = [\n      'selector'\n    ];\n\n    this.getAttributeNames().forEach((name) => {\n      if (ignore.indexOf(name) !== -1) {\n        return;\n      }\n\n      options[name] = this.getAttribute(name);\n    });\n\n    return options;\n  }\n\n  get $input(): HTMLInputElement {\n    return this.querySelector<HTMLInputElement>('input')!;\n  }\n\n  async connectedCallback() {\n    let options: flatpickr.Options.Options = JSON.parse(this.getAttribute('options') || '{}') || {};\n\n    options.autoFillDefaultTime = true;\n    const now = new Date();\n    options.defaultHour = now.getHours();\n    options.defaultMinute = now.getMinutes();\n    options.defaultSeconds = now.getSeconds();\n\n    options = await this.handleOptions(options);\n\n    this.instance = flatpickr(\n      this.querySelector<HTMLElement>(this.selector)!,\n      options\n    );\n\n    // If no value, set default time on open\n    this.instance.config.onOpen.push(() => {\n      if (this.instance.input.value === '') {\n        const now = new Date();\n        this.instance.jumpToDate(now);\n        this.instance.config.defaultHour = now.getHours();\n        this.instance.config.defaultMinute = now.getMinutes();\n        this.instance.config.defaultSeconds = now.getSeconds();\n      }\n    });\n\n    this.querySelector('[data-toggle]')?.addEventListener('click', () => {\n      setTimeout(() => {\n        this.querySelector<HTMLInputElement>('[data-input]')?.focus();\n      }, 0);\n    });\n  }\n\n  async handleOptions(options: flatpickr.Options.Options): Promise<flatpickr.Options.Options> {\n    options.plugins = options.plugins || [];\n\n    await Promise.all([\n      this.handleLocale(options),\n      this.handleMonthSelect(options)\n    ]);\n\n    return options;\n  }\n\n  private async handleLocale(options: Record<string, any>) {\n    if (this.locale) {\n      await useImport(`@flatpickr/l10n/${this.locale}.js`);\n\n      options.locale = this.locale.replace(/-/, '_');\n    }\n\n    return options;\n  }\n\n  private async handleMonthSelect(options: Record<string, any>) {\n    if (options.monthSelect) {\n      useCssImport('flatpickr/dist/plugins/monthSelect/style.css');\n      const { default: monthSelect } = await import('flatpickr/dist/plugins/monthSelect');\n\n      if (typeof options.monthSelect === 'boolean') {\n        options.monthSelect = {\n          shorthand: true,\n          dateFormat: 'Y-m',\n          altFormat: 'Y-m'\n        };\n      }\n\n      options.plugins.push(monthSelect(options.monthSelect));\n    }\n\n    return options;\n  }\n\n  getInstance() {\n    return this.instance;\n  }\n}\n\ncustomElements.define(FlatpickrElement.is, FlatpickrElement);\n"],"names":["now"],"mappings":"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"}

package/dist/chunks/field-modal-select.js

@@ -1,4 +1,4 @@
-import { v as selectOne, U as highlight, _ as __, aa as data, B as html, P as slideUp } from "./unicorn.js";
+import { v as selectOne, U as highlight, _ as __, ac as data, B as html, P as slideUp } from "./unicorn.js";
 import { b as baseAssignValue, a as assignValue, i as isIndex, c as isPrototype, d as arrayLikeKeys, g as getPrototype, k as keys } from "./_getPrototype.js";
 import { b as baseRest, a as apply } from "./_baseRest.js";
 import { i as isObjectLike, b as baseGetTag, a as isArray, S as Symbol$1, c as isObject, d as isArrayLike, e as eq } from "./isArguments.js";

package/dist/chunks/field-modal-tree.js

@@ -1,4 +1,4 @@
-import { ab as forceArray, u as useHttpClient, a9 as useCssImport, aa as data } from "./unicorn.js";
+import { ad as forceArray, u as useHttpClient, ab as useCssImport, ac as data } from "./unicorn.js";
 import { defineComponent, ref, computed, h, Transition, withDirectives, mergeProps, vShow, unref, inject, watch, onBeforeUpdate, nextTick, onMounted, createElementBlock, openBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, normalizeStyle, vModelDynamic, withModifiers, createTextVNode, toDisplayString, withCtx, Fragment, renderList, useTemplateRef, onUnmounted, provide, vModelText, createVNode, TransitionGroup, createApp } from "vue";
 import { Modal } from "bootstrap";
 import { c as cloneDeep } from "./cloneDeep.js";

package/dist/chunks/field-multi-uploader.js

@@ -2,7 +2,7 @@ import { Modal } from "bootstrap";
 import { createApp, defineComponent, ref, getCurrentInstance, useTemplateRef, computed, onMounted, nextTick } from "vue";
 import { VueDraggable } from "vue-draggable-plus";
 import { ItemCardPlaceholder, ItemCard, MultiUploader, createItem } from "vue-multi-uploader";
-import { a7 as injectCssToDocument, a5 as mergeDeep, ab as forceArray, aa as data, m as useStack } from "./unicorn.js";
+import { a9 as injectCssToDocument, a7 as mergeDeep, ad as forceArray, ac as data, m as useStack } from "./unicorn.js";
 const css = ".vue-drag-uploader {\n  --vmu-img-size: 155px;\n  display: flex;\n  flex-wrap: wrap;\n  padding: 1rem;\n  border: 1px dotted #999;\n  border-radius: 4px;\n  cursor: pointer;\n  color: #999;\n  min-height: 250px;\n}\n.vue-drag-uploader--readonly {\n  border: 1px solid #999;\n}\n.vue-drag-uploader.h-ondrag {\n  border: 1px dotted #666;\n  background-color: rgba(0, 0, 0, 0.05);\n  color: #666;\n}\n.vue-drag-uploader__wrapper {\n  width: 100%;\n}\n.vue-drag-uploader__draggable-wrapper, .vue-drag-uploader__transition-wrapper {\n  display: flex;\n  flex-wrap: wrap;\n}\n.vue-drag-uploader-item {\n  width: var(--vmu-img-size);\n  height: var(--vmu-img-size);\n  border: 1px solid rgba(0, 0, 0, 0.25);\n  border-radius: 3px;\n  cursor: pointer;\n  padding: 0.5rem;\n}\n.vue-drag-uploader .add-button {\n  display: flex;\n  align-items: center;\n  text-align: center;\n  transition: background-color 0.5s;\n}\n.vue-drag-uploader .add-button:hover {\n  background-color: rgba(0, 0, 0, 0.05);\n}\n.vue-drag-uploader .add-button__body {\n  margin: 0 auto;\n}\n.vue-drag-uploader .add-button__icon {\n  margin-bottom: 10px;\n}\n.vue-drag-uploader .add-button__text {\n  font-size: 14px;\n}\n.vue-drag-uploader .preview-img {\n  position: relative;\n  cursor: pointer;\n  padding: 1px;\n}\n.vue-drag-uploader .preview-img > * {\n  position: absolute;\n}\n.vue-drag-uploader .preview-img:hover .error-message__message {\n  display: block;\n  padding: 10px;\n}\n.vue-drag-uploader .preview-img__body {\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background: transparent no-repeat center center;\n  background-size: cover;\n}\n.vue-drag-uploader .preview-img__title {\n  margin: 0 auto;\n}\n.vue-drag-uploader .preview-img__overlay {\n  display: flex;\n  align-items: center;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.35);\n  opacity: 0;\n  transition: opacity 0.5s;\n}\n.vue-drag-uploader .preview-img__overlay:hover {\n  opacity: 1;\n}\n.vue-drag-uploader .preview-img__remove-icon {\n  position: absolute;\n  top: 5px;\n  right: 5px;\n  color: white;\n  opacity: 0.75;\n  transition: opacity 0.5s;\n}\n.vue-drag-uploader .preview-img__remove-icon:hover {\n  opacity: 1;\n}\n.vue-drag-uploader .preview-img__progress {\n  height: 5px;\n  background-color: rgba(255, 255, 255, 0.8);\n  width: 100%;\n  bottom: 0;\n  left: 0;\n}\n.vue-drag-uploader .preview-img__progress-bar {\n  background-color: var(--bs-primary, #007bff);\n  width: 0;\n  height: 100%;\n}\n.vue-drag-uploader .error-message {\n  width: 100%;\n  background-color: #dc3545;\n  color: white;\n  font-size: 14px;\n  word-break: break-all;\n  top: calc(100% - 26px);\n  min-height: 26px;\n}\n.vue-drag-uploader .error-message__notice {\n  display: inline-block;\n  padding: 3px;\n  text-align: center;\n  width: 100%;\n}\n.vue-drag-uploader .error-message__message {\n  display: none;\n}";
 /* @__PURE__ */ injectCssToDocument(css);
 const defaultOptions = {

package/dist/chunks/field-repeatable.js

@@ -1,5 +1,5 @@
 import { c as cloneDeep } from "./cloneDeep.js";
-import { a4 as prepareAlpineDefer, a9 as useCssImport, a5 as mergeDeep, f as initAlpineComponent, K as uid } from "./unicorn.js";
+import { a6 as prepareAlpineDefer, ab as useCssImport, a7 as mergeDeep, f as initAlpineComponent, K as uid } from "./unicorn.js";
 const defaultOptions = {
   id: "",
   fieldName: "",

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

@@ -1,5 +1,5 @@
 import { Modal } from "bootstrap";
-import { a5 as mergeDeep, w as selectAll, _ as __, G as simpleAlert, u as useHttpClient, a7 as injectCssToDocument } from "./unicorn.js";
+import { a7 as mergeDeep, w as selectAll, _ as __, G as simpleAlert, u as useHttpClient, a9 as injectCssToDocument } from "./unicorn.js";
 const css = ".c-sid-default__left-col {\n  width: 30%;\n  margin-right: 15px;\n  justify-content: center;\n}\n.c-sid-default__left-col img {\n  max-height: 250px;\n}\n.c-sid-default__right-col {\n  overflow: hidden;\n}\n.c-sid-default__dragarea {\n  font-weight: bold;\n  text-align: center;\n  padding: 9% 0;\n  color: #ccc;\n  border: 2px dashed #ccc;\n  border-radius: 7px;\n  cursor: default;\n}\n.c-sid-default__dragarea.hover {\n  color: #333;\n  border-color: #333;\n  background-color: #f9f9f9;\n}\n.c-sid-default__img-loader {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 180px;\n}\n.c-sid-default__size-info {\n  margin-top: 5px;\n  font-size: 13px;\n}\n.c-sid-default__remove {\n  margin-left: 5px;\n}\n.c-sid-default__modal .btn {\n  position: relative;\n}\n\n.c-sid-modal .modal-body {\n  position: relative;\n}\n.c-sid-modal__content {\n  position: relative;\n  z-index: 3;\n}\n.c-sid-modal__loading {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 1;\n}\n.is-invalid[uni-field-validate] > uni-sid ~ [data-field-error] {\n  display: block;\n}";
 /* @__PURE__ */ injectCssToDocument(css);
 const defaultOptions = {

package/dist/chunks/form.js

@@ -1,4 +1,4 @@
-import { o as useSystemUri, aa as data, l as loadAlpine } from "./unicorn.js";
+import { o as useSystemUri, ac as data, l as loadAlpine } from "./unicorn.js";
 class UnicornFormElement {
   element;
   options;

package/dist/chunks/grid.js

@@ -1,4 +1,4 @@
-import { l as loadAlpine, Q as slideDown, P as slideUp, A as h, _ as __, F as simpleConfirm, ac as deleteConfirm, G as simpleAlert } from "./unicorn.js";
+import { l as loadAlpine, Q as slideDown, P as slideUp, A as h, _ as __, F as simpleConfirm, ae as deleteConfirm, G as simpleAlert } from "./unicorn.js";
 class UnicornGridElement {
   constructor(selector, element, form, options = {}) {
     this.element = element;

package/dist/chunks/http-client.js

@@ -1,5 +1,5 @@
 import AxiosStatic, { isAxiosError, AxiosError, isCancel } from "axios";
-import { aa as data, r as route } from "./unicorn.js";
+import { ac as data, r as route } from "./unicorn.js";
 function encodeReserved(str) {
   return str.split(/(%[0-9A-Fa-f]{2})/g).map(function(part) {
     if (!/%[0-9A-Fa-f]/.test(part)) {

package/dist/chunks/iframe-modal.js

@@ -1,4 +1,4 @@
-import { a as useUniDirective, a5 as mergeDeep } from "./unicorn.js";
+import { a as useUniDirective, a7 as mergeDeep } from "./unicorn.js";
 class IFrameModalElement extends HTMLElement {
   static is = "uni-iframe-modal";
   options;

package/dist/chunks/iframe-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"iframe-modal.js","sources":["../../src/module/iframe-modal.ts"],"sourcesContent":["import { Modal } from 'bootstrap';\nimport { useUniDirective } from '../composable';\nimport { mergeDeep } from '../utilities';\n\ninterface IFrameModalOptions {\n  id?: string;\n  size?: string;\n  resize?: boolean;\n  height?: string;\n}\n\nexport class IFrameModalElement extends HTMLElement {\n  static is = 'uni-iframe-modal';\n\n  options!: IFrameModalOptions;\n  modalElement!: HTMLDivElement;\n  modal!: Modal;\n  iframe!: HTMLIFrameElement;\n\n  template() {\n    return `\n<div class=\"modal fade c-unicorn-iframe-modal\" id=\"${this.getModalId()}\"\n    data-iframe-modal>\n    <div class=\"modal-dialog ${this.options?.size || 'modal-xl'}\">\n        <div class=\"modal-content\">\n            <div class=\"modal-body\">\n                <iframe class=\"c-unicorn-iframe-modal__iframe\" width=\"100%\" src=\"\" frameborder=\"0\"></iframe>\n            </div>\n        </div>\n    </div>\n</div>`;\n  }\n\n  get selector() {\n    return this.getAttribute('selector') || '[data-iframe-modal]';\n  }\n\n  async getBootstrapModal() {\n    const { Modal } = await import('bootstrap');\n\n    return this.modal ??= Modal.getOrCreateInstance(this.modalElement);\n  }\n\n  connectedCallback() {\n    this.options = JSON.parse(this.getAttribute('options') || '{}');\n\n    if (!this.innerHTML.trim()) {\n      this.innerHTML = this.template();\n    }\n\n    this.modalElement = this.querySelector<HTMLDivElement>(this.selector)!;\n    this.iframe = this.modalElement.querySelector<HTMLIFrameElement>('iframe')!;\n\n    // @ts-ignore\n    this.iframe.modalLink = () => {\n      return this;\n    };\n\n    this.bindEvents();\n    this.getBootstrapModal();\n  }\n\n  bindEvents() {\n    this.modalElement.addEventListener('hidden.bs.modal', () => {\n      this.iframe.src = '';\n    });\n  }\n\n  async open(href: string, options: IFrameModalOptions = {}) {\n    options = mergeDeep(\n      {\n        height: undefined,\n        resize: false,\n        size: 'modal-lg',\n      },\n      this.options,\n      options\n    );\n\n    if (options.resize) {\n      const onload = () => {\n        this.resize(this.iframe);\n\n        this.iframe.removeEventListener('load', onload);\n      };\n\n      this.iframe.addEventListener('load', onload);\n    } else {\n      this.iframe.style.height = options.height || '500px';\n    }\n\n    if (options.size != null) {\n      const dialog = this.modalElement.querySelector<HTMLDivElement>('.modal-dialog')!;\n      dialog.classList.remove('modal-lg', 'modal-xl', 'modal-sm', 'modal-xs');\n      dialog.classList.add(options.size);\n    }\n\n    this.iframe.src = href;\n    const modal = await this.getBootstrapModal();\n    modal.show();\n  }\n\n  async close() {\n    this.iframe.src = '';\n    const modal = await this.getBootstrapModal();\n    modal.hide();\n  }\n\n  resize(iframe: HTMLIFrameElement) {\n    setTimeout(() => {\n      if (!iframe.contentWindow) {\n        return;\n      }\n\n      let height = iframe.contentWindow.document.documentElement.scrollHeight;\n\n      height += 30;\n\n      if (height < 500) {\n        height = 500;\n      }\n\n      iframe.style.height = height + 'px';\n    }, 30);\n  }\n\n  getModalId() {\n    return this.options?.id || this.id + '__modal';\n  }\n}\n\ncustomElements.define(IFrameModalElement.is, IFrameModalElement);\n\nexport const ready = useUniDirective('modal-link', {\n  mounted(el, binding) {\n    let options: IFrameModalOptions = {};\n\n    options.height = el.dataset.height;\n    options.resize = el.dataset.resize === '1' || el.dataset.resize === 'true';\n    options.size = el.dataset.size;\n\n    const target = binding.value;\n\n    el.style.pointerEvents = '';\n\n    el.addEventListener('click', (e) => {\n      e.preventDefault();\n      e.stopPropagation();\n      const im = document.querySelector(target);\n      \n      if (!im) {\n        return;\n      }\n      \n      if ('src' in el) {\n        im.open(el.src, options);\n      } else if ('href' in el) {\n        im.open(el.href, options);\n      }\n    });\n  }\n});\n\nexport interface IframeModalModule {\n  IFrameModalElement: typeof IFrameModalElement;\n  ready: typeof ready;\n}\n"],"names":["Modal"],"mappings":"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"}
+{"version":3,"file":"iframe-modal.js","sources":["../../src/module/iframe-modal.ts"],"sourcesContent":["import { Modal } from 'bootstrap';\nimport { useUniDirective } from '../composable';\nimport { mergeDeep } from '../utilities';\n\ninterface IFrameModalOptions {\n  id?: string;\n  size?: string;\n  resize?: boolean;\n  height?: string;\n}\n\nexport class IFrameModalElement extends HTMLElement {\n  static is = 'uni-iframe-modal';\n\n  options!: IFrameModalOptions;\n  modalElement!: HTMLDivElement;\n  modal!: Modal;\n  iframe!: HTMLIFrameElement;\n\n  template() {\n    return `\n<div class=\"modal fade c-unicorn-iframe-modal\" id=\"${this.getModalId()}\"\n    data-iframe-modal>\n    <div class=\"modal-dialog ${this.options?.size || 'modal-xl'}\">\n        <div class=\"modal-content\">\n            <div class=\"modal-body\">\n                <iframe class=\"c-unicorn-iframe-modal__iframe\" width=\"100%\" src=\"\" frameborder=\"0\"></iframe>\n            </div>\n        </div>\n    </div>\n</div>`;\n  }\n\n  get selector() {\n    return this.getAttribute('selector') || '[data-iframe-modal]';\n  }\n\n  async getBootstrapModal() {\n    const { Modal } = await import('bootstrap');\n\n    return this.modal ??= Modal.getOrCreateInstance(this.modalElement);\n  }\n\n  connectedCallback() {\n    this.options = JSON.parse(this.getAttribute('options') || '{}');\n\n    if (!this.innerHTML.trim()) {\n      this.innerHTML = this.template();\n    }\n\n    this.modalElement = this.querySelector<HTMLDivElement>(this.selector)!;\n    this.iframe = this.modalElement.querySelector<HTMLIFrameElement>('iframe')!;\n\n    // @ts-ignore\n    this.iframe.modalLink = () => {\n      return this;\n    };\n\n    this.bindEvents();\n    this.getBootstrapModal();\n  }\n\n  bindEvents() {\n    this.modalElement.addEventListener('hidden.bs.modal', () => {\n      this.iframe.src = '';\n    });\n  }\n\n  async open(href: string, options: IFrameModalOptions = {}) {\n    options = mergeDeep(\n      {\n        height: undefined,\n        resize: false,\n        size: 'modal-lg',\n      },\n      this.options,\n      options\n    );\n\n    if (options.resize) {\n      const onload = () => {\n        this.resize(this.iframe);\n\n        this.iframe.removeEventListener('load', onload);\n      };\n\n      this.iframe.addEventListener('load', onload);\n    } else {\n      this.iframe.style.height = options.height || '500px';\n    }\n\n    if (options.size != null) {\n      const dialog = this.modalElement.querySelector<HTMLDivElement>('.modal-dialog')!;\n      dialog.classList.remove('modal-lg', 'modal-xl', 'modal-sm', 'modal-xs');\n      dialog.classList.add(options.size);\n    }\n\n    this.iframe.src = href;\n    const modal = await this.getBootstrapModal();\n    modal.show();\n  }\n\n  async close() {\n    this.iframe.src = '';\n    const modal = await this.getBootstrapModal();\n    modal.hide();\n  }\n\n  resize(iframe: HTMLIFrameElement) {\n    setTimeout(() => {\n      if (!iframe.contentWindow) {\n        return;\n      }\n\n      let height = iframe.contentWindow.document.documentElement.scrollHeight;\n\n      height += 30;\n\n      if (height < 500) {\n        height = 500;\n      }\n\n      iframe.style.height = height + 'px';\n    }, 30);\n  }\n\n  getModalId() {\n    return this.options?.id || this.id + '__modal';\n  }\n}\n\ncustomElements.define(IFrameModalElement.is, IFrameModalElement);\n\nexport const ready = useUniDirective('modal-link', {\n  mounted(el, binding) {\n    let options: IFrameModalOptions = {};\n\n    options.height = el.dataset.height;\n    options.resize = el.dataset.resize === '1' || el.dataset.resize === 'true';\n    options.size = el.dataset.size;\n\n    const target = binding.value;\n\n    el.style.pointerEvents = '';\n\n    el.addEventListener('click', (e) => {\n      e.preventDefault();\n      e.stopPropagation();\n      const im = document.querySelector(target);\n      \n      if (!im) {\n        return;\n      }\n      \n      if ('src' in el) {\n        im.open(el.src, options);\n      } else if ('href' in el) {\n        im.open(el.href, options);\n      }\n    });\n  }\n});\n\nexport interface IFrameModalModule {\n  IFrameModalElement: typeof IFrameModalElement;\n  ready: typeof ready;\n}\n"],"names":["Modal"],"mappings":"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"}

package/dist/chunks/keep-tab.js

@@ -1,5 +1,5 @@
 import { Tab } from "bootstrap";
-import { a as useUniDirective, z as module, a5 as mergeDeep, v as selectOne, aj as sleep, w as selectAll } from "./unicorn.js";
+import { a as useUniDirective, z as module, a7 as mergeDeep, v as selectOne, al as sleep, w as selectAll } from "./unicorn.js";
 const defaultOptions = {
   tabItemSelector: "[data-toggle=tab],[data-bs-toggle=tab],[data-toggle=pill],[data-bs-toggle=pill]",
   delay: 0

package/dist/chunks/legacy.js

@@ -1,4 +1,4 @@
-import { i as isDebug, u as useHttpClient, _ as __, r as route, a as useUniDirective, b as animateTo, c as renderMessage, d as clearMessages, s as simpleNotify, e as clearNotifies, l as loadAlpine, f as initAlpineComponent, p as prepareAlpine, g as useFormValidation, h as addGlobalValidator, j as useFieldValidationSync, k as useFormValidationSync, m as useStack, n as useQueue, o as useSystemUri, q as useAssetUri, t as domready, v as selectOne, w as selectAll, x as getBoundedInstance, y as getBoundedInstanceList, z as module, A as h, B as html, C as delegate, D as debounce, E as throttle, F as simpleConfirm, G as simpleAlert, H as sprintfExports, I as base64UrlEncode, J as base64UrlDecode, K as uid, L as tid, M as serial, N as mark, O as useTomSelect, P as slideUp, Q as slideDown, R as slideToggle, S as fadeOut, T as fadeIn, U as highlight, V as useColorPicker, W as useDisableOnSubmit, X as useDisableIfStackNotEmpty, Y as useCheckboxesMultiSelect, Z as useKeepAlive, $ as useBs5Tooltip, a0 as useFormAsync, a1 as useGridAsync, a2 as useForm, a3 as useGrid } from "./unicorn.js";
+import { i as isDebug, u as useHttpClient, _ as __, r as route, a as useUniDirective, b as animateTo, c as renderMessage, d as clearMessages, s as simpleNotify, e as clearNotifies, l as loadAlpine, f as initAlpineComponent, p as prepareAlpine, g as useFormValidation, h as addGlobalValidator, j as useFieldValidationSync, k as useFormValidationInstance, m as useStack, n as useQueue, o as useSystemUri, q as useAssetUri, t as domready, v as selectOne, w as selectAll, x as getBoundedInstance, y as getBoundedInstanceList, z as module, A as h, B as html, C as delegate, D as debounce, E as throttle, F as simpleConfirm, G as simpleAlert, H as sprintfExports, I as base64UrlEncode, J as base64UrlDecode, K as uid, L as tid, M as serial, N as mark, O as useTomSelect, P as slideUp, Q as slideDown, R as slideToggle, S as fadeOut, T as fadeIn, U as highlight, V as useColorPicker, W as useDisableOnSubmit, X as useDisableIfStackNotEmpty, Y as useCheckboxesMultiSelect, Z as useKeepAlive, $ as useBs5KeepTab, a0 as useBs5ButtonRadio, a1 as useBs5Tooltip, a2 as useFormAsync, a3 as useGridAsync, a4 as useForm, a5 as useGrid } from "./unicorn.js";
 function numberFormat(number, decimals = 0, decPoint = ".", thousandsSep = ",") {
   number = Number(number);
   const str = number.toFixed(decimals ? decimals : 0).toString().split(".");
@@ -132,7 +132,7 @@ async function useLegacyMethods(app) {
   await handleFormGrid(app);
   app.formValidation = useFormValidation;
   app.$validation = {
-    get: useFormValidationSync,
+    get: useFormValidationInstance,
     getField: useFieldValidationSync,
     addGlobalValidator,
     import: () => useFormValidation()
@@ -195,7 +195,9 @@ function handleUI(app) {
   app.$ui.checkboxesMultiSelect = useCheckboxesMultiSelect;
   app.$ui.keepAlive = useKeepAlive;
   app.$ui.bootstrap = {
-    tooltip: useBs5Tooltip
+    tooltip: useBs5Tooltip,
+    buttonRadio: useBs5ButtonRadio,
+    keepTab: useBs5KeepTab
   };
 }
 async function handleFormGrid(app) {

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';\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  useBs5Tooltip,\n  useCheckboxesMultiSelect,\n  useFieldValidationSync,\n  useForm,\n  useFormAsync,\n  useFormValidation,\n  useFormValidationSync,\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  simpleNotify,\n  prepareAlpine,\n  renderMessage,\n  route,\n  selectAll,\n  selectOne,\n  serial,\n  simpleAlert,\n  simpleConfirm,\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: useFormValidationSync,\n    getField: useFieldValidationSync,\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  };\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]}
+{"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  useFieldValidationSync,\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: useFieldValidationSync,\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

@@ -1,4 +1,4 @@
-import { a as useUniDirective, x as getBoundedInstance, v as selectOne, u as useHttpClient, B as html, a5 as mergeDeep } from "./unicorn.js";
+import { a as useUniDirective, x as getBoundedInstance, v as selectOne, u as useHttpClient, B as html, a7 as mergeDeep } from "./unicorn.js";
 const nope = () => {
 };
 const defaultOptions = {

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

@@ -1,4 +1,4 @@
-import { ad as Mixin, a5 as mergeDeep, af as createQueue, u as useHttpClient, ae as EventMixin } from "./unicorn.js";
+import { af as Mixin, a7 as mergeDeep, ah as createQueue, u as useHttpClient, ag as EventMixin } from "./unicorn.js";
 const defaultOptions = {
   chunkSize: 5 * 1024 * 1024,
   // 5MB

package/dist/chunks/s3-uploader.js

@@ -1,4 +1,4 @@
-import { ad as Mixin, aa as data, a5 as mergeDeep, u as useHttpClient, ae as EventMixin } from "./unicorn.js";
+import { af as Mixin, ac as data, a7 as mergeDeep, u as useHttpClient, ag as EventMixin } from "./unicorn.js";
 const instances = {};
 function get(name, options = {}) {
   return instances[name] ??= create(name, options);

package/dist/chunks/show-on.js

@@ -108,7 +108,7 @@ class ShowOn {
   input;
   conditions = {};
   targets = {};
-  defaultReadonly = false;
+  defaultReadonly = null;
   initialDisplay;
   constructor(el, conditions) {
     this.el = el;
@@ -148,7 +148,7 @@ class ShowOn {
       }, duration + 30);
     } else {
       if (this.input) {
-        this.defaultReadonly = this.input.hasAttribute("readonly");
+        this.defaultReadonly ??= this.input.hasAttribute("readonly");
       }
       fadeOut(this.el, duration);
     }
@@ -157,6 +157,7 @@ class ShowOn {
         if (!this.defaultReadonly) {
           this.input.removeAttribute("readonly");
         }
+        this.defaultReadonly = null;
       } else {
         this.input.setAttribute("readonly", "readonly");
       }

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","\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 = false;\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      } 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":"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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":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12,13]}

package/dist/chunks/tinymce.js

@@ -1,7 +1,7 @@
-import { a5 as mergeDeep, m as useStack, u as useHttpClient, ai as useScriptImport } from "./unicorn.js";
+import { a7 as mergeDeep, m as useStack, u as useHttpClient, ak as useScriptImport } from "./unicorn.js";
 const instances = {};
 let hooks = [];
-let imported = false;
+let imported;
 async function get(selector, options = {}) {
   return instances[selector] ??= await create(document.querySelector(selector), options);
 }
@@ -25,23 +25,22 @@ function clearHooks() {
   hooks = [];
 }
 async function loadTinymce() {
-  if (imported) {
-    return tinymce;
-  }
-  await useScriptImport("@tinymce");
-  for (const hook of hooks) {
-    hook(tinymce);
-  }
-  await registerDragPlugin(tinymce);
-  imported = true;
-  return tinymce;
+  return imported ??= new Promise((resolve) => {
+    useScriptImport("@tinymce").then(() => {
+      for (const hook of hooks) {
+        hook(tinymce);
+      }
+      registerDragPlugin(tinymce).then(() => {
+        resolve(tinymce);
+      });
+    });
+  });
 }
 const defaultOptions = {};
 class TinymceController {
   constructor(tinymce2, element, options) {
     this.tinymce = tinymce2;
     this.element = element;
-    options.target = element;
     this.options = mergeDeep(
       {
         unicorn: {
@@ -51,7 +50,8 @@ class TinymceController {
       defaultOptions,
       this.prepareOptions(options, tinymce2.majorVersion)
     );
-    tinymce2.EditorManager.init(this.options).then((editor) => {
+    this.options.target = element;
+    tinymce2.init(this.options).then((editor) => {
       this.editor = editor[0];
     });
   }

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';\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>)[] = [];\n\nlet imported = false;\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  if (imported) {\n    return tinymce;\n  }\n\n  await useScriptImport('@tinymce');\n\n  for (const hook of hooks) {\n    hook(tinymce);\n  }\n  await registerDragPlugin(tinymce);\n  imported = true;\n  return tinymce;\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    options.target = element;\n\n    this.options = mergeDeep(\n      {\n        unicorn: {\n          stack_name: 'uploading'\n        }\n      },\n      defaultOptions,\n      this.prepareOptions(options, tinymce.majorVersion),\n    );\n\n    tinymce.EditorManager.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":"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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":"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"}