From 0b04b95b1ef55bb5be1ea8d881262e594d6a754a Mon Sep 17 00:00:00 2001
From: bat <bat@noreply.codeberg.org>
Date: Wed, 5 Apr 2023 18:45:06 +0000
Subject: [PATCH 1/2] move dialog to separate repo

---
 components/dialog.js | 79 --------------------------------------------
 1 file changed, 79 deletions(-)
 delete mode 100644 components/dialog.js

diff --git a/components/dialog.js b/components/dialog.js
deleted file mode 100644
index 4098ae5..0000000
--- a/components/dialog.js
+++ /dev/null
@@ -1,79 +0,0 @@
-export class Dialog extends HTMLElement {
-  constructor() {
-    super()
-    this.attachShadow({mode: 'open'})
-    this.headerEl = document.createElement('div')
-    this.headerEl.classList.add('header')
-    this.bodyEl = document.createElement('div')
-    this.bodyEl.classList.add('body')
-    this.footerEl = document.createElement('div')
-    this.footerEl.classList.add('footer')
-    this.dialogEl = document.createElement('dialog')
-    this.dialogEl.replaceChildren(
-      this.headerEl, this.bodyEl, this.footerEl
-    )
-    this.dialogEl.addEventListener('click', e => {
-      const rect = this.dialogEl.getBoundingClientRect();
-      const clickedInDialog = (
-        rect.top <= e.clientY &&
-        e.clientY <= rect.top + rect.height &&
-        rect.left <= e.clientX &&
-        e.clientX <= rect.left + rect.width
-      )
-      if (e.target === this.dialogEl && !clickedInDialog) {
-        this.close()
-      }
-    })
-    this.shadowRoot.appendChild(this.dialogEl)
-  }
-
-  connectedCallback() {
-    const style = document.createElement('style')
-    style.textContent = `
-      dialog {
-        margin-top: 120px;
-        min-width: 200px;
-        border: 1px solid rgba(0, 0, 0, 0.3);
-        border-radius: 6px;
-        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-      }
-      dialog::backdrop {
-        opacity: 0;
-        transition: opacity 0.3s ease-in;
-        background-color: rgba(0, 0, 0, .25);
-      }
-      dialog.opened::backdrop {
-        opacity: 1;
-      }
-      dialog.closing {
-        visibility: hidden;
-      }
-      dialog.closing::backdrop {
-        visibility: visible;
-      }
-      .header, .footer, .body {
-        display: flex;
-        align-items: stretch;
-        flex-direction: column;
-      }
-    `
-    this.shadowRoot.append(style)
-    this.headerEl.setAttribute('part', 'header')
-    this.bodyEl.setAttribute('part', 'body')
-    this.footerEl.setAttribute('part', 'footer')
-  }
-
-  open() {
-    this.dialogEl.showModal();
-    this.dialogEl.classList.add('opened')
-  }
-
-  close() {
-    this.dialogEl.classList.remove('opened')
-    this.dialogEl.classList.add('closing')
-    setTimeout(() => {
-      this.dialogEl.close()
-      this.dialogEl.classList.remove('closing')
-    }, 500)
-  }
-}
\ No newline at end of file

From 88dad9f230b4898edae293cb44773933c6816972 Mon Sep 17 00:00:00 2001
From: bat <bat@noreply.codeberg.org>
Date: Wed, 5 Apr 2023 22:38:28 +0000
Subject: [PATCH 2/2] Move dialog to dialog repo

---
 app.js | 2 +-
 sw.js  | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app.js b/app.js
index 3efca83..aad8bcb 100644
--- a/app.js
+++ b/app.js
@@ -2,7 +2,7 @@ import { Layout } from "/components/layout.js"
 import { Page } from "/components/page.js"
 import { Header } from "/components/header.js"
 import { NavMenu } from "/components/nav-menu.js"
-import { Dialog } from "/components/dialog.js"
+import { Dialog } from "/dialog/dialog.js"
 import { ButtonGroup } from "/forms/button-group.js"
 import { Dropdown } from "/menu/dropdown.js"
 
diff --git a/sw.js b/sw.js
index df2d74a..3c20815 100644
--- a/sw.js
+++ b/sw.js
@@ -8,10 +8,10 @@ async function initCache() {
     '/components/layout.js',
     '/components/header.js',
     '/components/nav-menu.js',
-    '/components/dialog.js',
+    '/dialog/dialog.js',
     '/forms/button-group.js',
     '/menu/dropdown.js',
-  ]) //4
+  ])
 }
 
 self.addEventListener("install", event => {