@epa-wg/custom-element-dist 0.0.25 → 0.0.26

package/src/custom-element/demo/s.xslt

@@ -1,97 +1,97 @@
-<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:xhtml="http://www.w3.org/1999/xhtml"
-                xmlns:dce="urn:schemas-epa-wg:dce" xmlns:exsl="http://exslt.org/common" version="1.0"
-                exclude-result-prefixes="exsl">
-    <xsl:template match="ignore">
-        <xsl:choose>
-            <xsl:when test="//attr">
-                <xsl:value-of select="//attr"/>
-            </xsl:when>
-            <xsl:otherwise>
-                <xsl:value-of select="def"/>
-            </xsl:otherwise>
-        </xsl:choose>
-        <xsl:value-of select="."/>
-    </xsl:template>
-    <xsl:template mode="payload" match="attributes">
-        <dce-root xmlns="http://www.w3.org/1999/xhtml" xmlns:xhtml="http://www.w3.org/1999/xhtml" data-dce-id="1">
-            <xsl:variable xmlns:xsl="http://www.w3.org/1999/XSL/Transform" name="methods">
-                <a xmlns="" href="https://developer.mozilla.org/en-US/docs/Web/API/Location/href" data-dce-id="2">
-                    location.href
-                </a>
-                <a xmlns="" href="https://developer.mozilla.org/en-US/docs/Web/API/Location/hash" data-dce-id="3">
-                    location.hash
-                </a>
-                <a xmlns="" href="https://developer.mozilla.org/en-US/docs/Web/API/Location/assign" data-dce-id="4">
-                    location.assign
-                </a>
-            </xsl:variable>
-            <fieldset xmlns="" data-dce-id="5">
-                <legend data-dce-id="6">
-                    <b data-dce-id="7">set-by</b>
-                </legend>
-                <xsl:for-each xmlns:xsl="http://www.w3.org/1999/XSL/Transform" select="$methods">
-                    <p data-dce-id="8">
-                        <label data-dce-id="9">
-                            <input type="radio" name="method" value="{.}" data-dce-id="10"/>
-                            <dce-text data-dce-id="11">
-                                <xsl:value-of select="."/>
-                            </dce-text>
-                        </label>
-                        <a class="infolink" href="https://developer.mozilla.org/en-US/docs/Web/API/Location/assign"
-                           data-dce-id="12">mdn
-                        </a>
-                    </p>
-                </xsl:for-each>
-                <label data-dce-id="13">
-                    <input type="radio" name="method" value="location.href" data-dce-id="14"/>
-                    <dce-text data-dce-id="15">location.href</dce-text>
-                </label>
-                <label data-dce-id="16">
-                    <input type="radio" name="method" value="location" data-dce-id="17"/>
-                    <dce-text data-dce-id="18">location</dce-text>
-                </label>
-                <label data-dce-id="19">
-                    <input type="radio" name="method" value="location.replace" data-dce-id="20"/>
-                    <dce-text data-dce-id="21">location.replace</dce-text>
-                </label>
-                <label data-dce-id="22">
-                    <input type="radio" name="method" value="location.assign" data-dce-id="23"/>
-                    <dce-text data-dce-id="24">location.assign</dce-text>
-                </label>
-                <label data-dce-id="25">
-                    <input type="radio" name="method" value="location.hash" data-dce-id="26"/>
-                    <dce-text data-dce-id="27">location.hash</dce-text>
-                </label>
-                <label data-dce-id="28">
-                    <input type="radio" name="method" value="history.pushState" data-dce-id="29"/>
-                    <dce-text data-dce-id="30">history.pushState</dce-text>
-                </label>
-                <label data-dce-id="31">
-                    <input type="radio" name="method" value="history.replaceState" data-dce-id="32"/>
-                    <dce-text data-dce-id="33">history.replaceState</dce-text>
-                </label>
-            </fieldset>
-        </dce-root>
-    </xsl:template>
-    <xsl:template match="/">
-        <xsl:apply-templates mode="payload" select="/datadom/attributes"/>
-    </xsl:template>
-    <xsl:template name="slot">
-        <xsl:param name="slotname"/>
-        <xsl:param name="defaultvalue"/>
-        <xsl:choose>
-            <xsl:when test="//payload/*[@slot=$slotname]">
-                <xsl:copy-of select="//payload/*[@slot=$slotname]"/>
-            </xsl:when>
-            <xsl:otherwise>
-                <xsl:copy-of select="$defaultvalue"/>
-            </xsl:otherwise>
-        </xsl:choose>
-    </xsl:template>
-    <xsl:variable name="js-injected-body">
-        <xsl:call-template name="slot">
-            <xsl:with-param name="slotname" select="''"/>
-            <xsl:with-param name="defaultvalue"/>
-        </xsl:call-template>
-    </xsl:variable>
+<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:xhtml="http://www.w3.org/1999/xhtml"
+                xmlns:dce="urn:schemas-epa-wg:dce" xmlns:exsl="http://exslt.org/common" version="1.0"
+                exclude-result-prefixes="exsl">
+    <xsl:template match="ignore">
+        <xsl:choose>
+            <xsl:when test="//attr">
+                <xsl:value-of select="//attr"/>
+            </xsl:when>
+            <xsl:otherwise>
+                <xsl:value-of select="def"/>
+            </xsl:otherwise>
+        </xsl:choose>
+        <xsl:value-of select="."/>
+    </xsl:template>
+    <xsl:template mode="payload" match="attributes">
+        <dce-root xmlns="http://www.w3.org/1999/xhtml" xmlns:xhtml="http://www.w3.org/1999/xhtml" data-dce-id="1">
+            <xsl:variable xmlns:xsl="http://www.w3.org/1999/XSL/Transform" name="methods">
+                <a xmlns="" href="https://developer.mozilla.org/en-US/docs/Web/API/Location/href" data-dce-id="2">
+                    location.href
+                </a>
+                <a xmlns="" href="https://developer.mozilla.org/en-US/docs/Web/API/Location/hash" data-dce-id="3">
+                    location.hash
+                </a>
+                <a xmlns="" href="https://developer.mozilla.org/en-US/docs/Web/API/Location/assign" data-dce-id="4">
+                    location.assign
+                </a>
+            </xsl:variable>
+            <fieldset xmlns="" data-dce-id="5">
+                <legend data-dce-id="6">
+                    <b data-dce-id="7">set-by</b>
+                </legend>
+                <xsl:for-each xmlns:xsl="http://www.w3.org/1999/XSL/Transform" select="$methods">
+                    <p data-dce-id="8">
+                        <label data-dce-id="9">
+                            <input type="radio" name="method" value="{.}" data-dce-id="10"/>
+                            <dce-text data-dce-id="11">
+                                <xsl:value-of select="."/>
+                            </dce-text>
+                        </label>
+                        <a class="infolink" href="https://developer.mozilla.org/en-US/docs/Web/API/Location/assign"
+                           data-dce-id="12">mdn
+                        </a>
+                    </p>
+                </xsl:for-each>
+                <label data-dce-id="13">
+                    <input type="radio" name="method" value="location.href" data-dce-id="14"/>
+                    <dce-text data-dce-id="15">location.href</dce-text>
+                </label>
+                <label data-dce-id="16">
+                    <input type="radio" name="method" value="location" data-dce-id="17"/>
+                    <dce-text data-dce-id="18">location</dce-text>
+                </label>
+                <label data-dce-id="19">
+                    <input type="radio" name="method" value="location.replace" data-dce-id="20"/>
+                    <dce-text data-dce-id="21">location.replace</dce-text>
+                </label>
+                <label data-dce-id="22">
+                    <input type="radio" name="method" value="location.assign" data-dce-id="23"/>
+                    <dce-text data-dce-id="24">location.assign</dce-text>
+                </label>
+                <label data-dce-id="25">
+                    <input type="radio" name="method" value="location.hash" data-dce-id="26"/>
+                    <dce-text data-dce-id="27">location.hash</dce-text>
+                </label>
+                <label data-dce-id="28">
+                    <input type="radio" name="method" value="history.pushState" data-dce-id="29"/>
+                    <dce-text data-dce-id="30">history.pushState</dce-text>
+                </label>
+                <label data-dce-id="31">
+                    <input type="radio" name="method" value="history.replaceState" data-dce-id="32"/>
+                    <dce-text data-dce-id="33">history.replaceState</dce-text>
+                </label>
+            </fieldset>
+        </dce-root>
+    </xsl:template>
+    <xsl:template match="/">
+        <xsl:apply-templates mode="payload" select="/datadom/attributes"/>
+    </xsl:template>
+    <xsl:template name="slot">
+        <xsl:param name="slotname"/>
+        <xsl:param name="defaultvalue"/>
+        <xsl:choose>
+            <xsl:when test="//payload/*[@slot=$slotname]">
+                <xsl:copy-of select="//payload/*[@slot=$slotname]"/>
+            </xsl:when>
+            <xsl:otherwise>
+                <xsl:copy-of select="$defaultvalue"/>
+            </xsl:otherwise>
+        </xsl:choose>
+    </xsl:template>
+    <xsl:variable name="js-injected-body">
+        <xsl:call-template name="slot">
+            <xsl:with-param name="slotname" select="''"/>
+            <xsl:with-param name="defaultvalue"/>
+        </xsl:call-template>
+    </xsl:variable>
 </xsl:stylesheet>

package/src/custom-element/demo/set-url.html

@@ -29,7 +29,7 @@
     <a href="../index.html"><h3><code>custom-element</code> demo</h3></a>
 </nav>
 <main>
-    <h3>How to set the page URL by location-element?</h3>
+    <h3>How to set the page URL by <code>location-element</code>?</h3>
     Answer: by defining following attributes:
     <ol>
         <li><code>method</code> to one of values provided bellow</li>

package/src/custom-element/demo/z.js

@@ -0,0 +1,9 @@
+    import circle from "circle";
+    import circle2 from "lib-root/circle.js";
+    console.log(circle())
+        try{
+
+            console.log(import.meta.resolve('lib-root/a.js'))
+        }catch( err ){
+            console.error(err.message)
+        }

package/src/custom-element/ide/customData-dce.json

@@ -1,181 +1,215 @@
-{
-  "version": 1.1,
-  "globalAttributes": [
-    {
-      "name": "slice",
-      "description": {
-        "kind": "markdown",
-        "value": "Defines the name of data slice in DCE where the data from `value` will be propagated on `change` or by `slice-event` event\n\nOn: any component with `value` and associated change event"
-      },
-      "references": [
-        {
-          "name": "Demo",
-          "url": "https://unpkg.com/@epa-wg/custom-element/demo/dom-merge.html"
-        }
-      ]
-    },
-    {
-      "name": "slice-event",
-      "description": {
-        "kind": "markdown",
-        "value": "Defines the event name on which `value` would be synchronized with DCE slice\n\nOn: any component with `value` and associated change event"
-      },
-      "references": [
-        {
-          "name": "Demo",
-          "url": "https://unpkg.com/@epa-wg/custom-element/demo/dom-merge.html"
-        }
-      ]
-    },
-    {
-      "name": "custom-validity",
-      "description": {
-        "kind": "markdown",
-        "value": "XPath expression to return either boolean or error string to be shown by browser native UI on form validation event. Unless value is true, prevents the form submission."
-      },
-      "references": [
-        {
-          "name": "Demo",
-          "url": "https://unpkg.com/@epa-wg/custom-element/demo/form.html"
-        }
-      ]
-    },
-    {
-      "name": "slice-value",
-      "description": {
-        "kind": "markdown",
-        "value": "XPath expression to populate into the slice"
-      },
-      "references": [
-        {
-          "name": "Demo",
-          "url": "https://unpkg.com/@epa-wg/custom-element/demo/data-slices.html"
-        }
-      ]
-    }
-  ],
-  "tags": [
-    {
-      "name": "custom-element",
-      "description": "Declarative Cuestom ELement(DCE).  `<custom-element tag='my-element'></custom-element>`.",
-      "attributes": [
-        {
-          "name": "hidden",
-          "description": "hides DCE definition to prevent visual appearance of content. Wrap the payload into template tag to prevent applying the inline CSS in global scope.",
-          "type": "boolean"
-        },
-        {
-          "name": "tag",
-          "description": "HTML tag for Custom Element. Used for window.customElements.define(). If not set, would be generated and DCE instance rendered inline.",
-          "type": "string"
-        },
-        {
-          "name": "src",
-          "description": "full, relative, or hash URL to DCE template",
-          "type": "string",
-          "references": [
-            {
-              "name": "example",
-              "url": "https://unpkg.com/@epa-wg/custom-element/demo/external-template.html"
-            }
-          ]
-        }
-      ],
-      "references": [
-        {
-          "name": "custom-element",
-          "url": "https://github.com/EPA-WG/custom-element"
-        }
-      ]
-    },
-    {
-      "name": "for-each",
-      "description": "The <xsl:for-each> element selects a set of nodes and processes each of them in the same way. It is often used to iterate through a set of nodes or to change the current node. If one or more <xsl:sort> elements appear as the children of this element, sorting occurs before processing. Otherwise, nodes are processed in document order.",
-      "attributes": [
-        {
-          "name": "select",
-          "description": "Uses an XPath expression to select nodes to be processed.",
-          "type": "string",
-          "references": [
-            {
-              "name": "MDN docs",
-              "url": "https://developer.mozilla.org/en-US/docs/Web/XSLT/Element/for-each#select"
-            }
-          ]
-        }
-      ],
-      "references": [
-        {
-          "name": "for-each",
-          "url": "https://developer.mozilla.org/en-US/docs/Web/XSLT/Element/for-each"
-        }
-      ]
-    },
-    {
-      "name": "slice",
-      "description": "Synthetic element for defining the slice-attributed when more then one slice/event/value associated with parent element",
-      "references": [
-        {
-          "name": "README",
-          "url": "https://github.com/EPA-WG/custom-element/tree/develop?tab=readme-ov-file#interactivity-via-data-slice-triggered-by-events"
-        }
-      ]
-    },
-    {
-      "name": "location-element",
-      "description": "get/set window URL parts or from SRC URL",
-      "attributes": [
-        {
-          "name": "href",
-          "description": "url to be parsed. When omitted window.location is used.",
-          "type": "string",
-          "references": [
-            {
-              "name": "MDN docs",
-              "url": "https://developer.mozilla.org/en-US/docs/Web/API/Location/href"
-            }
-          ]
-        },
-        {
-          "name": "live",
-          "description": "monitors history change, applicable only when href is omitted.",
-          "type": "string",
-          "references": [
-            {
-              "name": "docs",
-              "url": "https://unpkg.com/@epa-wg/custom-element@0/demo/location-element.html"
-            }
-          ]
-        },
-        {
-          "name": "src",
-          "description": "sets the window URL",
-          "type": "string",
-          "references": [
-            {
-              "name": "docs",
-              "url": "https://unpkg.com/@epa-wg/custom-element@0/demo/set-url.html"
-            }
-          ]
-        },
-        {
-          "name": "method",
-          "description": "when defined, changes URL by one of predefined methods.",
-          "type": "string",
-          "references": [
-            {
-              "name": "docs",
-              "url": "https://unpkg.com/@epa-wg/custom-element@0/demo/set-url.html"
-            }
-          ]
-        }
-      ],
-      "references": [
-        {
-          "name": "docs",
-          "url": "https://github.com/EPA-WG/custom-element"
-        }
-      ]
-    }
-  ]
-}
+{
+  "version": 1.1,
+  "globalAttributes": [
+    {
+      "name": "slice",
+      "description": {
+        "kind": "markdown",
+        "value": "Defines the name of data slice in DCE where the data from `value` will be propagated on `change` or by `slice-event` event\n\nOn: any component with `value` and associated change event"
+      },
+      "references": [
+        {
+          "name": "Demo",
+          "url": "https://unpkg.com/@epa-wg/custom-element/demo/dom-merge.html"
+        }
+      ]
+    },
+    {
+      "name": "slice-event",
+      "description": {
+        "kind": "markdown",
+        "value": "Defines the event name on which `value` would be synchronized with DCE slice\n\nOn: any component with `value` and associated change event"
+      },
+      "references": [
+        {
+          "name": "Demo",
+          "url": "https://unpkg.com/@epa-wg/custom-element/demo/dom-merge.html"
+        }
+      ]
+    },
+    {
+      "name": "custom-validity",
+      "description": {
+        "kind": "markdown",
+        "value": "XPath expression to return either boolean or error string to be shown by browser native UI on form validation event. Unless value is true, prevents the form submission."
+      },
+      "references": [
+        {
+          "name": "Demo",
+          "url": "https://unpkg.com/@epa-wg/custom-element/demo/form.html"
+        }
+      ]
+    },
+    {
+      "name": "slice-value",
+      "description": {
+        "kind": "markdown",
+        "value": "XPath expression to populate into the slice"
+      },
+      "references": [
+        {
+          "name": "Demo",
+          "url": "https://unpkg.com/@epa-wg/custom-element/demo/data-slices.html"
+        }
+      ]
+    }
+  ],
+  "tags": [
+    {
+      "name": "custom-element",
+      "description": "Declarative Cuestom ELement(DCE).  `<custom-element tag='my-element'></custom-element>`.",
+      "attributes": [
+        {
+          "name": "hidden",
+          "description": "hides DCE definition to prevent visual appearance of content. Wrap the payload into template tag to prevent applying the inline CSS in global scope.",
+          "type": "boolean"
+        },
+        {
+          "name": "tag",
+          "description": "HTML tag for Custom Element. Used for window.customElements.define(). If not set, would be generated and DCE instance rendered inline.",
+          "type": "string"
+        },
+        {
+          "name": "src",
+          "description": "full, relative, or hash URL to DCE template",
+          "type": "string",
+          "references": [
+            {
+              "name": "example",
+              "url": "https://unpkg.com/@epa-wg/custom-element/demo/external-template.html"
+            }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "custom-element",
+          "url": "https://github.com/EPA-WG/custom-element"
+        }
+      ]
+    },
+    {
+      "name": "for-each",
+      "description": "The <xsl:for-each> element selects a set of nodes and processes each of them in the same way. It is often used to iterate through a set of nodes or to change the current node. If one or more <xsl:sort> elements appear as the children of this element, sorting occurs before processing. Otherwise, nodes are processed in document order.",
+      "attributes": [
+        {
+          "name": "select",
+          "description": "Uses an XPath expression to select nodes to be processed.",
+          "type": "string",
+          "references": [
+            {
+              "name": "MDN docs",
+              "url": "https://developer.mozilla.org/en-US/docs/Web/XSLT/Element/for-each#select"
+            }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "for-each",
+          "url": "https://developer.mozilla.org/en-US/docs/Web/XSLT/Element/for-each"
+        }
+      ]
+    },
+    {
+      "name": "slice",
+      "description": "Synthetic element for defining the slice-attributed when more then one slice/event/value associated with parent element",
+      "references": [
+        {
+          "name": "README",
+          "url": "https://github.com/EPA-WG/custom-element/tree/develop?tab=readme-ov-file#interactivity-via-data-slice-triggered-by-events"
+        }
+      ]
+    },
+    {
+      "name": "location-element",
+      "description": "get/set window URL parts or from SRC URL",
+      "attributes": [
+        {
+          "name": "href",
+          "description": "url to be parsed. When omitted window.location is used.",
+          "type": "string",
+          "references": [
+            {
+              "name": "MDN docs",
+              "url": "https://developer.mozilla.org/en-US/docs/Web/API/Location/href"
+            }
+          ]
+        },
+        {
+          "name": "live",
+          "description": "monitors history change, applicable only when href is omitted.",
+          "type": "string",
+          "references": [
+            {
+              "name": "docs",
+              "url": "https://unpkg.com/@epa-wg/custom-element@0/demo/location-element.html"
+            }
+          ]
+        },
+        {
+          "name": "src",
+          "description": "sets the window URL",
+          "type": "string",
+          "references": [
+            {
+              "name": "docs",
+              "url": "https://unpkg.com/@epa-wg/custom-element@0/demo/set-url.html"
+            }
+          ]
+        },
+        {
+          "name": "method",
+          "description": "when defined, changes URL by one of predefined methods.",
+          "type": "string",
+          "references": [
+            {
+              "name": "docs",
+              "url": "https://unpkg.com/@epa-wg/custom-element@0/demo/set-url.html"
+            }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "docs",
+          "url": "https://github.com/EPA-WG/custom-element"
+        }
+      ]
+    },
+    {
+      "name": "module-url",
+      "description": "get module URL into slice from SRC according to web page importmap",
+      "attributes": [
+        {
+          "name": "src",
+          "description": "path to module resource, If omitted, it would match the window.location.href",
+          "type": "string",
+          "references": [
+            {
+              "name": "docs",
+              "url": "https://unpkg.com/@epa-wg/custom-element@0/demo/module-url.html"
+            }
+          ]
+        },
+        {
+          "name": "slice",
+          "description": "slice name where resolved URL would be propagated",
+          "type": "string",
+          "references": [
+            {
+              "name": "docs",
+              "url": "https://unpkg.com/@epa-wg/custom-element@0/demo/data-slices.html"
+            }
+          ]
+        }
+      ],
+      "references": [
+        {
+          "name": "docs",
+          "url": "https://unpkg.com/@epa-wg/custom-element@0/demo/module-url.html"
+        }
+      ]
+    }
+  ]
+}