Merge pull request #638 from add2cal/dev

Dev
add2cal · Oct 9, 2024 · acc8129 · acc8129
2 parents 39229c5 + 1b8abc3
commit acc8129
Show file tree

Hide file tree

Showing 48 changed files with 2,209 additions and 946 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,7 @@
 
 ## Version 2
 
+- v2.7 : Showing open seats on RSVP, better subscription handling
 - v2.6 : useUserTZ, css ::part, formatting of urls in description
 - v2.5 : PRO option and more
   - ✨ [introducing PRO offering](https://add-to-calendar-pro.com/)

diff --git a/assets/css/atcb-3d.css b/assets/css/atcb-3d.css
@@ -5,7 +5,7 @@
  *
  * Style: 3D
  *
- * Version: 2.6.21
+ * Version: 2.7.0
  * Creator: Jens Kuerschner (https://jekuer.com)
  * Project: https://github.com/add2cal/add-to-calendar-button
  * License: Elastic License 2.0 (ELv2) (https://github.com/add2cal/add-to-calendar-button/blob/main/LICENSE.txt)
@@ -1316,6 +1316,17 @@ a.atcb-modal-btn:not([disabled]):hover {
   min-width: 150px;
 }
 
+.pro-form-fine {
+  font-size: .8em;
+  margin: .5em auto 1em;
+  opacity: .75;
+  text-align: center;
+}
+
+.pro-form.form-error .pro-form-fine {
+  opacity: 0;
+}
+
 .pro-waiting {
   background-color: var(--modal-btn-background);
   border: 1px solid var(--modal-btn-border);
@@ -1390,7 +1401,7 @@ a.atcb-modal-btn:not([disabled]):hover {
   color: inherit;
 }
 
-.atcb-modal-content .pro p {
+.atcb-modal-content .pro p:not(.pro-form-fine) {
   margin: 0;
 }
 

diff --git a/assets/css/atcb-3d.min.css b/assets/css/atcb-3d.min.css
diff --git a/assets/css/atcb-date.css b/assets/css/atcb-date.css
@@ -5,7 +5,7 @@
  *
  * Style: Date
  *
- * Version: 2.6.21
+ * Version: 2.7.0
  * Creator: Jens Kuerschner (https://jekuer.com)
  * Project: https://github.com/add2cal/add-to-calendar-button
  * License: Elastic License 2.0 (ELv2) (https://github.com/add2cal/add-to-calendar-button/blob/main/LICENSE.txt)
@@ -1021,6 +1021,17 @@ a.atcb-modal-btn:not([disabled]):hover {
   min-width: 150px;
 }
 
+.pro-form-fine {
+  font-size: .8em;
+  margin: .5em auto 1em;
+  opacity: .75;
+  text-align: center;
+}
+
+.pro-form.form-error .pro-form-fine {
+  opacity: 0;
+}
+
 .pro-waiting {
   background-color: var(--modal-btn-background);
   border: 1px solid var(--modal-btn-border);
@@ -1085,7 +1096,7 @@ a.atcb-modal-btn:not([disabled]):hover {
 
 /* overrides */
 
-.atcb-modal-content .pro p {
+.atcb-modal-content .pro p:not(.pro-form-fine) {
   margin: 0;
 }
 

diff --git a/assets/css/atcb-date.min.css b/assets/css/atcb-date.min.css
diff --git a/assets/css/atcb-flat.css b/assets/css/atcb-flat.css
@@ -5,7 +5,7 @@
  *
  * Style: Flat
  *
- * Version: 2.6.21
+ * Version: 2.7.0
  * Creator: Jens Kuerschner (https://jekuer.com)
  * Project: https://github.com/add2cal/add-to-calendar-button
  * License: Elastic License 2.0 (ELv2) (https://github.com/add2cal/add-to-calendar-button/blob/main/LICENSE.txt)
@@ -1231,8 +1231,8 @@ a.atcb-modal-btn:not([disabled]):hover {
 
 #rsvp-success-msg-doi {
   color: var(--form-error);
-  padding-top: 1em;
   font-size: .8em;
+  padding-top: 1em;
 }
 
 #pro-form-submit {
@@ -1241,6 +1241,17 @@ a.atcb-modal-btn:not([disabled]):hover {
   min-width: 150px;
 }
 
+.pro-form-fine {
+  font-size: .8em;
+  padding: .5em auto 1em;
+  opacity: .75;
+  text-align: center;
+}
+
+.pro-form.form-error .pro-form-fine {
+  opacity: 0;
+}
+
 .pro-waiting {
   background-color: var(--modal-btn-background);
   border: .2em solid var(--modal-btn-border);
@@ -1315,7 +1326,7 @@ a.atcb-modal-btn:not([disabled]):hover {
   color: inherit;
 }
 
-.atcb-modal-content .pro p {
+.atcb-modal-content .pro p:not(.pro-form-fine) {
   margin: 0;
 }
 

diff --git a/assets/css/atcb-flat.min.css b/assets/css/atcb-flat.min.css
diff --git a/assets/css/atcb-neumorphism.css b/assets/css/atcb-neumorphism.css
@@ -5,7 +5,7 @@
  *
  * Style: Neumorphism
  *
- * Version: 2.6.21
+ * Version: 2.7.0
  * Creator: Jens Kuerschner (https://jekuer.com)
  * Project: https://github.com/add2cal/add-to-calendar-button
  * License: Elastic License 2.0 (ELv2) (https://github.com/add2cal/add-to-calendar-button/blob/main/LICENSE.txt)
@@ -1240,6 +1240,17 @@ a.atcb-modal-btn:not([disabled]):hover {
   min-width: 150px;
 }
 
+.pro-form-fine {
+  font-size: .8em;
+  margin: .5em auto 1em;
+  opacity: .75;
+  text-align: center;
+}
+
+.pro-form.form-error .pro-form-fine {
+  opacity: 0;
+}
+
 .pro-waiting {
   background-color: var(--modal-btn-background);
   border: 1px solid var(--modal-btn-border);
@@ -1314,7 +1325,7 @@ a.atcb-modal-btn:not([disabled]):hover {
   color: inherit;
 }
 
-.atcb-modal-content .pro p {
+.atcb-modal-content .pro p:not(.pro-form-fine) {
   margin: 0;
 }
 

diff --git a/assets/css/atcb-neumorphism.min.css b/assets/css/atcb-neumorphism.min.css
diff --git a/assets/css/atcb-round.css b/assets/css/atcb-round.css
@@ -5,7 +5,7 @@
  *
  * Style: Round
  *
- * Version: 2.6.21
+ * Version: 2.7.0
  * Creator: Jens Kuerschner (https://jekuer.com)
  * Project: https://github.com/add2cal/add-to-calendar-button
  * License: Elastic License 2.0 (ELv2) (https://github.com/add2cal/add-to-calendar-button/blob/main/LICENSE.txt)
@@ -1326,6 +1326,17 @@ a.atcb-modal-btn:not([disabled]):hover {
   min-width: 150px;
 }
 
+.pro-form-fine {
+  font-size: .8em;
+  margin: .5em auto 1em;
+  opacity: .75;
+  text-align: center;
+}
+
+.pro-form.form-error .pro-form-fine {
+  opacity: 0;
+}
+
 .pro-waiting {
   background-color: var(--modal-btn-background);
   border: 1px solid var(--modal-btn-border);
@@ -1400,7 +1411,7 @@ a.atcb-modal-btn:not([disabled]):hover {
   color: inherit;
 }
 
-.atcb-modal-content .pro p {
+.atcb-modal-content .pro p:not(.pro-form-fine) {
   margin: 0;
 }
 

diff --git a/assets/css/atcb-round.min.css b/assets/css/atcb-round.min.css
diff --git a/assets/css/atcb-text.css b/assets/css/atcb-text.css
@@ -5,7 +5,7 @@
  *
  * Style: Text
  *
- * Version: 2.6.21
+ * Version: 2.7.0
  * Creator: Jens Kuerschner (https://jekuer.com)
  * Project: https://github.com/add2cal/add-to-calendar-button
  * License: Elastic License 2.0 (ELv2) (https://github.com/add2cal/add-to-calendar-button/blob/main/LICENSE.txt)
@@ -1323,6 +1323,17 @@ a.atcb-modal-btn:not([disabled]):hover {
   min-width: 150px;
 }
 
+.pro-form-fine {
+  font-size: .8em;
+  margin: .5em auto 1em;
+  opacity: .75;
+  text-align: center;
+}
+
+.pro-form.form-error .pro-form-fine {
+  opacity: 0;
+}
+
 .pro-waiting {
   background-color: var(--modal-btn-background);
   border: 1px solid var(--modal-btn-border);
@@ -1397,7 +1408,7 @@ a.atcb-modal-btn:not([disabled]):hover {
   color: inherit;
 }
 
-.atcb-modal-content .pro p {
+.atcb-modal-content .pro p:not(.pro-form-fine) {
   margin: 0;
 }
 

diff --git a/assets/css/atcb-text.min.css b/assets/css/atcb-text.min.css
diff --git a/assets/css/atcb.css b/assets/css/atcb.css
@@ -5,7 +5,7 @@
  *
  * Style: Default
  *
- * Version: 2.6.21
+ * Version: 2.7.0
  * Creator: Jens Kuerschner (https://jekuer.com)
  * Project: https://github.com/add2cal/add-to-calendar-button
  * License: Elastic License 2.0 (ELv2) (https://github.com/add2cal/add-to-calendar-button/blob/main/LICENSE.txt)
@@ -1261,6 +1261,17 @@ a.atcb-modal-btn:not([disabled]):hover {
   min-width: 150px;
 }
 
+.pro-form-fine {
+  font-size: .8em;
+  margin: .5em auto 1em;
+  opacity: .75;
+  text-align: center;
+}
+
+.pro-form.form-error .pro-form-fine {
+  opacity: 0;
+}
+
 .pro-waiting {
   background-color: var(--modal-btn-background);
   border: 1px solid var(--modal-btn-border);
@@ -1335,7 +1346,7 @@ a.atcb-modal-btn:not([disabled]):hover {
   color: inherit;
 }
 
-.atcb-modal-content .pro p {
+.atcb-modal-content .pro p:not(.pro-form-fine) {
   margin: 0;
 }
 

diff --git a/assets/css/atcb.min.css b/assets/css/atcb.min.css
diff --git a/demo/.eslintrc.js b/demo/.eslintrc.js
diff --git a/demo/prettier.config.js → demo/.prettierrc.mjs b/demo/prettier.config.js → demo/.prettierrc.mjs
@@ -1,11 +1,11 @@
-/* eslint-disable no-undef */
-// prettier.config.js or .prettierrc.js
-module.exports = {
+/** @type {import("prettier").Config} */
+export default {
   plugins: ['prettier-plugin-tailwindcss'],
   proseWrap: 'preserve',
   embeddedLanguageFormatting: 'off',
   useTabs: false,
   singleQuote: true,
+  trailingComma: 'all',
   arrowParens: 'always',
   printWidth: 300,
   endOfLine: 'lf',

diff --git a/demo/app.vue b/demo/app.vue
@@ -2,7 +2,7 @@
 import { set, LSKey } from '@/utils/localStorage';
 const { locale } = useI18n();
 
-if (process.client) {
+if (import.meta.client) {
   set(LSKey.LANG, locale.value);
 }
 

diff --git a/demo/components/controls/select.vue b/demo/components/controls/select.vue
@@ -59,7 +59,7 @@ const selectedOptions = computed(() => {
     return [];
   }
 
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
   return props.options.filter((option: any) => {
     const key = option && props.byValue ? option[props.byValue] : option;
     return Array.isArray(props.modelValue) ? props.modelValue.includes(key) : props.modelValue === key

diff --git a/demo/components/faqBlock.vue b/demo/components/faqBlock.vue
@@ -6,7 +6,7 @@ const { locale } = useI18n();
 const localePath = useLocalePath();
 provideUseId(() => useId());
 
-let wpUrl = (function () {
+const wpUrl = (function () {
   if (locale.value == 'de') {
     return 'https://de.wordpress.org/plugins/add-to-calendar-button';
   }

diff --git a/demo/components/footer.vue b/demo/components/footer.vue
@@ -70,7 +70,7 @@ function topFunction() {
             </span>
             <div class="mt-6 text-xs sm:mt-5 md:mt-3">
               <span class="font-semibold text-zinc-500 dark:text-zinc-400"> &copy; {{new Date().getFullYear()}} </span>
-              <span class="lowercase text-zinc-400 dark:text-zinc-500"> , Current Version: 2.6.21 </span>
+              <span class="lowercase text-zinc-400 dark:text-zinc-500"> , Current Version: 2.7.0 </span>
             </div>
           </div>
           <div class="hidden self-center sm:block">

diff --git a/demo/error.vue b/demo/error.vue
@@ -23,7 +23,7 @@ if (statusCode == 404 && route.path.startsWith('/en/')) {
   navigateTo(newPath, { redirectCode: 301 });
 }
 
-if (process.client) {
+if (import.meta.client) {
   set(LSKey.LANG, locale.value);
 }