@uxland/primary-shell 3.2.7 → 3.3.0

package/dist/index.js

@@ -5404,7 +5404,16 @@ const createAxiosInstance = (X) => {
   ), W;
 };
 let instance;
-const createHttpClient = (X) => (instance || (instance = createAxiosInstance(X)), { request: instance.request }), styles$i = "*[hidden]{display:none!important}.modal{font-family:Open Sans;display:none;position:fixed;z-index:400;left:0;top:0;width:100%;height:100%;background-color:#000000a6}.modal .dialog{display:flex;flex-direction:column;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:21;background:#fff;border-radius:16px;width:auto;height:auto;max-height:95%;min-width:400px;box-shadow:0 0 14px #00000040,0 1px 10px #00000038}.modal .dialog .dialog__header{display:flex;flex-direction:row;justify-content:space-between;padding:24px;border-top-left-radius:8px;border-top-right-radius:8px;justify-content:center;align-items:center}.modal .dialog .dialog__header h2{color:var(--color-neutral-900);padding:0;margin:0;font-weight:700;font-size:1.286rem;line-height:30px}.modal .dialog .dialog__content{display:flex;flex-direction:column;flex:1;align-items:center;min-height:1px;height:100%;padding-inline:24px;padding-bottom:24px;font-weight:400;font-size:16px;line-height:24px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.modal .dialog .dialog__content>*{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.modal .dialog .dialog__actions{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;padding:24px 16px}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}";
+const createHttpClient = (X) => (instance || (instance = createAxiosInstance(X)), { request: instance.request });
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function nn(X, W, J) {
+  return X ? W(X) : J == null ? void 0 : J(X);
+}
+const styles$i = "*[hidden]{display:none!important}.modal{font-family:Open Sans;display:none;position:fixed;z-index:400;left:0;top:0;width:100%;height:100%;background-color:#000000a6}.modal .dialog{display:flex;flex-direction:column;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:21;background:#fff;border-radius:16px;width:auto;height:auto;max-height:95%;min-width:400px;box-shadow:0 0 14px #00000040,0 1px 10px #00000038}.modal .dialog .dialog__header{display:flex;flex-direction:row;justify-content:center;padding:24px;border-top-left-radius:8px;border-top-right-radius:8px;align-items:center}.modal .dialog .dialog__header.with-close{justify-content:space-between}.modal .dialog .dialog__header h2{color:var(--color-neutral-900);padding:0;margin:0;font-weight:700;font-size:1.286rem;line-height:30px}.modal .dialog .dialog__content{display:flex;flex-direction:column;flex:1;align-items:center;min-height:1px;height:100%;padding-inline:24px;padding-bottom:24px;font-weight:400;font-size:16px;line-height:24px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.modal .dialog .dialog__content>*{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.modal .dialog .dialog__actions{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;padding:24px 16px}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}";
 var __defProp$o = Object.defineProperty, __getOwnPropDesc$n = Object.getOwnPropertyDescriptor, __decorateClass$o = (X, W, J, AA) => {
   for (var eA = AA > 1 ? void 0 : AA ? __getOwnPropDesc$n(W, J) : W, tA = X.length - 1, sA; tA >= 0; tA--)
     (sA = X[tA]) && (eA = (AA ? sA(W, J, eA) : sA(eA)) || eA);
@@ -5421,31 +5430,38 @@ const dssToConfirmTypeClass = (X) => X === "danger" ? "dss-button--error" : `dss
         </div>
       `;
 }, renderMessage = (X) => ke$1` <div id="message">${X.message || ""}</div> `;
-function renderCustomContent(X, W) {
-  if (X.componentConstructor) {
-    const J = new X.componentConstructor();
-    return J.setAttribute("id", "__custom-element__"), J.addEventListener("closed", W.componentCloseRequest.bind(W)), ke$1`${J}`;
+function renderCustomContent(X) {
+  if (X.options.componentConstructor) {
+    const W = new X.options.componentConstructor();
+    return W.setAttribute("id", "__custom-element__"), W.addEventListener("closed", X.componentCloseRequest.bind(X)), ke$1`${W}`;
   }
   return D$1;
 }
-let DialogComponent = class extends h$4 {
-  render() {
-    return ke$1`
-      <div
-        class="modal"
-        @click=${(X) => X.target === this.modal && !this.options.modal && this.close(!1)}
-      >
-        <div
-          class="dialog"
-        >
-        ${this.options.fullCustomization ? renderCustomContent(this.options, this) : ke$1`<div class="dialog__header ${this.options.type}">
-            <h2 part="title">${this.options.title || ""}</h2>
+function renderDefaultContent(X) {
+  const W = X.options.showCloseButton;
+  return ke$1`<div class="dialog__header ${X.options.type} ${W ? "with-close" : ""}">
+            <h2 part="title">${X.options.title || ""}</h2>
+            ${nn(
+    W,
+    () => ke$1`<dss-icon-button size="md" icon="cancel" @click="${X._cancel}"></dss-icon-button>`,
+    () => D$1
+  )}
           </div>
           <div class="dialog__content">
-            ${this.options.message ? renderMessage(this.options) : renderCustomContent(this.options, this)}
+            ${nn(
+    X.options.message,
+    () => renderMessage(X.options),
+    () => renderCustomContent(X)
+  )}
           </div>
-          ${renderActions(this)}`}
-          
+          ${renderActions(X)}`;
+}
+let DialogComponent = class extends h$4 {
+  render() {
+    return ke$1`
+      <div class="modal">
+        <div class="dialog">
+        ${this.options.fullCustomization ? renderCustomContent(this) : renderDefaultContent(this)}
         </div>
       </div>
     `;
@@ -5456,23 +5472,23 @@ let DialogComponent = class extends h$4 {
     `;
   }
   _cancel(X) {
-    console.log("canceling modal"), this.close(!1);
+    this.close({ confirmed: !1 });
   }
   _accept(X) {
-    console.log("accepting modal"), this.close(!0);
+    this.close({ confirmed: !0 });
   }
   componentCloseRequest(X) {
     this.close(X.detail);
   }
   async close(X) {
-    if (X) {
-      const W = this.getCustomComponent();
-      if (W != null && W.canAccept) {
-        if (!await W.canAccept()) return;
-        W.accept && await W.accept();
-      }
+    let W = X;
+    if (W != null && W.confirmed) {
+      const J = this.getCustomComponent();
+      if (J != null && J.canAccept && !await J.canAccept())
+        return;
+      J != null && J.accept && (W = await J.accept(W));
     }
-    this.modal.style.display = "none", this.dispatchEvent(new CustomEvent("closed", { detail: X }));
+    this.dispatchEvent(new CustomEvent("closed", { detail: W })), this.modal.style.display = "none";
   }
   getCustomComponent() {
     var X;
@@ -5503,7 +5519,7 @@ __decorateClass$o([
 DialogComponent = __decorateClass$o([
   t$6("dialog-component")
 ], DialogComponent);
-const doConfirm = async (X) => {
+const buildDialogComponent = (X) => {
   if (!X.message && !X.componentConstructor)
     throw new Error("message, componentConstructor options properties are required");
   return new Promise((W) => {
@@ -5519,7 +5535,7 @@ const doConfirm = async (X) => {
       J.remove(), W(tA.detail);
     }
   });
-};
+}, confirm = async (X) => buildDialogComponent(X);
 /**
  * @license
  * Copyright 2018 Google LLC
@@ -5634,6 +5650,8 @@ const notificationStack = [], displayNotifications = [], stackLimit = 10, timeTo
       AA.clearAndUpdateOrder(sA), showAndSetTimeOutClose(AA, timeToCloseNotification);
     }
   });
+}, openDialog = (X) => {
+  X.showCloseButton = "showCloseButton" in X ? X.showCloseButton : !0, buildDialogComponent(X);
 };
 var __defProp$m = Object.defineProperty, __decorateClass$m = (X, W, J, AA) => {
   for (var eA = void 0, tA = X.length - 1, sA; tA >= 0; tA--)
@@ -5648,21 +5666,24 @@ const ConfirmMixin = d$3((X) => {
     canAccept() {
       return Promise.resolve(!0);
     }
-    accept() {
-      return Promise.resolve();
+    accept(AA) {
+      return Promise.resolve(AA);
     }
   }
   return __decorateClass$m([
     n$9()
-  ], W.prototype, "model"), W;
+  ], W.prototype, "model"), __decorateClass$m([
+    n$9()
+  ], W.prototype, "outputModel"), W;
 });
 function confirmMixin(X) {
   return ConfirmMixin(X);
 }
 const createInteractionManager = () => ({
   notify: (X) => notify(X),
-  doConfirm: (X) => doConfirm(X),
-  doCustomConfirm: (X) => doConfirm(X)
+  confirm: (X) => confirm(X),
+  customConfirm: (X) => confirm(X),
+  openDialog: (X) => openDialog(X)
 });
 function _concat(X, W) {
   X = X || [], W = W || [];
@@ -39264,11 +39285,10 @@ let ExportToPdfHandler = class {
   }
   async handle() {
     try {
-      this.api.interactionManager.doCustomConfirm({
+      this.api.interactionManager.customConfirm({
         title: "Exportar a PDF",
         componentConstructor: ExportPdfModal,
         type: "info",
-        modal: !0,
         cancelLabel: "Cancel·lar",
         acceptLabel: "Exportar"
       });