diff --git a/README.md b/README.md index 057ea84..cc435a6 100644 --- a/README.md +++ b/README.md @@ -26,7 +26,7 @@ CDN version of StoryBook. [github-image]: https://cdnjs.cloudflare.com/ajax/libs/octicons/8.5.0/svg/mark-github.svg [npm-image]: https://img.shields.io/npm/v/@epa-wg/custom-element-dist.svg [npm-url]: https://npmjs.org/package/@epa-wg/custom-element-dist -[coverage-image]: https://unpkg.com/@epa-wg/custom-element-dist@0.0.31/coverage/src/custom-element/coverage.svg -[coverage-url]: https://unpkg.com/@epa-wg/custom-element-dist@0.0.31/coverage/src/custom-element/index.html -[sb-url]: https://unpkg.com/@epa-wg/custom-element-dist@0.0.31/storybook-static/index.html -[bundle-url]: https://unpkg.com/@epa-wg/custom-element-dist@0.0.31/dist/custom-element-bundle.js +[coverage-image]: https://unpkg.com/@epa-wg/custom-element-dist@0.0.32/coverage/src/custom-element/coverage.svg +[coverage-url]: https://unpkg.com/@epa-wg/custom-element-dist@0.0.32/coverage/src/custom-element/index.html +[sb-url]: https://unpkg.com/@epa-wg/custom-element-dist@0.0.32/storybook-static/index.html +[bundle-url]: https://unpkg.com/@epa-wg/custom-element-dist@0.0.32/dist/custom-element-bundle.js diff --git a/package.json b/package.json index 7552849..c4701ca 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@epa-wg/custom-element-dist", - "version": "0.0.31", + "version": "0.0.32", "type": "module", "scripts": { "dev": "vite", @@ -19,7 +19,7 @@ "tf": "node ./node_modules/vitest/vitest.mjs --no-file-parallelism --browser.name=firefox --watch --browser.headless=false src/stories/module-url.test.stories.ts" }, "dependencies": { - "@epa-wg/custom-element": "0.0.31" + "@epa-wg/custom-element": "0.0.32" }, "devDependencies": { "@chromatic-com/storybook": "^3.2.2", diff --git a/public/demo/a.html b/public/demo/a.html index 1f39e09..cc44d04 100644 --- a/public/demo/a.html +++ b/public/demo/a.html @@ -1,8 +1,8 @@ - + - Data slices - Declarative Custom Element implementation demo + http-request Declarative Custom Element implementation demo @@ -10,51 +10,64 @@ - + caption { + padding: 1rem; + font-weight: bolder; + font-family: sans-serif; + } + + code { + text-align: right; + min-width: 3rem; + } + + svg { + max-height: 3rem; + } + -
- green in instance style can be overridden in payload as red in 1st instance - - - - - - should be red: - - -
- should be GREEN: - green -
- - + + + + + + diff --git a/public/demo/data-slices.html b/public/demo/data-slices.html index 679e7e1..97f1d5e 100644 --- a/public/demo/data-slices.html +++ b/public/demo/data-slices.html @@ -233,8 +233,8 @@

Data slices propagation by events.

- +

Check the radiobutton to see the value in slice

 + +
    +
  1. select radio in top group
    2. +
  2. observe the fruit selected on the left
    3. +
  3. observe the warning message bellow button
    4. +
  4. next button does not submit the form
    5. +
  5. select radio in bottom group
    6. +
  6. observe the fruit selected on the right
    7. +
  7. same fruit selection would eliminate the warning and + allow the form submission
    8. +
  8. after submit, observe the URL parameters 'inp-1=🍏&inp-2=🍏'
    9. +
+ + + diff --git a/public/demo/hex-grid-dce.html b/public/demo/hex-grid-dce.html index 48e1810..7c456ab 100644 --- a/public/demo/hex-grid-dce.html +++ b/public/demo/hex-grid-dce.html @@ -107,7 +107,7 @@ Svelte SolidJS NextJS - ThreeJS + ThreeJS BlazeJS Tailwind CSS Flowbite diff --git a/public/demo/hex-grid.html b/public/demo/hex-grid.html index c707086..dab3e0d 100644 --- a/public/demo/hex-grid.html +++ b/public/demo/hex-grid.html @@ -52,7 +52,7 @@

Example of DCE HTML as a library.

Semantic UI Open WC Flutter - Refine + Refine Bootstrap Vue.JS Lit diff --git a/public/demo/parameters.html b/public/demo/parameters.html index 675b9b5..0f1c982 100644 --- a/public/demo/parameters.html +++ b/public/demo/parameters.html @@ -44,7 +44,7 @@ - Type in the input field to see the variable $title change.
@@ -62,6 +62,25 @@ +
+ Attributes processing + To be available in template, custom-element attributes should be + defined by attribute markup as shown above. + The value is taken from attribute text content or from select XPath expression
+ + Declared in such way, attributes are exposed via observedAttributes.
+ The template exposes those attributes as xsl:param which makes the attribute value available as + xsl variable (as attribute name prefixed with $).
+ After transformation the attributes values are read from CE root and copied into DCE component.
+ The DCE attribute change from outside invokes attributeChangedCallback which triggers DCE re-render. +

+ The value attribute is usual case to be propagated from within of custom-element. + See the using custom-element as form input example. +

+ • Design docs +
diff --git a/public/demo/s.xml b/public/demo/s.xml index 1ef8ef7..eb33a08 100644 --- a/public/demo/s.xml +++ b/public/demo/s.xml @@ -1,18 +1,12 @@ - - link 1 - link 2 - link 3 - + - - end - 2 - row + dce1 + default_P1 + always_p2 + - - 2 - + \ No newline at end of file diff --git a/public/demo/s.xslt b/public/demo/s.xslt index 7f2205b..7405c3c 100644 --- a/public/demo/s.xslt +++ b/public/demo/s.xslt @@ -1,20 +1,69 @@ - + - - - - - - - - - - - - - + + + + + + + + + + + default_P1 + + + + RRRR + + += + + OOO + + + + + + default_P1 + + + + + + + + + + + + + + + p1: + + + + +
+ + p2: + + + + +
+ + p3: + + + + + + @@ -23,7 +72,7 @@ - + diff --git a/public/demo/ss.html b/public/demo/ss.html index 9095156..0ba1f74 100644 --- a/public/demo/ss.html +++ b/public/demo/ss.html @@ -1,24 +1,5 @@ -
                //focused
-                //suggest
-                //selected
-                $selected-value
- -
- \ No newline at end of file + \ No newline at end of file diff --git a/src/custom-element/custom-element.js b/src/custom-element/custom-element.js index d2dd081..e4da97f 100644 --- a/src/custom-element/custom-element.js +++ b/src/custom-element/custom-element.js @@ -15,6 +15,7 @@ const attr = (el, attr)=> el.getAttribute?.(attr) , xslNs = x => ( x?.setAttribute('xmlns:xsl', XSL_NS_URL ), x ) , xslHtmlNs = x => ( x?.setAttribute('xmlns:xhtml', HTML_NS_URL ), xslNs(x) ) , isValidTagName = tag=> ( /^[_a-zA-Z][-_:a-zA-Z0-9]*$/ .test(tag) ) +, mix = (o,kv) => { Object.keys(kv).map(k=> o[k] = kv[k] ) ; return o} , create = ( tag, t = '', d=document ) => { const create = tag => ( e => ((t && e.append(createText(d.ownerDocument||d, t))),e) )((d.ownerDocument || d ).createElement( tag )) @@ -29,11 +30,13 @@ const attr = (el, attr)=> el.getAttribute?.(attr) { const px = p.ownerDocument.createElementNS(p.namespaceURI,tag); for( let a of p.attributes) px.setAttribute(a.name, a.value); - while( p.firstChild ) - px.append(p.firstChild); + for( let c of p.childNodes ) + px.append(c.cloneNode(true)); return px; }; +export {cloneAs,mix}; + function ASSERT(x) { @@ -149,8 +152,13 @@ tagUid( node ) export function createXsltFromDom( templateNode, S = 'xsl:stylesheet' ) { + const declaredAttributes = [] + , hardcodedAttributes = {} + , exposedAttributes={}; + if( templateNode.tagName === S || templateNode.documentElement?.tagName === S ) - return tagUid(templateNode) + return tagUid(mix( templateNode, { declaredAttributes, hardcodedAttributes, exposedAttributes } )); + const sanitizeXsl = xml2dom(` @@ -198,9 +206,9 @@ createXsltFromDom( templateNode, S = 'xsl:stylesheet' ) - + - + ^ @@ -285,35 +293,45 @@ createXsltFromDom( templateNode, S = 'xsl:stylesheet' ) [...fr.childNodes].forEach(n=>r.append(n)); fr.append(r) } - const params = []; + [...fr.querySelectorAll('dce-root>attribute')].forEach( a=> { keepAttributes(a,'namespace,name,select'); const p = cloneAs(a,'xsl:param') , name = attr(a,'name'); + + declaredAttributes.push(name); + if( a.childNodes.length) + hardcodedAttributes[name] = a.textContent; + payload.append(p); - keepAttributes(p,'select,name'); - let select = attr(p,'select')?.split('??') - if( !select) - { select = ['//'+name, `'${p.textContent}'`]; - emptyNode(p); - p.setAttribute('name',name); - } - let val; - if( select?.length>1 ) - { p.removeAttribute('select'); - const c = $( xslDom, 'template[match="ignore"]>choose').cloneNode(true); - emptyNode(c.firstElementChild).append( createText(c,'{'+select[0]+'}')); - emptyNode(c.lastElementChild ).append( createText(c,'{'+select[1]+'}')); - c.firstElementChild.setAttribute('test',select[0]); - p.append(c); - val = c.cloneNode(true); + + if( a.hasAttribute('select') ) + { + exposedAttributes[ name ] = attr( a, 'select' ); + keepAttributes( p, 'select,name' ); + + let select = attr(a,'select').split('??'); + + let val; + if( select?.length>1 ) + { p.removeAttribute('select'); + const c = $( xslDom, 'template[match="ignore"]>choose').cloneNode(true); + // todo multiple ?? operators + emptyNode(c.firstElementChild).append( createText(c,'{'+select[0]+'}')); + emptyNode(c.lastElementChild ).append( createText(c,'{'+select[1]+'}')); + c.firstElementChild.setAttribute('test','string-length('+select[0]+')'); + p.append(c); + val = c.cloneNode(true); + }else + val = cloneAs(a,'xsl:value-of'); + val.removeAttribute('name'); + a.append(val); + a.removeAttribute('select'); }else - val=cloneAs(a,'xsl:value-of'); - val.removeAttribute('name'); - a.append(val); - a.removeAttribute('select'); - params.push(p) + { keepAttributes( p, 'name' ); + p.setAttribute('select','/datadom/attributes/'+name) + } }); [...fr.querySelectorAll('[value]')].filter(el=>el.getAttribute('value').match( /\{(.*)\?\?(.*)\}/g )).forEach(el=> { const v = attr(el,'value'); @@ -338,8 +356,8 @@ createXsltFromDom( templateNode, S = 'xsl:stylesheet' ) forEach$( payload,'slot', s => s.parentNode.replaceChild( slot2xsl(s), s ) ) - const ret = tagUid(xslDom) - ret.params = params; + const ret = tagUid(xslDom); + mix( ret, { declaredAttributes, hardcodedAttributes, exposedAttributes } ); return ret; } export async function @@ -494,10 +512,12 @@ const loadTemplateRoots = async ( src, dce )=> } export function mergeAttr( from, to ) { for( let a of from.attributes) - { a.namespaceURI? to.setAttributeNS( a.namespaceURI, a.name, a.value ) : to.setAttribute( a.name, a.value ) - if( a.name === 'value') - to.value = a.value - } + try + { a.namespaceURI? to.setAttributeNS( a.namespaceURI, a.name, a.value ) : to.setAttribute( a.name, a.value ) + if( a.name === 'value') + to.value = a.value + }catch(e) + { console.warn('attribute assignment error',e?.message || e); } } export function assureUnique(n, id=0) { @@ -530,7 +550,7 @@ export function appendByDceId(parent,e,k) } export function merge( parent, fromArr ) { - if( 'dce-root' === parent.firstElementChild?.localName && 'dce-root' !== fromArr[0].localName) + if( 'dce-root' === parent.firstElementChild?.localName && 'dce-root' !== fromArr[0]?.localName) return; if( !fromArr.length ) return 'dce-root' !== parent.firstElementChild?.localName && removeChildren(parent); @@ -658,12 +678,13 @@ CustomElement extends HTMLElement , sliceNames = sliceNodes.map(e=>attr(e,'slice')) .filter(n=>!n.includes('/')) .filter((v, i, a)=>a.indexOf(v) === i) - .map(splitSliceNames).flat() - , declaredAttributes = templateDocs.reduce( (ret,t) => { if( t.params ) ret.push( ...t.params ); return ret; }, [] ); + .map(splitSliceNames).flat(); + + const { declaredAttributes, hardcodedAttributes, exposedAttributes } = templateDocs[0]; class DceElement extends HTMLElement { - static get observedAttributes(){ return declaredAttributes.map( a=>attr(a,'name')); } + static get observedAttributes(){ return declaredAttributes; } #inTransform = 0; connectedCallback() { let payload = sanitizeBlankText(this.childNodes); @@ -696,7 +717,11 @@ CustomElement extends HTMLElement xslNs(payloadNode); xslHtmlNs(payloadNode); this.innerHTML=''; - const attrsRoot = injectData( x, 'attributes' , this.attributes, e => createXmlNode( e.nodeName, e.value ) ); + const attrsRoot = injectData( x, 'attributes' , this.attributes, e => createXmlNode( e.nodeName, e.value ) ) + , inAttrs = a=> this.hasAttribute(a) || [...attrsRoot.children].find(e=>e.localName === a); + Object.keys(hardcodedAttributes).map(a=> inAttrs(a) || attrsRoot.append(createXmlNode(a,hardcodedAttributes[a])) ); + declaredAttributes.map(a=> inAttrs(a) || attrsRoot.append(createXmlNode(a)) ); + injectData( x, 'dataset', Object.keys( this.dataset ), k => createXmlNode( k, this.dataset[ k ] ) ); const sliceRoot = injectData( x, 'slice', sliceNames, k => createXmlNode( k, '' ) ) , sliceXPath = x => xPath(x, sliceRoot); @@ -742,13 +767,20 @@ CustomElement extends HTMLElement merge( this, f.childNodes ) }) - DceElement.observedAttributes.map( a => + Object.entries(hardcodedAttributes).map(( [a,v] )=> + { if( !this.hasAttribute(a) && v !== attr(this,a) ) + { this.setAttribute( a, v ); + this.#applyAttribute( a, v ); + } + }); + + Object.keys(exposedAttributes).map( a => { let v = attr(this.firstElementChild,a); if( v !== attr(this,a) ) { this.setAttribute( a, v ); this.#applyAttribute( a, v ); } - }) + }); function getSliceTarget(el) { let r = el; diff --git a/src/custom-element/demo/a.html b/src/custom-element/demo/a.html index 1f39e09..cc44d04 100644 --- a/src/custom-element/demo/a.html +++ b/src/custom-element/demo/a.html @@ -1,8 +1,8 @@ - + - Data slices - Declarative Custom Element implementation demo + http-request Declarative Custom Element implementation demo @@ -10,51 +10,64 @@ - + caption { + padding: 1rem; + font-weight: bolder; + font-family: sans-serif; + } + + code { + text-align: right; + min-width: 3rem; + } + + svg { + max-height: 3rem; + } + -
- green in instance style can be overridden in payload as red in 1st instance - - - - - - should be red: - - -
- should be GREEN: - green -
- - + + + + + + diff --git a/src/custom-element/demo/data-slices.html b/src/custom-element/demo/data-slices.html index 679e7e1..97f1d5e 100644 --- a/src/custom-element/demo/data-slices.html +++ b/src/custom-element/demo/data-slices.html @@ -233,8 +233,8 @@

Data slices propagation by events.

- +

Check the radiobutton to see the value in slice

 + +
    +
  1. select radio in top group
    2. +
  2. observe the fruit selected on the left
    3. +
  3. observe the warning message bellow button
    4. +
  4. next button does not submit the form
    5. +
  5. select radio in bottom group
    6. +
  6. observe the fruit selected on the right
    7. +
  7. same fruit selection would eliminate the warning and + allow the form submission
    8. +
  8. after submit, observe the URL parameters 'inp-1=🍏&inp-2=🍏'
    9. +
+ + + diff --git a/src/custom-element/demo/hex-grid-dce.html b/src/custom-element/demo/hex-grid-dce.html index 48e1810..7c456ab 100644 --- a/src/custom-element/demo/hex-grid-dce.html +++ b/src/custom-element/demo/hex-grid-dce.html @@ -107,7 +107,7 @@ Svelte SolidJS NextJS - ThreeJS + ThreeJS BlazeJS Tailwind CSS Flowbite diff --git a/src/custom-element/demo/hex-grid.html b/src/custom-element/demo/hex-grid.html index c707086..dab3e0d 100644 --- a/src/custom-element/demo/hex-grid.html +++ b/src/custom-element/demo/hex-grid.html @@ -52,7 +52,7 @@

Example of DCE HTML as a library.

Semantic UI Open WC Flutter - Refine + Refine Bootstrap Vue.JS Lit diff --git a/src/custom-element/demo/parameters.html b/src/custom-element/demo/parameters.html index 675b9b5..0f1c982 100644 --- a/src/custom-element/demo/parameters.html +++ b/src/custom-element/demo/parameters.html @@ -44,7 +44,7 @@ - Type in the input field to see the variable $title change.
@@ -62,6 +62,25 @@ +
+ Attributes processing + To be available in template, custom-element attributes should be + defined by attribute markup as shown above. + The value is taken from attribute text content or from select XPath expression
+ + Declared in such way, attributes are exposed via observedAttributes.
+ The template exposes those attributes as xsl:param which makes the attribute value available as + xsl variable (as attribute name prefixed with $).
+ After transformation the attributes values are read from CE root and copied into DCE component.
+ The DCE attribute change from outside invokes attributeChangedCallback which triggers DCE re-render. +

+ The value attribute is usual case to be propagated from within of custom-element. + See the using custom-element as form input example. +

+ • Design docs +
diff --git a/src/custom-element/demo/s.xml b/src/custom-element/demo/s.xml index 1ef8ef7..eb33a08 100644 --- a/src/custom-element/demo/s.xml +++ b/src/custom-element/demo/s.xml @@ -1,18 +1,12 @@ - - link 1 - link 2 - link 3 - + - - end - 2 - row + dce1 + default_P1 + always_p2 + - - 2 - + \ No newline at end of file diff --git a/src/custom-element/demo/s.xslt b/src/custom-element/demo/s.xslt index 7f2205b..7405c3c 100644 --- a/src/custom-element/demo/s.xslt +++ b/src/custom-element/demo/s.xslt @@ -1,20 +1,69 @@ - + - - - - - - - - - - - - - + + + + + + + + + + + default_P1 + + + + RRRR + + += + + OOO + + + + + + default_P1 + + + + + + + + + + + + + + + p1: + + + + +
+ + p2: + + + + +
+ + p3: + + + + + + @@ -23,7 +72,7 @@ - + diff --git a/src/custom-element/demo/ss.html b/src/custom-element/demo/ss.html index 9095156..0ba1f74 100644 --- a/src/custom-element/demo/ss.html +++ b/src/custom-element/demo/ss.html @@ -1,24 +1,5 @@ -
                //focused
-                //suggest
-                //selected
-                $selected-value
- -
- \ No newline at end of file + \ No newline at end of file diff --git a/src/custom-element/ide/web-types-dce.json b/src/custom-element/ide/web-types-dce.json index e9bac6f..6a12f5b 100644 --- a/src/custom-element/ide/web-types-dce.json +++ b/src/custom-element/ide/web-types-dce.json @@ -1,7 +1,7 @@ { "$schema": "http://json.schemastore.org/web-types", "name": "@epa-wg/custom-element", - "version": "0.0.31", + "version": "0.0.32", "js-types-syntax": "typescript", "description-markup": "markdown", "contributions": { diff --git a/src/custom-element/ide/web-types-xsl.json b/src/custom-element/ide/web-types-xsl.json index 3e48d39..9a43acc 100644 --- a/src/custom-element/ide/web-types-xsl.json +++ b/src/custom-element/ide/web-types-xsl.json @@ -1,7 +1,7 @@ { "$schema": "http://json.schemastore.org/web-types", "name": "@epa-wg/custom-element", - "version": "0.0.31", + "version": "0.0.32", "js-types-syntax": "typescript", "description-markup": "markdown", "contributions": { diff --git a/src/material/components/dropdown.html b/src/material/components/dropdown.html index 8a96ee7..1d21c3e 100644 --- a/src/material/components/dropdown.html +++ b/src/material/components/dropdown.html @@ -53,6 +53,7 @@ [slot="description"] dd { padding: 0; } + [slot="demo"]{ min-height: 8rem; } } } @@ -66,9 +67,10 @@
-

cem-dropdown is autocomplete component from <custom-element> Material suite based on the +

cem-dropdown is popover component from <custom-element> Material suite based on the Material Design specification.

+

The visibility of dropdown content is driven by open attribute

+ + + + @@ -135,9 +151,11 @@ - Type in the input field to see the variable $title change.
@@ -62,6 +62,25 @@ +
+ Attributes processing + To be available in template, custom-element attributes should be + defined by attribute markup as shown above. + The value is taken from attribute text content or from select XPath expression
+ + Declared in such way, attributes are exposed via observedAttributes.
+ The template exposes those attributes as xsl:param which makes the attribute value available as + xsl variable (as attribute name prefixed with $).
+ After transformation the attributes values are read from CE root and copied into DCE component.
+ The DCE attribute change from outside invokes attributeChangedCallback which triggers DCE re-render. +

+ The value attribute is usual case to be propagated from within of custom-element. + See the using custom-element as form input example. +

+ • Design docs +
diff --git a/storybook-static/demo/s.xml b/storybook-static/demo/s.xml index 1ef8ef7..eb33a08 100644 --- a/storybook-static/demo/s.xml +++ b/storybook-static/demo/s.xml @@ -1,18 +1,12 @@ - - link 1 - link 2 - link 3 - + - - end - 2 - row + dce1 + default_P1 + always_p2 + - - 2 - + \ No newline at end of file diff --git a/storybook-static/demo/s.xslt b/storybook-static/demo/s.xslt index 7f2205b..7405c3c 100644 --- a/storybook-static/demo/s.xslt +++ b/storybook-static/demo/s.xslt @@ -1,20 +1,69 @@ - + - - - - - - - - - - - - - + + + + + + + + + + + default_P1 + + + + RRRR + + += + + OOO + + + + + + default_P1 + + + + + + + + + + + + + + + p1: + + + + +
+ + p2: + + + + +
+ + p3: + + + + + + @@ -23,7 +72,7 @@ - + diff --git a/storybook-static/demo/ss.html b/storybook-static/demo/ss.html index 9095156..0ba1f74 100644 --- a/storybook-static/demo/ss.html +++ b/storybook-static/demo/ss.html @@ -1,24 +1,5 @@ -
                //focused
-                //suggest
-                //selected
-                $selected-value
- -
- \ No newline at end of file + \ No newline at end of file diff --git a/storybook-static/iframe.html b/storybook-static/iframe.html index 8c501fd..aea364f 100644 --- a/storybook-static/iframe.html +++ b/storybook-static/iframe.html @@ -517,7 +517,7 @@ } } - + diff --git a/storybook-static/index.json b/storybook-static/index.json index ea42d15..10a0c12 100644 --- a/storybook-static/index.json +++ b/storybook-static/index.json @@ -1 +1 @@ -{"v":5,"entries":{"configure-your-project--docs":{"id":"configure-your-project--docs","title":"Configure your project","name":"Docs","importPath":"./src/stories/Configure.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"attributes--docs":{"id":"attributes--docs","title":"attributes","name":"Docs","importPath":"./src/stories/attributes.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"attributes--attribute-defaults":{"type":"story","id":"attributes--attribute-defaults","name":"Attribute Defaults","title":"attributes","importPath":"./src/stories/attributes.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"attributes--attributes-runtime-change":{"type":"story","id":"attributes--attributes-runtime-change","name":"Attributes Runtime Change","title":"attributes","importPath":"./src/stories/attributes.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"attributes--instance-attributes":{"type":"story","id":"attributes--instance-attributes","name":"Instance Attributes","title":"attributes","importPath":"./src/stories/attributes.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"css--docs":{"id":"css--docs","title":"Css","name":"Docs","importPath":"./src/stories/css.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"css--style-does-not-leak":{"type":"story","id":"css--style-does-not-leak","name":"Style Does Not Leak","title":"Css","importPath":"./src/stories/css.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"css--style-in-2-instances":{"type":"story","id":"css--style-in-2-instances","name":"Style In 2 Instances","title":"Css","importPath":"./src/stories/css.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"css--override-in-payload":{"type":"story","id":"css--override-in-payload","name":"Override In Payload","title":"Css","importPath":"./src/stories/css.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"dom-merge--docs":{"id":"dom-merge--docs","title":"dom-merge","name":"Docs","importPath":"./src/stories/dom-merge.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"dom-merge--chars-count-in-textarea":{"type":"story","id":"dom-merge--chars-count-in-textarea","name":"Chars Count In Textarea","title":"dom-merge","importPath":"./src/stories/dom-merge.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"dom-merge--word-count-on-type":{"type":"story","id":"dom-merge--word-count-on-type","name":"Word Count On Type","title":"dom-merge","importPath":"./src/stories/dom-merge.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"dom-merge--order-preserving-on-2-nd-transform":{"type":"story","id":"dom-merge--order-preserving-on-2-nd-transform","name":"Order Preserving On 2 Nd Transform","title":"dom-merge","importPath":"./src/stories/dom-merge.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"dom-merge--read-system-validity-message":{"type":"story","id":"dom-merge--read-system-validity-message","name":"Read System Validity Message","title":"dom-merge","importPath":"./src/stories/dom-merge.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"external-templates--docs":{"id":"external-templates--docs","title":"external-templates","name":"Docs","importPath":"./src/stories/external-template.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"external-templates--template-in-page":{"type":"story","id":"external-templates--template-in-page","name":"Template In Page","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"external-templates--no-tag":{"type":"story","id":"external-templates--no-tag","name":"No Tag","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"external-templates--external-svg":{"type":"story","id":"external-templates--external-svg","name":"External Svg","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"external-templates--external-xslt-file":{"type":"story","id":"external-templates--external-xslt-file","name":"External Xslt File","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"external-templates--external-html-file":{"type":"story","id":"external-templates--external-html-file","name":"External Html File","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"external-templates--external-html-file-inline":{"type":"story","id":"external-templates--external-html-file-inline","name":"External Html File Inline","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"external-templates--html-within-html-file":{"type":"story","id":"external-templates--html-within-html-file","name":"Html Within Html File","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"external-templates--svg-within-html-file":{"type":"story","id":"external-templates--svg-within-html-file","name":"Svg Within Html File","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"external-templates--math-ml-within-html-file":{"type":"story","id":"external-templates--math-ml-within-html-file","name":"Math ML Within Html File","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"external-templates--by-id-within-xslt-file":{"type":"story","id":"external-templates--by-id-within-xslt-file","name":"By Id Within Xslt File","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"external-templates--missing-id-within-xslt-file":{"type":"story","id":"external-templates--missing-id-within-xslt-file","name":"Missing Id Within Xslt File","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"external-templates--embedding-in-another-file":{"type":"story","id":"external-templates--embedding-in-another-file","name":"Embedding In Another File","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"form--docs":{"id":"form--docs","title":"form","name":"Docs","importPath":"./src/stories/form.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"form--system-message":{"type":"story","id":"form--system-message","name":"System Message","title":"form","importPath":"./src/stories/form.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"form--form-data":{"type":"story","id":"form--form-data","name":"Form Data","title":"form","importPath":"./src/stories/form.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"form--set-validity-message":{"type":"story","id":"form--set-validity-message","name":"Set Validity Message","title":"form","importPath":"./src/stories/form.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"form--form-custom-validity-boolean":{"type":"story","id":"form--form-custom-validity-boolean","name":"Form Custom Validity Boolean","title":"form","importPath":"./src/stories/form.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"form--form-custom-validity-string":{"type":"story","id":"form--form-custom-validity-string","name":"Form Custom Validity String","title":"form","importPath":"./src/stories/form.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"http-request--docs":{"id":"http-request--docs","title":"http-request","name":"Docs","importPath":"./src/stories/http-request.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"http-request--demo":{"type":"story","id":"http-request--demo","name":"Demo","title":"http-request","importPath":"./src/stories/http-request.stories.ts","tags":["dev","test","autodocs","play-fn"]},"http-request--url-change":{"type":"story","id":"http-request--url-change","name":"Url Change","title":"http-request","importPath":"./src/stories/http-request.stories.ts","tags":["dev","test","autodocs","play-fn"]},"http-request--http-404":{"type":"story","id":"http-request--http-404","name":"Http 404","title":"http-request","importPath":"./src/stories/http-request.stories.ts","tags":["dev","test","autodocs","play-fn"]},"http-request--lifecycle-initialized":{"type":"story","id":"http-request--lifecycle-initialized","name":"Lifecycle Initialized","title":"http-request","importPath":"./src/stories/http-request.stories.ts","tags":["dev","test","autodocs","play-fn"]},"http-request--request-response-headers":{"type":"story","id":"http-request--request-response-headers","name":"Request Response Headers","title":"http-request","importPath":"./src/stories/http-request.stories.ts","tags":["dev","test","autodocs","play-fn"]},"local-storage--docs":{"id":"local-storage--docs","title":"local-storage","name":"Docs","importPath":"./src/stories/local-storage.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"local-storage--demo":{"type":"story","id":"local-storage--demo","name":"Demo","title":"local-storage","importPath":"./src/stories/local-storage.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"local-storage--always-override":{"type":"story","id":"local-storage--always-override","name":"Always Override","title":"local-storage","importPath":"./src/stories/local-storage.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"local-storage--from-storage-with-default":{"type":"story","id":"local-storage--from-storage-with-default","name":"From Storage With Default","title":"local-storage","importPath":"./src/stories/local-storage.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"local-storage--type-attribute":{"type":"story","id":"local-storage--type-attribute","name":"Type Attribute","title":"local-storage","importPath":"./src/stories/local-storage.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"location-element--docs":{"id":"location-element--docs","title":"location-element","name":"Docs","importPath":"./src/stories/location-element.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"location-element--demo":{"type":"story","id":"location-element--demo","name":"Demo","title":"location-element","importPath":"./src/stories/location-element.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"location-element--src-attribute":{"type":"story","id":"location-element--src-attribute","name":"Src Attribute","title":"location-element","importPath":"./src/stories/location-element.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"module-url--docs":{"id":"module-url--docs","title":"module-url","name":"Docs","importPath":"./src/stories/module-url.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"module-url--relative-to-page-path":{"type":"story","id":"module-url--relative-to-page-path","name":"Relative To Page Path","title":"module-url","importPath":"./src/stories/module-url.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"module-url--module-by-symbolic-name":{"type":"story","id":"module-url--module-by-symbolic-name","name":"Module By Symbolic Name","title":"module-url","importPath":"./src/stories/module-url.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"module-url--missing-importmap-entry":{"type":"story","id":"module-url--missing-importmap-entry","name":"Missing Importmap Entry","title":"module-url","importPath":"./src/stories/module-url.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"module-url--module-by-name":{"type":"story","id":"module-url--module-by-name","name":"Module By Name","title":"module-url","importPath":"./src/stories/module-url.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"module-url--hash-within-lib":{"type":"story","id":"module-url--hash-within-lib","name":"Hash Within Lib","title":"module-url","importPath":"./src/stories/module-url.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"location-element-set-url--docs":{"id":"location-element-set-url--docs","title":"location-element set URL","name":"Docs","importPath":"./src/stories/set-url.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"location-element-set-url--dynamic-src":{"type":"story","id":"location-element-set-url--dynamic-src","name":"Dynamic Src","title":"location-element set URL","importPath":"./src/stories/set-url.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"location-element-set-url--dynamic-method":{"type":"story","id":"location-element-set-url--dynamic-method","name":"Dynamic Method","title":"location-element set URL","importPath":"./src/stories/set-url.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slice-events--docs":{"id":"slice-events--docs","title":"slice-events","name":"Docs","importPath":"./src/stories/slice-events.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"slice-events--slice-init-change-event":{"type":"story","id":"slice-events--slice-init-change-event","name":"Slice Init Change Event","title":"slice-events","importPath":"./src/stories/slice-events.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slice-events--realtime-event-in-slice":{"type":"story","id":"slice-events--realtime-event-in-slice","name":"Realtime Event In Slice","title":"slice-events","importPath":"./src/stories/slice-events.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slice-events--double-event-in-slice":{"type":"story","id":"slice-events--double-event-in-slice","name":"Double Event In Slice","title":"slice-events","importPath":"./src/stories/slice-events.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slice-events--multiple-slices":{"type":"story","id":"slice-events--multiple-slices","name":"Multiple Slices","title":"slice-events","importPath":"./src/stories/slice-events.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slice-events--slices-in-attr-and-name":{"type":"story","id":"slice-events--slices-in-attr-and-name","name":"Slices In Attr And Name","title":"slice-events","importPath":"./src/stories/slice-events.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slice-events--checkbox-checked":{"type":"story","id":"slice-events--checkbox-checked","name":"Checkbox Checked","title":"slice-events","importPath":"./src/stories/slice-events.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slice-events--checkbox-unchecked":{"type":"story","id":"slice-events--checkbox-unchecked","name":"Checkbox Unchecked","title":"slice-events","importPath":"./src/stories/slice-events.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slice-events--checkbox-slice-value":{"type":"story","id":"slice-events--checkbox-slice-value","name":"Checkbox Slice Value","title":"slice-events","importPath":"./src/stories/slice-events.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slice-events--radiogroup-slice-value":{"type":"story","id":"slice-events--radiogroup-slice-value","name":"Radiogroup Slice Value","title":"slice-events","importPath":"./src/stories/slice-events.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slots--docs":{"id":"slots--docs","title":"slots","name":"Docs","importPath":"./src/stories/slots.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"slots--regular":{"type":"story","id":"slots--regular","name":"Regular","title":"slots","importPath":"./src/stories/slots.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slots--named-slot":{"type":"story","id":"slots--named-slot","name":"Named Slot","title":"slots","importPath":"./src/stories/slots.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slots--double-slot":{"type":"story","id":"slots--double-slot","name":"Double Slot","title":"slots","importPath":"./src/stories/slots.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slots--named-unnamed-default-slot":{"type":"story","id":"slots--named-unnamed-default-slot","name":"Named Unnamed Default Slot","title":"slots","importPath":"./src/stories/slots.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slots--named-default-slot":{"type":"story","id":"slots--named-default-slot","name":"Named Default Slot","title":"slots","importPath":"./src/stories/slots.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slots--default-slot":{"type":"story","id":"slots--default-slot","name":"Default Slot","title":"slots","importPath":"./src/stories/slots.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slots--template-with-attributes-and-condition":{"type":"story","id":"slots--template-with-attributes-and-condition","name":"Template With Attributes And Condition","title":"slots","importPath":"./src/stories/slots.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"site--docs":{"id":"site--docs","title":"site","name":"Docs","importPath":"./src/stories/version-select.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"site--versions-select":{"type":"story","id":"site--versions-select","name":"Versions Select","title":"site","importPath":"./src/stories/version-select.test.stories.ts","tags":["dev","test","autodocs","play-fn"]}}} \ No newline at end of file +{"v":5,"entries":{"configure-your-project--docs":{"id":"configure-your-project--docs","title":"Configure your project","name":"Docs","importPath":"./src/stories/Configure.mdx","storiesImports":[],"type":"docs","tags":["dev","test","autodocs","unattached-mdx"]},"attributes--docs":{"id":"attributes--docs","title":"attributes","name":"Docs","importPath":"./src/stories/attributes.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"attributes--clone-as":{"type":"story","id":"attributes--clone-as","name":"Clone As","title":"attributes","importPath":"./src/stories/attributes.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"attributes--mix":{"type":"story","id":"attributes--mix","name":"Mix","title":"attributes","importPath":"./src/stories/attributes.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"attributes--attribute-defaults":{"type":"story","id":"attributes--attribute-defaults","name":"Attribute Defaults","title":"attributes","importPath":"./src/stories/attributes.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"attributes--attributes-runtime-change":{"type":"story","id":"attributes--attributes-runtime-change","name":"Attributes Runtime Change","title":"attributes","importPath":"./src/stories/attributes.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"attributes--instance-attributes":{"type":"story","id":"attributes--instance-attributes","name":"Instance Attributes","title":"attributes","importPath":"./src/stories/attributes.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"attributes--attributes-propagation-up":{"type":"story","id":"attributes--attributes-propagation-up","name":"Attributes Propagation Up","title":"attributes","importPath":"./src/stories/attributes.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"css--docs":{"id":"css--docs","title":"Css","name":"Docs","importPath":"./src/stories/css.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"css--style-does-not-leak":{"type":"story","id":"css--style-does-not-leak","name":"Style Does Not Leak","title":"Css","importPath":"./src/stories/css.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"css--style-in-2-instances":{"type":"story","id":"css--style-in-2-instances","name":"Style In 2 Instances","title":"Css","importPath":"./src/stories/css.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"css--override-in-payload":{"type":"story","id":"css--override-in-payload","name":"Override In Payload","title":"Css","importPath":"./src/stories/css.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"dom-merge--docs":{"id":"dom-merge--docs","title":"dom-merge","name":"Docs","importPath":"./src/stories/dom-merge.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"dom-merge--chars-count-in-textarea":{"type":"story","id":"dom-merge--chars-count-in-textarea","name":"Chars Count In Textarea","title":"dom-merge","importPath":"./src/stories/dom-merge.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"dom-merge--word-count-on-type":{"type":"story","id":"dom-merge--word-count-on-type","name":"Word Count On Type","title":"dom-merge","importPath":"./src/stories/dom-merge.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"dom-merge--order-preserving-on-2-nd-transform":{"type":"story","id":"dom-merge--order-preserving-on-2-nd-transform","name":"Order Preserving On 2 Nd Transform","title":"dom-merge","importPath":"./src/stories/dom-merge.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"dom-merge--read-system-validity-message":{"type":"story","id":"dom-merge--read-system-validity-message","name":"Read System Validity Message","title":"dom-merge","importPath":"./src/stories/dom-merge.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"external-templates--docs":{"id":"external-templates--docs","title":"external-templates","name":"Docs","importPath":"./src/stories/external-template.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"external-templates--template-in-page":{"type":"story","id":"external-templates--template-in-page","name":"Template In Page","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"external-templates--no-tag":{"type":"story","id":"external-templates--no-tag","name":"No Tag","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"external-templates--external-svg":{"type":"story","id":"external-templates--external-svg","name":"External Svg","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"external-templates--external-xslt-file":{"type":"story","id":"external-templates--external-xslt-file","name":"External Xslt File","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"external-templates--external-html-file":{"type":"story","id":"external-templates--external-html-file","name":"External Html File","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"external-templates--external-html-file-inline":{"type":"story","id":"external-templates--external-html-file-inline","name":"External Html File Inline","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"external-templates--html-within-html-file":{"type":"story","id":"external-templates--html-within-html-file","name":"Html Within Html File","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"external-templates--svg-within-html-file":{"type":"story","id":"external-templates--svg-within-html-file","name":"Svg Within Html File","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"external-templates--math-ml-within-html-file":{"type":"story","id":"external-templates--math-ml-within-html-file","name":"Math ML Within Html File","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"external-templates--by-id-within-xslt-file":{"type":"story","id":"external-templates--by-id-within-xslt-file","name":"By Id Within Xslt File","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"external-templates--missing-id-within-xslt-file":{"type":"story","id":"external-templates--missing-id-within-xslt-file","name":"Missing Id Within Xslt File","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"external-templates--embedding-in-another-file":{"type":"story","id":"external-templates--embedding-in-another-file","name":"Embedding In Another File","title":"external-templates","importPath":"./src/stories/external-template.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"form--docs":{"id":"form--docs","title":"form","name":"Docs","importPath":"./src/stories/form.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"form--system-message":{"type":"story","id":"form--system-message","name":"System Message","title":"form","importPath":"./src/stories/form.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"form--form-data":{"type":"story","id":"form--form-data","name":"Form Data","title":"form","importPath":"./src/stories/form.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"form--set-validity-message":{"type":"story","id":"form--set-validity-message","name":"Set Validity Message","title":"form","importPath":"./src/stories/form.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"form--form-custom-validity-boolean":{"type":"story","id":"form--form-custom-validity-boolean","name":"Form Custom Validity Boolean","title":"form","importPath":"./src/stories/form.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"form--form-custom-validity-string":{"type":"story","id":"form--form-custom-validity-string","name":"Form Custom Validity String","title":"form","importPath":"./src/stories/form.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"http-request--docs":{"id":"http-request--docs","title":"http-request","name":"Docs","importPath":"./src/stories/http-request.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"http-request--demo":{"type":"story","id":"http-request--demo","name":"Demo","title":"http-request","importPath":"./src/stories/http-request.stories.ts","tags":["dev","test","autodocs","play-fn"]},"http-request--url-change":{"type":"story","id":"http-request--url-change","name":"Url Change","title":"http-request","importPath":"./src/stories/http-request.stories.ts","tags":["dev","test","autodocs","play-fn"]},"http-request--http-404":{"type":"story","id":"http-request--http-404","name":"Http 404","title":"http-request","importPath":"./src/stories/http-request.stories.ts","tags":["dev","test","autodocs","play-fn"]},"http-request--lifecycle-initialized":{"type":"story","id":"http-request--lifecycle-initialized","name":"Lifecycle Initialized","title":"http-request","importPath":"./src/stories/http-request.stories.ts","tags":["dev","test","autodocs","play-fn"]},"http-request--request-response-headers":{"type":"story","id":"http-request--request-response-headers","name":"Request Response Headers","title":"http-request","importPath":"./src/stories/http-request.stories.ts","tags":["dev","test","autodocs","play-fn"]},"local-storage--docs":{"id":"local-storage--docs","title":"local-storage","name":"Docs","importPath":"./src/stories/local-storage.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"local-storage--demo":{"type":"story","id":"local-storage--demo","name":"Demo","title":"local-storage","importPath":"./src/stories/local-storage.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"local-storage--always-override":{"type":"story","id":"local-storage--always-override","name":"Always Override","title":"local-storage","importPath":"./src/stories/local-storage.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"local-storage--from-storage-with-default":{"type":"story","id":"local-storage--from-storage-with-default","name":"From Storage With Default","title":"local-storage","importPath":"./src/stories/local-storage.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"local-storage--type-attribute":{"type":"story","id":"local-storage--type-attribute","name":"Type Attribute","title":"local-storage","importPath":"./src/stories/local-storage.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"location-element--docs":{"id":"location-element--docs","title":"location-element","name":"Docs","importPath":"./src/stories/location-element.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"location-element--demo":{"type":"story","id":"location-element--demo","name":"Demo","title":"location-element","importPath":"./src/stories/location-element.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"location-element--src-attribute":{"type":"story","id":"location-element--src-attribute","name":"Src Attribute","title":"location-element","importPath":"./src/stories/location-element.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"module-url--docs":{"id":"module-url--docs","title":"module-url","name":"Docs","importPath":"./src/stories/module-url.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"module-url--relative-to-page-path":{"type":"story","id":"module-url--relative-to-page-path","name":"Relative To Page Path","title":"module-url","importPath":"./src/stories/module-url.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"module-url--module-by-symbolic-name":{"type":"story","id":"module-url--module-by-symbolic-name","name":"Module By Symbolic Name","title":"module-url","importPath":"./src/stories/module-url.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"module-url--missing-importmap-entry":{"type":"story","id":"module-url--missing-importmap-entry","name":"Missing Importmap Entry","title":"module-url","importPath":"./src/stories/module-url.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"module-url--module-by-name":{"type":"story","id":"module-url--module-by-name","name":"Module By Name","title":"module-url","importPath":"./src/stories/module-url.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"module-url--hash-within-lib":{"type":"story","id":"module-url--hash-within-lib","name":"Hash Within Lib","title":"module-url","importPath":"./src/stories/module-url.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"location-element-set-url--docs":{"id":"location-element-set-url--docs","title":"location-element set URL","name":"Docs","importPath":"./src/stories/set-url.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"location-element-set-url--dynamic-src":{"type":"story","id":"location-element-set-url--dynamic-src","name":"Dynamic Src","title":"location-element set URL","importPath":"./src/stories/set-url.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"location-element-set-url--dynamic-method":{"type":"story","id":"location-element-set-url--dynamic-method","name":"Dynamic Method","title":"location-element set URL","importPath":"./src/stories/set-url.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slice-events--docs":{"id":"slice-events--docs","title":"slice-events","name":"Docs","importPath":"./src/stories/slice-events.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"slice-events--slice-init-change-event":{"type":"story","id":"slice-events--slice-init-change-event","name":"Slice Init Change Event","title":"slice-events","importPath":"./src/stories/slice-events.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slice-events--realtime-event-in-slice":{"type":"story","id":"slice-events--realtime-event-in-slice","name":"Realtime Event In Slice","title":"slice-events","importPath":"./src/stories/slice-events.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slice-events--double-event-in-slice":{"type":"story","id":"slice-events--double-event-in-slice","name":"Double Event In Slice","title":"slice-events","importPath":"./src/stories/slice-events.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slice-events--multiple-slices":{"type":"story","id":"slice-events--multiple-slices","name":"Multiple Slices","title":"slice-events","importPath":"./src/stories/slice-events.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slice-events--slices-in-attr-and-name":{"type":"story","id":"slice-events--slices-in-attr-and-name","name":"Slices In Attr And Name","title":"slice-events","importPath":"./src/stories/slice-events.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slice-events--checkbox-checked":{"type":"story","id":"slice-events--checkbox-checked","name":"Checkbox Checked","title":"slice-events","importPath":"./src/stories/slice-events.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slice-events--checkbox-unchecked":{"type":"story","id":"slice-events--checkbox-unchecked","name":"Checkbox Unchecked","title":"slice-events","importPath":"./src/stories/slice-events.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slice-events--checkbox-slice-value":{"type":"story","id":"slice-events--checkbox-slice-value","name":"Checkbox Slice Value","title":"slice-events","importPath":"./src/stories/slice-events.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slice-events--radiogroup-slice-value":{"type":"story","id":"slice-events--radiogroup-slice-value","name":"Radiogroup Slice Value","title":"slice-events","importPath":"./src/stories/slice-events.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slots--docs":{"id":"slots--docs","title":"slots","name":"Docs","importPath":"./src/stories/slots.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"slots--regular":{"type":"story","id":"slots--regular","name":"Regular","title":"slots","importPath":"./src/stories/slots.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slots--named-slot":{"type":"story","id":"slots--named-slot","name":"Named Slot","title":"slots","importPath":"./src/stories/slots.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slots--double-slot":{"type":"story","id":"slots--double-slot","name":"Double Slot","title":"slots","importPath":"./src/stories/slots.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slots--named-unnamed-default-slot":{"type":"story","id":"slots--named-unnamed-default-slot","name":"Named Unnamed Default Slot","title":"slots","importPath":"./src/stories/slots.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slots--named-default-slot":{"type":"story","id":"slots--named-default-slot","name":"Named Default Slot","title":"slots","importPath":"./src/stories/slots.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slots--default-slot":{"type":"story","id":"slots--default-slot","name":"Default Slot","title":"slots","importPath":"./src/stories/slots.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"slots--template-with-attributes-and-condition":{"type":"story","id":"slots--template-with-attributes-and-condition","name":"Template With Attributes And Condition","title":"slots","importPath":"./src/stories/slots.test.stories.ts","tags":["dev","test","autodocs","play-fn"]},"site--docs":{"id":"site--docs","title":"site","name":"Docs","importPath":"./src/stories/version-select.test.stories.ts","type":"docs","tags":["dev","test","autodocs","play-fn"],"storiesImports":[]},"site--versions-select":{"type":"story","id":"site--versions-select","name":"Versions Select","title":"site","importPath":"./src/stories/version-select.test.stories.ts","tags":["dev","test","autodocs","play-fn"]}}} \ No newline at end of file diff --git a/storybook-static/project.json b/storybook-static/project.json index 6d988ee..0eeb9b6 100644 --- a/storybook-static/project.json +++ b/storybook-static/project.json @@ -1 +1 @@ -{"generatedAt":1731384909006,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"testPackages":{"@vitest/browser":"2.0.5","@vitest/coverage-istanbul":"2.0.5","msw":"2.4.5","msw-storybook-addon":"2.0.4","playwright":"1.47.0","vitest":"2.0.5","webdriverio":"9.0.9"},"packageManager":{"type":"yarn","version":"1.22.22"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/web-components-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/web-components","portableStoriesFileCount":1,"storybookVersion":"8.4.2","storybookVersionSpecifier":"^8.4.2","language":"typescript","storybookPackages":{"@storybook/blocks":{"version":"8.4.2"},"@storybook/test":{"version":"8.4.2"},"@storybook/test-runner":{"version":"0.19.1"},"@storybook/web-components":{"version":"8.4.2"},"@storybook/web-components-vite":{"version":"8.4.2"},"msw-storybook-addon":{"version":"2.0.4"},"storybook":{"version":"8.4.2"}},"addons":{"@storybook/addon-links":{"version":"8.4.2"},"@storybook/addon-essentials":{"version":"8.4.2"},"@storybook/addon-interactions":{"version":"8.4.2"},"@storybook/addon-mdx-gfm":{"version":"8.4.2"},"@chromatic-com/storybook":{"version":"3.2.2"}}} \ No newline at end of file +{"generatedAt":1732809288923,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":false,"refCount":0,"testPackages":{"@vitest/browser":"2.0.5","@vitest/coverage-istanbul":"2.0.5","msw":"2.4.5","msw-storybook-addon":"2.0.4","playwright":"1.47.0","vitest":"2.0.5","webdriverio":"9.0.9"},"packageManager":{"type":"yarn","version":"1.22.22"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/web-components-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/web-components","portableStoriesFileCount":3,"storybookVersion":"8.4.2","storybookVersionSpecifier":"^8.4.2","language":"typescript","storybookPackages":{"@storybook/blocks":{"version":"8.4.2"},"@storybook/test":{"version":"8.4.2"},"@storybook/test-runner":{"version":"0.19.1"},"@storybook/web-components":{"version":"8.4.2"},"@storybook/web-components-vite":{"version":"8.4.2"},"msw-storybook-addon":{"version":"2.0.4"},"storybook":{"version":"8.4.2"}},"addons":{"@storybook/addon-links":{"version":"8.4.2"},"@storybook/addon-essentials":{"version":"8.4.2"},"@storybook/addon-interactions":{"version":"8.4.2"},"@storybook/addon-mdx-gfm":{"version":"8.4.2"},"@chromatic-com/storybook":{"version":"3.2.2"}}} \ No newline at end of file diff --git a/yarn.lock b/yarn.lock index 7e6e256..1357e72 100644 --- a/yarn.lock +++ b/yarn.lock @@ -318,10 +318,10 @@ react-confetti "^6.1.0" strip-ansi "^7.1.0" -"@epa-wg/custom-element@0.0.31": - version "0.0.31" - resolved "https://registry.yarnpkg.com/@epa-wg/custom-element/-/custom-element-0.0.31.tgz#4e339eea37aabe4035831b48a6b4f1c543a493cf" - integrity sha512-OLt9rDrauI43gDiqi8qIYE1T7GKLuudpEUs6ckxz6qt1Zv3PsqRRcmIoHBxov2pfkcZktuGYNSlWIavfejewUA== +"@epa-wg/custom-element@0.0.32": + version "0.0.32" + resolved "https://registry.yarnpkg.com/@epa-wg/custom-element/-/custom-element-0.0.32.tgz#865c1508273980c0bb6ab820eb115a931e870d52" + integrity sha512-1b8QZ1BEgxigcJy1Ge5mbDRL4OkhsP9lk5s7BkxBcj0lMBEX0pM6KGMHiKImiZiLyzRLZEpxk9XOoN3TyKdBzw== "@esbuild/aix-ppc64@0.21.5": version "0.21.5"