@mgdis/mg-components 5.13.0 → 5.13.1

package/dist/components/mg-input-title2.js

@@ -6,9 +6,6 @@ const MgInputTitle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   constructor() {
     super();
     this.__registerHost();
-    this.getTagName = () => {
-      this.tagName = this.isLegend ? 'legend' : 'label';
-    };
     this.identifier = undefined;
     this.required = undefined;
     this.isLegend = false;
@@ -19,6 +16,9 @@ const MgInputTitle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       throw new Error('<mg-input-title> prop "identifier" is required.');
     }
   }
+  validateIsLegend(newValue) {
+    this.tagName = newValue ? 'legend' : 'label';
+  }
   /*************
    * Lifecycle *
    *************/
@@ -27,7 +27,7 @@ const MgInputTitle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
    */
   componentWillLoad() {
     this.validateIdentifier(this.identifier);
-    this.getTagName();
+    this.validateIsLegend(this.isLegend);
   }
   /**
    * Render
@@ -39,7 +39,8 @@ const MgInputTitle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     return (h(TagName, { class: "mg-input-title", htmlFor: this.isLegend ? undefined : this.identifier }, h("slot", null), this.required && (h("span", { class: "mg-input-title__required" }, "\u00A0", h("span", { class: "is-asterisk" }, "*")))));
   }
   static get watchers() { return {
-    "identifier": ["validateIdentifier"]
+    "identifier": ["validateIdentifier"],
+    "isLegend": ["validateIsLegend"]
   }; }
   static get style() { return mgInputTitleCss; }
 }, [6, "mg-input-title", {

package/dist/components/mg-modal.js

@@ -19,6 +19,9 @@ const MgModal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     // IDs
     this.closeButtonId = '';
     this.titleId = '';
+    /**
+     * Method to manage focus on modal focusable elements
+     */
     this.setFocus = () => {
       // Get all focusable elements
       this.modalFocusableElements = Array.from(this.element.querySelectorAll(focusableElements)).reduce((acc, focusableElement) => {

package/dist/esm/{index-407d5211.js → index-1d40b052.js}

@@ -40,11 +40,6 @@ const XLINK_NS = 'http://www.w3.org/1999/xlink';
  * Don't add values to these!!
  */
 const EMPTY_OBJ = {};
-/**
- * Namespaces
- */
-const SVG_NS = 'http://www.w3.org/2000/svg';
-const HTML_NS = 'http://www.w3.org/1999/xhtml';
 const isDef = (v) => v != null;
 const isComplexType = (o) => {
     // https://jsperf.com/typeof-fn-object/5
@@ -564,17 +559,10 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
             doc.createTextNode('');
     }
     else {
-        if (!isSvgMode) {
-            isSvgMode = newVNode.$tag$ === 'svg';
-        }
         // create element
-        elm = newVNode.$elm$ = (doc.createElementNS(isSvgMode ? SVG_NS : HTML_NS, newVNode.$flags$ & 2 /* VNODE_FLAGS.isSlotFallback */
+        elm = newVNode.$elm$ = (doc.createElement(newVNode.$flags$ & 2 /* VNODE_FLAGS.isSlotFallback */
                 ? 'slot-fb'
-                : newVNode.$tag$)
-            );
-        if (isSvgMode && newVNode.$tag$ === 'foreignObject') {
-            isSvgMode = false;
-        }
+                : newVNode.$tag$));
         // add css classes, attrs, props, listeners, etc.
         {
             updateElement(null, newVNode, isSvgMode);
@@ -595,16 +583,6 @@ const createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
                 }
             }
         }
-        {
-            if (newVNode.$tag$ === 'svg') {
-                // Only reset the SVG context when we're exiting <svg> element
-                isSvgMode = false;
-            }
-            else if (elm.tagName === 'foreignObject') {
-                // Reenter SVG context when we're exiting <foreignObject> element
-                isSvgMode = true;
-            }
-        }
     }
     {
         elm['s-hn'] = hostTagName;
@@ -988,11 +966,6 @@ const patch = (oldVNode, newVNode) => {
     const text = newVNode.$text$;
     let defaultHolder;
     if (text === null) {
-        {
-            // test if we're rendering an svg element, or still rendering nodes inside of one
-            // only add this to the when the compiler sees we're using an svg somewhere
-            isSvgMode = tag === 'svg' ? true : tag === 'foreignObject' ? false : isSvgMode;
-        }
         {
             if (tag === 'slot')
                 ;
@@ -1021,9 +994,6 @@ const patch = (oldVNode, newVNode) => {
             // no new child vnodes, but there are old child vnodes to remove
             removeVnodes(oldChildren, 0, oldChildren.length - 1);
         }
-        if (isSvgMode && tag === 'svg') {
-            isSvgMode = false;
-        }
     }
     else if ((defaultHolder = elm['s-cr'])) {
         // this element has slotted content
@@ -1310,6 +1280,11 @@ const dispatchHooks = (hostRef, isInitialLoad) => {
             promise = safeCall(instance, 'componentWillLoad');
         }
     }
+    else {
+        {
+            promise = safeCall(instance, 'componentWillUpdate');
+        }
+    }
     endSchedule();
     return then(promise, () => updateComponent(hostRef, instance, isInitialLoad));
 };
@@ -1350,7 +1325,7 @@ const updateComponent = async (hostRef, instance, isInitialLoad) => {
 };
 const callRender = (hostRef, instance, elm) => {
     try {
-        instance = instance.render() ;
+        instance = instance.render && instance.render();
         {
             hostRef.$flags$ &= ~16 /* HOST_FLAGS.isQueuedForUpdate */;
         }

package/dist/esm/loader.js

@@ -1,5 +1,5 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-407d5211.js';
-export { s as setNonce } from './index-407d5211.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-1d40b052.js';
+export { s as setNonce } from './index-1d40b052.js';
 
 /*
  Stencil Client Patch Esm v2.22.1 | MIT Licensed | https://stenciljs.com