block.json
158 lines
| 1 | { |
| 2 | "name": "kubio/contact", |
| 3 | "category": "kubio-components", |
| 4 | "attributes": { |
| 5 | "kubio": { |
| 6 | "type": "object" |
| 7 | }, |
| 8 | "shortcode": { |
| 9 | "type": "string", |
| 10 | "default": "" |
| 11 | }, |
| 12 | "formId": { |
| 13 | "type": "string", |
| 14 | "default": "" |
| 15 | }, |
| 16 | "useShortcodeStyle": { |
| 17 | "type": "boolean", |
| 18 | "default": false |
| 19 | } |
| 20 | }, |
| 21 | "supports": { |
| 22 | "kubio": { |
| 23 | "appearanceEffect": true, |
| 24 | "default": { |
| 25 | "style": { |
| 26 | "descendants": { |
| 27 | "validationErrors": { |
| 28 | "background": { |
| 29 | "color": "#F9E4E8" |
| 30 | }, |
| 31 | "typography": { |
| 32 | "color": "#E04562", |
| 33 | "fontSize": { |
| 34 | "unit": "px", |
| 35 | "value": 12 |
| 36 | }, |
| 37 | "fontWeight": 500, |
| 38 | "lineHeight": { |
| 39 | "unit": "em", |
| 40 | "value": 2 |
| 41 | } |
| 42 | }, |
| 43 | "padding": { |
| 44 | "top": { |
| 45 | "unit": "px", |
| 46 | "value": 2 |
| 47 | }, |
| 48 | "right": { |
| 49 | "unit": "px", |
| 50 | "value": 10 |
| 51 | }, |
| 52 | "bottom": { |
| 53 | "unit": "px", |
| 54 | "value": 2 |
| 55 | }, |
| 56 | "left": { |
| 57 | "unit": "px", |
| 58 | "value": 10 |
| 59 | } |
| 60 | }, |
| 61 | "margin": { |
| 62 | "top": { |
| 63 | "unit": "px", |
| 64 | "value": 5 |
| 65 | }, |
| 66 | "right": { |
| 67 | "unit": "px", |
| 68 | "value": 0 |
| 69 | }, |
| 70 | "bottom": { |
| 71 | "unit": "px", |
| 72 | "value": 16 |
| 73 | }, |
| 74 | "left": { |
| 75 | "unit": "px", |
| 76 | "value": 0 |
| 77 | } |
| 78 | } |
| 79 | }, |
| 80 | "submitButton": { |
| 81 | "textAlign": "left" |
| 82 | } |
| 83 | } |
| 84 | } |
| 85 | }, |
| 86 | "elementsEnum": { |
| 87 | "FORM_CONTAINER": "formContainer", |
| 88 | "FORM_WRAPPER": "formWrapper", |
| 89 | "FORM_TYPOGRAPHY": "formTypography", |
| 90 | "LABELS": "labels", |
| 91 | "FIELDS": "fields", |
| 92 | "SUBMIT_BUTTON": "submitButton", |
| 93 | "ERROR_NOTICE": "errorNotice", |
| 94 | "INFO_NOTICE": "infoNotice", |
| 95 | "SUCCESS_NOTICE": "successNotice", |
| 96 | "VALIDATION_ERRORS": "validationErrors", |
| 97 | "PLACEHOLDER": "placeholder" |
| 98 | }, |
| 99 | "elementsByName": { |
| 100 | "formWrapper": { |
| 101 | "wrapper": true |
| 102 | }, |
| 103 | "formContainer": { |
| 104 | "default": true |
| 105 | }, |
| 106 | "formTypography": { |
| 107 | "selector": ".h-contact-form-shortcode, p, label, input, select, textarea" |
| 108 | }, |
| 109 | "labels": { |
| 110 | "selector": " label,p label,.wpcf7-not-valid-tip, .wpcf7-list-item-label, .forminator-ui .forminator-row .forminator-col label, form.forminator-ui .forminator-label" |
| 111 | }, |
| 112 | "fields": { |
| 113 | "selector": ".wp-block-kubio-contact__formContainer textarea, form.forminator-ui .forminator-row .forminator-col textarea.forminator-textarea, .wp-block-kubio-contact__formContainer select, .wp-block-kubio-contact__formContainer input:not([type=\"file\"]):not([type=\"radio\"]):not([type=\"checkbox\"]):not([type=\"submit\"])" |
| 114 | }, |
| 115 | "submitButton": { |
| 116 | "selector": "[type=\"submit\"], .forminator-ui .forminator-row .forminator-col .forminator-button-submit" |
| 117 | }, |
| 118 | "errorNotice": { |
| 119 | "selector": ".wpcf7-mail-sent-ng, .wpcf7-aborted, .wpcf7-form.failed .wpcf7-response-output, .wpcf7-form.aborted .wpcf7-response-output, .wpcf7-validation-errors, .wpcf7-form.invalid .wpcf7-response-output, .wpcf7-form.unaccepted .wpcf7-response-output,form.forminator-ui .forminator-response-message.forminator-error" |
| 120 | }, |
| 121 | "infoNotice": { |
| 122 | "selector": "form:not(.invalid):not(.unnaccepted):not(.failed) .wpcf7-response-output:not(.wpcf7-mail-sent-ok):not(.wpcf7-mail-sent-ng), form.forminator-ui .forminator-response-message.forminator-loading" |
| 123 | }, |
| 124 | "successNotice": { |
| 125 | "selector": ".wpcf7-mail-sent-ok, .wpcf7 form.sent .wpcf7-response-output, .wpforms-confirmation-container-full, .wpforms-confirmation-container, form.forminator-ui .forminator-response-message.forminator-success" |
| 126 | }, |
| 127 | "validationErrors": { |
| 128 | "selector": ".forminator-row .forminator-col .forminator-error-message, form .wpcf7-not-valid-tip" |
| 129 | } |
| 130 | }, |
| 131 | "template": { |
| 132 | "type": "element", |
| 133 | "props": { |
| 134 | "disableStyleClasses": "computed.disableStyleClasses", |
| 135 | "name": "formWrapper" |
| 136 | }, |
| 137 | "children": [ |
| 138 | { |
| 139 | "type": "element", |
| 140 | "props": { |
| 141 | "shouldRender": "computed.renderContainer", |
| 142 | "disableStyleClasses": "computed.disableStyleClasses", |
| 143 | "name": "formContainer" |
| 144 | } |
| 145 | }, |
| 146 | { |
| 147 | "type": "element", |
| 148 | "props": { |
| 149 | "name": "placeholder", |
| 150 | "shouldRender": "computed.renderPlaceholder" |
| 151 | } |
| 152 | } |
| 153 | ] |
| 154 | } |
| 155 | } |
| 156 | } |
| 157 | } |
| 158 |