wj-elements 0.1.48 → 0.1.49

package/dist/wje-sliding-container.js

@@ -0,0 +1,277 @@
+var p = Object.defineProperty;
+var u = (r, n, t) => n in r ? p(r, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[n] = t;
+var h = (r, n, t) => (u(r, typeof n != "symbol" ? n + "" : n, t), t);
+import f from "./wje-element.js";
+const v = ":host{display:block;overflow:hidden;display:table}";
+class l extends f {
+  /**
+   * Creates an instance of SlidingContainer.
+   *
+   * @constructor
+   */
+  constructor() {
+    super();
+    h(this, "className", "SlidingContainer");
+    /**
+     * Triggers the event based on the target element.
+     * If the target element is different from the last caller, it refreshes the children by calling the `open` method.
+     * If the target element is the same as the last caller, it toggles the state by calling the `toggle` method.
+     * @param {Event} e - The event object.
+     */
+    h(this, "triggerEvent", (t) => {
+      this._lastCaller && this._lastCaller !== t.target ? this.open() : this.toggle(), this._lastCaller = t.target;
+    });
+    this._isOpen = !1, this._lastCaller = null;
+  }
+  set maxWidth(t) {
+    this.setAttribute("max-width", t);
+  }
+  get maxWidth() {
+    return this.getAttribute("max-width") ?? "auto";
+  }
+  set maxHeight(t) {
+    this.setAttribute("max-height", t);
+  }
+  get maxHeight() {
+    return this.getAttribute("max-height") ?? "auto";
+  }
+  set trigger(t) {
+    this.setAttribute("trigger", t);
+  }
+  get trigger() {
+    return this.getAttribute("trigger") ?? "sliding-container";
+  }
+  set direction(t) {
+    this.setAttribute("direction", t);
+  }
+  get direction() {
+    return this.getAttribute("direction") ?? "right";
+  }
+  set removeChildAfterClose(t) {
+    this.setAttribute("remove-child-after-close", t);
+  }
+  get removeChildAfterClose() {
+    return this.hasAttribute("remove-child-after-close") ?? !1;
+  }
+  set variant(t) {
+    this.setAttribute("variant", t);
+  }
+  get variant() {
+    return this.getAttribute("variant") ?? "in-place";
+  }
+  get screenBreakPoint() {
+    return this.getAttribute("screen-break-point");
+  }
+  set screenBreakPoint(t) {
+    this.setAttribute("screen-break-point", t);
+  }
+  get animationDuration() {
+    return this.getAttribute("animation-duration") ?? "500";
+  }
+  set animationDuration(t) {
+    this.setAttribute("animation-duration", t);
+  }
+  get animationEasing() {
+    return this.getAttribute("animation-easing") ?? "linear";
+  }
+  set animationEasing(t) {
+    this.setAttribute("animation-easing", t);
+  }
+  get hasOpacity() {
+    return this.hasAttribute("has-opacity") ?? !1;
+  }
+  /**
+   * Returns the observed attributes for the component.
+   * @returns {string[]}
+   */
+  static get observedAttributes() {
+    return ["max-width", "max-height", "trigger", "direction", "variant", "screen-break-point", "remove-child-after-close", "animation-duration", "animation-easing", "has-opacity"];
+  }
+  /**
+   * Returns the CSS styles for the component.
+   *
+   * @static
+   * @returns {CSSStyleSheet}
+   */
+  static get cssStyleSheet() {
+    return v;
+  }
+  /**
+   * Sets up the attributes for the component.
+   */
+  setupAttributes() {
+    this.isShadowRoot = "open";
+  }
+  /**
+   * Draws the component.
+   *
+   * @param {Object} context - The context for drawing.
+   * @param {Object} store - The store for drawing.
+   * @param {Object} params - The parameters for drawing.
+   * @returns {DocumentFragment}
+   */
+  draw(t, i, a) {
+    let s = document.createDocumentFragment();
+    this.style.position = "relative", this.style.height = "100%", this.transparentDiv = document.createElement("div"), this.transparentDiv.classList.add("sliding-container-transparent");
+    let e = document.createElement("div");
+    e.style.position = "absolute", e.style.width = this.maxWidth, this.hasOpacity && (e.style.opacity = 0), e.style.height = "100%", e.classList.add("native-sliding-container"), e.setAttribute("part", "sliding-container"), this.direction === "right" ? e.style.right = 0 : e.style.left = 0;
+    let o = document.createElement("slot");
+    return e.appendChild(this.getCloseButton()), e.appendChild(o), s.appendChild(this.transparentDiv), s.appendChild(e), this.nativeElement = e, s;
+  }
+  /**
+   * Creates and returns a close button element.
+   * @returns {HTMLElement} The close button element.
+   */
+  getCloseButton() {
+    let t = document.createElement("wje-button");
+    t.setAttribute("part", "close-button"), t.style.position = "absolute", t.style.top = "0", t.style.right = "0", t.style.zIndex = "1000";
+    let i = document.createElement("wje-icon");
+    return i.setAttribute("slot", "icon-only"), i.setAttribute("name", "x"), t.appendChild(i), t.addEventListener("click", () => {
+      this.close();
+    }), t;
+  }
+  /**
+   * Executes before drawing the element.
+   */
+  beforeDraw() {
+    document.removeEventListener(this.trigger, this.triggerEvent);
+  }
+  /**
+   * Performs actions after the element is drawn on the screen.
+   * Attaches an event listener to the document based on the specified trigger.
+   * Sets the variant to "over" if the document width is smaller than the screen break point.
+   * Calls the checkForVariant method with the current variant.
+   * @returns {Promise<void>} A promise that resolves after the actions are completed.
+   */
+  async afterDraw() {
+    document.addEventListener(this.trigger, this.triggerEvent), this.screenBreakPoint && window.innerWidth < this.screenBreakPoint && (this.variant = "over"), this.checkForVariant(this.variant);
+  }
+  getParentElement() {
+    let t = this.parentElement;
+    return t || (t = this.getRootNode().host), t;
+  }
+  /**
+   * Checks for a specific variant and applies corresponding styles.
+   *
+   * @param {string} variant - The variant to check for.
+   */
+  checkForVariant(t) {
+    var i, a;
+    if (t === "over") {
+      this.style.position = "fixed";
+      let s = window.getComputedStyle(this.getParentElement()), e = this.getParentElement().getBoundingClientRect(), o = parseFloat(s.height), d = parseFloat(s.width), m = parseFloat(s.top);
+      this.style.height = o + "px", this.style.top = m + "px";
+      let g = this.getParentElement().firstElementChild === this || ((i = this.getParentElement().shadowRoot) == null ? void 0 : i.firstElementChild) === this, c = this.getParentElement().lastElementChild === this || ((a = this.getParentElement().shadowRoot) == null ? void 0 : a.lastElementChild) === this;
+      g && (this.direction === "right" ? this.style.left = e.left + "px" : this.style.right = window.innerWidth - (e.left + e.width) + d + "px"), c && (this.style.right = window.innerWidth - (e.left + e.width) + "px");
+    }
+  }
+  /**
+   * Executes before the element is opened.
+   */
+  beforeOpen() {
+  }
+  /**
+   * Callback function called after the element is opened.
+   */
+  afterOpen() {
+  }
+  /**
+   * Executes before closing the element.
+   */
+  beforeClose() {
+  }
+  /**
+   * Callback function that is called after the container is closed.
+   */
+  afterClose() {
+  }
+  /**
+   * Animates the transition of the element's width from 0 to the maximum width or vice versa.
+   * @returns {Promise<void>} A promise that resolves when the animation finishes.
+   */
+  doAnimateTransition() {
+    const t = {
+      delay: 0,
+      endDelay: 0,
+      fill: "both",
+      duration: +this.animationDuration,
+      iterationStart: 0,
+      iterations: 1,
+      direction: "normal",
+      easing: this.animationEasing
+    };
+    if (this._isOpen)
+      this.animation.reverse(), this.hasOpacity && this.nativeAnimation.reverse();
+    else {
+      if (this.animation) {
+        this.animation.reverse(), this.hasOpacity && this.nativeAnimation.reverse();
+        return;
+      }
+      this.animation = this.transparentDiv.animate([
+        {
+          width: 0,
+          opacity: 0
+        },
+        {
+          width: this.maxWidth,
+          opacity: +this.containerOpacity
+        }
+      ], t), this.hasOpacity && (this.nativeAnimation = this.nativeElement.animate([
+        {
+          opacity: 0
+        },
+        {
+          opacity: 1
+        }
+      ], t));
+    }
+    return new Promise((i, a) => {
+      this.animation.onfinish = () => {
+        i();
+      };
+    });
+  }
+  /**
+   * Opens the container with an animation.
+   * @returns {Promise<void>} A promise that resolves when the container is opened.
+   */
+  async open() {
+    await Promise.resolve(this.beforeOpen()).then(() => {
+      Promise.resolve(this._isOpen ? () => {
+      } : this.doAnimateTransition()).then(() => {
+        Promise.resolve(this.afterOpen()).then(() => {
+          this._isOpen = !0;
+        });
+      });
+    });
+  }
+  /**
+   * Closes the animation container.
+   * 
+   * @returns {Promise<void>} A promise that resolves when the container is closed.
+   */
+  async close() {
+    await Promise.resolve(this.beforeClose()).then(() => {
+      Promise.resolve(this._isOpen ? this.doAnimateTransition() : () => {
+      }).then(() => {
+        Promise.resolve(this.afterClose()).then(() => {
+          this.removeChildAfterClose && this.childNodes.forEach((t) => {
+            t.remove();
+          }), this._isOpen = !1;
+        });
+      });
+    });
+  }
+  /**
+   * Toggles the state of the element.
+   * If the element is open, it will be closed. If it is closed, it will be opened.
+   * @returns {Promise<void>} A promise that resolves when the toggle operation is complete.
+   */
+  async toggle() {
+    this._isOpen ? await this.close() : await this.open();
+  }
+}
+l.define("wje-sliding-container", l);
+export {
+  l as default
+};

package/dist/wje-split-view.js

@@ -0,0 +1,112 @@
+var h = Object.defineProperty;
+var p = (s, e, t) => e in s ? h(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var c = (s, e, t) => (p(s, typeof e != "symbol" ? e + "" : e, t), t);
+import m from "./wje-element.js";
+function u(s, e) {
+  function t(n) {
+    const r = s.getBoundingClientRect(), i = s.ownerDocument.defaultView, d = r.left + i.pageXOffset, v = r.top + i.pageYOffset, w = n.pageX - d, a = n.pageY - v;
+    e != null && e.onMove && e.onMove(w, a);
+  }
+  function l() {
+    document.removeEventListener("pointermove", t), document.removeEventListener("pointerup", l), e != null && e.onStop && e.onStop();
+  }
+  document.addEventListener("pointermove", t, { passive: !0 }), document.addEventListener("pointerup", l), (e == null ? void 0 : e.initialEvent) instanceof PointerEvent && t(e.initialEvent);
+}
+const j = ':host{--wje-split-view-divider-area: 12px;--wje-split-view-divider-width: 4px;--wje-split-view-min: 0%;--wje-split-view-max: 100%;--wje-split-view-calc-a: 50%;--wje-split-view-calc-b: 50%;--wje-split-view-clamp-a: clamp(var(--wje-split-view-min), var(--wje-split-view-calc-a), var(--wje-split-view-max));--wje-split-view-clamp-b: clamp(var(--wje-split-view-min), var(--wje-split-view-calc-b), var(--wje-split-view-max));--wje-split-view-divider-background: var(--wje-border-color);--wje-split-view-divider-size: 4px;height:100%;width:100%}::slotted([slot=start]),::slotted([slot=end]){width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}:host(:not([vertical])) ::slotted([slot=start]){width:var(--wje-split-view-clamp-a)}:host(:not([vertical])) ::slotted([slot=end]){width:var(--wje-split-view-clamp-b)}:host([vertical]) ::slotted([slot=start]){height:var(--wje-split-view-clamp-a);width:100%}:host([vertical]) ::slotted([slot=end]){height:var(--wje-split-view-clamp-b);width:100%}.native-split-view{height:100%;width:100%;display:flex;flex-direction:row;overflow:hidden;position:relative}:host([vertical]) .native-split-view{flex-direction:column}.wje-divider{display:flex;position:relative;align-items:center;justify-content:center;z-index:1;background-color:var(--wje-split-view-divider-background);height:100%;width:var(--wje-split-view-divider-size);cursor:col-resize}.wje-divider:after{display:flex;content:"";position:absolute;height:100%;left:calc(var(--wje-split-view-divider-area) / -2 + var(--wje-split-view-divider-width) / 2);width:var(--wje-split-view-divider-area)}:host([vertical]) .wje-divider{height:var(--wje-split-view-divider-size);width:100%;cursor:row-resize}:host([vertical]) .wje-divider:after{width:100%;top:calc(var(--wje-split-view-divider-area) / -2 + var(--wje-split-view-divider-width) / 2);height:var(--wje-split-view-divider-area)}';
+class o extends m {
+  /**
+   * Creates an instance of SplitView.
+   *
+   * @constructor
+   */
+  constructor() {
+    super();
+    c(this, "className", "SplitView");
+    /**
+     * Handles the drag event.
+     *
+     * @param {Event} e - The event object.
+     */
+    c(this, "handleDrag", (t) => {
+      if (this.hasAttribute("disabled"))
+        return !1;
+      u(this, {
+        onMove: (l, n) => {
+          let r = this.hasAttribute("vertical") ? n : l, i = this.pixelsToPercentage(r), d = 100 - this.pixelsToPercentage(r);
+          this.style.setProperty("--wje-split-view-calc-a", i + "%"), this.style.setProperty("--wje-split-view-calc-b", d + "%");
+        },
+        initialEvent: t
+      });
+    });
+  }
+  /**
+   * Returns the CSS styles for the component.
+   *
+   * @static
+   * @returns {CSSStyleSheet}
+   */
+  static get cssStyleSheet() {
+    return j;
+  }
+  /**
+   * Returns the list of attributes to observe for changes.
+   *
+   * @static
+   * @returns {Array<string>}
+   */
+  static get observedAttributes() {
+    return [];
+  }
+  /**
+   * Sets up the attributes for the component.
+   */
+  setupAttributes() {
+    this.isShadowRoot = "open";
+  }
+  /**
+   * Draws the component.
+   *
+   * @param {Object} context - The context for drawing.
+   * @param {Object} store - The store for drawing.
+   * @param {Object} params - The parameters for drawing.
+   * @returns {DocumentFragment}
+   */
+  draw(t, l, n) {
+    let r = document.createDocumentFragment(), i = document.createElement("div");
+    i.classList.add("native-split-view");
+    let d = document.createElement("slot");
+    d.setAttribute("name", "start");
+    let v = document.createElement("slot");
+    v.setAttribute("name", "end");
+    let w = document.createElement("slot");
+    w.setAttribute("name", "divider");
+    let a = document.createElement("div");
+    return a.classList.add("wje-divider"), a.setAttribute("part", "divider"), a.appendChild(w), a.addEventListener("mousedown", this.handleDrag, !1), i.appendChild(d), i.appendChild(a), i.appendChild(v), r.appendChild(i), r;
+  }
+  /**
+   * Sets up the event listeners after the component is drawn.
+   */
+  afterDraw() {
+    this.detectSize(), this.min && this.style.setProperty("--wje-split-view-min", this.pixelsToPercentage(this.min) + "%"), this.max && this.style.setProperty("--wje-split-view-max", 100 - this.pixelsToPercentage(this.max) + "%"), this.initial && (this.style.setProperty("--wje-split-view-calc-a", this.pixelsToPercentage(this.initial) + "%"), this.style.setProperty("--wje-split-view-calc-b", 100 - this.pixelsToPercentage(this.initial) + "%")), this.resizeObserver = new ResizeObserver((t) => this.handleResize(t));
+  }
+  /**
+   * Detects the size of the split view.
+   */
+  detectSize() {
+    const { width: t, height: l } = this.getBoundingClientRect();
+    this.size = this.hasAttribute("vertical") ? l : t;
+  }
+  /**
+   * Converts pixels to a percentage.
+   *
+   * @param {number} value - The pixel value.
+   * @returns {number} The percentage value.
+   */
+  pixelsToPercentage(t) {
+    return t / this.size * 100;
+  }
+}
+o.define("wje-split-view", o);
+export {
+  o as default
+};

package/dist/wje-status.js

@@ -0,0 +1,54 @@
+var u = Object.defineProperty;
+var b = (r, e, t) => e in r ? u(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var n = (r, e, t) => (b(r, typeof e != "symbol" ? e + "" : e, t), t);
+import w from "./wje-element.js";
+const m = '.native-status{display:flex;align-items:center}.bullet{width:var(--wje-status-size);height:var(--wje-status-size);display:flex;align-items:center;justify-content:center;border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--wje-border-radius-circle)}:host ::slotted([slot="start"]){margin-right:var(--wje-spacing-x-small)}:host ::slotted([slot="end"]){margin-left:var(--wje-spacing-x-small)}:host([size=small]){--wje-status-size: var(--wje-size-small)}:host([size=medium]){--wje-status-size: var(--wje-size)}:host([size=large]){--wje-status-size: var(--wje-size-large)}:host([color=primary]) .bullet{background-color:var(--wje-color-primary-9);color:var(--wje-color-contrast-0)}:host([color=complete]) .bullet{background-color:var(--wje-color-complete-9);color:var(--wje-color-contrast-0)}:host([color=success]) .bullet{background-color:var(--wje-color-success-9);color:var(--wje-color-contrast-0)}:host([color=warning]) .bullet{background-color:var(--wje-color-warning-9);color:var(--wje-color-contrast-11)}:host([color=danger]) .bullet{background-color:var(--wje-color-danger-9);color:var(--wje-color-contrast-0)}:host([color=contrast]) .bullet{background-color:var(--wje-color-contrast-2);color:var(--wje-color-contrast-11)}:host([color=contrast-reverse]) .bullet{background-color:var(--wje-color-contrast-11);color:var(--wje-color-contrast-0)}:host([border=primary]) .bullet{border-color:var(--wje-color-primary-9)}:host([border=complete]) .bullet{border-color:var(--wje-color-complete-9)}:host([border=success]) .bullet{border-color:var(--wje-color-success-9)}:host([border=warning]) .bullet{border-color:var(--wje-color-warning-9)}:host([border=danger]) .bullet{border-color:var(--wje-color-danger-9)}:host([border=contrast]) .bullet{border-color:var(--wje-color-contrast-2)}:host([border=contrast-reverse]) .bullet{border-color:var(--wje-color-contrast-11)}';
+class d extends w {
+  /**
+   * Badge constructor
+   * @constructor
+   */
+  constructor() {
+    super();
+    /**
+     * Class name
+     * @type {string}
+     */
+    n(this, "className", "Status");
+  }
+  /**
+   * Get CSS stylesheet
+   * @static
+   * @returns {Object} styles - The CSS styles
+   */
+  static get cssStyleSheet() {
+    return m;
+  }
+  /**
+   * Setup attributes
+   */
+  setupAttributes() {
+    this.isShadowRoot = "open";
+  }
+  /**
+   * Draw method
+   * @param {Object} context - The context
+   * @param {Object} store - The store
+   * @param {Object} params - The parameters
+   * @returns {Object} fragment - The document fragment
+   */
+  draw(t, v, j) {
+    let s = document.createDocumentFragment(), o = document.createElement("div");
+    o.setAttribute("part", "native"), o.classList.add("native-status");
+    let l = document.createElement("div");
+    l.setAttribute("part", "bullet"), l.classList.add("bullet");
+    let i = document.createElement("slot"), a = document.createElement("slot");
+    a.setAttribute("name", "start");
+    let c = document.createElement("slot");
+    return c.setAttribute("name", "end"), l.appendChild(i), o.appendChild(a), o.appendChild(l), o.appendChild(c), s.appendChild(o), s;
+  }
+}
+d.define("wje-status", d);
+export {
+  d as default
+};

package/dist/wje-store.js

@@ -0,0 +1,192 @@
+var h = Object.defineProperty;
+var o = (u, r, e) => r in u ? h(u, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[r] = e;
+var n = (u, r, e) => (o(u, typeof r != "symbol" ? r + "" : r, e), e);
+class d {
+  constructor() {
+    this.events = {};
+  }
+  /**
+   * Either create a new event instance for passed `event` name
+   * or push a new callback into the existing collection
+   *
+   * @param {string} event
+   * @param {function} callback
+   * @returns {number} A count of callbacks for this event
+   * @memberof PubSub
+   */
+  subscribe(r, e) {
+    let t = this;
+    return t.events.hasOwnProperty(r) || (t.events[r] = []), t.events[r].push(e) - 1, {
+      unsubscribe() {
+        t.events[r].splice(t.events[r].indexOf(e), 1);
+      }
+    };
+  }
+  /**
+   * If the passed event has callbacks attached to it, loop through each one
+   * and call it
+   *
+   * @param {string} event
+   * @param {object} [data={}]
+   * @returns {array} The callbacks for this event, or an empty array if no event exits
+   * @memberof PubSub
+   */
+  publish(r, e = {}, t) {
+    let s = this;
+    return s.events.hasOwnProperty(r) ? s.events[r].map((i) => i(e, t)) : [];
+  }
+}
+const c = (u) => (r) => ({
+  type: `${u}/ADD`,
+  payload: r
+}), p = (u) => (r) => ({
+  type: `${u}/ADD_MANY`,
+  payload: r
+}), l = (u) => (r) => ({
+  type: `${u}/UPDATE`,
+  payload: r
+}), a = (u) => (r) => ({
+  type: `${u}/DELETE`,
+  payload: r
+}), f = (u) => (r) => ({
+  type: `${u}/LOAD`,
+  payload: r
+}), y = {
+  addAction: c,
+  deleteAction: a,
+  loadAction: f,
+  updateAction: l,
+  addManyAction: p
+};
+class A {
+  constructor(r = {}) {
+    n(this, "_state");
+    n(this, "_reducer");
+    n(this, "events");
+    n(this, "status");
+    this._isPause = !1, this._state = {}, this._reducer = function(t = {}, s) {
+      return {};
+    }, this.status = "resting", this.events = new d(), r != null && r.hasOwnProperty("reducer") && (this._reducer = r.reducer), this.refreshProxy(r == null ? void 0 : r.state);
+  }
+  /**
+   * A dispatcher for actions that looks in the actions 
+   * collection and runs the action if it can find it
+   *
+   * @param {string} actionKey
+   * @param {mixed} payload
+   * @returns {boolean}
+   * @memberof Store
+   */
+  dispatch(r) {
+    this.status = "action";
+    let e = this._reducer(this._state, r);
+    return this.status = "mutation", this._state = Object.assign(this._state, e), !0;
+  }
+  getState() {
+    return JSON.parse(JSON.stringify(this._state));
+  }
+  subscribe(r, e) {
+    return this.events.subscribe(r, e);
+  }
+  unsubscribe(r) {
+    delete this.events[r];
+  }
+  pause() {
+    return this._isPause = !0, this;
+  }
+  play(r) {
+    return this._isPause = !1, this;
+  }
+  mergeReducers(r, e) {
+    let t = this._reducer;
+    this._reducer = (s, i) => ({
+      ...t(s, i),
+      [r]: e(s[r], i)
+    });
+  }
+  makeEveryArrayEntryAsStoreState(r, e = [], t = "id") {
+    e.forEach((s) => {
+      this.getState().hasOwnProperty(`${r}-${s[t]}`) ? this.dispatch(y.updateAction(`${r}-${s[t]}`)(s)) : this.define(`${r}-${s.id || s.source || s[t]}`, s, null, t);
+    });
+  }
+  define(r, e, t, s = "id") {
+    if (this._state.hasOwnProperty(r)) {
+      console.warn(`STATE už obsahuje premennú ${r},ktorú sa pokúšate pridať`);
+      return;
+    }
+    t instanceof Function ? this.mergeReducers(r, t) : e instanceof Array ? this.mergeReducers(r, this.createArrayReducer(r, s)) : this.mergeReducers(r, this.createObjectReducer(r, s)), this.refreshProxy({
+      ...this._state,
+      [r]: e
+    });
+  }
+  refreshProxy(r) {
+    this._state = new Proxy(r || {}, {
+      set: (e, t, s) => {
+        if (JSON.stringify(e[t]) === JSON.stringify(s))
+          return !0;
+        let i = e[t];
+        return e[t] = s, this._isPause || this.events.publish(t, this._state, i), this.status !== "mutation" && console.warn(`You should use a mutation to set ${t}`), this.status = "resting", !0;
+      }
+    });
+  }
+  createObjectReducer(r) {
+    return (e = {}, t) => {
+      switch (t.type) {
+        case `${r}/ADD`:
+          return {
+            ...t.payload
+          };
+        case `${r}/UPDATE`:
+          return {
+            ...e,
+            ...t.payload
+          };
+        case `${r}/DELETE`:
+          return {};
+        default:
+          return e;
+      }
+    };
+  }
+  createArrayReducer(r, e) {
+    return (t = [], s) => {
+      switch (s.type) {
+        case `${r}/ADD`:
+          return Array.isArray(s.payload) ? [
+            ...t,
+            ...s.payload
+          ] : [
+            ...t,
+            s.payload
+          ];
+        case `${r}/ADD_MANY`:
+          return [
+            ...t,
+            ...s.payload
+          ];
+        case `${r}/UPDATE`:
+          return t.some((i) => i[e] == s.payload[e]) ? [
+            ...t.map((i) => i[e] == s.payload[e] ? s.payload : i)
+          ] : [
+            ...t,
+            s.payload
+          ];
+        case `${r}/DELETE`:
+          return [
+            ...t.filter((i) => i.hasOwnProperty(e) && i[e] != s.payload[e] || !i.hasOwnProperty(e) && i != s.payload)
+          ];
+        case `${r}/LOAD`:
+          return [
+            ...s.payload
+          ];
+        default:
+          return t;
+      }
+    };
+  }
+}
+let D = new A();
+export {
+  y as defaultStoreActions,
+  D as store
+};