@pacem/pacem 1.0.0-abel → 1.0.0-amaldi

package/dist/bundle/pacem.mjs

@@ -1,6 +1,6 @@
-/**
- * @pacem/pacem v1.0.0-abel (https://js.pacem.it)
- * Copyright 2026 Pacem (https://pacem.it)
+/*!
+ * @pacem/pacem v1.0.0-amaldi (https://js.pacem.it)
+ * Pacem (https://pacem.it)
  * Licensed under Apache-2.0
  */
 var __defProp = Object.defineProperty;
@@ -9121,19 +9121,32 @@ var CustomElement3 = (config) => {
           if (binding) {
             let value2 = CustomElementUtils2.parseBindingAttribute(val, _this);
             if (value2 instanceof Expression) {
-              if (value2.independent && !moduleProofBindings) {
+              const executeRightAway = () => {
                 _this[prop] = value2.evaluate();
                 processBinding(
                   _this,
                   prop
                   /* remove eventual old bindings */
                 );
-              } else {
+              };
+              const executeDelayed = () => {
                 var bindings = GET_VAL2(_this, INSTANCE_BINDINGS_VAR, []);
                 bindings.push(plainAttrName);
                 if (!value2.pending) {
                   processBinding(_this, prop, value2);
                 }
+              };
+              if (value2.independent && !moduleProofBindings) {
+                try {
+                  executeRightAway();
+                } catch (e) {
+                  console.warn(`Error occurred in early binding evaluation:
+${val}
+${e.message ?? e}`);
+                  executeDelayed();
+                }
+              } else {
+                executeDelayed();
               }
             } else {
               throw `Howcome? ${val} misinterpreted as ${plainAttrName} binding...`;
@@ -17779,6 +17792,36 @@ var PacemLightboxElement = class extends Components20.PacemElement {
     window.addEventListener("keyup", this._keyupHandler, false);
     this._resetLayout();
     this._slot.addEventListener("slotchange", this._slotchangeHandler, false);
+    if (this.show) {
+      this._toggle(true);
+    }
+  }
+  _toggle(val) {
+    const wrap = this._wrapperElement;
+    const container = this._container;
+    if (!!val) {
+      this.inert = false;
+      this.dispatchEvent(new Event("open", { bubbles: true, cancelable: false }));
+      wrap.style.display = "";
+      wrap.hidden = false;
+      window.requestAnimationFrame(() => {
+        Utils32.addPart(wrap, "lightbox-wrapper-shown");
+        Utils32.addPart(container, "lightbox-shown");
+      });
+      var scroller = this.querySelector("." + PCSS15 + "-scrollable");
+      if (scroller) {
+        window.requestAnimationFrame(() => scroller.scrollTop = 0);
+      }
+    } else {
+      this.inert = true;
+      this.dispatchEvent(new Event("close", { bubbles: true, cancelable: false }));
+      Utils32.removePart(wrap, "lightbox-wrapper-shown");
+      Utils32.removePart(container, "lightbox-shown");
+      Utils32.addAnimationEndCallback(wrap, (e) => {
+        e.hidden = true;
+        e.style.display = "none";
+      }, 500);
+    }
   }
   propertyChangedCallback(name, old, val, first) {
     super.propertyChangedCallback(name, old, val, first);
@@ -17787,30 +17830,10 @@ var PacemLightboxElement = class extends Components20.PacemElement {
     }
     switch (name) {
       case "show":
-        const wrap = this._wrapperElement;
-        const container = this._container;
         if (!!val) {
-          this.inert = false;
-          this.dispatchEvent(new Event("open", { bubbles: true, cancelable: false }));
-          wrap.style.display = "";
-          wrap.hidden = false;
-          window.requestAnimationFrame(() => {
-            Utils32.addPart(wrap, "lightbox-wrapper-shown");
-            Utils32.addPart(container, "lightbox-shown");
-          });
-          var scroller = this.querySelector("." + PCSS15 + "-scrollable");
-          if (scroller) {
-            window.requestAnimationFrame(() => scroller.scrollTop = 0);
-          }
+          this._toggle(true);
         } else if (!!old) {
-          this.inert = true;
-          this.dispatchEvent(new Event("close", { bubbles: true, cancelable: false }));
-          Utils32.removePart(wrap, "lightbox-wrapper-shown");
-          Utils32.removePart(container, "lightbox-shown");
-          Utils32.addAnimationEndCallback(wrap, (e) => {
-            e.hidden = true;
-            e.style.display = "none";
-          }, 500);
+          this._toggle(false);
         }
         break;
       case "modal":
@@ -20592,7 +20615,7 @@ disabled="{{ (#${uid}.suddenValidation && (!(#${uid}.valid && #${uid}.dirty))) |
             <${P43}-panel class="submit-spinner ${PCSS29}-anim anim-pop" hide="{{ !#${uid}.fetching }}"><i class="${PCSS29}-icon ${PCSS29}-anim anim-rotate rotate-uniform display-block">refresh</i></${P43}-panel>
             <${P43}-text text="{{ #${uid}.submitCaption || 'OK' }}"></${P43}-text>
         </${P43}-button>
-        <${P43}-button logger="{{ #${uid}.logger }}" on-click="#${uid}._reset($event)" type="reset" class="button button-size size-small" css-class="{{ {'buttonset-first': #${uid}.readonly || $pacem.isNullOrEmpty(#${uid}.action) || !$pacem.isNull(#${uid}.form)} }}" hide="{{ !#${uid}.resettable || #${uid}.readonly || !#${uid}.dirty || !Pacem.Utils.isNull(#${uid}.form) }}" disabled="{{ #${uid}.fetching }}">
+        <${P43}-button logger="{{ #${uid}.logger }}" on-click="#${uid}._reset($event)" type="reset" class="button button-size size-small" css-class="{{ {'buttonset-first': #${uid}.readonly || $pacem.isNullOrEmpty(#${uid}.action) || !$pacem.isNull(#${uid}.form)} }}" hide="{{ !#${uid}.resettable || #${uid}.readonly || !#${uid}.dirty || !$pacem.isNull(#${uid}.form) }}" disabled="{{ #${uid}.fetching }}">
             <${P43}-text text="{{ #${uid}.resetCaption || 'Reset' }}"></${P43}-text>
         </${P43}-button>
 </div></div>`;
@@ -24595,6 +24618,9 @@ var PacemFormFieldElement = class extends PacemFormRelevantElement {
     form.setAttribute("id", getFormId(this._key));
     form.setAttribute("sudden-validation", "{{ ::form.suddenValidation }}");
   }
+  _apiResult(v) {
+    return Utils69.getApiResult(v);
+  }
   _buildUpField() {
     if (this._field)
       this._field.remove();
@@ -24808,7 +24834,7 @@ var PacemFormFieldElement = class extends PacemFormRelevantElement {
             this._fetcher.method = fetchData.verb;
             fetchAttrs["parameters"] = `{{ { ${dependingParameters} } }}`;
             fetchAttrs["disabled"] = disabledAttr;
-            attrs["datasource"] = `{{ ${dependingClause}Utils.getApiResult(#fetch${this._key}.result) || null }}`;
+            attrs["datasource"] = `{{ ${dependingClause}:host._apiResult(#fetch${this._key}.result) || null }}`;
           } else {
             attrs["datasource"] = spinStaticDatasourceAttr(fetchData.source);
           }
@@ -24841,7 +24867,7 @@ var PacemFormFieldElement = class extends PacemFormRelevantElement {
         //        //
         //        fetchAttrs['parameters'] = `{{ { ${dependingParameters} } }}`;
         //        fetchAttrs['disabled'] = disabledAttr;
-        //        attrs['datasource'] = `{{ ${dependingClause}Utils.getApiResult(#fetch${this._key}.result) || null }}`;
+        //        attrs['datasource'] = `{{ ${dependingClause}Pacem.Utils.getApiResult(#fetch${this._key}.result) || null }}`;
         //    } else {
         //        // static datasource provided
         //        attrs['datasource'] = spinStaticDatasourceAttr(fetchData.source);
@@ -24878,7 +24904,7 @@ var PacemFormFieldElement = class extends PacemFormRelevantElement {
             } else {
               fetchAttrs["parameters"] = `{{ {q: #${this._key}.hint || '', ${fetchData.valueProperty || "value"}: ${itemValue} || '' } }}`;
             }
-            attrs["datasource"] = `{{ ${dependingClause}Utils.getApiResult(#fetch${this._key}.result) || null }}`;
+            attrs["datasource"] = `{{ ${dependingClause}:host._apiResult(#fetch${this._key}.result) || null }}`;
           } else {
             attrs["datasource"] = spinStaticDatasourceAttr(fetchData.source);
           }
@@ -24936,7 +24962,7 @@ var PacemFormFieldElement = class extends PacemFormRelevantElement {
             //case 'imageurl':
             //    tagName = P + '-input-image';
             //    const f_id = this._fetcher.id = `fetch${this._key}`;
-            //    attrs['image-set'] = `{{ Utils.getApiResult(#${f_id}.result) }}`;
+            //    attrs['image-set'] = `{{ Pacem.Utils.getApiResult(#${f_id}.result) }}`;
             //    attrs['on-imagefetchrequest'] = `#${f_id}.url = '${meta.extra.fetchUrl}'; #${f_id}.parameters = { q: $event.detail.hint, skip: $event.detail.skip, take: $event.detail.take }`;
             //    attrs['max-width'] = '' + meta.extra.width;
             //    attrs['max-height'] = '' + meta.extra.height;