@das-fed/upf-ui 6.4.0-dev.294 → 6.4.0-dev.296

package/packages/components/dialog/src/Index.vue.d.ts

@@ -34,9 +34,9 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
 }>, {
     size: "mini" | "small" | "nomarl" | "large" | "max";
     type: "basic" | "feedback" | "notice";
-    loading: boolean;
     closeOnClickModal: boolean;
     closeOnPressEscape: boolean;
+    loading: boolean;
     customClass: string;
     feedType: "primary" | "warning" | "danger" | "delete";
     defaultFooter: boolean;

package/packages/components/dialog/src/use-micro-app-dialog/index.d.ts

@@ -10,7 +10,7 @@ declare const useMicroAppDialog: (options?: MicroAppDialogOptions) => {
     microAppMaxHeight: import("vue").Ref<number | null, number | null>;
     isMicroAppDialog: ComputedRef<boolean>;
     microAppModalClass: ComputedRef<string>;
-    onOpen: () => Promise<boolean>;
+    onOpen: () => boolean;
     onClose: (_destroy?: any) => void;
     onDialogVisible: () => void;
 };

package/packages/components/dialog/style.css

@@ -1 +1 @@
-.das-ui-dialog[data-v-ded4d346] .el-dialog{display:flex;flex-direction:column}.das-ui-dialog[data-v-ded4d346] .el-dialog .el-dialog__header{margin:0;padding:0}.das-ui-dialog[data-v-ded4d346] .el-dialog .el-dialog__header .el-dialog__headerbtn{top:0;width:50px}.das-ui-dialog[data-v-ded4d346] .el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:#666!important}.das-ui-dialog[data-v-ded4d346] .el-dialog .el-dialog__header .el-dialog__headerbtn:hover .el-dialog__close{color:var(--upf-color-primary)!important}.das-ui-dialog[data-v-ded4d346] .el-dialog .el-dialog__body{flex:1;height:100%;overflow:hidden;padding:0}.das-ui-dialog[data-v-ded4d346] .el-dialog .el-dialog__footer{padding:0}.das-ui-dialog .das-dialog-box[data-v-ded4d346]{height:100%;width:100%;display:flex;flex-direction:column}.das-ui-dialog.basic[data-v-ded4d346] .el-dialog__header .el-dialog__headerbtn{height:var(--upf-dialog-basic-header-height, 50px)}.das-ui-dialog.basic .das-dialog__header[data-v-ded4d346]{height:var(--upf-dialog-basic-header-height, 50px);line-height:var(--upf-dialog-basic-header-height, 50px);padding:0 50px 0 20px;border-bottom:1px solid var(--upf-border-color);color:var(--upf-text-primary);font-size:18px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-dialog.basic .das-dialog__body[data-v-ded4d346]{padding:var(--upf-dialog-basic-content-padding, 30px);color:var(--upf-text-primary);height:100%}.das-ui-dialog.basic .das-dialog__body .das-dialog__body-cont[data-v-ded4d346]{height:100%}.das-ui-dialog.basic .das-dialog__footer[data-v-ded4d346]{text-align:center;height:50px;line-height:50px;box-sizing:content-box;border-top:1px solid var(--upf-border-color)}.das-ui-dialog.feedback[data-v-ded4d346] .el-dialog__header .el-dialog__headerbtn{height:var(--upf-dialog-feedback-header-height, 60px)}.das-ui-dialog.feedback .das-dialog__header[data-v-ded4d346]{height:var(--upf-dialog-feedback-header-height, 60px);line-height:var(--upf-dialog-feedback-header-height, 60px);border-bottom:0;padding:0 50px 0 38px;color:var(--upf-text-primary);font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative}.das-ui-dialog.feedback .das-dialog__header[data-v-ded4d346]:before{content:"";position:absolute;top:50%;left:24px;width:6px;height:6px;border-radius:50%;transform:translateY(-50%)}.das-ui-dialog.feedback .das-dialog__header.primary[data-v-ded4d346]:before,.das-ui-dialog.feedback .das-dialog__header.delete[data-v-ded4d346]:before{background-color:var(--upf-color-primary)}.das-ui-dialog.feedback .das-dialog__header.warning[data-v-ded4d346]:before{background-color:var(--upf-color-warning)}.das-ui-dialog.feedback .das-dialog__header.danger[data-v-ded4d346]:before{background-color:var(--upf-color-error)}.das-ui-dialog.feedback .das-dialog__header.success[data-v-ded4d346]:before{background-color:var(--upf-color-success)}.das-ui-dialog.feedback .das-dialog__body[data-v-ded4d346]{padding:0px var(--upf-dialog-feedback-content-padding, 48px);color:var(--upf-text-primary);text-align:center;height:100%}.das-ui-dialog.feedback .das-dialog__body .das-dialog__feed-img[data-v-ded4d346]{margin:0 auto 12px;overflow:hidden;width:var(--upf-dialog-feedback-icon-width, 168px);height:var(--upf-dialog-feedback-icon-height, 96px);display:flex;justify-content:center}.das-ui-dialog.feedback .das-dialog__body .das-dialog__feed-img img[data-v-ded4d346]{max-width:100%;max-height:100%}.das-ui-dialog.feedback .das-dialog__footer[data-v-ded4d346]{border-top:0;text-align:center;padding:32px 0;line-height:28px;height:28px;box-sizing:content-box}.das-ui-dialog.notice[data-v-ded4d346]{width:368px}.das-ui-dialog.notice[data-v-ded4d346] .el-dialog__header .el-dialog__headerbtn{height:50px}.das-ui-dialog.notice .das-dialog__header[data-v-ded4d346]{text-align:center;font-size:16px;font-weight:700;color:var(--upf-text-primary);border-bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-dialog.notice .das-dialog__header .das-dialog__notice-bg[data-v-ded4d346]{width:100%;height:96px;margin-bottom:12px;border:none}.das-ui-dialog.notice .das-dialog__header .das-dialog__notice-bg img[data-v-ded4d346]{width:100%;height:100%;border:none}.das-ui-dialog.notice .das-dialog__body[data-v-ded4d346]{color:var(--upf-text-secondary);font-size:var(--upf-dialog-notice-content-font-size, 14px);padding:12px var(--upf-dialog-notice-content-padding, 24px) 0;height:100%}.das-ui-dialog.notice .das-dialog__footer[data-v-ded4d346]{border-top:0;text-align:center;padding:24px}.el-dialog{display:flex;flex-direction:column}.el-dialog .el-dialog__header{margin:0;padding:0}.el-dialog .el-dialog__header .el-dialog__headerbtn{top:0;width:50px}.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:#666!important}.el-dialog .el-dialog__header .el-dialog__headerbtn:hover .el-dialog__close{color:var(--upf-color-primary)!important}.el-dialog .el-dialog__body{flex:1;height:100%;overflow:hidden;padding:0}.el-dialog .el-dialog__footer{padding:0}.el-dialog .das-dialog-box{height:100%;width:100%;display:flex;flex-direction:column}.el-dialog.basic:deep(.el-dialog__header) .el-dialog__headerbtn{height:var(--upf-dialog-basic-header-height, 50px)}.el-dialog.basic .das-dialog__header{height:var(--upf-dialog-basic-header-height, 50px);line-height:var(--upf-dialog-basic-header-height, 50px);padding:0 50px 0 20px;border-bottom:1px solid var(--upf-border-color);color:var(--upf-text-primary);font-size:18px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.el-dialog.basic .das-dialog__body{padding:var(--upf-dialog-basic-content-padding, 30px);color:var(--upf-text-primary);height:100%}.el-dialog.basic .das-dialog__body .das-dialog__body-cont{height:100%}.el-dialog.basic .das-dialog__footer{text-align:center;height:50px;line-height:50px;box-sizing:content-box;border-top:1px solid var(--upf-border-color)}.el-dialog.feedback:deep(.el-dialog__header) .el-dialog__headerbtn{height:var(--upf-dialog-feedback-header-height, 60px)}.el-dialog.feedback .das-dialog__header{height:var(--upf-dialog-feedback-header-height, 60px);line-height:var(--upf-dialog-feedback-header-height, 60px);border-bottom:0;padding:0 50px 0 38px;color:var(--upf-text-primary);font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative}.el-dialog.feedback .das-dialog__header:before{content:"";position:absolute;top:50%;left:24px;width:6px;height:6px;border-radius:50%;transform:translateY(-50%)}.el-dialog.feedback .das-dialog__header.primary:before,.el-dialog.feedback .das-dialog__header.delete:before{background-color:var(--upf-color-primary)}.el-dialog.feedback .das-dialog__header.warning:before{background-color:var(--upf-color-warning)}.el-dialog.feedback .das-dialog__header.danger:before{background-color:var(--upf-color-error)}.el-dialog.feedback .das-dialog__header.success:before{background-color:var(--upf-color-success)}.el-dialog.feedback .das-dialog__body{padding:0px var(--upf-dialog-feedback-content-padding, 48px);color:var(--upf-text-primary);text-align:center;height:100%}.el-dialog.feedback .das-dialog__body .das-dialog__feed-img{margin:0 auto 12px;overflow:hidden;width:var(--upf-dialog-feedback-icon-width, 168px);height:var(--upf-dialog-feedback-icon-height, 96px);display:flex;justify-content:center}.el-dialog.feedback .das-dialog__body .das-dialog__feed-img img{max-width:100%;max-height:100%}.el-dialog.feedback .das-dialog__footer{border-top:0;text-align:center;padding:32px 0}.el-dialog.notice{width:368px}.el-dialog.notice:deep(.el-dialog__header) .el-dialog__headerbtn{height:50px}.el-dialog.notice .das-dialog__header{text-align:center;font-size:16px;font-weight:700;color:var(--upf-text-primary);border-bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.el-dialog.notice .das-dialog__header .das-dialog__notice-bg{width:100%;height:96px;margin-bottom:12px;border:none}.el-dialog.notice .das-dialog__header .das-dialog__notice-bg img{width:100%;height:100%;border:none}.el-dialog.notice .das-dialog__body{color:var(--upf-text-secondary);font-size:var(--upf-dialog-notice-content-font-size, 14px);padding:12px var(--upf-dialog-notice-content-padding, 24px) 0;height:100%}.el-dialog.notice .das-dialog__footer{border-top:0;text-align:center;padding:24px}
+.das-ui-dialog[data-v-a15fcec2] .el-dialog{display:flex;flex-direction:column}.das-ui-dialog[data-v-a15fcec2] .el-dialog .el-dialog__header{margin:0;padding:0}.das-ui-dialog[data-v-a15fcec2] .el-dialog .el-dialog__header .el-dialog__headerbtn{top:0;width:50px}.das-ui-dialog[data-v-a15fcec2] .el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:#666!important}.das-ui-dialog[data-v-a15fcec2] .el-dialog .el-dialog__header .el-dialog__headerbtn:hover .el-dialog__close{color:var(--upf-color-primary)!important}.das-ui-dialog[data-v-a15fcec2] .el-dialog .el-dialog__body{flex:1;height:100%;overflow:hidden;padding:0}.das-ui-dialog[data-v-a15fcec2] .el-dialog .el-dialog__footer{padding:0}.das-ui-dialog .das-dialog-box[data-v-a15fcec2]{height:100%;width:100%;display:flex;flex-direction:column}.das-ui-dialog.basic[data-v-a15fcec2] .el-dialog__header .el-dialog__headerbtn{height:var(--upf-dialog-basic-header-height, 50px)}.das-ui-dialog.basic .das-dialog__header[data-v-a15fcec2]{height:var(--upf-dialog-basic-header-height, 50px);line-height:var(--upf-dialog-basic-header-height, 50px);padding:0 50px 0 20px;border-bottom:1px solid var(--upf-border-color);color:var(--upf-text-primary);font-size:18px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-dialog.basic .das-dialog__body[data-v-a15fcec2]{padding:var(--upf-dialog-basic-content-padding, 30px);color:var(--upf-text-primary);height:100%}.das-ui-dialog.basic .das-dialog__body .das-dialog__body-cont[data-v-a15fcec2]{height:100%}.das-ui-dialog.basic .das-dialog__footer[data-v-a15fcec2]{text-align:center;height:50px;line-height:50px;box-sizing:content-box;border-top:1px solid var(--upf-border-color)}.das-ui-dialog.feedback[data-v-a15fcec2] .el-dialog__header .el-dialog__headerbtn{height:var(--upf-dialog-feedback-header-height, 60px)}.das-ui-dialog.feedback .das-dialog__header[data-v-a15fcec2]{height:var(--upf-dialog-feedback-header-height, 60px);line-height:var(--upf-dialog-feedback-header-height, 60px);border-bottom:0;padding:0 50px 0 38px;color:var(--upf-text-primary);font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative}.das-ui-dialog.feedback .das-dialog__header[data-v-a15fcec2]:before{content:"";position:absolute;top:50%;left:24px;width:6px;height:6px;border-radius:50%;transform:translateY(-50%)}.das-ui-dialog.feedback .das-dialog__header.primary[data-v-a15fcec2]:before,.das-ui-dialog.feedback .das-dialog__header.delete[data-v-a15fcec2]:before{background-color:var(--upf-color-primary)}.das-ui-dialog.feedback .das-dialog__header.warning[data-v-a15fcec2]:before{background-color:var(--upf-color-warning)}.das-ui-dialog.feedback .das-dialog__header.danger[data-v-a15fcec2]:before{background-color:var(--upf-color-error)}.das-ui-dialog.feedback .das-dialog__header.success[data-v-a15fcec2]:before{background-color:var(--upf-color-success)}.das-ui-dialog.feedback .das-dialog__body[data-v-a15fcec2]{padding:0px var(--upf-dialog-feedback-content-padding, 48px);color:var(--upf-text-primary);text-align:center;height:100%}.das-ui-dialog.feedback .das-dialog__body .das-dialog__feed-img[data-v-a15fcec2]{margin:0 auto 12px;overflow:hidden;width:var(--upf-dialog-feedback-icon-width, 168px);height:var(--upf-dialog-feedback-icon-height, 96px);display:flex;justify-content:center}.das-ui-dialog.feedback .das-dialog__body .das-dialog__feed-img img[data-v-a15fcec2]{max-width:100%;max-height:100%}.das-ui-dialog.feedback .das-dialog__footer[data-v-a15fcec2]{border-top:0;text-align:center;padding:32px 0;line-height:28px;height:28px;box-sizing:content-box}.das-ui-dialog.notice[data-v-a15fcec2]{width:368px}.das-ui-dialog.notice[data-v-a15fcec2] .el-dialog__header .el-dialog__headerbtn{height:50px}.das-ui-dialog.notice .das-dialog__header[data-v-a15fcec2]{text-align:center;font-size:16px;font-weight:700;color:var(--upf-text-primary);border-bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-dialog.notice .das-dialog__header .das-dialog__notice-bg[data-v-a15fcec2]{width:100%;height:96px;margin-bottom:12px;border:none}.das-ui-dialog.notice .das-dialog__header .das-dialog__notice-bg img[data-v-a15fcec2]{width:100%;height:100%;border:none}.das-ui-dialog.notice .das-dialog__body[data-v-a15fcec2]{color:var(--upf-text-secondary);font-size:var(--upf-dialog-notice-content-font-size, 14px);padding:12px var(--upf-dialog-notice-content-padding, 24px) 0;height:100%}.das-ui-dialog.notice .das-dialog__footer[data-v-a15fcec2]{border-top:0;text-align:center;padding:24px}.el-dialog{display:flex;flex-direction:column}.el-dialog .el-dialog__header{margin:0;padding:0}.el-dialog .el-dialog__header .el-dialog__headerbtn{top:0;width:50px}.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close{color:#666!important}.el-dialog .el-dialog__header .el-dialog__headerbtn:hover .el-dialog__close{color:var(--upf-color-primary)!important}.el-dialog .el-dialog__body{flex:1;height:100%;overflow:hidden;padding:0}.el-dialog .el-dialog__footer{padding:0}.el-dialog .das-dialog-box{height:100%;width:100%;display:flex;flex-direction:column}.el-dialog.basic:deep(.el-dialog__header) .el-dialog__headerbtn{height:var(--upf-dialog-basic-header-height, 50px)}.el-dialog.basic .das-dialog__header{height:var(--upf-dialog-basic-header-height, 50px);line-height:var(--upf-dialog-basic-header-height, 50px);padding:0 50px 0 20px;border-bottom:1px solid var(--upf-border-color);color:var(--upf-text-primary);font-size:18px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.el-dialog.basic .das-dialog__body{padding:var(--upf-dialog-basic-content-padding, 30px);color:var(--upf-text-primary);height:100%}.el-dialog.basic .das-dialog__body .das-dialog__body-cont{height:100%}.el-dialog.basic .das-dialog__footer{text-align:center;height:50px;line-height:50px;box-sizing:content-box;border-top:1px solid var(--upf-border-color)}.el-dialog.feedback:deep(.el-dialog__header) .el-dialog__headerbtn{height:var(--upf-dialog-feedback-header-height, 60px)}.el-dialog.feedback .das-dialog__header{height:var(--upf-dialog-feedback-header-height, 60px);line-height:var(--upf-dialog-feedback-header-height, 60px);border-bottom:0;padding:0 50px 0 38px;color:var(--upf-text-primary);font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative}.el-dialog.feedback .das-dialog__header:before{content:"";position:absolute;top:50%;left:24px;width:6px;height:6px;border-radius:50%;transform:translateY(-50%)}.el-dialog.feedback .das-dialog__header.primary:before,.el-dialog.feedback .das-dialog__header.delete:before{background-color:var(--upf-color-primary)}.el-dialog.feedback .das-dialog__header.warning:before{background-color:var(--upf-color-warning)}.el-dialog.feedback .das-dialog__header.danger:before{background-color:var(--upf-color-error)}.el-dialog.feedback .das-dialog__header.success:before{background-color:var(--upf-color-success)}.el-dialog.feedback .das-dialog__body{padding:0px var(--upf-dialog-feedback-content-padding, 48px);color:var(--upf-text-primary);text-align:center;height:100%}.el-dialog.feedback .das-dialog__body .das-dialog__feed-img{margin:0 auto 12px;overflow:hidden;width:var(--upf-dialog-feedback-icon-width, 168px);height:var(--upf-dialog-feedback-icon-height, 96px);display:flex;justify-content:center}.el-dialog.feedback .das-dialog__body .das-dialog__feed-img img{max-width:100%;max-height:100%}.el-dialog.feedback .das-dialog__footer{border-top:0;text-align:center;padding:32px 0}.el-dialog.notice{width:368px}.el-dialog.notice:deep(.el-dialog__header) .el-dialog__headerbtn{height:50px}.el-dialog.notice .das-dialog__header{text-align:center;font-size:16px;font-weight:700;color:var(--upf-text-primary);border-bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.el-dialog.notice .das-dialog__header .das-dialog__notice-bg{width:100%;height:96px;margin-bottom:12px;border:none}.el-dialog.notice .das-dialog__header .das-dialog__notice-bg img{width:100%;height:100%;border:none}.el-dialog.notice .das-dialog__body{color:var(--upf-text-secondary);font-size:var(--upf-dialog-notice-content-font-size, 14px);padding:12px var(--upf-dialog-notice-content-padding, 24px) 0;height:100%}.el-dialog.notice .das-dialog__footer{border-top:0;text-align:center;padding:24px}

package/packages/components/dimple-layout/index.js

@@ -9864,7 +9864,7 @@ class Ic {
         });
       }
     }
-    (h != null || g || p) && (f.round(1), u.e = Number.isFinite(f.x) ? f.x : 0, u.f = Number.isFinite(f.y) ? f.y : 0, t.setAttribute("transform", An(u)));
+    (h != null || g || p) && (f.round(1), u.e = f.x, u.f = f.y, t.setAttribute("transform", An(u)));
   }
   update(t, e, n) {
     const i = {}, r = this.findAttrs(n.attrs || e, t, i, n.selectors), o = n.attrs ? this.findAttrs(e, t, i, n.selectors) : r, a = [];
@@ -11681,9 +11681,7 @@ var gn;
 const rv = ye("center"), ov = ye("topCenter"), av = ye("bottomCenter"), lv = ye("leftMiddle"), cv = ye("rightMiddle"), hv = ye("topLeft"), uv = ye("topRight"), dv = ye("bottomLeft"), fv = ye("bottomRight");
 function ye(s) {
   return function(t, e, n, i = {}) {
-    let r;
-    t.cell.visible ? r = i.rotate ? t.getUnrotatedBBoxOfElement(e) : t.getBBoxOfElement(e) : r = t.cell.getBBox();
-    const o = r[s];
+    const r = i.rotate ? t.getUnrotatedBBoxOfElement(e) : t.getBBoxOfElement(e), o = r[s];
     o.x += Vt(i.dx, r.width), o.y += Vt(i.dy, r.height);
     const a = t.cell;
     return i.rotate ? o.rotate(-a.getAngle(), a.getBBox().getCenter()) : o;
@@ -11712,7 +11710,7 @@ function $c(s, t) {
   return e ? s.getPointAtRatio(n / 100) : s.getPointAtLength(n);
 }
 const gv = function(s, t, e, n) {
-  const i = et.normalize(s.cell.getAngle()), r = s.cell.visible ? s.getBBoxOfElement(t) : s.cell.getBBox(), o = r.getCenter(), a = r.getTopLeft(), l = r.getBottomRight();
+  const i = et.normalize(s.cell.getAngle()), r = s.getBBoxOfElement(t), o = r.getCenter(), a = r.getTopLeft(), l = r.getBottomRight();
   let c = n.padding;
   if (Number.isFinite(c) || (c = 0), a.y + c <= e.y && e.y <= l.y - c) {
     const h = e.y - o.y;
@@ -11728,7 +11726,7 @@ const gv = function(s, t, e, n) {
 }, bv = function(s, t, e, n) {
   let i, r = 0, o;
   const a = s.cell;
-  n.rotate ? (i = s.getUnrotatedBBoxOfElement(t), o = a.getBBox().getCenter(), r = a.getAngle()) : a.visible ? i = s.getBBoxOfElement(t) : i = s.cell.getBBox();
+  n.rotate ? (i = s.getUnrotatedBBoxOfElement(t), o = a.getBBox().getCenter(), r = a.getAngle()) : i = s.getBBoxOfElement(t);
   const l = n.padding;
   l != null && Number.isFinite(l) && i.inflate(l), n.rotate && e.rotate(r, o);
   const c = i.getNearestSideToPoint(e);
@@ -12581,12 +12579,7 @@ function rw(s, t) {
   const e = [];
   return t.forEach((n) => {
     const i = s.intersectsWithLine(n);
-    if (i) {
-      const { x: r, y: o } = i, { start: a, end: l } = n, c = Math.round(a.x) === Math.round(r) && Math.round(a.y) === Math.round(o), h = Math.round(l.x) === Math.round(r) && Math.round(l.y) === Math.round(o);
-      if (c || h)
-        return;
-      e.push(i);
-    }
+    i && e.push(i);
   }), e;
 }
 function aa(s, t) {
@@ -16229,39 +16222,9 @@ class ae extends It {
       ui: !0
     }), r.options.embedding.enabled && (a.embedding || (this.prepareEmbedding(t), a.embedding = !0), this.processEmbedding(t, a));
   }
-  autoOffsetNode() {
-    const t = this.cell, e = this.graph, n = Object.assign({ id: t.id }, t.getPosition()), r = e.getNodes().map((c) => {
-      const h = c.getPosition();
-      return { id: c.id, x: h.x, y: h.y };
-    }).filter((c) => c.id !== n.id), o = [
-      [1, 1],
-      [1, -1],
-      [-1, 1],
-      [-1, -1]
-      // offset to left top
-    ];
-    let a = e.getGridSize();
-    const l = (c) => r.some((h) => h.x === c.x && h.y === c.y);
-    for (; l(n); ) {
-      let c = !1;
-      for (let h = 0; h < o.length; h += 1) {
-        const d = o[h], u = {
-          x: n.x + d[0] * a,
-          y: n.y + d[1] * a
-        };
-        if (!l(u)) {
-          t.translate(d[0] * a, d[1] * a), c = !0;
-          break;
-        }
-      }
-      if (c)
-        break;
-      a += e.getGridSize();
-    }
-  }
   stopNodeDragging(t, e, n) {
-    const i = this.getEventData(t), r = this.graph;
-    i.embedding && this.finalizeEmbedding(t, i), i.moving && (r.options.translating.autoOffset && this.autoOffsetNode(), this.removeClass("node-moving"), this.notifyNodeMove("node:moved", t, e, n, this.cell)), i.moving = !1, i.embedding = !1;
+    const i = this.getEventData(t);
+    i.embedding && this.finalizeEmbedding(t, i), i.moving && (this.removeClass("node-moving"), this.notifyNodeMove("node:moved", t, e, n, this.cell)), i.moving = !1, i.embedding = !1;
   }
   // eslint-disable-next-line
   autoScrollGraph(t, e) {
@@ -18123,9 +18086,7 @@ class Kc extends At {
    * Sets new transformation with the given `matrix`
    */
   setMatrix(t) {
-    const e = Ot(t);
-    e.a = Number.isFinite(e.a) ? e.a : 1, e.b = Number.isFinite(e.b) ? e.b : 0, e.c = Number.isFinite(e.c) ? e.c : 0, e.d = Number.isFinite(e.d) ? e.d : 1, e.e = Number.isFinite(e.e) ? e.e : 0, e.f = Number.isFinite(e.f) ? e.f : 0;
-    const n = An(e);
+    const e = Ot(t), n = An(e);
     this.viewport.setAttribute("transform", n), this.viewportMatrix = e, this.viewportTransformString = n;
   }
   resize(t, e) {
@@ -18143,11 +18104,11 @@ class Kc extends At {
   }
   scale(t, e = t, n = 0, i = 0) {
     if (t = this.clampScale(t), e = this.clampScale(e), n || i) {
-      const l = this.getTranslation(), c = l.tx - n * (t - 1), h = l.ty - i * (e - 1);
-      (c !== l.tx || h !== l.ty) && this.translate(c, h);
+      const o = this.getTranslation(), a = o.tx - n * (t - 1), l = o.ty - i * (e - 1);
+      (a !== o.tx || l !== o.ty) && this.translate(a, l);
     }
-    const r = this.getMatrix(), o = Number.isFinite(t) ? t : 1, a = Number.isFinite(e) ? e : 1;
-    return r.a = o, r.d = a, this.setMatrix(r), this.graph.trigger("scale", { sx: o, sy: a, ox: n, oy: i }), this;
+    const r = this.getMatrix();
+    return r.a = t, r.d = e, this.setMatrix(r), this.graph.trigger("scale", { sx: t, sy: e, ox: n, oy: i }), this;
   }
   clampScale(t) {
     const e = this.graph.options.scaling;
@@ -18161,9 +18122,9 @@ class Kc extends At {
     let n = t, i = t;
     const r = this.getScale(), o = this.getComputedSize();
     let a = o.width / 2, l = o.height / 2;
-    if (e.absolute || (n += r.sx, i += r.sy), e.scaleGrid && (n = Math.round(n / e.scaleGrid) * e.scaleGrid, i = Math.round(i / e.scaleGrid) * e.scaleGrid), e.maxScale && (n = Math.min(e.maxScale, n), i = Math.min(e.maxScale, i)), e.minScale && (n = Math.max(e.minScale, n), i = Math.max(e.minScale, i)), e.center && (a = e.center.x, l = e.center.y), n = this.clampScale(n), i = this.clampScale(i), n = Number.isFinite(n) ? n : r.sx, i = Number.isFinite(i) ? i : r.sy, a || l) {
-      const c = this.getTranslation(), h = r.sx === 0 ? 1 : r.sx, d = r.sy === 0 ? 1 : r.sy, u = a - (a - c.tx) * (n / h), f = l - (l - c.ty) * (i / d);
-      (u !== c.tx || f !== c.ty) && this.translate(u, f);
+    if (e.absolute || (n += r.sx, i += r.sy), e.scaleGrid && (n = Math.round(n / e.scaleGrid) * e.scaleGrid, i = Math.round(i / e.scaleGrid) * e.scaleGrid), e.maxScale && (n = Math.min(e.maxScale, n), i = Math.min(e.maxScale, i)), e.minScale && (n = Math.max(e.minScale, n), i = Math.max(e.minScale, i)), e.center && (a = e.center.x, l = e.center.y), n = this.clampScale(n), i = this.clampScale(i), a || l) {
+      const c = this.getTranslation(), h = a - (a - c.tx) * (n / r.sx), d = l - (l - c.ty) * (i / r.sy);
+      (h !== c.tx || d !== c.ty) && this.translate(h, d);
     }
     return this.scale(n, i), this;
   }
@@ -18183,7 +18144,7 @@ class Kc extends At {
   }
   translate(t, e) {
     const n = this.getMatrix();
-    n.e = Number.isFinite(t) ? t : 0, n.f = Number.isFinite(e) ? e : 0, this.setMatrix(n);
+    n.e = t || 0, n.f = e || 0, this.setMatrix(n);
     const i = this.getTranslation();
     return this.options.x = i.tx, this.options.y = i.ty, this.graph.trigger("translate", Object.assign({}, i)), this;
   }
@@ -18421,18 +18382,18 @@ class Hr extends At {
     return this.widgetOptions && this.widgetOptions.enabled === !0;
   }
   init() {
-    this.onRightMouseDown = this.onRightMouseDown.bind(this), this.onKeyDown = this.onKeyDown.bind(this), this.onKeyUp = this.onKeyUp.bind(this), this.startListening(), this.updateClassName();
+    this.onRightMouseDown = this.onRightMouseDown.bind(this), this.onSpaceKeyDown = this.onSpaceKeyDown.bind(this), this.onSpaceKeyUp = this.onSpaceKeyUp.bind(this), this.startListening(), this.updateClassName();
   }
   startListening() {
     this.graph.on("blank:mousedown", this.onMouseDown, this), this.graph.on("node:unhandled:mousedown", this.onMouseDown, this), this.graph.on("edge:unhandled:mousedown", this.onMouseDown, this), ut.on(this.graph.container, "mousedown", this.onRightMouseDown), ut.on(document.body, {
-      keydown: this.onKeyDown,
-      keyup: this.onKeyUp
+      keydown: this.onSpaceKeyDown,
+      keyup: this.onSpaceKeyUp
     }), this.mousewheelHandle = new ec(this.graph.container, this.onMouseWheel.bind(this), this.allowMouseWheel.bind(this)), this.mousewheelHandle.enable();
   }
   stopListening() {
     this.graph.off("blank:mousedown", this.onMouseDown, this), this.graph.off("node:unhandled:mousedown", this.onMouseDown, this), this.graph.off("edge:unhandled:mousedown", this.onMouseDown, this), ut.off(this.graph.container, "mousedown", this.onRightMouseDown), ut.off(document.body, {
-      keydown: this.onKeyDown,
-      keyup: this.onKeyUp
+      keydown: this.onSpaceKeyDown,
+      keyup: this.onSpaceKeyUp
     }), this.mousewheelHandle && this.mousewheelHandle.disable();
   }
   allowPanning(t, e) {
@@ -18440,7 +18401,7 @@ class Hr extends At {
   }
   startPanning(t) {
     const e = this.view.normalizeEvent(t);
-    this.clientX = e.clientX, this.clientY = e.clientY, this.panning = !0, this.updateClassName(t), ut.on(document.body, {
+    this.clientX = e.clientX, this.clientY = e.clientY, this.panning = !0, this.updateClassName(), ut.on(document.body, {
       "mousemove.panning touchmove.panning": this.pan.bind(this),
       "mouseup.panning touchend.panning": this.stopPanning.bind(this),
       "mouseleave.panning": this.stopPanning.bind(this)
@@ -18452,14 +18413,11 @@ class Hr extends At {
   }
   // eslint-disable-next-line
   stopPanning(t) {
-    this.panning = !1, this.updateClassName(t), ut.off(document.body, ".panning"), ut.off(window, ".panning");
+    this.panning = !1, this.updateClassName(), ut.off(document.body, ".panning"), ut.off(window, ".panning");
   }
-  updateClassName(t) {
-    const e = this.widgetOptions.eventTypes;
-    if ((e == null ? void 0 : e.length) === 1 && e.includes("mouseWheel"))
-      return;
-    const n = this.view.container, i = this.view.prefixClassName("graph-panning"), r = this.view.prefixClassName("graph-pannable"), o = this.graph.getPlugin("selection"), a = o && o.allowRubberband(t, !0), l = (e == null ? void 0 : e.includes("leftMouseDown")) && !a;
-    this.allowPanning(t ?? {}, !0) || this.allowPanning(t ?? {}) && l ? this.panning ? (U(n, i), yt(n, r)) : (yt(n, i), U(n, r)) : this.panning || (yt(n, i), yt(n, r));
+  updateClassName() {
+    const t = this.view.container, e = this.view.prefixClassName("graph-panning"), n = this.view.prefixClassName("graph-pannable");
+    this.pannable ? this.panning ? (U(t, e), yt(t, n)) : (yt(t, e), U(t, n)) : (yt(t, e), yt(t, n));
   }
   onMouseDown({ e: t }) {
     if (!this.allowBlankMouseDown(t))
@@ -18474,11 +18432,11 @@ class Hr extends At {
   onMouseWheel(t, e, n) {
     this.graph.translateBy(-e, -n);
   }
-  onKeyDown(t) {
-    t.which === 32 && (this.isSpaceKeyPressed = !0), this.updateClassName(t);
+  onSpaceKeyDown(t) {
+    t.which === 32 && (this.isSpaceKeyPressed = !0);
   }
-  onKeyUp(t) {
-    t.which === 32 && (this.isSpaceKeyPressed = !1), this.updateClassName(t);
+  onSpaceKeyUp(t) {
+    t.which === 32 && (this.isSpaceKeyPressed = !1);
   }
   allowBlankMouseDown(t) {
     const e = this.widgetOptions.eventTypes;
@@ -18539,7 +18497,7 @@ class Gr extends At {
     const e = this.widgetOptions.guard;
     if ((e == null || e(t)) && ge.isMatch(t, this.widgetOptions.modifiers)) {
       const n = this.widgetOptions.factor || 1.2;
-      this.currentScale == null && (this.startPos = { x: t.clientX, y: t.clientY }, this.currentScale = this.graph.transform.getScale().sx), t.deltaY < 0 ? (this.currentScale < 0.15 ? this.cumulatedFactor = (this.currentScale + 0.01) / this.currentScale : this.cumulatedFactor = Math.round(this.currentScale * n * 20) / 20 / this.currentScale, this.cumulatedFactor <= 1 && (this.cumulatedFactor = 1.05)) : (this.currentScale <= 0.15 ? this.cumulatedFactor = (this.currentScale - 0.01) / this.currentScale : this.cumulatedFactor = Math.round(this.currentScale * (1 / n) * 20) / 20 / this.currentScale, this.cumulatedFactor >= 1 && (this.cumulatedFactor = 0.95)), this.cumulatedFactor = Math.max(0.01, Math.min(this.currentScale * this.cumulatedFactor, 160) / this.currentScale);
+      this.currentScale == null && (this.startPos = { x: t.clientX, y: t.clientY }, this.currentScale = this.graph.transform.getScale().sx), t.deltaY < 0 ? this.currentScale < 0.15 ? this.cumulatedFactor = (this.currentScale + 0.01) / this.currentScale : (this.cumulatedFactor = Math.round(this.currentScale * n * 20) / 20 / this.currentScale, this.cumulatedFactor === 1 && (this.cumulatedFactor = 1.05)) : this.currentScale <= 0.15 ? this.cumulatedFactor = (this.currentScale - 0.01) / this.currentScale : (this.cumulatedFactor = Math.round(this.currentScale * (1 / n) * 20) / 20 / this.currentScale, this.cumulatedFactor === 1 && (this.cumulatedFactor = 0.95)), this.cumulatedFactor = Math.max(0.01, Math.min(this.currentScale * this.cumulatedFactor, 160) / this.currentScale);
       const r = this.currentScale;
       let o = this.graph.transform.clampScale(r * this.cumulatedFactor);
       const a = this.widgetOptions.minScale || Number.MIN_SAFE_INTEGER, l = this.widgetOptions.maxScale || Number.MAX_SAFE_INTEGER;
@@ -25330,66 +25288,30 @@ const gC = (s, t) => {
       }), m.observe(e.value);
     }), fa(() => {
       m.disconnect();
-    }), (b, y) => (ze(), Be(
-      "div",
-      {
-        ref_key: "containerEl",
-        ref: e,
-        class: "dimple-layout-editor-rule-container"
-      },
-      [
-        Qe(
-          "div",
-          {
-            class: "dimple-layout-editor-rule",
-            style: wi(c.value)
-          },
-          [
-            (ze(!0), Be(
-              xh,
-              null,
-              vh(f.value, (v) => (ze(), Be(
-                "div",
-                {
-                  class: "dimple-layout-editor-rule-rule-item",
-                  style: wi({ [n.value === "left" ? "height" : "width"]: i.value + "px" })
-                },
-                [
-                  Qe(
-                    "div",
-                    {
-                      class: "dimple-layout-editor-rule-rule-item-label",
-                      style: wi(u.value)
-                    },
-                    wh(v.label),
-                    5
-                    /* TEXT, STYLE */
-                  ),
-                  Qe(
-                    "div",
-                    {
-                      class: "dimple-layout-editor-rule-rule-item-tick",
-                      style: wi([v.label !== "" ? d.value : h.value])
-                    },
-                    null,
-                    4
-                    /* STYLE */
-                  )
-                ],
-                4
-                /* STYLE */
-              ))),
-              256
-              /* UNKEYED_FRAGMENT */
-            ))
-          ],
-          4
-          /* STYLE */
-        )
-      ],
-      512
-      /* NEED_PATCH */
-    ));
+    }), (b, y) => (ze(), Be("div", {
+      ref_key: "containerEl",
+      ref: e,
+      class: "dimple-layout-editor-rule-container"
+    }, [
+      Qe("div", {
+        class: "dimple-layout-editor-rule",
+        style: wi(c.value)
+      }, [
+        (ze(!0), Be(xh, null, vh(f.value, (v) => (ze(), Be("div", {
+          class: "dimple-layout-editor-rule-rule-item",
+          style: wi({ [n.value === "left" ? "height" : "width"]: i.value + "px" })
+        }, [
+          Qe("div", {
+            class: "dimple-layout-editor-rule-rule-item-label",
+            style: wi(u.value)
+          }, wh(v.label), 5),
+          Qe("div", {
+            class: "dimple-layout-editor-rule-rule-item-tick",
+            style: wi([v.label !== "" ? d.value : h.value])
+          }, null, 4)
+        ], 4))), 256))
+      ], 4)
+    ], 512));
   }
 }), Yr = (s, t) => {
   const e = s.__vccOpts || s;
@@ -25527,56 +25449,38 @@ const gC = (s, t) => {
       m.disconnect();
     }), t({
       canvas: c
-    }), (w, x) => (ze(), Be(
-      "div",
-      {
-        ref_key: "rootContainerEl",
-        ref: a,
-        class: "dimple-layout-editor"
-      },
-      [
-        u.value ? (ze(), Be("div", xC, [
+    }), (w, x) => (ze(), Be("div", {
+      ref_key: "rootContainerEl",
+      ref: a,
+      class: "dimple-layout-editor"
+    }, [
+      u.value ? (ze(), Be("div", xC, [
+        Zr(da, {
+          "zero-offset": f.value,
+          scale: p.value
+        }, null, 8, ["zero-offset", "scale"])
+      ])) : Kr("", !0),
+      Qe("div", vC, [
+        u.value ? (ze(), Be("div", wC, [
           Zr(da, {
-            "zero-offset": f.value,
+            position: "left",
+            "zero-offset": g.value,
             scale: p.value
           }, null, 8, ["zero-offset", "scale"])
-        ])) : Kr("v-if", !0),
-        Qe("div", vC, [
-          u.value ? (ze(), Be("div", wC, [
-            Zr(da, {
-              position: "left",
-              "zero-offset": g.value,
-              scale: p.value
-            }, null, 8, ["zero-offset", "scale"])
-          ])) : Kr("v-if", !0),
-          Qe(
-            "div",
-            {
-              ref_key: "canvasContainerEl",
-              ref: h,
-              class: "dimple-layout-editor-canvas-container"
-            },
-            [
-              Qe(
-                "div",
-                {
-                  ref_key: "containerEl",
-                  ref: l,
-                  class: "dimple-layout-editor-canvas"
-                },
-                null,
-                512
-                /* NEED_PATCH */
-              )
-            ],
-            512
-            /* NEED_PATCH */
-          )
-        ])
-      ],
-      512
-      /* NEED_PATCH */
-    ));
+        ])) : Kr("", !0),
+        Qe("div", {
+          ref_key: "canvasContainerEl",
+          ref: h,
+          class: "dimple-layout-editor-canvas-container"
+        }, [
+          Qe("div", {
+            ref_key: "containerEl",
+            ref: l,
+            class: "dimple-layout-editor-canvas"
+          }, null, 512)
+        ], 512)
+      ])
+    ], 512));
   }
 }), SC = /* @__PURE__ */ Yr(CC, [["__scopeId", "data-v-a84f1da2"]]), DC = ga(SC), LC = () => qt(null), PC = (s) => {
   const t = qt(), e = Ni(), n = {
@@ -25644,17 +25548,11 @@ const gC = (s, t) => {
         (b = r.value) == null || b.zoomToFit();
       };
       (u = r.value) == null || u.on("blank:dblclick", c), (f = r.value) == null || f.on("node:dblclick", c), (g = r.value) == null || g.on("cell:dblclick", c), (p = r.value) == null || p.on("edge:dblclick", c), (m = r.value) == null || m.$text.disabledDblClickEdit();
-    }), (c, h) => (ze(), Be(
-      "div",
-      {
-        ref_key: "containerEl",
-        ref: o,
-        class: "dimple-layout-render"
-      },
-      null,
-      512
-      /* NEED_PATCH */
-    ));
+    }), (c, h) => (ze(), Be("div", {
+      ref_key: "containerEl",
+      ref: o,
+      class: "dimple-layout-render"
+    }, null, 512));
   }
 }), OC = /* @__PURE__ */ Yr(EC, [["__scopeId", "data-v-97154aa4"]]), jC = ga(OC), kC = {
   Shape: Yw

package/packages/components/drawer/index.js

@@ -22,21 +22,14 @@ const S = { class: "das-ui-drawer" }, b = /* @__PURE__ */ u({
         title: a(t).title
       }, e.$attrs), $({
         default: d(() => [
-          h(
-            "div",
-            {
-              class: "das-drawer__body",
-              style: k(a(t).bodyStyle)
-            },
-            [
-              l(e.$slots, "default", {}, void 0, !0)
-            ],
-            4
-            /* STYLE */
-          )
+          h("div", {
+            class: "das-drawer__body",
+            style: k(a(t).bodyStyle)
+          }, [
+            l(e.$slots, "default", {}, void 0, !0)
+          ], 4)
         ]),
         _: 2
-        /* DYNAMIC */
       }, [
         e.$slots.header ? {
           name: "header",