Add core classes for OpenFields plugin functionality

- Implement COF_Field_Settings for managing field type configurations and settings.
- Create COF_Field_Wrapper to standardize field rendering with consistent styling and metadata.
- Introduce COF_Location_Manager to handle fieldset display logic based on various contexts.
- Develop COF_Storage_Manager for routing storage operations and managing field values across different contexts.
- Generate initial language file for translation support.

Author: novincode

plugin/assets/admin/css/admin.css

@@ -5,7 +5,7 @@
  */
 
 /* Block placeholder in editor */
-.openfields-block-placeholder {
+.cof-block-placeholder {
 	padding: 20px;
 	background: #f0f0f1;
 	border: 1px dashed #c3c4c7;
@@ -14,31 +14,31 @@
 	color: #646970;
 }
 
-.openfields-block-placeholder .dashicons {
+.cof-block-placeholder .dashicons {
 	font-size: 32px;
 	width: 32px;
 	height: 32px;
 	margin-bottom: 8px;
 	display: block;
 }
 
-.openfields-block-placeholder p {
+.cof-block-placeholder p {
 	margin: 0;
 	font-size: 13px;
 }
 
-.openfields-block-empty {
+.cof-block-empty {
 	background: #fcf0f1;
 	border-color: #d63638;
 	color: #d63638;
 }
 
 /* Preview in editor */
-.wp-block-openfields-field {
+.wp-block-cof-field {
 	padding: 8px 0;
 }
 
-.openfields-block-label {
+.cof-block-label {
 	display: block;
 	font-weight: 600;
 	font-size: 12px;
@@ -47,21 +47,21 @@
 	margin-bottom: 4px;
 }
 
-.openfields-block-value {
+.cof-block-value {
 	font-size: 14px;
 	line-height: 1.5;
 }
 
-.openfields-block-value img {
+.cof-block-value img {
 	max-width: 100%;
 	height: auto;
 }
 
-.openfields-block-value a {
+.cof-block-value a {
 	color: #2271b1;
 	text-decoration: none;
 }
 
-.openfields-block-value a:hover {
+.cof-block-value a:hover {
 	text-decoration: underline;
 }

plugin/assets/admin/css/block-editor.css

@@ -5,15 +5,15 @@
  */
 
 /* Radio Group Layout - Base */
-.openfields-radio-group {
+.cof-radio-group {
 	border: none !important;
 	padding: 0 !important;
 	margin: 0 !important;
 	display: flex !important;
 	gap: 8px;
 }
 
-.openfields-radio-group label {
+.cof-radio-group label {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -22,37 +22,37 @@
 	font-weight: normal;
 }
 
-.openfields-radio-group input[type="radio"] {
+.cof-radio-group input[type="radio"] {
 	margin: 0;
 	cursor: pointer;
 	flex-shrink: 0;
 }
 
 /* Radio Vertical Layout (default) */
-.openfields-radio-vertical {
+.cof-radio-vertical {
 	flex-direction: column !important;
 }
 
 /* Radio Horizontal Layout */
-.openfields-radio-horizontal {
+.cof-radio-horizontal {
 	flex-direction: row !important;
 	flex-wrap: wrap;
 }
 
-.openfields-radio-horizontal label {
+.cof-radio-horizontal label {
 	margin-right: 16px;
 }
 
 /* Checkbox Group Layout - Base */
-.openfields-checkbox-group {
+.cof-checkbox-group {
 	border: none !important;
 	padding: 0 !important;
 	margin: 0 !important;
 	display: flex !important;
 	gap: 8px;
 }
 
-.openfields-checkbox-group label {
+.cof-checkbox-group label {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -61,28 +61,28 @@
 	font-weight: normal;
 }
 
-.openfields-checkbox-group input[type="checkbox"] {
+.cof-checkbox-group input[type="checkbox"] {
 	margin: 0;
 	cursor: pointer;
 	flex-shrink: 0;
 }
 
 /* Checkbox Vertical Layout (default) */
-.openfields-checkbox-vertical {
+.cof-checkbox-vertical {
 	flex-direction: column !important;
 }
 
 /* Checkbox Horizontal Layout */
-.openfields-checkbox-horizontal {
+.cof-checkbox-horizontal {
 	flex-direction: row !important;
 	flex-wrap: wrap;
 }
 
-.openfields-checkbox-horizontal label {
+.cof-checkbox-horizontal label {
 	margin-right: 16px;
 }
 
-.openfields-checkbox-group label {
+.cof-checkbox-group label {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -91,18 +91,18 @@
 	font-weight: normal;
 }
 
-.openfields-checkbox-group input[type="checkbox"] {
+.cof-checkbox-group input[type="checkbox"] {
 	margin: 0;
 	cursor: pointer;
 	flex-shrink: 0;
 }
 
 /* Horizontal layout */
-.openfields-checkbox-horizontal {
+.cof-checkbox-horizontal {
 	flex-direction: row;
 	flex-wrap: wrap;
 }
 
-.openfields-checkbox-horizontal label {
+.cof-checkbox-horizontal label {
 	margin-right: 16px;
 }