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

package/storybook-static/assets/preview-BUQm51_C.js

@@ -0,0 +1,52 @@
+import{i as F,d,E as N,t as ye,I as G,k as ve,c as we,R as be,h as Ee}from"./handlers-B-OZtf2K.js";function Re(e,t){const r=e.emit;if(r._isPiped)return;const s=function(n,...i){return t.emit(n,...i),r.call(this,n,...i)};s._isPiped=!0,e.emit=s}function ke(e){const t=[...e];return Object.freeze(t),t}class qe{subscriptions=[];dispose(){let t;for(;t=this.subscriptions.shift();)t()}}class Se{constructor(t){this.initialHandlers=t,this.handlers=[...t]}handlers;prepend(t){this.handlers.unshift(...t)}reset(t){this.handlers=t.length>0?[...t]:[...this.initialHandlers]}currentHandlers(){return this.handlers}}class Le extends qe{handlersController;emitter;publicEmitter;events;constructor(...t){super(),F(this.validateHandlers(t),d.formatMessage("Failed to apply given request handlers: invalid input. Did you forget to spread the request handlers Array?")),this.handlersController=new Se(t),this.emitter=new N,this.publicEmitter=new N,Re(this.emitter,this.publicEmitter),this.events=this.createLifeCycleEvents(),this.subscriptions.push(()=>{this.emitter.removeAllListeners(),this.publicEmitter.removeAllListeners()})}validateHandlers(t){return t.every(r=>!Array.isArray(r))}use(...t){F(this.validateHandlers(t),d.formatMessage('Failed to call "use()" with the given request handlers: invalid input. Did you forget to spread the array of request handlers?')),this.handlersController.prepend(t)}restoreHandlers(){this.handlersController.currentHandlers().forEach(t=>{t.isUsed=!1})}resetHandlers(...t){this.handlersController.reset(t)}listHandlers(){return ke(this.handlersController.currentHandlers())}createLifeCycleEvents(){return{on:(...t)=>this.publicEmitter.on(...t),removeListener:(...t)=>this.publicEmitter.removeListener(...t),removeAllListeners:(...t)=>this.publicEmitter.removeAllListeners(...t)}}}var Te=async e=>{try{return{error:null,data:await e().catch(r=>{throw r})}}catch(t){return{error:t,data:null}}};const xe=async({request:e,requestId:t,handlers:r,resolutionContext:s})=>{let o=null,n=null;for(const i of r)if(n=await i.run({request:e,requestId:t,resolutionContext:s}),n!==null&&(o=i),n?.response)break;return o?{handler:o,parsedResult:n?.parsedResult,response:n?.response}:null};async function Pe(e,t="warn"){const r=new URL(e.url),s=ye(r)+r.search,o=e.method==="HEAD"||e.method==="GET"?null:await e.clone().text(),i=`intercepted a request without a matching request handler:${`
+
+  • ${e.method} ${s}
+
+${o?`  • Request body: ${o}
+
+`:""}`}If you still wish to intercept this unhandled request, please create a request handler for it.
+Read more: https://mswjs.io/docs/getting-started/mocks`;function a(c){switch(c){case"error":throw d.error("Error: %s",i),new G(d.formatMessage('Cannot bypass a request when using the "error" strategy for the "onUnhandledRequest" option.'));case"warn":{d.warn("Warning: %s",i);break}case"bypass":break;default:throw new G(d.formatMessage('Failed to react to an unhandled request: unknown strategy "%s". Please provide one of the supported strategies ("bypass", "warn", "error") or a custom callback function as the value of the "onUnhandledRequest" option.',c))}}if(typeof t=="function"){t(e,{warning:a.bind(null,"warn"),error:a.bind(null,"error")});return}r.protocol!=="file:"&&a(t)}function Me(e,t){const r=Reflect.get(t,ve);r&&we.setCookie(r,e.url)}async function Z(e,t,r,s,o,n){if(o.emit("request:start",{request:e,requestId:t}),e.headers.get("x-msw-intention")==="bypass"){o.emit("request:end",{request:e,requestId:t}),n?.onPassthroughResponse?.(e);return}const i=await Te(()=>xe({request:e,requestId:t,handlers:r,resolutionContext:n?.resolutionContext}));if(i.error)throw o.emit("unhandledException",{error:i.error,request:e,requestId:t}),i.error;if(!i.data){await Pe(e,s.onUnhandledRequest),o.emit("request:unhandled",{request:e,requestId:t}),o.emit("request:end",{request:e,requestId:t}),n?.onPassthroughResponse?.(e);return}const{response:a}=i.data;if(!a){o.emit("request:end",{request:e,requestId:t}),n?.onPassthroughResponse?.(e);return}if(a.status===302&&a.headers.get("x-msw-intention")==="passthrough"){o.emit("request:end",{request:e,requestId:t}),n?.onPassthroughResponse?.(e);return}Me(e,a),o.emit("request:match",{request:e,requestId:t});const c=i.data,l=n?.transformResponse?.(a)||a;return n?.onMockedResponse?.(l,c),o.emit("request:end",{request:e,requestId:t}),l}function Ie(e){return{status:e.status,statusText:e.statusText,headers:Object.fromEntries(e.headers.entries())}}function X(e){return e!=null&&typeof e=="object"&&!Array.isArray(e)}function ee(e,t){return Object.entries(t).reduce((r,[s,o])=>{const n=r[s];return Array.isArray(n)&&Array.isArray(o)?(r[s]=n.concat(o),r):X(n)&&X(o)?(r[s]=ee(n,o),r):(r[s]=o,r)},Object.assign({},e))}var Ae={},Ce=/(%?)(%([sdijo]))/g;function He(e,t){switch(t){case"s":return e;case"d":case"i":return Number(e);case"j":return JSON.stringify(e);case"o":{if(typeof e=="string")return e;const r=JSON.stringify(e);return r==="{}"||r==="[]"||/^\[object .+?\]$/.test(r)?e:r}}}function te(e,...t){if(t.length===0)return e;let r=0,s=e.replace(Ce,(o,n,i,a)=>{const c=t[r],l=He(c,a);return n?o:(r++,l)});return r<t.length&&(s+=` ${t.slice(r).join(" ")}`),s=s.replace(/%{2,2}/g,"%"),s}var _e=2;function Oe(e){if(!e.stack)return;const t=e.stack.split(`
+`);t.splice(1,_e),e.stack=t.join(`
+`)}var je=class extends Error{constructor(e,...t){super(e),this.message=e,this.name="Invariant Violation",this.message=te(e,...t),Oe(this)}},re=(e,t,...r)=>{if(!e)throw new je(t,...r)};re.as=(e,t,r,...s)=>{if(!t){const o=s.length===0?r:te(r,s);let n;try{n=Reflect.construct(e,[o])}catch{n=e(o)}throw n}};function W(){if(typeof navigator<"u"&&navigator.product==="ReactNative")return!0;if(typeof process<"u"){const e=process.type;return e==="renderer"||e==="worker"?!1:!!(process.versions&&process.versions.node)}return!1}var C=async e=>{try{return{error:null,data:await e().catch(r=>{throw r})}}catch(t){return{error:t,data:null}}};function We(e){return new URL(e,location.href).href}function P(e,t,r){return[e.active,e.installing,e.waiting].filter(i=>i!=null).find(i=>r(i.scriptURL,t))||null}var Ue=async(e,t={},r)=>{const s=We(e),o=await navigator.serviceWorker.getRegistrations().then(a=>a.filter(c=>P(c,s,r)));!navigator.serviceWorker.controller&&o.length>0&&location.reload();const[n]=o;if(n)return n.update().then(()=>[P(n,s,r),n]);const i=await C(async()=>{const a=await navigator.serviceWorker.register(e,t);return[P(a,s,r),a]});if(i.error){if(i.error.message.includes("(404)")){const c=new URL(t?.scope||"/",location.href);throw new Error(d.formatMessage(`Failed to register a Service Worker for scope ('${c.href}') with script ('${s}'): Service Worker script does not exist at the given path.
+
+Did you forget to run "npx msw init <PUBLIC_DIR>"?
+
+Learn more about creating the Service Worker script: https://mswjs.io/docs/cli/init`))}throw new Error(d.formatMessage(`Failed to register the Service Worker:
+
+%s`,i.error.message))}return i.data};function se(e={}){if(e.quiet)return;const t=e.message||"Mocking enabled.";console.groupCollapsed(`%c${d.formatMessage(t)}`,"color:orangered;font-weight:bold;"),console.log("%cDocumentation: %chttps://mswjs.io/docs","font-weight:bold","font-weight:normal"),console.log("Found an issue? https://github.com/mswjs/msw/issues"),e.workerUrl&&console.log("Worker script URL:",e.workerUrl),e.workerScope&&console.log("Worker scope:",e.workerScope),console.groupEnd()}async function De(e,t){if(e.workerChannel.send("MOCK_ACTIVATE"),await e.events.once("MOCKING_ENABLED"),e.isMockingEnabled){d.warn('Found a redundant "worker.start()" call. Note that starting the worker while mocking is already enabled will have no effect. Consider removing this "worker.start()" call.');return}e.isMockingEnabled=!0,se({quiet:t.quiet,workerScope:e.registration?.scope,workerUrl:e.worker?.scriptURL})}var Be=class{constructor(e){this.port=e}postMessage(e,...t){const[r,s]=t;this.port.postMessage({type:e,data:r},{transfer:s})}};function $e(e){if(!["HEAD","GET"].includes(e.method))return e.body}function Fe(e){return new Request(e.url,{...e,body:$e(e)})}var Ne=(e,t)=>async(r,s)=>{const o=new Be(r.ports[0]),n=s.payload.id,i=Fe(s.payload),a=i.clone(),c=i.clone();be.cache.set(i,c),e.requests.set(n,c);try{await Z(i,n,e.getRequestHandlers(),t,e.emitter,{onPassthroughResponse(){o.postMessage("PASSTHROUGH")},async onMockedResponse(l,{handler:u,parsedResult:h}){const f=l.clone(),m=l.clone(),$=Ie(l);if(e.supports.readableStreamTransfer){const R=l.body;o.postMessage("MOCK_RESPONSE",{...$,body:R},R?[R]:void 0)}else{const R=l.body===null?null:await f.arrayBuffer();o.postMessage("MOCK_RESPONSE",{...$,body:R})}t.quiet||e.emitter.once("response:mocked",()=>{u.log({request:a,response:m,parsedResult:h})})}})}catch(l){l instanceof Error&&(d.error(`Uncaught exception in the request handler for "%s %s":
+
+%s
+
+This exception has been gracefully handled as a 500 response, however, it's strongly recommended to resolve this error, as it indicates a mistake in your code. If you wish to mock an error response, please see this guide: https://mswjs.io/docs/recipes/mocking-error-responses`,i.method,i.url,l.stack??l),o.postMessage("MOCK_RESPONSE",{status:500,statusText:"Request Handler Error",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:l.name,message:l.message,stack:l.stack})}))}};async function Ge(e){e.workerChannel.send("INTEGRITY_CHECK_REQUEST");const{payload:t}=await e.events.once("INTEGRITY_CHECK_RESPONSE");t.checksum!=="26357c79639bfa20d64c0efca2a87423"&&d.warn(`The currently registered Service Worker has been generated by a different version of MSW (${t.packageVersion}) and may not be fully compatible with the installed version.
+
+It's recommended you update your worker script by running this command:
+
+  • npx msw init <PUBLIC_DIR>
+
+You can also automate this process and make the worker script update automatically upon the library installations. Read more: https://mswjs.io/docs/cli/init.`)}var Xe=new TextEncoder;function Ve(e){return Xe.encode(e)}function ze(e,t){return new TextDecoder(t).decode(e)}function Je(e){return e.buffer.slice(e.byteOffset,e.byteOffset+e.byteLength)}var b=Symbol("isPatchedModule");function Ke(e,t){try{return e[t],!0}catch{return!1}}var Ye=new Set([101,103,204,205,304]),Qe=new Set([301,302,303,307,308]);function ne(e){return Ye.has(e)}function Ze(e){return new Response(JSON.stringify(e instanceof Error?{name:e.name,message:e.message,stack:e.stack}:e),{status:500,statusText:"Unhandled Exception",headers:{"Content-Type":"application/json"}})}function et(e){return Ke(e,"type")&&e.type==="error"}var tt=/(%?)(%([sdijo]))/g;function rt(e,t){switch(t){case"s":return e;case"d":case"i":return Number(e);case"j":return JSON.stringify(e);case"o":{if(typeof e=="string")return e;const r=JSON.stringify(e);return r==="{}"||r==="[]"||/^\[object .+?\]$/.test(r)?e:r}}}function L(e,...t){if(t.length===0)return e;let r=0,s=e.replace(tt,(o,n,i,a)=>{const c=t[r],l=rt(c,a);return n?o:(r++,l)});return r<t.length&&(s+=` ${t.slice(r).join(" ")}`),s=s.replace(/%{2,2}/g,"%"),s}var st=2;function nt(e){if(!e.stack)return;const t=e.stack.split(`
+`);t.splice(1,st),e.stack=t.join(`
+`)}var ot=class extends Error{constructor(e,...t){super(e),this.message=e,this.name="Invariant Violation",this.message=L(e,...t),nt(this)}},v=(e,t,...r)=>{if(!e)throw new ot(t,...r)};v.as=(e,t,r,...s)=>{if(!t){const o=s.length===0?r:L(r,...s);let n;try{n=Reflect.construct(e,[o])}catch{n=e(o)}throw n}};var it=Object.defineProperty,at=(e,t)=>{for(var r in t)it(e,r,{get:t[r],enumerable:!0})},H={};at(H,{blue:()=>ct,gray:()=>_,green:()=>ht,red:()=>ut,yellow:()=>lt});function lt(e){return`\x1B[33m${e}\x1B[0m`}function ct(e){return`\x1B[34m${e}\x1B[0m`}function _(e){return`\x1B[90m${e}\x1B[0m`}function ut(e){return`\x1B[31m${e}\x1B[0m`}function ht(e){return`\x1B[32m${e}\x1B[0m`}var x=W(),oe=class{constructor(e){this.name=e,this.prefix=`[${this.name}]`;const t=V("DEBUG"),r=V("LOG_LEVEL");t==="1"||t==="true"||typeof t<"u"&&this.name.startsWith(t)?(this.debug=k(r,"debug")?p:this.debug,this.info=k(r,"info")?p:this.info,this.success=k(r,"success")?p:this.success,this.warning=k(r,"warning")?p:this.warning,this.error=k(r,"error")?p:this.error):(this.info=p,this.success=p,this.warning=p,this.error=p,this.only=p)}prefix;extend(e){return new oe(`${this.name}:${e}`)}debug(e,...t){this.logEntry({level:"debug",message:_(e),positionals:t,prefix:this.prefix,colors:{prefix:"gray"}})}info(e,...t){this.logEntry({level:"info",message:e,positionals:t,prefix:this.prefix,colors:{prefix:"blue"}});const r=new dt;return(s,...o)=>{r.measure(),this.logEntry({level:"info",message:`${s} ${_(`${r.deltaTime}ms`)}`,positionals:o,prefix:this.prefix,colors:{prefix:"blue"}})}}success(e,...t){this.logEntry({level:"info",message:e,positionals:t,prefix:`✔ ${this.prefix}`,colors:{timestamp:"green",prefix:"green"}})}warning(e,...t){this.logEntry({level:"warning",message:e,positionals:t,prefix:`⚠ ${this.prefix}`,colors:{timestamp:"yellow",prefix:"yellow"}})}error(e,...t){this.logEntry({level:"error",message:e,positionals:t,prefix:`✖ ${this.prefix}`,colors:{timestamp:"red",prefix:"red"}})}only(e){e()}createEntry(e,t){return{timestamp:new Date,level:e,message:t}}logEntry(e){const{level:t,message:r,prefix:s,colors:o,positionals:n=[]}=e,i=this.createEntry(t,r),a=o?.timestamp||"gray",c=o?.prefix||"gray",l={timestamp:H[a],prefix:H[c]};this.getWriter(t)([l.timestamp(this.formatTimestamp(i.timestamp))].concat(s!=null?l.prefix(s):[]).concat(z(r)).join(" "),...n.map(z))}formatTimestamp(e){return`${e.toLocaleTimeString("en-GB")}:${e.getMilliseconds()}`}getWriter(e){switch(e){case"debug":case"success":case"info":return ft;case"warning":return pt;case"error":return gt}}},dt=class{startTime;endTime;deltaTime;constructor(){this.startTime=performance.now()}measure(){this.endTime=performance.now();const e=this.endTime-this.startTime;this.deltaTime=e.toFixed(2)}},p=()=>{};function ft(e,...t){if(x){process.stdout.write(L(e,...t)+`
+`);return}console.log(e,...t)}function pt(e,...t){if(x){process.stderr.write(L(e,...t)+`
+`);return}console.warn(e,...t)}function gt(e,...t){if(x){process.stderr.write(L(e,...t)+`
+`);return}console.error(e,...t)}function V(e){return x?Ae[e]:globalThis[e]?.toString()}function k(e,t){return e!==void 0&&e!==t}function z(e){return typeof e>"u"?"undefined":e===null?"null":typeof e=="string"?e:typeof e=="object"?JSON.stringify(e):e.toString()}var mt=class extends Error{constructor(e,t,r){super(`Possible EventEmitter memory leak detected. ${r} ${t.toString()} listeners added. Use emitter.setMaxListeners() to increase limit`),this.emitter=e,this.type=t,this.count=r,this.name="MaxListenersExceededWarning"}},ie=class{static listenerCount(e,t){return e.listenerCount(t)}constructor(){this.events=new Map,this.maxListeners=ie.defaultMaxListeners,this.hasWarnedAboutPotentialMemoryLeak=!1}_emitInternalEvent(e,t,r){this.emit(e,t,r)}_getListeners(e){return Array.prototype.concat.apply([],this.events.get(e))||[]}_removeListener(e,t){const r=e.indexOf(t);return r>-1&&e.splice(r,1),[]}_wrapOnceListener(e,t){const r=(...s)=>(this.removeListener(e,r),t.apply(this,s));return Object.defineProperty(r,"name",{value:t.name}),r}setMaxListeners(e){return this.maxListeners=e,this}getMaxListeners(){return this.maxListeners}eventNames(){return Array.from(this.events.keys())}emit(e,...t){const r=this._getListeners(e);return r.forEach(s=>{s.apply(this,t)}),r.length>0}addListener(e,t){this._emitInternalEvent("newListener",e,t);const r=this._getListeners(e).concat(t);if(this.events.set(e,r),this.maxListeners>0&&this.listenerCount(e)>this.maxListeners&&!this.hasWarnedAboutPotentialMemoryLeak){this.hasWarnedAboutPotentialMemoryLeak=!0;const s=new mt(this,e,this.listenerCount(e));console.warn(s)}return this}on(e,t){return this.addListener(e,t)}once(e,t){return this.addListener(e,this._wrapOnceListener(e,t))}prependListener(e,t){const r=this._getListeners(e);if(r.length>0){const s=[t].concat(r);this.events.set(e,s)}else this.events.set(e,r.concat(t));return this}prependOnceListener(e,t){return this.prependListener(e,this._wrapOnceListener(e,t))}removeListener(e,t){const r=this._getListeners(e);return r.length>0&&(this._removeListener(r,t),this.events.set(e,r),this._emitInternalEvent("removeListener",e,t)),this}off(e,t){return this.removeListener(e,t)}removeAllListeners(e){return e?this.events.delete(e):this.events.clear(),this}listeners(e){return Array.from(this._getListeners(e))}listenerCount(e){return this._getListeners(e).length}rawListeners(e){return this.listeners(e)}},ae=ie;ae.defaultMaxListeners=10;var yt="x-interceptors-internal-request-id";function J(e){return globalThis[e]||void 0}function vt(e,t){globalThis[e]=t}function wt(e){delete globalThis[e]}var U=class{constructor(e){this.symbol=e,this.readyState="INACTIVE",this.emitter=new ae,this.subscriptions=[],this.logger=new oe(e.description),this.emitter.setMaxListeners(0),this.logger.info("constructing the interceptor...")}checkEnvironment(){return!0}apply(){const e=this.logger.extend("apply");if(e.info("applying the interceptor..."),this.readyState==="APPLIED"){e.info("intercepted already applied!");return}if(!this.checkEnvironment()){e.info("the interceptor cannot be applied in this environment!");return}this.readyState="APPLYING";const r=this.getInstance();if(r){e.info("found a running instance, reusing..."),this.on=(s,o)=>(e.info('proxying the "%s" listener',s),r.emitter.addListener(s,o),this.subscriptions.push(()=>{r.emitter.removeListener(s,o),e.info('removed proxied "%s" listener!',s)}),this),this.readyState="APPLIED";return}e.info("no running instance found, setting up a new instance..."),this.setup(),this.setInstance(),this.readyState="APPLIED"}setup(){}on(e,t){const r=this.logger.extend("on");return this.readyState==="DISPOSING"||this.readyState==="DISPOSED"?(r.info("cannot listen to events, already disposed!"),this):(r.info('adding "%s" event listener:',e,t),this.emitter.on(e,t),this)}once(e,t){return this.emitter.once(e,t),this}off(e,t){return this.emitter.off(e,t),this}removeAllListeners(e){return this.emitter.removeAllListeners(e),this}dispose(){const e=this.logger.extend("dispose");if(this.readyState==="DISPOSED"){e.info("cannot dispose, already disposed!");return}if(e.info("disposing the interceptor..."),this.readyState="DISPOSING",!this.getInstance()){e.info("no interceptors running, skipping dispose...");return}if(this.clearInstance(),e.info("global symbol deleted:",J(this.symbol)),this.subscriptions.length>0){e.info("disposing of %d subscriptions...",this.subscriptions.length);for(const t of this.subscriptions)t();this.subscriptions=[],e.info("disposed of all subscriptions!",this.subscriptions.length)}this.emitter.removeAllListeners(),e.info("destroyed the listener!"),this.readyState="DISPOSED"}getInstance(){var e;const t=J(this.symbol);return this.logger.info("retrieved global instance:",(e=t?.constructor)==null?void 0:e.name),t}setInstance(){vt(this.symbol,this),this.logger.info("set global instance!",this.symbol.description)}clearInstance(){wt(this.symbol),this.logger.info("cleared global instance!",this.symbol.description)}};function le(){return Math.random().toString(16).slice(2)}var O=class extends U{constructor(e){O.symbol=Symbol(e.name),super(O.symbol),this.interceptors=e.interceptors}setup(){const e=this.logger.extend("setup");e.info("applying all %d interceptors...",this.interceptors.length);for(const t of this.interceptors)e.info('applying "%s" interceptor...',t.constructor.name),t.apply(),e.info("adding interceptor dispose subscription"),this.subscriptions.push(()=>t.dispose())}on(e,t){for(const r of this.interceptors)r.on(e,t);return this}once(e,t){for(const r of this.interceptors)r.once(e,t);return this}off(e,t){for(const r of this.interceptors)r.off(e,t);return this}removeAllListeners(e){for(const t of this.interceptors)t.removeAllListeners(e);return this}};function bt(e){return(t,r)=>{const{payload:s}=r,{requestId:o}=s,n=e.requests.get(o);if(e.requests.delete(o),s.type?.includes("opaque"))return;const i=s.status===0?Response.error():new Response(ne(s.status)?null:s.body,s);i.url||Object.defineProperty(i,"url",{value:n.url,enumerable:!0,writable:!1}),e.emitter.emit(s.isMockedResponse?"response:mocked":"response:bypass",{response:i,request:n,requestId:s.requestId})}}function Et(e,t){!t?.quiet&&!location.href.startsWith(e.scope)&&d.warn(`Cannot intercept requests on this page because it's outside of the worker's scope ("${e.scope}"). If you wish to mock API requests on this page, you must resolve this scope issue.
+
+- (Recommended) Register the worker at the root level ("/") of your application.
+- Set the "Service-Worker-Allowed" response header to allow out-of-scope workers.`)}var Rt=e=>function(r,s){return(async()=>{e.events.removeAllListeners(),e.workerChannel.on("REQUEST",Ne(e,r)),e.workerChannel.on("RESPONSE",bt(e));const i=await Ue(r.serviceWorker.url,r.serviceWorker.options,r.findWorker),[a,c]=i;if(!a){const l=s?.findWorker?d.formatMessage(`Failed to locate the Service Worker registration using a custom "findWorker" predicate.
+
+Please ensure that the custom predicate properly locates the Service Worker registration at "%s".
+More details: https://mswjs.io/docs/api/setup-worker/start#findworker
+`,r.serviceWorker.url):d.formatMessage(`Failed to locate the Service Worker registration.
+
+This most likely means that the worker script URL "%s" cannot resolve against the actual public hostname (%s). This may happen if your application runs behind a proxy, or has a dynamic hostname.
+
+Please consider using a custom "serviceWorker.url" option to point to the actual worker script location, or a custom "findWorker" option to resolve the Service Worker registration manually. More details: https://mswjs.io/docs/api/setup-worker/start`,r.serviceWorker.url,location.host);throw new Error(l)}return e.worker=a,e.registration=c,e.events.addListener(window,"beforeunload",()=>{a.state!=="redundant"&&e.workerChannel.send("CLIENT_CLOSED"),window.clearInterval(e.keepAliveInterval)}),await Ge(e).catch(l=>{d.error("Error while checking the worker script integrity. Please report this on GitHub (https://github.com/mswjs/msw/issues), including the original error below."),console.error(l)}),e.keepAliveInterval=window.setInterval(()=>e.workerChannel.send("KEEPALIVE_REQUEST"),5e3),Et(c,e.startOptions),c})().then(async i=>{const a=i.installing||i.waiting;return a&&await new Promise(c=>{a.addEventListener("statechange",()=>{if(a.state==="activated")return c()})}),await De(e,r).catch(c=>{throw new Error(`Failed to enable mocking: ${c?.message}`)}),i})};function ce(e={}){e.quiet||console.log(`%c${d.formatMessage("Mocking disabled.")}`,"color:orangered;font-weight:bold;")}var kt=e=>function(){if(!e.isMockingEnabled){d.warn('Found a redundant "worker.stop()" call. Note that stopping the worker while mocking already stopped has no effect. Consider removing this "worker.stop()" call.');return}e.workerChannel.send("MOCK_DEACTIVATE"),e.isMockingEnabled=!1,window.clearInterval(e.keepAliveInterval),ce({quiet:e.startOptions?.quiet})},qt={serviceWorker:{url:"/mockServiceWorker.js",options:null},quiet:!1,waitUntilReady:!0,onUnhandledRequest:"warn",findWorker(e,t){return e===t}};function St(){const e=(t,r)=>{e.state="pending",e.resolve=s=>{if(e.state!=="pending")return;e.result=s;const o=n=>(e.state="fulfilled",n);return t(s instanceof Promise?s:Promise.resolve(s).then(o))},e.reject=s=>{if(e.state==="pending")return queueMicrotask(()=>{e.state="rejected"}),r(e.rejectionReason=s)}};return e}var D=class extends Promise{#e;resolve;reject;constructor(e=null){const t=St();super((r,s)=>{t(r,s),e?.(t.resolve,t.reject)}),this.#e=t,this.resolve=this.#e.resolve,this.reject=this.#e.reject}get state(){return this.#e.state}get rejectionReason(){return this.#e.rejectionReason}then(e,t){return this.#t(super.then(e,t))}catch(e){return this.#t(super.catch(e))}finally(e){return this.#t(super.finally(e))}#t(e){return Object.defineProperties(e,{resolve:{configurable:!0,value:this.resolve},reject:{configurable:!0,value:this.reject}})}},T=class extends Error{constructor(e){super(e),this.name="InterceptorError",Object.setPrototypeOf(this,T.prototype)}},q=Symbol("kRequestHandled"),g=Symbol("kResponsePromise"),B=class{constructor(e){this.request=e,this[q]=!1,this[g]=new D}respondWith(e){v.as(T,!this[q],'Failed to respond to the "%s %s" request: the "request" event has already been handled.',this.request.method,this.request.url),this[q]=!0,this[g].resolve(e)}errorWith(e){v.as(T,!this[q],'Failed to error the "%s %s" request: the "request" event has already been handled.',this.request.method,this.request.url),this[q]=!0,this[g].resolve(e)}};async function j(e,t,...r){const s=e.listeners(t);if(s.length!==0)for(const o of s)await o.apply(e,r)}function Lt(e){return e==null||!(e instanceof Error)?!1:"code"in e&&"errno"in e}async function ue(e){const t=async n=>(n instanceof Error?e.onError(n):et(n)?e.onRequestError(n):await e.onResponse(n),!0),r=async n=>{if(n instanceof T)throw o.error;return Lt(n)?(e.onError(n),!0):n instanceof Response?await t(n):!1};e.emitter.once("request",({requestId:n})=>{n===e.requestId&&e.controller[g].state==="pending"&&e.controller[g].resolve(void 0)});const s=new D;e.request.signal&&e.request.signal.addEventListener("abort",()=>{s.reject(e.request.signal.reason)},{once:!0});const o=await C(async()=>{const n=j(e.emitter,"request",{requestId:e.requestId,request:e.request,controller:e.controller});return await Promise.race([s,n,e.controller[g]]),await e.controller[g]});if(s.state==="rejected")return e.onError(s.rejectionReason),!0;if(o.error){if(await r(o.error))return!0;if(e.emitter.listenerCount("unhandledException")>0){const n=new B(e.request);await j(e.emitter,"unhandledException",{error:o.error,request:e.request,requestId:e.requestId,controller:n}).then(()=>{n[g].state==="pending"&&n[g].resolve(void 0)});const i=await C(()=>n[g]);if(i.error)return r(i.error);if(i.data)return t(i.data)}return e.onResponse(Ze(o.error)),!0}return o.data?t(o.data):!1}function Tt(e){try{return new URL(e),!0}catch{return!1}}function y(e){return Object.assign(new TypeError("Failed to fetch"),{cause:e})}var xt=["content-encoding","content-language","content-location","content-type","content-length"],M=Symbol("kRedirectCount");async function Pt(e,t){if(t.status!==303&&e.body!=null)return Promise.reject(y());const r=new URL(e.url);let s;try{s=new URL(t.headers.get("location"))}catch(n){return Promise.reject(y(n))}if(!(s.protocol==="http:"||s.protocol==="https:"))return Promise.reject(y("URL scheme must be a HTTP(S) scheme"));if(Reflect.get(e,M)>20)return Promise.reject(y("redirect count exceeded"));if(Object.defineProperty(e,M,{value:(Reflect.get(e,M)||0)+1}),e.mode==="cors"&&(s.username||s.password)&&!K(r,s))return Promise.reject(y('cross origin not allowed for request mode "cors"'));const o={};return([301,302].includes(t.status)&&e.method==="POST"||t.status===303&&!["HEAD","GET"].includes(e.method))&&(o.method="GET",o.body=null,xt.forEach(n=>{e.headers.delete(n)})),K(r,s)||(e.headers.delete("authorization"),e.headers.delete("proxy-authorization"),e.headers.delete("cookie"),e.headers.delete("host")),o.headers=e.headers,fetch(new Request(s,o))}function K(e,t){return e.origin===t.origin&&e.origin==="null"||e.protocol===t.protocol&&e.hostname===t.hostname&&e.port===t.port}var he=class extends U{constructor(){super(he.symbol)}checkEnvironment(){return typeof globalThis<"u"&&typeof globalThis.fetch<"u"}async setup(){const e=globalThis.fetch;v(!e[b],'Failed to patch the "fetch" module: already patched.'),globalThis.fetch=async(t,r)=>{const s=le(),o=typeof t=="string"&&typeof location<"u"&&!Tt(t)?new URL(t,location.origin):t,n=new Request(o,r),i=new D,a=new B(n);return this.logger.info("[%s] %s",n.method,n.url),this.logger.info("awaiting for the mocked response..."),this.logger.info('emitting the "request" event for %s listener(s)...',this.emitter.listenerCount("request")),await ue({request:n,requestId:s,emitter:this.emitter,controller:a,onResponse:async l=>{if(this.logger.info("received mocked response!",{response:l}),Qe.has(l.status)){if(n.redirect==="error"){i.reject(y("unexpected redirect"));return}if(n.redirect==="follow"){Pt(n,l).then(u=>{i.resolve(u)},u=>{i.reject(u)});return}}this.emitter.listenerCount("response")>0&&(this.logger.info('emitting the "response" event...'),await j(this.emitter,"response",{response:l.clone(),isMockedResponse:!0,request:n,requestId:s})),Object.defineProperty(l,"url",{writable:!1,enumerable:!0,configurable:!1,value:n.url}),i.resolve(l)},onRequestError:l=>{this.logger.info("request has errored!",{response:l}),i.reject(y(l))},onError:l=>{this.logger.info("request has been aborted!",{error:l}),i.reject(l)}})?(this.logger.info("request has been handled, returning mock promise..."),i):(this.logger.info("no mocked response received, performing request as-is..."),e(n).then(l=>{if(this.logger.info("original fetch performed",l),this.emitter.listenerCount("response")>0){this.logger.info('emitting the "response" event...');const u=l.clone();this.emitter.emit("response",{response:u,isMockedResponse:!1,request:n,requestId:s})}return l}))},Object.defineProperty(globalThis.fetch,b,{enumerable:!0,configurable:!0,value:!0}),this.subscriptions.push(()=>{Object.defineProperty(globalThis.fetch,b,{value:void 0}),globalThis.fetch=e,this.logger.info('restored native "globalThis.fetch"!',globalThis.fetch.name)})}},de=he;de.symbol=Symbol("fetch");function Mt(e,t){const r=new Uint8Array(e.byteLength+t.byteLength);return r.set(e,0),r.set(t,e.byteLength),r}var fe=class{constructor(e,t){this.NONE=0,this.CAPTURING_PHASE=1,this.AT_TARGET=2,this.BUBBLING_PHASE=3,this.type="",this.srcElement=null,this.currentTarget=null,this.eventPhase=0,this.isTrusted=!0,this.composed=!1,this.cancelable=!0,this.defaultPrevented=!1,this.bubbles=!0,this.lengthComputable=!0,this.loaded=0,this.total=0,this.cancelBubble=!1,this.returnValue=!0,this.type=e,this.target=t?.target||null,this.currentTarget=t?.currentTarget||null,this.timeStamp=Date.now()}composedPath(){return[]}initEvent(e,t,r){this.type=e,this.bubbles=!!t,this.cancelable=!!r}preventDefault(){this.defaultPrevented=!0}stopPropagation(){}stopImmediatePropagation(){}},It=class extends fe{constructor(e,t){super(e),this.lengthComputable=t?.lengthComputable||!1,this.composed=t?.composed||!1,this.loaded=t?.loaded||0,this.total=t?.total||0}},At=typeof ProgressEvent<"u";function Ct(e,t,r){const s=["error","progress","loadstart","loadend","load","timeout","abort"],o=At?ProgressEvent:It;return s.includes(t)?new o(t,{lengthComputable:!0,loaded:r?.loaded||0,total:r?.total||0}):new fe(t,{target:e,currentTarget:e})}function pe(e,t){if(!(t in e))return null;if(Object.prototype.hasOwnProperty.call(e,t))return e;const s=Reflect.getPrototypeOf(e);return s?pe(s,t):null}function I(e,t){return new Proxy(e,Ht(t))}function Ht(e){const{constructorCall:t,methodCall:r,getProperty:s,setProperty:o}=e,n={};return typeof t<"u"&&(n.construct=function(i,a,c){const l=Reflect.construct.bind(null,i,a,c);return t.call(c,a,l)}),n.set=function(i,a,c){const l=()=>{const u=pe(i,a)||i,h=Reflect.getOwnPropertyDescriptor(u,a);return typeof h?.set<"u"?(h.set.apply(i,[c]),!0):Reflect.defineProperty(u,a,{writable:!0,enumerable:!0,configurable:!0,value:c})};return typeof o<"u"?o.call(i,[a,c],l):l()},n.get=function(i,a,c){const l=()=>i[a],u=typeof s<"u"?s.call(i,[a,c],l):l();return typeof u=="function"?(...h)=>{const f=u.bind(i,...h);return typeof r<"u"?r.call(i,[a,h],f):f()}:u},n}function _t(e){return["application/xhtml+xml","application/xml","image/svg+xml","text/html","text/xml"].some(r=>e.startsWith(r))}function Ot(e){try{return JSON.parse(e)}catch{return null}}function jt(e,t){const r=ne(e.status)?null:t;return new Response(r,{status:e.status,statusText:e.statusText,headers:Wt(e.getAllResponseHeaders())})}function Wt(e){const t=new Headers,r=e.split(/[\r\n]+/);for(const s of r){if(s.trim()==="")continue;const[o,...n]=s.split(": "),i=n.join(": ");t.append(o,i)}return t}async function Y(e){const t=e.headers.get("content-length");return t!=null&&t!==""?Number(t):(await e.arrayBuffer()).byteLength}var S=Symbol("kIsRequestHandled"),Ut=W(),A=Symbol("kFetchRequest"),Dt=class{constructor(e,t){this.initialRequest=e,this.logger=t,this.method="GET",this.url=null,this[S]=!1,this.events=new Map,this.uploadEvents=new Map,this.requestId=le(),this.requestHeaders=new Headers,this.responseBuffer=new Uint8Array,this.request=I(e,{setProperty:([r,s],o)=>{switch(r){case"ontimeout":{const n=r.slice(2);return this.request.addEventListener(n,s),o()}default:return o()}},methodCall:([r,s],o)=>{var n;switch(r){case"open":{const[i,a]=s;return typeof a>"u"?(this.method="GET",this.url=Q(i)):(this.method=i,this.url=Q(a)),this.logger=this.logger.extend(`${this.method} ${this.url.href}`),this.logger.info("open",this.method,this.url.href),o()}case"addEventListener":{const[i,a]=s;return this.registerEvent(i,a),this.logger.info("addEventListener",i,a),o()}case"setRequestHeader":{const[i,a]=s;return this.requestHeaders.set(i,a),this.logger.info("setRequestHeader",i,a),o()}case"send":{const[i]=s;this.request.addEventListener("load",()=>{if(typeof this.onResponse<"u"){const u=jt(this.request,this.request.response);this.onResponse.call(this,{response:u,isMockedResponse:this[S],request:c,requestId:this.requestId})}});const a=typeof i=="string"?Ve(i):i,c=this.toFetchApiRequest(a);this[A]=c,(((n=this.onRequest)==null?void 0:n.call(this,{request:c,requestId:this.requestId}))||Promise.resolve()).finally(()=>{if(!this[S])return this.logger.info("request callback settled but request has not been handled (readystate %d), performing as-is...",this.request.readyState),Ut&&this.request.setRequestHeader(yt,this.requestId),o()});break}default:return o()}}}),w(this.request,"upload",I(this.request.upload,{setProperty:([r,s],o)=>{switch(r){case"onloadstart":case"onprogress":case"onaboart":case"onerror":case"onload":case"ontimeout":case"onloadend":{const n=r.slice(2);this.registerUploadEvent(n,s)}}return o()},methodCall:([r,s],o)=>{switch(r){case"addEventListener":{const[n,i]=s;return this.registerUploadEvent(n,i),this.logger.info("upload.addEventListener",n,i),o()}}}}))}registerEvent(e,t){const s=(this.events.get(e)||[]).concat(t);this.events.set(e,s),this.logger.info('registered event "%s"',e,t)}registerUploadEvent(e,t){const s=(this.uploadEvents.get(e)||[]).concat(t);this.uploadEvents.set(e,s),this.logger.info('registered upload event "%s"',e,t)}async respondWith(e){if(this[S]=!0,this[A]){const s=await Y(this[A].clone());this.trigger("loadstart",this.request.upload,{loaded:0,total:s}),this.trigger("progress",this.request.upload,{loaded:s,total:s}),this.trigger("load",this.request.upload,{loaded:s,total:s}),this.trigger("loadend",this.request.upload,{loaded:s,total:s})}this.logger.info("responding with a mocked response: %d %s",e.status,e.statusText),w(this.request,"status",e.status),w(this.request,"statusText",e.statusText),w(this.request,"responseURL",this.url.href),this.request.getResponseHeader=new Proxy(this.request.getResponseHeader,{apply:(s,o,n)=>{if(this.logger.info("getResponseHeader",n[0]),this.request.readyState<this.request.HEADERS_RECEIVED)return this.logger.info("headers not received yet, returning null"),null;const i=e.headers.get(n[0]);return this.logger.info('resolved response header "%s" to',n[0],i),i}}),this.request.getAllResponseHeaders=new Proxy(this.request.getAllResponseHeaders,{apply:()=>{if(this.logger.info("getAllResponseHeaders"),this.request.readyState<this.request.HEADERS_RECEIVED)return this.logger.info("headers not received yet, returning empty string"),"";const o=Array.from(e.headers.entries()).map(([n,i])=>`${n}: ${i}`).join(`\r
+`);return this.logger.info("resolved all response headers to",o),o}}),Object.defineProperties(this.request,{response:{enumerable:!0,configurable:!1,get:()=>this.response},responseText:{enumerable:!0,configurable:!1,get:()=>this.responseText},responseXML:{enumerable:!0,configurable:!1,get:()=>this.responseXML}});const t=await Y(e.clone());this.logger.info("calculated response body length",t),this.trigger("loadstart",this.request,{loaded:0,total:t}),this.setReadyState(this.request.HEADERS_RECEIVED),this.setReadyState(this.request.LOADING);const r=()=>{this.logger.info("finalizing the mocked response..."),this.setReadyState(this.request.DONE),this.trigger("load",this.request,{loaded:this.responseBuffer.byteLength,total:t}),this.trigger("loadend",this.request,{loaded:this.responseBuffer.byteLength,total:t})};if(e.body){this.logger.info("mocked response has body, streaming...");const s=e.body.getReader(),o=async()=>{const{value:n,done:i}=await s.read();if(i){this.logger.info("response body stream done!"),r();return}n&&(this.logger.info("read response body chunk:",n),this.responseBuffer=Mt(this.responseBuffer,n),this.trigger("progress",this.request,{loaded:this.responseBuffer.byteLength,total:t})),o()};o()}else r()}responseBufferToText(){return ze(this.responseBuffer)}get response(){if(this.logger.info("getResponse (responseType: %s)",this.request.responseType),this.request.readyState!==this.request.DONE)return null;switch(this.request.responseType){case"json":{const e=Ot(this.responseBufferToText());return this.logger.info("resolved response JSON",e),e}case"arraybuffer":{const e=Je(this.responseBuffer);return this.logger.info("resolved response ArrayBuffer",e),e}case"blob":{const e=this.request.getResponseHeader("Content-Type")||"text/plain",t=new Blob([this.responseBufferToText()],{type:e});return this.logger.info("resolved response Blob (mime type: %s)",t,e),t}default:{const e=this.responseBufferToText();return this.logger.info('resolving "%s" response type as text',this.request.responseType,e),e}}}get responseText(){if(v(this.request.responseType===""||this.request.responseType==="text","InvalidStateError: The object is in invalid state."),this.request.readyState!==this.request.LOADING&&this.request.readyState!==this.request.DONE)return"";const e=this.responseBufferToText();return this.logger.info('getResponseText: "%s"',e),e}get responseXML(){if(v(this.request.responseType===""||this.request.responseType==="document","InvalidStateError: The object is in invalid state."),this.request.readyState!==this.request.DONE)return null;const e=this.request.getResponseHeader("Content-Type")||"";return typeof DOMParser>"u"?(console.warn("Cannot retrieve XMLHttpRequest response body as XML: DOMParser is not defined. You are likely using an environment that is not browser or does not polyfill browser globals correctly."),null):_t(e)?new DOMParser().parseFromString(this.responseBufferToText(),e):null}errorWith(e){this[S]=!0,this.logger.info("responding with an error"),this.setReadyState(this.request.DONE),this.trigger("error",this.request),this.trigger("loadend",this.request)}setReadyState(e){if(this.logger.info("setReadyState: %d -> %d",this.request.readyState,e),this.request.readyState===e){this.logger.info("ready state identical, skipping transition...");return}w(this.request,"readyState",e),this.logger.info("set readyState to: %d",e),e!==this.request.UNSENT&&(this.logger.info('triggerring "readystatechange" event...'),this.trigger("readystatechange",this.request))}trigger(e,t,r){const s=t[`on${e}`],o=Ct(t,e,r);this.logger.info('trigger "%s"',e,r||""),typeof s=="function"&&(this.logger.info('found a direct "%s" callback, calling...',e),s.call(t,o));const n=t instanceof XMLHttpRequestUpload?this.uploadEvents:this.events;for(const[i,a]of n)i===e&&(this.logger.info('found %d listener(s) for "%s" event, calling...',a.length,e),a.forEach(c=>c.call(t,o)))}toFetchApiRequest(e){this.logger.info("converting request to a Fetch API Request...");const t=e instanceof Document?e.documentElement.innerText:e,r=new Request(this.url.href,{method:this.method,headers:this.requestHeaders,credentials:this.request.withCredentials?"include":"same-origin",body:["GET","HEAD"].includes(this.method.toUpperCase())?null:t}),s=I(r.headers,{methodCall:([o,n],i)=>{switch(o){case"append":case"set":{const[a,c]=n;this.request.setRequestHeader(a,c);break}case"delete":{const[a]=n;console.warn(`XMLHttpRequest: Cannot remove a "${a}" header from the Fetch API representation of the "${r.method} ${r.url}" request. XMLHttpRequest headers cannot be removed.`);break}}return i()}});return w(r,"headers",s),this.logger.info("converted request to a Fetch API Request!",r),r}};function Q(e){return typeof location>"u"?new URL(e):new URL(e.toString(),location.href)}function w(e,t,r){Reflect.defineProperty(e,t,{writable:!0,enumerable:!0,value:r})}function Bt({emitter:e,logger:t}){return new Proxy(globalThis.XMLHttpRequest,{construct(s,o,n){t.info("constructed new XMLHttpRequest");const i=Reflect.construct(s,o,n),a=Object.getOwnPropertyDescriptors(s.prototype);for(const l in a)Reflect.defineProperty(i,l,a[l]);const c=new Dt(i,t);return c.onRequest=async function({request:l,requestId:u}){const h=new B(l);this.logger.info("awaiting mocked response..."),this.logger.info('emitting the "request" event for %s listener(s)...',e.listenerCount("request")),await ue({request:l,requestId:u,controller:h,emitter:e,onResponse:async m=>{await this.respondWith(m)},onRequestError:()=>{this.errorWith(new TypeError("Network error"))},onError:m=>{this.logger.info("request errored!",{error:m}),m instanceof Error&&this.errorWith(m)}})||this.logger.info("no mocked response received, performing request as-is...")},c.onResponse=async function({response:l,isMockedResponse:u,request:h,requestId:f}){this.logger.info('emitting the "response" event for %s listener(s)...',e.listenerCount("response")),e.emit("response",{response:l,isMockedResponse:u,request:h,requestId:f})},c.request}})}var ge=class extends U{constructor(){super(ge.interceptorSymbol)}checkEnvironment(){return typeof globalThis.XMLHttpRequest<"u"}setup(){const e=this.logger.extend("setup");e.info('patching "XMLHttpRequest" module...');const t=globalThis.XMLHttpRequest;v(!t[b],'Failed to patch the "XMLHttpRequest" module: already patched.'),globalThis.XMLHttpRequest=Bt({emitter:this.emitter,logger:this.logger}),e.info('native "XMLHttpRequest" module patched!',globalThis.XMLHttpRequest.name),Object.defineProperty(globalThis.XMLHttpRequest,b,{enumerable:!0,configurable:!0,value:!0}),this.subscriptions.push(()=>{Object.defineProperty(globalThis.XMLHttpRequest,b,{value:void 0}),globalThis.XMLHttpRequest=t,e.info('native "XMLHttpRequest" module restored!',globalThis.XMLHttpRequest.name)})}},me=ge;me.interceptorSymbol=Symbol("xhr");function $t(e,t){const r=new O({name:"fallback",interceptors:[new de,new me]});return r.on("request",async({request:s,requestId:o,controller:n})=>{const i=s.clone(),a=await Z(s,o,e.getRequestHandlers(),t,e.emitter,{onMockedResponse(c,{handler:l,parsedResult:u}){t.quiet||e.emitter.once("response:mocked",({response:h})=>{l.log({request:i,response:h,parsedResult:u})})}});a&&n.respondWith(a)}),r.on("response",({response:s,isMockedResponse:o,request:n,requestId:i})=>{e.emitter.emit(o?"response:mocked":"response:bypass",{response:s,request:n,requestId:i})}),r.apply(),r}function Ft(e){return async function(r){e.fallbackInterceptor=$t(e,r),se({message:"Mocking enabled (fallback mode).",quiet:r.quiet})}}function Nt(e){return function(){e.fallbackInterceptor?.dispose(),ce({quiet:e.startOptions?.quiet})}}function Gt(){try{const e=new ReadableStream({start:r=>r.close()});return new MessageChannel().port1.postMessage(e,[e]),!0}catch{return!1}}var Xt=class extends Le{context;startHandler=null;stopHandler=null;listeners;constructor(...e){super(...e),re(!W(),d.formatMessage("Failed to execute `setupWorker` in a non-browser environment. Consider using `setupServer` for Node.js environment instead.")),this.listeners=[],this.context=this.createWorkerContext()}createWorkerContext(){const e={isMockingEnabled:!1,startOptions:null,worker:null,getRequestHandlers:()=>this.handlersController.currentHandlers(),registration:null,requests:new Map,emitter:this.emitter,workerChannel:{on:(t,r)=>{this.context.events.addListener(navigator.serviceWorker,"message",s=>{if(s.source!==this.context.worker)return;const o=s.data;o&&o.type===t&&r(s,o)})},send:t=>{this.context.worker?.postMessage(t)}},events:{addListener:(t,r,s)=>(t.addEventListener(r,s),this.listeners.push({eventType:r,target:t,callback:s}),()=>{t.removeEventListener(r,s)}),removeAllListeners:()=>{for(const{target:t,eventType:r,callback:s}of this.listeners)t.removeEventListener(r,s);this.listeners=[]},once:t=>{const r=[];return new Promise((s,o)=>{const n=i=>{try{const a=i.data;a.type===t&&s(a)}catch(a){o(a)}};r.push(this.context.events.addListener(navigator.serviceWorker,"message",n),this.context.events.addListener(navigator.serviceWorker,"messageerror",o))}).finally(()=>{r.forEach(s=>s())})}},supports:{serviceWorkerApi:!("serviceWorker"in navigator)||location.protocol==="file:",readableStreamTransfer:Gt()}};return this.startHandler=e.supports.serviceWorkerApi?Ft(e):Rt(e),this.stopHandler=e.supports.serviceWorkerApi?Nt(e):kt(e),e}async start(e={}){return e.waitUntilReady===!0&&d.warn('The "waitUntilReady" option has been deprecated. Please remove it from this "worker.start()" call. Follow the recommended Browser integration (https://mswjs.io/docs/integrations/browser) to eliminate any race conditions between the Service Worker registration and any requests made by your application on initial render.'),this.context.startOptions=ee(qt,e),await this.startHandler(this.context.startOptions,e)}stop(){super.dispose(),this.context.events.removeAllListeners(),this.context.emitter.removeAllListeners(),this.stopHandler()}};function Vt(...e){return new Xt(...e)}var zt=/\.(js|jsx|ts|tsx|mjs|woff|woff2|ttf|otf|eot)$/,Jt=["sb-common-assets","node_modules","node-modules","hot-update.json","__webpack_hmr","iframe.html","sb-vite","@vite","@react-refresh","/virtual:",".stories.",".mdx"],Kt=e=>!!(zt.test(e)||Jt.some(r=>e.includes(r))),Yt=e=>typeof e?.onUnhandledRequest=="string"?e:{...e,onUnhandledRequest:(...t)=>{const[{url:r},s]=t;if(!Kt(r)){if(!e?.onUnhandledRequest){s.warning();return}typeof e?.onUnhandledRequest=="function"&&e.onUnhandledRequest(...t)}}},E;function Qt(e,t=[]){const r=Vt(...t);return r.context.activationPromise=r.start(Yt(e)),E=r,r}async function Zt(){await er().context.activationPromise}function er(){if(E===void 0)throw new Error('[MSW] Failed to retrieve the worker: no active worker found. Did you forget to call "initialize"?');return E}function tr(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];var s=Array.from(typeof e=="string"?[e]:e);s[s.length-1]=s[s.length-1].replace(/\r?\n([\t ]*)$/,"");var o=s.reduce(function(a,c){var l=c.match(/\n([\t ]+|(?!\s).)/g);return l?a.concat(l.map(function(u){var h,f;return(f=(h=u.match(/[\t ]/g))===null||h===void 0?void 0:h.length)!==null&&f!==void 0?f:0})):a},[]);if(o.length){var n=new RegExp(`
+[	 ]{`+Math.min.apply(Math,o)+"}","g");s=s.map(function(a){return a.replace(n,`
+`)})}s[0]=s[0].replace(/^\r?\n/,"");var i=s[0];return t.forEach(function(a,c){var l=i.match(/(?:^|\n)( *)$/),u=l?l[1]:"",h=a;typeof a=="string"&&a.includes(`
+`)&&(h=String(a).split(`
+`).map(function(f,m){return m===0?f:""+u+f}).join(`
+`)),i+=h+s[c+1]}),i}function rr(e){let t=!1,r;return(...o)=>(t||(t=!0,r=e(...o)),r)}function sr(e){return rr(()=>{console.warn(tr(e))})}var nr=sr(`
+[msw-storybook-addon] You are using parameters.msw as an Array instead of an Object with a property "handlers". This usage is deprecated and will be removed in the next release. Please use the Object syntax instead.
+
+More info: https://github.com/mswjs/msw-storybook-addon/blob/main/MIGRATION.md#parametersmsw-array-notation-deprecated-in-favor-of-object-notation
+`);function or(e){if(E?.resetHandlers(),e!=null){if(Array.isArray(e)&&e.length>0){nr(),E.use(...e);return}if("handlers"in e&&e.handlers){const t=Object.values(e.handlers).filter(Boolean).reduce((r,s)=>r.concat(s),[]);t.length>0&&E.use(...t);return}}}var ir=async e=>(await Zt(),or(e.parameters.msw),{});Qt({onUnhandledRequest:"bypass"});const lr={parameters:{controls:{matchers:{color:/(background|color)$/i,date:/Date$/i}},msw:{handlers:{auth:null,others:Ee}}},loaders:[ir],tags:["autodocs","autodocs"]};export{lr as default};

package/storybook-static/assets/{preview-DB9FwMii.js → preview-BWzBA1C2.js}

@@ -1,4 +1,4 @@
-import{d as $}from"./index-DrFu-skq.js";const{useMemo:x,useEffect:f}=__STORYBOOK_MODULE_PREVIEW_API__,{global:p}=__STORYBOOK_MODULE_GLOBAL__;var u=i=>{(Array.isArray(i)?i:[i]).forEach(r)},r=i=>{let t=typeof i=="string"?i:i.join(""),o=p.document.getElementById(t);o&&o.parentElement&&o.parentElement.removeChild(o)},b=(i,t)=>{let o=p.document.getElementById(i);if(o)o.innerHTML!==t&&(o.innerHTML=t);else{let n=p.document.createElement("style");n.setAttribute("id",i),n.innerHTML=t,p.document.head.appendChild(n)}},m="outline";function s(i){return $`
+import{d as $}from"./index-DrFu-skq.js";const{useMemo:x,useEffect:f}=__STORYBOOK_MODULE_PREVIEW_API__,{global:p}=__STORYBOOK_MODULE_GLOBAL__;var m="outline",u=i=>{(Array.isArray(i)?i:[i]).forEach(r)},r=i=>{let t=typeof i=="string"?i:i.join(""),o=p.document.getElementById(t);o&&o.parentElement&&o.parentElement.removeChild(o)},b=(i,t)=>{let o=p.document.getElementById(i);if(o)o.innerHTML!==t&&(o.innerHTML=t);else{let n=p.document.createElement("style");n.setAttribute("id",i),n.innerHTML=t,p.document.head.appendChild(n)}};function s(i){return $`
     ${i} body {
       outline: 1px solid #2980b9 !important;
     }

package/storybook-static/assets/preview-BhhEZcNS.js

@@ -0,0 +1 @@
+import"./index-D-8MO0q_.js";const{STORY_CHANGED:O,SELECT_STORY:E}=__STORYBOOK_MODULE_CORE_EVENTS__,{makeDecorator:l,addons:_}=__STORYBOOK_MODULE_PREVIEW_API__,{global:L}=__STORYBOOK_MODULE_GLOBAL__;var c="links",{document:i,HTMLElement:m}=L,v=e=>_.getChannel().emit(E,e),o=e=>{let{target:t}=e;if(!(t instanceof m))return;let s=t,{sbKind:a,sbStory:r}=s.dataset;(a||r)&&(e.preventDefault(),v({kind:a,story:r}))},n=!1,d=()=>{n||(n=!0,i.addEventListener("click",o))},k=()=>{n&&(n=!1,i.removeEventListener("click",o))},R=l({name:"withLinks",parameterName:c,wrapper:(e,t)=>(d(),_.getChannel().once(O,k),e(t))}),T=[R];export{T as decorators};

package/storybook-static/assets/preview-CcS4DQh8.js

@@ -0,0 +1 @@
+import{i as S}from"./tiny-invariant-BxWVcicq.js";const{useEffect:T}=__STORYBOOK_MODULE_PREVIEW_API__,{global:d}=__STORYBOOK_MODULE_GLOBAL__;var j="measureEnabled";function Y(){let e=d.document.documentElement,t=Math.max(e.scrollHeight,e.offsetHeight);return{width:Math.max(e.scrollWidth,e.offsetWidth),height:t}}function K(){let e=d.document.createElement("canvas");e.id="storybook-addon-measure";let t=e.getContext("2d");S(t!=null);let{width:o,height:l}=Y();return A(e,t,{width:o,height:l}),e.style.position="absolute",e.style.left="0",e.style.top="0",e.style.zIndex="2147483647",e.style.pointerEvents="none",d.document.body.appendChild(e),{canvas:e,context:t,width:o,height:l}}function A(e,t,{width:o,height:l}){e.style.width=`${o}px`,e.style.height=`${l}px`;let i=d.window.devicePixelRatio;e.width=Math.floor(o*i),e.height=Math.floor(l*i),t.scale(i,i)}var h={};function G(){h.canvas||(h=K())}function H(){h.context&&h.context.clearRect(0,0,h.width??0,h.height??0)}function U(e){H(),e(h.context)}function V(){S(h.canvas,"Canvas should exist in the state."),S(h.context,"Context should exist in the state."),A(h.canvas,h.context,{width:0,height:0});let{width:e,height:t}=Y();A(h.canvas,h.context,{width:e,height:t}),h.width=e,h.height=t}function Z(){h.canvas&&(H(),h.canvas.parentNode?.removeChild(h.canvas),h={})}var w={margin:"#f6b26b",border:"#ffe599",padding:"#93c47d",content:"#6fa8dc",text:"#232020"},c=6;function W(e,{x:t,y:o,w:l,h:i,r:n}){t=t-l/2,o=o-i/2,l<2*n&&(n=l/2),i<2*n&&(n=i/2),e.beginPath(),e.moveTo(t+n,o),e.arcTo(t+l,o,t+l,o+i,n),e.arcTo(t+l,o+i,t,o+i,n),e.arcTo(t,o+i,t,o,n),e.arcTo(t,o,t+l,o,n),e.closePath()}function J(e,{padding:t,border:o,width:l,height:i,top:n,left:r}){let f=l-o.left-o.right-t.left-t.right,a=i-t.top-t.bottom-o.top-o.bottom,s=r+o.left+t.left,u=n+o.top+t.top;return e==="top"?s+=f/2:e==="right"?(s+=f,u+=a/2):e==="bottom"?(s+=f/2,u+=a):e==="left"?u+=a/2:e==="center"&&(s+=f/2,u+=a/2),{x:s,y:u}}function Q(e,t,{margin:o,border:l,padding:i},n,r){let f=m=>0,a=0,s=0,u=r?1:.5,g=r?n*2:0;return e==="padding"?f=m=>i[m]*u+g:e==="border"?f=m=>i[m]+l[m]*u+g:e==="margin"&&(f=m=>i[m]+l[m]+o[m]*u+g),t==="top"?s=-f("top"):t==="right"?a=f("right"):t==="bottom"?s=f("bottom"):t==="left"&&(a=-f("left")),{offsetX:a,offsetY:s}}function x(e,t){return Math.abs(e.x-t.x)<Math.abs(e.w+t.w)/2&&Math.abs(e.y-t.y)<Math.abs(e.h+t.h)/2}function tt(e,t,o){return e==="top"?t.y=o.y-o.h-c:e==="right"?t.x=o.x+o.w/2+c+t.w/2:e==="bottom"?t.y=o.y+o.h+c:e==="left"&&(t.x=o.x-o.w/2-c-t.w/2),{x:t.x,y:t.y}}function C(e,t,{x:o,y:l,w:i,h:n},r){return W(e,{x:o,y:l,w:i,h:n,r:3}),e.fillStyle=`${w[t]}dd`,e.fill(),e.strokeStyle=w[t],e.stroke(),e.fillStyle=w.text,e.fillText(r,o,l),W(e,{x:o,y:l,w:i,h:n,r:3}),e.fillStyle=`${w[t]}dd`,e.fill(),e.strokeStyle=w[t],e.stroke(),e.fillStyle=w.text,e.fillText(r,o,l),{x:o,y:l,w:i,h:n}}function X(e,t){e.font="600 12px monospace",e.textBaseline="middle",e.textAlign="center";let o=e.measureText(t),l=o.actualBoundingBoxAscent+o.actualBoundingBoxDescent,i=o.width+c*2,n=l+c*2;return{w:i,h:n}}function et(e,t,{type:o,position:l="center",text:i},n,r=!1){let{x:f,y:a}=J(l,t),{offsetX:s,offsetY:u}=Q(o,l,t,c+1,r);f+=s,a+=u;let{w:g,h:m}=X(e,i);if(n&&x({x:f,y:a,w:g,h:m},n)){let M=tt(l,{x:f,y:a,w:g,h:m},n);f=M.x,a=M.y}return C(e,o,{x:f,y:a,w:g,h:m},i)}function ot(e,{w:t,h:o}){let l=t*.5+c,i=o*.5+c;return{offsetX:(e.x==="left"?-1:1)*l,offsetY:(e.y==="top"?-1:1)*i}}function it(e,t,{type:o,text:l}){let{floatingAlignment:i,extremities:n}=t,r=n[i.x],f=n[i.y],{w:a,h:s}=X(e,l),{offsetX:u,offsetY:g}=ot(i,{w:a,h:s});return r+=u,f+=g,C(e,o,{x:r,y:f,w:a,h:s},l)}function E(e,t,o,l){let i=[];o.forEach((n,r)=>{let f=l&&n.position==="center"?it(e,t,n):et(e,t,n,i[r-1],l);i[r]=f})}function lt(e,t,o,l){let i=o.reduce((n,r)=>(Object.prototype.hasOwnProperty.call(n,r.position)||(n[r.position]=[]),n[r.position]?.push(r),n),{});i.top&&E(e,t,i.top,l),i.right&&E(e,t,i.right,l),i.bottom&&E(e,t,i.bottom,l),i.left&&E(e,t,i.left,l),i.center&&E(e,t,i.center,l)}var L={margin:"#f6b26ba8",border:"#ffe599a8",padding:"#93c47d8c",content:"#6fa8dca8"},B=30;function p(e){return parseInt(e.replace("px",""),10)}function b(e){return Number.isInteger(e)?e:e.toFixed(2)}function P(e){return e.filter(t=>t.text!==0&&t.text!=="0")}function nt(e){let t={top:d.window.scrollY,bottom:d.window.scrollY+d.window.innerHeight,left:d.window.scrollX,right:d.window.scrollX+d.window.innerWidth},o={top:Math.abs(t.top-e.top),bottom:Math.abs(t.bottom-e.bottom),left:Math.abs(t.left-e.left),right:Math.abs(t.right-e.right)};return{x:o.left>o.right?"left":"right",y:o.top>o.bottom?"top":"bottom"}}function ft(e){let t=d.getComputedStyle(e),{top:o,left:l,right:i,bottom:n,width:r,height:f}=e.getBoundingClientRect(),{marginTop:a,marginBottom:s,marginLeft:u,marginRight:g,paddingTop:m,paddingBottom:M,paddingLeft:k,paddingRight:F,borderBottomWidth:D,borderTopWidth:I,borderLeftWidth:$,borderRightWidth:N}=t;o=o+d.window.scrollY,l=l+d.window.scrollX,n=n+d.window.scrollY,i=i+d.window.scrollX;let y={top:p(a),bottom:p(s),left:p(u),right:p(g)},q={top:p(m),bottom:p(M),left:p(k),right:p(F)},z={top:p(I),bottom:p(D),left:p($),right:p(N)},_={top:o-y.top,bottom:n+y.bottom,left:l-y.left,right:i+y.right};return{margin:y,padding:q,border:z,top:o,left:l,bottom:n,right:i,width:r,height:f,extremities:_,floatingAlignment:nt(_)}}function rt(e,{margin:t,width:o,height:l,top:i,left:n,bottom:r,right:f}){let a=l+t.bottom+t.top;e.fillStyle=L.margin,e.fillRect(n,i-t.top,o,t.top),e.fillRect(f,i-t.top,t.right,a),e.fillRect(n,r,o,t.bottom),e.fillRect(n-t.left,i-t.top,t.left,a);let s=[{type:"margin",text:b(t.top),position:"top"},{type:"margin",text:b(t.right),position:"right"},{type:"margin",text:b(t.bottom),position:"bottom"},{type:"margin",text:b(t.left),position:"left"}];return P(s)}function at(e,{padding:t,border:o,width:l,height:i,top:n,left:r,bottom:f,right:a}){let s=l-o.left-o.right,u=i-t.top-t.bottom-o.top-o.bottom;e.fillStyle=L.padding,e.fillRect(r+o.left,n+o.top,s,t.top),e.fillRect(a-t.right-o.right,n+t.top+o.top,t.right,u),e.fillRect(r+o.left,f-t.bottom-o.bottom,s,t.bottom),e.fillRect(r+o.left,n+t.top+o.top,t.left,u);let g=[{type:"padding",text:t.top,position:"top"},{type:"padding",text:t.right,position:"right"},{type:"padding",text:t.bottom,position:"bottom"},{type:"padding",text:t.left,position:"left"}];return P(g)}function st(e,{border:t,width:o,height:l,top:i,left:n,bottom:r,right:f}){let a=l-t.top-t.bottom;e.fillStyle=L.border,e.fillRect(n,i,o,t.top),e.fillRect(n,r-t.bottom,o,t.bottom),e.fillRect(n,i+t.top,t.left,a),e.fillRect(f-t.right,i+t.top,t.right,a);let s=[{type:"border",text:t.top,position:"top"},{type:"border",text:t.right,position:"right"},{type:"border",text:t.bottom,position:"bottom"},{type:"border",text:t.left,position:"left"}];return P(s)}function ht(e,{padding:t,border:o,width:l,height:i,top:n,left:r}){let f=l-o.left-o.right-t.left-t.right,a=i-t.top-t.bottom-o.top-o.bottom;return e.fillStyle=L.content,e.fillRect(r+o.left+t.left,n+o.top+t.top,f,a),[{type:"content",position:"center",text:`${b(f)} x ${b(a)}`}]}function ut(e){return t=>{if(e&&t){let o=ft(e),l=rt(t,o),i=at(t,o),n=st(t,o),r=ht(t,o),f=o.width<=B*3||o.height<=B;lt(t,o,[...r,...i,...n,...l],f)}}}function dt(e){U(ut(e))}var mt=(e,t)=>{let o=d.document.elementFromPoint(e,t),l=i=>{if(i&&i.shadowRoot){let n=i.shadowRoot.elementFromPoint(e,t);return i.isEqualNode(n)?i:n.shadowRoot?l(n):n}return i};return l(o)||o},O,v={x:0,y:0};function R(e,t){O=mt(e,t),dt(O)}var gt=(e,t)=>{let{measureEnabled:o}=t.globals;return T(()=>{let l=i=>{window.requestAnimationFrame(()=>{i.stopPropagation(),v.x=i.clientX,v.y=i.clientY})};return document.addEventListener("pointermove",l),()=>{document.removeEventListener("pointermove",l)}},[]),T(()=>{let l=n=>{window.requestAnimationFrame(()=>{n.stopPropagation(),R(n.clientX,n.clientY)})},i=()=>{window.requestAnimationFrame(()=>{V()})};return t.viewMode==="story"&&o&&(document.addEventListener("pointerover",l),G(),window.addEventListener("resize",i),R(v.x,v.y)),()=>{window.removeEventListener("resize",i),Z()}},[o,t.viewMode]),e()},ct=[gt],wt={[j]:!1};export{ct as decorators,wt as initialGlobals};

package/storybook-static/assets/{preview-Cg7hXPRq.js → preview-CfH4_OzN.js}

@@ -1,2 +1,2 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DocsRenderer-PKQXORMH-Bz-_1hmS.js","./iframe-D4Sos1HO.js","./index-BnXBQqj9.js","./index-D-8MO0q_.js","./index-DGdNYaqV.js","./index-DrFu-skq.js"])))=>i.map(i=>d[i]);
-import{_ as a}from"./iframe-D4Sos1HO.js";import"../sb-preview/runtime.js";const{global:s}=__STORYBOOK_MODULE_GLOBAL__;var _=Object.entries(s.TAGS_OPTIONS??{}).reduce((e,r)=>{let[t,o]=r;return o.excludeFromDocsStories&&(e[t]=!0),e},{}),d={docs:{renderer:async()=>{let{DocsRenderer:e}=await a(()=>import("./DocsRenderer-PKQXORMH-Bz-_1hmS.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url);return new e},stories:{filter:e=>(e.tags||[]).filter(r=>_[r]).length===0&&!e.parameters.docs?.disable}}};export{d as parameters};
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DocsRenderer-CFRXHY34-Bz6q-OqD.js","./iframe-Ddc_axoC.js","./index-CiCdFubk.js","./index-BdcJ-iJ7.js","./index-D-8MO0q_.js","./index-DrFu-skq.js"])))=>i.map(i=>d[i]);
+import{_ as a}from"./iframe-Ddc_axoC.js";import"../sb-preview/runtime.js";const{global:s}=__STORYBOOK_MODULE_GLOBAL__;var _=Object.entries(s.TAGS_OPTIONS??{}).reduce((e,r)=>{let[t,o]=r;return o.excludeFromDocsStories&&(e[t]=!0),e},{}),d={docs:{renderer:async()=>{let{DocsRenderer:e}=await a(()=>import("./DocsRenderer-CFRXHY34-Bz6q-OqD.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url);return new e},stories:{filter:e=>(e.tags||[]).filter(r=>_[r]).length===0&&!e.parameters.docs?.disable}}};export{d as parameters};

package/storybook-static/assets/{preview-FpHGYA1q.js → preview-DHPc-V4N.js}

@@ -1 +1 @@
-let l;const b=new Uint8Array(16);function x(){if(!l&&(l=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!l))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return l(b)}const i=[];for(let e=0;e<256;++e)i.push((e+256).toString(16).slice(1));function S(e,t=0){return i[e[t+0]]+i[e[t+1]]+i[e[t+2]]+i[e[t+3]]+"-"+i[e[t+4]]+i[e[t+5]]+"-"+i[e[t+6]]+i[e[t+7]]+"-"+i[e[t+8]]+i[e[t+9]]+"-"+i[e[t+10]]+i[e[t+11]]+i[e[t+12]]+i[e[t+13]]+i[e[t+14]]+i[e[t+15]]}const v=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),y={randomUUID:v};function A(e,t,n){if(y.randomUUID&&!t&&!e)return y.randomUUID();e=e||{};const r=e.random||(e.rng||x)();return r[6]=r[6]&15|64,r[8]=r[8]&63|128,S(r)}const{addons:w}=__STORYBOOK_MODULE_PREVIEW_API__,{global:p}=__STORYBOOK_MODULE_GLOBAL__,{ImplicitActionsDuringRendering:D}=__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__;var I="storybook/actions",U=`${I}/action-event`,f={depth:10,clearOnStoryChange:!0,limit:50},m=(e,t)=>{let n=Object.getPrototypeOf(e);return!n||t(n)?n:m(n,t)},j=e=>!!(typeof e=="object"&&e&&m(e,t=>/^Synthetic(?:Base)?Event$/.test(t.constructor.name))&&typeof e.persist=="function"),V=e=>{if(j(e)){let t=Object.create(e.constructor.prototype,Object.getOwnPropertyDescriptors(e));t.persist();let n=Object.getOwnPropertyDescriptor(t,"view"),r=n?.value;return typeof r=="object"&&r?.constructor.name==="Window"&&Object.defineProperty(t,"view",{...n,value:Object.create(r.constructor.prototype)}),t}return e},C=()=>typeof crypto=="object"&&typeof crypto.getRandomValues=="function"?A():Date.now().toString(36)+Math.random().toString(36).substring(2);function u(e,t={}){let n={...f,...t},r=function(...c){if(t.implicit){let g=("__STORYBOOK_PREVIEW__"in p?p.__STORYBOOK_PREVIEW__:void 0)?.storyRenders.find(d=>d.phase==="playing"||d.phase==="rendering");if(g){let d=!window?.FEATURES?.disallowImplicitActionsInRenderV8,O=new D({phase:g.phase,name:e,deprecated:d});if(d)console.warn(O);else throw O}}let o=w.getChannel(),s=C(),a=5,_=c.map(V),E=c.length>1?_:_[0],T={id:s,count:0,data:{name:e,args:E},options:{...n,maxDepth:a+(n.depth||3),allowFunction:n.allowFunction||!1}};o.emit(U,T)};return r.isAction=!0,r.implicit=t.implicit,r}var h=(e,t)=>typeof t[e]>"u"&&!(e in t),K=e=>{let{initialArgs:t,argTypes:n,id:r,parameters:{actions:c}}=e;if(!c||c.disable||!c.argTypesRegex||!n)return{};let o=new RegExp(c.argTypesRegex);return Object.entries(n).filter(([s])=>!!o.test(s)).reduce((s,[a,_])=>(h(a,t)&&(s[a]=u(a,{implicit:!0,id:r})),s),{})},L=e=>{let{initialArgs:t,argTypes:n,parameters:{actions:r}}=e;return r?.disable||!n?{}:Object.entries(n).filter(([c,o])=>!!o.action).reduce((c,[o,s])=>(h(o,t)&&(c[o]=u(typeof s.action=="string"?s.action:o)),c),{})},M=[L,K],R=!1,B=e=>{let{parameters:{actions:t}}=e;if(!t?.disable&&!R&&"__STORYBOOK_TEST_ON_MOCK_CALL__"in p&&typeof p.__STORYBOOK_TEST_ON_MOCK_CALL__=="function"){let n=p.__STORYBOOK_TEST_ON_MOCK_CALL__;n((r,c)=>{let o=r.getMockName();o!=="spy"&&(!/^next\/.*::/.test(o)||["next/router::useRouter()","next/navigation::useRouter()","next/navigation::redirect","next/cache::","next/headers::cookies().set","next/headers::cookies().delete","next/headers::headers().set","next/headers::headers().delete"].some(s=>o.startsWith(s)))&&u(o)(c)}),R=!0}},P=[B];export{M as argsEnhancers,P as loaders};
+let l;const b=new Uint8Array(16);function x(){if(!l&&(l=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!l))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return l(b)}const i=[];for(let e=0;e<256;++e)i.push((e+256).toString(16).slice(1));function S(e,t=0){return i[e[t+0]]+i[e[t+1]]+i[e[t+2]]+i[e[t+3]]+"-"+i[e[t+4]]+i[e[t+5]]+"-"+i[e[t+6]]+i[e[t+7]]+"-"+i[e[t+8]]+i[e[t+9]]+"-"+i[e[t+10]]+i[e[t+11]]+i[e[t+12]]+i[e[t+13]]+i[e[t+14]]+i[e[t+15]]}const v=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),y={randomUUID:v};function A(e,t,n){if(y.randomUUID&&!t&&!e)return y.randomUUID();e=e||{};const r=e.random||(e.rng||x)();return r[6]=r[6]&15|64,r[8]=r[8]&63|128,S(r)}const{addons:w}=__STORYBOOK_MODULE_PREVIEW_API__,{ImplicitActionsDuringRendering:D}=__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__,{global:p}=__STORYBOOK_MODULE_GLOBAL__;var I="storybook/actions",U=`${I}/action-event`,f={depth:10,clearOnStoryChange:!0,limit:50},m=(e,t)=>{let n=Object.getPrototypeOf(e);return!n||t(n)?n:m(n,t)},j=e=>!!(typeof e=="object"&&e&&m(e,t=>/^Synthetic(?:Base)?Event$/.test(t.constructor.name))&&typeof e.persist=="function"),V=e=>{if(j(e)){let t=Object.create(e.constructor.prototype,Object.getOwnPropertyDescriptors(e));t.persist();let n=Object.getOwnPropertyDescriptor(t,"view"),r=n?.value;return typeof r=="object"&&r?.constructor.name==="Window"&&Object.defineProperty(t,"view",{...n,value:Object.create(r.constructor.prototype)}),t}return e},C=()=>typeof crypto=="object"&&typeof crypto.getRandomValues=="function"?A():Date.now().toString(36)+Math.random().toString(36).substring(2);function u(e,t={}){let n={...f,...t},r=function(...c){if(t.implicit){let g=("__STORYBOOK_PREVIEW__"in p?p.__STORYBOOK_PREVIEW__:void 0)?.storyRenders.find(d=>d.phase==="playing"||d.phase==="rendering");if(g){let d=!window?.FEATURES?.disallowImplicitActionsInRenderV8,O=new D({phase:g.phase,name:e,deprecated:d});if(d)console.warn(O);else throw O}}let o=w.getChannel(),s=C(),a=5,_=c.map(V),E=c.length>1?_:_[0],T={id:s,count:0,data:{name:e,args:E},options:{...n,maxDepth:a+(n.depth||3),allowFunction:n.allowFunction||!1}};o.emit(U,T)};return r.isAction=!0,r.implicit=t.implicit,r}var h=(e,t)=>typeof t[e]>"u"&&!(e in t),K=e=>{let{initialArgs:t,argTypes:n,id:r,parameters:{actions:c}}=e;if(!c||c.disable||!c.argTypesRegex||!n)return{};let o=new RegExp(c.argTypesRegex);return Object.entries(n).filter(([s])=>!!o.test(s)).reduce((s,[a,_])=>(h(a,t)&&(s[a]=u(a,{implicit:!0,id:r})),s),{})},L=e=>{let{initialArgs:t,argTypes:n,parameters:{actions:r}}=e;return r?.disable||!n?{}:Object.entries(n).filter(([c,o])=>!!o.action).reduce((c,[o,s])=>(h(o,t)&&(c[o]=u(typeof s.action=="string"?s.action:o)),c),{})},M=[L,K],R=!1,B=e=>{let{parameters:{actions:t}}=e;if(!t?.disable&&!R&&"__STORYBOOK_TEST_ON_MOCK_CALL__"in p&&typeof p.__STORYBOOK_TEST_ON_MOCK_CALL__=="function"){let n=p.__STORYBOOK_TEST_ON_MOCK_CALL__;n((r,c)=>{let o=r.getMockName();o!=="spy"&&(!/^next\/.*::/.test(o)||["next/router::useRouter()","next/navigation::useRouter()","next/navigation::redirect","next/cache::","next/headers::cookies().set","next/headers::cookies().delete","next/headers::headers().set","next/headers::headers().delete"].some(s=>o.startsWith(s)))&&u(o)(c)}),R=!0}},P=[B];export{M as argsEnhancers,P as loaders};

package/storybook-static/assets/preview-DYzi3Z2p.js

@@ -0,0 +1 @@
+var e="viewport",o={[e]:{value:void 0,isRotated:!1}},t={viewport:"reset",viewportRotated:!1},r=FEATURES?.viewportStoryGlobals?o:t;export{r as initialGlobals};

package/storybook-static/assets/{preview-4Up_z4Em.js → preview-caVMbCIR.js}

@@ -1,7 +1,7 @@
-const{global:r}=__STORYBOOK_MODULE_GLOBAL__,{addons:s}=__STORYBOOK_MODULE_PREVIEW_API__,{STORY_CHANGED:O}=__STORYBOOK_MODULE_CORE_EVENTS__;var n="storybook/highlight",d="storybookHighlight",g=`${n}/add`,E=`${n}/reset`,{document:_}=r,H=(e="#FF4785",t="dashed")=>`
+const{STORY_CHANGED:r}=__STORYBOOK_MODULE_CORE_EVENTS__,{addons:s}=__STORYBOOK_MODULE_PREVIEW_API__,{global:O}=__STORYBOOK_MODULE_GLOBAL__;var n="storybook/highlight",d="storybookHighlight",g=`${n}/add`,E=`${n}/reset`,{document:_}=O,H=(e="#FF4785",t="dashed")=>`
   outline: 2px ${t} ${e};
   outline-offset: 2px;
   box-shadow: 0 0 0 6px rgba(255,255,255,0.6);
 `,l=s.getChannel(),T=e=>{let t=d;h();let i=Array.from(new Set(e.elements)),o=_.createElement("style");o.setAttribute("id",t),o.innerHTML=i.map(a=>`${a}{
           ${H(e.color,e.style)}
-         }`).join(" "),_.head.appendChild(o)},h=()=>{let e=d,t=_.getElementById(e);t&&t.parentNode?.removeChild(t)};l.on(O,h);l.on(E,h);l.on(g,T);
+         }`).join(" "),_.head.appendChild(o)},h=()=>{let e=d,t=_.getElementById(e);t&&t.parentNode?.removeChild(t)};l.on(r,h);l.on(E,h);l.on(g,T);

package/storybook-static/assets/preview-ncvtW_hb.js

@@ -0,0 +1,34 @@
+import{d as F}from"./index-DrFu-skq.js";const{useEffect:h,useMemo:E}=__STORYBOOK_MODULE_PREVIEW_API__,{global:Y}=__STORYBOOK_MODULE_GLOBAL__,{logger:H}=__STORYBOOK_MODULE_CLIENT_LOGGER__;var p="backgrounds",R={light:{name:"light",value:"#F8F8F8"},dark:{name:"dark",value:"#333"}},{document:u,window:K}=Y,C=()=>!!K?.matchMedia("(prefers-reduced-motion: reduce)")?.matches,_=a=>{(Array.isArray(a)?a:[a]).forEach(P)},P=a=>{let e=u.getElementById(a);e&&e.parentElement?.removeChild(e)},I=(a,e)=>{let t=u.getElementById(a);if(t)t.innerHTML!==e&&(t.innerHTML=e);else{let d=u.createElement("style");d.setAttribute("id",a),d.innerHTML=e,u.head.appendChild(d)}},z=(a,e,t)=>{let d=u.getElementById(a);if(d)d.innerHTML!==e&&(d.innerHTML=e);else{let r=u.createElement("style");r.setAttribute("id",a),r.innerHTML=e;let o=`addon-backgrounds-grid${t?`-docs-${t}`:""}`,n=u.getElementById(o);n?n.parentElement?.insertBefore(r,n):u.head.appendChild(r)}},j={cellSize:100,cellAmount:10,opacity:.8},L="addon-backgrounds",G="addon-backgrounds-grid",X=C()?"":"transition: background-color 0.3s;",N=(a,e)=>{let{globals:t,parameters:d,viewMode:r,id:o}=e,{options:n=R,disable:i,grid:l=j}=d[p]||{},g=t[p]||{},c=g.value,$=c?n[c]:void 0,b=$?.value||"transparent",f=g.grid||!1,m=!!$&&!i,S=r==="docs"?`#anchor--${o} .docs-story`:".sb-show-main",O=r==="docs"?`#anchor--${o} .docs-story`:".sb-show-main",U=d.layout===void 0||d.layout==="padded",w=r==="docs"?20:U?16:0,{cellAmount:y,cellSize:s,opacity:k,offsetX:x=w,offsetY:v=w}=l,A=r==="docs"?`${L}-docs-${o}`:`${L}-color`,T=r==="docs"?o:null;h(()=>{let M=`
+    ${S} {
+      background: ${b} !important;
+      ${X}
+      }`;if(!m){_(A);return}z(A,M,T)},[S,A,T,m,b]);let B=r==="docs"?`${G}-docs-${o}`:`${G}`;return h(()=>{if(!f){_(B);return}let M=[`${s*y}px ${s*y}px`,`${s*y}px ${s*y}px`,`${s}px ${s}px`,`${s}px ${s}px`].join(", "),D=`
+        ${O} {
+          background-size: ${M} !important;
+          background-position: ${x}px ${v}px, ${x}px ${v}px, ${x}px ${v}px, ${x}px ${v}px !important;
+          background-blend-mode: difference !important;
+          background-image: linear-gradient(rgba(130, 130, 130, ${k}) 1px, transparent 1px),
+           linear-gradient(90deg, rgba(130, 130, 130, ${k}) 1px, transparent 1px),
+           linear-gradient(rgba(130, 130, 130, ${k/2}) 1px, transparent 1px),
+           linear-gradient(90deg, rgba(130, 130, 130, ${k/2}) 1px, transparent 1px) !important;
+        }
+      `;I(B,D)},[y,s,O,B,f,x,v,k]),a()},W=(a,e=[],t)=>{if(a==="transparent")return"transparent";if(e.find(r=>r.value===a)||a)return a;let d=e.find(r=>r.name===t);if(d)return d.value;if(t){let r=e.map(o=>o.name).join(", ");H.warn(F`
+        Backgrounds Addon: could not find the default color "${t}".
+        These are the available colors for your story based on your configuration:
+        ${r}.
+      `)}return"transparent"},q=(a,e)=>{let{globals:t,parameters:d}=e,r=t[p]?.value,o=d[p],n=E(()=>o.disable?"transparent":W(r,o.values,o.default),[o,r]),i=E(()=>n&&n!=="transparent",[n]),l=e.viewMode==="docs"?`#anchor--${e.id} .docs-story`:".sb-show-main",g=E(()=>`
+      ${l} {
+        background: ${n} !important;
+        ${C()?"":"transition: background-color 0.3s;"}
+      }
+    `,[n,l]);return h(()=>{let c=e.viewMode==="docs"?`addon-backgrounds-docs-${e.id}`:"addon-backgrounds-color";if(!i){_(c);return}z(c,g,e.viewMode==="docs"?e.id:null)},[i,g,e]),a()},J=(a,e)=>{let{globals:t,parameters:d}=e,r=d[p].grid,o=t[p]?.grid===!0&&r.disable!==!0,{cellAmount:n,cellSize:i,opacity:l}=r,g=e.viewMode==="docs",c=d.layout===void 0||d.layout==="padded"?16:0,$=r.offsetX??(g?20:c),b=r.offsetY??(g?20:c),f=E(()=>{let m=e.viewMode==="docs"?`#anchor--${e.id} .docs-story`:".sb-show-main",S=[`${i*n}px ${i*n}px`,`${i*n}px ${i*n}px`,`${i}px ${i}px`,`${i}px ${i}px`].join(", ");return`
+      ${m} {
+        background-size: ${S} !important;
+        background-position: ${$}px ${b}px, ${$}px ${b}px, ${$}px ${b}px, ${$}px ${b}px !important;
+        background-blend-mode: difference !important;
+        background-image: linear-gradient(rgba(130, 130, 130, ${l}) 1px, transparent 1px),
+         linear-gradient(90deg, rgba(130, 130, 130, ${l}) 1px, transparent 1px),
+         linear-gradient(rgba(130, 130, 130, ${l/2}) 1px, transparent 1px),
+         linear-gradient(90deg, rgba(130, 130, 130, ${l/2}) 1px, transparent 1px) !important;
+      }
+    `},[i]);return h(()=>{let m=e.viewMode==="docs"?`addon-backgrounds-grid-docs-${e.id}`:"addon-backgrounds-grid";if(!o){_(m);return}I(m,f)},[o,f,e]),a()},V=FEATURES?.backgroundsStoryGlobals?[N]:[J,q],ee={[p]:{grid:{cellSize:20,opacity:.5,cellAmount:5},disable:!1,...!FEATURES?.backgroundsStoryGlobals&&{values:Object.values(R)}}},Q={[p]:{value:void 0,grid:!1}},re=FEATURES?.backgroundsStoryGlobals?Q:{[p]:null};export{V as decorators,re as initialGlobals,ee as parameters};

package/storybook-static/assets/{set-url.test.stories-Cg5Z0r7x.js → set-url.test.stories-CuSuDLIx.js}

@@ -1,4 +1,4 @@
-import{w as u,u as s,e as n}from"./custom-element-wn23PUwN.js";import"./location-element-hKpcXCdn.js";import"./index-C8k3Z-3Y.js";const b={title:"",slice:"url-slice",href:"",live:"",body:""};function l(e){return new Promise(t=>setTimeout(t,e))}function y(e){const{title:t,body:i}={...b,...e};return`
+import{w as u,u as s,e as n}from"./index-BSz1w4Gl.js";import"./custom-element-BDGsYgbP.js";import"./location-element-hKpcXCdn.js";const b={title:"",slice:"url-slice",href:"",live:"",body:""};function l(e){return new Promise(t=>setTimeout(t,e))}function y(e){const{title:t,body:i}={...b,...e};return`
         <fieldset>
             <legend>${t}</legend>
 
@@ -35,7 +35,7 @@ import{w as u,u as s,e as n}from"./custom-element-wn23PUwN.js";import"./location
     canvasElement
   }) => {
     const canvas = within(canvasElement);
-    await canvas.findByText((DynamicSrc.args!.title as string));
+    await canvas.findByText(DynamicSrc.args!.title as string);
     await userEvent.click(canvas.getByText('#dce1'));
     await sleep(1);
     await expect(window.location.hash).toEqual('#dce1');
@@ -63,7 +63,7 @@ import{w as u,u as s,e as n}from"./custom-element-wn23PUwN.js";import"./location
   }) => {
     const canvas = within(canvasElement);
     const le = canvasElement.querySelector('location-element');
-    await canvas.findByText((DynamicMethod.args!.title as string));
+    await canvas.findByText(DynamicMethod.args!.title as string);
     async function testHash(hash, text) {
       le.setAttribute('method', ''); // to prevent immediate URL change
       le.setAttribute('src', hash);

package/storybook-static/assets/{slice-events.test.stories-D_ttGp3g.js → slice-events.test.stories-BkRKsKem.js}

@@ -1,4 +1,4 @@
-import{w as d,e as c,u}from"./custom-element-wn23PUwN.js";import"./index-C8k3Z-3Y.js";function i(e){return new Promise(t=>setTimeout(t,e))}function h(e){const{title:t,body:a}=e;return`
+import{w as d,e as c,u}from"./index-BSz1w4Gl.js";import"./custom-element-BDGsYgbP.js";function i(e){return new Promise(t=>setTimeout(t,e))}function h(e){const{title:t,body:a}=e;return`
         <fieldset>
             <legend>${t}</legend>
             ${a}
@@ -77,11 +77,11 @@ import{w as d,e as c,u}from"./custom-element-wn23PUwN.js";import"./index-C8k3Z-3
   play: async ({
     canvasElement
   }) => {
-    const titleText = (SliceInitChangeEvent.args!.title as string);
+    const titleText = SliceInitChangeEvent.args!.title as string;
     const canvas = within(canvasElement);
     await canvas.findByText(titleText);
     const code = await canvas.findByTestId('slice-value');
-    const input = (await canvasElement.querySelector('[type="number"]') as HTMLInputElement);
+    const input = (await canvasElement.querySelector('[type="number"]')) as HTMLInputElement;
     await expect(code).toBeInTheDocument();
     expect(code.textContent).to.equal('0', 'initial slot value 0');
     expect(input.value).to.equal('0', 'initial input value 0');
@@ -119,7 +119,7 @@ import{w as d,e as c,u}from"./custom-element-wn23PUwN.js";import"./index-C8k3Z-3
   play: async ({
     canvasElement
   }) => {
-    const titleText = (RealtimeEventInSlice.args!.title as string);
+    const titleText = RealtimeEventInSlice.args!.title as string;
     const canvas = within(canvasElement);
     await canvas.findByText(titleText);
     const sliceText = () => canvas.getByTestId('//slice/s').textContent,

package/storybook-static/assets/{slots.test.stories-DBNXOm0T.js → slots.test.stories-BJCUWFkE.js}

@@ -1,4 +1,4 @@
-import{w as o,e as l}from"./custom-element-wn23PUwN.js";import"./index-C8k3Z-3Y.js";function y(t){const{title:a,tag:n,attributes:e,slot:s,payload:g}=t;return`
+import{w as o,e as l}from"./index-BSz1w4Gl.js";import"./custom-element-BDGsYgbP.js";function y(t){const{title:a,tag:n,attributes:e,slot:s,payload:g}=t;return`
         <fieldset>
             <legend>${a}</legend>
             <custom-element
@@ -57,7 +57,7 @@ import{w as o,e as l}from"./custom-element-wn23PUwN.js";import"./index-C8k3Z-3Y.
   play: async ({
     canvasElement
   }) => {
-    const titleText = (Regular.args!.title as string);
+    const titleText = Regular.args!.title as string;
     const canvas = within(canvasElement);
     await canvas.findByText(titleText);
     const el = canvasElement;
@@ -74,7 +74,7 @@ import{w as o,e as l}from"./custom-element-wn23PUwN.js";import"./index-C8k3Z-3Y.
   play: async ({
     canvasElement
   }) => {
-    const titleText = (NamedSlot.args!.title as string);
+    const titleText = NamedSlot.args!.title as string;
     const canvas = within(canvasElement);
     await canvas.findByText(titleText);
     const el = canvasElement;
@@ -91,7 +91,7 @@ import{w as o,e as l}from"./custom-element-wn23PUwN.js";import"./index-C8k3Z-3Y.
   play: async ({
     canvasElement
   }) => {
-    const titleText = (DoubleSlot.args!.title as string);
+    const titleText = DoubleSlot.args!.title as string;
     const canvas = within(canvasElement);
     await canvas.findByText(titleText);
     const el = canvasElement;
@@ -109,7 +109,7 @@ import{w as o,e as l}from"./custom-element-wn23PUwN.js";import"./index-C8k3Z-3Y.
   play: async ({
     canvasElement
   }) => {
-    const titleText = (NamedUnnamedDefaultSlot.args!.title as string);
+    const titleText = NamedUnnamedDefaultSlot.args!.title as string;
     const canvas = within(canvasElement);
     await canvas.findByText(titleText);
     const el = canvasElement;
@@ -128,7 +128,7 @@ import{w as o,e as l}from"./custom-element-wn23PUwN.js";import"./index-C8k3Z-3Y.
   play: async ({
     canvasElement
   }) => {
-    const titleText = (NamedDefaultSlot.args!.title as string);
+    const titleText = NamedDefaultSlot.args!.title as string;
     const canvas = within(canvasElement);
     await canvas.findByText(titleText);
     const el = canvasElement;
@@ -146,7 +146,7 @@ import{w as o,e as l}from"./custom-element-wn23PUwN.js";import"./index-C8k3Z-3Y.
   play: async ({
     canvasElement
   }) => {
-    const titleText = (DefaultSlot.args!.title as string);
+    const titleText = DefaultSlot.args!.title as string;
     const canvas = within(canvasElement);
     await canvas.findByText(titleText);
     const el = canvasElement;
@@ -200,7 +200,7 @@ import{w as o,e as l}from"./custom-element-wn23PUwN.js";import"./index-C8k3Z-3Y.
   play: async ({
     canvasElement
   }) => {
-    const titleText = (TemplateWithAttributesAndCondition.args!.title as string);
+    const titleText = TemplateWithAttributesAndCondition.args!.title as string;
     const canvas = within(canvasElement);
     await canvas.findByText(titleText);
     const el = canvasElement;

package/storybook-static/assets/{version-select.test.stories-CgV3UCim.js → version-select.test.stories-B3ybJn_Z.js}

@@ -1,4 +1,4 @@
-import{w as r}from"./custom-element-wn23PUwN.js";import"./http-request-DNq59pnj.js";import"./location-element-hKpcXCdn.js";import"./index-C8k3Z-3Y.js";function o(e){return new Promise(s=>setTimeout(s,e))}function n(e){const{title:s,body:i}=e;return`
+import{w as r}from"./index-BSz1w4Gl.js";import"./custom-element-BDGsYgbP.js";import"./http-request-DNq59pnj.js";import"./location-element-hKpcXCdn.js";function o(e){return new Promise(s=>setTimeout(s,e))}function n(e){const{title:s,body:i}=e;return`
         <fieldset>
             <legend>${s}</legend>
             ${i}
@@ -97,7 +97,7 @@ import{w as r}from"./custom-element-wn23PUwN.js";import"./http-request-DNq59pnj.
   play: async ({
     canvasElement
   }) => {
-    const titleText = (VersionsSelect.args!.title as string);
+    const titleText = VersionsSelect.args!.title as string;
     const canvas = within(canvasElement),
       code = async id => (await canvas.findByTestId(id)).textContent.trim();
     window.location.hash = '#@epa-wg/custom-element-dist@0.0.24/storybook-static/index.html';

package/storybook-static/demo/a.svg

@@ -0,0 +1,27 @@
+<svg id="dwc-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 216 209.18" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
+    <defs>
+
+    </defs>
+    <polygon class="cls-3" points="0 82.47 0 126.71 34.84 146.83 34.84 187.06 73.16 209.18 108 189.07 142.84 209.18 181.16 187.06 181.16 146.83 216 126.71 216 82.47 181.16 62.35 181.16 22.12 142.84 0 108 20.12 73.16 0 34.84 22.12 34.84 62.35 0 82.47"/>
+    <path class="cls-2" d="m114.33,56.69l20.64-11.92c.47-.27.47-.79,0-1.06l-20.65-11.92h0c-4.44-2.57-8.22-2.57-12.67,0l-20.65,11.92c-.47.27-.47.79,0,1.06l20.64,11.92c4.44,2.57,8.22,2.57,12.67,0h0Z"/>
+    <path class="cls-2" d="m98.19,62.71h0s-20.64-11.92-20.64-11.92c-.47-.27-.92-.01-.92.53v23.84s0,0,0,0c0,5.13,1.89,8.4,6.33,10.97l20.65,11.92c.47.27.92,0,.92-.54v-23.84c0-5.13-1.89-8.4-6.33-10.97Z"/>
+    <path class="cls-1" d="m48.12,66.01l20.65,11.92c.47.27.92,0,.92-.54v-23.84c0-5.13-1.89-8.4-6.33-10.97h0s-20.64-11.92-20.64-11.92c-.47-.27-.92-.01-.92.53v23.84s0,0,0,0c0,5.13,1.89,8.4,6.33,10.97Z"/>
+    <path class="cls-2" d="m46.18,24.66l20.64,11.92c4.44,2.57,8.22,2.57,12.67,0h0s20.64-11.92,20.64-11.92c.47-.27.47-.79,0-1.06l-20.65-11.92h0c-4.44-2.57-8.22-2.57-12.67,0l-20.65,11.92c-.47.27-.47.79,0,1.06Z"/>
+    <path class="cls-2" d="m115.87,24.66l20.64,11.92c4.44,2.57,8.22,2.57,12.67,0h0s20.64-11.92,20.64-11.92c.47-.27.47-.79,0-1.06l-20.65-11.92h0c-4.44-2.57-8.22-2.57-12.67,0l-20.65,11.92c-.47.27-.47.79,0,1.06Z"/>
+    <path class="cls-2" d="m152.65,42.59c-4.44,2.56-6.33,5.84-6.33,10.97v23.84c0,.54.45.8.92.54l20.65-11.92c4.44-2.57,6.33-5.84,6.33-10.97h0v-23.84c0-.54-.45-.8-.92-.53l-20.64,11.92h0Z"/>
+    <path class="cls-2" d="m77.55,158.4l20.65-11.92h0c4.44-2.57,6.33-5.84,6.33-10.97v-23.84c0-.54-.45-.8-.92-.53l-20.64,11.92c-4.44,2.57-6.33,5.84-6.33,10.97h0s0,23.84,0,23.84c0,.54.45.8.92.54Z"/>
+    <path class="cls-4" d="m146.31,134.03v23.84c0,.54.45.8.92.54l20.65-11.92c4.44-2.57,6.33-5.84,6.33-10.97h0s0-23.84,0-23.84c0-.54-.45-.8-.92-.53l-20.64,11.92h0c-4.44,2.57-6.33,5.84-6.33,10.97Z"/>
+    <path class="cls-4" d="m63.35,123.06h0s-20.64-11.92-20.64-11.92c-.47-.27-.92-.01-.92.53v23.84s0,0,0,0c0,5.13,1.89,8.4,6.33,10.97l20.65,11.92c.47.27.92,0,.92-.54v-23.84c0-5.13-1.89-8.4-6.33-10.97Z"/>
+    <path class="cls-4" d="m103.61,151.37l-20.64,11.92c-4.44,2.57-6.33,5.84-6.33,10.97h0s0,23.84,0,23.84c0,.54.45.8.92.54l20.65-11.92h0c4.44-2.57,6.33-5.84,6.33-10.97v-23.84c0-.54-.45-.8-.92-.53Z"/>
+    <path class="cls-4" d="m63.35,163.29h0s-20.64-11.92-20.64-11.92c-.47-.27-.92-.01-.92.53v23.84s0,0,0,0c0,5.13,1.89,8.4,6.33,10.97l20.65,11.92c.47.27.92,0,.92-.54v-23.84c0-5.13-1.89-8.4-6.33-10.97Z"/>
+    <path class="cls-4" d="m28.51,102.94h0s-20.64-11.92-20.64-11.92c-.47-.27-.92-.01-.92.53v23.84s0,0,0,0c0,5.13,1.89,8.4,6.33,10.97l20.65,11.92c.47.27.92,0,.92-.54v-23.84c0-5.13-1.89-8.4-6.33-10.97Z"/>
+    <path class="cls-4" d="m133.04,163.29l-20.64-11.92c-.47-.27-.92-.01-.92.53v23.84c0,5.13,1.89,8.4,6.33,10.97h0s20.65,11.92,20.65,11.92c.47.27.92,0,.92-.54v-23.84s0,0,0,0c0-5.13-1.89-8.4-6.33-10.97Z"/>
+    <path class="cls-4" d="m173.29,151.37l-20.64,11.92h0c-4.44,2.57-6.33,5.84-6.33,10.97v23.84c0,.54.45.8.92.54l20.65-11.92c4.44-2.57,6.33-5.84,6.33-10.97h0s0-23.84,0-23.84c0-.54-.45-.8-.92-.53Z"/>
+    <path class="cls-4" d="m209.06,91.55c0-.54-.45-.8-.92-.53l-20.64,11.92h0c-4.44,2.57-6.33,5.84-6.33,10.97v23.84c0,.54.45.8.92.54l20.65-11.92c4.44-2.57,6.33-5.84,6.33-10.97h0v-23.84Z"/>
+    <path class="cls-2" d="m149.18,117.04l20.64-11.92c.47-.27.47-.79,0-1.06l-20.65-11.92h0c-4.44-2.57-8.22-2.57-12.67,0l-20.65,11.92c-.47.27-.47.79,0,1.06l20.64,11.92c4.44,2.57,8.22,2.57,12.67,0h0Z"/>
+    <path class="cls-1" d="m112.39,98.05l20.65-11.92c4.44-2.57,6.33-5.84,6.33-10.97h0v-23.84c0-.54-.45-.8-.92-.53l-20.64,11.92h0c-4.44,2.57-6.33,5.84-6.33,10.97v23.84c0,.54.45.8.92.54Z"/>
+    <path class="cls-1" d="m100.13,105.12c.47-.27.47-.79,0-1.06l-20.65-11.92c-4.44-2.57-8.22-2.57-12.67,0h0s-20.65,11.92-20.65,11.92c-.47.27-.47.79,0,1.06l20.64,11.92h0c4.44,2.57,8.22,2.57,12.67,0l20.64-11.92Z"/>
+    <path class="cls-2" d="m65.29,85.01c.47-.27.47-.79,0-1.06l-20.65-11.92c-4.44-2.57-8.22-2.57-12.67,0h0s-20.65,11.92-20.65,11.92c-.47.27-.47.79,0,1.06l20.64,11.92h0c4.44,2.57,8.22,2.57,12.67,0l20.64-11.92Z"/>
+    <path class="cls-1" d="m133.04,123.06l-20.64-11.92c-.47-.27-.92-.01-.92.53v23.84c0,5.13,1.89,8.4,6.33,10.97h0s20.65,11.92,20.65,11.92c.47.27.92,0,.92-.54v-23.84s0,0,0,0c0-5.13-1.89-8.4-6.33-10.97Z"/>
+    <path class="cls-1" d="m184.02,96.93l20.64-11.92c.47-.27.47-.79,0-1.06l-20.65-11.92h0c-4.44-2.57-8.22-2.57-12.67,0l-20.65,11.92c-.47.27-.47.79,0,1.06l20.64,11.92c4.44,2.57,8.22,2.57,12.67,0h0Z"/>
+</svg>

package/storybook-static/demo/demo.css

@@ -4,13 +4,12 @@ html
 }
 body,nav{ display: flex; flex-wrap: wrap; align-content: stretch; gap: 1rem; }
 body>*{flex: auto;}
-nav{ flex-direction: column;}
-custom-element+*,
-custom-element+*+*,
-custom-element:not([tag]),
-dce-link,dce-1-slot,dce-2-slot,dce-3-slot,dce-4-slot,dce-2-slots,greet-element,pokemon-tile,
-dce-1,dce-2,dce-3,dce-4,dce-internal,dce-hash
-{ box-shadow: 0 0 0.5rem lime; padding: 1rem; display: inline-block; flex:1; }
+nav
+{   flex-direction: column;
+    dce-root{ box-shadow:none; padding: 0;}
+}
+
+html-demo-element *:has(>dce-root){ box-shadow: 0 0 0.5rem lime; padding: 1rem;  flex:1; display: block; }
 script{ display:none !important; }
 dd{ padding: 1rem;}
 p{ margin: 0;}

package/storybook-static/demo/external-template.html

@@ -141,13 +141,13 @@
 <html-demo-element legend="6. HTML, SVG by ID within external file" description="Should render 👋, svg, formula">
     <a href="html-template.html">html-template.html</a>
     <template>
-        <custom-element src="html-template.html#wave">
+        <custom-element src="./html-template.html#wave">
             <template><i>loading HTML from templates file ...</i></template>
         </custom-element>
-        <custom-element src="html-template.html#dwc-logo">
+        <custom-element src="./html-template.html#dwc-logo">
             <template><i>loading SVG from templates file ...</i></template>
         </custom-element>
-        <custom-element src="html-template.html#sophomores-dream">
+        <custom-element src="./html-template.html#sophomores-dream">
             <template><i>loading MathML from HTML file ...</i></template>
         </custom-element>
     </template>

package/storybook-static/demo/npm-versions-demo.html

@@ -4,8 +4,16 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
     <title>DOM merge - Declarative Custom Element implementation demo</title>
     <link rel="icon" href="./wc-square.svg"/>
-
+    <script type="importmap">
+        {
+          "imports": {
+            "@epa-wg/custom-element/": "../",
+            "@epa-wg/custom-element-dist/": "../"
+          }
+        }
+    </script>
     <script type="module" src="../http-request.js"></script>
+    <script type="module" src="../location-element.js"></script>
     <script type="module" src="../custom-element.js"></script>
     <style>
         @import "./demo.css";
@@ -40,16 +48,20 @@
 <html-demo-element legend="1. NPM package version picker"
                    description="defaults, last version should be preselected">
     <template>
-        <custom-element tag="npm-version" src="./npm-versions.html#npm-version"></custom-element>
-        <npm-version package-name="@epa-wg/custom-element-dist"></npm-version>
+        <custom-element src="./npm-versions.html#npm-version"
+                        package-name="@epa-wg/custom-element-dist"></custom-element>
     </template>
 </html-demo-element>
 
 <html-demo-element legend="2. preselected NPM package version picker"
-                   description="version 22 should be selected">
+                   description="version 22 should be selected and date shown">
     <template>
         <custom-element tag="custom-element-version" src="./npm-versions.html#npm-version"></custom-element>
-        <custom-element-version current-version="0.0.22" package-name="@epa-wg/custom-element"></custom-element-version>
+        <custom-element-version
+                package-name="@epa-wg/custom-element"
+                current-version="0.0.22"
+                show-date="true"
+        ></custom-element-version>
     </template>
 </html-demo-element>
 
@@ -90,11 +102,12 @@
 
 <html-demo-element legend="5. control version in URL"
                    description="">
-    1. <button onclick="window.location.hash = `#@epa-wg/custom-element-dist@0.0.26/storybook-static/index.html`">set in page URL</button>
-        (can be skipped when run from unpkg.com)<br/>
+    1. <button onclick="window.location.hash = `#@epa-wg/custom-element-dist@0.0.25/storybook-static/index.html`">set in page URL to version 0.0.25</button><br/>
     2. switch the package version in select and observe the URL change.
     <template>
-        <custom-element src="./npm-versions.html#npm-version-to-url" package-name="custom-element-dist" current-version="0.0.26"></custom-element>
+        <custom-element src="@epa-wg/custom-element-dist/demo/npm-versions.html#npm-version-to-url"
+                package-name="@epa-wg/custom-element-dist"
+                ></custom-element>
     </template>
 </html-demo-element>