realreport-designer 1.10.12 → 1.10.14

package/dist/styles/realreport-designer.css

@@ -1,5 +1,5 @@
 /* 
-RealReport Designer v1.10.12
+RealReport Designer v1.10.14
 Copyright (C) 2013-2025 WooriTech Inc.
 All Rights Reserved.
 */
@@ -558,6 +558,11 @@ border: 1px dotted #00000020; */
   white-space: nowrap;
 }
 
+.barcode-empty:before {
+  content: "[BARCODE]";
+  white-space: nowrap;
+}
+
 .rr-text-band .rr-text-band-body[data-empty]:before {
   background-color: #00000008;
   color: #777;
@@ -1400,6 +1405,7 @@ border-bottom: 1px solid #ccc; */
   width: 100%;
   position: absolute;
   top: 50%;
+  left: 0;
   transform: translateY(-50%);
 }
 
@@ -3405,7 +3411,7 @@ input[data-rrproperty]::-webkit-inner-spin-button {
 }
 
 .rr-color-picker-header {
-	height: 40px;
+	height: 33px;
 	width: 100%;
 	display: flex;
 	justify-content: flex-end;
@@ -3512,8 +3518,8 @@ input[data-rrproperty]::-webkit-inner-spin-button {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
-    gap: 15px;
-    padding: 15px;
+    gap: 9px;
+    padding: 9px 15px;
     background-color: #fff;
     border-radius: 0 0 30px 30px;
 }
@@ -3586,27 +3592,26 @@ input[data-rrproperty]::-webkit-inner-spin-button {
 	color: #6b6b6b;
 }
 
-.rr-color-picker-pallete-palletes,
-.rr-color-picker-pallete-custom-colors {
+.rr-color-picker-palette-palettes-list,
+.rr-color-picker-palette-custom-colors {
     display: grid;
     grid-template-columns: repeat(10, 1fr);
     position: relative;
     gap: 5px;
 }
 
-.rr-color-picker-pallete-palletes div,
-.rr-color-picker-pallete-custom-colors div {
+.rr-color-picker-palette-palettes-list div,
+.rr-color-picker-palette-custom-colors div {
     aspect-ratio: 1 / 1;
     border-radius: 3px;
     cursor: pointer;
 }
 
-.rr-color-picker-pallete-custom-colors div {
+.rr-color-picker-palette-custom-colors div {
 	border: 1px solid #dadce0;
 }
 
-.rr-color-picker-pallete-custom-label {
-	padding-top: 13px;
+.rr-color-picker-palette-label {
 	font-size: 12px;
 	display: flex;
 	align-items: center;
@@ -3614,10 +3619,32 @@ input[data-rrproperty]::-webkit-inner-spin-button {
 	color: #717171;
 }
 
-.rr-color-picker-pallete-custom-colors {
+.rr-color-picker-palette-palettes .rr-color-picker-palette-label {
+	padding-top: 9px;
+	cursor: pointer;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+
+
+.rr-color-picker-palette-palettes .rr-color-picker-palette-label.on + .rr-color-picker-palette-palettes-list {
+	display: grid;
+}
+
+.rr-color-picker-palette-palettes .rr-color-picker-palette-label.on svg {
+	transform: rotate(180deg);
+}
+
+.rr-color-picker-palette-custom-colors,
+.rr-color-picker-palette-palettes-list {
 	padding-top: 5px;
 }
 
+.rr-color-picker-palette-palettes-list {
+	display: none;
+}
+
 .rr-color-picker-color-info {
     display: flex;
     height: 23px;
@@ -3736,7 +3763,7 @@ input[data-rrproperty]::-webkit-inner-spin-button {
 	display: flex;
 	justify-content: flex-end;
 	gap: 5px;
-	padding-top: 15px;
+	padding-top: 9px;
 }
 
 .rr-color-picker-hsv-container-buttons::before {
@@ -3755,43 +3782,42 @@ input[data-rrproperty]::-webkit-inner-spin-button {
     min-width: 64px;
     padding: 4px 10px;
     appearance: none;
-    background: #111;
     color: #000;
     font-size: 12px;
     font-weight: bold;
     line-height: 1.3;
     border-radius: 3px;
     background: none;
-    border: 1px solid #dadce0;
-    transition: border 0.3s ease;
+    border: 1px solid var(--rrd-button-border);
+    transition: background 0.3s ease;
 }
 
 .rr-color-picker-hsv-container-buttons button:last-child:hover {
-	border-color: #878787;
+	background-color: var(--rrd-secondary-btn-bg-hover);
 }
 
 .rr-color-picker-hsv-container-buttons button:first-child {
-	background: var(--rrd-primary-btn-bg-hover);
+	background: var(--rrd-primary-btn-bg);
 	color: #fff;
 	border: none;
 	transition: background 0.3s ease;
 }
 
 .rr-color-picker-hsv-container-buttons button:first-child:hover {
-	background: #6a6a6a
+	background: var(--rrd-primary-btn-bg-hover);
 }
 
-.rr-color-picker-pallete-eye-dropper {
+.rr-color-picker-palette-eye-dropper {
 	display: flex;
 	align-items: center;
 	transition: background 0.3s ease;
 }
 
-.rr-color-picker-pallete-eye-dropper:hover {
+.rr-color-picker-palette-eye-dropper:hover {
 	background: #e7e7e7;
 }
 
-.rr-color-picker-pallete-eye-dropper svg {
+.rr-color-picker-palette-eye-dropper svg {
 	width: 100%;
 	aspect-ratio: 1 / 1;
 	height: auto;
@@ -7196,7 +7222,8 @@ input[data-rrproperty]::-webkit-inner-spin-button {
 .rr-image[data-empty] span::before,
 .rr-svg[data-empty] span:before, 
 .rr-sign[data-empty] span:before,
-.qrcode-empty:before {
+.qrcode-empty:before,
+.barcode-empty:before {
   position: absolute;
   top: 50%;
   left: 50%;
@@ -7208,7 +7235,8 @@ input[data-rrproperty]::-webkit-inner-spin-button {
   top: 0;
   right: 0;
 }
-.rr-content-box [data-design] .qrcode-empty::after {
+.rr-content-box [data-design] .qrcode-empty::after,
+.rr-content-box [data-design] .barcode-empty::after {
   content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuMTI3OTcgMy4xMzc2NkM5LjUxIDIuNDU2NjcgMTAuNDkwMiAyLjQ1NjY3IDEwLjg3MjMgMy4xMzc2NUwxNi40OTI2IDEzLjE1NjNDMTYuODY2NSAxMy44MjI4IDE2LjM4NDcgMTQuNjQ1NSAxNS42MjA0IDE0LjY0NTVINC4zNzk4QzMuNjE1NDggMTQuNjQ1NSAzLjEzMzcxIDEzLjgyMjggMy41MDc2NiAxMy4xNTYyTDkuMTI3OTcgMy4xMzc2NloiIGZpbGw9IiNGRkNEMDAiLz4KPGxpbmUgeDE9IjEwIiB5MT0iNi4zMzMwMSIgeDI9IjEwIiB5Mj0iMTEuMDgzIiBzdHJva2U9ImJsYWNrIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMTIuNSIgcj0iMC41IiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");
   position: absolute;
   top: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "realreport-designer",
-  "version": "1.10.12",
+  "version": "1.10.14",
   "description": "RealReport Designer component library",
   "author": "Wooritech",
   "homepage": "https://real-report.com",