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/inspector.wrapper.container.js

@@ -0,0 +1,245 @@
+/*
+ * Inspector container wrapper.
+ */
++function ($) { "use strict";
+
+    // CLASS DEFINITION
+    // ============================
+
+    var Base = $.wn.inspector.wrappers.base,
+        BaseProto = Base.prototype
+
+    var InspectorContainer = function($element, surface, options) {
+        if (!options.container) {
+            throw new Error('Cannot create Inspector container wrapper without a container element.')
+        }
+
+        this.surfaceContainer = null
+
+        Base.call(this, $element, surface, options)
+    }
+
+    InspectorContainer.prototype = Object.create(BaseProto)
+    InspectorContainer.prototype.constructor = Base
+
+    InspectorContainer.prototype.init = function() {
+        this.registerHandlers()
+
+        BaseProto.init.call(this)
+    }
+
+    InspectorContainer.prototype.dispose = function() {
+        this.unregisterHandlers()
+        this.removeControls()
+
+        this.surfaceContainer = null
+
+        BaseProto.dispose.call(this)
+    }
+
+    InspectorContainer.prototype.createSurfaceAndUi = function(properties, values) {
+        this.buildUi()
+
+        this.initSurface(this.surfaceContainer, properties, values)
+
+        if (this.isLiveUpdateEnabled()) {
+            this.surface.options.onChange = this.proxy(this.onLiveUpdate)
+        }
+    }
+
+    InspectorContainer.prototype.adoptSurface = function() {
+        this.buildUi()
+
+        this.surface.moveToContainer(this.surfaceContainer)
+
+        if (this.isLiveUpdateEnabled()) {
+            this.surface.options.onChange = this.proxy(this.onLiveUpdate)
+        }
+
+        BaseProto.adoptSurface.call(this)
+    }
+
+    InspectorContainer.prototype.buildUi = function() {
+        var scrollable = this.isScrollable(),
+            head = this.buildHead(),
+            layoutElements = this.buildLayout()
+
+        layoutElements.headContainer.appendChild(head)
+
+        if (scrollable) {
+            var scrollpad = this.buildScrollpad()
+
+            this.surfaceContainer = scrollpad.container
+            layoutElements.bodyContainer.appendChild(scrollpad.scrollpad)
+
+            $(scrollpad.scrollpad).scrollpad()
+        }
+        else {
+            this.surfaceContainer = layoutElements.bodyContainer
+        }
+
+        this.setInspectorVisibleFlag(true)
+    }
+
+    InspectorContainer.prototype.buildHead = function() {
+        var container = document.createElement('div'),
+            header = document.createElement('h3'),
+            paragraph = document.createElement('p'),
+            detachButton = document.createElement('span'),
+            closeButton = document.createElement('span')
+
+        container.setAttribute('class', 'inspector-header')
+        detachButton.setAttribute('class', 'wn-icon-external-link-square detach')
+        closeButton.setAttribute('class', 'close')
+
+        header.textContent = this.title
+        paragraph.textContent = this.description
+        closeButton.innerHTML = '×';
+
+        container.appendChild(header)
+        container.appendChild(paragraph)
+        container.appendChild(detachButton)
+        container.appendChild(closeButton)
+
+        return container
+    }
+
+    InspectorContainer.prototype.buildScrollpad = function() {
+        var scrollpad = document.createElement('div'),
+            scrollWrapper = document.createElement('div'),
+            scrollableContainer = document.createElement('div')
+
+        scrollpad.setAttribute('class', 'control-scrollpad')
+        scrollpad.setAttribute('data-control', 'scrollpad')
+        scrollWrapper.setAttribute('class', 'scroll-wrapper inspector-wrapper')
+
+        scrollpad.appendChild(scrollWrapper)
+        scrollWrapper.appendChild(scrollableContainer)
+
+        return {
+            scrollpad: scrollpad,
+            container: scrollableContainer
+        }
+    }
+
+    InspectorContainer.prototype.buildLayout = function() {
+        var layout = document.createElement('div'),
+            headRow = document.createElement('div'),
+            bodyRow = document.createElement('div')
+
+        layout.setAttribute('class', 'flex-layout-column fill-container')
+        headRow.setAttribute('class', 'flex-layout-item fix')
+        bodyRow.setAttribute('class', 'flex-layout-item stretch relative')
+
+        layout.appendChild(headRow)
+        layout.appendChild(bodyRow)
+
+        this.options.container.get(0).appendChild(layout)
+
+        $.wn.foundation.controlUtils.markDisposable(layout)
+        this.registerLayoutHandlers(layout)
+
+        return {
+            headContainer: headRow,
+            bodyContainer: bodyRow
+        }
+    }
+
+    InspectorContainer.prototype.validateAndApply = function() {
+        if (!this.surface.validate()) {
+            return false
+        }
+
+        this.applyValues()
+        return true
+    }
+
+    InspectorContainer.prototype.isScrollable = function() {
+        return this.options.container.data('inspector-scrollable') !== undefined
+    }
+
+    InspectorContainer.prototype.isLiveUpdateEnabled = function() {
+        return this.options.container.data('inspector-live-update') !== undefined
+    }
+
+    InspectorContainer.prototype.getLayout = function() {
+        return this.options.container.get(0).querySelector('div.flex-layout-column')
+    }
+
+    InspectorContainer.prototype.registerLayoutHandlers = function(layout) {
+        var $layout = $(layout)
+
+        $layout.one('dispose-control', this.proxy(this.dispose))
+        $layout.on('click', 'span.close', this.proxy(this.onClose))
+        $layout.on('click', 'span.detach', this.proxy(this.onDetach))
+    }
+
+    InspectorContainer.prototype.registerHandlers = function() {
+        this.options.container.on('apply.oc.inspector', this.proxy(this.onApplyValues))
+        this.options.container.on('beforeContainerHide.oc.inspector', this.proxy(this.onBeforeHide))
+    }
+
+    InspectorContainer.prototype.unregisterHandlers = function() {
+        var $layout = $(this.getLayout())
+
+        this.options.container.off('apply.oc.inspector', this.proxy(this.onApplyValues))
+        this.options.container.off('beforeContainerHide.oc.inspector', this.proxy(this.onBeforeHide))
+
+        $layout.off('dispose-control', this.proxy(this.dispose))
+        $layout.off('click', 'span.close', this.proxy(this.onClose))
+        $layout.off('click', 'span.detach', this.proxy(this.onDetach))
+
+        if (this.surface !== null && this.surface.options.onChange === this.proxy(this.onLiveUpdate)) {
+            this.surface.options.onChange = null
+        }
+    }
+
+    InspectorContainer.prototype.removeControls = function() {
+        if (this.isScrollable()) {
+            this.options.container.find('.control-scrollpad').scrollpad('dispose')
+        }
+
+        var layout = this.getLayout()
+        layout.parentNode.removeChild(layout)
+    }
+
+    InspectorContainer.prototype.onApplyValues = function(ev) {
+        if (!this.validateAndApply()) {
+            ev.preventDefault()
+            return false
+        }
+    }
+
+    InspectorContainer.prototype.onBeforeHide = function(ev) {
+        if (!this.triggerHiding()) {
+            ev.preventDefault()
+            return false
+        }
+    }
+
+    InspectorContainer.prototype.onClose = function(ev) {
+        if (!this.validateAndApply()) {
+            ev.preventDefault()
+            return false
+        }
+
+        if (!this.triggerHiding()) {
+            ev.preventDefault()
+            return false
+        }
+
+        this.surface.dispose()
+
+        this.dispose()
+    }
+
+    InspectorContainer.prototype.onLiveUpdate = function() {
+        this.applyValues(true)
+    }
+
+    InspectorContainer.prototype.onDetach = function() {
+        $.wn.inspector.manager.switchToPopup(this)
+    }
+
+    $.wn.inspector.wrappers.container = InspectorContainer
+}(window.jQuery);