activeadmin_froala_editor 1.1.0 → 1.2.1

data/app/assets/stylesheets/activeadmin/froala_editor/plugins.pkgd.css

@@ -1,7 +1,7 @@
 /*!
- * froala_editor v4.0.10 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.5.2 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
- * Copyright 2014-2022 Froala Labs
+ * Copyright 2014-2025 Froala Labs
  */
 
 .fr-clearfix::after {
@@ -781,7 +781,7 @@ textarea.fr-code {
   .fr-files-upload-layer {
     padding-top: 20px;
     padding-bottom: 20px; } }
-.half-circle {
+.fr-half-circle {
   width: 60px;
   height: 25px;
   background-color: white;
@@ -797,15 +797,15 @@ textarea.fr-code {
   margin-left: -25px; }
 
 /* headlines with lines */
-.decorated {
+.fr-decorated {
   overflow: hidden;
   text-align: center; }
 
-.decorated > span {
+.fr-decorated > span {
   position: relative;
   display: inline-block; }
 
-.decorated > span:before, .decorated > span:after {
+.fr-decorated > span:before, .fr-decorated > span:after {
   content: '';
   position: absolute;
   top: 50%;
@@ -814,17 +814,17 @@ textarea.fr-code {
   /* half of limiter*/
   margin: 0 20px; }
 
-.decorated > span:before {
+.fr-decorated > span:before {
   right: 100%; }
 
-.decorated > span:after {
+.fr-decorated > span:after {
   left: 100%; }
 
 .fr-align-right {
   float: right; }
 
 /* The checkbox-container */
-.checkbox-container {
+.fr-checkbox-container {
   display: inline-block;
   position: relative;
   padding-left: 20px;
@@ -865,7 +865,7 @@ button[data-cmd="insertAll"] {
     top: 3.2px !important; }
 
 /* Hide the browser's default checkbox */
-.checkbox-container input {
+.fr-checkbox-container input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
@@ -873,7 +873,7 @@ button[data-cmd="insertAll"] {
   width: 0; }
 
 /* Create a custom checkbox */
-.checkmark {
+.fr-checkmark {
   position: absolute;
   top: 0;
   left: 0;
@@ -1060,10 +1060,10 @@ button[data-cmd="insertAll"] {
   right: 10%;
   z-index: 2147483642; }
 
-.file-item-thumbnail-hover {
+.fr-file-item-thumbnail-hover {
   transition: transform .2s; }
 
-.file-item-thumbnail-hover:hover {
+.fr-file-item-thumbnail-hover:hover {
   -ms-transform: scale(1.3);
   -webkit-transform: scale(1.3);
   transform: scale(1.3); }
@@ -1277,25 +1277,25 @@ button[data-cmd="insertAll"] {
   cursor: default !important; }
 
 /* On mouse-over, add a grey background color */
-.checkbox-container:hover input ~ .checkmark {
+.fr-checkbox-container:hover input ~ .fr-checkmark {
   background-color: #ccc; }
 
 /* When the checkbox is checked, add a blue background */
-.checkbox-container input:checked ~ .checkmark {
+.fr-checkbox-container input:checked ~ .fr-checkmark {
   background-color: #2196F3; }
 
 /* Create the checkmark/indicator (hidden when not checked) */
-.checkmark:after {
+.fr-checkmark:after {
   content: "";
   position: absolute;
   display: none; }
 
 /* Show the checkmark when checked */
-.checkbox-container input:checked ~ .checkmark:after {
+.fr-checkbox-container input:checked ~ .fr-checkmark:after {
   display: block; }
 
 /* Style the checkmark/indicator */
-.checkbox-container .checkmark:after {
+.fr-container .fr-checkmark:after {
   left: 5px;
   top: 2px;
   width: 3px;
@@ -1306,11 +1306,11 @@ button[data-cmd="insertAll"] {
   -ms-transform: rotate(45deg);
   transform: rotate(45deg); }
 
-.file-item-details .file-name {
+.fr-file-item-details .file-name {
   font-weight: bold;
   display: inline; }
 
-.file-item-details .file-description {
+.fr-file-item-details .file-description {
   font-weight: 300;
   font-size: 11px;
   display: inline; }
@@ -1652,9 +1652,268 @@ button[data-cmd="insertAll"] {
 .fr-hovered-over-file {
   background-color: #F0F0F0; }
 
-.thumbnail-padding {
+.fr-thumbnail-padding {
   padding-right: 4px; }
 
+.fr-popup .fr-command.fr-btn[data-cmd="filestackIcon"] svg path,
+.fr-popup .fr-command.fr-btn[data-cmd="openFilePickerVideo"] svg path,
+.fr-popup .fr-command.fr-btn[data-cmd="openFilePickerImage"] svg path,
+.fr-toolbar .fr-command.fr-btn[data-cmd="openFilePicker"] svg path,
+.fr-toolbar .fr-command.fr-btn[data-cmd="openFilePickerImage"] svg path,
+.fr-popup .fr-tabs .fr-command.fr-btn[data-cmd="openFilePicker"] svg path,
+.fr-popup .fr-tabs .fr-command.fr-btn[data-cmd="openFilePickerImage"] svg path,
+.fr-popup .fr-tabs .fr-command.fr-btn[data-cmd="openFilePickerVideo"] svg path,
+.fr-command.fr-btn[data-cmd="openFilePickerReplaceImageOnly"] svg path,
+.fr-command.fr-btn[data-cmd="openFilePickerReplaceVideoOnly"] svg path,
+.fr-toolbar .fr-command.fr-btn[data-cmd="openFilePickerVideo"] svg path,
+.fr-toolbar .fr-command.fr-btn[data-cmd="openFilePickerImageOnly"] svg path:last-child,
+.fr-toolbar .fr-command.fr-btn[data-cmd="openFilePickerVideoOnly"] svg path:last-child,
+.fr-popup .fr-command.fr-btn[data-cmd="openFilePickerImage"] svg path,
+.fr-popup .fr-command.fr-btn[data-cmd="openFilePickerVideo"] svg path,
+.fr-popup .fr-command.fr-btn[data-cmd="filestackIcon"] svg path,
+.fr-popup .fr-command.fr-btn[data-cmd="openFilePickerFile"] svg path {
+  fill: #ef4a25; }
+
+.fr-command.fr-filestack-active.fr-btn.fr-filestack-active svg path {
+  fill: #0098F7; }
+
+.fsp-picker-appear-active {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 9; }
+
+body.fr-fullscreen .fs-transforms-container {
+  position: absolute;
+  z-index: 2247483660; }
+
+.fsp-notifications__container {
+  position: fixed !important; }
+
+.fr-clearfix::after {
+  clear: both;
+  display: block;
+  content: "";
+  height: 0; }
+
+.fr-hide-by-clipping {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0; }
+
+.fr-find-replace-layer .fr-header, .fr-find-replace-layer .fr-body {
+  margin: 15px; }
+.fr-find-replace-layer .fr-drag-handle {
+  cursor: move; }
+.fr-find-replace-layer h3 {
+  margin: 0;
+  font-size: 16px;
+  text-align: left;
+  font-weight: bold; }
+.fr-find-replace-layer .fr-body .fr-input-line input.fr-disabled {
+  background-color: #f5f5f5;
+  color: #a9a9a9;
+  border: 1px solid #d1d1d1;
+  cursor: not-allowed; }
+.fr-find-replace-layer .fr-body .fr-input-line input#fr-findText::placeholder,
+.fr-find-replace-layer .fr-body .fr-input-line input#fr-replaceText::placeholder {
+  color: #a9a9a9; }
+.fr-find-replace-layer .fr-body .fr-label-disabled {
+  background-color: #f5f5f5; }
+.fr-find-replace-layer .fr-body .fr-close-btn {
+  position: absolute;
+  top: 2px;
+  right: 10px;
+  font-size: 25px;
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: #333; }
+.fr-find-replace-layer .fr-body .fr-close-btn:hover {
+  color: grey; }
+.fr-find-replace-layer .fr-body .fr-toggle-advanced-options {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 0px;
+  background-color: #f5f5f5;
+  border-radius: 4px;
+  cursor: pointer;
+  font-weight: bold;
+  transition: background-color 0.3s ease;
+  width: auto;
+  background: none;
+  color: #353333; }
+.fr-find-replace-layer .fr-body .fr-separator {
+  margin: 10px 0;
+  border-top: 1px solid #e0e0e0; }
+.fr-find-replace-layer .fr-body input {
+  width: 70%;
+  padding: 8px;
+  margin-bottom: 10px;
+  font-size: 14px;
+  border: 1px solid #CCCCCC;
+  border-radius: 4px; }
+.fr-find-replace-layer .fr-body .fr-input-container {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  /* Ensures proper layout for container */ }
+.fr-find-replace-layer .fr-body .fr-arrow-buttons {
+  display: flex;
+  flex-direction: row;
+  gap: 5px;
+  margin-left: 10px;
+  /* Add margin to separate from input field */
+  margin-top: 3px;
+  /* Align with input field */ }
+  .fr-find-replace-layer .fr-body .fr-arrow-buttons button {
+    border: none;
+    background: none;
+    cursor: pointer;
+    padding: 2px 4px;
+    margin-bottom: 12px;
+    font-size: 12px; }
+  .fr-find-replace-layer .fr-body .fr-arrow-buttons .fr-disabled {
+    pointer-events: none;
+    cursor: not-allowed;
+    color: #a9a9a9; }
+.fr-find-replace-layer .fr-body .fr-advanced-options {
+  margin-top: 10px;
+  font-size: 14px;
+  cursor: pointer;
+  color: #007bff;
+  text-decoration: underline; }
+.fr-find-replace-layer .fr-body .fr-button-group {
+  display: flex;
+  gap: 10px;
+  justify-content: flex-end;
+  margin-top: 10px; }
+  .fr-find-replace-layer .fr-body .fr-button-group button.fr-find-btn {
+    background-color: #FFF;
+    color: #0098f7;
+    margin-top: 10px;
+    border: 1px solid #0098f7; }
+  .fr-find-replace-layer .fr-body .fr-button-group button.fr-replace-btn {
+    background-color: #FFF;
+    color: #0098f7;
+    font-size: 14px;
+    margin-top: 10px; }
+  .fr-find-replace-layer .fr-body .fr-button-group button.fr-replace-btn.fr-disabled {
+    pointer-events: none;
+    cursor: not-allowed;
+    color: #a9a9a9; }
+  .fr-find-replace-layer .fr-body .fr-button-group button.fr-replace-all-btn {
+    background-color: #FFF;
+    color: #0098f7;
+    font-size: 14px;
+    margin-top: 10px; }
+  .fr-find-replace-layer .fr-body .fr-button-group button.fr-replace-all-btn.fr-disabled {
+    pointer-events: none;
+    cursor: not-allowed;
+    color: #a9a9a9; }
+.fr-find-replace-layer .fr-body button {
+  padding: 8px 12px;
+  font-size: 14px;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer; }
+.fr-find-replace-layer .fr-body .fr-input-container {
+  position: relative;
+  display: flex;
+  align-items: center; }
+.fr-find-replace-layer .fr-body #fr-replaceText {
+  width: 77%; }
+.fr-find-replace-layer .fr-body #fr-findText {
+  position: relative;
+  padding-right: 40px;
+  /* Create space for the count indicator */
+  font-size: 14px;
+  border: 1px solid #CCCCCC;
+  border-radius: 4px; }
+.fr-find-replace-layer .fr-body #fr-findText:focus {
+  border: 2px solid #0098f7; }
+.fr-find-replace-layer .fr-body .fr-find-error {
+  color: #f70000;
+  font-size: 12px;
+  padding-bottom: 5px;
+  display: none; }
+.fr-find-replace-layer .fr-body #fr-findText.error {
+  border-color: #f70000; }
+.fr-find-replace-layer .fr-body .fr-count-indicator {
+  position: absolute;
+  right: 80px;
+  top: 49%;
+  /* Center vertically */
+  transform: translateY(-50%);
+  color: gray;
+  font-size: 12px;
+  pointer-events: none;
+  visibility: hidden;
+  /* Hidden by default */
+  z-index: 10; }
+.fr-find-replace-layer .fr-body .fr-toggle-advanced-options .arrow {
+  font-size: 15px;
+  transition: transform 0.3s ease;
+  margin-right: 10px;
+  font-size: 14px;
+  margin-right: 4px;
+  margin-top: 2px;
+  font-weight: 100; }
+.fr-find-replace-layer .fr-body .fr-advanced-options-panel {
+  border-radius: 4px; }
+  .fr-find-replace-layer .fr-body .fr-advanced-options-panel .fr-checkbox-group {
+    display: flex;
+    margin-top: 10px; }
+    .fr-find-replace-layer .fr-body .fr-advanced-options-panel .fr-checkbox-group .fr-checkbox-item {
+      position: relative;
+      display: inline-block;
+      height: 20px; }
+      .fr-find-replace-layer .fr-body .fr-advanced-options-panel .fr-checkbox-group .fr-checkbox-item input[type="checkbox"] {
+        margin-left: 0;
+        margin-right: 0;
+        margin-top: 0;
+        position: inherit;
+        left: -5px; }
+    .fr-find-replace-layer .fr-body .fr-advanced-options-panel .fr-checkbox-group .fr-checkbox-label {
+      font-size: 14px;
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      left: -10px;
+      position: relative; }
+.fr-find-replace-layer .fr-body .fr-toggle-btn {
+  width: 40px;
+  height: 20px;
+  background-color: #CCCCCC;
+  border-radius: 10px;
+  position: relative;
+  cursor: pointer;
+  margin-right: 10px;
+  display: inline-block;
+  vertical-align: middle; }
+.fr-find-replace-layer .fr-body .fr-arrow {
+  margin-right: 5px;
+  font-size: 12px;
+  margin-top: 1px;
+  position: absolute;
+  right: 15px; }
+.fr-find-replace-layer .fr-body .fr-btn-active-popup {
+  background: #d6d6d6; }
+
+.fr-find-replace-highlight {
+  background-color: #ffff00; }
+
+.fr-find-replace-current-highlight {
+  background-color: #ffa500; }
+
 .fr-clearfix::after {
   clear: both;
   display: block;
@@ -2497,14 +2756,17 @@ div.fr-modal-body {
   border: 0; }
 
 .fr-element table td.fr-selected-cell, .fr-element table th.fr-selected-cell {
-  border: 1px double #0098f7; }
-.fr-element table tr {
-  user-select: none;
-  -o-user-select: none;
-  -moz-user-select: none;
-  -khtml-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none; }
+  border: 1px double #0098f7;
+  position: relative; }
+.fr-element table td.fr-selected-cell:after, .fr-element table th.fr-selected-cell:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 100, 255, 0.15);
+  pointer-events: none; }
 .fr-element table td, .fr-element table th {
   user-select: text;
   -o-user-select: text;
@@ -2542,6 +2804,46 @@ div.fr-modal-body {
   -webkit-user-select: none;
   -ms-user-select: none; }
 
+.fr-table-selector {
+  display: block;
+  position: absolute;
+  z-index: 9999;
+  width: 16px;
+  height: 16px;
+  padding: 3px;
+  border: transparent 2px solid;
+  border-radius: 4px 4px 0 0; }
+  .fr-table-selector a {
+    width: 16px;
+    height: 16px;
+    display: block; }
+    .fr-table-selector a > svg {
+      width: 16px;
+      height: 16px; }
+
+.fr-table-selector-active {
+  opacity: 1;
+  visibility: visible;
+  border: #fdcf00 2px solid; }
+  .fr-table-selector-active a > svg {
+    color: #fdcf00; }
+
+.fr-table-selector-active-selected {
+  border: #0d65ff 2px solid; }
+  .fr-table-selector-active-selected a > svg {
+    color: #0d65ff; }
+
+.fr-table-selector-inactive {
+  opacity: 0;
+  visibility: hidden; }
+
+.fr-view .fr-table-selection-hover {
+  outline: #fdcf00 2px solid; }
+
+.fr-view .fr-table-selected {
+  outline: #0d65ff 2px solid;
+  caret-color: transparent; }
+
 .fr-popup .fr-table-size {
   margin: 20px; }
   .fr-popup .fr-table-size .fr-table-size-info {