@plannco-ppe/ppe-core 1.0.21 → 1.0.22

package/dist/index.js

@@ -23593,12 +23593,12 @@ function Fg({
 const bg = {
   name: "ppe-zoning",
   getInitialState: (n) => {
-    const { layer: t, source: e } = Hg(n == null ? void 0 : n._extent), { layer: i, source: s } = qg(n == null ? void 0 : n._extent), r = new Lo({
+    const { layer: t, source: e } = qg(n == null ? void 0 : n._extent), { layer: i, source: s } = $g(n == null ? void 0 : n._extent), r = new Lo({
       layers: [t],
       condition: Cf,
       style: (l) => {
         const h = l.getProperties(), c = (n == null ? void 0 : n._zoneFillVisible) ?? !0;
-        return $g(h, c);
+        return Jg(h, c);
       }
     }), o = new kf({
       source: e,
@@ -23624,6 +23624,7 @@ const bg = {
       _zoneFilter: void 0,
       _zoneFillVisible: !0,
       _zonePopupVisible: !0,
+      _hiddenZoneFills: /* @__PURE__ */ new Set(),
       ...n
     };
   },
@@ -23632,13 +23633,25 @@ const bg = {
     const t = n.initialState, { _zoneLayer: e, _zoneLabelLayer: i } = t;
     e && n.addLayer(e), i && n.addLayer(i), e.setStyle((o) => {
       const a = o.getProperties();
-      return t._zoneFilter && !t._zoneFilter(a) ? [] : us(a, t._zoneFillVisible);
-    }), Dg(n), se(n), Ug(n), kg(n);
+      if (t._zoneFilter && !t._zoneFilter(a)) return [];
+      const l = t._zoneFillVisible && !t._hiddenZoneFills.has(a.id);
+      return us(a, l);
+    }), Dg(n), se(n), Hg(n), Ug(n), kg(n);
     const s = ((r = n.options.zoningConfig) == null ? void 0 : r.editMode) || "editing";
     t._editMode = s, _h(n, s), n.drawZone = (o) => mh(n, o), n.deleteZone = (o) => yh(n, o), n.updateZone = (o) => jg(n, o), n.setZoningMode = (o) => Yg(n, o), n.setEditMode = (o) => Ng(n, o), n.selectZone = (o) => Gg(n, o), n.deselectZone = () => ko(n), n.getSelectedZone = () => zg(n), n.startDrawingZone = (o) => Vg(n, o), n.cancelCurrentAction = () => Ls(n), n.deleteSelectedZone = () => ph(n), n.updateZoneOccupationColors = () => Zg(n), n.filterZones = (o) => Kg(n, o), n.setZoneLayerVisible = (o) => t._zoneLayer.setVisible(o), n.setZoneLabelLayerVisible = (o) => t._zoneLabelLayer.setVisible(o), n.setZoneFillVisible = (o) => {
       t._zoneFillVisible = o, t._zoneLayer.changed();
     }, n.setZonePopupVisible = (o) => {
       t._zonePopupVisible = o;
+    }, n.toggleZoneFill = (o) => {
+      t._hiddenZoneFills.has(o) ? t._hiddenZoneFills.delete(o) : t._hiddenZoneFills.add(o), t._zoneLayer.changed();
+    }, n.isZoneFillHidden = (o) => t._hiddenZoneFills.has(o), n.zoomToZone = (o) => {
+      const a = t._zoneSource.getFeatureById(o);
+      if (!a) return;
+      const l = a.getGeometry();
+      l && n.getView().fit(l.getExtent(), {
+        padding: [50, 50, 50, 50],
+        duration: 500
+      });
     }, n.isZoneLayerVisible = () => t._zoneLayer.getVisible(), n.isZoneLabelLayerVisible = () => t._zoneLabelLayer.getVisible(), n.isZoneFillVisible = () => t._zoneFillVisible, n.isZonePopupVisible = () => t._zonePopupVisible, n.restoreZones = (o) => Og(n, o);
   }
 };
@@ -23790,10 +23803,10 @@ function Ls(n) {
 function Yg(n, t) {
   const e = n.initialState, { _zoneLayer: i } = e;
   t === "occupation" ? (i.setStyle((s) => {
-    var l, h;
+    var h, c;
     const r = s.getProperties();
     if (e._zoneFilter && !e._zoneFilter(r)) return [];
-    const o = ((h = (l = n.options).getZoneOccupationColors) == null ? void 0 : h.call(l, r)) ?? [];
+    const o = ((c = (h = n.options).getZoneOccupationColors) == null ? void 0 : c.call(h, r)) ?? [];
     if (o.length === 0)
       return [
         new rt({
@@ -23805,14 +23818,16 @@ function Yg(n, t) {
           fill: new lt({ color: "rgba(0,0,0,0)" })
         })
       ];
-    const a = o.length ? o : [r.color];
+    const a = o.length ? o : [r.color], l = e._zoneFillVisible && !e._hiddenZoneFills.has(r.id);
     return [
-      ...us(s.getProperties(), e._zoneFillVisible),
+      ...us(r, l),
       Fg({ colors: a })
     ];
   }), se(n)) : (i.setStyle((s) => {
     const r = s.getProperties();
-    return e._zoneFilter && !e._zoneFilter(r) ? [] : us(r, e._zoneFillVisible);
+    if (e._zoneFilter && !e._zoneFilter(r)) return [];
+    const o = e._zoneFillVisible && !e._hiddenZoneFills.has(r.id);
+    return us(r, o);
   }), se(n));
 }
 function Zg(n) {
@@ -23930,6 +23945,16 @@ function Kg(n, t) {
   e._zoneFilter = t, e._zoneLayer.changed(), se(n);
 }
 function Ug(n) {
+  n.on("dblclick", (t) => {
+    var i, s;
+    const e = n.forEachFeatureAtPixel(t.pixel, (r) => r);
+    if (e && e.get("__type") === "zone") {
+      const r = e.getProperties();
+      (s = (i = n.options).onZoneDoubleClick) == null || s.call(i, r);
+    }
+  });
+}
+function Hg(n) {
   n.on("pointermove", (t) => {
     var s;
     const e = n.initialState;
@@ -23939,7 +23964,7 @@ function Ug(n) {
     }
     const i = n.forEachFeatureAtPixel(t.pixel, (r) => r);
     if (i && i.get("__type") === "zone") {
-      const r = i.getProperties(), o = (s = n.options.zoningConfig) == null ? void 0 : s.popup, a = o && o.template ? o.template(r) : Jg(r);
+      const r = i.getProperties(), o = (s = n.options.zoningConfig) == null ? void 0 : s.popup, a = o && o.template ? o.template(r) : Qg(r);
       n._showPopup({
         event: t,
         content: a
@@ -23947,14 +23972,14 @@ function Ug(n) {
     } else i || n._hidePopup();
   });
 }
-function Hg(n) {
+function qg(n) {
   const t = new Pn({ wrapX: !1 }), e = new Ai({
     source: t,
     style: (i) => us(i.getProperties())
   });
   return n && e.setExtent(n), { layer: e, source: t };
 }
-function qg(n) {
+function $g(n) {
   const t = new Pn({ wrapX: !1 }), e = new Ai({
     source: t
     // Labels use their own styles set on each feature
@@ -23969,7 +23994,7 @@ function us({ color: n }, t = !0) {
     })
   ];
 }
-function $g({ color: n }, t = !0) {
+function Jg({ color: n }, t = !0) {
   return [
     new rt({
       stroke: new ie({ color: n, width: 5 }),
@@ -23977,7 +24002,7 @@ function $g({ color: n }, t = !0) {
     })
   ];
 }
-function Jg(n) {
+function Qg(n) {
   return `
     <div style="display: flex; gap: 1rem; background-color: rgba(220,220,220,0.75); padding: 1rem">
       <div style="height: 1rem; width: 1rem; background-color: ${n.color}"></div>
@@ -23985,20 +24010,20 @@ function Jg(n) {
     </div>
   `;
 }
-const Qg = {
+const t_ = {
   a0: [1189, 841],
   a1: [841, 594],
   a2: [594, 420],
   a3: [420, 297],
   a4: [297, 210],
   a5: [210, 148]
-}, t_ = {
+}, e_ = {
   name: "ppe-pdf-export",
   getInitialState: (n) => ({
     ...n
   }),
   createPlanEditor: (n) => {
-    n.exportToPdf = (t) => e_(n, t), n.exportPeriodicPdf = (t) => i_(n, t);
+    n.exportToPdf = (t) => i_(n, t), n.exportPeriodicPdf = (t) => n_(n, t);
   }
 };
 async function xh(n, t, e) {
@@ -24056,7 +24081,7 @@ function Ch(n, t) {
   i.style.width = t.containerStyles.width, i.style.height = t.containerStyles.height, i.style.maxWidth = t.containerStyles.maxWidth, i.style.maxHeight = t.containerStyles.maxHeight, n.setSize(t.size), n.getView().setCenter(t.view.center), n.getView().setZoom(t.view.zoom), n.getView().setRotation(t.view.rotation);
 }
 function wh(n, t, e, i) {
-  const s = Qg[t];
+  const s = t_[t];
   if (!s)
     throw new Error(`Invalid PDF format: ${t}`);
   const [r, o] = e === "landscape" ? [s[0], s[1]] : [s[1], s[0]], a = i / 25.4, l = Math.round(r * a), h = Math.round(o * a), c = n.getTarget(), u = typeof c == "string" ? document.getElementById(c) : c;
@@ -24064,7 +24089,7 @@ function wh(n, t, e, i) {
     throw new Error("Unable to get editor container element");
   return u.style.width = `${l}px`, u.style.height = `${h}px`, u.style.maxWidth = "none", u.style.maxHeight = "none", n.setSize([l, h]), { width: r, height: o, canvasWidth: l, canvasHeight: h };
 }
-async function e_(n, t) {
+async function i_(n, t) {
   const e = (t == null ? void 0 : t.format) || "a4", i = (t == null ? void 0 : t.orientation) || "landscape", s = (t == null ? void 0 : t.resolution) || 350, r = (t == null ? void 0 : t.filename) || "map.pdf", o = (t == null ? void 0 : t.fitContent) !== !1, a = new qa(i, "mm", e), l = Eh(n);
   try {
     const { width: h, height: c, canvasWidth: u, canvasHeight: d } = wh(
@@ -24080,7 +24105,7 @@ async function e_(n, t) {
     Ch(n, l);
   }
 }
-async function i_(n, t) {
+async function n_(n, t) {
   var h, c, u;
   const e = t.format || "a4", i = t.orientation || "landscape", s = t.resolution || 350, r = t.filename || "periodic-export.pdf", o = t.periods;
   if (!o || o.length === 0)
@@ -24105,7 +24130,7 @@ async function i_(n, t) {
     Ch(n, l);
   }
 }
-const n_ = {
+const s_ = {
   name: "ppe-history",
   getInitialState: (n) => ({
     _historyStack: [],
@@ -24130,7 +24155,7 @@ function Ua(n, t, e, i, s) {
 function _r(n, t) {
   return Math.abs(n[t * 4] - 210) > 2 || Math.abs(n[t * 4 + 3] - 0.75 * 255) > 2;
 }
-function s_() {
+function r_() {
   if (gr === void 0) {
     const n = gt(6, 6, nn);
     n.globalCompositeOperation = "lighter", n.fillStyle = "rgba(210, 0, 0, 0.75)", Ua(n, 4, 5, 4, 0), Ua(n, 4, 5, 0, 5);
@@ -24139,7 +24164,7 @@ function s_() {
   }
   return gr;
 }
-function r_(n, t, e, i) {
+function o_(n, t, e, i) {
   const s = gl(e, t, n);
   let r = na(
     t,
@@ -24157,7 +24182,7 @@ function r_(n, t, e, i) {
   }
   return r;
 }
-function o_(n, t, e, i, s, r, o, a, l, h, c, u, d, f) {
+function a_(n, t, e, i, s, r, o, a, l, h, c, u, d, f) {
   const g = gt(
     Math.round(e * n),
     Math.round(e * t),
@@ -24226,7 +24251,7 @@ function o_(n, t, e, i, s, r, o, a, l, h, c, u, d, f) {
     ], pt = Zh(Ge);
     if (!pt)
       return;
-    if (g.save(), g.beginPath(), s_() || !u) {
+    if (g.save(), g.beginPath(), r_() || !u) {
       g.moveTo(j, Q);
       const Vt = 4, Ie = b - j, Di = z - Q;
       for (let $t = 0; $t < Vt; $t++)
@@ -24267,8 +24292,8 @@ function o_(n, t, e, i, s, r, o, a, l, h, c, u, d, f) {
 function kr(n) {
   return Array.isArray(n) ? Math.min(...n) : n;
 }
-const a_ = 10, Ha = 0.25;
-class l_ {
+const l_ = 10, Ha = 0.25;
+class h_ {
   /**
    * @param {import("../proj/Projection.js").default} sourceProj Source projection.
    * @param {import("../proj/Projection.js").default} targetProj Target projection.
@@ -24291,7 +24316,7 @@ class l_ {
       const x = E[0] + "/" + E[1];
       return l[x] || (l[x] = h(E)), l[x];
     }, this.maxSourceExtent_ = s, this.errorThresholdSquared_ = r * r, this.triangles_ = [], this.wrapsXInSource_ = !1, this.canWrapXInSource_ = this.sourceProj_.canWrapX() && !!s && !!this.sourceProj_.getExtent() && K(s) >= K(this.sourceProj_.getExtent()), this.sourceWorldWidth_ = this.sourceProj_.getExtent() ? K(this.sourceProj_.getExtent()) : null, this.targetWorldWidth_ = this.targetProj_.getExtent() ? K(this.targetProj_.getExtent()) : null;
-    const c = ds(i), u = Xr(i), d = Vr(i), f = Wr(i), g = this.transformInv_(c), m = this.transformInv_(u), _ = this.transformInv_(d), y = this.transformInv_(f), p = a_ + (o ? Math.max(
+    const c = ds(i), u = Xr(i), d = Vr(i), f = Wr(i), g = this.transformInv_(c), m = this.transformInv_(u), _ = this.transformInv_(d), y = this.transformInv_(f), p = l_ + (o ? Math.max(
       0,
       Math.ceil(
         Math.log2(
@@ -24484,8 +24509,8 @@ class l_ {
     return this.triangles_;
   }
 }
-const h_ = 0.5;
-class c_ extends so {
+const c_ = 0.5;
+class u_ extends so {
   /**
    * @param {import("../proj/Projection.js").default} sourceProj Source projection (of the data).
    * @param {import("../proj/Projection.js").default} targetProj Target projection.
@@ -24501,12 +24526,12 @@ class c_ extends so {
     l && t.canWrapX() && (l = l.slice(), l[0] = -1 / 0, l[2] = 1 / 0);
     let h = e.getExtent();
     h && e.canWrapX() && (h = h.slice(), h[0] = -1 / 0, h[2] = 1 / 0);
-    const c = h ? jr(i, h) : i, u = Yt(c), d = r_(
+    const c = h ? jr(i, h) : i, u = Yt(c), d = o_(
       t,
       e,
       u,
       s
-    ), f = h_, g = new l_(
+    ), f = c_, g = new h_(
       t,
       e,
       c,
@@ -24543,7 +24568,7 @@ class c_ extends so {
     const t = this.sourceImage_.getState();
     if (t == M.LOADED) {
       const e = K(this.targetExtent_) / this.targetResolution_, i = ft(this.targetExtent_) / this.targetResolution_;
-      this.canvas_ = o_(
+      this.canvas_ = a_(
         e,
         i,
         this.sourcePixelRatio_,
@@ -24613,7 +24638,7 @@ const Hn = 4, mr = {
    */
   IMAGELOADERROR: "imageloaderror"
 };
-class u_ extends Lt {
+class d_ extends Lt {
   /**
    * @param {string} type Type.
    * @param {import("../Image.js").default} image The image.
@@ -24622,7 +24647,7 @@ class u_ extends Lt {
     super(t), this.image = e;
   }
 }
-class d_ extends ih {
+class f_ extends ih {
   /**
    * @param {Options} options Single image source options.
    */
@@ -24676,7 +24701,7 @@ class d_ extends ih {
         return this.reprojectedImage_;
       this.reprojectedImage_.dispose(), this.reprojectedImage_ = null;
     }
-    return this.reprojectedImage_ = new c_(
+    return this.reprojectedImage_ = new u_(
       r,
       s,
       t,
@@ -24697,7 +24722,7 @@ class d_ extends ih {
    */
   getImageInternal(t, e, i, s) {
     if (this.loader) {
-      const r = g_(t, e, i, 1), o = this.findNearestResolution(e);
+      const r = __(t, e, i, 1), o = this.findNearestResolution(e);
       if (this.image && (this.static_ || this.wantedProjection_ === s && (this.wantedExtent_ && _e(this.wantedExtent_, r) || _e(this.image.getExtent(), r)) && (this.wantedResolution_ && kr(this.wantedResolution_) === o || kr(this.image.getResolution()) === o)))
         return this.image;
       this.wantedProjection_ = s, this.wantedExtent_ = r, this.wantedResolution_ = o, this.image = new so(
@@ -24736,20 +24761,20 @@ class d_ extends ih {
       default:
         return;
     }
-    this.hasListener(i) && this.dispatchEvent(new u_(i, e));
+    this.hasListener(i) && this.dispatchEvent(new d_(i, e));
   }
 }
-function f_(n, t) {
+function g_(n, t) {
   n.getImage().src = t;
 }
-function g_(n, t, e, i) {
+function __(n, t, e, i) {
   const s = t / e, r = Yt(n), o = Fn(K(n) / s, Hn), a = Fn(ft(n) / s, Hn), l = Fn((i - 1) * o / 2, Hn), h = o + 2 * l, c = Fn((i - 1) * a / 2, Hn), u = a + 2 * c;
   return qn(r, s, 0, [
     h,
     u
   ]);
 }
-function __(n) {
+function m_(n) {
   const t = n.load || xl, e = n.imageExtent, i = n.crossOrigin ?? null;
   return () => {
     const s = new Image();
@@ -24759,12 +24784,12 @@ function __(n) {
     });
   };
 }
-class m_ extends d_ {
+class y_ extends f_ {
   /**
    * @param {Options} options ImageStatic options.
    */
   constructor(t) {
-    const e = t.crossOrigin !== void 0 ? t.crossOrigin : null, i = t.imageLoadFunction !== void 0 ? t.imageLoadFunction : f_;
+    const e = t.crossOrigin !== void 0 ? t.crossOrigin : null, i = t.imageLoadFunction !== void 0 ? t.imageLoadFunction : g_;
     super({
       attributions: t.attributions,
       interpolate: t.interpolate,
@@ -24773,7 +24798,7 @@ class m_ extends d_ {
       this.imageExtent_,
       void 0,
       1,
-      __({
+      m_({
         url: t.url,
         imageExtent: t.imageExtent,
         crossOrigin: e,
@@ -24812,7 +24837,7 @@ class m_ extends d_ {
     return this.url_;
   }
 }
-class y_ extends Ol {
+class p_ extends Ol {
   /**
    * @param {import("../../layer/Image.js").default} imageLayer Image layer.
    */
@@ -24913,7 +24938,7 @@ class y_ extends Ol {
     return this.postRender(this.context, t), E && p.restore(), p.imageSmoothingEnabled = !0, this.container;
   }
 }
-class p_ extends Ps {
+class x_ extends Ps {
   /**
    * @param {Options<ImageSourceType>} [options] Layer options.
    */
@@ -24921,7 +24946,7 @@ class p_ extends Ps {
     t = t || {}, super(t);
   }
 }
-class x_ extends p_ {
+class E_ extends x_ {
   /**
    * @param {import("./BaseImage.js").Options<ImageSourceType>} [options] Layer options.
    */
@@ -24932,7 +24957,7 @@ class x_ extends p_ {
    * @override
    */
   createRenderer() {
-    return new y_(this);
+    return new p_(this);
   }
   /**
    * Get data for a pixel location.  A four element RGBA array will be returned.  For requests outside the
@@ -24954,31 +24979,31 @@ class x_ extends p_ {
     return super.getData(t);
   }
 }
-function E_(n, t) {
+function C_(n, t) {
   return typeof n == "function" ? n(t) : n;
 }
-const C_ = {
+const w_ = {
   name: "ppe-popup",
   getInitialState: (n) => ({
     ...n
   }),
   createPlanEditor: (n) => {
-    const { overlay: t, closerElement: e, popupElement: i } = S_();
+    const { overlay: t, closerElement: e, popupElement: i } = I_();
     n.addOverlay(t), e.addEventListener("click", () => (t.setPosition(void 0), e.blur(), !1)), n._showPopup = (s, r) => {
-      t.setPosition(s.event.coordinate), i.innerHTML = s.content, r != null && r.offset && t.setOffset(r.offset), t.setPositioning(w_(n, s.event, r == null ? void 0 : r.positioning));
+      t.setPosition(s.event.coordinate), i.innerHTML = s.content, r != null && r.offset && t.setOffset(r.offset), t.setPositioning(S_(n, s.event, r == null ? void 0 : r.positioning));
     }, n._hidePopup = () => {
       t.setPosition(void 0);
     };
   }
 };
-function w_(n, t, e) {
+function S_(n, t, e) {
   if (e && e != "auto") return e;
   const i = n.getSize();
   if (!i) return "top-right";
   const [s, r] = n.getPixelFromCoordinate(t.coordinate), [o, a] = i, l = s < o / 2 ? "left" : "right";
   return `${r < a / 2 ? "top" : "bottom"}-${l}`;
 }
-function S_() {
+function I_() {
   const n = document.createElement("div");
   n.id = "ppe-popup", n.className = "ppe-popup";
   const t = document.createElement("button");
@@ -24993,7 +25018,7 @@ function S_() {
     closerElement: t
   };
 }
-const I_ = {
+const R_ = {
   name: "ppe-layer",
   getInitialState: (n) => ({
     ...n
@@ -25004,28 +25029,28 @@ const I_ = {
       return n.initialState._extent && e.setExtent(n.initialState._extent), e;
     };
   }
-}, R_ = [
+}, v_ = [
   bg,
-  I_,
-  C_,
-  t_,
-  n_
+  R_,
+  w_,
+  e_,
+  s_
 ];
-function L_(n) {
+function A_(n) {
   var m;
   const t = [
-    ...R_,
+    ...v_,
     ...n._plugins ?? []
   ], { plan: e } = n, i = [0, 0, e.file.width, e.file.height], s = new gs({
     code: "",
     units: "pixels",
     extent: i
-  }), r = new m_({
+  }), r = new y_({
     imageExtent: i,
     projection: s,
     url: e.file.original_url,
     crossOrigin: "anonymous"
-  }), o = new x_({ source: r }), a = new te({
+  }), o = new E_({ source: r }), a = new te({
     projection: s,
     center: Yt(i),
     zoom: 2,
@@ -25074,7 +25099,7 @@ function L_(n) {
       (p = (y = c.options).onStateChange) == null || p.call(y, _);
     },
     setOptions: (_) => {
-      const y = E_(_, c.options), p = c.getTarget(), E = f(y);
+      const y = C_(_, c.options), p = c.getTarget(), E = f(y);
       c.options = E, E.target && E.target !== p && c.setTarget(E.target);
     },
     fitToContent: () => {
@@ -25092,11 +25117,11 @@ function L_(n) {
   return c;
 }
 export {
-  n_ as HistoryPlugin,
-  t_ as PdfExportPlugin,
+  s_ as HistoryPlugin,
+  e_ as PdfExportPlugin,
   bg as ZoningPlugin,
   Oo as convertToZoneGeometry,
   gh as convertZoneToGeometryFeatures,
-  L_ as createPlanEditor,
-  R_ as defaultPlugins
+  A_ as createPlanEditor,
+  v_ as defaultPlugins
 };