Smart UI 9.0.0

Author: bmarkov

README.md

@@ -26,20 +26,21 @@ Smart HTML Elements takes the JavaScript & HTML UI development to a new level. I
 [Theme Builder](https://www.htmlelements.com/themebuilder/)
 
 
-
 Download and Installation
 -------------------------
 
 [Download Smart HTML Elements](http://www.htmlelements.com/download/)
 
-*   ### The SDK files are located in the "source" directory
+*   ### The SDK files are located in the source directory
 
     In general you need to use files from this directory only.  
 
     #### Files list & description:
 
     ##### Files required in all projects using the SDK
 
+    *   smart.element.js: Core Smart HTML Elements framework
+    *   smart.elements.js: Smart HTML Elements bundle
     *   Stylesheet files. Include at least one stylesheet Theme file and the images folder:
     *   styles/smart.default.css: Stylesheet for the base Theme.  
         The smart.default.css file should be always included in your project.

bootstrap/source/smart.element.js

@@ -1,6 +1,6 @@
 
-/* Smart UI v8.1.1 (2020-Nov) 
-Copyright (c) 2011-2020 jQWidgets. 
+/* Smart UI v9.0.0 (2020-Dec) 
+Copyright (c) 2011-2021 jQWidgets. 
 License: https://htmlelements.com/license/ */ //
 
 (function () {
@@ -4179,7 +4179,7 @@ License: https://htmlelements.com/license/ */ //
                         continue;
                     }
 
-                    if (propertyValue.constructor === Smart.DataAdapter || propertyValue.constructor.name === 'smartDataAdapter' || (typeof propertyValue === 'object' && Smart.DataAdapter && propertyValue instanceof Smart.DataAdapter) || propertyValue instanceof Smart.Observable || propertyValue.constructor === Smart.Observable || typeof propertyValue !== 'object' || Utilities.Types.isArray(propertyValue)) {
+                    if (propertyValue.constructor === Smart.DataAdapter || propertyValue.constructor.name === 'smartDataAdapter' || (typeof propertyValue === 'object' && Smart.DataAdapter && propertyValue instanceof Smart.DataAdapter) || propertyValue instanceof Smart.Observable || propertyValue.constructor === Smart.Observable || typeof propertyValue !== 'object' || Utilities.Types.isArray(propertyValue) || propertyValue instanceof Date) {
                         if (that[propertyName] === undefined && ['onReady', 'onAttached', 'onDetached', 'onCreated', 'onCompleted'].indexOf(propertyName) === -1) {
                             const localizedError = that.localize('propertyUnknownName', {
                                 name: propertyName
@@ -4191,7 +4191,7 @@ License: https://htmlelements.com/license/ */ //
                         continue;
                     }
 
-                    if (propertyName === 'messages') {
+                    if (propertyName === 'messages' || propertyName === 'dataSourceMap') {
                         that[propertyName] = propertyValue;
                         continue;
                     }
@@ -4687,6 +4687,10 @@ License: https://htmlelements.com/license/ */ //
             if (Smart(that._selector) && Smart(that._selector).detached) {
                 Smart(that._selector).detached();
             }
+
+            if (data && data[that._selector]) {
+				delete data[that._selector];
+			}
         }
 
         /** Called when a property value is changed. */
@@ -7668,8 +7672,10 @@ License: https://htmlelements.com/license/ */ //
         });
 
         for (let i = 0; i < registeredLoadedCallbacks.length; i++) {
+            window[namespace].RenderMode = '';
             registeredLoadedCallbacks[i].element.isLoading = false;
             registeredLoadedCallbacks[i].callback();
+            window[namespace].RenderMode = '';
         }
 
         registeredLoadedCallbacks = [];
@@ -7770,6 +7776,10 @@ License: https://htmlelements.com/license/ */ //
             that.applyContent();
         }
 
+        refresh() {
+
+        }
+
         clearContent() {
             const that = this;
 
@@ -8240,6 +8250,10 @@ License: https://htmlelements.com/license/ */ //
             const that = this;
 
             function getScrollWidth() {
+                const refreshScrollStyle = that.$.scrollViewerContainer.classList.contains('vscroll');
+
+                that.$.scrollViewerContainer.classList.remove('vscroll');
+
                 const scrollWidth = that.$.scrollViewerContentContainer.offsetWidth - that.$.scrollViewerContainer.offsetWidth;
 
                 if (scrollWidth > 0 && that.horizontalScrollBarVisibility !== 'hidden' || that.horizontalScrollBarVisibility === 'visible') {
@@ -8249,12 +8263,20 @@ License: https://htmlelements.com/license/ */ //
                     that.$.scrollViewerContainer.classList.remove('hscroll');
                 }
 
+                if (refreshScrollStyle) {
+                    that.$.scrollViewerContainer.classList.add('vscroll');
+                }
+
                 return scrollWidth;
             }
 
             function getScrollHeight() {
                 let scrollHeight;
 
+                const refreshScrollStyle = that.$.scrollViewerContainer.classList.contains('hscroll');
+
+                that.$.scrollViewerContainer.classList.remove('hscroll');
+
                 //NOTE: Safari has an issue where it rounds the parent's height to the lowest integer number ignoring the decimal part
                 if (Smart.Utilities.Core.Browser.Safari) {
                     const contentContainerHeight = that.$.scrollViewerContentContainer.getBoundingClientRect().height,
@@ -8271,13 +8293,18 @@ License: https://htmlelements.com/license/ */ //
                     scrollHeight = that.$.scrollViewerContentContainer.offsetHeight - that.$.scrollViewerContainer.offsetHeight;
                 }
 
+
                 if (scrollHeight > 0 && that.verticalScrollBarVisibility !== 'hidden' || that.verticalScrollBarVisibility === 'visible') {
                     that.$.scrollViewerContainer.classList.add('vscroll');
                 }
                 else {
                     that.$.scrollViewerContainer.classList.remove('vscroll');
                 }
 
+                if (refreshScrollStyle) {
+                    that.$.scrollViewerContainer.classList.add('hscroll');
+                }
+
                 return scrollHeight;
             }
 
@@ -8309,6 +8336,12 @@ License: https://htmlelements.com/license/ */ //
             if (that.computedHorizontalScrollBarVisibility) {
                 that.scrollWidth += that._scrollView.vScrollBar.offsetWidth;
             }
+
+            if (that.scrollHeight === 0 && that.scrollWidth > 0) {
+                if (that.$.container.offsetHeight - that.$.content.offsetHeight < 5) {
+                    that.$.container.style.paddingBottom = that._scrollView.hScrollBar.offsetHeight + 'px';
+                }
+            }
         }
 
         attached() {

framework/smart.element.js

@@ -1,2 +1,2 @@
-{"name":"smart-webcomponents-community","version": "8.1.1",
+{"name":"smart-webcomponents-community","version": "9.0.0",
    "description":"Web Components & Custom Elements Community Version","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/HTMLElements/smart-elements.git"},"author":"https://htmlelements.com","bugs":{"url":"https://github.com/HTMLElements/smart-elements/issues"},"homepage":"https://github.com/HTMLElements/smart-elements#readme","keywords":["custom","element","bootstrap","chart","treegrid","gantt","gantt chart","query builder","colorpicker","colorpanel","chart web component","chart custom element","tables","table","docking layot","charting","datagridview","bootstrap grid","tabs","combobox","dropdownlist","listbox","input","password","ui components","user interface","components","bootstrap components","smart components","custom elements","grid web component","grid custom element","chart custom element","chart web component","javascript grid","javascript datagrid","javascript datatable","datatable","bootstrap datagrid","material datagrid","bootstrap datatable","bootstrap table","grid","grid web component","datagrid web component","data grid","datagrid bootstrap","bootstrap grid","carousel custom element","html carousel","material web components","webcomponents","material webcomponents","custom elements","material customelements"],"license":"ISC"}