phoenix_duskmoon 6.0.7 → 6.0.9

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+## [6.0.9](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/compare/v6.0.8...v6.0.9) (2025-02-09)
+
+
+### Bug Fixes
+
+* Fix package.json files. ([885e8e9](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/commit/885e8e9515e310352f6c65525c2059aea0822977))
+* Fix package.json. ([9db1241](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/commit/9db1241af76fa8e7a7dd195cb9d8ccb163cc7e19))
+
+## [6.0.8](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/compare/v6.0.7...v6.0.8) (2025-02-06)
+
+
+### Bug Fixes
+
+* Fix missing css. ([a709509](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/commit/a70950966ebea82ac858ab7e6e6ec8196fe17e88))
+
 ## [6.0.7](https://github.com/gsmlg-dev/phoenix-duskmoon-ui/compare/v6.0.6...v6.0.7) (2025-02-06)
 
 

package/assets/css/phoenix_duskmoon.css

@@ -0,0 +1,9 @@
+@config "../tailwind.config.js";
+
+@import "tailwindcss";
+@plugin "daisyui";
+@plugin "@tailwindcss/typography";
+
+@import "./theme.css";
+@import "./components.css";
+

package/assets/js/phoenix_duskmoon.js

@@ -0,0 +1,44 @@
+
+export const WebComponentHook = {
+    mounted() {
+        const attrs = this.el.attributes;
+        const phxTarget = attrs["phx-target"].value;
+        const pushEvent = phxTarget
+        ? (event, payload, callback) =>
+            this.pushEventTo(phxTarget, event, payload, callback)
+        : this.pushEvent;
+
+        for (var i = 0; i < attrs.length; i++) {
+            if (/^duskmoon-send-/.test(attrs[i].name)) {
+                const eventName = attrs[i].name.replace(/^duskmoon-send-/, "");
+                const [phxEvent, callbackName] = attrs[i].value.split(';');
+                this.el.addEventListener(eventName, ({ detail }) => {
+                    pushEvent(phxEvent, detail, (e) => {
+                        this[callbackName]?.(e, detail, eventName)
+                    });
+                });
+            }
+            if (/^duskmoon-receive-/.test(attrs[i].name)) {
+                const eventName = attrs[i].name.replace(/^duskmoon-receive-/, "");
+                const handler = attrs[i].value;
+                this.handleEvent(eventName, (payload) => {
+                    if (handler && this.el[handler]) {
+                        this.el[handler]?.(payload);
+                    } else {
+                        this.el.dispatchEvent(new CustomEvent(eventName, { detail: payload }));
+                    }
+                });
+            }
+            if ('duskmoon-receive' === attrs[i].name) {
+                const [phxEvent, callbackName] = attrs[i].value.split(';');
+                this.handleEvent(phxEvent, (payload) => {
+                    this.el[callbackName]?.(payload);
+                });
+            }
+        }
+    },
+};
+
+if (window) {
+    window.__WebComponentHook__ = WebComponentHook;
+}

package/assets/tailwind.config.js

@@ -0,0 +1,28 @@
+// See the Tailwind configuration guide for advanced usage
+// https://tailwindcss.com/docs/configuration
+const plugin = require('tailwindcss/plugin');
+
+module.exports = {
+  content: [
+    './js/**/*.js',
+    '../lib/phoenix_duskmoon/*.ex',
+    '../lib/phoenix_duskmoon/**/*.ex'
+  ],
+  plugins: [
+    plugin(function ({ matchUtilities, theme }) {
+      matchUtilities(
+        {
+          'grid-cols-auto-fill': (value) => ({
+            gridTemplateColumns: `repeat(auto-fill, minmax(min(${value}, 100%), 1fr))`,
+          }),
+          'grid-cols-auto-fit': (value) => ({
+            gridTemplateColumns: `repeat(auto-fit, minmax(min(${value}, 100%), 1fr))`,
+          }),
+        },
+        {
+          values: theme('width', {}),
+        }
+      )
+    })
+  ]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "phoenix_duskmoon",
-  "version": "6.0.7",
+  "version": "6.0.9",
   "type": "module",
   "exports": {
     ".": "./priv/static/phoenix_duskmoon.js",
@@ -18,9 +18,7 @@
     "CHANGELOG.md",
     "LICENSE",
     "package.json",
-    "assets/css/theme.css",
-    "assets/css/components.css",
-    "assets/css/components/",
+    "assets/",
     "priv/static/",
     "priv/svg/"
   ],
@@ -28,25 +26,14 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@gsmlg/lit": "1.29.5",
-    "lit": "^2.4.1",
-    "lit-element": "^3.2.2",
-    "lit-html": "^2.4.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.0",
-    "@babel/preset-env": "^7.26.0",
     "@mdi/svg": "^7.4.47",
-    "@tailwindcss/container-queries": "^0.1.1",
     "@tailwindcss/typography": "^0.5.16",
     "bootstrap-icons": "^1.11.3",
     "daisyui": "^5.0.0-beta.6",
     "postcss": "^8.5.1"
   },
   "peerDependencies": {
-    "@gsmlg/lit": "1.29.5",
-    "lit": "^2.4.1",
-    "lit-element": "^3.2.2",
-    "lit-html": "^2.4.0"
   }
 }

package/priv/static/phoenix_duskmoon.css

@@ -809,7 +809,7 @@
     padding: calc(0.25rem * 0);
     color: inherit;
     overflow-x: hidden;
-    transition: transform 0.3s ease-out allow-discrete, visibility 0.3s ease-out allow-discrete, opacity 0.1s ease-out allow-discrete;
+    transition: transform 0.3s ease-out, visibility 0s allow-discrete, opacity 0.1s ease-out;
     overflow-y: hidden;
     overscroll-behavior: contain;
     z-index: 999;
@@ -822,7 +822,7 @@
         opacity: 0%;
       }
       background-color: oklch(0% 0 0/ 0.4);
-      transition: display 0.3s ease-out allow-discrete, opacity 0.3s ease-out allow-discrete, visibility 0.3s ease-out allow-discrete;
+      transition: display 0.3s ease-out allow-discrete, opacity 0.3s ease-out, visibility 0.3s ease-out allow-discrete;
     }
     &.modal-open, &[open], &:target {
       pointer-events: auto;
@@ -1837,7 +1837,7 @@
       overflow: hidden;
       opacity: 100%;
       scale: 1;
-      transition: margin 0.1s, opacity 0.3s, padding 0.3s, border-width 0.1s, width 0.1s allow-discrete;
+      transition: margin 0.1s, opacity 0.3s, padding 0.3s, border-width 0.1s;
       &:not(:last-child) {
         margin-inline-end: calc(0.25rem * 1);
       }