react-asc 25.8.2 → 25.10.0

package/showcase/list.md

@@ -0,0 +1,98 @@
+//  Simple List
+
+<List>
+	<ListItem>
+		<ListItemText primary="lorem ipsum" />
+	</ListItem>
+	<ListItem disabled>
+		<ListItemText primary="lorem ipsum" />
+	</ListItem>
+</List>
+
+
+// Two Lines
+
+<List>
+	<ListItem onClick={handleClickItem}>
+		<ListItemText 
+			primary="1st lorem ipsum" 
+			secondary="2nd lorem ipsum" 
+		/>
+	</ListItem>
+	<ListItem onClick={handleClickItem}>
+		<ListItemText 
+			primary="1st lorem ipsum" 
+			secondary="2nd lorem ipsum" 
+		/>
+	</ListItem>
+</List>
+
+
+// Avatar
+
+<List >
+	<ListItem>
+		<ListItemAvatar avatar={<UserCircleSolidIcon />} />
+		<ListItemText primary="lorem ipsum" />
+	</ListItem>
+	<ListItem>
+		<ListItemAvatar avatar={<span>2</span>} />
+		<ListItemText primary="lorem ipsum" />
+	</ListItem>
+</List>
+
+
+//  Icon
+
+<List>
+	<ListItem>
+		<ListItemIcon icon={<HomeSolidIcon />} />
+		<ListItemText primary="lorem ipsum" />
+	</ListItem>
+</List>
+
+
+// Action Item
+
+<List>
+	<ListItem>
+		<ListItemText primary="lorem ipsum" />
+		<ListItemAction>
+			<IconButton 
+				onClick={handleClickAction} 
+				icon={<HomeSolidIcon />} 
+			/>
+		</ListItemAction>
+	</ListItem>
+	<ListItem>
+		<ListItemText primary="lorem ipsum" />
+		<ListItemAction>
+			<IconButton 
+				color={COLOR.primary} 
+				onClick={handleClickAction} 
+				icon={<HomeSolidIcon />} 
+			/>
+		</ListItemAction>
+	</ListItem>
+</List>
+
+
+// Colors
+
+<List>
+	<ListItem color={COLOR.primary}>
+		primary
+	</ListItem>
+	<ListItem color={COLOR.accent}>
+		accent
+	</ListItem>
+	<ListItem color={COLOR.secondary}>
+		secondary
+	</ListItem>
+	<ListItem color={COLOR.light}>
+		light
+	</ListItem>
+	<ListItem color={COLOR.dark}>
+		dark
+	</ListItem>
+</List>

package/showcase/loadingindicator.md

@@ -0,0 +1,38 @@
+// default
+
+const [isVisible, setIsVisible] = useState<boolean>(false);
+
+return (
+	<>
+		{isVisible &&
+			<LoadingIndicatorContainer>
+				<LoadingIndicator />
+			</LoadingIndicatorContainer>
+		}
+
+		<Button onClick={() => setIsVisible(true)}>
+			show loading indicator
+		</Button>
+	</>
+)
+
+
+// by service
+import { Button, loadingIndicatorService } from '..';
+
+const LoadingIndicatorExample = () => {
+	const handleClick = () => {
+		loadingIndicatorService.show();
+		setTimeout(() => {
+			loadingIndicatorService.hide();
+		}, 1000);
+	};
+
+	return (
+		<div>
+			<Button onClick={handleClick}>
+				show loading indicator
+			</Button>
+		</div>
+	);
+}

package/showcase/menu.md

@@ -0,0 +1,17 @@
+<Menu
+	toggle={<Button>Menu Button</Button>}
+>
+	<MenuItem type="header">
+		This is a header
+	</MenuItem>
+	<MenuDivider />
+	<MenuItem onClick={() => handleClick('1')}>
+		Action 1
+	</MenuItem>
+	<MenuItem onClick={() => handleClick('2')}>
+		Action 2
+	</MenuItem>
+	<MenuItem onClick={() => handleClick('3')}>
+		Action 3
+	</MenuItem>
+</Menu>

package/showcase/modal.md

@@ -0,0 +1,46 @@
+// default Modal
+
+const MyModalPage = () => {
+
+	const [isVisible, setIsVisible] = useState(false);
+
+	return (
+		<Button onClick={() => setIsVisible(!isVisible)}>
+			show modal
+		</Button>
+
+		{isVisible &&
+			<Modal
+				header="Modal Header"
+				onHeaderCloseClick={() => setIsVisible(!isVisible)}
+			>
+				some modal content
+			</Modal>
+		}
+	);
+}
+
+
+// with modalService
+
+import { Button, modalService } from 'react-asc';
+
+const ModalExample = () => {
+
+	const handleClick = () => {
+		modalService.show('some title', 'some content')
+			.then(() => 
+				// ok clicked
+			)
+			.catch(() => {
+				// cancel clicked
+			});
+	};
+
+	return (
+		<Button onClick={handleClick}>
+			show modal
+		</Button>
+	);
+}
+

package/showcase/numberselect.md

@@ -0,0 +1,20 @@
+import React, { useState } from 'react';
+import { NumberSelect } from 'react-asc';
+
+const NumberSelectExample = () => {
+
+	const [value, setValue] = useState<number>(10);
+
+	const handleOnChange = (e: number) => {
+		setValue(e);
+	}
+
+	return (
+		<NumberSelect
+			from={10}
+			to={20}
+			value={value}
+			onChange={handleOnChange}
+		/>
+	);
+}

package/showcase/progressbar.description.md

@@ -0,0 +1 @@
+The ProgressBar is a horizontal presentation for indicating progress and activity.

package/showcase/progressbar.md

@@ -0,0 +1,3 @@
+<ProgressBar 
+	value={10} 
+/>

package/showcase/select.md

@@ -0,0 +1,20 @@
+<Select
+	options={[
+		{ value: "1", label: 'one' },
+		{ value: "2", label: 'two' },
+		{ value: "3", label: 'three' },
+		{ value: "4", label: 'four' },
+		{ value: "5", label: 'five' },
+		{ value: "6", label: 'six' },
+		{ value: "7", label: 'seven' },
+		{ value: "8", label: 'eight' },
+		{ value: "9", label: 'nine' },
+		{ value: "10", label: 'ten' },
+		{ value: "11", label: 'eleven' },
+		{ value: "12", label: 'twelve' },
+		{ value: "13", label: 'thirteen' },
+		{ value: "14", label: 'fourteen' },
+		{ value: "15", label: 'fifteen' },
+	]}
+	onChange={handleOnChange}
+/>

package/showcase/servicelogger.md

@@ -0,0 +1,9 @@
+const MyComponet = () => {
+	const handleOnChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+		loggerService.log(e);
+	}
+
+	return (
+		<input type="text" onChange={handleOnChange} />
+	);
+}

package/showcase/skeleton.description.md

@@ -0,0 +1,5 @@
+A skeleton screen is an animated placeholder. <br />
+It simulates the layout while data is being loaded. <br /><br />
+
+Also known as: <br />
+Content loaders, skeleton screens, ghost elements, and content placeholders

package/showcase/skeleton.md

@@ -0,0 +1,5 @@
+<SkeletonAvatar />
+<SkeletonText className='mt-1' />
+<SkeletonText />
+<SkeletonImage />
+<SkeletonFooter />

package/showcase/snackbar.md

@@ -0,0 +1,22 @@
+import { Button, COLOR, snackbarService } from 'react-asc';
+
+const SnackbarExample = () => {
+
+	const handleClick = () => {
+		snackbarService
+			.show(settingValues.message, {
+				actionText: settingValues.actionText,
+				timeout: settingValues.timeout,
+				color: settingValues.color
+			})
+			.then(() => loggerService.debug('onOk clicked'));
+	};
+
+	return (
+		<div>
+			<Button onClick={handleClick}>
+				show snackbar
+			</Button>
+		</div>
+	);
+}

package/showcase/speeddial.md

@@ -0,0 +1,43 @@
+import React, { useEffect, useState } from 'react';
+import { ISpeedDialProps, snackbarService, SpeedDial, SpeedDialAction } from 'react-asc';
+import { InfoSolidIcon } from '../assets';
+import { IShowcaseBaseProps, withOptions } from './components';
+
+const SpeedDialExample = () => {
+
+	const [open, setOpen] = useState<boolean>(false);
+
+	const handleClick = (index: number) => {
+		snackbarService.show(`you clicked action: ${index}`);
+		handleClose();
+	}
+
+	const handleOpen = () => {
+		setOpen(true);
+	}
+
+	const handleClose = () => {
+		setOpen(false);
+	}
+
+	return (
+		<div style={{ height: '200px', position: 'relative' }}>
+			<SpeedDial
+				open={open}
+				onOpen={handleOpen}
+				onClose={handleClose}
+				style={{ position: 'absolute', bottom: 0, right: 0 }}>
+				<SpeedDialAction
+					icon={<InfoSolidIcon />}
+					tooltipTitle="some tooltip text"
+					onClick={() => handleClick(1)}
+				/>
+				<SpeedDialAction
+					icon={<InfoSolidIcon />}
+					tooltipTitle="some tooltip text"
+					onClick={() => handleClick(2)}
+				/>
+			</SpeedDial>
+		</div>
+	);
+}

package/showcase/stepper.description.md

@@ -0,0 +1 @@
+Stepper visualizes a progress through steps. It provides a wizard-like workflow.

package/showcase/stepper.md

@@ -0,0 +1,40 @@
+const MyExample = () => {
+
+	const [value, setValue] = useState<number>(0);
+
+	const handleOnChange = (index: number): void => {
+		void snackbarService.show(`you selected step ${index + 1}`);
+		setValue(index);
+	};
+
+	const handleOnFinish = (): void => {
+		void snackbarService.show('you reached the end');
+	};
+
+	return (
+		<Stepper
+			value={value}
+			onChange={handleOnChange}
+			onFinish={handleOnFinish}
+		>
+			<Step value="1" label="Step 1">
+				Content 1 Content 1 Content 1
+			</Step>
+			<Step value="2" label="Step 2">
+				Content 2 Content 2 Content 2<br />
+				Content 2 Content 2 Content 2
+			</Step>
+			<Step value="3" label="Step 3">
+				Content 3 Content 3 Content 3<br />
+				Content 3 Content 3 Content 3<br />
+				Content 3 Content 3 Content 3
+			</Step>
+			<Step value="4" label="Step 4">
+				Content 4 Content 4 Content 4<br />
+				Content 4 Content 4 Content 4<br />
+				Content 4 Content 4 Content 4<br />
+				Content 4 Content 4 Content 4
+			</Step>
+		</Stepper>
+	);
+}

package/showcase/table.md

@@ -0,0 +1,30 @@
+<Table>
+	<TableHead>
+		<TableRow>
+			<TableCell>#</TableCell>
+			<TableCell>First</TableCell>
+			<TableCell>Last</TableCell>
+			<TableCell>Handle</TableCell>
+		</TableRow>
+	</TableHead>
+
+	<TableBody>
+		<TableRow>
+			<TableCell component='th' scope="row">1</TableCell>
+			<TableCell>Mark</TableCell>
+			<TableCell>Otto</TableCell>
+			<TableCell>@mdo</TableCell>
+		</TableRow>
+		<TableRow>
+			<TableCell component='th' scope="row">2</TableCell>
+			<TableCell>Jacob</TableCell>
+			<TableCell>Thornton</TableCell>
+			<TableCell>@fat</TableCell>
+		</TableRow>
+		<TableRow>
+			<TableCell component='th' scope="row">3</TableCell>
+			<TableCell colSpan={2}>Larry the Bird</TableCell>
+			<TableCell>@twitter</TableCell>
+		</TableRow>
+	</TableBody>
+</Table>

package/showcase/tabs.md

@@ -0,0 +1,35 @@
+export const TabsPage = () => {
+	const [value, setValue] = useState<string>('tab2');
+
+	const handleChange = (event: any, newValue: string) => {
+		setValue(newValue);
+	}
+
+	return (
+		<div>
+			<Tabs
+				value={value}
+				onChange={handleChange}
+			>
+				<Tab value="tab1" label="Tab 1" />
+				<Tab value="tab2" label="Tab 2" />
+				<Tab value="tab3" label={<div className="text-success">Tab 3 with css</div>} />
+				<Tab value="tab4" label="Tab 4" disabled />
+			</Tabs>
+
+			<TabPanel value={value} index="tab1">
+				Tab1 Content
+			</TabPanel>
+			<TabPanel value={value} index="tab2">
+				Tab2 Content
+			</TabPanel>
+			<TabPanel value={value} index="tab3">
+				Tab3 Content
+			</TabPanel>
+			<TabPanel value={value} index="tab4">
+				Tab4 Content should never be displayed
+			</TabPanel>
+		</div>
+	);
+}
+

package/showcase/timeselect.md

@@ -0,0 +1 @@
+coming soon

package/showcase/tooltip.md

@@ -0,0 +1,6 @@
+<Tooltip
+	text="some tooltip text"
+	placement={settingValues.placement}
+>
+	<Button>some button text</Button>
+</Tooltip>

package/showcase/treeview.md

@@ -0,0 +1,12 @@
+<TreeView>
+	<TreeItem nodeId="1" label="some text" onSelect={handleOnSelect}>
+		<TreeItem nodeId="11" label="some text" onSelect={handleOnSelect} />
+		<TreeItem nodeId="12" label="some text" onSelect={handleOnSelect} />
+		<TreeItem nodeId="13" label="some text" onSelect={handleOnSelect}>
+			<TreeItem nodeId="111" label="some text" onSelect={handleOnSelect} />
+			<TreeItem nodeId="112" label="some text" onSelect={handleOnSelect} />
+		</TreeItem>
+	</TreeItem>
+	<TreeItem nodeId="2" label="some text" onSelect={handleOnSelect} />
+	<TreeItem nodeId="3" label="some text" onSelect={handleOnSelect} />
+</TreeView>

package/showcase/typography.md

@@ -0,0 +1,6 @@
+<Typography as="h1">Heading1</Typography>
+<Typography as="h2">Heading1</Typography>
+<Typography as="h3">Heading1</Typography>
+<Typography as="h4">Heading1</Typography>
+<Typography as="h5">Heading1</Typography>
+<Typography as="h6">Heading1</Typography>

package/sw.js

@@ -0,0 +1 @@
+if(!self.define){let e,i={};const n=(n,s)=>(n=new URL(n+".js",s).href,i[n]||new Promise((i=>{if("document"in self){const e=document.createElement("script");e.src=n,e.onload=i,document.head.appendChild(e)}else e=n,importScripts(n),i()})).then((()=>{let e=i[n];if(!e)throw new Error(`Module ${n} didn’t register its module`);return e})));self.define=(s,r)=>{const o=e||("document"in self?document.currentScript.src:"")||location.href;if(i[o])return;let d={};const t=e=>n(e,o),c={module:{uri:o},exports:d,require:t};i[o]=Promise.all(s.map((e=>c[e]||t(e)))).then((e=>(r(...e),d)))}}define(["./workbox-fa446783"],(function(e){"use strict";self.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"assets/index-5bb661b4.js",revision:null},{url:"assets/index-b3809a2b.css",revision:null},{url:"assets/workbox-window.prod.es5-a7b12eab.js",revision:null},{url:"index.html",revision:"563fa35be0ec7d48bc411e5ed8f9e92f"},{url:"favicon.svg",revision:"121679f9ca69ae62a01bc4b4841001c7"},{url:"favicon.ico",revision:"db3a29ad0345f76b56ad392b8d3be00d"},{url:"robots.txt",revision:"fa1ded1ed7c11438a9b0385b1e112850"},{url:"apple-touch-icon.png",revision:"e8531cbd74dacfd13a21b78deacd1c9e"},{url:"pwa-192x192.png",revision:"f3084d7b46dd6239958cad5e96122ab6"},{url:"pwa-512x512.png",revision:"79734f9cc64b06bed3b9b104514e709c"},{url:"manifest.webmanifest",revision:"d3ef9fc0812160c3a76bf3837e844948"}],{}),e.cleanupOutdatedCaches(),e.registerRoute(new e.NavigationRoute(e.createHandlerBoundToURL("index.html")))}));

package/workbox-fa446783.js

@@ -0,0 +1 @@
+define(["exports"],(function(t){"use strict";try{self["workbox:core:7.0.0"]&&_()}catch(t){}const e=(t,...e)=>{let s=t;return e.length>0&&(s+=` :: ${JSON.stringify(e)}`),s};class s extends Error{constructor(t,s){super(e(t,s)),this.name=t,this.details=s}}try{self["workbox:routing:7.0.0"]&&_()}catch(t){}const n=t=>t&&"object"==typeof t?t:{handle:t};class i{constructor(t,e,s="GET"){this.handler=n(e),this.match=t,this.method=s}setCatchHandler(t){this.catchHandler=n(t)}}class r extends i{constructor(t,e,s){super((({url:e})=>{const s=t.exec(e.href);if(s&&(e.origin===location.origin||0===s.index))return s.slice(1)}),e,s)}}class o{constructor(){this.t=new Map,this.i=new Map}get routes(){return this.t}addFetchListener(){self.addEventListener("fetch",(t=>{const{request:e}=t,s=this.handleRequest({request:e,event:t});s&&t.respondWith(s)}))}addCacheListener(){self.addEventListener("message",(t=>{if(t.data&&"CACHE_URLS"===t.data.type){const{payload:e}=t.data,s=Promise.all(e.urlsToCache.map((e=>{"string"==typeof e&&(e=[e]);const s=new Request(...e);return this.handleRequest({request:s,event:t})})));t.waitUntil(s),t.ports&&t.ports[0]&&s.then((()=>t.ports[0].postMessage(!0)))}}))}handleRequest({request:t,event:e}){const s=new URL(t.url,location.href);if(!s.protocol.startsWith("http"))return;const n=s.origin===location.origin,{params:i,route:r}=this.findMatchingRoute({event:e,request:t,sameOrigin:n,url:s});let o=r&&r.handler;const c=t.method;if(!o&&this.i.has(c)&&(o=this.i.get(c)),!o)return;let a;try{a=o.handle({url:s,request:t,event:e,params:i})}catch(t){a=Promise.reject(t)}const h=r&&r.catchHandler;return a instanceof Promise&&(this.o||h)&&(a=a.catch((async n=>{if(h)try{return await h.handle({url:s,request:t,event:e,params:i})}catch(t){t instanceof Error&&(n=t)}if(this.o)return this.o.handle({url:s,request:t,event:e});throw n}))),a}findMatchingRoute({url:t,sameOrigin:e,request:s,event:n}){const i=this.t.get(s.method)||[];for(const r of i){let i;const o=r.match({url:t,sameOrigin:e,request:s,event:n});if(o)return i=o,(Array.isArray(i)&&0===i.length||o.constructor===Object&&0===Object.keys(o).length||"boolean"==typeof o)&&(i=void 0),{route:r,params:i}}return{}}setDefaultHandler(t,e="GET"){this.i.set(e,n(t))}setCatchHandler(t){this.o=n(t)}registerRoute(t){this.t.has(t.method)||this.t.set(t.method,[]),this.t.get(t.method).push(t)}unregisterRoute(t){if(!this.t.has(t.method))throw new s("unregister-route-but-not-found-with-method",{method:t.method});const e=this.t.get(t.method).indexOf(t);if(!(e>-1))throw new s("unregister-route-route-not-registered");this.t.get(t.method).splice(e,1)}}let c;const a=()=>(c||(c=new o,c.addFetchListener(),c.addCacheListener()),c);function h(t,e,n){let o;if("string"==typeof t){const s=new URL(t,location.href);o=new i((({url:t})=>t.href===s.href),e,n)}else if(t instanceof RegExp)o=new r(t,e,n);else if("function"==typeof t)o=new i(t,e,n);else{if(!(t instanceof i))throw new s("unsupported-route-type",{moduleName:"workbox-routing",funcName:"registerRoute",paramName:"capture"});o=t}return a().registerRoute(o),o}const u={googleAnalytics:"googleAnalytics",precache:"precache-v2",prefix:"workbox",runtime:"runtime",suffix:"undefined"!=typeof registration?registration.scope:""},l=t=>[u.prefix,t,u.suffix].filter((t=>t&&t.length>0)).join("-"),f=t=>t||l(u.precache),w=t=>t||l(u.runtime);function d(t,e){const s=e();return t.waitUntil(s),s}try{self["workbox:precaching:7.0.0"]&&_()}catch(t){}function p(t){if(!t)throw new s("add-to-cache-list-unexpected-type",{entry:t});if("string"==typeof t){const e=new URL(t,location.href);return{cacheKey:e.href,url:e.href}}const{revision:e,url:n}=t;if(!n)throw new s("add-to-cache-list-unexpected-type",{entry:t});if(!e){const t=new URL(n,location.href);return{cacheKey:t.href,url:t.href}}const i=new URL(n,location.href),r=new URL(n,location.href);return i.searchParams.set("__WB_REVISION__",e),{cacheKey:i.href,url:r.href}}class y{constructor(){this.updatedURLs=[],this.notUpdatedURLs=[],this.handlerWillStart=async({request:t,state:e})=>{e&&(e.originalRequest=t)},this.cachedResponseWillBeUsed=async({event:t,state:e,cachedResponse:s})=>{if("install"===t.type&&e&&e.originalRequest&&e.originalRequest instanceof Request){const t=e.originalRequest.url;s?this.notUpdatedURLs.push(t):this.updatedURLs.push(t)}return s}}}class g{constructor({precacheController:t}){this.cacheKeyWillBeUsed=async({request:t,params:e})=>{const s=(null==e?void 0:e.cacheKey)||this.h.getCacheKeyForURL(t.url);return s?new Request(s,{headers:t.headers}):t},this.h=t}}let R;async function m(t,e){let n=null;if(t.url){n=new URL(t.url).origin}if(n!==self.location.origin)throw new s("cross-origin-copy-response",{origin:n});const i=t.clone(),r={headers:new Headers(i.headers),status:i.status,statusText:i.statusText},o=e?e(r):r,c=function(){if(void 0===R){const t=new Response("");if("body"in t)try{new Response(t.body),R=!0}catch(t){R=!1}R=!1}return R}()?i.body:await i.blob();return new Response(c,o)}function v(t,e){const s=new URL(t);for(const t of e)s.searchParams.delete(t);return s.href}class q{constructor(){this.promise=new Promise(((t,e)=>{this.resolve=t,this.reject=e}))}}const U=new Set;try{self["workbox:strategies:7.0.0"]&&_()}catch(t){}function L(t){return"string"==typeof t?new Request(t):t}class b{constructor(t,e){this.u={},Object.assign(this,e),this.event=e.event,this.l=t,this.p=new q,this.g=[],this.R=[...t.plugins],this.m=new Map;for(const t of this.R)this.m.set(t,{});this.event.waitUntil(this.p.promise)}async fetch(t){const{event:e}=this;let n=L(t);if("navigate"===n.mode&&e instanceof FetchEvent&&e.preloadResponse){const t=await e.preloadResponse;if(t)return t}const i=this.hasCallback("fetchDidFail")?n.clone():null;try{for(const t of this.iterateCallbacks("requestWillFetch"))n=await t({request:n.clone(),event:e})}catch(t){if(t instanceof Error)throw new s("plugin-error-request-will-fetch",{thrownErrorMessage:t.message})}const r=n.clone();try{let t;t=await fetch(n,"navigate"===n.mode?void 0:this.l.fetchOptions);for(const s of this.iterateCallbacks("fetchDidSucceed"))t=await s({event:e,request:r,response:t});return t}catch(t){throw i&&await this.runCallbacks("fetchDidFail",{error:t,event:e,originalRequest:i.clone(),request:r.clone()}),t}}async fetchAndCachePut(t){const e=await this.fetch(t),s=e.clone();return this.waitUntil(this.cachePut(t,s)),e}async cacheMatch(t){const e=L(t);let s;const{cacheName:n,matchOptions:i}=this.l,r=await this.getCacheKey(e,"read"),o=Object.assign(Object.assign({},i),{cacheName:n});s=await caches.match(r,o);for(const t of this.iterateCallbacks("cachedResponseWillBeUsed"))s=await t({cacheName:n,matchOptions:i,cachedResponse:s,request:r,event:this.event})||void 0;return s}async cachePut(t,e){const n=L(t);var i;await(i=0,new Promise((t=>setTimeout(t,i))));const r=await this.getCacheKey(n,"write");if(!e)throw new s("cache-put-with-no-response",{url:(o=r.url,new URL(String(o),location.href).href.replace(new RegExp(`^${location.origin}`),""))});var o;const c=await this.v(e);if(!c)return!1;const{cacheName:a,matchOptions:h}=this.l,u=await self.caches.open(a),l=this.hasCallback("cacheDidUpdate"),f=l?await async function(t,e,s,n){const i=v(e.url,s);if(e.url===i)return t.match(e,n);const r=Object.assign(Object.assign({},n),{ignoreSearch:!0}),o=await t.keys(e,r);for(const e of o)if(i===v(e.url,s))return t.match(e,n)}(u,r.clone(),["__WB_REVISION__"],h):null;try{await u.put(r,l?c.clone():c)}catch(t){if(t instanceof Error)throw"QuotaExceededError"===t.name&&await async function(){for(const t of U)await t()}(),t}for(const t of this.iterateCallbacks("cacheDidUpdate"))await t({cacheName:a,oldResponse:f,newResponse:c.clone(),request:r,event:this.event});return!0}async getCacheKey(t,e){const s=`${t.url} | ${e}`;if(!this.u[s]){let n=t;for(const t of this.iterateCallbacks("cacheKeyWillBeUsed"))n=L(await t({mode:e,request:n,event:this.event,params:this.params}));this.u[s]=n}return this.u[s]}hasCallback(t){for(const e of this.l.plugins)if(t in e)return!0;return!1}async runCallbacks(t,e){for(const s of this.iterateCallbacks(t))await s(e)}*iterateCallbacks(t){for(const e of this.l.plugins)if("function"==typeof e[t]){const s=this.m.get(e),n=n=>{const i=Object.assign(Object.assign({},n),{state:s});return e[t](i)};yield n}}waitUntil(t){return this.g.push(t),t}async doneWaiting(){let t;for(;t=this.g.shift();)await t}destroy(){this.p.resolve(null)}async v(t){let e=t,s=!1;for(const t of this.iterateCallbacks("cacheWillUpdate"))if(e=await t({request:this.request,response:e,event:this.event})||void 0,s=!0,!e)break;return s||e&&200!==e.status&&(e=void 0),e}}class C{constructor(t={}){this.cacheName=w(t.cacheName),this.plugins=t.plugins||[],this.fetchOptions=t.fetchOptions,this.matchOptions=t.matchOptions}handle(t){const[e]=this.handleAll(t);return e}handleAll(t){t instanceof FetchEvent&&(t={event:t,request:t.request});const e=t.event,s="string"==typeof t.request?new Request(t.request):t.request,n="params"in t?t.params:void 0,i=new b(this,{event:e,request:s,params:n}),r=this.q(i,s,e);return[r,this.U(r,i,s,e)]}async q(t,e,n){let i;await t.runCallbacks("handlerWillStart",{event:n,request:e});try{if(i=await this.L(e,t),!i||"error"===i.type)throw new s("no-response",{url:e.url})}catch(s){if(s instanceof Error)for(const r of t.iterateCallbacks("handlerDidError"))if(i=await r({error:s,event:n,request:e}),i)break;if(!i)throw s}for(const s of t.iterateCallbacks("handlerWillRespond"))i=await s({event:n,request:e,response:i});return i}async U(t,e,s,n){let i,r;try{i=await t}catch(r){}try{await e.runCallbacks("handlerDidRespond",{event:n,request:s,response:i}),await e.doneWaiting()}catch(t){t instanceof Error&&(r=t)}if(await e.runCallbacks("handlerDidComplete",{event:n,request:s,response:i,error:r}),e.destroy(),r)throw r}}class E extends C{constructor(t={}){t.cacheName=f(t.cacheName),super(t),this._=!1!==t.fallbackToNetwork,this.plugins.push(E.copyRedirectedCacheableResponsesPlugin)}async L(t,e){const s=await e.cacheMatch(t);return s||(e.event&&"install"===e.event.type?await this.C(t,e):await this.O(t,e))}async O(t,e){let n;const i=e.params||{};if(!this._)throw new s("missing-precache-entry",{cacheName:this.cacheName,url:t.url});{const s=i.integrity,r=t.integrity,o=!r||r===s;n=await e.fetch(new Request(t,{integrity:"no-cors"!==t.mode?r||s:void 0})),s&&o&&"no-cors"!==t.mode&&(this.N(),await e.cachePut(t,n.clone()))}return n}async C(t,e){this.N();const n=await e.fetch(t);if(!await e.cachePut(t,n.clone()))throw new s("bad-precaching-response",{url:t.url,status:n.status});return n}N(){let t=null,e=0;for(const[s,n]of this.plugins.entries())n!==E.copyRedirectedCacheableResponsesPlugin&&(n===E.defaultPrecacheCacheabilityPlugin&&(t=s),n.cacheWillUpdate&&e++);0===e?this.plugins.push(E.defaultPrecacheCacheabilityPlugin):e>1&&null!==t&&this.plugins.splice(t,1)}}E.defaultPrecacheCacheabilityPlugin={cacheWillUpdate:async({response:t})=>!t||t.status>=400?null:t},E.copyRedirectedCacheableResponsesPlugin={cacheWillUpdate:async({response:t})=>t.redirected?await m(t):t};class O{constructor({cacheName:t,plugins:e=[],fallbackToNetwork:s=!0}={}){this.k=new Map,this.K=new Map,this.P=new Map,this.l=new E({cacheName:f(t),plugins:[...e,new g({precacheController:this})],fallbackToNetwork:s}),this.install=this.install.bind(this),this.activate=this.activate.bind(this)}get strategy(){return this.l}precache(t){this.addToCacheList(t),this.T||(self.addEventListener("install",this.install),self.addEventListener("activate",this.activate),this.T=!0)}addToCacheList(t){const e=[];for(const n of t){"string"==typeof n?e.push(n):n&&void 0===n.revision&&e.push(n.url);const{cacheKey:t,url:i}=p(n),r="string"!=typeof n&&n.revision?"reload":"default";if(this.k.has(i)&&this.k.get(i)!==t)throw new s("add-to-cache-list-conflicting-entries",{firstEntry:this.k.get(i),secondEntry:t});if("string"!=typeof n&&n.integrity){if(this.P.has(t)&&this.P.get(t)!==n.integrity)throw new s("add-to-cache-list-conflicting-integrities",{url:i});this.P.set(t,n.integrity)}if(this.k.set(i,t),this.K.set(i,r),e.length>0){const t=`Workbox is precaching URLs without revision info: ${e.join(", ")}\nThis is generally NOT safe. Learn more at https://bit.ly/wb-precache`;console.warn(t)}}}install(t){return d(t,(async()=>{const e=new y;this.strategy.plugins.push(e);for(const[e,s]of this.k){const n=this.P.get(s),i=this.K.get(e),r=new Request(e,{integrity:n,cache:i,credentials:"same-origin"});await Promise.all(this.strategy.handleAll({params:{cacheKey:s},request:r,event:t}))}const{updatedURLs:s,notUpdatedURLs:n}=e;return{updatedURLs:s,notUpdatedURLs:n}}))}activate(t){return d(t,(async()=>{const t=await self.caches.open(this.strategy.cacheName),e=await t.keys(),s=new Set(this.k.values()),n=[];for(const i of e)s.has(i.url)||(await t.delete(i),n.push(i.url));return{deletedURLs:n}}))}getURLsToCacheKeys(){return this.k}getCachedURLs(){return[...this.k.keys()]}getCacheKeyForURL(t){const e=new URL(t,location.href);return this.k.get(e.href)}getIntegrityForCacheKey(t){return this.P.get(t)}async matchPrecache(t){const e=t instanceof Request?t.url:t,s=this.getCacheKeyForURL(e);if(s){return(await self.caches.open(this.strategy.cacheName)).match(s)}}createHandlerBoundToURL(t){const e=this.getCacheKeyForURL(t);if(!e)throw new s("non-precached-url",{url:t});return s=>(s.request=new Request(t),s.params=Object.assign({cacheKey:e},s.params),this.strategy.handle(s))}}let x;const N=()=>(x||(x=new O),x);class k extends i{constructor(t,e){super((({request:s})=>{const n=t.getURLsToCacheKeys();for(const i of function*(t,{ignoreURLParametersMatching:e=[/^utm_/,/^fbclid$/],directoryIndex:s="index.html",cleanURLs:n=!0,urlManipulation:i}={}){const r=new URL(t,location.href);r.hash="",yield r.href;const o=function(t,e=[]){for(const s of[...t.searchParams.keys()])e.some((t=>t.test(s)))&&t.searchParams.delete(s);return t}(r,e);if(yield o.href,s&&o.pathname.endsWith("/")){const t=new URL(o.href);t.pathname+=s,yield t.href}if(n){const t=new URL(o.href);t.pathname+=".html",yield t.href}if(i){const t=i({url:r});for(const e of t)yield e.href}}(s.url,e)){const e=n.get(i);if(e){return{cacheKey:e,integrity:t.getIntegrityForCacheKey(e)}}}}),t.strategy)}}t.NavigationRoute=class extends i{constructor(t,{allowlist:e=[/./],denylist:s=[]}={}){super((t=>this.W(t)),t),this.j=e,this.M=s}W({url:t,request:e}){if(e&&"navigate"!==e.mode)return!1;const s=t.pathname+t.search;for(const t of this.M)if(t.test(s))return!1;return!!this.j.some((t=>t.test(s)))}},t.cleanupOutdatedCaches=function(){self.addEventListener("activate",(t=>{const e=f();t.waitUntil((async(t,e="-precache-")=>{const s=(await self.caches.keys()).filter((s=>s.includes(e)&&s.includes(self.registration.scope)&&s!==t));return await Promise.all(s.map((t=>self.caches.delete(t)))),s})(e).then((t=>{})))}))},t.clientsClaim=function(){self.addEventListener("activate",(()=>self.clients.claim()))},t.createHandlerBoundToURL=function(t){return N().createHandlerBoundToURL(t)},t.precacheAndRoute=function(t,e){!function(t){N().precache(t)}(t),function(t){const e=N();h(new k(e,t))}(e)},t.registerRoute=h}));