Project-Pro/szkoleniauryzaj.pl
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Jacek Pyziak
2024-11-10 21:08:49 +01:00
commit 0d932ce5ee
14455 changed files with 2567501 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

609
wp-content/plugins/supreme-modules-for-divi/includes/modules/ContactForm7/ContactForm7.php Normal file
View File

@@ -0,0 +1,609 @@
<?php
class DSM_ContactForm7 extends ET_Builder_Module {
public $slug = 'dsm_contact_form_7';
public $vb_support = 'on';
protected $module_credits = array(
'module_uri' => 'https://divisupreme.com/',
'author' => 'Divi Supreme',
'author_uri' => 'https://divisupreme.com/',
);
public function init() {
$this->name = esc_html__( 'Supreme Contact Form 7', 'dsm-supreme-modules-for-divi' );
$this->icon_path = plugin_dir_path( __FILE__ ) . 'icon.svg';
// Toggle settings
$this->settings_modal_toggles = array(
'general' => array(
'toggles' => array(
'main_content' => esc_html__( 'Contact Form 7', 'dsm-supreme-modules-for-divi' ),
),
),
'advanced' => array(
'toggles' => array(
'cf7_labels' => esc_html__( 'Labels', 'dsm-supreme-modules-for-divi' ),
'cf7_field' => esc_html__( 'Input, Textarea & Select', 'dsm-supreme-modules-for-divi' ),
'cf7_placeholder' => esc_html__( 'Placeholder', 'dsm-supreme-modules-for-divi' ),
'cf7_radio_checkbox' => esc_html__( 'Radio & Checkbox', 'dsm-supreme-modules-for-divi' ),
'cf7_file' => esc_html__( 'File', 'dsm-supreme-modules-for-divi' ),
'cf7_error' => esc_html__( 'Error Messages', 'dsm-supreme-modules-for-divi' ),
'cf7_validation_errors' => esc_html__( 'Validation Error', 'dsm-supreme-modules-for-divi' ),
'cf7_validation_success' => esc_html__( 'Validation Success', 'dsm-supreme-modules-for-divi' ),
),
),
);
}
public function get_advanced_fields_config() {
return array(
'text' => false,
'fonts' => array(
'labels' => array(
'label' => esc_html__( 'Labels', 'dsm-supreme-modules-for-divi' ),
'css' => array(
'main' => '%%order_class%% .wpcf7-form label',
),
'font_size' => array(
'default' => '14px',
),
'line_height' => array(
'default' => '1.7em',
),
'letter_spacing' => array(
'default' => '0px',
),
'tab_slug' => 'advanced',
'toggle_slug' => 'cf7_labels',
),
'input_textarea_select' => array(
'label' => esc_html__( 'Input, Textarea & Select', 'dsm-supreme-modules-for-divi' ),
'css' => array(
'main' => '%%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-text, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-tel, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-url, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-quiz, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-number, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-textarea, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-select, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-date',
),
'font_size' => array(
'default' => '14px',
),
'line_height' => array(
'default' => '1.7em',
),
'letter_spacing' => array(
'default' => '0px',
),
'tab_slug' => 'advanced',
'toggle_slug' => 'cf7_field',
),
'placeholder' => array(
'label' => esc_html__( 'Placeholder', 'dsm-supreme-modules-for-divi' ),
'css' => array(
'main' => '%%order_class%% .wpcf7-form-control.wpcf7-text::placeholder, %%order_class%% .wpcf7-form-control.wpcf7-textarea::placeholder',
),
'font_size' => array(
'default' => '14px',
),
'line_height' => array(
'default' => '1.7em',
),
'letter_spacing' => array(
'default' => '0px',
),
'tab_slug' => 'advanced',
'toggle_slug' => 'cf7_placeholder',
),
'radio_checkbox' => array(
'label' => esc_html__( 'Radio & Checkbox', 'dsm-supreme-modules-for-divi' ),
'css' => array(
'main' => '%%order_class%% .wpcf7-list-item-label',
),
'font_size' => array(
'default' => '14px',
),
'line_height' => array(
'default' => '1.7em',
),
'letter_spacing' => array(
'default' => '0px',
),
'tab_slug' => 'advanced',
'toggle_slug' => 'cf7_radio_checkbox',
),
'file' => array(
'label' => esc_html__( 'File', 'dsm-supreme-modules-for-divi' ),
'css' => array(
'main' => '%%order_class%% .wpcf7-form-control.wpcf7-file',
),
'font_size' => array(
'default' => '11px',
),
'letter_spacing' => array(
'default' => '0px',
),
'hide_line_height' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'cf7_file',
),
'error_msg' => array(
'label' => esc_html__( 'Error Messages', 'dsm-supreme-modules-for-divi' ),
'css' => array(
'main' => '%%order_class%% .wpcf7-not-valid-tip',
),
'font_size' => array(
'default' => '14px',
),
'line_height' => array(
'default' => '1.7em',
),
'letter_spacing' => array(
'default' => '0px',
),
'tab_slug' => 'advanced',
'toggle_slug' => 'cf7_error',
),
'error_validation' => array(
'label' => esc_html__( 'Validation Error', 'dsm-supreme-modules-for-divi' ),
'css' => array(
'main' => '%%order_class%% .wpcf7 form.invalid .wpcf7-response-output, %%order_class%% .wpcf7 form.unaccepted .wpcf7-response-output',
),
'font_size' => array(
'default' => '14px',
),
'line_height' => array(
'default' => '1.7em',
),
'letter_spacing' => array(
'default' => '0px',
),
'tab_slug' => 'advanced',
'toggle_slug' => 'cf7_validation_errors',
),
'success_validation' => array(
'label' => esc_html__( 'Validation Success', 'dsm-supreme-modules-for-divi' ),
'css' => array(
'main' => '%%order_class%% .wpcf7 form.sent .wpcf7-response-output',
),
'font_size' => array(
'default' => '14px',
),
'line_height' => array(
'default' => '1.7em',
),
'letter_spacing' => array(
'default' => '0px',
),
'tab_slug' => 'advanced',
'toggle_slug' => 'cf7_validation_success',
),
),
'background' => array(
'css' => array(
'main' => '%%order_class%%',
),
'options' => array(
'parallax_method' => array(
'default' => 'off',
),
),
),
'max_width' => array(
'css' => array(
'main' => '%%order_class%%',
),
),
'borders' => array(
'default' => array(),
'image' => array(
'css' => array(
'main' => array(
'border_radii' => '%%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-text, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-tel, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-url, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-quiz, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-number, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-textarea, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-select, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-date',
'border_styles' => '%%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-text, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-tel, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-url, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-quiz, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-number, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-textarea, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-select, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-date',
),
),
'label_prefix' => esc_html__( 'Field', 'dsm-supreme-modules-for-divi' ),
'tab_slug' => 'advanced',
'toggle_slug' => 'cf7_field',
'depends_show_if' => 'off',
),
'error_msg' => array(
'css' => array(
'main' => array(
'border_radii' => '%%order_class%% .wpcf7-not-valid-tip',
'border_styles' => '%%order_class%% .wpcf7-not-valid-tip',
),
),
'label_prefix' => esc_html__( 'Validation Errors', 'dsm-supreme-modules-for-divi' ),
'tab_slug' => 'advanced',
'toggle_slug' => 'cf7_error',
'depends_show_if' => 'off',
),
'error_validation' => array(
'css' => array(
'main' => array(
'border_radii' => '%%order_class%% .wpcf7 form.invalid .wpcf7-response-output, %%order_class%% .wpcf7 form.unaccepted .wpcf7-response-output, %%order_class%% .wpcf7 form .wpcf7-response-output.wpcf7-validation-errors',
'border_styles' => '%%order_class%% .wpcf7 form.invalid .wpcf7-response-output, %%order_class%% .wpcf7 form.unaccepted .wpcf7-response-output, %%order_class%% .wpcf7 form .wpcf7-response-output.wpcf7-validation-errors',
),
),
'defaults' => array(
'border_styles' => array(
'width' => '2px',
'color' => '#ffb900',
'style' => 'solid',
),
),
'label_prefix' => esc_html__( 'Validation Errors', 'dsm-supreme-modules-for-divi' ),
'tab_slug' => 'advanced',
'toggle_slug' => 'cf7_validation_errors',
'depends_show_if' => 'off',
),
'validation_success' => array(
'css' => array(
'main' => array(
'border_radii' => '%%order_class%% .wpcf7 form.sent .wpcf7-response-output, %%order_class%% .wpcf7 form .wpcf7-response-output.wpcf7-mail-sent-ok',
'border_styles' => '%%order_class%% .wpcf7 form.sent .wpcf7-response-output, %%order_class%% .wpcf7 form .wpcf7-response-output.wpcf7-mail-sent-ok',
),
),
'defaults' => array(
'border_styles' => array(
'width' => '2px',
'color' => '#46b450',
'style' => 'solid',
),
),
'label_prefix' => esc_html__( 'Validation Success', 'dsm-supreme-modules-for-divi' ),
'tab_slug' => 'advanced',
'toggle_slug' => 'cf7_validation_success',
'depends_show_if' => 'off',
),
),
'box_shadow' => array(
'default' => array(),
'input_field' => array(
'label' => esc_html__( 'Box Shadow', 'dsm-supreme-modules-for-divi' ),
'option_category' => 'layout',
'tab_slug' => 'advanced',
'toggle_slug' => 'cf7_field',
'depends_show_if' => 'off',
'css' => array(
'main' => '%%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-text, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-quiz, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-number, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-textarea, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-select, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-date',
),
'default_on_fronts' => array(
'color' => '',
'position' => '',
),
),
),
'filters' => false,
'button' => array(
'button_one' => array(
'label' => esc_html__( 'Button', 'dsm-supreme-modules-for-divi' ),
'css' => array(
'main' => '%%order_class%% .wpcf7-form-control.wpcf7-submit',
),
'box_shadow' => array(
'css' => array(
'main' => '%%order_class%% .wpcf7-form-control.wpcf7-submit',
),
),
'margin_padding' => array(
'css' => array(
'main' => '%%order_class%% .wpcf7-form-control.wpcf7-submit',
'important' => 'all',
),
),
),
),
);
}
public function get_fields() {
return array(
/*
'cf7_notice' => array(
'type' => 'warning',
'value' => true,
'display_if' => true,
'message' => esc_html__( 'Note: Contact Form 7 will not function in the Divi Visual Builder at all, just like the Divi Contact Form module. It will only work on the frontend as usual. The purpose is to style and design your Contact Form 7 with the Divi Visual Builder without having to code. So go ahead and load your Contact Form 7 Library from the select list below to get started.', 'dsm-supreme-modules-for-divi' ),
),
*/
'cf7_library' => array(
'label' => esc_html__( 'Contact Form 7', 'dsm-supreme-modules-for-divi' ),
'type' => 'select',
'option_category' => 'layout',
'options' => dsm_get_contact_form_7(),
),
'show_validation' => array(
'label' => esc_html__( 'Show Error & Validation Messages', 'dsm-supreme-modules-for-divi' ),
'type' => 'yes_no_button',
'option_category' => 'basic_option',
'options' => array(
'off' => esc_html__( 'No', 'dsm-supreme-modules-for-divi' ),
'on' => esc_html__( 'Yes', 'dsm-supreme-modules-for-divi' ),
),
'default' => 'off',
'description' => esc_html__( 'This will show the error and validation messages on the Visual Builder for styling purposes.', 'dsm-supreme-modules-for-divi' ),
),
'label_bottom_spacing' => array(
'label' => esc_html__( 'Bottom Spacing', 'dsm-supreme-modules-for-divi' ),
'type' => 'range',
'option_category' => 'layout',
'tab_slug' => 'advanced',
'toggle_slug' => 'cf7_labels',
'default_unit' => 'px',
),
'button_alignment' => array(
'label' => esc_html__( 'Button Alignment', 'dsm-supreme-modules-for-divi' ),
'type' => 'text_align',
'option_category' => 'configuration',
'options' => et_builder_get_text_orientation_options( array( 'justified' ) ),
'tab_slug' => 'advanced',
'toggle_slug' => 'button_one',
'description' => esc_html__( 'Here you can define the alignment of Button. Wrap (<p>) element to the button in your contact form button.', 'dsm-supreme-modules-for-divi' ),
),
'input_background_color' => array(
'label' => esc_html__( 'Background Color', 'dsm-supreme-modules-for-divi' ),
'type' => 'color-alpha',
'option_category' => 'button',
'custom_color' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'cf7_field',
),
'file_padding' => array(
'label' => esc_html__( 'Padding', 'dsm-supreme-modules-for-divi' ),
'type' => 'custom_padding',
'option_category' => 'layout',
'tab_slug' => 'advanced',
'toggle_slug' => 'cf7_file',
'mobile_options' => true,
'validate_unit' => true,
'default' => '',
'default_unit' => 'px',
'default_on_front' => '',
'responsive' => true,
),
'file_background_color' => array(
'label' => esc_html__( 'Background Color', 'dsm-supreme-modules-for-divi' ),
'type' => 'color-alpha',
'option_category' => 'button',
'custom_color' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'cf7_file',
),
'error_msg_background_color' => array(
'label' => esc_html__( 'Background Color', 'dsm-supreme-modules-for-divi' ),
'type' => 'color-alpha',
'option_category' => 'button',
'custom_color' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'cf7_error',
),
'validation_error_background_color' => array(
'label' => esc_html__( 'Background Color', 'dsm-supreme-modules-for-divi' ),
'type' => 'color-alpha',
'option_category' => 'button',
'custom_color' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'cf7_validation_errors',
),
'validation_success_background_color' => array(
'label' => esc_html__( 'Background Color', 'dsm-supreme-modules-for-divi' ),
'type' => 'color-alpha',
'option_category' => 'button',
'custom_color' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'cf7_validation_success',
),
);
}
public function get_button_alignment() {
$text_orientation = isset( $this->props['button_alignment'] ) ? $this->props['button_alignment'] : '';
return et_pb_get_alignment( $text_orientation );
}
public function render( $attrs, $content = null, $render_slug ) {
$cf7_library = $this->props['cf7_library'];
$show_validation = $this->props['show_validation'];
$label_bottom_spacing = $this->props['label_bottom_spacing'];
$input_background_color = $this->props['input_background_color'];
$file_background_color = $this->props['file_background_color'];
$error_msg_background_color = $this->props['error_msg_background_color'];
$validation_error_background_color = $this->props['validation_error_background_color'];
$validation_success_background_color = $this->props['validation_success_background_color'];
$file_padding = $this->props['file_padding'];
$file_padding_tablet = $this->props['file_padding_tablet'];
$file_padding_phone = $this->props['file_padding_phone'];
$file_padding_last_edited = $this->props['file_padding_last_edited'];
$custom_icon_1 = $this->props['button_one_icon'];
$button_custom_1 = $this->props['custom_button_one'];
$button_alignment = $this->get_button_alignment();
if ( '' !== $input_background_color ) {
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-text, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-tel, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-url, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-quiz, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-number, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-textarea, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-select, %%order_class%%.dsm_contact_form_7 .wpcf7-form-control.wpcf7-date',
'declaration' => sprintf(
'background-color: %1$s;',
esc_html( $input_background_color )
),
)
);
}
if ( '' !== $file_background_color ) {
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% .wpcf7-form-control.wpcf7-file',
'declaration' => sprintf(
'background-color: %1$s;',
esc_html( $file_background_color )
),
)
);
}
if ( '' !== $error_msg_background_color ) {
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% .wpcf7-not-valid-tip',
'declaration' => sprintf(
'background-color: %1$s;',
esc_html( $error_msg_background_color )
),
)
);
}
if ( '' !== $validation_error_background_color ) {
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% .wpcf7 form.invalid .wpcf7-response-output, %%order_class%% .wpcf7 form.unaccepted .wpcf7-response-output',
'declaration' => sprintf(
'background-color: %1$s;',
esc_html( $validation_error_background_color )
),
)
);
}
if ( '' !== $validation_success_background_color ) {
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% .wpcf7 form.sent .wpcf7-response-output',
'declaration' => sprintf(
'background-color: %1$s;',
esc_html( $validation_success_background_color )
),
)
);
}
if ( '' !== $label_bottom_spacing ) {
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% label',
'declaration' => sprintf(
'margin-bottom: %1$s;',
esc_attr( $label_bottom_spacing )
),
)
);
}
if ( 'left' !== $button_alignment ) {
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% .wpcf7-form p:nth-last-of-type(1)',
'declaration' => sprintf(
'text-align: %1$s;',
esc_attr( $button_alignment )
),
)
);
}
$this->apply_custom_margin_padding(
$render_slug,
'file_padding',
'padding',
'%%order_class%% .wpcf7-form-control.wpcf7-file'
);
wp_enqueue_script( 'dsm-contact-form-7' );
$output = sprintf(
'<div class="%2$s"%3$s>
%1$s
</div>',
do_shortcode( '[contact-form-7 id="' . $cf7_library . '"]' ),
'' !== $custom_icon_1 ? 'dsm_contact_form_7_btn_icon' : '',
'' !== $custom_icon_1 ? sprintf(
' data-dsm-btn-icon="%1$s"',
esc_attr( et_pb_process_font_icon( $custom_icon_1 ) )
) : ''
);
return $output;
}
public function apply_custom_margin_padding( $function_name, $slug, $type, $class, $important = false ) {
$slug_value = $this->props[ $slug ];
$slug_value_tablet = $this->props[ $slug . '_tablet' ];
$slug_value_phone = $this->props[ $slug . '_phone' ];
$slug_value_last_edited = $this->props[ $slug . '_last_edited' ];
$slug_value_responsive_active = et_pb_get_responsive_status( $slug_value_last_edited );
if ( isset( $slug_value ) && ! empty( $slug_value ) ) {
ET_Builder_Element::set_style(
$function_name,
array(
'selector' => $class,
'declaration' => et_builder_get_element_style_css( $slug_value, $type, $important ),
)
);
}
if ( isset( $slug_value_tablet ) && ! empty( $slug_value_tablet ) && $slug_value_responsive_active ) {
ET_Builder_Element::set_style(
$function_name,
array(
'selector' => $class,
'declaration' => et_builder_get_element_style_css( $slug_value_tablet, $type, $important ),
'media_query' => ET_Builder_Element::get_media_query( 'max_width_980' ),
)
);
}
if ( isset( $slug_value_phone ) && ! empty( $slug_value_phone ) && $slug_value_responsive_active ) {
ET_Builder_Element::set_style(
$function_name,
array(
'selector' => $class,
'declaration' => et_builder_get_element_style_css( $slug_value_phone, $type, $important ),
'media_query' => ET_Builder_Element::get_media_query( 'max_width_767' ),
)
);
}
if ( et_builder_is_hover_enabled( $slug, $this->props ) ) {
if ( isset( $this->props[ $slug . '__hover' ] ) ) {
$hover = $this->props[ $slug . '__hover' ];
ET_Builder_Element::set_style(
$function_name,
array(
'selector' => $this->add_hover_to_order_class( $class ),
'declaration' => et_builder_get_element_style_css( $hover, $type, $important ),
)
);
}
}
}
}
new DSM_ContactForm7();
function dsm_get_contact_form_7() {
$args = array(
'post_type' => 'wpcf7_contact_form',
'posts_per_page' => - 1,
);
$dsm_cf7_library_list = array(
'0' => esc_html__( '-- Select Contact Form 7 --', 'dsm-supreme-modules-for-divi' ),
);
if ( $categories = get_posts( $args ) ) {
foreach ( $categories as $category ) {
(int) $dsm_cf7_library_list[ $category->ID ] = $category->post_title;
}
} else {
(int) $dsm_cf7_library_list['0'] = esc_html__( 'No Contact From 7 form found', 'dsm-supreme-modules-for-divi' );
}
return $dsm_cf7_library_list;
}

1
wp-content/plugins/supreme-modules-for-divi/includes/modules/ContactForm7/icon.svg Normal file
View File

@@ -0,0 +1 @@
<svg enable-background="new 0 0 28 28" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg"><path d="m2.81 22.2c-.76 0-1.38-.62-1.38-1.38s.62-1.38 1.38-1.38 1.38.62 1.38 1.38-.61 1.38-1.38 1.38zm0-2c-.34 0-.62.28-.62.62s.28.62.62.62.62-.28.62-.62-.28-.62-.62-.62z" fill="#03dac6"/><path d="m22.42 3.33c-.76 0-1.38-.62-1.38-1.38s.62-1.38 1.38-1.38 1.38.62 1.38 1.38-.62 1.38-1.38 1.38zm0-2c-.34 0-.62.28-.62.62s.28.62.62.62.62-.28.62-.62-.28-.62-.62-.62z" fill="#03dac6"/><path d="m22.53 27.43h-14.22c-1.12 0-2.04-.92-2.04-2.04v-18.21c0-1.13.92-2.04 2.04-2.04h14.22c1.12 0 2.04.92 2.04 2.04v18.21c0 1.13-.92 2.04-2.04 2.04zm-14.22-21.52c-.7 0-1.27.57-1.27 1.27v18.21c0 .7.57 1.27 1.27 1.27h14.22c.7 0 1.27-.57 1.27-1.27v-18.21c0-.7-.57-1.27-1.27-1.27z" fill="#fff"/><path d="m10.9 7.41h9.04v.77h-9.04z" fill="#03dac6"/><path d="m10.9 9.34h6.48v.51h-6.48z" fill="#fff"/><path d="m10.9 11.14h9.04v.51h-9.04z" fill="#fff"/><path d="m10.9 14.31h9.04v.77h-9.04z" fill="#03dac6"/><path d="m10.9 16.24h6.48v.51h-6.48z" fill="#fff"/><path d="m10.9 18.04h9.04v.51h-9.04z" fill="#fff"/><path d="m10.9 20.89h9.04v.77h-9.04z" fill="#03dac6"/><g fill="#fff"><path d="m10.9 22.82h6.48v.51h-6.48z"/><path d="m10.9 24.62h9.04v.51h-9.04z"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB