jodit-pro 2.0.0-beta.28 → 2.0.0-beta.32

package/es5/jodit.css

@@ -1,14 +1,14 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valeriy <chupurnov@gmail.com>
- * Version: v2.0.0-beta.28
+ * Version: v2.0.0-beta.32
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */
 	/*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valeriy <chupurnov@gmail.com>
- * Version: v2.0.0-beta.28
+ * Version: v2.0.0-beta.32
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */
@@ -824,6 +824,44 @@ svg.jodit-icon {
   max-height: fit-content;
 }
 
+/*!
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * Released under MIT see LICENSE.txt in the project root for license information.
+ * Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
+ */
+.jodit-ui-group {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  max-width: 100%;
+  -webkit-box-flex: 0;
+      -ms-flex: 0 0 auto;
+          flex: 0 0 auto;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+}
+.jodit-ui-group_line_true {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: stretch;
+      -ms-flex-pack: stretch;
+          justify-content: stretch;
+}
+.jodit-ui-group_separated_true:not(:last-child):not(.jodit-ui-group_before-spacer_true)::after {
+  content: '';
+  padding: 0;
+  border-right: 1px solid #dadada;
+  border-left: 0;
+  margin: 2px;
+  cursor: default;
+}
+.jodit-ui-group:last-child {
+  border-bottom: 0;
+}
+
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -1590,44 +1628,6 @@ svg.jodit-icon {
           flex: 1;
 }
 
-/*!
- * Jodit Editor (https://xdsoft.net/jodit/)
- * Released under MIT see LICENSE.txt in the project root for license information.
- * Copyright (c) 2013-2023 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
- */
-.jodit-ui-group {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  max-width: 100%;
-  -webkit-box-flex: 0;
-      -ms-flex: 0 0 auto;
-          flex: 0 0 auto;
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-}
-.jodit-ui-group_line_true {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: stretch;
-      -ms-flex-pack: stretch;
-          justify-content: stretch;
-}
-.jodit-ui-group_separated_true:not(:last-child):not(.jodit-ui-group_before-spacer_true)::after {
-  content: '';
-  padding: 0;
-  border-right: 1px solid #dadada;
-  border-left: 0;
-  margin: 2px;
-  cursor: default;
-}
-.jodit-ui-group:last-child {
-  border-bottom: 0;
-}
-
 .jodit-ui-button-group {
   margin-bottom: 8px;
 }
@@ -1693,9 +1693,9 @@ svg.jodit-icon {
   opacity: 0;
   outline: none;
   text-rendering: optimizelegibility;
-  -webkit-transform: translateX(-50%);
-      -ms-transform: translateX(-50%);
-          transform: translateX(-50%);
+  -webkit-transform: translate(-50%, calc(8px / 2));
+      -ms-transform: translate(-50%, calc(8px / 2));
+          transform: translate(-50%, calc(8px / 2));
   -webkit-transition: opacity 0.2s ease 0s;
   transition: opacity 0.2s ease 0s;
   -webkit-user-select: none;
@@ -2926,6 +2926,14 @@ svg.jodit-icon {
   padding: 0;
   margin: 2px 1px;
 }
+.jodit-toolbar-collection .jodit-toolbar-select {
+  padding: 0;
+  margin: 2px 1px;
+}
+.jodit-toolbar-editor-collection .jodit-toolbar-select {
+  padding: 0;
+  margin: 2px 1px;
+}
 .jodit-toolbar-collection .jodit-toolbar-button {
   padding: 0;
   margin: 2px 1px;
@@ -3174,7 +3182,7 @@ svg.jodit-icon {
   border-radius: 0 3px 3px 0;
   opacity: 0.4;
   cursor: pointer;
-  width: 14px;
+  width: calc(14px + 2px);
 }
 .jodit-toolbar-button__trigger:hover:not([disabled]) {
   background-color: #dcdcdc;
@@ -3202,31 +3210,31 @@ svg.jodit-icon {
   pointer-events: none;
 }
 .jodit-toolbar-button__trigger svg {
-  width: 10px;
+  width: calc(14px - 4px);
 }
 .jodit-toolbar-button_size_tiny .jodit-toolbar-button__trigger {
-  width: 8px;
+  width: calc(8px + 2px);
 }
 .jodit-toolbar-button_size_tiny .jodit-toolbar-button__trigger svg {
-  width: 4px;
+  width: calc(8px - 4px);
 }
 .jodit-toolbar-button_size_xsmall .jodit-toolbar-button__trigger {
-  width: 10px;
+  width: calc(10px + 2px);
 }
 .jodit-toolbar-button_size_xsmall .jodit-toolbar-button__trigger svg {
-  width: 6px;
+  width: calc(10px - 4px);
 }
 .jodit-toolbar-button_size_small .jodit-toolbar-button__trigger {
-  width: 12px;
+  width: calc(12px + 2px);
 }
 .jodit-toolbar-button_size_small .jodit-toolbar-button__trigger svg {
-  width: 8px;
+  width: calc(12px - 4px);
 }
 .jodit-toolbar-button_size_large .jodit-toolbar-button__trigger {
-  width: 16px;
+  width: calc(16px + 2px);
 }
 .jodit-toolbar-button_size_large .jodit-toolbar-button__trigger svg {
-  width: 12px;
+  width: calc(16px - 4px);
 }
 .jodit-toolbar-button_with-trigger_true .jodit-toolbar-button__button {
   border-radius: 3px 0 0 3px;
@@ -3603,6 +3611,340 @@ svg.jodit-icon {
   outline: 0;
 }
 
+.jodit-toolbar-select {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  overflow: hidden;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  border: 1px solid transparent;
+  border-radius: 3px;
+  min-width: 34px;
+  height: 34px;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  cursor: pointer;
+  min-width: 100px;
+}
+.jodit-toolbar-select__icon {
+  display: none;
+}
+.jodit-toolbar-select__icon:not(:empty) {
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+}
+.jodit-toolbar-select__text {
+  display: none;
+}
+.jodit-toolbar-select__text:not(:empty) {
+  font-family: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto,
+		oxygen-sans, ubuntu, cantarell, 'Helvetica Neue', sans-serif;
+  font-size: 14px;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+.jodit-toolbar-select_context_menu .jodit-toolbar-select__text {
+  position: relative;
+  -webkit-box-pack: left;
+      -ms-flex-pack: left;
+          justify-content: left;
+  padding-left: 8px;
+}
+.jodit-toolbar-select_context_menu .jodit-toolbar-select__text::before {
+  position: absolute;
+  top: calc(8px * -1);
+  left: 0;
+  height: 35px;
+  border-left: 1px solid #dadada;
+  content: '';
+}
+.jodit-toolbar-select__icon:not(:empty) + .jodit-toolbar-select__text:not(:empty) {
+  margin-left: 8px;
+}
+.jodit-toolbar-select__icon:empty + .jodit-toolbar-select__text:not(:empty) {
+  padding: 0 8px;
+}
+.jodit-toolbar-select__icon:empty + .jodit-toolbar-select__text:not(:empty) {
+  padding: 0;
+}
+.jodit-toolbar-select .jodit-icon {
+  width: 14px;
+  height: 14px;
+}
+.jodit-toolbar-select button {
+  min-width: 34px;
+  height: 34px;
+  padding: 0;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+.jodit-toolbar-select_text-icons_true button {
+  padding: 0 8px;
+}
+.jodit-toolbar-select_size_tiny {
+  min-width: 16px;
+  height: 16px;
+}
+.jodit-toolbar-select_size_tiny .jodit-icon {
+  width: 8px;
+  height: 8px;
+}
+.jodit-toolbar-select_size_tiny button {
+  min-width: 16px;
+  height: 16px;
+  padding: 0;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+.jodit-toolbar-select_size_tiny_text-icons_true button {
+  padding: 0 8px;
+}
+.jodit-toolbar-select_size_xsmall {
+  min-width: 22px;
+  height: 22px;
+}
+.jodit-toolbar-select_size_xsmall .jodit-icon {
+  width: 10px;
+  height: 10px;
+}
+.jodit-toolbar-select_size_xsmall button {
+  min-width: 22px;
+  height: 22px;
+  padding: 0;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+.jodit-toolbar-select_size_xsmall_text-icons_true button {
+  padding: 0 8px;
+}
+.jodit-toolbar-select_size_small {
+  min-width: 28px;
+  height: 28px;
+}
+.jodit-toolbar-select_size_small .jodit-icon {
+  width: 12px;
+  height: 12px;
+}
+.jodit-toolbar-select_size_small button {
+  min-width: 28px;
+  height: 28px;
+  padding: 0;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+.jodit-toolbar-select_size_small_text-icons_true button {
+  padding: 0 8px;
+}
+.jodit-toolbar-select_size_large {
+  min-width: 40px;
+  height: 40px;
+}
+.jodit-toolbar-select_size_large .jodit-icon {
+  width: 16px;
+  height: 16px;
+}
+.jodit-toolbar-select_size_large button {
+  min-width: 40px;
+  height: 40px;
+  padding: 0;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+.jodit-toolbar-select_size_large_text-icons_true button {
+  padding: 0 8px;
+}
+.jodit-toolbar-select__button {
+  cursor: pointer;
+  position: relative;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 0;
+  border: 0;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  background: 0 0;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  font-style: normal;
+  outline: 0;
+  text-align: center;
+  text-decoration: none;
+  text-transform: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  padding: 0 8px;
+  border-radius: 3px;
+  color: rgba(0, 0, 0, 0.75);
+}
+.jodit-toolbar-select__button:hover:not([disabled]) {
+  background-color: #dcdcdc;
+  opacity: 1;
+  outline: 0;
+}
+.jodit-toolbar-select__button:focus-visible:not([disabled]) {
+  background-color: #dcdcdc;
+  opacity: 1;
+  outline: 0;
+}
+.jodit-toolbar-select__button:active:not([disabled]) {
+  background-color: rgba(220, 220, 220, 0.4);
+  outline: 0;
+}
+.jodit-toolbar-select__button[aria-pressed='true']:not([disabled]) {
+  background-color: rgba(220, 220, 220, 0.4);
+  outline: 0;
+}
+.jodit-toolbar-select__button[aria-pressed='true']:hover:not([disabled]) {
+  background-color: rgba(220, 220, 220, 0.6);
+}
+.jodit-toolbar-select__button[disabled] {
+  opacity: 0.3;
+  pointer-events: none;
+}
+.jodit-toolbar-select__trigger {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  height: 100%;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  border-radius: 0 3px 3px 0;
+  opacity: 0.4;
+  cursor: pointer;
+  width: calc(14px + 2px);
+}
+.jodit-toolbar-select__trigger:hover:not([disabled]) {
+  background-color: #dcdcdc;
+  opacity: 1;
+  outline: 0;
+}
+.jodit-toolbar-select__trigger:focus-visible:not([disabled]) {
+  background-color: #dcdcdc;
+  opacity: 1;
+  outline: 0;
+}
+.jodit-toolbar-select__trigger:active:not([disabled]) {
+  background-color: rgba(220, 220, 220, 0.4);
+  outline: 0;
+}
+.jodit-toolbar-select__trigger[aria-pressed='true']:not([disabled]) {
+  background-color: rgba(220, 220, 220, 0.4);
+  outline: 0;
+}
+.jodit-toolbar-select__trigger[aria-pressed='true']:hover:not([disabled]) {
+  background-color: rgba(220, 220, 220, 0.6);
+}
+.jodit-toolbar-select__trigger[disabled] {
+  opacity: 0.3;
+  pointer-events: none;
+}
+.jodit-toolbar-select__trigger svg {
+  width: calc(14px - 4px);
+}
+.jodit-toolbar-select_size_tiny .jodit-toolbar-select__trigger {
+  width: calc(8px + 2px);
+}
+.jodit-toolbar-select_size_tiny .jodit-toolbar-select__trigger svg {
+  width: calc(8px - 4px);
+}
+.jodit-toolbar-select_size_xsmall .jodit-toolbar-select__trigger {
+  width: calc(10px + 2px);
+}
+.jodit-toolbar-select_size_xsmall .jodit-toolbar-select__trigger svg {
+  width: calc(10px - 4px);
+}
+.jodit-toolbar-select_size_small .jodit-toolbar-select__trigger {
+  width: calc(12px + 2px);
+}
+.jodit-toolbar-select_size_small .jodit-toolbar-select__trigger svg {
+  width: calc(12px - 4px);
+}
+.jodit-toolbar-select_size_large .jodit-toolbar-select__trigger {
+  width: calc(16px + 2px);
+}
+.jodit-toolbar-select_size_large .jodit-toolbar-select__trigger svg {
+  width: calc(16px - 4px);
+}
+.jodit-toolbar-select_with-trigger_true .jodit-toolbar-button__button {
+  border-radius: 3px 0 0 3px;
+}
+.jodit-toolbar-select_with-trigger_true:hover:not([disabled]) {
+  border-color: #dadada;
+}
+.jodit-toolbar-select_stroke_false svg {
+  stroke: none;
+}
+.jodit-toolbar-select:hover:not([disabled]) {
+  background-color: #dcdcdc;
+  opacity: 1;
+  outline: 0;
+}
+.jodit-toolbar-select:focus-visible:not([disabled]) {
+  background-color: #dcdcdc;
+  opacity: 1;
+  outline: 0;
+}
+.jodit-toolbar-select:active:not([disabled]) {
+  background-color: rgba(220, 220, 220, 0.2);
+  outline: 0;
+}
+.jodit-toolbar-select[aria-pressed='true']:not([disabled]) {
+  background-color: rgba(220, 220, 220, 0.4);
+  outline: 0;
+}
+.jodit-toolbar-select[aria-pressed='true']:hover:not([disabled]) {
+  background-color: rgba(220, 220, 220, 0.6);
+}
+.jodit-toolbar-select[disabled] {
+  opacity: 0.3;
+  pointer-events: none;
+}
+.jodit-toolbar-select__text:not(:empty) {
+  -webkit-box-pack: left;
+      -ms-flex-pack: left;
+          justify-content: left;
+}
+.jodit-toolbar-select__button {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+}
+
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
  * Released under MIT see LICENSE.txt in the project root for license information.
@@ -3794,7 +4136,8 @@ svg.jodit-icon {
   height: 100%;
   background-color: #eee;
   background-image: linear-gradient(45deg, #dadada 25%, transparent 25%, transparent 75%, #dadada 75%, #dadada), linear-gradient(45deg, #dadada 25%, transparent 25%, transparent 75%, #dadada 75%, #dadada);
-  background-position: 0 0, 15px 15px;
+  background-position: 0 0,
+			15px 15px;
   background-size: 30px 30px;
   -webkit-user-select: none;
      -moz-user-select: none;