css fix, demo fixes

assets/css/atcb-3d.css

@@ -5,7 +5,7 @@
  *
  * Style: 3D
  *
- * Version: 2.7.2
+ * Version: 2.7.3
  * 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)
@@ -818,6 +818,7 @@ a.atcb-modal-btn:not([disabled]):hover {
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: var(--date-btn-headline-line-clamp);
+  line-clamp: var(--date-btn-headline-line-clamp);
   -webkit-box-orient: vertical;
 }
 
@@ -837,6 +838,7 @@ a.atcb-modal-btn:not([disabled]):hover {
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 1;
+  line-clamp: 1;
   -webkit-box-orient: vertical;
   word-break: break-all;
 }
@@ -1450,6 +1452,7 @@ a.atcb-modal-btn:not([disabled]):hover {
 
 #atcb-reference.atcb-dropup {
   position: absolute;
+  margin-top: -1px;
 }
 
 .atcb-modal-host-initialized #atcb-reference.atcb-dropup {

assets/css/atcb-date.css

@@ -5,7 +5,7 @@
  *
  * Style: Date
  *
- * Version: 2.7.2
+ * Version: 2.7.3
  * 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)
@@ -339,6 +339,7 @@
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: var(--date-btn-headline-line-clamp);
+  line-clamp: var(--date-btn-headline-line-clamp);
   -webkit-box-orient: vertical;
 }
 
@@ -358,6 +359,7 @@
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 1;
+  line-clamp: 1;
   -webkit-box-orient: vertical;
   word-break: break-all;
 }
@@ -1145,6 +1147,7 @@ a.atcb-modal-btn:not([disabled]):hover {
 
 #atcb-reference.atcb-dropup {
   position: absolute;
+  margin-top: -1px;
 }
 
 .atcb-modal-host-initialized #atcb-reference.atcb-dropup {

assets/css/atcb-flat.css

@@ -5,7 +5,7 @@
  *
  * Style: Flat
  *
- * Version: 2.7.2
+ * Version: 2.7.3
  * 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)
@@ -750,6 +750,7 @@ a.atcb-modal-btn:not([disabled]):hover {
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: var(--date-btn-headline-line-clamp);
+  line-clamp: var(--date-btn-headline-line-clamp);
   -webkit-box-orient: vertical;
 }
 
@@ -769,6 +770,7 @@ a.atcb-modal-btn:not([disabled]):hover {
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 1;
+  line-clamp: 1;
   -webkit-box-orient: vertical;
   word-break: break-all;
 }
@@ -1375,6 +1377,7 @@ a.atcb-modal-btn:not([disabled]):hover {
 
 #atcb-reference.atcb-dropup {
   position: absolute;
+  margin-top: -5px;
 }
 
 .atcb-modal-host-initialized #atcb-reference.atcb-dropup {

assets/css/atcb-neumorphism.css

@@ -5,7 +5,7 @@
  *
  * Style: Neumorphism
  *
- * Version: 2.7.2
+ * Version: 2.7.3
  * 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)
@@ -727,6 +727,7 @@ a.atcb-modal-btn:not([disabled]):hover {
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: var(--date-btn-headline-line-clamp);
+  line-clamp: var(--date-btn-headline-line-clamp);
   -webkit-box-orient: vertical;
 }
 
@@ -746,6 +747,7 @@ a.atcb-modal-btn:not([disabled]):hover {
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 1;
+  line-clamp: 1;
   -webkit-box-orient: vertical;
   word-break: break-all;
 }
@@ -1374,6 +1376,7 @@ a.atcb-modal-btn:not([disabled]):hover {
 
 #atcb-reference.atcb-dropup {
   position: absolute;
+  margin-top: -1px;
 }
 
 .atcb-modal-host-initialized #atcb-reference.atcb-dropup {

assets/css/atcb-round.css

@@ -5,7 +5,7 @@
  *
  * Style: Round
  *
- * Version: 2.7.2
+ * Version: 2.7.3
  * 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)
@@ -821,6 +821,7 @@ a.atcb-modal-btn:not([disabled]):hover {
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: var(--date-btn-headline-line-clamp);
+  line-clamp: var(--date-btn-headline-line-clamp);
   -webkit-box-orient: vertical;
 }
 
@@ -840,6 +841,7 @@ a.atcb-modal-btn:not([disabled]):hover {
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 1;
+  line-clamp: 1;
   -webkit-box-orient: vertical;
   word-break: break-all;
 }
@@ -1460,6 +1462,7 @@ a.atcb-modal-btn:not([disabled]):hover {
 
 #atcb-reference.atcb-dropup {
   position: absolute;
+  margin-top: -1px;
 }
 
 .atcb-modal-host-initialized #atcb-reference.atcb-dropup {

assets/css/atcb-text.css

@@ -5,7 +5,7 @@
  *
  * Style: Text
  *
- * Version: 2.7.2
+ * Version: 2.7.3
  * 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)
@@ -830,6 +830,7 @@ a.atcb-modal-btn:not([disabled]):hover {
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: var(--date-btn-headline-line-clamp);
+  line-clamp: var(--date-btn-headline-line-clamp);
   -webkit-box-orient: vertical;
 }
 
@@ -849,6 +850,7 @@ a.atcb-modal-btn:not([disabled]):hover {
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 1;
+  line-clamp: 1;
   -webkit-box-orient: vertical;
   word-break: break-all;
 }
@@ -1457,6 +1459,7 @@ a.atcb-modal-btn:not([disabled]):hover {
 
 #atcb-reference.atcb-dropup {
   position: absolute;
+  margin-top: -1px;
 }
 
 .atcb-modal-host-initialized #atcb-reference.atcb-dropup {

assets/css/atcb.css

@@ -5,7 +5,7 @@
  *
  * Style: Default
  *
- * Version: 2.7.2
+ * Version: 2.7.3
  * 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)
@@ -756,6 +756,7 @@ a.atcb-modal-btn:not([disabled]):hover {
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: var(--date-btn-headline-line-clamp);
+  line-clamp: var(--date-btn-headline-line-clamp);
   -webkit-box-orient: vertical;
 }
 
@@ -775,6 +776,7 @@ a.atcb-modal-btn:not([disabled]):hover {
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 1;
+  line-clamp: 1;
   -webkit-box-orient: vertical;
   word-break: break-all;
 }
@@ -1395,6 +1397,7 @@ a.atcb-modal-btn:not([disabled]):hover {
 
 #atcb-reference.atcb-dropup {
   position: absolute;
+  margin-top: -1px;
 }
 
 .atcb-modal-host-initialized #atcb-reference.atcb-dropup {

demo/components/controls/configSearch.vue

@@ -159,7 +159,7 @@ const onSearchInputBlur = () => {
           <input
             :id="elInputID"
             ref="searchInput"
-            class="autocomplete-input truncate rounded-md bg-zinc-50 py-2 pl-3 pr-10 text-left text-sm caret-secondary placeholder:text-xs focus:outline-none focus-visible:ring focus-visible:ring-secondary/75 group-hover:bg-white dark:bg-zinc-700 dark:group-hover:bg-zinc-600"
+            class="autocomplete-input w-full truncate rounded-md bg-zinc-50 py-2 pl-3 pr-10 text-left text-sm caret-secondary placeholder:text-xs focus:outline-none focus-visible:ring focus-visible:ring-secondary/75 group-hover:bg-white dark:bg-zinc-700 dark:group-hover:bg-zinc-600"
             :placeholder="$t('labels.inputs.search')"
             :aria-label="$t('labels.inputs.search')"
             @focus="onSearchInputFocus"

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.7.2 </span>
+              <span class="lowercase text-zinc-400 dark:text-zinc-500"> , Current Version: 2.7.3 </span>
             </div>
           </div>
           <div class="hidden self-center sm:block">

demo/locales/de.json

@@ -368,9 +368,12 @@
         "block_step1": "Füge einen neuen Block hinzu und suche hierbei nach \"Add to Calendar Button\".",
         "block_step2": "Klicke auf den Block, bzw. auf den Button.",
         "block_step3": "Füge über die \"Block\"-Einstellungen auf der rechten Seite die gewünschten Attribute hinzu.",
+        "block_pro": "Wenn du unseren PRO-Service nutzt, kannst du die entsprechende Option aktivieren. Dies erlaubt dir auch dynamische Daten zu verknüpfen - bspw. Meta- oder ACF-Felder.",
         "shortcode1": "Alternativ kannst du einen Button auch mit dem shortcode [add-to-calendar-button] erzeugen und Attribute direkt dort spezifizieren:",
+        "shortcode_pro": "Die Verknüpfung von dynamischen Daten ist auch mit dem Shortcode mögich. Schau dir die PRO-Dokumentation für weitere Informationen und Anleitungen an.",
         "shortcode2": "Beachte, dass du innerhalb eines Shortcodes die Zeichen '[' und ']' nicht nutzen kannst! Für die erweiterten Formatierungs-Optionen kannst du das Schema {'{'}*{'}'} anstelle von [*] nutzen.",
-        "shortcode_description": "Beschreibung mit {'{'}b{'}'}fettem{'{'}/b{'}'} Text."
+        "shortcode_description": "Beschreibung mit {'{'}b{'}'}fettem{'{'}/b{'}'} Text.",
+        "pro_docs": "Zur Dokumentation der PRO-Version"
       },
       "next": {
         "headline": "Nächste Schritte",

demo/locales/en.json

@@ -368,9 +368,12 @@
         "block_step1": "Add a new block and search for \"Add to Calendar Button\".",
         "block_step2": "Click at the appearing button.",
         "block_step3": "Add the attributes of your choice at the input on the right side \"Block\" settings.",
+        "block_pro": "When using our PRO service, you can activate the respective option. This will also allow you to link dynamic data to the button - like meta or ACF field values.",
         "shortcode1": "Alternatively, you can also use the shortcode [add-to-calendar-button] and add the attributes directly to it:",
+        "shortcode_pro": "The linking of dynamic data is also possible with the shortcode. Check our PRO documentation for more information and guidance.",
         "shortcode2": "Mind that you cannot use '[' and ']' characters inside a shortcode! For content formatting, you can use {'{'}*{'}'} instead of [*].",
-        "shortcode_description": "Description with {'{'}b{'}'}bold{'{'}/b{'}'} text."
+        "shortcode_description": "Description with {'{'}b{'}'}bold{'{'}/b{'}'} text.",
+        "pro_docs": "To the PRO documentation"
       },
       "next": {
         "headline": "Next Steps",