Enhance webflo elements

Author: ox-harris

src/webflo-runtime/webflo-client/webflo-elements.js

@@ -1074,19 +1074,23 @@ export class ModalElement extends BaseElement {
 
             /* ----------- swipe-dismiss ----------- */
             
-            :host(:not(._horz)) {
+            :host(:not(._swipe-dismiss)) {
+                --swipe-dismiss-length: 0px;
+            }
+
+            :host(._swipe-dismiss:not(._horz)) {
                 --swipe-dismiss-length: var(--modal-swipe-dismiss-length, calc(var(--view-height) - var(--minmax-length)));
             }
 
-            :host(._horz) {
+            :host(._swipe-dismiss._horz) {
                 --swipe-dismiss-length: var(--modal-swipe-dismiss-length, calc(var(--view-width) - var(--minmax-length)));
             }
 
-            :host(:not(._top:not(._horz), ._left._horz)) {
+            :host(._swipe-dismiss:not(._top:not(._horz), ._left._horz)) {
                 --swipe-dismiss-progress-range: 0% var(--swipe-dismiss-length);
             }
 
-            :host(:is(._top:not(._horz), ._left._horz)) {
+            :host(._swipe-dismiss:is(._top:not(._horz), ._left._horz)) {
                 --swipe-dismiss-progress-range:
                     calc(100% - var(--swipe-dismiss-length))
                     100%;