hisonvue 1.1.8 → 1.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/dist/{HAccordion-DABKXdkp.mjs → HAccordion-B9X5a8uS.mjs} +2 -2
  2. package/dist/{HAccordion-CcqP8KVN.js → HAccordion-CwX4X5rP.js} +1 -1
  3. package/dist/{HBaggie-Dnq5t8un.mjs → HBaggie-BkdjoUd8.mjs} +2 -2
  4. package/dist/{HBaggie-Dc-KPRDG.js → HBaggie-p4YtANgJ.js} +1 -1
  5. package/dist/{HBanner-Cxl_X-Ui.mjs → HBanner-DJSW0-oC.mjs} +2 -2
  6. package/dist/{HBanner-ClmYECkp.js → HBanner-XHxPBDDx.js} +1 -1
  7. package/dist/{HButton-BuJp6l32.mjs → HButton-BTx3hnGw.mjs} +2 -2
  8. package/dist/{HButton-D7w35fAT.js → HButton-Cog_ozZo.js} +1 -1
  9. package/dist/{HCalendar-GfsTZV86.js → HCalendar-CNQKtcAW.js} +1 -1
  10. package/dist/{HCalendar-Cg1Ejr3b.mjs → HCalendar-DBOIOJU5.mjs} +1 -1
  11. package/dist/{HCaption-BP0zpAoh.mjs → HCaption-CLJuVeBS.mjs} +1 -1
  12. package/dist/{HCaption-BZklN1hJ.js → HCaption-DxHNXOQT.js} +1 -1
  13. package/dist/{HChart-BoIsUY-U.js → HChart-BL9C0v1k.js} +1 -1
  14. package/dist/{HChart-ZHMznCxo.mjs → HChart-DDf5oZRS.mjs} +1 -1
  15. package/dist/{HDrawer-BfMsOIMU.mjs → HDrawer-BoOaLn_5.mjs} +1 -1
  16. package/dist/{HDrawer-BdNXB7bZ.js → HDrawer-C34D6Yyn.js} +1 -1
  17. package/dist/{HDropdown-KwBejxH6.mjs → HDropdown-Qv-J_mld.mjs} +2 -2
  18. package/dist/{HDropdown-CFFwgLxP.js → HDropdown-YYE5X-xr.js} +1 -1
  19. package/dist/{HFileset-BVwhCpWk.js → HFileset-BA_iNeiI.js} +1 -1
  20. package/dist/{HFileset-NrFG7upU.mjs → HFileset-BvDO3aNe.mjs} +1 -1
  21. package/dist/{HGap-DQ7KNksh.mjs → HGap-BHFeKNmj.mjs} +1 -1
  22. package/dist/{HGap-D-OpGS6f.js → HGap-BrB040ot.js} +1 -1
  23. package/dist/{HGrid-Dgv2QLud.mjs → HGrid-B3sogW2X.mjs} +1 -1
  24. package/dist/{HGrid-PEaylCn3.js → HGrid-DqB9uUXP.js} +1 -1
  25. package/dist/{HImagebox-CVmax7-2.js → HImagebox-CJ6ZePsH.js} +1 -1
  26. package/dist/{HImagebox-DGj7kyoL.mjs → HImagebox-FskJNzsv.mjs} +1 -1
  27. package/dist/{HInput-CRyozCxo.js → HInput-CJr5PE-7.js} +1 -1
  28. package/dist/{HInput-DzT-VAwv.mjs → HInput-CXjTaPED.mjs} +1 -1
  29. package/dist/{HInputGroup-CjBmNgV9.mjs → HInputGroup-BhSyxYq0.mjs} +1 -1
  30. package/dist/{HInputGroup-CaYUBopI.js → HInputGroup-D8p9jS7n.js} +1 -1
  31. package/dist/{HLabel-BA2ph0V-.js → HLabel-5ptBVe28.js} +1 -1
  32. package/dist/{HLabel-c8gR7-ur.mjs → HLabel-BVsI-mje.mjs} +2 -2
  33. package/dist/{HLayout-GazOMB2h.mjs → HLayout-DryvkRqE.mjs} +43 -45
  34. package/dist/HLayout-DtM-cTSx.js +1 -0
  35. package/dist/{HList-B14zIkzR.js → HList-DU3WuYwD.js} +1 -1
  36. package/dist/{HList-tAOQaX_Q.mjs → HList-DtOpQ2V3.mjs} +2 -2
  37. package/dist/{HModal-oGryjRSc.mjs → HModal-BJKdf65e.mjs} +1 -1
  38. package/dist/{HModal-Boe8kpBb.js → HModal-C_mi279o.js} +1 -1
  39. package/dist/{HNote-CZ02WSkW.mjs → HNote-B6GFOj0S.mjs} +1 -1
  40. package/dist/{HNote-JSNpTQXQ.js → HNote-B9gSb3LH.js} +1 -1
  41. package/dist/{HPagination-DlPSez0N.js → HPagination-4wmIvYNJ.js} +1 -1
  42. package/dist/{HPagination-ZJZWJ7HP.mjs → HPagination-CqOA6UCF.mjs} +2 -2
  43. package/dist/{HParagraph-D0bGPbRd.mjs → HParagraph-CM2yycMU.mjs} +1 -1
  44. package/dist/{HParagraph-BPtGEwa6.js → HParagraph-PTHx_RN4.js} +1 -1
  45. package/dist/{HPopup-Dv018FIN.mjs → HPopup-CRXaObMA.mjs} +1 -1
  46. package/dist/{HPopup-DhNEnDcR.js → HPopup-VSP63YBK.js} +1 -1
  47. package/dist/{HSpinner-Bvk7nkiS.mjs → HSpinner-CMNqrFQm.mjs} +1 -1
  48. package/dist/{HSpinner-BHcYPH5-.js → HSpinner-DUSvlAUB.js} +1 -1
  49. package/dist/{HTable-Dq_ySJrZ.js → HTable-Cxnp6Dcb.js} +1 -1
  50. package/dist/{HTable-C1ZdeMIP.mjs → HTable-D_7pbQh6.mjs} +1 -1
  51. package/dist/hisonvue.cjs.js +1 -1
  52. package/dist/hisonvue.d.ts +17 -6
  53. package/dist/hisonvue.es.js +2 -2
  54. package/dist/{index-Cp0RZa-k.js → index-8ra42Geo.js} +18 -18
  55. package/dist/{index-9uY2HzIO.mjs → index-CTBjU64J.mjs} +10 -4
  56. package/dist/{setButtonCssEvent-C_OU9wiq.mjs → setButtonCssEvent-D2gKOB4N.mjs} +1 -1
  57. package/dist/{setButtonCssEvent-CEQ0vsUw.js → setButtonCssEvent-Dr7JxaDk.js} +1 -1
  58. package/package.json +2 -2
  59. package/dist/HLayout-Da1XBfUi.js +0 -1
@@ -2979,7 +2979,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
2979
2979
  for (var O = 0; O < y.length; O++) N[O] = te.utils.deepCopyObject(y[O], M);
2980
2980
  } else for (var T in N = {}, M.push({ source: y, copy: N }), y) y.hasOwnProperty(T) && (N[T] = te.utils.deepCopyObject(y[T], M));
2981
2981
  return N;
2982
- } }), Pe(this, "shield", { isHison: !0, excute: function(y) {
2982
+ } }), Pe(this, "shield", { isHison: !0, execute: function(y) {
2983
2983
  if (!y) throw new Error("Invalid argument: 'hison' is required.");
2984
2984
  if (!y.shield.isHison) throw new Error("Invalid argument: 'hison' must be an instance of Hison.");
2985
2985
  var M, S, N = function(O) {
@@ -3316,8 +3316,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
3316
3316
  return te.utils.getEncodeBase64(d);
3317
3317
  }, deepCopyObject: function(d, y) {
3318
3318
  return te.utils.deepCopyObject(d, y);
3319
- } }, shield: { isHison: !0, excute: function(d) {
3320
- te.shield.excute(d);
3319
+ } }, shield: { isHison: !0, execute: function(d) {
3320
+ te.shield.execute(d);
3321
3321
  } }, data: te.data, link: te.link };
3322
3322
  };
3323
3323
  return ht(), o;
@@ -19700,6 +19700,12 @@ const Ta = zs("pc"), Qy = () => Qc(Ta), Fg = () => {
19700
19700
  setInvertColor(o) {
19701
19701
  ce.componentStyle.invertColor = o, n();
19702
19702
  },
19703
+ getDeviceType() {
19704
+ if (typeof window > "u")
19705
+ return "pc";
19706
+ const o = window.innerWidth;
19707
+ return o < 768 ? "mb" : o < 1200 ? "tb" : o < 1980 ? "pc" : "wd";
19708
+ },
19703
19709
  getFilledColor() {
19704
19710
  return ce.componentStyle.filledColor;
19705
19711
  },
@@ -19860,7 +19866,7 @@ const Ta = zs("pc"), Qy = () => Qc(Ta), Fg = () => {
19860
19866
  return ce.componentStyle.invertColor;
19861
19867
  }
19862
19868
  }, t.component = {}, t.component.getAccordion = (o) => ce.component.accordionList[o], t.component.getBaggie = (o) => ce.component.baggieList[o], t.component.getBanner = (o) => ce.component.bannerList[o], t.component.getButton = (o) => ce.component.buttonList[o], t.component.getCalendar = (o) => ce.component.calendarList[o], t.component.getCaption = (o) => ce.component.captionList[o], t.component.getChart = (o) => ce.component.chartList[o], t.component.getDrawer = (o) => ce.component.drawerList[o], t.component.getDropdown = (o) => ce.component.dropdownList[o], t.component.getGap = (o) => ce.component.gapList[o], t.component.getFileset = (o) => ce.component.filesetList[o], t.component.getGrid = (o) => ce.grid.getGrid(o), t.component.getImagebox = (o) => ce.component.imageboxList[o], t.component.getInput = (o) => ce.component.inputList[o], t.component.getInputGroup = (o) => ce.component.inputGroupList[o], t.component.getLabel = (o) => ce.component.labelList[o], t.component.getLayout = (o) => ce.component.layoutList[o], t.component.getList = (o) => ce.component.listList[o], t.component.getModal = (o) => ce.component.modalList[o], t.component.getNote = (o) => ce.note.getNote(o), t.component.getPagination = (o) => ce.component.paginationList[o], t.component.getParagraph = (o) => ce.component.paragraphList[o], t.component.getPopup = (o) => ce.component.popupList[o], t.component.getSpinner = (o) => ce.component.spinnerList[o], t.component.getTable = (o) => ce.component.tableList[o];
19863
- }, Vg = Bt(() => import("./HAccordion-DABKXdkp.mjs"), "HAccordion"), Dg = Bt(() => import("./HBaggie-Dnq5t8un.mjs"), "HBaggie"), Pg = Bt(() => import("./HBanner-Cxl_X-Ui.mjs"), "HBanner"), zg = Bt(() => import("./HButton-BuJp6l32.mjs"), "HButton"), Ug = Bt(() => import("./HCalendar-Cg1Ejr3b.mjs"), "HCalendar"), Gg = Bt(() => import("./HCaption-BP0zpAoh.mjs"), "HCaption"), jg = Bt(() => import("./HChart-ZHMznCxo.mjs"), "HChart"), Wg = Bt(() => import("./HDrawer-BfMsOIMU.mjs"), "HDrawer"), qg = Bt(() => import("./HDropdown-KwBejxH6.mjs"), "HDropdown"), $g = Bt(() => import("./HFileset-NrFG7upU.mjs"), "HFileset"), Yg = Bt(() => import("./HGap-DQ7KNksh.mjs"), "HGap"), Kg = Bt(() => import("./HGrid-Dgv2QLud.mjs"), "HGrid"), Xg = Bt(() => import("./HImagebox-DGj7kyoL.mjs"), "HImagebox"), Jg = Bt(() => import("./HInput-DzT-VAwv.mjs"), "HInput"), Zg = Bt(() => import("./HInputGroup-CjBmNgV9.mjs"), "HInputGroup"), Qg = Bt(() => import("./HLabel-c8gR7-ur.mjs"), "HLabel"), ey = Bt(() => import("./HLayout-GazOMB2h.mjs"), "HLayout"), ty = Bt(() => import("./HList-tAOQaX_Q.mjs"), "HList"), ny = Bt(() => import("./HModal-oGryjRSc.mjs"), "HModal"), oy = Bt(() => import("./HNote-CZ02WSkW.mjs"), "HNote"), ry = Bt(() => import("./HPagination-ZJZWJ7HP.mjs"), "HPagination"), iy = Bt(() => import("./HParagraph-D0bGPbRd.mjs"), "HParagraph"), ay = Bt(() => import("./HPopup-Dv018FIN.mjs"), "HPopup"), ly = Bt(() => import("./HSpinner-Bvk7nkiS.mjs"), "HSpinner"), sy = Bt(() => import("./HTable-C1ZdeMIP.mjs"), "HTable"), ce = {
19869
+ }, Vg = Bt(() => import("./HAccordion-B9X5a8uS.mjs"), "HAccordion"), Dg = Bt(() => import("./HBaggie-BkdjoUd8.mjs"), "HBaggie"), Pg = Bt(() => import("./HBanner-DJSW0-oC.mjs"), "HBanner"), zg = Bt(() => import("./HButton-BTx3hnGw.mjs"), "HButton"), Ug = Bt(() => import("./HCalendar-DBOIOJU5.mjs"), "HCalendar"), Gg = Bt(() => import("./HCaption-CLJuVeBS.mjs"), "HCaption"), jg = Bt(() => import("./HChart-DDf5oZRS.mjs"), "HChart"), Wg = Bt(() => import("./HDrawer-BoOaLn_5.mjs"), "HDrawer"), qg = Bt(() => import("./HDropdown-Qv-J_mld.mjs"), "HDropdown"), $g = Bt(() => import("./HFileset-BvDO3aNe.mjs"), "HFileset"), Yg = Bt(() => import("./HGap-BHFeKNmj.mjs"), "HGap"), Kg = Bt(() => import("./HGrid-B3sogW2X.mjs"), "HGrid"), Xg = Bt(() => import("./HImagebox-FskJNzsv.mjs"), "HImagebox"), Jg = Bt(() => import("./HInput-CXjTaPED.mjs"), "HInput"), Zg = Bt(() => import("./HInputGroup-BhSyxYq0.mjs"), "HInputGroup"), Qg = Bt(() => import("./HLabel-BVsI-mje.mjs"), "HLabel"), ey = Bt(() => import("./HLayout-DryvkRqE.mjs"), "HLayout"), ty = Bt(() => import("./HList-DtOpQ2V3.mjs"), "HList"), ny = Bt(() => import("./HModal-BJKdf65e.mjs"), "HModal"), oy = Bt(() => import("./HNote-B6GFOj0S.mjs"), "HNote"), ry = Bt(() => import("./HPagination-CqOA6UCF.mjs"), "HPagination"), iy = Bt(() => import("./HParagraph-CM2yycMU.mjs"), "HParagraph"), ay = Bt(() => import("./HPopup-CRXaObMA.mjs"), "HPopup"), ly = Bt(() => import("./HSpinner-CMNqrFQm.mjs"), "HSpinner"), sy = Bt(() => import("./HTable-D_7pbQh6.mjs"), "HTable"), ce = {
19864
19870
  event: { cssEvent: {} }
19865
19871
  }, fn = an.createHison(), ep = {
19866
19872
  install(t, e) {
@@ -1,4 +1,4 @@
1
- import { h as n } from "./index-9uY2HzIO.mjs";
1
+ import { h as n } from "./index-CTBjU64J.mjs";
2
2
  const o = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakSet(), u = (t) => {
3
3
  const e = t.currentTarget;
4
4
  if (n.event.cssEvent.button_onBeforeFocus(t) === !1) {
@@ -1 +1 @@
1
- "use strict";const o=require("./index-Cp0RZa-k.js"),n=new WeakMap,r=new WeakSet,u=t=>{const e=t.currentTarget;if(o.hisonCloser.event.cssEvent.button_onBeforeFocus(t)===!1){t.stopPropagation(),t.preventDefault();return}e.classList.add("hison-button-on-focus"),o.hisonCloser.event.cssEvent.button_onAfterFocus(t)},a=t=>{const e=t.currentTarget;if(o.hisonCloser.event.cssEvent.button_onBeforeBlur(t)===!1){t.stopPropagation(),t.preventDefault();return}e.classList.remove("hison-button-on-focus"),e.classList.remove("hison-button-on-active");const s=n.get(e);s&&(clearTimeout(s),n.delete(e)),o.hisonCloser.event.cssEvent.button_onAfterBlur(t)},c=t=>{const e=t.currentTarget;if(o.hisonCloser.event.cssEvent.button_onBeforeClick(t)===!1){t.stopPropagation(),t.preventDefault();return}e.classList.remove("hison-button-on-mouseover","hison-button-on-focus"),e.classList.add("hison-button-on-active");const s=n.get(e);s&&clearTimeout(s);const l=window.setTimeout(()=>{e.classList.remove("hison-button-on-active"),document.activeElement===e&&e.classList.add("hison-button-on-focus"),o.hisonCloser.event.cssEvent.button_onAfterClick(t),n.delete(e)},100);n.set(e,l)},i=t=>{const e=t.currentTarget;if(o.hisonCloser.event.cssEvent.button_onBeforeMouseover(t)===!1){t.stopPropagation(),t.preventDefault();return}e.classList.add("hison-button-on-mouseover"),o.hisonCloser.event.cssEvent.button_onAfterMouseover(t)},v=t=>{const e=t.currentTarget;if(o.hisonCloser.event.cssEvent.button_onBeforeMouseout(t)===!1){t.stopPropagation(),t.preventDefault();return}e.classList.remove("hison-button-on-mouseover"),o.hisonCloser.event.cssEvent.button_onAfterMouseout(t)},f=t=>{const e=t.currentTarget;if(o.hisonCloser.event.cssEvent.button_onBeforeTouchstart(t)===!1){t.stopPropagation(),t.preventDefault();return}e.classList.add("hison-button-on-mouseover"),o.hisonCloser.event.cssEvent.button_onAfterTouchstart(t)},d=t=>{const e=t.currentTarget;if(o.hisonCloser.event.cssEvent.button_onBeforeTouchend(t)===!1){t.stopPropagation(),t.preventDefault();return}e.classList.remove("hison-button-on-mouseover"),o.hisonCloser.event.cssEvent.button_onAfterTouchend(t)},h=t=>{r.has(t)||(r.add(t),t.addEventListener("click",c,{capture:!0}),t.addEventListener("focus",u),t.addEventListener("blur",a),t.addEventListener("mouseenter",i),t.addEventListener("mouseleave",v),t.addEventListener("touchstart",f,{passive:!1,capture:!0}),t.addEventListener("touchend",d,{passive:!1,capture:!0}))},E=t=>{if(!r.has(t))return;r.delete(t),t.removeEventListener("click",c,{capture:!0}),t.removeEventListener("focus",u),t.removeEventListener("blur",a),t.removeEventListener("mouseenter",i),t.removeEventListener("mouseleave",v),t.removeEventListener("touchstart",f,{capture:!0}),t.removeEventListener("touchend",d,{capture:!0});const e=n.get(t);e&&(clearTimeout(e),n.delete(t))};exports.addButtonCssEvent=h;exports.removeButtonCssEvent=E;
1
+ "use strict";const o=require("./index-8ra42Geo.js"),n=new WeakMap,r=new WeakSet,u=t=>{const e=t.currentTarget;if(o.hisonCloser.event.cssEvent.button_onBeforeFocus(t)===!1){t.stopPropagation(),t.preventDefault();return}e.classList.add("hison-button-on-focus"),o.hisonCloser.event.cssEvent.button_onAfterFocus(t)},a=t=>{const e=t.currentTarget;if(o.hisonCloser.event.cssEvent.button_onBeforeBlur(t)===!1){t.stopPropagation(),t.preventDefault();return}e.classList.remove("hison-button-on-focus"),e.classList.remove("hison-button-on-active");const s=n.get(e);s&&(clearTimeout(s),n.delete(e)),o.hisonCloser.event.cssEvent.button_onAfterBlur(t)},c=t=>{const e=t.currentTarget;if(o.hisonCloser.event.cssEvent.button_onBeforeClick(t)===!1){t.stopPropagation(),t.preventDefault();return}e.classList.remove("hison-button-on-mouseover","hison-button-on-focus"),e.classList.add("hison-button-on-active");const s=n.get(e);s&&clearTimeout(s);const l=window.setTimeout(()=>{e.classList.remove("hison-button-on-active"),document.activeElement===e&&e.classList.add("hison-button-on-focus"),o.hisonCloser.event.cssEvent.button_onAfterClick(t),n.delete(e)},100);n.set(e,l)},i=t=>{const e=t.currentTarget;if(o.hisonCloser.event.cssEvent.button_onBeforeMouseover(t)===!1){t.stopPropagation(),t.preventDefault();return}e.classList.add("hison-button-on-mouseover"),o.hisonCloser.event.cssEvent.button_onAfterMouseover(t)},v=t=>{const e=t.currentTarget;if(o.hisonCloser.event.cssEvent.button_onBeforeMouseout(t)===!1){t.stopPropagation(),t.preventDefault();return}e.classList.remove("hison-button-on-mouseover"),o.hisonCloser.event.cssEvent.button_onAfterMouseout(t)},f=t=>{const e=t.currentTarget;if(o.hisonCloser.event.cssEvent.button_onBeforeTouchstart(t)===!1){t.stopPropagation(),t.preventDefault();return}e.classList.add("hison-button-on-mouseover"),o.hisonCloser.event.cssEvent.button_onAfterTouchstart(t)},d=t=>{const e=t.currentTarget;if(o.hisonCloser.event.cssEvent.button_onBeforeTouchend(t)===!1){t.stopPropagation(),t.preventDefault();return}e.classList.remove("hison-button-on-mouseover"),o.hisonCloser.event.cssEvent.button_onAfterTouchend(t)},h=t=>{r.has(t)||(r.add(t),t.addEventListener("click",c,{capture:!0}),t.addEventListener("focus",u),t.addEventListener("blur",a),t.addEventListener("mouseenter",i),t.addEventListener("mouseleave",v),t.addEventListener("touchstart",f,{passive:!1,capture:!0}),t.addEventListener("touchend",d,{passive:!1,capture:!0}))},E=t=>{if(!r.has(t))return;r.delete(t),t.removeEventListener("click",c,{capture:!0}),t.removeEventListener("focus",u),t.removeEventListener("blur",a),t.removeEventListener("mouseenter",i),t.removeEventListener("mouseleave",v),t.removeEventListener("touchstart",f,{capture:!0}),t.removeEventListener("touchend",d,{capture:!0});const e=n.get(t);e&&(clearTimeout(e),n.delete(t))};exports.addButtonCssEvent=h;exports.removeButtonCssEvent=E;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "hisonvue",
3
- "version": "1.1.8",
3
+ "version": "1.1.9",
4
4
  "main": "./dist/hisonvue.cjs.js",
5
5
  "module": "./dist/hisonvue.es.js",
6
6
  "types": "./dist/hisonvue.d.ts",
@@ -45,7 +45,7 @@
45
45
  },
46
46
  "dependencies": {
47
47
  "chart.js": "^4.5.0",
48
- "hisonjs": "^1.2.7",
48
+ "hisonjs": "^1.2.8",
49
49
  "vanillagrid2": "^1.0.8",
50
50
  "vanillanote2": "^1.1.0",
51
51
  "vue-cal": "^4.10.2"
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),l=require("./index-Cp0RZa-k.js"),C=require("./_plugin-vue_export-helper-BHFhmbuH.js"),h={id:{type:String,required:!1},class:{type:[String,Array,Object],required:!1},style:{type:[String,Object,Array],required:!1},visible:{type:Boolean,default:!0},backImageSrc:{type:String,required:!1},backImageRepeat:{type:String,required:!1,validator:e=>e==null||l.BACK_IMAGE_STYLE_VALUES.includes(e)?!0:/^(repeat-x|repeat-y|repeat|no-repeat)(\s+\S+\/\S+)?$/.test(e)||/^(cover|contain)$/.test(e)||/[\/\s]/.test(e)},backImageWidth:{type:String,required:!1},backImageAlign:{type:String,required:!1,validator:e=>e==null||l.BACK_IMAGE_ALIGN_VALUES.includes(e)},backImageVerticalAlign:{type:String,required:!1,validator:e=>e==null||l.BACK_IMAGE_VERTICAL_ALIGN_VALUES.includes(e)},backColor:{type:String,required:!1},border:{type:Boolean,default:!1},height:{type:String,required:!1}},S=a.defineComponent({name:"HLayout",props:h,inheritAttrs:!1,emits:["mounted","responsive-change","click","mousedown","mouseup","mouseover","mouseout"],setup(e,{emit:o}){const n=a.ref(null),u=a.ref(null),r=e.id?e.id:l.getUUID(),m=`hlayout:${r}`,s=l.useDevice(),c=a.ref(e.visible),v=a.computed(()=>c.value?"":"hison-display-none"),d=a.ref(e.border??!1),f=a.computed(()=>d.value?"hison-border":""),I=a.computed(()=>{const t={};if(e.backImageSrc&&(t.backgroundImage=`url(${e.backImageSrc})`,t.backgroundRepeat=e.backImageRepeat||"no-repeat",t.backgroundSize=e.backImageWidth||"auto",t.backgroundPosition=`${e.backImageAlign||"center"} ${e.backImageVerticalAlign||"center"}`),e.backColor){const i=l.getHexCodeFromColorText(e.backColor)||e.backColor;t.backgroundColor=i}return e.height&&(t.height=e.height),t}),g=a.ref([]),b=()=>{g.value=l.extractResponsiveClasses(l.toClassString(e.class)||"",s.value),l.getIndexSpecificClassNameFromClassList(g.value,"col")===-1&&g.value.push("hison-col-12"),l.addComponentNameToClass(g.value,"color","primary")},y=()=>{l.hisonCloser.component.layoutList[r]&&l.hisonCloser.component.layoutList[r].isHisonvueComponent&&console.warn(`[Hisonvue] The layout ID is at risk of being duplicated. ${r}`),l.registerReloadable(m,()=>{k(),a.nextTick(y)}),n.value&&(b(),u.value={isHisonvueComponent:!0,getId:()=>r,getType:()=>"layout",isVisible:()=>c.value,setVisible:t=>{c.value=t},getBackImageSrc:()=>e.backImageSrc||"",setBackImageSrc:t=>{n.value&&(n.value.style.backgroundImage=`url(${t})`)},getBackImageRepeat:()=>e.backImageRepeat||"",setBackImageRepeat:t=>{n.value&&(n.value.style.backgroundRepeat=t)},getBackImageWidth:()=>e.backImageWidth||"",setBackImageWidth:t=>{n.value&&(n.value.style.backgroundSize=t)},getBackImageAlign:()=>e.backImageAlign||"",setBackImageAlign:t=>{if(n.value){const i=e.backImageVerticalAlign||"center";n.value.style.backgroundPosition=`${t} ${i}`}},getBackImageVerticalAlign:()=>e.backImageVerticalAlign||"",setBackImageVerticalAlign:t=>{if(n.value){const i=e.backImageAlign||"center";n.value.style.backgroundPosition=`${i} ${t}`}},getBackColor:()=>e.backColor||"",setBackColor:t=>{n.value&&(n.value.style.backgroundColor=l.getHexCodeFromColorText(t)||t)},isBorder:()=>d.value,setBorder:t=>{d.value=t},getHeight:()=>e.height||"",setHeight:t=>{n.value&&(n.value.style.height=t)},reload:()=>l.reloadHisonComponent(m)},l.hisonCloser.component.layoutList[r]=u.value,o("mounted",u.value))},k=()=>{l.unregisterReloadable(m),delete l.hisonCloser.component.layoutList[r]};return a.onMounted(y),a.onBeforeUnmount(k),a.watch(s,t=>{b(),o("responsive-change",t)}),a.watch(()=>e.visible,t=>{const i=!!t;i!==c.value&&(c.value=i)}),a.watch(()=>e.border,t=>{const i=!!t;i!==d.value&&(d.value=i)}),a.watch(()=>e.class,()=>{b()}),{layoutRef:n,layoutMethods:a.computed(()=>a.unref(u)),props:e,responsiveClassList:g,visibleClass:v,borderClass:f,computedBackStyle:I}}});function A(e,o,n,u,r,m){return a.openBlock(),a.createElementBlock("div",{ref:"layoutRef",class:a.normalizeClass(["hison-layout",...e.responsiveClassList,e.visibleClass,e.borderClass]),style:a.normalizeStyle([e.props.style,e.computedBackStyle]),onClick:o[0]||(o[0]=s=>e.$emit("click",s,e.layoutMethods)),onMousedown:o[1]||(o[1]=s=>e.$emit("mousedown",s,e.layoutMethods)),onMouseup:o[2]||(o[2]=s=>e.$emit("mouseup",s,e.layoutMethods)),onMouseover:o[3]||(o[3]=s=>e.$emit("mouseover",s,e.layoutMethods)),onMouseout:o[4]||(o[4]=s=>e.$emit("mouseout",s,e.layoutMethods))},[o[6]||(o[6]=a.createElementVNode("div",{class:"hison-layout-frame-adjust"},null,-1)),a.renderSlot(e.$slots,"default",{},()=>[o[5]||(o[5]=a.createTextVNode("Hison Layout"))])],38)}const B=C._export_sfc(S,[["render",A]]);exports.default=B;