feat: VivesPOS landing on Winter CMS 1.2 — theme + plugin + Dockerfile

- Base: wintercms/winter branch 1.2 (full framework)
- Theme vivespos: Canvas 7 + Bootstrap 5 CDN, custom CSS
- Layout: deferred GTM/GA4 tracking, JSON-LD SoftwareApplication
- Partials: hero (offline-first), features, modes (offline/nube toggle),
  screenshots, pricing (3 planes), comparison, FAQ, CTA
- Plugin VivesPOS.Site with ContactForm
- Dockerfile: PHP 8.2 Apache, port 80, healthcheck
- Added winter/wn-pages, blog, sitemap, seo plugins
- Active theme set to vivespos

modules/system/assets/ui/js/loader.stripe.js

@@ -0,0 +1,100 @@
+/*
+ * The stripe loading indicator.
+ *
+ * Displays the animated loading indicator stripe at the top of the page.
+ *
+ * JavaScript API:
+ * $.wn.stripeLoadIndicator.show(event)
+ * $.wn.stripeLoadIndicator.hide()
+ *
+ * By default if the show() method has been called several times, the hide() method should be
+ * called the same number of times in order to hide the stripe. Use hide(true) to hide the
+ * indicator forcibly.
+ */
++function ($) { "use strict";
+     if ($.wn === undefined)
+        $.wn = {}
+    if ($.oc === undefined)
+        $.oc = $.wn
+
+    var StripeLoadIndicator = function () {
+        var self = this
+        this.counter = 0
+        this.indicator = this.makeIndicator()
+        this.stripe = this.indicator.find('.stripe')
+        this.animationTimer = null
+
+        $(document).ready(function(){
+            $(document.body).append(self.indicator)
+        })
+    }
+
+    StripeLoadIndicator.prototype.makeIndicator = function() {
+        return $('<div/>')
+            .addClass('stripe-loading-indicator loaded')
+            .append($('<div />').addClass('stripe'))
+            .append($('<div />').addClass('stripe-loaded'))
+    }
+
+    StripeLoadIndicator.prototype.show = function() {
+        window.clearTimeout(this.animationTimer)
+        this.indicator.show()
+        this.counter++
+
+        // Restart the animation
+        this.stripe.after(this.stripe = this.stripe.clone()).remove()
+
+        if (this.counter > 1) {
+            return
+        }
+
+        this.indicator.removeClass('loaded')
+        $(document.body).addClass('loading')
+    }
+
+    StripeLoadIndicator.prototype.hide = function(force) {
+
+        this.counter--
+        if (force !== undefined && force) {
+            this.counter = 0
+        }
+
+        if (this.counter <= 0) {
+            this.indicator.addClass('loaded')
+            $(document.body).removeClass('loading')
+
+            // Stripe should be hidden using `display: none` because leaving the animated
+            // element in the rendering tree, even invisible, affects performance.
+            var self = this
+            this.animationTimer = window.setTimeout(function() {
+                self.indicator.hide()
+            }, 1000)
+        }
+    }
+
+    $.wn.stripeLoadIndicator = new StripeLoadIndicator()
+
+    // STRIPE LOAD INDICATOR DATA-API
+    // ==============
+
+    $(document)
+        .on('ajaxPromise', '[data-stripe-load-indicator]', function(event) {
+            // Prevent this event from bubbling up to a non-related data-request
+            // element, for example a <form> tag wrapping a <button> tag
+            event.stopPropagation()
+
+            $.wn.stripeLoadIndicator.show()
+
+            // This code will cover instances where the element has been removed
+            // from the DOM, making the resolution event below an orphan.
+            var $el = $(this)
+            $(window).one('ajaxUpdateComplete', function(){
+                if ($el.closest('html').length === 0)
+                    $.wn.stripeLoadIndicator.hide()
+             })
+        }).on('ajaxFail ajaxDone ajaxRedirected', '[data-stripe-load-indicator]', function(event) {
+            event.stopPropagation()
+            $.wn.stripeLoadIndicator.hide()
+        })
+
+}(window.jQuery);