flexmonster 2.9.8 → 2.9.12

package/README.md

@@ -104,6 +104,13 @@ First of all, if you use one of the offered languages below, you can download th
 - [Português](https://github.com/flexmonster/pivot-localizations/blob/master/pr.json)
 - [Chinese](https://github.com/flexmonster/pivot-localizations/blob/master/ch.json)
 - [Українська](https://github.com/flexmonster/pivot-localizations/blob/master/ua.json)
+- [Italiano](https://github.com/flexmonster/pivot-localizations/blob/master/it.json)
+- [Hungarian](https://github.com/flexmonster/pivot-localizations/blob/master/hu.json)
+- [German](https://github.com/flexmonster/pivot-localizations/blob/master/de.json)
+- [Dutch](https://github.com/flexmonster/pivot-localizations/blob/master/nl.json)
+- [Turkish](https://github.com/flexmonster/pivot-localizations/blob/master/tr.json)
+- [Thai](https://github.com/flexmonster/pivot-localizations/blob/master/th.json)
+- [Indonesian](https://github.com/flexmonster/pivot-localizations/blob/master/id.json)
 
 [Set localization for Pivot Table](https://www.flexmonster.com/doc/localizing-component/?r=npm)
 
@@ -139,4 +146,4 @@ You can control where to save the export data, the following methods are support
 - [User interface](https://www.flexmonster.com/user-interface/?r=npm)
 - [Blog](https://www.flexmonster.com/blog/?r=npm)
 
-Also, you can get all support from the development team on [Forum](https://www.flexmonster.com/forum/?r=npm). Flexmonster developers react fast to the questions and suggestion and provide professional assistance.
+You can also get support from our Tech team by raising a ticket via [Flexmonster Help Center](http://www.flexmonster.com/help-center/?r=npm).

package/flexmonster.css

@@ -1,3 +1,6 @@
+:root {
+  --fm-version: "2.9.12";
+}
 /* ===== RESET STYLES ===== */
 #fm-pivot-view,
 #fm-toolbar-wrapper {
@@ -3438,14 +3441,29 @@
 #fm-pivot-view .fm-fields-view .fm-btn-add-measure-2:hover:before {
   color: #555;
 }
+#fm-pivot-view .fm-fields-view .fm-popup-header {
+  display: flex;
+}
 #fm-pivot-view .fm-fields-view .fm-popup-header .fm-ui-col:first-child {
-  max-width: 300px;
+  min-width: 100px;
 }
 #fm-pivot-view .fm-fields-view .fm-popup-header .fm-ui-col:first-child span.fm-ui-label {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
+#fm-pivot-view .fm-fields-view .fm-popup-header .fm-ui-col:nth-child(1) {
+  flex: 1;
+}
+#fm-pivot-view .fm-fields-view .fm-popup-header .fm-ui-col:nth-child(1) .fm-popup-subtitle {
+  width: fit-content;
+}
+#fm-pivot-view .fm-fields-view .fm-popup-header .fm-ui-col:nth-child(2) {
+  min-width: fit-content;
+  position: relative;
+  right: 0px;
+  margin-left: 30px;
+}
 #fm-pivot-view .fm-fields-view .fm-popup-header .fm-btn-add-measure {
   padding-right: 32px;
   max-width: 250px;
@@ -4310,6 +4328,12 @@
   height: calc(100% - 50px);
   height: -webkit-calc(100% - 50px);
 }
+#fm-pivot-view .fm-fields-view.fm-layout-mobile-small .fm-popup-header {
+  flex-direction: column;
+}
+#fm-pivot-view .fm-fields-view.fm-layout-mobile-small .fm-ui-col:nth-child(2) {
+  margin-left: auto;
+}
 #fm-pivot-view .fm-fields-view.fm-layout-mobile-small .fm-popup-content {
   height: calc(100% - 95px);
   height: -webkit-calc(100% - 95px);
@@ -4323,9 +4347,6 @@
   min-height: 467px;
   height: 467px;
 }
-#fm-pivot-view .fm-fields-view.fm-flat-fields .fm-popup-header .fm-ui-col:first-child {
-  margin-right: 20px;
-}
 #fm-pivot-view .fm-fields-view.fm-flat-fields .fm-popup-header .fm-btn-add-measure {
   min-width: 40px;
   width: 40px;
@@ -4564,9 +4585,6 @@
   height: calc(100% - 35px);
   height: -webkit-calc(100% - 35px);
 }
-#fm-pivot-view .fm-fields-view.fm-layout-tablet .fm-popup-header .fm-ui-col:first-child {
-  margin-right: 20px;
-}
 #fm-pivot-view .fm-fields-view.fm-layout-tablet .fm-list-wrap .fm-list-header.fm-list-header-wide .fm-list-header-label-wrap {
   position: absolute;
   top: 50%;
@@ -6372,11 +6390,11 @@
 #fm-toolbar-wrapper #fm-toolbar .fm-dropdown-scrollable-left:before {
   left: 0px;
 }
-#fm-toolbar-wrapper #fm-toolbar .fm-align-rigth .fm-dropdown-content:after {
+#fm-toolbar-wrapper #fm-toolbar .fm-align-right .fm-dropdown-content:after {
   left: inherit;
   right: 20px;
 }
-#fm-toolbar-wrapper #fm-toolbar .fm-align-rigth .fm-dropdown-content:before {
+#fm-toolbar-wrapper #fm-toolbar .fm-align-right .fm-dropdown-content:before {
   left: inherit;
   right: 19px;
 }
@@ -6443,11 +6461,13 @@
   text-align: center;
 }
 #fm-toolbar-wrapper div.fm-panel .fm-title-bar .fm-toolbox {
+  flex: 1;
   margin-top: 0;
-  max-width: 55%;
-  width: 55%;
+  min-width: fit-content;
+  width: fit-content;
   float: right;
   text-align: right;
+  margin-left: 30px;
 }
 #fm-toolbar-wrapper div.fm-panel .fm-toolbox .fm-ui-btn {
   height: 38px;
@@ -6465,6 +6485,8 @@
   position: relative;
 }
 #fm-toolbar-wrapper div.fm-panel .fm-panel-content .fm-title-bar {
+  display: flex;
+  justify-content: center;
   clear: both;
   margin-bottom: 24px;
 }
@@ -6480,7 +6502,7 @@
 }
 #fm-toolbar-wrapper div.fm-panel .fm-panel-content .fm-title-bar .fm-title-text.fm-ui-col {
   text-align: left;
-  max-width: 45%;
+  flex: 1;
 }
 #fm-toolbar-wrapper .fm-popup-modal-overlay {
   z-index: 20;
@@ -6506,29 +6528,37 @@
 #fm-toolbar-wrapper div.fm-panel.fm-popup.fm-layout-mobile {
   padding: 20px;
 }
-#fm-toolbar-wrapper div.fm-panel.fm-popup.fm-layout-mobile-small .fm-panel-content .fm-toolbox {
-  position: relative;
-  right: initial;
-  right: auto;
-  text-align: left;
-  width: 100%;
-}
-#fm-toolbar-wrapper div.fm-panel.fm-popup.fm-layout-mobile-small .fm-panel-content .fm-toolbox a.fm-ui-btn {
-  width: calc(50% - 10px);
-  width: -webkit-calc(50% - 10px);
+#fm-toolbar-wrapper div.fm-panel.fm-popup.fm-layout-mobile .fm-panel-content .fm-title-bar {
+  display: flex;
+  flex-direction: column;
 }
-#fm-toolbar-wrapper div.fm-panel.fm-popup.fm-layout-mobile-small .fm-panel-content .fm-title-bar .fm-title-text {
+#fm-toolbar-wrapper div.fm-panel.fm-popup.fm-layout-mobile .fm-panel-content .fm-title-bar .fm-title-text.fm-ui-col {
+  max-width: none !important;
   width: 100%;
-  margin-bottom: 10px;
-  text-align: left;
   font-size: 18px;
+  margin-bottom: 10px;
+}
+#fm-toolbar-wrapper div.fm-panel.fm-popup.fm-layout-mobile .fm-panel-content .fm-toolbox {
+  display: flex;
+  max-width: none !important;
+  width: auto !important;
+  margin-left: 0;
+}
+#fm-toolbar-wrapper div.fm-panel.fm-popup.fm-layout-mobile .fm-panel-content .fm-toolbox .fm-ui-btn:not(.fm-button-add) {
+  max-width: none;
+  flex: 1;
 }
 /* Conditional formatting */
 #fm-toolbar-wrapper .fm-popup-conditional {
   width: 610px;
   min-width: 400px;
 }
+#fm-toolbar-wrapper .fm-popup-conditional .fm-toolbox {
+  max-width: 54% !important;
+  width: 54% !important;
+}
 #fm-toolbar-wrapper .fm-popup-conditional .fm-title-text {
+  max-width: 46% !important;
   width: -webkit-calc(100% - 270px);
   width: calc(100% - 270px);
 }
@@ -6564,13 +6594,15 @@
   color: #555;
 }
 #fm-toolbar-wrapper .fm-popup-conditional .fm-condition-row .fm-values {
-  width: 150px;
+  width: calc(100% - 390px);
+  width: -webkit-calc(100% - 390px);
 }
 #fm-toolbar-wrapper .fm-popup-conditional .fm-condition-row .fm-conditions {
   width: 150px;
 }
 #fm-toolbar-wrapper .fm-popup-conditional .fm-condition-row .fm-font-family {
-  width: 150px;
+  width: calc(100% - 390px);
+  width: -webkit-calc(100% - 390px);
 }
 #fm-toolbar-wrapper .fm-popup-conditional .fm-condition-row .fm-font-size {
   width: 100px;
@@ -6604,13 +6636,6 @@
 #fm-toolbar-wrapper .fm-popup-conditional.fm-layout-mobile .fm-cr-delete {
   top: -90px;
 }
-#fm-toolbar-wrapper .fm-popup-conditional.fm-layout-mobile-small .fm-title-text {
-  width: 100%;
-}
-#fm-toolbar-wrapper .fm-popup-conditional.fm-layout-mobile-small .fm-panel-content .fm-toolbox .fm-ui-btn:not(.fm-button-add) {
-  width: calc(50% - 42px);
-  width: -webkit-calc(50% - 42px);
-}
 #fm-toolbar-wrapper .fm-toolbar-ui .fm-cr-inner {
   font-size: 0;
   margin-bottom: 10px;
@@ -7168,7 +7193,7 @@
 }
 #fm-toolbar-wrapper .fm-toolbar-ui .fm-button-add {
   padding-right: 30px;
-  min-width: unset;
+  min-width: auto;
 }
 #fm-toolbar-wrapper .fm-toolbar-ui .fm-button-add-large {
   padding-left: 36px;