@vuepress/plugin-pwa 2.0.0-rc.125 → 2.0.0-rc.127

package/dist/{PwaFoundPopup-DWmIsyXx.d.ts → PwaFoundPopup-U47ypQoC.d.ts}

@@ -1,14 +1,14 @@
-import { t as PwaPluginLocaleConfig } from "./types-D2911FOa.js";
+import { t as PwaPluginLocaleConfig } from "./types-BLkMmayH.js";
 import { Slot } from "@vuepress/helper/client";
-import * as vue from "vue";
+import * as _$vue from "vue";
 import { PropType, SlotsType, VNode } from "vue";
 //#region src/client/components/PwaFoundPopup.d.ts
-declare const PwaFoundPopup: vue.DefineComponent<vue.ExtractPropTypes<{
+declare const PwaFoundPopup: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   /** locale data */locales: {
     type: PropType<PwaPluginLocaleConfig>;
     required: true;
   };
-}>, () => VNode, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, () => VNode, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   /** locale data */locales: {
     type: PropType<PwaPluginLocaleConfig>;
     required: true;
@@ -18,7 +18,7 @@ declare const PwaFoundPopup: vue.DefineComponent<vue.ExtractPropTypes<{
     found: boolean;
     refresh: () => void;
   }>;
-}>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { PwaFoundPopup as t };
-//# sourceMappingURL=PwaFoundPopup-DWmIsyXx.d.ts.map
+//# sourceMappingURL=PwaFoundPopup-U47ypQoC.d.ts.map

package/dist/PwaInstall-D2rYRuV_.css

@@ -0,0 +1,470 @@
+@keyframes pwa-opened {
+  from {
+    opacity: .4;
+    transform: scale(.8);
+  }
+
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+@keyframes pwa-mobile {
+  from {
+    opacity: .6;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes pwa-fade-in {
+  from {
+    opacity: .2;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+.modal-button {
+  inset-inline-end: 1rem;
+  z-index: 50;
+  background: var(--pwa-c-accent-bg);
+  color: var(--pwa-c-accent-text);
+  cursor: pointer;
+  border-width: 0;
+  border-radius: 1.2rem;
+  outline: none;
+  padding: 0 16px;
+  font-weight: 600;
+  line-height: 2.2rem;
+  transition: background .3s, color .3s;
+  position: fixed;
+  bottom: 1rem;
+}
+
+@media (display-mode: standalone) {
+  .modal-button {
+    display: none;
+  }
+}
+
+@media print {
+  .modal-button {
+    display: none;
+  }
+}
+
+.modal-button:hover, .modal-button:active {
+  background: var(--pwa-c-accent-hover);
+}
+
+#install-modal-wrapper {
+  inset-inline-start: 0;
+  z-index: 997;
+  justify-content: center;
+  align-items: center;
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  position: fixed;
+  top: 0;
+  overflow: auto;
+}
+
+@media print {
+  #install-modal-wrapper {
+    display: none;
+  }
+}
+
+#install-modal-wrapper button {
+  cursor: pointer;
+  background: none;
+  border-width: 0;
+}
+
+#install-modal-wrapper .background {
+  z-index: 998;
+  -webkit-backdrop-filter: blur(10px);
+  backdrop-filter: blur(10px);
+  animation: .25s pwa-fade-in;
+  position: fixed;
+  inset: 0;
+}
+
+#install-modal-wrapper .install-modal {
+  z-index: 999;
+  background: var(--pwa-c-bg);
+  border-radius: 10px;
+  flex-flow: column;
+  max-width: 56em;
+  transition: background .3s;
+  animation: .15s pwa-opened;
+  display: flex;
+  position: absolute;
+}
+
+@media (max-width: 1280px) {
+  #install-modal-wrapper .install-modal {
+    width: 92%;
+    animation: .25s pwa-mobile;
+  }
+}
+
+@media (max-width: 419px) {
+  #install-modal-wrapper .install-modal {
+    max-height: 80%;
+    overflow-y: auto;
+  }
+
+  #install-modal-wrapper .install-modal::-webkit-scrollbar {
+    display: none;
+  }
+}
+
+#install-modal-wrapper .header {
+  margin: 40px 40px 32px;
+}
+
+@media (max-width: 959px) {
+  #install-modal-wrapper .header {
+    margin-bottom: 24px;
+  }
+}
+
+@media (max-width: 719px) {
+  #install-modal-wrapper .header {
+    margin: 20px;
+  }
+}
+
+#install-modal-wrapper .header .close-button {
+  float: right;
+  color: var(--pwa-c-text);
+  cursor: pointer;
+  background: none;
+  border-width: 0;
+  transition: color .3s;
+}
+
+[dir="rtl"] #install-modal-wrapper .header .close-button {
+  float: left;
+}
+
+#install-modal-wrapper .header .close-button:hover, #install-modal-wrapper .header .close-button:focus {
+  color: var(--pwa-c-text-mute);
+}
+
+#install-modal-wrapper .header .logo {
+  display: flex;
+}
+
+#install-modal-wrapper .header h1 {
+  color: var(--pwa-c-text-mute);
+  margin-top: 0;
+  margin-bottom: 7px;
+  font-size: 34px;
+}
+
+@media (max-width: 959px) {
+  #install-modal-wrapper .header h1 {
+    margin-bottom: 0;
+  }
+}
+
+@media (max-width: 419px) {
+  #install-modal-wrapper .header h1 {
+    font-size: 26px;
+  }
+}
+
+#install-modal-wrapper .header img {
+  border-radius: 24px;
+  width: 122px;
+  height: 122px;
+  margin-inline-end: 24px;
+  padding: 12px;
+}
+
+@media (max-width: 959px) {
+  #install-modal-wrapper .header img {
+    width: 60px;
+    height: 60px;
+  }
+}
+
+@media (max-width: 719px) {
+  #install-modal-wrapper .header img {
+    margin-inline-end: 12px;
+    padding: 8px;
+  }
+}
+
+@media (max-width: 419px) {
+  #install-modal-wrapper .header img {
+    width: 40px;
+    height: 40px;
+    padding: 6px;
+  }
+}
+
+#install-modal-wrapper .header .desc {
+  color: #888;
+  text-overflow: ellipsis;
+  white-space: pre-wrap;
+  max-width: 40em;
+  font-size: 14px;
+  overflow: hidden;
+}
+
+@media (max-width: 959px) {
+  #install-modal-wrapper .header .desc {
+    display: none;
+  }
+}
+
+#install-modal-wrapper .content {
+  color: var(--pwa-c-text);
+  flex: 1;
+  margin: 0 40px;
+}
+
+@media (max-width: 719px) {
+  #install-modal-wrapper .content {
+    margin: 0 20px;
+  }
+}
+
+#install-modal-wrapper .content h3 {
+  margin-bottom: 12px;
+  font-size: 22px;
+}
+
+#install-modal-wrapper .content p {
+  font-size: 14px;
+}
+
+#install-modal-wrapper .highlight {
+  justify-content: space-around;
+  align-items: center;
+  margin-inline-end: 20px;
+  display: flex;
+}
+
+@media (max-width: 719px) {
+  #install-modal-wrapper .highlight {
+    flex-flow: column;
+    align-items: flex-start;
+    margin-inline-end: 0;
+  }
+}
+
+#install-modal-wrapper .highlight h3 {
+  margin-top: 0;
+  font-size: 22px;
+  font-weight: 600;
+  line-height: 225%;
+}
+
+@media (max-width: 419px) {
+  #install-modal-wrapper .highlight h3 {
+    margin-bottom: 0;
+    font-size: 18px;
+  }
+}
+
+#install-modal-wrapper .feature-wrapper {
+  padding-inline-end: 2em;
+  overflow: hidden;
+}
+
+#install-modal-wrapper .feature-wrapper ul {
+  margin-block-start: 12px;
+  padding-inline-start: 22px;
+}
+
+@media (max-width: 419px) {
+  #install-modal-wrapper .feature-wrapper ul {
+    margin-top: 0;
+  }
+}
+
+#install-modal-wrapper .feature-wrapper li {
+  color: var(--pwa-c-text-mute);
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 29px;
+  transition: color .3s;
+}
+
+#install-modal-wrapper .screenshot-wrapper {
+  max-width: 30em;
+  max-height: 220px;
+  display: flex;
+}
+
+@media (max-width: 719px) {
+  #install-modal-wrapper .screenshot-wrapper {
+    width: 100%;
+  }
+}
+
+#install-modal-wrapper .screenshot-wrapper button {
+  cursor: pointer;
+  background: none;
+  border-width: 0;
+  width: 4em;
+  transition: background .3s;
+}
+
+#install-modal-wrapper .screenshot-wrapper button:hover, #install-modal-wrapper .screenshot-wrapper button:focus {
+  background: #bbb;
+}
+
+#install-modal-wrapper .screenshot-wrapper button svg {
+  fill: #6b6969;
+  width: 28px;
+}
+
+#install-modal-wrapper .screenshot {
+  scroll-snap-type: x mandatory;
+  -webkit-overflow-scrolling: touch;
+  flex-flow: column wrap;
+  width: 22em;
+  max-height: 220px;
+  display: flex;
+  overflow-x: auto;
+}
+
+@media (max-width: 1280px) {
+  #install-modal-wrapper .screenshot {
+    justify-content: center;
+  }
+}
+
+#install-modal-wrapper .screenshot::-webkit-scrollbar {
+  display: none;
+}
+
+#install-modal-wrapper .screenshot div {
+  scroll-snap-align: start;
+  background: #efefef;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 14em;
+  display: flex;
+}
+
+#install-modal-wrapper .screenshot img {
+  object-fit: contain;
+  height: 100%;
+}
+
+@media (max-width: 719px) {
+  #install-modal-wrapper .screenshot img {
+    height: 180px;
+  }
+}
+
+#install-modal-wrapper .description {
+  margin-bottom: 3em;
+}
+
+#install-modal-wrapper .button-wrapper {
+  text-align: end;
+  width: 100%;
+  padding: 1rem 0;
+}
+
+@media (max-width: 719px) {
+  #install-modal-wrapper .button-wrapper {
+    text-align: center;
+  }
+}
+
+#install-modal-wrapper .install-button, #install-modal-wrapper .cancel-button {
+  cursor: pointer;
+  background: none;
+  border-radius: 20px;
+  flex: none;
+  min-width: 80px;
+  margin: .5rem 1rem;
+  padding: .5rem 1rem;
+  font-size: 14px;
+  font-weight: 600;
+  display: inline-block;
+}
+
+#install-modal-wrapper .install-button {
+  background: var(--pwa-c-accent-bg);
+  color: var(--pwa-c-accent-text);
+  transition: color .3s;
+}
+
+#install-modal-wrapper .install-button:hover, #install-modal-wrapper .install-button:focus {
+  background: var(--pwa-c-accent-hover);
+}
+
+@media (max-width: 419px) {
+  #install-modal-wrapper .install-button span {
+    display: none;
+  }
+}
+
+#install-modal-wrapper .cancel-button {
+  background: var(--pwa-c-control);
+  color: var(--pwa-c-text);
+}
+
+#install-modal-wrapper .cancel-button:hover, #install-modal-wrapper .cancel-button:focus {
+  background: var(--pwa-c-control-hover);
+}
+
+#install-modal-wrapper .ios-text {
+  box-sizing: border-box;
+  background: var(--pwa-c-bg);
+  width: 92%;
+  box-shadow: 0 2px 12px 0 var(--pwa-c-shadow);
+  text-align: center;
+  border-radius: 8px;
+  margin: 2em auto;
+  padding: .5em 2em;
+  font-size: 14px;
+  font-weight: bold;
+  transition: background .3s, box-shadow .3s;
+  position: fixed;
+  bottom: 0;
+}
+
+#install-modal-wrapper .ios-text:after {
+  content: " ";
+  inset-inline-start: calc(50% - .8em);
+  border-inline: .8em solid #0000;
+  border-top: 1em solid var(--pwa-c-bg);
+  width: 0;
+  height: 0;
+  transition: border-color .3s;
+  position: absolute;
+  bottom: -1em;
+}
+
+#install-modal-wrapper .ios-text p {
+  margin: 0 0 .5em;
+}
+
+#install-modal-wrapper .ios-text .success {
+  color: var(--pwa-c-bg);
+  cursor: pointer;
+  background: #07c160;
+  border: none;
+  border-radius: 1em;
+  margin-bottom: .5em;
+  padding: .5em 1em;
+  transition: color .3s;
+}

package/dist/PwaInstall-D2rYRuV_.js

@@ -0,0 +1,3 @@
+import './PwaInstall-D2rYRuV_.css';
+import{n as e,r as t,t as n}from"./icons-RRw4DIWa.js";import{useLocale as r}from"@vuepress/helper/client";import{useEventListener as i,useToggle as a}from"@vueuse/core";import{computed as o,defineComponent as s,h as c,onMounted as l,ref as u,shallowRef as d}from"vue";import{withBase as f}from"vuepress/client";const p=()=>{let e=document.querySelector(`.screenshot`);e&&e.scrollBy({left:-e.clientWidth,top:0,behavior:`smooth`})},m=()=>{let e=document.querySelector(`.screenshot`);e&&e.scrollBy({left:e.clientWidth,top:0,behavior:`smooth`})},h=s({name:`PwaInstallModal`,props:{locales:{type:Object,required:!0},useHint:Boolean},emits:[`canInstall`,`hint`,`close`],setup(a,{emit:o}){let s=r(a.locales),u=d({}),h=d(),g=async()=>{let e=localStorage.getItem(`manifest`);if(e)u.value=JSON.parse(e);else try{let e=await(await fetch(f(`manifest.webmanifest`))).json();u.value=e,localStorage.setItem(`manifest`,JSON.stringify(e))}catch{console.error(`[PWA]: Error getting manifest, check that you have a valid web manifest or network connection`)}},_=async()=>{h.value&&(h.value.prompt(),document.dispatchEvent(new CustomEvent(`show`)),(await h.value.userChoice).outcome===`accepted`?(console.info(`PWA has been installed`),o(`close`,!1),o(`canInstall`,!1)):(console.info(`You choose to not install PWA`),o(`close`,!1),o(`canInstall`,!1)))},v=()=>{console.info(`You accepted the install hint`),o(`hint`)};return l(()=>{window.hasOwnProperty(`BeforeInstallPromptEvent`)&&(i(window,`beforeinstallprompt`,e=>{h.value=e,o(`canInstall`,!0),e.preventDefault()}),i(`keyup`,e=>{e.key===`Escape`&&o(`close`,!1)},{passive:!0}),g())}),()=>c(`div`,{id:`install-modal-wrapper`},[c(`div`,{class:`background`,onClick:()=>{o(`close`,!1)}}),c(`div`,{class:`install-modal`},[c(`div`,{class:`header`},[c(`button`,{type:`button`,class:`close-button`,"aria-label":s.value.close,onClick:()=>{o(`close`,!1)}},c(t)),c(`div`,{class:`logo`},[u.value.icons?c(`img`,{src:u.value.icons[0]?.src,alt:`App Logo`}):null,c(`div`,{class:`title`},[c(`h1`,u.value.short_name||u.value.name),c(`p`,{class:`desc`},s.value.explain)])])]),c(`div`,{class:`content`},[c(`div`,{class:`highlight`},[u.value.features?c(`div`,{class:`feature-wrapper`},[c(`h3`,s.value.feature),c(`ul`,u.value.features.map(e=>c(`li`,e)))]):null,u.value.screenshots?c(`div`,{class:`screenshot-wrapper`},[c(`button`,{type:`button`,"aria-label":s.value.prevImage,onClick:p},c(n)),c(`section`,{class:`screenshot`},[u.value.screenshots.map(e=>c(`div`,c(`img`,{src:e.src,alt:`App Screenshot`})))]),c(`button`,{type:`button`,"aria-label":s.value.nextImage,onClick:m},c(e))]):null]),c(`div`,{class:`description`},[c(`h3`,s.value.desc),c(`p`,u.value.description)])]),a.useHint?c(`div`,{class:`ios-text`,onClick:v},[c(`p`,s.value.iOSInstall),c(`button`,{type:`button`,class:`success`},`Got it!`)]):c(`div`,{class:`button-wrapper`},[c(`button`,{type:`button`,class:`install-button`,onClick:_},[s.value.install,c(`span`,u.value.short_name)]),c(`button`,{type:`button`,class:`cancel-button`,onClick:()=>{o(`close`,!1)}},s.value.cancel)])])])}}),g=s({name:`PwaInstall`,props:{locales:{type:Object,required:!0}},setup(e){let t=r(e.locales),[n,i]=a(),s=u(!1),d=u(!1),f=u(!1),p=u(!1),m=u(!1),g=o(()=>f.value&&p.value&&!m.value),_=o(()=>d.value&&s.value||g.value),v=()=>navigator.standalone?navigator.standalone:matchMedia(`(display-mode: standalone)`).matches,y=()=>{i(!1),m.value=!0,localStorage.setItem(`iOS-pwa-hint`,`hinted`)};return l(()=>{if(v()){let{userAgent:e}=navigator;f.value=e.includes(`iPhone`)||e.includes(`iPad`)||!!(e.includes(`Macintosh`)&&navigator.maxTouchPoints&&navigator.maxTouchPoints>2),p.value=navigator.userAgent.includes(`Safari`)&&!e.includes(`Chrome`),m.value=!!localStorage.getItem(`iOS-pwa-hint`)}`getInstalledRelatedApps`in navigator&&navigator.getInstalledRelatedApps().then(e=>{d.value=e.length>0})}),()=>c(`div`,{id:`pwa-install`},[_.value?c(`button`,{type:`button`,class:`modal-button`,onClick:()=>{i(!0)}},t.value.install):null,c(h,{style:{display:n.value?`block`:`none`},locales:e.locales,useHint:g.value,onCanInstall:e=>{s.value=e},onHint:()=>{y()},onClose:()=>i(!1)})])}});export{g as t};
+//# sourceMappingURL=PwaInstall-D2rYRuV_.js.map

package/dist/PwaInstall-D2rYRuV_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PwaInstall-D2rYRuV_.js","names":[],"sources":["../src/client/components/PwaInstallModal.ts","../src/client/components/PwaInstall.ts"],"sourcesContent":["/* oxlint-disable no-console */\nimport { useLocale } from '@vuepress/helper/client'\nimport { useEventListener } from '@vueuse/core'\nimport type { PropType, VNode } from 'vue'\nimport { defineComponent, h, onMounted, shallowRef } from 'vue'\nimport { withBase } from 'vuepress/client'\n\nimport type { AppManifest } from '../../shared/index.js'\nimport type { PwaPluginLocaleConfig } from '../types.js'\nimport { ArrowLeftIcon, ArrowRightIcon, CloseIcon } from './icons.js'\n\ninterface InstallPromptEvent extends Event {\n  readonly platforms: string\n  prompt: () => void\n  readonly userChoice: Promise<{ outcome: 'accepted' | 'dismissed' }>\n}\n\nconst scrollToLeft = (): void => {\n  const screenshotsDiv = document.querySelector('.screenshot')\n\n  if (screenshotsDiv) {\n    screenshotsDiv.scrollBy({\n      left: -screenshotsDiv.clientWidth,\n      top: 0,\n      behavior: 'smooth',\n    })\n  }\n}\n\nconst scrollToRight = (): void => {\n  const screenshotsDiv = document.querySelector('.screenshot')\n\n  if (screenshotsDiv) {\n    screenshotsDiv.scrollBy({\n      left: screenshotsDiv.clientWidth,\n      top: 0,\n      behavior: 'smooth',\n    })\n  }\n}\n\nexport const PwaInstallModal = defineComponent({\n  name: 'PwaInstallModal',\n\n  props: {\n    /** locale data */\n    locales: {\n      type: Object as PropType<PwaPluginLocaleConfig>,\n      required: true,\n    },\n\n    /**\n     * Whether use hint message instead of showing a button\n     *\n     * 是否使用提示\n     */\n    useHint: Boolean,\n  },\n\n  emits: ['canInstall', 'hint', 'close'],\n\n  setup(props, { emit }) {\n    const locale = useLocale(props.locales)\n\n    const manifest = shallowRef<AppManifest>({})\n    const deferredPrompt = shallowRef<InstallPromptEvent>()\n\n    const getManifest = async (): Promise<void> => {\n      const manifestContent = localStorage.getItem('manifest')\n\n      if (manifestContent) {\n        manifest.value = JSON.parse(manifestContent) as AppManifest\n      } else {\n        try {\n          const response = await fetch(withBase('manifest.webmanifest'))\n          const data = (await response.json()) as AppManifest\n\n          manifest.value = data\n          localStorage.setItem('manifest', JSON.stringify(data))\n        } catch {\n          console.error(\n            '[PWA]: Error getting manifest, check that you have a valid web manifest or network connection',\n          )\n        }\n      }\n    }\n\n    const install = async (): Promise<void> => {\n      if (deferredPrompt.value) {\n        deferredPrompt.value.prompt()\n\n        document.dispatchEvent(new CustomEvent('show'))\n\n        const choiceResult = await deferredPrompt.value.userChoice\n\n        if (choiceResult.outcome === 'accepted') {\n          console.info('PWA has been installed')\n\n          emit('close', false)\n          emit('canInstall', false)\n        } else {\n          console.info('You choose to not install PWA')\n\n          emit('close', false)\n          emit('canInstall', false)\n        }\n      }\n    }\n\n    const hint = (): void => {\n      console.info('You accepted the install hint')\n      emit('hint')\n    }\n\n    onMounted(() => {\n      // oxlint-disable-next-line no-prototype-builtins\n      if (window.hasOwnProperty('BeforeInstallPromptEvent')) {\n        useEventListener(window, 'beforeinstallprompt', (event) => {\n          deferredPrompt.value = event as InstallPromptEvent\n\n          emit('canInstall', true)\n          event.preventDefault()\n        })\n\n        useEventListener(\n          'keyup',\n          (event): void => {\n            if (event.key === 'Escape') emit('close', false)\n          },\n          { passive: true },\n        )\n\n        void getManifest()\n      }\n    })\n\n    return (): VNode =>\n      h('div', { id: 'install-modal-wrapper' }, [\n        h('div', {\n          class: 'background',\n          onClick: () => {\n            emit('close', false)\n          },\n        }),\n\n        h('div', { class: 'install-modal' }, [\n          h('div', { class: 'header' }, [\n            // close button\n            h(\n              'button',\n              {\n                'type': 'button',\n                'class': 'close-button',\n                'aria-label': locale.value.close,\n                'onClick': () => {\n                  emit('close', false)\n                },\n              },\n              h(CloseIcon),\n            ),\n\n            h('div', { class: 'logo' }, [\n              manifest.value.icons\n                ? h('img', {\n                    src: manifest.value.icons[0]?.src,\n                    alt: 'App Logo',\n                  })\n                : null,\n              h('div', { class: 'title' }, [\n                h('h1', manifest.value.short_name || manifest.value.name),\n                h('p', { class: 'desc' }, locale.value.explain),\n              ]),\n            ]),\n          ]),\n\n          h('div', { class: 'content' }, [\n            h('div', { class: 'highlight' }, [\n              manifest.value.features\n                ? h('div', { class: 'feature-wrapper' }, [\n                    h('h3', locale.value.feature),\n                    h(\n                      'ul',\n                      manifest.value.features.map((feature) =>\n                        h('li', feature),\n                      ),\n                    ),\n                  ])\n                : null,\n\n              manifest.value.screenshots\n                ? h('div', { class: 'screenshot-wrapper' }, [\n                    h(\n                      'button',\n                      {\n                        'type': 'button',\n                        'aria-label': locale.value.prevImage,\n                        'onClick': scrollToLeft,\n                      },\n                      h(ArrowLeftIcon),\n                    ),\n                    h('section', { class: 'screenshot' }, [\n                      manifest.value.screenshots.map((screenshot) =>\n                        h(\n                          'div',\n                          h('img', {\n                            src: screenshot.src,\n                            alt: 'App Screenshot',\n                          }),\n                        ),\n                      ),\n                    ]),\n                    h(\n                      'button',\n                      {\n                        'type': 'button',\n                        'aria-label': locale.value.nextImage,\n                        'onClick': scrollToRight,\n                      },\n                      h(ArrowRightIcon),\n                    ),\n                  ])\n                : null,\n            ]),\n\n            h('div', { class: 'description' }, [\n              h('h3', locale.value.desc),\n              h('p', manifest.value.description),\n            ]),\n          ]),\n\n          props.useHint\n            ? h('div', { class: 'ios-text', onClick: hint }, [\n                h('p', locale.value.iOSInstall),\n                h('button', { type: 'button', class: 'success' }, 'Got it!'),\n              ])\n            : h('div', { class: 'button-wrapper' }, [\n                h(\n                  'button',\n                  { type: 'button', class: 'install-button', onClick: install },\n                  [locale.value.install, h('span', manifest.value.short_name)],\n                ),\n                h(\n                  'button',\n                  {\n                    type: 'button',\n                    class: 'cancel-button',\n                    onClick: () => {\n                      emit('close', false)\n                    },\n                  },\n                  locale.value.cancel,\n                ),\n              ]),\n        ]),\n      ])\n  },\n})\n","import { useLocale } from '@vuepress/helper/client'\nimport { useToggle } from '@vueuse/core'\nimport type { PropType, VNode } from 'vue'\nimport { computed, defineComponent, h, onMounted, ref } from 'vue'\n\nimport type { ManifestExternalApplicationResource } from '../../shared/index.js'\nimport type { PwaPluginLocaleConfig } from '../types.js'\nimport { PwaInstallModal } from './PwaInstallModal.js'\n\nimport '../styles/modal.scss'\n\ninterface ModernNavigator extends Navigator {\n  // Nonstandard Api\n  getInstalledRelatedApps: () => Promise<ManifestExternalApplicationResource[]>\n}\n\ninterface SafariNavigator extends Navigator {\n  // Available on Apple’s iOS Safari only.\n  standalone: boolean\n}\n\nexport const PwaInstall = defineComponent({\n  name: 'PwaInstall',\n\n  props: {\n    /** locale data */\n    locales: {\n      type: Object as PropType<PwaPluginLocaleConfig>,\n      required: true,\n    },\n  },\n\n  setup(props) {\n    const locale = useLocale(props.locales)\n    const [isOpen, toggleIsOpen] = useToggle()\n\n    const canInstall = ref(false)\n    const hasRelatedApps = ref(false)\n    const isIOS = ref(false)\n    const isSafari = ref(false)\n    const hinted = ref(false)\n\n    const useHint = computed(\n      () => isIOS.value && isSafari.value && !hinted.value,\n    )\n\n    const showInstall = computed(\n      () => (hasRelatedApps.value && canInstall.value) || useHint.value,\n    )\n\n    const getInstallStatus = (): boolean => {\n      if ((navigator as SafariNavigator).standalone)\n        return (navigator as SafariNavigator).standalone\n\n      return matchMedia('(display-mode: standalone)').matches\n    }\n\n    const hint = (): void => {\n      toggleIsOpen(false)\n      hinted.value = true\n      // do not notify again\n      localStorage.setItem('iOS-pwa-hint', 'hinted')\n    }\n\n    onMounted(() => {\n      if (getInstallStatus()) {\n        const { userAgent } = navigator\n\n        // handle iOS specifically\n        isIOS.value =\n          // regular iPhone\n          userAgent.includes('iPhone') ||\n          // regular iPad\n          userAgent.includes('iPad') ||\n          // iPad pro\n          Boolean(\n            userAgent.includes('Macintosh') &&\n            navigator.maxTouchPoints &&\n            navigator.maxTouchPoints > 2,\n          )\n\n        isSafari.value =\n          navigator.userAgent.includes('Safari') &&\n          !userAgent.includes('Chrome')\n\n        hinted.value = Boolean(localStorage.getItem('iOS-pwa-hint'))\n      }\n\n      if ('getInstalledRelatedApps' in (navigator as ModernNavigator)) {\n        void (navigator as ModernNavigator)\n          .getInstalledRelatedApps()\n          .then((result) => {\n            hasRelatedApps.value = result.length > 0\n          })\n      }\n    })\n\n    return (): VNode =>\n      h('div', { id: 'pwa-install' }, [\n        showInstall.value\n          ? h(\n              'button',\n              {\n                type: 'button',\n                class: 'modal-button',\n                onClick: () => {\n                  toggleIsOpen(true)\n                },\n              },\n              locale.value.install,\n            )\n          : null,\n        h(PwaInstallModal, {\n          style: {\n            display: isOpen.value ? 'block' : 'none',\n          },\n          locales: props.locales,\n          useHint: useHint.value,\n          onCanInstall: (value: boolean) => {\n            canInstall.value = value\n          },\n          onHint: () => {\n            hint()\n          },\n          onClose: () => toggleIsOpen(false),\n        }),\n      ])\n  },\n})\n"],"mappings":"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"}

package/dist/PwaInstall-IlBEJ5C2.d.ts

@@ -0,0 +1,19 @@
+import { t as PwaPluginLocaleConfig } from "./types-BLkMmayH.js";
+import * as _$vue from "vue";
+import { PropType, VNode } from "vue";
+
+//#region src/client/components/PwaInstall.d.ts
+declare const PwaInstall: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
+  /** locale data */locales: {
+    type: PropType<PwaPluginLocaleConfig>;
+    required: true;
+  };
+}>, () => VNode, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+  /** locale data */locales: {
+    type: PropType<PwaPluginLocaleConfig>;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { PwaInstall as t };
+//# sourceMappingURL=PwaInstall-IlBEJ5C2.d.ts.map

package/dist/{PwaReadyPopup-CDLxW7kc.d.ts → PwaReadyPopup-BaFjDiPo.d.ts}

@@ -1,14 +1,14 @@
-import { t as PwaPluginLocaleConfig } from "./types-D2911FOa.js";
+import { t as PwaPluginLocaleConfig } from "./types-BLkMmayH.js";
 import { Slot } from "@vuepress/helper/client";
-import * as vue from "vue";
+import * as _$vue from "vue";
 import { PropType, SlotsType, VNode } from "vue";
 //#region src/client/components/PwaReadyPopup.d.ts
-declare const PwaReadyPopup: vue.DefineComponent<vue.ExtractPropTypes<{
+declare const PwaReadyPopup: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   /** locale data */locales: {
     type: PropType<PwaPluginLocaleConfig>;
     required: true;
   };
-}>, () => VNode, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, () => VNode, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   /** locale data */locales: {
     type: PropType<PwaPluginLocaleConfig>;
     required: true;
@@ -18,7 +18,7 @@ declare const PwaReadyPopup: vue.DefineComponent<vue.ExtractPropTypes<{
     isReady: boolean;
     reload: () => void;
   }>;
-}>, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { PwaReadyPopup as t };
-//# sourceMappingURL=PwaReadyPopup-CDLxW7kc.d.ts.map
+//# sourceMappingURL=PwaReadyPopup-BaFjDiPo.d.ts.map

package/dist/PwaReadyPopup-Da6_dOG6.js

@@ -0,0 +1,2 @@
+import{i as e}from"./icons-RRw4DIWa.js";import{a as t}from"./composables-Bdxx2hts.js";import"./popup-AhQUNvCQ.css";import{useLocale as n}from"@vuepress/helper/client";import{Transition as r,computed as i,defineComponent as a,h as o,onMounted as s,shallowRef as c}from"vue";import"@vuepress/helper/transition/fade-in-scale-up.css";const l=e=>{let t=e.waiting;if(!t)return;let n=new MessageChannel;t.postMessage({type:`SKIP_WAITING`},[n.port2])},u=a({name:`PwaReadyPopup`,props:{locales:{type:Object,required:!0}},slots:Object,setup(a,{slots:u}){let d=n(a.locales),f=c(),p=i(()=>!!f.value),m=()=>{f.value&&=(l(f.value),void 0)};return s(()=>{t().on(`updated`,e=>{f.value=e})}),()=>o(r,{name:`fade-in-scale-up`},()=>u.default?.({isReady:p.value,reload:m})??(p.value?o(`button`,{type:`button`,class:`sw-update-popup`,tabindex:0,onClick:()=>{m()}},[d.value.update,o(`span`,{class:`icon-wrapper`},o(e))]):null))}});export{l as n,u as t};
+//# sourceMappingURL=PwaReadyPopup-Da6_dOG6.js.map

package/dist/PwaReadyPopup-Da6_dOG6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PwaReadyPopup-Da6_dOG6.js","names":[],"sources":["../src/client/utils/skipWaiting.ts","../src/client/components/PwaReadyPopup.ts"],"sourcesContent":["/**\n * Call `skipWaiting()` inside current waiting worker\n *\n * 在当前等待中的 Service Worker 中调用 `skipWaiting()`\n *\n * @param registration - The registration of the service worker you want activate / 想要激活的 Service Worker 的注册\n */\nexport const skipWaiting = (registration: ServiceWorkerRegistration): void => {\n  // Get the waiting worker\n  const worker = registration.waiting\n\n  // If there is no waiting worker, return directly\n  if (!worker) return\n\n  // Post SKIP_WAITING message to the waiting worker\n  const channel = new MessageChannel()\n\n  worker.postMessage({ type: 'SKIP_WAITING' }, [channel.port2])\n}\n","import type { Slot } from '@vuepress/helper/client'\nimport { useLocale } from '@vuepress/helper/client'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport {\n  Transition,\n  computed,\n  defineComponent,\n  h,\n  onMounted,\n  shallowRef,\n} from 'vue'\n\nimport { usePwaEvent } from '../composables/index.js'\nimport type { PwaPluginLocaleConfig } from '../types.js'\nimport { skipWaiting } from '../utils/index.js'\nimport { UpdateIcon } from './icons.js'\n\nimport '@vuepress/helper/transition/fade-in-scale-up.css'\nimport '../styles/popup.scss'\n\nexport const PwaReadyPopup = defineComponent({\n  name: 'PwaReadyPopup',\n\n  props: {\n    /** locale data */\n    locales: {\n      type: Object as PropType<PwaPluginLocaleConfig>,\n      required: true,\n    },\n  },\n\n  slots: Object as SlotsType<{\n    default?: Slot<{ isReady: boolean; reload: () => void }>\n  }>,\n\n  setup(props, { slots }) {\n    const locale = useLocale(props.locales)\n    const registration = shallowRef<ServiceWorkerRegistration>()\n\n    const isReady = computed(() => Boolean(registration.value))\n\n    const reload = (): void => {\n      if (registration.value) {\n        skipWaiting(registration.value)\n        registration.value = undefined\n      }\n    }\n\n    onMounted(() => {\n      const event = usePwaEvent()\n\n      event.on('updated', (reg) => {\n        registration.value = reg\n      })\n    })\n\n    return (): VNode =>\n      h(\n        Transition,\n        { name: 'fade-in-scale-up' },\n        () =>\n          slots.default?.({\n            isReady: isReady.value,\n            reload,\n          }) ??\n          (isReady.value\n            ? h(\n                'button',\n                {\n                  type: 'button',\n                  class: 'sw-update-popup',\n                  tabindex: 0,\n                  onClick: () => {\n                    reload()\n                  },\n                },\n                [\n                  locale.value.update,\n                  h('span', { class: 'icon-wrapper' }, h(UpdateIcon)),\n                ],\n              )\n            : null),\n      )\n  },\n})\n"],"mappings":"yUAOA,MAAa,EAAe,GAAkD,CAE5E,IAAM,EAAS,EAAa,QAG5B,GAAI,CAAC,EAAQ,OAGb,IAAM,EAAU,IAAI,eAEpB,EAAO,YAAY,CAAE,KAAM,eAAgB,CAAE,CAAC,EAAQ,MAAM,CAAC,ECGlD,EAAgB,EAAgB,CAC3C,KAAM,gBAEN,MAAO,CAEL,QAAS,CACP,KAAM,OACN,SAAU,GACX,CACF,CAED,MAAO,OAIP,MAAM,EAAO,CAAE,SAAS,CACtB,IAAM,EAAS,EAAU,EAAM,QAAQ,CACjC,EAAe,GAAuC,CAEtD,EAAU,MAAe,EAAQ,EAAa,MAAO,CAErD,MAAqB,CACzB,AAEE,EAAa,SADb,EAAY,EAAa,MAAM,CACV,IAAA,KAYzB,OARA,MAAgB,CACA,GAAa,CAErB,GAAG,UAAY,GAAQ,CAC3B,EAAa,MAAQ,GACrB,EACF,KAGA,EACE,EACA,CAAE,KAAM,mBAAoB,KAE1B,EAAM,UAAU,CACd,QAAS,EAAQ,MACjB,SACD,CAAC,GACD,EAAQ,MACL,EACE,SACA,CACE,KAAM,SACN,MAAO,kBACP,SAAU,EACV,YAAe,CACb,GAAQ,EAEX,CACD,CACE,EAAO,MAAM,OACb,EAAE,OAAQ,CAAE,MAAO,eAAgB,CAAE,EAAE,EAAW,CAAC,CACpD,CACF,CACD,MACP,EAEN,CAAC"}

package/dist/client/components/PwaFoundPopup.d.ts

@@ -1,2 +1,2 @@
-import { t as PwaFoundPopup } from "../../PwaFoundPopup-DWmIsyXx.js";
+import { t as PwaFoundPopup } from "../../PwaFoundPopup-U47ypQoC.js";
 export { PwaFoundPopup };

package/dist/client/components/PwaFoundPopup.js

@@ -1,2 +1,2 @@
-import{i as e}from"../../icons-RRw4DIWa.js";import{a as t}from"../../composables-Bdxx2hts.js";import{useLocale as n}from"@vuepress/helper/client";import{Transition as r,defineComponent as i,h as a,onMounted as o,ref as s}from"vue";import"@vuepress/helper/transition/fade-in-scale-up.css";import"../styles/popup.css";const c=i({name:`PwaFoundPopup`,props:{locales:{type:Object,required:!0}},slots:Object,setup(i,{slots:c}){let l=n(i.locales),u=s(!1),d=()=>{u.value&&=(window.location.reload(!0),!1)};return o(()=>{let e=t();e.on(`updatefound`,()=>{navigator.serviceWorker.getRegistration().then(e=>{e?.active&&(u.value=!0)})}),e.on(`updated`,()=>{u.value=!1})}),()=>a(r,{name:`fade-in-scale-up`},()=>c.default?.({found:u.value,refresh:d})??(u.value?a(`button`,{type:`button`,class:`sw-hint-popup`,tabindex:0,onClick:()=>{d()}},[l.value.hint,a(`span`,{class:`icon-wrapper`},a(e))]):null))}});export{c as PwaFoundPopup};
+import{i as e}from"../../icons-RRw4DIWa.js";import{a as t}from"../../composables-Bdxx2hts.js";import"../../popup-AhQUNvCQ.css";import{useLocale as n}from"@vuepress/helper/client";import{Transition as r,defineComponent as i,h as a,onMounted as o,ref as s}from"vue";import"@vuepress/helper/transition/fade-in-scale-up.css";const c=i({name:`PwaFoundPopup`,props:{locales:{type:Object,required:!0}},slots:Object,setup(i,{slots:c}){let l=n(i.locales),u=s(!1),d=()=>{u.value&&=(window.location.reload(!0),!1)};return o(()=>{let e=t();e.on(`updatefound`,()=>{navigator.serviceWorker.getRegistration().then(e=>{e?.active&&(u.value=!0)})}),e.on(`updated`,()=>{u.value=!1})}),()=>a(r,{name:`fade-in-scale-up`},()=>c.default?.({found:u.value,refresh:d})??(u.value?a(`button`,{type:`button`,class:`sw-hint-popup`,tabindex:0,onClick:()=>{d()}},[l.value.hint,a(`span`,{class:`icon-wrapper`},a(e))]):null))}});export{c as PwaFoundPopup};
 //# sourceMappingURL=PwaFoundPopup.js.map

package/dist/client/components/PwaFoundPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"PwaFoundPopup.js","names":[],"sources":["../../../src/client/components/PwaFoundPopup.ts"],"sourcesContent":["import type { Slot } from '@vuepress/helper/client'\nimport { useLocale } from '@vuepress/helper/client'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport { Transition, defineComponent, h, onMounted, ref } from 'vue'\nimport { usePwaEvent } from '../composables/index.js'\nimport type { PwaPluginLocaleConfig } from '../types.js'\nimport { UpdateIcon } from './icons.js'\n\nimport '@vuepress/helper/transition/fade-in-scale-up.css'\nimport '../styles/popup.css'\n\nexport const PwaFoundPopup = defineComponent({\n  name: 'PwaFoundPopup',\n\n  props: {\n    /** locale data */\n    locales: {\n      type: Object as PropType<PwaPluginLocaleConfig>,\n      required: true,\n    },\n  },\n\n  slots: Object as SlotsType<{\n    default?: Slot<{ found: boolean; refresh: () => void }>\n  }>,\n\n  setup(props, { slots }) {\n    const locale = useLocale(props.locales)\n    const found = ref(false)\n\n    const refresh = (): void => {\n      if (found.value) {\n        // force refresh\n        // @ts-expect-error: A non-standard API\n        window.location.reload(true)\n        found.value = false\n      }\n    }\n\n    onMounted(() => {\n      const event = usePwaEvent()\n\n      event.on('updatefound', () => {\n        void navigator.serviceWorker.getRegistration().then((registration) => {\n          // Check whether a valid service worker is active\n          if (registration?.active) found.value = true\n        })\n      })\n\n      event.on('updated', () => {\n        found.value = false\n      })\n    })\n\n    return (): VNode =>\n      h(\n        Transition,\n        { name: 'fade-in-scale-up' },\n        () =>\n          slots.default?.({\n            found: found.value,\n            refresh,\n          }) ??\n          (found.value\n            ? h(\n                'button',\n                {\n                  type: 'button',\n                  class: 'sw-hint-popup',\n                  tabindex: 0,\n                  onClick: () => {\n                    refresh()\n                  },\n                },\n                [\n                  locale.value.hint,\n                  h('span', { class: 'icon-wrapper' }, h(UpdateIcon)),\n                ],\n              )\n            : null),\n      )\n  },\n})\n"],"mappings":"4TAWA,MAAa,EAAgB,EAAgB,CAC3C,KAAM,gBAEN,MAAO,CAEL,QAAS,CACP,KAAM,OACN,SAAU,GACX,CACF,CAED,MAAO,OAIP,MAAM,EAAO,CAAE,SAAS,CACtB,IAAM,EAAS,EAAU,EAAM,QAAQ,CACjC,EAAQ,EAAI,GAAM,CAElB,MAAsB,CAC1B,AAIE,EAAM,SADN,OAAO,SAAS,OAAO,GAAK,CACd,KAmBlB,OAfA,MAAgB,CACd,IAAM,EAAQ,GAAa,CAE3B,EAAM,GAAG,kBAAqB,CACvB,UAAU,cAAc,iBAAiB,CAAC,KAAM,GAAiB,CAEhE,GAAc,SAAQ,EAAM,MAAQ,KACxC,EACF,CAEF,EAAM,GAAG,cAAiB,CACxB,EAAM,MAAQ,IACd,EACF,KAGA,EACE,EACA,CAAE,KAAM,mBAAoB,KAE1B,EAAM,UAAU,CACd,MAAO,EAAM,MACb,UACD,CAAC,GACD,EAAM,MACH,EACE,SACA,CACE,KAAM,SACN,MAAO,gBACP,SAAU,EACV,YAAe,CACb,GAAS,EAEZ,CACD,CACE,EAAO,MAAM,KACb,EAAE,OAAQ,CAAE,MAAO,eAAgB,CAAE,EAAE,EAAW,CAAC,CACpD,CACF,CACD,MACP,EAEN,CAAC"}
+{"version":3,"file":"PwaFoundPopup.js","names":[],"sources":["../../../src/client/components/PwaFoundPopup.ts"],"sourcesContent":["import type { Slot } from '@vuepress/helper/client'\nimport { useLocale } from '@vuepress/helper/client'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport { Transition, defineComponent, h, onMounted, ref } from 'vue'\n\nimport { usePwaEvent } from '../composables/index.js'\nimport type { PwaPluginLocaleConfig } from '../types.js'\nimport { UpdateIcon } from './icons.js'\n\nimport '@vuepress/helper/transition/fade-in-scale-up.css'\nimport '../styles/popup.scss'\n\nexport const PwaFoundPopup = defineComponent({\n  name: 'PwaFoundPopup',\n\n  props: {\n    /** locale data */\n    locales: {\n      type: Object as PropType<PwaPluginLocaleConfig>,\n      required: true,\n    },\n  },\n\n  slots: Object as SlotsType<{\n    default?: Slot<{ found: boolean; refresh: () => void }>\n  }>,\n\n  setup(props, { slots }) {\n    const locale = useLocale(props.locales)\n    const found = ref(false)\n\n    const refresh = (): void => {\n      if (found.value) {\n        // force refresh\n        // @ts-expect-error: A non-standard API\n        window.location.reload(true)\n        found.value = false\n      }\n    }\n\n    onMounted(() => {\n      const event = usePwaEvent()\n\n      event.on('updatefound', () => {\n        void navigator.serviceWorker.getRegistration().then((registration) => {\n          // Check whether a valid service worker is active\n          if (registration?.active) found.value = true\n        })\n      })\n\n      event.on('updated', () => {\n        found.value = false\n      })\n    })\n\n    return (): VNode =>\n      h(\n        Transition,\n        { name: 'fade-in-scale-up' },\n        () =>\n          slots.default?.({\n            found: found.value,\n            refresh,\n          }) ??\n          (found.value\n            ? h(\n                'button',\n                {\n                  type: 'button',\n                  class: 'sw-hint-popup',\n                  tabindex: 0,\n                  onClick: () => {\n                    refresh()\n                  },\n                },\n                [\n                  locale.value.hint,\n                  h('span', { class: 'icon-wrapper' }, h(UpdateIcon)),\n                ],\n              )\n            : null),\n      )\n  },\n})\n"],"mappings":"gUAYA,MAAa,EAAgB,EAAgB,CAC3C,KAAM,gBAEN,MAAO,CAEL,QAAS,CACP,KAAM,OACN,SAAU,GACX,CACF,CAED,MAAO,OAIP,MAAM,EAAO,CAAE,SAAS,CACtB,IAAM,EAAS,EAAU,EAAM,QAAQ,CACjC,EAAQ,EAAI,GAAM,CAElB,MAAsB,CAC1B,AAIE,EAAM,SADN,OAAO,SAAS,OAAO,GAAK,CACd,KAmBlB,OAfA,MAAgB,CACd,IAAM,EAAQ,GAAa,CAE3B,EAAM,GAAG,kBAAqB,CACvB,UAAU,cAAc,iBAAiB,CAAC,KAAM,GAAiB,CAEhE,GAAc,SAAQ,EAAM,MAAQ,KACxC,EACF,CAEF,EAAM,GAAG,cAAiB,CACxB,EAAM,MAAQ,IACd,EACF,KAGA,EACE,EACA,CAAE,KAAM,mBAAoB,KAE1B,EAAM,UAAU,CACd,MAAO,EAAM,MACb,UACD,CAAC,GACD,EAAM,MACH,EACE,SACA,CACE,KAAM,SACN,MAAO,gBACP,SAAU,EACV,YAAe,CACb,GAAS,EAEZ,CACD,CACE,EAAO,MAAM,KACb,EAAE,OAAQ,CAAE,MAAO,eAAgB,CAAE,EAAE,EAAW,CAAC,CACpD,CACF,CACD,MACP,EAEN,CAAC"}

package/dist/client/components/PwaInstall.d.ts

@@ -1,2 +1,2 @@
-import { t as PwaInstall } from "../../PwaInstall-w3x5rHx6.js";
+import { t as PwaInstall } from "../../PwaInstall-IlBEJ5C2.js";
 export { PwaInstall };

package/dist/client/components/PwaInstall.js

@@ -1 +1 @@
-import{t as e}from"../../PwaInstall-Ee3il2nW.js";export{e as PwaInstall};
+import{t as e}from"../../PwaInstall-D2rYRuV_.js";export{e as PwaInstall};

package/dist/client/components/PwaReadyPopup.d.ts

@@ -1,2 +1,2 @@
-import { t as PwaReadyPopup } from "../../PwaReadyPopup-CDLxW7kc.js";
+import { t as PwaReadyPopup } from "../../PwaReadyPopup-BaFjDiPo.js";
 export { PwaReadyPopup };

package/dist/client/components/PwaReadyPopup.js

@@ -1 +1 @@
-import{t as e}from"../../PwaReadyPopup-6AypjW2B.js";export{e as PwaReadyPopup};
+import{t as e}from"../../PwaReadyPopup-Da6_dOG6.js";export{e as PwaReadyPopup};

package/dist/client/index.d.ts

@@ -1,7 +1,7 @@
-import { t as PwaPluginLocaleConfig } from "../types-D2911FOa.js";
-import { t as PwaFoundPopup } from "../PwaFoundPopup-DWmIsyXx.js";
-import { t as PwaInstall } from "../PwaInstall-w3x5rHx6.js";
-import { t as PwaReadyPopup } from "../PwaReadyPopup-CDLxW7kc.js";
+import { t as PwaPluginLocaleConfig } from "../types-BLkMmayH.js";
+import { t as PwaFoundPopup } from "../PwaFoundPopup-U47ypQoC.js";
+import { t as PwaInstall } from "../PwaInstall-IlBEJ5C2.js";
+import { t as PwaReadyPopup } from "../PwaReadyPopup-BaFjDiPo.js";
 import { PwaEvent, pwaEventSymbol, setupPwa, setupViewPoint, usePwaEvent, useRegisterSW } from "./composables/index.js";
 import { Hooks } from "register-service-worker";