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

package/storybook-static/assets/{dom-merge.test.stories-S-7U5N3h.js → dom-merge.test.stories-Dws0C2-g.js}

@@ -1,4 +1,4 @@
-import{w as d,e as a,u as s}from"./custom-element-DpIq8E2p.js";import"./index-CVRyq5ci.js";function p(n){return new Promise(e=>setTimeout(e,n))}function u(n){const{title:e,body:t}=n;return`
+import{w as d,e as a,u as s}from"./custom-element-wn23PUwN.js";import"./index-C8k3Z-3Y.js";function p(n){return new Promise(e=>setTimeout(e,n))}function u(n){const{title:e,body:t}=n;return`
         <fieldset>
             <legend>${e}</legend>
             ${t}

package/storybook-static/assets/{entry-preview-DrgzXgwT.js → entry-preview-BKQ8UCxI.js}

@@ -1,4 +1,4 @@
-import{d as l}from"./index-DrFu-skq.js";import{j as _}from"./lit-element-CenEXOuS.js";/**
+import{d as l}from"./index-DrFu-skq.js";import{Q as _}from"./lit-element-DzhCn-8W.js";/**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause

package/storybook-static/assets/{entry-preview-docs-Bxv0qQWs.js → entry-preview-docs-BMKNVQXA.js}

@@ -1,2 +1,2 @@
-import{S as u,e as O,a as y}from"./index-Cc7K62zD.js";import{i as S}from"./tiny-invariant-BxWVcicq.js";import{j as p}from"./lit-element-CenEXOuS.js";const{global:i}=__STORYBOOK_MODULE_GLOBAL__;var{window:g}=i;g.STORYBOOK_ENV="web-components";function d(e){if(!e)return!1;if(typeof e=="string")return!0;throw new Error('Provided component needs to be a string. e.g. component: "my-element"')}function l(e){if(!e)return!1;if(e.tags&&Array.isArray(e.tags)||e.modules&&Array.isArray(e.modules))return!0;throw new Error(`You need to setup valid meta data in your config.js via setCustomElements().
-    See the readme of addon-docs for web components for more details.`)}function c(){return i.__STORYBOOK_CUSTOM_ELEMENTS__||i.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__}var{window:w,EventSource:h}=i;typeof module<"u"&&module?.hot?.decline&&(module.hot.decline(),new h("__webpack_hmr").addEventListener("message",function(e){try{let{action:r}=JSON.parse(e.data);r==="built"&&w.location.reload()}catch{}}));const{logger:m}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{useEffect:v,addons:b}=__STORYBOOK_MODULE_PREVIEW_API__;function _(e,r){let t;switch(r){case"attributes":case"properties":t={name:e.type?.text||e.type};break;case"slots":t={name:"string"};break;default:t={name:"void"};break}return{name:e.name,required:!1,description:e.description,type:t,table:{category:r,type:{summary:e.type?.text||e.type},defaultValue:{summary:e.default!==void 0?e.default:e.defaultValue}}}}function D(e){let r=e.name.replace(/(-|_|:|\.|\s)+(.)?/g,(t,n,a)=>a?a.toUpperCase():"").replace(/^([A-Z])/,t=>t.toLowerCase());return r=`on${r.charAt(0).toUpperCase()+r.substr(1)}`,[{name:r,action:{name:e.name},table:{disable:!0}},_(e,"events")]}function o(e,r){return e&&e.filter(t=>t&&t.name).reduce((t,n)=>{if(n.kind==="method")return t;switch(r){case"events":D(n).forEach(a=>{S(a.name,`${a} should have a name property.`),t[a.name]=a});break;default:t[n.name]=_(n,r);break}return t},{})}var C=(e,r)=>{if(!d(e)||!l(r))return null;let t=r.tags.find(n=>n.name.toUpperCase()===e.toUpperCase());return t||m.warn(`Component not found in custom-elements.json: ${e}`),t},T=(e,r)=>{if(!d(e)||!l(r))return null;let t;return r?.modules?.forEach(n=>{n?.declarations?.forEach(a=>{a.tagName===e&&(t=a)})}),t||m.warn(`Component not found in custom-elements.json: ${e}`),t},f=(e,r)=>r?.version==="experimental"?C(e,r):T(e,r),A=(e,r)=>{let t=f(e,r);return t&&{...o(t.members??[],"properties"),...o(t.properties??[],"properties"),...o(t.attributes??[],"attributes"),...o(t.events??[],"events"),...o(t.slots??[],"slots"),...o(t.cssProperties??[],"css custom properties"),...o(t.cssParts??[],"css shadow parts")}},M=e=>{let r=c();return A(e,r)},L=e=>{let r=f(e,c());return r&&r.description},R=/<!--\?lit\$[0-9]+\$-->|<!--\??-->/g;function I(e){let r=e?.parameters.docs?.source,t=e?.parameters.__isArgsStory;return r?.type===u.DYNAMIC?!1:!t||r?.code||r?.type===u.CODE}function P(e,r){let t=e(),n=r?.parameters.docs?.source?.excludeDecorators?r.originalStoryFn(r.args,r):t,a;if(v(()=>{let{id:s,unmappedArgs:E}=r;a&&b.getChannel().emit(y,{id:s,source:a,args:E})}),!I(r)){let s=window.document.createElement("div");n instanceof DocumentFragment?p(n.cloneNode(!0),s):p(n,s),a=s.innerHTML.replace(R,"")}return t}var N=[P],B={docs:{extractArgTypes:M,extractComponentDescription:L,story:{inline:!0},source:{type:u.DYNAMIC,language:"html"}}},V=[O];export{V as argTypesEnhancers,N as decorators,B as parameters};
+import{s as u,z as E,e as w}from"./index-DGdNYaqV.js";import{i as y}from"./tiny-invariant-BxWVcicq.js";import{Q as p}from"./lit-element-DzhCn-8W.js";const{global:i}=__STORYBOOK_MODULE_GLOBAL__;var{window:g}=i;g.STORYBOOK_ENV="web-components";function d(e){if(!e)return!1;if(typeof e=="string")return!0;throw new Error('Provided component needs to be a string. e.g. component: "my-element"')}function l(e){if(!e)return!1;if(e.tags&&Array.isArray(e.tags)||e.modules&&Array.isArray(e.modules))return!0;throw new Error(`You need to setup valid meta data in your config.js via setCustomElements().
+    See the readme of addon-docs for web components for more details.`)}function c(){return i.__STORYBOOK_CUSTOM_ELEMENTS__||i.__STORYBOOK_CUSTOM_ELEMENTS_MANIFEST__}var{window:S,EventSource:v}=i;typeof module<"u"&&module?.hot?.decline&&(module.hot.decline(),new v("__webpack_hmr").addEventListener("message",function(e){try{let{action:r}=JSON.parse(e.data);r==="built"&&S.location.reload()}catch{}}));const{logger:m}=__STORYBOOK_MODULE_CLIENT_LOGGER__,{useEffect:b,addons:h}=__STORYBOOK_MODULE_PREVIEW_API__;function _(e,r){let t;switch(r){case"attributes":case"properties":t={name:e.type?.text||e.type};break;case"slots":t={name:"string"};break;default:t={name:"void"};break}return{name:e.name,required:!1,description:e.description,type:t,table:{category:r,type:{summary:e.type?.text||e.type},defaultValue:{summary:e.default!==void 0?e.default:e.defaultValue}}}}function C(e){let r=e.name.replace(/(-|_|:|\.|\s)+(.)?/g,(t,n,a)=>a?a.toUpperCase():"").replace(/^([A-Z])/,t=>t.toLowerCase());return r=`on${r.charAt(0).toUpperCase()+r.substr(1)}`,[{name:r,action:{name:e.name},table:{disable:!0}},_(e,"events")]}function o(e,r){return e&&e.filter(t=>t&&t.name).reduce((t,n)=>{if(n.kind==="method")return t;switch(r){case"events":C(n).forEach(a=>{y(a.name,`${a} should have a name property.`),t[a.name]=a});break;default:t[n.name]=_(n,r);break}return t},{})}var D=(e,r)=>{if(!d(e)||!l(r))return null;let t=r.tags.find(n=>n.name.toUpperCase()===e.toUpperCase());return t||m.warn(`Component not found in custom-elements.json: ${e}`),t},M=(e,r)=>{if(!d(e)||!l(r))return null;let t;return r?.modules?.forEach(n=>{n?.declarations?.forEach(a=>{a.tagName===e&&(t=a)})}),t||m.warn(`Component not found in custom-elements.json: ${e}`),t},f=(e,r)=>r?.version==="experimental"?D(e,r):M(e,r),A=(e,r)=>{let t=f(e,r);return t&&{...o(t.members??[],"properties"),...o(t.properties??[],"properties"),...o(t.attributes??[],"attributes"),...o(t.events??[],"events"),...o(t.slots??[],"slots"),...o(t.cssProperties??[],"css custom properties"),...o(t.cssParts??[],"css shadow parts")}},T=e=>{let r=c();return A(e,r)},L=e=>{let r=f(e,c());return r&&r.description},R=/<!--\?lit\$[0-9]+\$-->|<!--\??-->/g;function I(e){let r=e?.parameters.docs?.source,t=e?.parameters.__isArgsStory;return r?.type===u.DYNAMIC?!1:!t||r?.code||r?.type===u.CODE}function U(e,r){let t=e(),n=r?.parameters.docs?.source?.excludeDecorators?r.originalStoryFn(r.args,r):t,a;if(b(()=>{let{id:s,unmappedArgs:O}=r;a&&h.getChannel().emit(w,{id:s,source:a,args:O})}),!I(r)){let s=window.document.createElement("div");n instanceof DocumentFragment?p(n.cloneNode(!0),s):p(n,s),a=s.innerHTML.replace(R,"")}return t}var B=[U],V={docs:{extractArgTypes:T,extractComponentDescription:L,story:{inline:!0},source:{type:u.DYNAMIC,language:"html"}}},$=[E];export{$ as argTypesEnhancers,B as decorators,V as parameters};

package/storybook-static/assets/{external-template.test.stories-QIO3lAFz.js → external-template.test.stories-BHO48b0j.js}

@@ -1,9 +1,9 @@
-import{w as l,e as a}from"./custom-element-DpIq8E2p.js";import"./index-CVRyq5ci.js";function T(t){return new Promise(e=>setTimeout(e,t))}function v(t){const{title:e,body:n}=t;return`
+import{w as l,e as a}from"./custom-element-wn23PUwN.js";import"./index-C8k3Z-3Y.js";function T(t){return new Promise(e=>setTimeout(e,t))}function h(t){const{title:e,body:n}=t;return`
         <fieldset>
             <legend>${e}</legend>
             ${n}
         </fieldset>
-  `}const H={title:"external-templates",render:v},s={args:{title:"Template in page DOM",body:`
+  `}const B={title:"external-templates",render:h},s={args:{title:"Template in page DOM",body:`
     <template id="template1">
     <slot>Hello</slot> World!
     </template>
@@ -30,7 +30,7 @@ import{w as l,e as a}from"./custom-element-DpIq8E2p.js";import"./index-CVRyq5ci.
     <custom-element src="no.svg">
         <i>fallback for missing image</i>
     </custom-element>
-`},play:async({canvasElement:t})=>{await l(t).findByText(m.args.title),a(t.querySelector('[src="confused.svg"]').innerHTML).to.include("loading from SVG ..."),await T(100),a(t.querySelector("dce-external").innerHTML).to.include("<svg"),a(t.querySelector('[src="no.svg"]').innerHTML).to.include("Vitest Browser Tester")}},o={args:{title:"External XSLT file",body:`
+`},play:async({canvasElement:t})=>{const e=l(t);await e.findByText(m.args.title),await a(e.getByText("inline DCE loading from SVG ...")).toBeInTheDocument(),a(t.querySelector('[src="confused.svg"]').innerHTML).to.include("loading from SVG ..."),await a(await e.findByText("fallback for missing image")).toBeInTheDocument(),await a(await e.findByTitle("Confused")).toBeInTheDocument()}},o={args:{title:"External XSLT file",body:`
     <custom-element tag="dce-external-4" src="/tree.xsl">
         <template><i>loading from XSLT ...</i></template>
     </custom-element>
@@ -64,15 +64,15 @@ import{w as l,e as a}from"./custom-element-DpIq8E2p.js";import"./index-CVRyq5ci.
         <custom-element src="/html-template.xhtml#embedded-xsl">
             <template>whole XSLT is  embedded into HTML body</template>
         </custom-element>
-`},play:async({canvasElement:t})=>{const e=l(t);await e.findByText(g.args.title);const n=await e.findByTestId("src");a(n.textContent).to.include("/html-template.xhtml#embedded-xsl")}},y={args:{title:"external HTML template - missing id",body:`
+`},play:async({canvasElement:t})=>{const e=l(t);await e.findByText(g.args.title);const n=await e.findByTestId("src");a(n.textContent).to.include("/html-template.xhtml#embedded-xsl")}},x={args:{title:"external HTML template - missing id",body:`
     <custom-element src="/html-template.html#none">
         <template><i data-testid="no-id">element with id=none is missing in template</i></template>
     </custom-element>
-`},play:async({canvasElement:t})=>{const e=l(t);await e.findByText(y.args.title),await T(100);const n=await e.findByTestId("no-id");a(n.textContent).to.include("element with id=none is missing in template")}},x={args:{title:"external file with embedding of another external DCE",body:`
+`},play:async({canvasElement:t})=>{const e=l(t);await e.findByText(x.args.title),await T(100);const n=await e.findByTestId("no-id");a(n.textContent).to.include("element with id=none is missing in template")}},y={args:{title:"external file with embedding of another external DCE",body:`
     <custom-element src="/embed-1.html">
         loading from embed-1.html ...
     </custom-element>
-`},play:async({canvasElement:t})=>{const e=l(t);await e.findByText(x.args.title),await T(100),a(await e.findByTestId("wave")).toBeInTheDocument(),a(e.getByTestId("wave").innerHTML).toEqual("🖖")}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+`},play:async({canvasElement:t})=>{const e=l(t);await e.findByText(y.args.title),await T(1),a(await e.findByText("embed-1.html")).toBeInTheDocument(),a(await e.findByText("🖖")).toBeInTheDocument()}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
   args: {
     title: 'Template in page DOM',
     body: \`
@@ -136,11 +136,14 @@ import{w as l,e as a}from"./custom-element-DpIq8E2p.js";import"./index-CVRyq5ci.
   }) => {
     const canvas = within(canvasElement);
     await canvas.findByText((ExternalSvg.args!.title as string));
+    await expect(canvas.getByText('inline DCE loading from SVG ...')).toBeInTheDocument();
+
+    // needs separate test
+    // await expect( await canvas.findByText('loading from SVG ...')).toBeInTheDocument();
+
     expect(canvasElement.querySelector('[src="confused.svg"]').innerHTML).to.include('loading from SVG ...');
-    await sleep(100);
-    expect(canvasElement.querySelector('dce-external').innerHTML).to.include('<svg');
-    expect(canvasElement.querySelector('[src="no.svg"]').innerHTML).to.include('Vitest Browser Tester');
-    // "fallback for missing image" is not shown in test as test does not return 404, see test on 404 instead
+    await expect(await canvas.findByText('fallback for missing image')).toBeInTheDocument();
+    await expect(await canvas.findByTitle('Confused')).toBeInTheDocument();
   }
 }`,...m.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
   args: {
@@ -276,7 +279,7 @@ import{w as l,e as a}from"./custom-element-DpIq8E2p.js";import"./index-CVRyq5ci.
     const ml = await canvas.findByTestId('src');
     expect(ml.textContent).to.include('/html-template.xhtml#embedded-xsl');
   }
-}`,...g.parameters?.docs?.source}}};y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
+}`,...g.parameters?.docs?.source}}};x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
   args: {
     title: 'external HTML template - missing id',
     body: \`
@@ -294,7 +297,7 @@ import{w as l,e as a}from"./custom-element-DpIq8E2p.js";import"./index-CVRyq5ci.
     const ml = await canvas.findByTestId('no-id');
     expect(ml.textContent).to.include('element with id=none is missing in template');
   }
-}`,...y.parameters?.docs?.source}}};x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
+}`,...x.parameters?.docs?.source}}};y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
   args: {
     title: 'external file with embedding of another external DCE',
     body: \`
@@ -308,8 +311,8 @@ import{w as l,e as a}from"./custom-element-DpIq8E2p.js";import"./index-CVRyq5ci.
   }) => {
     const canvas = within(canvasElement);
     await canvas.findByText((EmbeddingInAnotherFile.args!.title as string));
-    await sleep(100);
-    expect(await canvas.findByTestId('wave')).toBeInTheDocument();
-    expect(canvas.getByTestId('wave').innerHTML).toEqual('🖖');
+    await sleep(1);
+    expect(await canvas.findByText('embed-1.html')).toBeInTheDocument();
+    expect(await canvas.findByText('🖖')).toBeInTheDocument();
   }
-}`,...x.parameters?.docs?.source}}};const E=["TemplateInPage","NoTag","ExternalSvg","ExternalXsltFile","ExternalHtmlFile","ExternalHtmlFileInline","HtmlWithinHtmlFile","SvgWithinHtmlFile","MathMLWithinHtmlFile","ByIdWithinXsltFile","MissingIdWithinXsltFile","EmbeddingInAnotherFile"];export{g as ByIdWithinXsltFile,x as EmbeddingInAnotherFile,c as ExternalHtmlFile,r as ExternalHtmlFileInline,m as ExternalSvg,o as ExternalXsltFile,d as HtmlWithinHtmlFile,u as MathMLWithinHtmlFile,y as MissingIdWithinXsltFile,i as NoTag,p as SvgWithinHtmlFile,s as TemplateInPage,E as __namedExportsOrder,H as default};
+}`,...y.parameters?.docs?.source}}};const E=["TemplateInPage","NoTag","ExternalSvg","ExternalXsltFile","ExternalHtmlFile","ExternalHtmlFileInline","HtmlWithinHtmlFile","SvgWithinHtmlFile","MathMLWithinHtmlFile","ByIdWithinXsltFile","MissingIdWithinXsltFile","EmbeddingInAnotherFile"];export{g as ByIdWithinXsltFile,y as EmbeddingInAnotherFile,c as ExternalHtmlFile,r as ExternalHtmlFileInline,m as ExternalSvg,o as ExternalXsltFile,d as HtmlWithinHtmlFile,u as MathMLWithinHtmlFile,x as MissingIdWithinXsltFile,i as NoTag,p as SvgWithinHtmlFile,s as TemplateInPage,E as __namedExportsOrder,B as default};

package/storybook-static/assets/{form.test.stories-ClYhj9F1.js → form.test.stories-dv9mwp24.js}

@@ -1,4 +1,4 @@
-import{w as i,e as n,u as e}from"./custom-element-DpIq8E2p.js";import"./index-CVRyq5ci.js";function l(a){const{title:t,body:s}=a;return`
+import{w as i,e as n,u as e}from"./custom-element-wn23PUwN.js";import"./index-C8k3Z-3Y.js";function l(a){const{title:t,body:s}=a;return`
         <fieldset>
             <legend>${t}</legend>
             ${s}