@windwalker-io/unicorn-next 0.1.0 → 0.1.2

package/.editorconfig

@@ -1,18 +1,18 @@
-[*]
-charset=utf-8
-end_of_line=lf
-insert_final_newline=true
-indent_style=space
-indent_size=2
-
-[{*.css,*.less,*scss}]
-indent_size=2
-
-[{*.applejs,*.js,*.mjs}]
-indent_size=2
-
-[{*.ats,*.ts}]
-indent_size=2
-
-[*.vue]
-indent_size=2
+[*]
+charset=utf-8
+end_of_line=lf
+insert_final_newline=true
+indent_style=space
+indent_size=2
+
+[{*.css,*.less,*scss}]
+indent_size=2
+
+[{*.applejs,*.js,*.mjs}]
+indent_size=2
+
+[{*.ats,*.ts}]
+indent_size=2
+
+[*.vue]
+indent_size=2

package/.gulp.json

@@ -1,7 +1,7 @@
-{
-    "description": "Windwalker Fusion",
-    "flags": {
-        "gulpfile": "fusionfile.mjs",
-        "require": "@windwalker-io/fusion/bootstrap.cjs"
-    }
-}
+{
+    "description": "Windwalker Fusion",
+    "flags": {
+        "gulpfile": "fusionfile.mjs",
+        "require": "@windwalker-io/fusion/bootstrap.cjs"
+    }
+}

package/bin/release.mjs

@@ -1,47 +1,47 @@
-import minimist from 'minimist';
-import { execSync as exec } from 'child_process';
-
-const cliInput = minimist(process.argv.slice(2));
-
-const args = cliInput._;
-
-if (!args.length) {
-  console.log('Please provide release type (major | minor | patch | premajor | preminor | prepatch | prerelease)');
-  process.exit(255);
-}
-
-const help = `
-Usage: release.js -- <arguments for "npm version">
-  -b    Branch name to push. 
-`;
-
-if (cliInput['help'] || cliInput['h']) {
-  console.log(help);
-  process.exit(0);
-}
-
-console.log(`>>> yarn build:prod`);
-exec(`yarn build:prod`, { stdio: 'inherit' });
-
-console.log(`>>> npm version ${args.join(' ')} --no-workspaces-update`);
-const buffer = exec(`npm version ${args.join(' ')} --no-workspaces-update`);
-
-const ver = buffer.toString().split("\n")[1];
-
-console.log('>>> Git commit all');
-exec(`git add .`, { stdio: 'inherit' });
-try {
-  exec(`git commit -am "Prepare release JS @windwalker-io/unicorn ${ver}."`, { stdio: 'inherit' });
-} catch (e) {
-  console.log(e.message);
-}
-
-const branch = cliInput['b'] || 'main';
-
-console.log('>>> Push to git');
-
-exec(`git push origin ${branch}`, { stdio: 'inherit' });
-
-console.log('>> Publish to npm');
-
-exec(`npm publish`, { stdio: 'inherit' });
+import minimist from 'minimist';
+import { execSync as exec } from 'child_process';
+
+const cliInput = minimist(process.argv.slice(2));
+
+const args = cliInput._;
+
+if (!args.length) {
+  console.log('Please provide release type (major | minor | patch | premajor | preminor | prepatch | prerelease)');
+  process.exit(255);
+}
+
+const help = `
+Usage: release.js -- <arguments for "npm version">
+  -b    Branch name to push. 
+`;
+
+if (cliInput['help'] || cliInput['h']) {
+  console.log(help);
+  process.exit(0);
+}
+
+console.log(`>>> yarn build:prod`);
+exec(`yarn build:prod`, { stdio: 'inherit' });
+
+console.log(`>>> npm version ${args.join(' ')} --no-workspaces-update`);
+const buffer = exec(`npm version ${args.join(' ')} --no-workspaces-update`);
+
+const ver = buffer.toString().split("\n")[1];
+
+console.log('>>> Git commit all');
+exec(`git add .`, { stdio: 'inherit' });
+try {
+  exec(`git commit -am "Prepare release JS @windwalker-io/unicorn ${ver}."`, { stdio: 'inherit' });
+} catch (e) {
+  console.log(e.message);
+}
+
+const branch = cliInput['b'] || 'main';
+
+console.log('>>> Push to git');
+
+exec(`git push origin ${branch}`, { stdio: 'inherit' });
+
+console.log('>> Publish to npm');
+
+exec(`npm publish`, { stdio: 'inherit' });

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/button-radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-radio.js","sources":["../../src/bootstrap/button-radio.ts"],"sourcesContent":["import { useUniDirective } from '../composable';\r\nimport { data } from '../data';\r\nimport { getBoundedInstance, h, selectAll, selectOne } from '../service';\r\nimport { mergeDeep } from '../utilities';\r\n\r\nexport interface ButtonRadioOptions {\r\n  selector?: string;\r\n  buttonClass?: string;\r\n  activeClass?: string;\r\n  color?: {\r\n    'default'?: string;\r\n    green?: string;\r\n    red?: string;\r\n    blue?: string;\r\n  };\r\n}\r\n\r\nconst defaultOptions = {\r\n  selector: '.btn-group .radio',\r\n  buttonClass: 'btn',\r\n  activeClass: 'active',\r\n  color: {\r\n    'default': 'btn-default btn-outline-secondary',\r\n    green: 'btn-success',\r\n    red: 'btn-danger',\r\n    blue: 'btn-primary'\r\n  }\r\n};\r\n\r\nexport class ButtonRadio {\r\n  wrapper: HTMLElement;\r\n  element: HTMLElement;\r\n  radios: HTMLInputElement[] = [];\r\n  inputs: HTMLInputElement[] = [];\r\n  buttons: HTMLButtonElement[] = [];\r\n  colors: string[] = [];\r\n  options: Required<ButtonRadioOptions>;\r\n\r\n  static handle(el: HTMLElement | string, options: ButtonRadioOptions = {}) {\r\n    return getBoundedInstance(el, 'button-radio', (el: HTMLElement) => {\r\n      return new this(el, options);\r\n    });\r\n  }\r\n\r\n  constructor(selector: HTMLElement | string, options: ButtonRadioOptions = {}) {\r\n    this.element = selectOne<HTMLElement>(selector)!;\r\n    this.options = mergeDeep({}, defaultOptions, options);\r\n    let wrapper: HTMLElement;\r\n\r\n    // Turn radios into btn-group\r\n\r\n    if (this.element.dataset.fieldInput != null) {\r\n      wrapper = this.element;\r\n    } else {\r\n      wrapper = this.element.querySelector('[data-field-input]')!;\r\n    }\r\n\r\n    this.wrapper = wrapper;\r\n    let inputGroup = wrapper.querySelector<HTMLElement>('.btn-group')!;\r\n    const exists = inputGroup != null;\r\n\r\n    if (!inputGroup) {\r\n      inputGroup = h('div', { class: 'btn-group' })\r\n    }\r\n\r\n    this.radios = selectAll(wrapper.querySelectorAll<HTMLInputElement>('.radio'));\r\n\r\n    this.radios.forEach(radio => {\r\n      const button = this.prepareButton(radio, exists);\r\n\r\n      if (!exists) {\r\n        inputGroup.appendChild(button);\r\n      }\r\n    });\r\n\r\n    this.syncState();\r\n\r\n    wrapper.insertBefore(inputGroup, wrapper.firstChild);\r\n\r\n    wrapper.dispatchEvent(new Event('button-radio.loaded'));\r\n\r\n    // Make color elements unique\r\n    this.colors = [...new Set(this.colors)];\r\n  }\r\n\r\n  prepareButton(radio: HTMLInputElement, exists = false) {\r\n    const options = this.options;\r\n\r\n    const input = radio.querySelector('input')!;\r\n    const label = radio.querySelector('label')!;\r\n\r\n    let button: HTMLButtonElement;\r\n\r\n    if (exists) {\r\n      button = this.wrapper.querySelector(`[data-for=\"${input.id}\"]`)!;\r\n      button.classList.add(...this.parseClasses(`${options.buttonClass} ${options.color['default']}`));\r\n    } else {\r\n      button = h(\r\n        'button',\r\n        {\r\n          type: 'button',\r\n          class: `${options.buttonClass} ${options.color['default']}`,\r\n          'data-value': input.value,\r\n        },\r\n        `<span>${label.innerHTML}</span>`\r\n      );\r\n    }\r\n\r\n    data(button, 'input', input);\r\n    this.inputs.push(input);\r\n    this.buttons.push(button);\r\n\r\n    radio.style.display = 'none';\r\n\r\n    // Prepare color schema\r\n    let color = input.dataset.colorClass || '';\r\n\r\n    if (!color) {\r\n      switch (input.value) {\r\n        case '':\r\n          color = options.color.blue || '';\r\n          break;\r\n\r\n        case '0':\r\n          color = options.color.red || '';\r\n          break;\r\n\r\n        default:\r\n          color = options.color.green || '';\r\n          break;\r\n      }\r\n\r\n      input.dataset.colorClass = color;\r\n    }\r\n    \r\n    this.colors.push(color);\r\n\r\n    if (input.disabled || input.getAttribute('readonly') != null) {\r\n      button.classList.add('disabled');\r\n      button.disabled = true;\r\n    }\r\n\r\n    if (input.getAttribute('readonly') != null) {\r\n      button.classList.add('readonly');\r\n    }\r\n\r\n    // Bind event\r\n    button.addEventListener('click', () => {\r\n      if (input.getAttribute('disabled') || input.getAttribute('readonly')) {\r\n        return;\r\n      }\r\n\r\n      const changed = !input.checked;\r\n\r\n      if (changed) {\r\n        this.inputs.forEach((ele) => {\r\n          ele.checked = false;\r\n        });\r\n\r\n        input.checked = true;\r\n\r\n        input.dispatchEvent(new Event('change'));\r\n        input.dispatchEvent(new Event('input'));\r\n      }\r\n    });\r\n\r\n    input.addEventListener('change', () => {\r\n      this.syncState();\r\n    });\r\n\r\n    return button;\r\n  }\r\n\r\n  syncState() {\r\n    const options = this.options;\r\n\r\n    this.buttons.forEach((button) => {\r\n      const input: HTMLInputElement = data(button, 'input');\r\n\r\n      button.classList.add(...this.parseClasses(options.color.default || ''));\r\n      button.classList.remove(...this.parseClasses(options.activeClass));\r\n      button.classList.remove(...this.parseClasses(...this.colors));\r\n\r\n      if (input.checked) {\r\n        button.classList.add(...this.parseClasses(options.activeClass));\r\n        button.classList.add(...this.parseClasses(input.dataset.colorClass || ''));\r\n        button.classList.remove(...this.parseClasses(options.color.default || ''));\r\n      }\r\n    });\r\n  }\r\n\r\n  parseClasses(...className: string[]) {\r\n    const classNameStr = className.join(' ');\r\n    return classNameStr.split(' ').filter(t => t !== '');\r\n  }\r\n}\r\n\r\nexport const ready = useUniDirective('button-radio', {\r\n  mounted(el, { value }) {\r\n    const options: ButtonRadioOptions = JSON.parse(value || '{}');\r\n    ButtonRadio.handle(el, value || {});\r\n  }\r\n});\r\n\r\nexport interface ButtonRadioModule {\r\n  ButtonRadio: typeof ButtonRadio;\r\n  ready: typeof ready;\r\n}\r\n"],"names":["el"],"mappings":";AAiBA,MAAM,iBAAiB;AAAA,EACrB,UAAU;AAAA,EACV,aAAa;AAAA,EACb,aAAa;AAAA,EACb,OAAO;AAAA,IACL,WAAW;AAAA,IACX,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,EAAA;AAEV;AAEO,MAAM,YAAY;AAAA,EACvB;AAAA,EACA;AAAA,EACA,SAA6B,CAAA;AAAA,EAC7B,SAA6B,CAAA;AAAA,EAC7B,UAA+B,CAAA;AAAA,EAC/B,SAAmB,CAAA;AAAA,EACnB;AAAA,EAEA,OAAO,OAAO,IAA0B,UAA8B,IAAI;AACxE,WAAO,mBAAmB,IAAI,gBAAgB,CAACA,QAAoB;AACjE,aAAO,IAAI,KAAKA,KAAI,OAAO;AAAA,IAC7B,CAAC;AAAA,EACH;AAAA,EAEA,YAAY,UAAgC,UAA8B,IAAI;AAC5E,SAAK,UAAU,UAAuB,QAAQ;AAC9C,SAAK,UAAU,UAAU,CAAA,GAAI,gBAAgB,OAAO;AACpD,QAAI;AAIJ,QAAI,KAAK,QAAQ,QAAQ,cAAc,MAAM;AAC3C,gBAAU,KAAK;AAAA,IACjB,OAAO;AACL,gBAAU,KAAK,QAAQ,cAAc,oBAAoB;AAAA,IAC3D;AAEA,SAAK,UAAU;AACf,QAAI,aAAa,QAAQ,cAA2B,YAAY;AAChE,UAAM,SAAS,cAAc;AAE7B,QAAI,CAAC,YAAY;AACf,mBAAa,EAAE,OAAO,EAAE,OAAO,aAAa;AAAA,IAC9C;AAEA,SAAK,SAAS,UAAU,QAAQ,iBAAmC,QAAQ,CAAC;AAE5E,SAAK,OAAO,QAAQ,CAAA,UAAS;AAC3B,YAAM,SAAS,KAAK,cAAc,OAAO,MAAM;AAE/C,UAAI,CAAC,QAAQ;AACX,mBAAW,YAAY,MAAM;AAAA,MAC/B;AAAA,IACF,CAAC;AAED,SAAK,UAAA;AAEL,YAAQ,aAAa,YAAY,QAAQ,UAAU;AAEnD,YAAQ,cAAc,IAAI,MAAM,qBAAqB,CAAC;AAGtD,SAAK,SAAS,CAAC,GAAG,IAAI,IAAI,KAAK,MAAM,CAAC;AAAA,EACxC;AAAA,EAEA,cAAc,OAAyB,SAAS,OAAO;AACrD,UAAM,UAAU,KAAK;AAErB,UAAM,QAAQ,MAAM,cAAc,OAAO;AACzC,UAAM,QAAQ,MAAM,cAAc,OAAO;AAEzC,QAAI;AAEJ,QAAI,QAAQ;AACV,eAAS,KAAK,QAAQ,cAAc,cAAc,MAAM,EAAE,IAAI;AAC9D,aAAO,UAAU,IAAI,GAAG,KAAK,aAAa,GAAG,QAAQ,WAAW,IAAI,QAAQ,MAAM,SAAS,CAAC,EAAE,CAAC;AAAA,IACjG,OAAO;AACL,eAAS;AAAA,QACP;AAAA,QACA;AAAA,UACE,MAAM;AAAA,UACN,OAAO,GAAG,QAAQ,WAAW,IAAI,QAAQ,MAAM,SAAS,CAAC;AAAA,UACzD,cAAc,MAAM;AAAA,QAAA;AAAA,QAEtB,SAAS,MAAM,SAAS;AAAA,MAAA;AAAA,IAE5B;AAEA,SAAK,QAAQ,SAAS,KAAK;AAC3B,SAAK,OAAO,KAAK,KAAK;AACtB,SAAK,QAAQ,KAAK,MAAM;AAExB,UAAM,MAAM,UAAU;AAGtB,QAAI,QAAQ,MAAM,QAAQ,cAAc;AAExC,QAAI,CAAC,OAAO;AACV,cAAQ,MAAM,OAAA;AAAA,QACZ,KAAK;AACH,kBAAQ,QAAQ,MAAM,QAAQ;AAC9B;AAAA,QAEF,KAAK;AACH,kBAAQ,QAAQ,MAAM,OAAO;AAC7B;AAAA,QAEF;AACE,kBAAQ,QAAQ,MAAM,SAAS;AAC/B;AAAA,MAAA;AAGJ,YAAM,QAAQ,aAAa;AAAA,IAC7B;AAEA,SAAK,OAAO,KAAK,KAAK;AAEtB,QAAI,MAAM,YAAY,MAAM,aAAa,UAAU,KAAK,MAAM;AAC5D,aAAO,UAAU,IAAI,UAAU;AAC/B,aAAO,WAAW;AAAA,IACpB;AAEA,QAAI,MAAM,aAAa,UAAU,KAAK,MAAM;AAC1C,aAAO,UAAU,IAAI,UAAU;AAAA,IACjC;AAGA,WAAO,iBAAiB,SAAS,MAAM;AACrC,UAAI,MAAM,aAAa,UAAU,KAAK,MAAM,aAAa,UAAU,GAAG;AACpE;AAAA,MACF;AAEA,YAAM,UAAU,CAAC,MAAM;AAEvB,UAAI,SAAS;AACX,aAAK,OAAO,QAAQ,CAAC,QAAQ;AAC3B,cAAI,UAAU;AAAA,QAChB,CAAC;AAED,cAAM,UAAU;AAEhB,cAAM,cAAc,IAAI,MAAM,QAAQ,CAAC;AACvC,cAAM,cAAc,IAAI,MAAM,OAAO,CAAC;AAAA,MACxC;AAAA,IACF,CAAC;AAED,UAAM,iBAAiB,UAAU,MAAM;AACrC,WAAK,UAAA;AAAA,IACP,CAAC;AAED,WAAO;AAAA,EACT;AAAA,EAEA,YAAY;AACV,UAAM,UAAU,KAAK;AAErB,SAAK,QAAQ,QAAQ,CAAC,WAAW;AAC/B,YAAM,QAA0B,KAAK,QAAQ,OAAO;AAEpD,aAAO,UAAU,IAAI,GAAG,KAAK,aAAa,QAAQ,MAAM,WAAW,EAAE,CAAC;AACtE,aAAO,UAAU,OAAO,GAAG,KAAK,aAAa,QAAQ,WAAW,CAAC;AACjE,aAAO,UAAU,OAAO,GAAG,KAAK,aAAa,GAAG,KAAK,MAAM,CAAC;AAE5D,UAAI,MAAM,SAAS;AACjB,eAAO,UAAU,IAAI,GAAG,KAAK,aAAa,QAAQ,WAAW,CAAC;AAC9D,eAAO,UAAU,IAAI,GAAG,KAAK,aAAa,MAAM,QAAQ,cAAc,EAAE,CAAC;AACzE,eAAO,UAAU,OAAO,GAAG,KAAK,aAAa,QAAQ,MAAM,WAAW,EAAE,CAAC;AAAA,MAC3E;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEA,gBAAgB,WAAqB;AACnC,UAAM,eAAe,UAAU,KAAK,GAAG;AACvC,WAAO,aAAa,MAAM,GAAG,EAAE,OAAO,CAAA,MAAK,MAAM,EAAE;AAAA,EACrD;AACF;AAEO,MAAM,QAAQ,gCAAgB,gBAAgB;AAAA,EACnD,QAAQ,IAAI,EAAE,SAAS;AACe,SAAK,MAAM,SAAS,IAAI;AAC5D,gBAAY,OAAO,IAAI,SAAS,CAAA,CAAE;AAAA,EACpC;AACF,CAAC;"}
+{"version":3,"file":"button-radio.js","sources":["../../src/bootstrap/button-radio.ts"],"sourcesContent":["import { useUniDirective } from '../composable';\nimport { data } from '../data';\nimport { getBoundedInstance, h, selectAll, selectOne } from '../service';\nimport { mergeDeep } from '../utilities';\n\nexport interface ButtonRadioOptions {\n  selector?: string;\n  buttonClass?: string;\n  activeClass?: string;\n  color?: {\n    'default'?: string;\n    green?: string;\n    red?: string;\n    blue?: string;\n  };\n}\n\nconst defaultOptions = {\n  selector: '.btn-group .radio',\n  buttonClass: 'btn',\n  activeClass: 'active',\n  color: {\n    'default': 'btn-default btn-outline-secondary',\n    green: 'btn-success',\n    red: 'btn-danger',\n    blue: 'btn-primary'\n  }\n};\n\nexport class ButtonRadio {\n  wrapper: HTMLElement;\n  element: HTMLElement;\n  radios: HTMLInputElement[] = [];\n  inputs: HTMLInputElement[] = [];\n  buttons: HTMLButtonElement[] = [];\n  colors: string[] = [];\n  options: Required<ButtonRadioOptions>;\n\n  static handle(el: HTMLElement | string, options: ButtonRadioOptions = {}) {\n    return getBoundedInstance(el, 'button-radio', (el: HTMLElement) => {\n      return new this(el, options);\n    });\n  }\n\n  constructor(selector: HTMLElement | string, options: ButtonRadioOptions = {}) {\n    this.element = selectOne<HTMLElement>(selector)!;\n    this.options = mergeDeep({}, defaultOptions, options);\n    let wrapper: HTMLElement;\n\n    // Turn radios into btn-group\n\n    if (this.element.dataset.fieldInput != null) {\n      wrapper = this.element;\n    } else {\n      wrapper = this.element.querySelector('[data-field-input]')!;\n    }\n\n    this.wrapper = wrapper;\n    let inputGroup = wrapper.querySelector<HTMLElement>('.btn-group')!;\n    const exists = inputGroup != null;\n\n    if (!inputGroup) {\n      inputGroup = h('div', { class: 'btn-group' })\n    }\n\n    this.radios = selectAll(wrapper.querySelectorAll<HTMLInputElement>('.radio'));\n\n    this.radios.forEach(radio => {\n      const button = this.prepareButton(radio, exists);\n\n      if (!exists) {\n        inputGroup.appendChild(button);\n      }\n    });\n\n    this.syncState();\n\n    wrapper.insertBefore(inputGroup, wrapper.firstChild);\n\n    wrapper.dispatchEvent(new Event('button-radio.loaded'));\n\n    // Make color elements unique\n    this.colors = [...new Set(this.colors)];\n  }\n\n  prepareButton(radio: HTMLInputElement, exists = false) {\n    const options = this.options;\n\n    const input = radio.querySelector('input')!;\n    const label = radio.querySelector('label')!;\n\n    let button: HTMLButtonElement;\n\n    if (exists) {\n      button = this.wrapper.querySelector(`[data-for=\"${input.id}\"]`)!;\n      button.classList.add(...this.parseClasses(`${options.buttonClass} ${options.color['default']}`));\n    } else {\n      button = h(\n        'button',\n        {\n          type: 'button',\n          class: `${options.buttonClass} ${options.color['default']}`,\n          'data-value': input.value,\n        },\n        `<span>${label.innerHTML}</span>`\n      );\n    }\n\n    data(button, 'input', input);\n    this.inputs.push(input);\n    this.buttons.push(button);\n\n    radio.style.display = 'none';\n\n    // Prepare color schema\n    let color = input.dataset.colorClass || '';\n\n    if (!color) {\n      switch (input.value) {\n        case '':\n          color = options.color.blue || '';\n          break;\n\n        case '0':\n          color = options.color.red || '';\n          break;\n\n        default:\n          color = options.color.green || '';\n          break;\n      }\n\n      input.dataset.colorClass = color;\n    }\n    \n    this.colors.push(color);\n\n    if (input.disabled || input.getAttribute('readonly') != null) {\n      button.classList.add('disabled');\n      button.disabled = true;\n    }\n\n    if (input.getAttribute('readonly') != null) {\n      button.classList.add('readonly');\n    }\n\n    // Bind event\n    button.addEventListener('click', () => {\n      if (input.getAttribute('disabled') || input.getAttribute('readonly')) {\n        return;\n      }\n\n      const changed = !input.checked;\n\n      if (changed) {\n        this.inputs.forEach((ele) => {\n          ele.checked = false;\n        });\n\n        input.checked = true;\n\n        input.dispatchEvent(new Event('change'));\n        input.dispatchEvent(new Event('input'));\n      }\n    });\n\n    input.addEventListener('change', () => {\n      this.syncState();\n    });\n\n    return button;\n  }\n\n  syncState() {\n    const options = this.options;\n\n    this.buttons.forEach((button) => {\n      const input: HTMLInputElement = data(button, 'input');\n\n      button.classList.add(...this.parseClasses(options.color.default || ''));\n      button.classList.remove(...this.parseClasses(options.activeClass));\n      button.classList.remove(...this.parseClasses(...this.colors));\n\n      if (input.checked) {\n        button.classList.add(...this.parseClasses(options.activeClass));\n        button.classList.add(...this.parseClasses(input.dataset.colorClass || ''));\n        button.classList.remove(...this.parseClasses(options.color.default || ''));\n      }\n    });\n  }\n\n  parseClasses(...className: string[]) {\n    const classNameStr = className.join(' ');\n    return classNameStr.split(' ').filter(t => t !== '');\n  }\n}\n\nexport const ready = useUniDirective('button-radio', {\n  mounted(el, { value }) {\n    const options: ButtonRadioOptions = JSON.parse(value || '{}');\n    ButtonRadio.handle(el, value || {});\n  }\n});\n\nexport interface ButtonRadioModule {\n  ButtonRadio: typeof ButtonRadio;\n  ready: typeof ready;\n}\n"],"names":["el"],"mappings":"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"}

package/dist/chunks/checkboxes-multi-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkboxes-multi-select.js","sources":["../../src/module/checkboxes-multi-select.ts"],"sourcesContent":["import { selectAll, selectOne } from '../service';\r\n\r\nexport class CheckboxesMultiSelect {\r\n  defaultOptions = {\r\n    duration: 100,\r\n    inputSelector: 'input[type=checkbox][data-role=grid-checkbox]'\r\n  }\r\n\r\n  $element: HTMLElement;\r\n  options: any;\r\n  boxes: HTMLInputElement[];\r\n  last: HTMLInputElement | false = false;\r\n\r\n  static handle(selector: any, options: any = {}) {\r\n    return selectAll(selector, (ele: any) => new this(ele, options));\r\n  }\r\n\r\n  constructor(selector: any, options = {}) {\r\n    this.$element = selectOne<HTMLElement>(selector)!;\r\n    this.options = Object.assign({}, this.defaultOptions, options);\r\n    this.boxes = Array.from(this.$element.querySelectorAll(this.options.inputSelector));\r\n    this.last = false;\r\n\r\n    selectAll(this.boxes, (box: HTMLInputElement) => {\r\n      box.addEventListener('click', (e: MouseEvent) => {\r\n        this.select(box, e);\r\n      });\r\n    });\r\n  }\r\n\r\n  select(box: HTMLInputElement, event: MouseEvent) {\r\n    if (!this.last) {\r\n      this.last = box;\r\n\r\n      return;\r\n    }\r\n\r\n    if (event.shiftKey) {\r\n      // @ts-ignore\r\n      const start = [].indexOf.call(this.boxes, box);\r\n\r\n      // @ts-ignore\r\n      const end = [].indexOf.call(this.boxes, this.last);\r\n\r\n      const chs = [].slice.call(this.boxes, Math.min(start, end), Math.max(start, end) + 1);\r\n\r\n      [].forEach.call(chs, (ele: HTMLInputElement, i) => {\r\n        ele.checked = (this.last as HTMLInputElement).checked;\r\n      });\r\n    }\r\n\r\n    this.last = box;\r\n  }\r\n}\r\n"],"names":[],"mappings":";AAEO,MAAM,sBAAsB;AAAA,EACjC,iBAAiB;AAAA,IACf,UAAU;AAAA,IACV,eAAe;AAAA,EAAA;AAAA,EAGjB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAiC;AAAA,EAEjC,OAAO,OAAO,UAAe,UAAe,IAAI;AAC9C,WAAO,UAAU,UAAU,CAAC,QAAa,IAAI,KAAK,KAAK,OAAO,CAAC;AAAA,EACjE;AAAA,EAEA,YAAY,UAAe,UAAU,IAAI;AACvC,SAAK,WAAW,UAAuB,QAAQ;AAC/C,SAAK,UAAU,OAAO,OAAO,CAAA,GAAI,KAAK,gBAAgB,OAAO;AAC7D,SAAK,QAAQ,MAAM,KAAK,KAAK,SAAS,iBAAiB,KAAK,QAAQ,aAAa,CAAC;AAClF,SAAK,OAAO;AAEZ,cAAU,KAAK,OAAO,CAAC,QAA0B;AAC/C,UAAI,iBAAiB,SAAS,CAAC,MAAkB;AAC/C,aAAK,OAAO,KAAK,CAAC;AAAA,MACpB,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAAA,EAEA,OAAO,KAAuB,OAAmB;AAC/C,QAAI,CAAC,KAAK,MAAM;AACd,WAAK,OAAO;AAEZ;AAAA,IACF;AAEA,QAAI,MAAM,UAAU;AAElB,YAAM,QAAQ,CAAA,EAAG,QAAQ,KAAK,KAAK,OAAO,GAAG;AAG7C,YAAM,MAAM,CAAA,EAAG,QAAQ,KAAK,KAAK,OAAO,KAAK,IAAI;AAEjD,YAAM,MAAM,CAAA,EAAG,MAAM,KAAK,KAAK,OAAO,KAAK,IAAI,OAAO,GAAG,GAAG,KAAK,IAAI,OAAO,GAAG,IAAI,CAAC;AAEpF,OAAA,EAAG,QAAQ,KAAK,KAAK,CAAC,KAAuB,MAAM;AACjD,YAAI,UAAW,KAAK,KAA0B;AAAA,MAChD,CAAC;AAAA,IACH;AAEA,SAAK,OAAO;AAAA,EACd;AACF;"}
+{"version":3,"file":"checkboxes-multi-select.js","sources":["../../src/module/checkboxes-multi-select.ts"],"sourcesContent":["import { selectAll, selectOne } from '../service';\n\nexport class CheckboxesMultiSelect {\n  defaultOptions = {\n    duration: 100,\n    inputSelector: 'input[type=checkbox][data-role=grid-checkbox]'\n  }\n\n  $element: HTMLElement;\n  options: any;\n  boxes: HTMLInputElement[];\n  last: HTMLInputElement | false = false;\n\n  static handle(selector: any, options: any = {}) {\n    return selectAll(selector, (ele: any) => new this(ele, options));\n  }\n\n  constructor(selector: any, options = {}) {\n    this.$element = selectOne<HTMLElement>(selector)!;\n    this.options = Object.assign({}, this.defaultOptions, options);\n    this.boxes = Array.from(this.$element.querySelectorAll(this.options.inputSelector));\n    this.last = false;\n\n    selectAll(this.boxes, (box: HTMLInputElement) => {\n      box.addEventListener('click', (e: MouseEvent) => {\n        this.select(box, e);\n      });\n    });\n  }\n\n  select(box: HTMLInputElement, event: MouseEvent) {\n    if (!this.last) {\n      this.last = box;\n\n      return;\n    }\n\n    if (event.shiftKey) {\n      // @ts-ignore\n      const start = [].indexOf.call(this.boxes, box);\n\n      // @ts-ignore\n      const end = [].indexOf.call(this.boxes, this.last);\n\n      const chs = [].slice.call(this.boxes, Math.min(start, end), Math.max(start, end) + 1);\n\n      [].forEach.call(chs, (ele: HTMLInputElement, i) => {\n        ele.checked = (this.last as HTMLInputElement).checked;\n      });\n    }\n\n    this.last = box;\n  }\n}\n"],"names":[],"mappings":";AAEO,MAAM,sBAAsB;AAAA,EACjC,iBAAiB;AAAA,IACf,UAAU;AAAA,IACV,eAAe;AAAA,EAAA;AAAA,EAGjB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAiC;AAAA,EAEjC,OAAO,OAAO,UAAe,UAAe,IAAI;AAC9C,WAAO,UAAU,UAAU,CAAC,QAAa,IAAI,KAAK,KAAK,OAAO,CAAC;AAAA,EACjE;AAAA,EAEA,YAAY,UAAe,UAAU,IAAI;AACvC,SAAK,WAAW,UAAuB,QAAQ;AAC/C,SAAK,UAAU,OAAO,OAAO,CAAA,GAAI,KAAK,gBAAgB,OAAO;AAC7D,SAAK,QAAQ,MAAM,KAAK,KAAK,SAAS,iBAAiB,KAAK,QAAQ,aAAa,CAAC;AAClF,SAAK,OAAO;AAEZ,cAAU,KAAK,OAAO,CAAC,QAA0B;AAC/C,UAAI,iBAAiB,SAAS,CAAC,MAAkB;AAC/C,aAAK,OAAO,KAAK,CAAC;AAAA,MACpB,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAAA,EAEA,OAAO,KAAuB,OAAmB;AAC/C,QAAI,CAAC,KAAK,MAAM;AACd,WAAK,OAAO;AAEZ;AAAA,IACF;AAEA,QAAI,MAAM,UAAU;AAElB,YAAM,QAAQ,CAAA,EAAG,QAAQ,KAAK,KAAK,OAAO,GAAG;AAG7C,YAAM,MAAM,CAAA,EAAG,QAAQ,KAAK,KAAK,OAAO,KAAK,IAAI;AAEjD,YAAM,MAAM,CAAA,EAAG,MAAM,KAAK,KAAK,OAAO,KAAK,IAAI,OAAO,GAAG,GAAG,KAAK,IAAI,OAAO,GAAG,IAAI,CAAC;AAEpF,OAAA,EAAG,QAAQ,KAAK,KAAK,CAAC,KAAuB,MAAM;AACjD,YAAI,UAAW,KAAK,KAA0B;AAAA,MAChD,CAAC;AAAA,IACH;AAEA,SAAK,OAAO;AAAA,EACd;AACF;"}

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-cascade-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-cascade-select.js","sources":["../../../../../../node_modules/@rubenbimmel/alpine-class-component/dist/alpineComponent.js","../../../../../../node_modules/@rubenbimmel/alpine-class-component/dist/decorators/component.js","../../src/module/field-cascade-select.ts"],"sourcesContent":["\"use strict\";\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nclass AlpineComponent {\r\n}\r\nexports.default = AlpineComponent;\r\n","\"use strict\";\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nfunction Component(component) {\r\n    return function (...args) {\r\n        let instance = new component(...args);\r\n        const proto = component.prototype;\r\n        let data = {};\r\n        Object.getOwnPropertyNames(proto).forEach(function (key) {\r\n            if (key === 'constructor') {\r\n                return;\r\n            }\r\n            const descriptor = Object.getOwnPropertyDescriptor(proto, key);\r\n            if (descriptor.value !== void 0) {\r\n                if (typeof descriptor.value === 'function') {\r\n                    data[key] = descriptor.value;\r\n                }\r\n            }\r\n            else if (descriptor.get || descriptor.set) {\r\n                Object.defineProperty(data, key, { get: descriptor.get, set: descriptor.set });\r\n            }\r\n        });\r\n        return Object.assign(data, instance);\r\n    };\r\n}\r\nexports.default = Component;\r\n","import AlpineComponent from '@rubenbimmel/alpine-class-component/dist/alpineComponent';\r\nimport Component from '@rubenbimmel/alpine-class-component/dist/decorators/component';\r\nimport { useHttpClient } from '../composable';\r\nimport { initAlpineComponent, module, prepareAlpineDefer, uid } from '../service';\r\nimport { mergeDeep } from '../utilities';\r\n\r\ninterface CascadeSelectOptions {\r\n  id: string;\r\n  selected: string;\r\n  path: string[];\r\n  ignoreSelf: boolean | null;\r\n  placeholder: string;\r\n  placeholders: string[];\r\n  ajaxUrl: string;\r\n  ajaxValueField: string;\r\n  source: string[];\r\n  labels: string[];\r\n  labelWidth: string;\r\n  fieldWidth: string;\r\n  readonly: boolean;\r\n  disabled: boolean;\r\n  valueField: string;\r\n  textField: string;\r\n  horizontal: boolean | null;\r\n  horizontalColWidth: string | null;\r\n  defaultValue: string;\r\n  onSelectInit: Function,\r\n  onChange: Function,\r\n  onValueInit: Function,\r\n}\r\n\r\nconst defaultOptions = {\r\n  id: '',\r\n  selected: '',\r\n  path: [],\r\n  ignoreSelf: null,\r\n  placeholder: '- Select -',\r\n  placeholders: [],\r\n  ajaxUrl: '',\r\n  ajaxValueField: 'value',\r\n  source: [],\r\n  labels: [],\r\n  labelWidth: 'col-md-3',\r\n  fieldWidth: 'col',\r\n  readonly: false,\r\n  disabled: false,\r\n  valueField: 'id',\r\n  textField: 'title',\r\n  horizontal: null,\r\n  horizontalColWidth: null,\r\n  defaultValue: '',\r\n  onSelectInit: () => {\r\n  },\r\n  onChange: () => {\r\n  },\r\n  onValueInit: () => {\r\n  },\r\n};\r\n\r\n@Component\r\nclass FieldCascadeSelect extends AlpineComponent {\r\n  options: CascadeSelectOptions;\r\n  el?: HTMLElement;\r\n  canModify: boolean = false;\r\n  lists: any[] = [];\r\n  ajaxUrl: string = '';\r\n  values: Array<string | null> = [];\r\n\r\n  constructor(options: Partial<CascadeSelectOptions> = {}) {\r\n    super();\r\n\r\n    this.options = mergeDeep({}, defaultOptions, options);\r\n\r\n    this.options.id = this.options.id || 'cascade-select-' + uid();\r\n  }\r\n\r\n  init() {\r\n    this.canModify = !this.options.readonly && !this.options.disabled;\r\n    this.ajaxUrl = this.options.ajaxUrl;\r\n    this.values = this.options.path.slice().map(String);\r\n\r\n    let values: Array<string | null> = this.options.path.slice();\r\n\r\n    if (values.length === 0) {\r\n      values = [null];\r\n    } else {\r\n      values.unshift(null);\r\n    }\r\n\r\n    let promise = Promise.resolve();\r\n    let lastValue: string | null = null;\r\n\r\n    values.forEach((v, i) => {\r\n      promise = promise.then(() => {\r\n        return this.loadItems(v, i).then((list) => {\r\n          if (list.length > 0) {\r\n            this.lists.push(list);\r\n          }\r\n        });\r\n      });\r\n\r\n      lastValue = v;\r\n    });\r\n\r\n    this.el = this.$el;\r\n\r\n    module(this.$el, 'cascade.select', () => this);\r\n\r\n    this.valueInit(this.$el, lastValue, values);\r\n  }\r\n\r\n  getLabel(i: number) {\r\n    return this.options.labels[i] || `Level ${i + 1}`;\r\n  }\r\n\r\n  getId(i: number) {\r\n    return `${this.options.id}__level-${i}`;\r\n  }\r\n\r\n  getListValue(i: number) {\r\n    return this.values[i] || '';\r\n  }\r\n\r\n  isSelected(i: number, item: any) {\r\n    return String(this.getListValue(i)) === String(item[this.options.valueField]);\r\n  }\r\n\r\n  getFinalValue() {\r\n    const values = this.values.slice();\r\n\r\n    if (values.length === 0) {\r\n      return this.options.defaultValue;\r\n    }\r\n\r\n    const v = values\r\n      .filter(v => v != null)\r\n      .filter(v => v !== '')\r\n      .pop();\r\n\r\n    if (v == undefined) {\r\n      return this.options.defaultValue;\r\n    }\r\n\r\n    return v;\r\n  }\r\n\r\n  getLevel() {\r\n    return this.values.length;\r\n  }\r\n\r\n  async onChange(i: number, event: Event) {\r\n    const el = event.target as HTMLSelectElement;\r\n\r\n    this.values[i] = el.value;\r\n\r\n    this.options.onChange(event);\r\n\r\n    event.stopPropagation();\r\n\r\n    const changeEvent = new CustomEvent('change', {\r\n      detail: {\r\n        el,\r\n        component: this,\r\n        value: el.value,\r\n        path: this.values\r\n      }\r\n    });\r\n\r\n    this.el?.dispatchEvent(changeEvent);\r\n\r\n    if (el.value === '') {\r\n      // Clear child\r\n      this.lists.splice(i + 1);\r\n      this.values.splice(i + 1);\r\n      return;\r\n    }\r\n\r\n    // Get child list\r\n    let list = await this.loadItems(el.value, i);\r\n    this.lists.splice(i + 1);\r\n    this.values.splice(i + 1);\r\n    if (list.length > 0) {\r\n      this.lists.push(list);\r\n    }\r\n  }\r\n\r\n  async loadItems(parentId: string | null, i: number) {\r\n    // Ajax\r\n    if (this.ajaxUrl) {\r\n      const http = await useHttpClient();\r\n\r\n      let res = await http.get(\r\n        this.ajaxUrl,\r\n        {\r\n          params: {\r\n            [this.options.ajaxValueField]: parentId,\r\n            self: this.options.ignoreSelf || null\r\n          }\r\n        }\r\n      );\r\n      return await res.data.data;\r\n    }\r\n\r\n    // Source\r\n    if (parentId) {\r\n      return Promise.resolve(\r\n        this.handleSourceItems(\r\n          this.findFromList(this.lists[i - 1] || [], parentId)?.children || []\r\n        )\r\n      );\r\n    }\r\n\r\n    return Promise.resolve(this.handleSourceItems(this.options.source));\r\n  }\r\n\r\n  valueInit($select: HTMLElement, value: string | null, path: Array<string | null>) {\r\n    const event = new CustomEvent('value.init', {\r\n      detail: {\r\n        el: $select,\r\n        component: this,\r\n        value,\r\n        path\r\n      }\r\n    });\r\n\r\n    this.options.onSelectInit(event);\r\n\r\n    this.$el.dispatchEvent(event);\r\n  }\r\n\r\n  selectInit($select: HTMLElement) {\r\n    const event = new CustomEvent('select.init', {\r\n      detail: {\r\n        el: $select,\r\n        component: this,\r\n      }\r\n    });\r\n\r\n    this.options.onSelectInit(event);\r\n\r\n    this.$el.dispatchEvent(event);\r\n  }\r\n\r\n  handleSourceItems(items: any[]) {\r\n    return items.map(item => {\r\n      return {\r\n        [this.options.valueField]: item.value[this.options.valueField],\r\n        [this.options.textField]: item.value[this.options.textField],\r\n        children: item.children\r\n      };\r\n    })\r\n      .filter(item => {\r\n        if (this.options.ignoreSelf) {\r\n          return item[this.options.valueField] != this.options.ignoreSelf;\r\n        }\r\n\r\n        return item;\r\n      });\r\n  }\r\n\r\n  findFromList(items: any[], value: string) {\r\n    const found = items.filter(item => item[this.options.valueField] == value);\r\n\r\n    return found.shift();\r\n  }\r\n\r\n  getPlaceholder(i: number) {\r\n    if (this.options.placeholders[i]) {\r\n      return this.options.placeholders[i];\r\n    }\r\n\r\n    return this.options.placeholder;\r\n  }\r\n}\r\n\r\ndeclare global {\r\n  var S: any;\r\n}\r\n\r\nasync function init() {\r\n  await prepareAlpineDefer(() => {\r\n    Alpine.data('CascadeSelect', (options: CascadeSelectOptions) => new FieldCascadeSelect(options));\r\n  });\r\n\r\n  await initAlpineComponent('data-cascade-select');\r\n}\r\n\r\nexport const ready = init();\r\n\r\nexport interface CascadeSelectModule {\r\n  ready: typeof ready;\r\n}\r\n"],"names":["AlpineComponent","Component","component","v"],"mappings":"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","x_google_ignoreList":[0,1]}
+{"version":3,"file":"field-cascade-select.js","sources":["../../../../../../node_modules/@rubenbimmel/alpine-class-component/dist/alpineComponent.js","../../../../../../node_modules/@rubenbimmel/alpine-class-component/dist/decorators/component.js","../../src/module/field-cascade-select.ts"],"sourcesContent":["\"use strict\";\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nclass AlpineComponent {\r\n}\r\nexports.default = AlpineComponent;\r\n","\"use strict\";\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nfunction Component(component) {\r\n    return function (...args) {\r\n        let instance = new component(...args);\r\n        const proto = component.prototype;\r\n        let data = {};\r\n        Object.getOwnPropertyNames(proto).forEach(function (key) {\r\n            if (key === 'constructor') {\r\n                return;\r\n            }\r\n            const descriptor = Object.getOwnPropertyDescriptor(proto, key);\r\n            if (descriptor.value !== void 0) {\r\n                if (typeof descriptor.value === 'function') {\r\n                    data[key] = descriptor.value;\r\n                }\r\n            }\r\n            else if (descriptor.get || descriptor.set) {\r\n                Object.defineProperty(data, key, { get: descriptor.get, set: descriptor.set });\r\n            }\r\n        });\r\n        return Object.assign(data, instance);\r\n    };\r\n}\r\nexports.default = Component;\r\n","import AlpineComponent from '@rubenbimmel/alpine-class-component/dist/alpineComponent';\nimport Component from '@rubenbimmel/alpine-class-component/dist/decorators/component';\nimport { useHttpClient } from '../composable';\nimport { initAlpineComponent, module, prepareAlpineDefer, uid } from '../service';\nimport { mergeDeep } from '../utilities';\n\ninterface CascadeSelectOptions {\n  id: string;\n  selected: string;\n  path: string[];\n  ignoreSelf: boolean | null;\n  placeholder: string;\n  placeholders: string[];\n  ajaxUrl: string;\n  ajaxValueField: string;\n  source: string[];\n  labels: string[];\n  labelWidth: string;\n  fieldWidth: string;\n  readonly: boolean;\n  disabled: boolean;\n  valueField: string;\n  textField: string;\n  horizontal: boolean | null;\n  horizontalColWidth: string | null;\n  defaultValue: string;\n  onSelectInit: Function,\n  onChange: Function,\n  onValueInit: Function,\n}\n\nconst defaultOptions = {\n  id: '',\n  selected: '',\n  path: [],\n  ignoreSelf: null,\n  placeholder: '- Select -',\n  placeholders: [],\n  ajaxUrl: '',\n  ajaxValueField: 'value',\n  source: [],\n  labels: [],\n  labelWidth: 'col-md-3',\n  fieldWidth: 'col',\n  readonly: false,\n  disabled: false,\n  valueField: 'id',\n  textField: 'title',\n  horizontal: null,\n  horizontalColWidth: null,\n  defaultValue: '',\n  onSelectInit: () => {\n  },\n  onChange: () => {\n  },\n  onValueInit: () => {\n  },\n};\n\n@Component\nclass FieldCascadeSelect extends AlpineComponent {\n  options: CascadeSelectOptions;\n  el?: HTMLElement;\n  canModify: boolean = false;\n  lists: any[] = [];\n  ajaxUrl: string = '';\n  values: Array<string | null> = [];\n\n  constructor(options: Partial<CascadeSelectOptions> = {}) {\n    super();\n\n    this.options = mergeDeep({}, defaultOptions, options);\n\n    this.options.id = this.options.id || 'cascade-select-' + uid();\n  }\n\n  init() {\n    this.canModify = !this.options.readonly && !this.options.disabled;\n    this.ajaxUrl = this.options.ajaxUrl;\n    this.values = this.options.path.slice().map(String);\n\n    let values: Array<string | null> = this.options.path.slice();\n\n    if (values.length === 0) {\n      values = [null];\n    } else {\n      values.unshift(null);\n    }\n\n    let promise = Promise.resolve();\n    let lastValue: string | null = null;\n\n    values.forEach((v, i) => {\n      promise = promise.then(() => {\n        return this.loadItems(v, i).then((list) => {\n          if (list.length > 0) {\n            this.lists.push(list);\n          }\n        });\n      });\n\n      lastValue = v;\n    });\n\n    this.el = this.$el;\n\n    module(this.$el, 'cascade.select', () => this);\n\n    this.valueInit(this.$el, lastValue, values);\n  }\n\n  getLabel(i: number) {\n    return this.options.labels[i] || `Level ${i + 1}`;\n  }\n\n  getId(i: number) {\n    return `${this.options.id}__level-${i}`;\n  }\n\n  getListValue(i: number) {\n    return this.values[i] || '';\n  }\n\n  isSelected(i: number, item: any) {\n    return String(this.getListValue(i)) === String(item[this.options.valueField]);\n  }\n\n  getFinalValue() {\n    const values = this.values.slice();\n\n    if (values.length === 0) {\n      return this.options.defaultValue;\n    }\n\n    const v = values\n      .filter(v => v != null)\n      .filter(v => v !== '')\n      .pop();\n\n    if (v == undefined) {\n      return this.options.defaultValue;\n    }\n\n    return v;\n  }\n\n  getLevel() {\n    return this.values.length;\n  }\n\n  async onChange(i: number, event: Event) {\n    const el = event.target as HTMLSelectElement;\n\n    this.values[i] = el.value;\n\n    this.options.onChange(event);\n\n    event.stopPropagation();\n\n    const changeEvent = new CustomEvent('change', {\n      detail: {\n        el,\n        component: this,\n        value: el.value,\n        path: this.values\n      }\n    });\n\n    this.el?.dispatchEvent(changeEvent);\n\n    if (el.value === '') {\n      // Clear child\n      this.lists.splice(i + 1);\n      this.values.splice(i + 1);\n      return;\n    }\n\n    // Get child list\n    let list = await this.loadItems(el.value, i);\n    this.lists.splice(i + 1);\n    this.values.splice(i + 1);\n    if (list.length > 0) {\n      this.lists.push(list);\n    }\n  }\n\n  async loadItems(parentId: string | null, i: number) {\n    // Ajax\n    if (this.ajaxUrl) {\n      const http = await useHttpClient();\n\n      let res = await http.get(\n        this.ajaxUrl,\n        {\n          params: {\n            [this.options.ajaxValueField]: parentId,\n            self: this.options.ignoreSelf || null\n          }\n        }\n      );\n      return await res.data.data;\n    }\n\n    // Source\n    if (parentId) {\n      return Promise.resolve(\n        this.handleSourceItems(\n          this.findFromList(this.lists[i - 1] || [], parentId)?.children || []\n        )\n      );\n    }\n\n    return Promise.resolve(this.handleSourceItems(this.options.source));\n  }\n\n  valueInit($select: HTMLElement, value: string | null, path: Array<string | null>) {\n    const event = new CustomEvent('value.init', {\n      detail: {\n        el: $select,\n        component: this,\n        value,\n        path\n      }\n    });\n\n    this.options.onSelectInit(event);\n\n    this.$el.dispatchEvent(event);\n  }\n\n  selectInit($select: HTMLElement) {\n    const event = new CustomEvent('select.init', {\n      detail: {\n        el: $select,\n        component: this,\n      }\n    });\n\n    this.options.onSelectInit(event);\n\n    this.$el.dispatchEvent(event);\n  }\n\n  handleSourceItems(items: any[]) {\n    return items.map(item => {\n      return {\n        [this.options.valueField]: item.value[this.options.valueField],\n        [this.options.textField]: item.value[this.options.textField],\n        children: item.children\n      };\n    })\n      .filter(item => {\n        if (this.options.ignoreSelf) {\n          return item[this.options.valueField] != this.options.ignoreSelf;\n        }\n\n        return item;\n      });\n  }\n\n  findFromList(items: any[], value: string) {\n    const found = items.filter(item => item[this.options.valueField] == value);\n\n    return found.shift();\n  }\n\n  getPlaceholder(i: number) {\n    if (this.options.placeholders[i]) {\n      return this.options.placeholders[i];\n    }\n\n    return this.options.placeholder;\n  }\n}\n\ndeclare global {\n  var S: any;\n}\n\nasync function init() {\n  await prepareAlpineDefer(() => {\n    Alpine.data('CascadeSelect', (options: CascadeSelectOptions) => new FieldCascadeSelect(options));\n  });\n\n  await initAlpineComponent('data-cascade-select');\n}\n\nexport const ready = init();\n\nexport interface CascadeSelectModule {\n  ready: typeof ready;\n}\n"],"names":["AlpineComponent","Component","component","v"],"mappings":"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","x_google_ignoreList":[0,1]}

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-file-drag.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-file-drag.js","sources":["../../src/module/field-file-drag.ts"],"sourcesContent":["import css from '../../scss/field/file-drag.scss?inline';\r\nimport { useUniDirective } from '../composable';\r\nimport { __, html, injectCssToDocument, simpleAlert, uid, watchAttributes } from '../service';\r\nimport { mergeDeep } from '../utilities';\r\n\r\ninjectCssToDocument(document, css);\r\n\r\nexport interface FileDragOptions {\r\n  maxFiles: number | undefined;\r\n  maxSize: number | undefined;\r\n  placeholder: string;\r\n  height: number;\r\n}\r\n\r\nconst defaultOptions: FileDragOptions = {\r\n  maxFiles: undefined,\r\n  maxSize: undefined,\r\n  placeholder: '',\r\n  height: 125,\r\n}\r\n\r\nexport class FileDragElement extends HTMLElement {\r\n  static is = 'uni-file-drag';\r\n\r\n  element!: HTMLInputElement;\r\n  overlayLabel!: HTMLLabelElement;\r\n  button!: HTMLButtonElement;\r\n  options!: FileDragOptions;\r\n\r\n  get inputSelector() {\r\n    return this.getAttribute('selector') || 'input[type=file]';\r\n  }\r\n\r\n  get multiple() {\r\n    return this.element.multiple;\r\n  }\r\n\r\n  connectedCallback(): void {\r\n    this.element = this.querySelector(this.inputSelector)!;\r\n\r\n    this.prepareElements();\r\n\r\n    const options = JSON.parse(this.getAttribute('options') || '{}') || {};\r\n\r\n    const observer = watchAttributes(this.element);\r\n    observer.watch('readonly', (el) => {\r\n      el.disabled = el.readOnly;\r\n    });\r\n\r\n    if (this.element.readOnly) {\r\n      this.element.disabled = true;\r\n    }\r\n\r\n    this.options = mergeDeep({}, defaultOptions, options);\r\n\r\n    this.bindEvent();\r\n\r\n    this.style.visibility = '';\r\n\r\n    this.style.height = (this.options.height || 100) + 'px';\r\n  }\r\n\r\n  bindEvent() {\r\n    this.element.addEventListener('dragover', () => {\r\n      this.element.classList.add('hover');\r\n    });\r\n\r\n    this.element.addEventListener('dragleave', () => {\r\n      this.element.classList.remove('hover');\r\n    });\r\n\r\n    this.element.addEventListener('drop', () => {\r\n      this.element.classList.remove('hover');\r\n    });\r\n\r\n    this.onChange();\r\n\r\n    this.element.addEventListener('change', (e) => {\r\n      this.onChange(e);\r\n    });\r\n    this.element.addEventListener('input', (e) => {\r\n      this.onChange(e);\r\n    });\r\n  }\r\n\r\n  prepareElements() {\r\n    if (this.children.length === 0) {\r\n      this.createElementsLayout();\r\n    }\r\n\r\n    this.overlayLabel = this.querySelector<HTMLLabelElement>('[data-overlay-label]')!;\r\n\r\n    let button = this.overlayLabel.querySelector('button');\r\n\r\n    // B/C for new file drag style\r\n    if (!button) {\r\n      button = document.createElement('button');\r\n      button.type = 'button';\r\n      button.setAttribute('class', 'c-file-drag-input__button btn btn-success btn-sm px-2 py-1');\r\n      button.innerText = __('unicorn.field.file.drag.button.text');\r\n      this.overlayLabel.appendChild(button);\r\n    }\r\n\r\n    this.button = button;\r\n  }\r\n\r\n  createElementsLayout() {\r\n    this.id ||= 'c-file-drag-' + uid();\r\n    const name = this.getAttribute('name') || 'file';\r\n    const inputId = this.id + '__input';\r\n    const btnText = __('unicorn.field.file.drag.button.text');\r\n\r\n    const input = html(`<input id=\"${inputId}\" type=\"file\" name=\"${name}\" />`);\r\n    const label = html(`<label class=\"px-3 c-file-drag-input__label\"\r\n        data-overlay-label\r\n        for=\"${inputId}\">\r\n        <span class=\"label-text d-block\">\r\n            <span class=\"fa fa-upload\"></span>\r\n        </span>\r\n        <button type=\"button\" class=\"c-file-drag-input__button btn btn-success btn-sm px-2 py-1\">\r\n            ${btnText}\r\n        </button>\r\n    </label>`);\r\n\r\n    this.element = input as HTMLInputElement;\r\n    this.overlayLabel = label as HTMLLabelElement;\r\n\r\n    this.appendChild(input);\r\n    this.appendChild(label);\r\n  }\r\n\r\n  onChange(evt?: Event) {\r\n    const files = this.element.files || [];\r\n    const limit = this.options.maxFiles;\r\n    const maxSize = this.options.maxSize;\r\n    let placeholder = this.options.placeholder;\r\n\r\n    const accepted = (this.element.getAttribute('accept') || this.element.getAttribute('data-accepted') || '')\r\n      .split(',')\r\n      .map(v => v.trim())\r\n      .filter(v => v.length > 0)\r\n      .map(v => {\r\n        if (v.indexOf('/') === -1 && v[0] === '.') {\r\n          return v.substring(1);\r\n        }\r\n\r\n        return v;\r\n      });\r\n\r\n    let text: string;\r\n\r\n    if (!placeholder) {\r\n      if (this.multiple) {\r\n        placeholder = __('unicorn.field.file.drag.placeholder.multiple');\r\n      } else {\r\n        placeholder = __('unicorn.field.file.drag.placeholder.single');\r\n      }\r\n    }\r\n\r\n    // Files limit\r\n    if (limit && files.length > limit) {\r\n      this.alert(__('unicorn.field.file.drag.message.max.files', limit), '', 'warning');\r\n      evt?.preventDefault();\r\n      return;\r\n    }\r\n\r\n    // Files size\r\n    let fileSize = 0;\r\n    Array.prototype.forEach.call(files, file => {\r\n      this.checkFileType(accepted, file);\r\n\r\n      fileSize += file.size;\r\n    });\r\n\r\n    if (maxSize && (fileSize / 1024 / 1024) > maxSize) {\r\n      this.alert(\r\n        __(\r\n          'unicorn.field.file.drag.message.max.size',\r\n          maxSize < 1 ? (maxSize * 1024) + 'KB' : maxSize + 'MB'\r\n        ),\r\n        '',\r\n        'warning'\r\n      );\r\n      evt?.preventDefault();\r\n      return;\r\n    }\r\n\r\n    if (files.length > 1) {\r\n      text = `<span class=\"fa fa-files fa-copy\"></span> ${__('unicorn.field.file.drag.selected', files.length)}`;\r\n    } else if (files.length === 1) {\r\n      text = `<span class=\"fa fa-file\"></span> ${files[0].name}`;\r\n    } else {\r\n      text = `<span class=\"fa fa-upload\"></span> ${placeholder}`;\r\n    }\r\n\r\n    //replace the \"Choose a file\" label\r\n    this.overlayLabel.querySelector<HTMLSpanElement>('span')!.innerHTML = text;\r\n  }\r\n\r\n  checkFileType(accepted: string[], file: File) {\r\n    const fileExt = file.name.split('.').pop() || '';\r\n\r\n    if (accepted.length) {\r\n      let allow = false;\r\n\r\n      accepted.forEach((type) => {\r\n        if (allow) {\r\n          return;\r\n        }\r\n\r\n        if (type.indexOf('/') !== -1) {\r\n          if (this.compareMimeType(type, file.type)) {\r\n            allow = true;\r\n          }\r\n        } else {\r\n          if (type.toLowerCase() === fileExt.toLowerCase()) {\r\n            allow = true;\r\n          }\r\n        }\r\n      });\r\n\r\n      if (!allow) {\r\n        this.alert(\r\n          __('unicorn.field.file.drag.message.unaccepted.files'),\r\n          __('unicorn.field.file.drag.message.unaccepted.files.desc', accepted.join(', ')),\r\n          'warning'\r\n        );\r\n        throw new Error('Not accepted file ext');\r\n      }\r\n    }\r\n  }\r\n\r\n  compareMimeType(accepted: string, mime: string) {\r\n    const accepted2 = accepted.split('/');\r\n    const mime2 = mime.split('/');\r\n\r\n    if (accepted2[1] === '*') {\r\n      return accepted2[0] === mime2[0];\r\n    }\r\n\r\n    return accepted === mime;\r\n  }\r\n\r\n  async alert(title: string, text: string = '', type: string = 'info') {\r\n    await simpleAlert(title, text, type);\r\n  }\r\n}\r\n\r\ncustomElements.define(FileDragElement.is, FileDragElement);\r\n\r\nexport const ready = useUniDirective('file-drag-field', {\r\n  mounted(el) {\r\n    const input = el.querySelector<HTMLInputElement>('input[type=file]')!;\r\n    const placeholderInput = el.querySelector<HTMLInputElement>('[data-role=placeholder]')!;\r\n\r\n    const preview = el.querySelector('.c-file-drag-preview');\r\n\r\n    if (preview) {\r\n      const previewLink = preview.querySelector<HTMLAnchorElement>('.c-file-drag-preview__link')!;\r\n      const delButton = preview.querySelector<HTMLAnchorElement>('.c-file-drag-preview__delete')!;\r\n      // let linkTitle = previewLink.textContent;\r\n      let inputValue = placeholderInput.value;\r\n      let required = input.required;\r\n\r\n      if (placeholderInput.value) {\r\n        input.required = false;\r\n      }\r\n\r\n      delButton.addEventListener('click', () => {\r\n        if (delButton.classList.contains('active')) {\r\n          // Restore\r\n          previewLink.style.textDecoration = '';\r\n          previewLink.style.setProperty('color', '');\r\n          placeholderInput.value = inputValue;\r\n          delButton.classList.remove('active');\r\n          input.required = false;\r\n        } else {\r\n          // Delete\r\n          previewLink.style.textDecoration = 'line-through';\r\n          previewLink.style.color = 'var(--fd-delete-color, var(--bs-danger))';\r\n          placeholderInput.value = '';\r\n          delButton.classList.add('active');\r\n          input.required = required;\r\n        }\r\n      });\r\n    }\r\n  }\r\n});\r\n\r\nexport interface FileDragModule {\r\n  FileDragElement: typeof FileDragElement;\r\n}\r\n"],"names":[],"mappings":";;AAKA,oCAAoB,UAAU,GAAG;AASjC,MAAM,iBAAkC;AAAA,EACtC,UAAU;AAAA,EACV,SAAS;AAAA,EACT,aAAa;AAAA,EACb,QAAQ;AACV;AAEO,MAAM,wBAAwB,YAAY;AAAA,EAC/C,OAAO,KAAK;AAAA,EAEZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA,IAAI,gBAAgB;AAClB,WAAO,KAAK,aAAa,UAAU,KAAK;AAAA,EAC1C;AAAA,EAEA,IAAI,WAAW;AACb,WAAO,KAAK,QAAQ;AAAA,EACtB;AAAA,EAEA,oBAA0B;AACxB,SAAK,UAAU,KAAK,cAAc,KAAK,aAAa;AAEpD,SAAK,gBAAA;AAEL,UAAM,UAAU,KAAK,MAAM,KAAK,aAAa,SAAS,KAAK,IAAI,KAAK,CAAA;AAEpE,UAAM,WAAW,gBAAgB,KAAK,OAAO;AAC7C,aAAS,MAAM,YAAY,CAAC,OAAO;AACjC,SAAG,WAAW,GAAG;AAAA,IACnB,CAAC;AAED,QAAI,KAAK,QAAQ,UAAU;AACzB,WAAK,QAAQ,WAAW;AAAA,IAC1B;AAEA,SAAK,UAAU,UAAU,CAAA,GAAI,gBAAgB,OAAO;AAEpD,SAAK,UAAA;AAEL,SAAK,MAAM,aAAa;AAExB,SAAK,MAAM,UAAU,KAAK,QAAQ,UAAU,OAAO;AAAA,EACrD;AAAA,EAEA,YAAY;AACV,SAAK,QAAQ,iBAAiB,YAAY,MAAM;AAC9C,WAAK,QAAQ,UAAU,IAAI,OAAO;AAAA,IACpC,CAAC;AAED,SAAK,QAAQ,iBAAiB,aAAa,MAAM;AAC/C,WAAK,QAAQ,UAAU,OAAO,OAAO;AAAA,IACvC,CAAC;AAED,SAAK,QAAQ,iBAAiB,QAAQ,MAAM;AAC1C,WAAK,QAAQ,UAAU,OAAO,OAAO;AAAA,IACvC,CAAC;AAED,SAAK,SAAA;AAEL,SAAK,QAAQ,iBAAiB,UAAU,CAAC,MAAM;AAC7C,WAAK,SAAS,CAAC;AAAA,IACjB,CAAC;AACD,SAAK,QAAQ,iBAAiB,SAAS,CAAC,MAAM;AAC5C,WAAK,SAAS,CAAC;AAAA,IACjB,CAAC;AAAA,EACH;AAAA,EAEA,kBAAkB;AAChB,QAAI,KAAK,SAAS,WAAW,GAAG;AAC9B,WAAK,qBAAA;AAAA,IACP;AAEA,SAAK,eAAe,KAAK,cAAgC,sBAAsB;AAE/E,QAAI,SAAS,KAAK,aAAa,cAAc,QAAQ;AAGrD,QAAI,CAAC,QAAQ;AACX,eAAS,SAAS,cAAc,QAAQ;AACxC,aAAO,OAAO;AACd,aAAO,aAAa,SAAS,4DAA4D;AACzF,aAAO,YAAY,GAAG,qCAAqC;AAC3D,WAAK,aAAa,YAAY,MAAM;AAAA,IACtC;AAEA,SAAK,SAAS;AAAA,EAChB;AAAA,EAEA,uBAAuB;AACrB,SAAK,OAAO,iBAAiB,IAAA;AAC7B,UAAM,OAAO,KAAK,aAAa,MAAM,KAAK;AAC1C,UAAM,UAAU,KAAK,KAAK;AAC1B,UAAM,UAAU,GAAG,qCAAqC;AAExD,UAAM,QAAQ,KAAK,cAAc,OAAO,uBAAuB,IAAI,MAAM;AACzE,UAAM,QAAQ,KAAK;AAAA;AAAA,eAER,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,cAKR,OAAO;AAAA;AAAA,aAER;AAET,SAAK,UAAU;AACf,SAAK,eAAe;AAEpB,SAAK,YAAY,KAAK;AACtB,SAAK,YAAY,KAAK;AAAA,EACxB;AAAA,EAEA,SAAS,KAAa;AACpB,UAAM,QAAQ,KAAK,QAAQ,SAAS,CAAA;AACpC,UAAM,QAAQ,KAAK,QAAQ;AAC3B,UAAM,UAAU,KAAK,QAAQ;AAC7B,QAAI,cAAc,KAAK,QAAQ;AAE/B,UAAM,YAAY,KAAK,QAAQ,aAAa,QAAQ,KAAK,KAAK,QAAQ,aAAa,eAAe,KAAK,IACpG,MAAM,GAAG,EACT,IAAI,CAAA,MAAK,EAAE,KAAA,CAAM,EACjB,OAAO,CAAA,MAAK,EAAE,SAAS,CAAC,EACxB,IAAI,CAAA,MAAK;AACR,UAAI,EAAE,QAAQ,GAAG,MAAM,MAAM,EAAE,CAAC,MAAM,KAAK;AACzC,eAAO,EAAE,UAAU,CAAC;AAAA,MACtB;AAEA,aAAO;AAAA,IACT,CAAC;AAEH,QAAI;AAEJ,QAAI,CAAC,aAAa;AAChB,UAAI,KAAK,UAAU;AACjB,sBAAc,GAAG,8CAA8C;AAAA,MACjE,OAAO;AACL,sBAAc,GAAG,4CAA4C;AAAA,MAC/D;AAAA,IACF;AAGA,QAAI,SAAS,MAAM,SAAS,OAAO;AACjC,WAAK,MAAM,GAAG,6CAA6C,KAAK,GAAG,IAAI,SAAS;AAChF,WAAK,eAAA;AACL;AAAA,IACF;AAGA,QAAI,WAAW;AACf,UAAM,UAAU,QAAQ,KAAK,OAAO,CAAA,SAAQ;AAC1C,WAAK,cAAc,UAAU,IAAI;AAEjC,kBAAY,KAAK;AAAA,IACnB,CAAC;AAED,QAAI,WAAY,WAAW,OAAO,OAAQ,SAAS;AACjD,WAAK;AAAA,QACH;AAAA,UACE;AAAA,UACA,UAAU,IAAK,UAAU,OAAQ,OAAO,UAAU;AAAA,QAAA;AAAA,QAEpD;AAAA,QACA;AAAA,MAAA;AAEF,WAAK,eAAA;AACL;AAAA,IACF;AAEA,QAAI,MAAM,SAAS,GAAG;AACpB,aAAO,6CAA6C,GAAG,oCAAoC,MAAM,MAAM,CAAC;AAAA,IAC1G,WAAW,MAAM,WAAW,GAAG;AAC7B,aAAO,oCAAoC,MAAM,CAAC,EAAE,IAAI;AAAA,IAC1D,OAAO;AACL,aAAO,sCAAsC,WAAW;AAAA,IAC1D;AAGA,SAAK,aAAa,cAA+B,MAAM,EAAG,YAAY;AAAA,EACxE;AAAA,EAEA,cAAc,UAAoB,MAAY;AAC5C,UAAM,UAAU,KAAK,KAAK,MAAM,GAAG,EAAE,SAAS;AAE9C,QAAI,SAAS,QAAQ;AACnB,UAAI,QAAQ;AAEZ,eAAS,QAAQ,CAAC,SAAS;AACzB,YAAI,OAAO;AACT;AAAA,QACF;AAEA,YAAI,KAAK,QAAQ,GAAG,MAAM,IAAI;AAC5B,cAAI,KAAK,gBAAgB,MAAM,KAAK,IAAI,GAAG;AACzC,oBAAQ;AAAA,UACV;AAAA,QACF,OAAO;AACL,cAAI,KAAK,YAAA,MAAkB,QAAQ,eAAe;AAChD,oBAAQ;AAAA,UACV;AAAA,QACF;AAAA,MACF,CAAC;AAED,UAAI,CAAC,OAAO;AACV,aAAK;AAAA,UACH,GAAG,kDAAkD;AAAA,UACrD,GAAG,yDAAyD,SAAS,KAAK,IAAI,CAAC;AAAA,UAC/E;AAAA,QAAA;AAEF,cAAM,IAAI,MAAM,uBAAuB;AAAA,MACzC;AAAA,IACF;AAAA,EACF;AAAA,EAEA,gBAAgB,UAAkB,MAAc;AAC9C,UAAM,YAAY,SAAS,MAAM,GAAG;AACpC,UAAM,QAAQ,KAAK,MAAM,GAAG;AAE5B,QAAI,UAAU,CAAC,MAAM,KAAK;AACxB,aAAO,UAAU,CAAC,MAAM,MAAM,CAAC;AAAA,IACjC;AAEA,WAAO,aAAa;AAAA,EACtB;AAAA,EAEA,MAAM,MAAM,OAAe,OAAe,IAAI,OAAe,QAAQ;AACnE,UAAM,YAAY,OAAO,MAAM,IAAI;AAAA,EACrC;AACF;AAEA,+BAAe,OAAA,uBAAO,gBAAgB,IAAA,GAAI,eAAe;AAElD,MAAM,QAAQ,gCAAgB,mBAAmB;AAAA,EACtD,QAAQ,IAAI;AACV,UAAM,QAAQ,GAAG,cAAgC,kBAAkB;AACnE,UAAM,mBAAmB,GAAG,cAAgC,yBAAyB;AAErF,UAAM,UAAU,GAAG,cAAc,sBAAsB;AAEvD,QAAI,SAAS;AACX,YAAM,cAAc,QAAQ,cAAiC,4BAA4B;AACzF,YAAM,YAAY,QAAQ,cAAiC,8BAA8B;AAEzF,UAAI,aAAa,iBAAiB;AAClC,UAAI,WAAW,MAAM;AAErB,UAAI,iBAAiB,OAAO;AAC1B,cAAM,WAAW;AAAA,MACnB;AAEA,gBAAU,iBAAiB,SAAS,MAAM;AACxC,YAAI,UAAU,UAAU,SAAS,QAAQ,GAAG;AAE1C,sBAAY,MAAM,iBAAiB;AACnC,sBAAY,MAAM,YAAY,SAAS,EAAE;AACzC,2BAAiB,QAAQ;AACzB,oBAAU,UAAU,OAAO,QAAQ;AACnC,gBAAM,WAAW;AAAA,QACnB,OAAO;AAEL,sBAAY,MAAM,iBAAiB;AACnC,sBAAY,MAAM,QAAQ;AAC1B,2BAAiB,QAAQ;AACzB,oBAAU,UAAU,IAAI,QAAQ;AAChC,gBAAM,WAAW;AAAA,QACnB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF,CAAC;"}
+{"version":3,"file":"field-file-drag.js","sources":["../../src/module/field-file-drag.ts"],"sourcesContent":["import css from '../../scss/field/file-drag.scss?inline';\nimport { useUniDirective } from '../composable';\nimport { __, html, injectCssToDocument, simpleAlert, uid, watchAttributes } from '../service';\nimport { mergeDeep } from '../utilities';\n\ninjectCssToDocument(document, css);\n\nexport interface FileDragOptions {\n  maxFiles: number | undefined;\n  maxSize: number | undefined;\n  placeholder: string;\n  height: number;\n}\n\nconst defaultOptions: FileDragOptions = {\n  maxFiles: undefined,\n  maxSize: undefined,\n  placeholder: '',\n  height: 125,\n}\n\nexport class FileDragElement extends HTMLElement {\n  static is = 'uni-file-drag';\n\n  element!: HTMLInputElement;\n  overlayLabel!: HTMLLabelElement;\n  button!: HTMLButtonElement;\n  options!: FileDragOptions;\n\n  get inputSelector() {\n    return this.getAttribute('selector') || 'input[type=file]';\n  }\n\n  get multiple() {\n    return this.element.multiple;\n  }\n\n  connectedCallback(): void {\n    this.element = this.querySelector(this.inputSelector)!;\n\n    this.prepareElements();\n\n    const options = JSON.parse(this.getAttribute('options') || '{}') || {};\n\n    const observer = watchAttributes(this.element);\n    observer.watch('readonly', (el) => {\n      el.disabled = el.readOnly;\n    });\n\n    if (this.element.readOnly) {\n      this.element.disabled = true;\n    }\n\n    this.options = mergeDeep({}, defaultOptions, options);\n\n    this.bindEvent();\n\n    this.style.visibility = '';\n\n    this.style.height = (this.options.height || 100) + 'px';\n  }\n\n  bindEvent() {\n    this.element.addEventListener('dragover', () => {\n      this.element.classList.add('hover');\n    });\n\n    this.element.addEventListener('dragleave', () => {\n      this.element.classList.remove('hover');\n    });\n\n    this.element.addEventListener('drop', () => {\n      this.element.classList.remove('hover');\n    });\n\n    this.onChange();\n\n    this.element.addEventListener('change', (e) => {\n      this.onChange(e);\n    });\n    this.element.addEventListener('input', (e) => {\n      this.onChange(e);\n    });\n  }\n\n  prepareElements() {\n    if (this.children.length === 0) {\n      this.createElementsLayout();\n    }\n\n    this.overlayLabel = this.querySelector<HTMLLabelElement>('[data-overlay-label]')!;\n\n    let button = this.overlayLabel.querySelector('button');\n\n    // B/C for new file drag style\n    if (!button) {\n      button = document.createElement('button');\n      button.type = 'button';\n      button.setAttribute('class', 'c-file-drag-input__button btn btn-success btn-sm px-2 py-1');\n      button.innerText = __('unicorn.field.file.drag.button.text');\n      this.overlayLabel.appendChild(button);\n    }\n\n    this.button = button;\n  }\n\n  createElementsLayout() {\n    this.id ||= 'c-file-drag-' + uid();\n    const name = this.getAttribute('name') || 'file';\n    const inputId = this.id + '__input';\n    const btnText = __('unicorn.field.file.drag.button.text');\n\n    const input = html(`<input id=\"${inputId}\" type=\"file\" name=\"${name}\" />`);\n    const label = html(`<label class=\"px-3 c-file-drag-input__label\"\n        data-overlay-label\n        for=\"${inputId}\">\n        <span class=\"label-text d-block\">\n            <span class=\"fa fa-upload\"></span>\n        </span>\n        <button type=\"button\" class=\"c-file-drag-input__button btn btn-success btn-sm px-2 py-1\">\n            ${btnText}\n        </button>\n    </label>`);\n\n    this.element = input as HTMLInputElement;\n    this.overlayLabel = label as HTMLLabelElement;\n\n    this.appendChild(input);\n    this.appendChild(label);\n  }\n\n  onChange(evt?: Event) {\n    const files = this.element.files || [];\n    const limit = this.options.maxFiles;\n    const maxSize = this.options.maxSize;\n    let placeholder = this.options.placeholder;\n\n    const accepted = (this.element.getAttribute('accept') || this.element.getAttribute('data-accepted') || '')\n      .split(',')\n      .map(v => v.trim())\n      .filter(v => v.length > 0)\n      .map(v => {\n        if (v.indexOf('/') === -1 && v[0] === '.') {\n          return v.substring(1);\n        }\n\n        return v;\n      });\n\n    let text: string;\n\n    if (!placeholder) {\n      if (this.multiple) {\n        placeholder = __('unicorn.field.file.drag.placeholder.multiple');\n      } else {\n        placeholder = __('unicorn.field.file.drag.placeholder.single');\n      }\n    }\n\n    // Files limit\n    if (limit && files.length > limit) {\n      this.alert(__('unicorn.field.file.drag.message.max.files', limit), '', 'warning');\n      evt?.preventDefault();\n      return;\n    }\n\n    // Files size\n    let fileSize = 0;\n    Array.prototype.forEach.call(files, file => {\n      this.checkFileType(accepted, file);\n\n      fileSize += file.size;\n    });\n\n    if (maxSize && (fileSize / 1024 / 1024) > maxSize) {\n      this.alert(\n        __(\n          'unicorn.field.file.drag.message.max.size',\n          maxSize < 1 ? (maxSize * 1024) + 'KB' : maxSize + 'MB'\n        ),\n        '',\n        'warning'\n      );\n      evt?.preventDefault();\n      return;\n    }\n\n    if (files.length > 1) {\n      text = `<span class=\"fa fa-files fa-copy\"></span> ${__('unicorn.field.file.drag.selected', files.length)}`;\n    } else if (files.length === 1) {\n      text = `<span class=\"fa fa-file\"></span> ${files[0].name}`;\n    } else {\n      text = `<span class=\"fa fa-upload\"></span> ${placeholder}`;\n    }\n\n    //replace the \"Choose a file\" label\n    this.overlayLabel.querySelector<HTMLSpanElement>('span')!.innerHTML = text;\n  }\n\n  checkFileType(accepted: string[], file: File) {\n    const fileExt = file.name.split('.').pop() || '';\n\n    if (accepted.length) {\n      let allow = false;\n\n      accepted.forEach((type) => {\n        if (allow) {\n          return;\n        }\n\n        if (type.indexOf('/') !== -1) {\n          if (this.compareMimeType(type, file.type)) {\n            allow = true;\n          }\n        } else {\n          if (type.toLowerCase() === fileExt.toLowerCase()) {\n            allow = true;\n          }\n        }\n      });\n\n      if (!allow) {\n        this.alert(\n          __('unicorn.field.file.drag.message.unaccepted.files'),\n          __('unicorn.field.file.drag.message.unaccepted.files.desc', accepted.join(', ')),\n          'warning'\n        );\n        throw new Error('Not accepted file ext');\n      }\n    }\n  }\n\n  compareMimeType(accepted: string, mime: string) {\n    const accepted2 = accepted.split('/');\n    const mime2 = mime.split('/');\n\n    if (accepted2[1] === '*') {\n      return accepted2[0] === mime2[0];\n    }\n\n    return accepted === mime;\n  }\n\n  async alert(title: string, text: string = '', type: string = 'info') {\n    await simpleAlert(title, text, type);\n  }\n}\n\ncustomElements.define(FileDragElement.is, FileDragElement);\n\nexport const ready = useUniDirective('file-drag-field', {\n  mounted(el) {\n    const input = el.querySelector<HTMLInputElement>('input[type=file]')!;\n    const placeholderInput = el.querySelector<HTMLInputElement>('[data-role=placeholder]')!;\n\n    const preview = el.querySelector('.c-file-drag-preview');\n\n    if (preview) {\n      const previewLink = preview.querySelector<HTMLAnchorElement>('.c-file-drag-preview__link')!;\n      const delButton = preview.querySelector<HTMLAnchorElement>('.c-file-drag-preview__delete')!;\n      // let linkTitle = previewLink.textContent;\n      let inputValue = placeholderInput.value;\n      let required = input.required;\n\n      if (placeholderInput.value) {\n        input.required = false;\n      }\n\n      delButton.addEventListener('click', () => {\n        if (delButton.classList.contains('active')) {\n          // Restore\n          previewLink.style.textDecoration = '';\n          previewLink.style.setProperty('color', '');\n          placeholderInput.value = inputValue;\n          delButton.classList.remove('active');\n          input.required = false;\n        } else {\n          // Delete\n          previewLink.style.textDecoration = 'line-through';\n          previewLink.style.color = 'var(--fd-delete-color, var(--bs-danger))';\n          placeholderInput.value = '';\n          delButton.classList.add('active');\n          input.required = required;\n        }\n      });\n    }\n  }\n});\n\nexport interface FileDragModule {\n  FileDragElement: typeof FileDragElement;\n}\n"],"names":[],"mappings":"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"}

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