jodit-pro 1.3.40 → 2.0.0-beta.10

package/es2021/plugins/button-generator/button-generator.css

@@ -0,0 +1,316 @@
+/*!
+ * jodit-pro - PRO Version of Jodit Editor
+ * Author: Chupurnov Valeriy <chupurnov@gmail.com>
+ * Version: v2.0.0-beta.10
+ * Url: https://xdsoft.net/jodit/pro/
+ * License(s): SEE LICENSE IN LICENSE.md
+ */
+	
+.jodit-ui-button-generator {
+  padding: var(--jd-padding-default);
+  --jd-form-width: 390px;
+}
+.jodit-ui-button-generator__generator {
+  display: flex;
+}
+@media (max-width: 768px) {
+  .jodit-ui-button-generator__generator {
+    flex-direction: column;
+  }
+}
+.jodit-ui-button-generator__form {
+  width: var(--jd-form-width);
+}
+@media (max-width: 480px) {
+  .jodit-ui-button-generator__form {
+    width: 100%;
+  }
+}
+.jodit-ui-button-generator__preview {
+  height: 100%;
+  flex: 1;
+}
+
+.jodit-ui-preview-button-generator {
+  padding: var(--jd-padding-default);
+  margin-right: var(--jd-padding-default);
+  background-color: #e6e6e6;
+}
+.jodit-ui-preview-button-generator__colors {
+  display: flex;
+  padding-top: var(--jd-padding-default);
+}
+.jodit-ui-preview-button-generator__colors > * {
+  margin-right: var(--jd-padding-default);
+}
+
+.jodit-uig-button {
+  height: 300px;
+}
+.jodit-uig-button_mode_library {
+  width: 150px;
+  height: auto;
+  padding: 5px;
+  border-width: 0 1px 2px;
+  border-style: solid;
+  border-color: #e1e1e1;
+  margin: 5px;
+  background-color: #fff;
+}
+@media (max-width: 480px) {
+  .jodit-uig-button_mode_library {
+    width: calc(50% - 10px);
+  }
+}
+.jodit-uig-button__wrapper {
+  display: flex;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
+}
+.jodit-uig-button_mode_library .jodit-uig-button__wrapper {
+  width: 100%;
+  padding: 15px 15px 13px;
+  background-color: #f5f5f5;
+  text-align: center;
+}
+.jodit-uig-button_mode_library .jodit-uig-button__button {
+  display: block !important;
+  width: 100%;
+  padding: 9px 10px !important;
+  font-size: 15px !important;
+}
+.jodit-uig-button:active .jodit-uig-button__button {
+  position: relative;
+  top: 1px;
+  transform: scale(0.97);
+}
+
+/*!
+ * 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-color-input {
+  display: flex;
+  flex-direction: column;
+  margin-bottom: var(--jd-padding-default);
+}
+.jodit-color-input__input {
+  font-family: var(--jd-font-default);
+  font-size: var(--jd-font-size-default);
+  width: 100%;
+  height: var(--jd-input-height);
+  box-sizing: border-box;
+  padding: 0 var(--jd-padding-default);
+  border: 1px solid var(--jd-color-border);
+  border-radius: 0;
+  appearance: none;
+  background-color: var(--jd-color-white);
+  line-height: var(--jd-input-height);
+  outline: none;
+  border: 0;
+}
+.jodit-color-input__input[disabled] {
+  background-color: #f0f0f0;
+  color: var(--jd-color-border);
+}
+.jodit-color-input__input_has-error_true {
+  border-color: var(--jd-color-red);
+}
+.jodit-color-input__input:focus {
+  outline: 0;
+}
+.jodit-color-input_theme_dark .jodit-color-input__input {
+  background-color: var(--jd-color-gray);
+}
+.jodit-color-input_has-error_true .jodit-color-input__input {
+  border-color: var(--jd-color-red);
+}
+.jodit-color-input__error,
+.jodit-color-input__label {
+  display: block;
+  margin-bottom: calc(var(--jd-padding-default) / 4);
+  color: var(--jd-color-label);
+  font-size: 0.8em;
+}
+.jodit-color-input_has-error_true .jodit-color-input__label,
+.jodit-color-input__error {
+  color: var(--jd-color-error);
+}
+.jodit-color-input__wrapper {
+  display: flex;
+  min-width: 200px;
+  align-items: center;
+  justify-content: stretch;
+  border: 1px solid var(--jd-color-border);
+  background-color: var(--jd-color-white);
+}
+@media (max-width: 480px) {
+  .jodit-color-input__wrapper {
+    min-width: 140px;
+  }
+}
+.jodit-color-input_theme_dark .jodit-color-input__wrapper {
+  border-color: var(--jd-color-border);
+  background-color: var(--jd-color-gray);
+}
+.jodit-color-input_focused_true .jodit-color-input__wrapper {
+  border-color: var(--jd-color-border-selected);
+}
+.jodit-color-input__icon:not(:empty) {
+  display: flex;
+  align-items: center;
+  padding: 0 var(--jd-padding-default);
+}
+.jodit-color-input__icon:not(:empty) svg {
+  width: 16px;
+  height: 16px;
+  fill: var(--jd-color-border);
+}
+.jodit-color-input__icon:not(:empty) + .jodit-color-input__input {
+  padding-left: 0;
+}
+.jodit-color-input__clear {
+  display: flex;
+  align-items: center;
+  padding: 0 var(--jd-padding-default) 0 0;
+  opacity: 0.8;
+}
+.jodit-color-input__clear:active {
+  opacity: 1;
+  transform: scale(1.1, 1.1);
+}
+.jodit-color-input__clear svg {
+  width: 12px;
+  height: 12px;
+  fill: var(--jd-color-border);
+}
+.jodit-color-input_theme_dark .jodit-color-input__icon svg,
+.jodit-color-input_theme_dark .jodit-color-input__clear svg {
+  fill: var(--jd-color-dark);
+}
+.jodit-color-input__trigger {
+  width: var(--jd-input-height);
+  height: calc(var(--jd-input-height) - 2px);
+  box-sizing: content-box;
+  border: 1px solid var(--jd-color-border);
+  border-radius: 0;
+  border-left: 0;
+  background-color: var(--jd-color-panel);
+}
+.jodit-color-input_slim_true .jodit-color-input__wrapper,
+.jodit-color-input_slim_true .jodit-color-input__input {
+  width: 24px;
+  min-width: auto;
+  height: 24px;
+  color: transparent;
+}
+.jodit-color-input_trigger_false .jodit-color-input__trigger,
+.jodit-color-input_slim_true .jodit-color-input__trigger {
+  display: none;
+}
+
+.jodit-ui-form-button-generator {
+  width: 400px;
+}
+@media (max-width: 480px) {
+  .jodit-ui-form-button-generator {
+    width: 100%;
+  }
+}
+.jodit-ui-form-button-generator__row {
+  display: flex;
+}
+.jodit-ui-form-button-generator__col {
+  width: calc(50% - var(--jd-padding-default) / 2);
+  padding-right: var(--jd-padding-default);
+}
+.jodit-ui-form-button-generator__col + .jodit-ui-form-button-generator__col {
+  margin-left: var(--jd-padding-default);
+}
+.jodit-ui-form-button-generator__title {
+  padding: 2px 4px;
+  margin-bottom: calc(var(--jd-padding-default) / 2);
+  background: #f5f5f5;
+  font-weight: 700;
+}
+.jodit-ui-form-button-generator__group {
+  margin-bottom: var(--jd-padding-default);
+}
+.jodit-ui-form-button-generator__title,
+.jodit-ui-form-button-generator label {
+  display: flex;
+  align-items: center;
+  user-select: none;
+}
+.jodit-ui-form-button-generator input[type='checkbox'] {
+  width: 16px;
+  height: 16px;
+  border: 1px solid var(--jd-color-border);
+  appearance: none;
+}
+.jodit-ui-form-button-generator input[type='checkbox']:focus {
+  outline: 0;
+}
+.jodit-ui-form-button-generator input[type='checkbox']:checked {
+  background-color: var(--jd-color-background-selection);
+  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%09%3Cpath%20d%3D%22M21.652%2C3.211c-0.293-0.295-0.77-0.295-1.061%2C0L9.41%2C14.34%20%20c-0.293%2C0.297-0.771%2C0.297-1.062%2C0L3.449%2C9.351C3.304%2C9.203%2C3.114%2C9.13%2C2.923%2C9.129C2.73%2C9.128%2C2.534%2C9.201%2C2.387%2C9.351%20%20l-2.165%2C1.946C0.078%2C11.445%2C0%2C11.63%2C0%2C11.823c0%2C0.194%2C0.078%2C0.397%2C0.223%2C0.544l4.94%2C5.184c0.292%2C0.296%2C0.771%2C0.776%2C1.062%2C1.07%20%20l2.124%2C2.141c0.292%2C0.293%2C0.769%2C0.293%2C1.062%2C0l14.366-14.34c0.293-0.294%2C0.293-0.777%2C0-1.071L21.652%2C3.211z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 100%;
+}
+
+.jodit-ui-range {
+  user-select: none;
+}
+.jodit-ui-range__slider {
+  position: relative;
+  z-index: 1;
+  height: 2px;
+  margin: var(--jd-padding-default) 7px;
+  background: #1e87f0;
+}
+.jodit-ui-range__slider::before,
+.jodit-ui-range__slider::after {
+  position: absolute;
+  top: 0;
+  left: -6px;
+  width: 7px;
+  height: 2px;
+  background: #1e87f0;
+  content: '';
+}
+.jodit-ui-range__slider::after {
+  right: -6px;
+  left: auto;
+}
+.jodit-ui-range__handle {
+  position: absolute;
+  z-index: 2;
+  top: -5px;
+  width: 12px;
+  height: 12px;
+  border: 1px solid #ccc;
+  border-radius: 50%;
+  background: #28a5f5;
+  cursor: ew-resize;
+  transform: translateX(-50%);
+}
+.jodit-ui-range__handle:active {
+  transform: translateX(-50%) scale(1.1);
+}
+.jodit-ui-range__label {
+  display: flex;
+  justify-content: space-between;
+  color: var(--jd-color-label);
+  font-size: 0.8em;
+}
+.jodit-ui-range__log {
+  color: #7f7272;
+  font-weight: bold;
+}
+.jodit-ui-range_log_false .jodit-ui-range__log {
+  display: none;
+}
+