WordPress.org
Get WordPress

Plugin Directory

Changeset 3401919


Ignore:
Timestamp:
11/24/2025 02:24:33 PM (4 months ago)
Author:
webangon
Message:

Added widget

Location:
the-pack-addon/trunk
Files:
2 added
1 deleted
27 edited

Legend:

Unmodified
Added
Removed

  • the-pack-addon/trunk/assets/css/shortcode.css

    r3374374 r3401919  
    20292029@keyframes tpanimatedBackground { from { background-position: 0 0; } to { background-position: 100% 0; } }
    20302030
     2031/*Dot corner container*/
     2032.tp-dot {
     2033  position: absolute;
     2034  width: 13px;
     2035  height: 13px;
     2036  border-radius: 13px;
     2037  z-index: 1;
     2038  border-radius: 0;
     2039  border: 2px solid #535862;
     2040  background-color: transparent;   
     2041}
     2042.tp-dot.tp-dot__top {
     2043  position: absolute;
     2044  top: 0;
     2045  left: 0;
     2046  transform: translate(-50%, -50%);
     2047  top: -2px;
     2048  left: -2px;
     2049  border-right: none;
     2050  border-bottom: none;   
     2051}
     2052.tp-dot.tp-dot__bottom {
     2053  position: absolute;
     2054  bottom: 0;
     2055  right: 0;
     2056  transform: translate(50%, 50%);
     2057  bottom: -2px;
     2058  right: -2px;
     2059  border-left: none;
     2060  border-top: none;   
     2061}
     2062.tp-dot.tp-dot__left {
     2063  position: absolute;
     2064  bottom: 0;
     2065  left: 0;
     2066  transform: translate(-50%, 50%);
     2067  left: -2px;
     2068  bottom: -2px;
     2069  border-right: none;
     2070  border-top: none;   
     2071}
     2072.tp-dot.tp-dot__right {
     2073  position: absolute;
     2074  top: 0;
     2075  right: 0;
     2076  transform: translate(50%, -50%);
     2077  top: -2px;
     2078  right: -2px;
     2079  border-left: none;
     2080  border-bottom: none;   
     2081}
    20312082/**/
    20322083.tp_icon_slide_yes .elementor-icon{
    … …  
    20482099    transition: all 0.4s ease-in-out 0s;
    20492100}
    2050 
     2101.tp_icon_blur_yes .elementor-icon::after {
     2102    content: "";
     2103    position: absolute;
     2104    top: 0px;
     2105    left: 0px;
     2106    background-blend-mode: screen, screen, color-burn;
     2107    box-shadow: rgb(255, 255, 255) 23px 32px 13px -34px inset, rgb(255, 255, 255) -23px -30px 21px -34px inset, rgba(255, 255, 255, 0.2) 4px 4px 2px -4px inset, rgba(255, 255, 255, 0.2) 0px 0px 44px inset;
     2108    height: 100%;
     2109    width: 100%;
     2110}
    20512111
    20522112/*Blob*/
    … …  
    22532313  background-color: var(--maintheme); /* the main color */
    22542314}
     2315
     2316.tp_inverted_1 {
     2317  --r: var(--mskradius,20px); /* the radius */
     2318  --s: var(--mskcurv,30px); /* size of inner curve */
     2319  --x: var(--mskx,20px); /* horizontal offset (no percentage) */
     2320  --y: var(--msky,10px); /* vertical offset (no percentage) */
     2321  --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
     2322  --_g:conic-gradient(at calc(100% - var(--r)) var(--r),#0000 25%,#000 0);
     2323  --_d:(var(--s) + var(--r));
     2324  mask:
     2325    calc(100% - var(--_d) - var(--x)) 0 var(--_m),
     2326    100% calc(var(--_d) + var(--y)) var(--_m),
     2327    radial-gradient(var(--s) at 100% 0,#0000 99%,#000 calc(100% + 1px))
     2328     calc(-1*var(--r) - var(--x)) calc(var(--r) + var(--y)),
     2329    var(--_g) calc(-1*var(--_d) - var(--x)) 0,
     2330    var(--_g) 0 calc(var(--_d) + var(--y));
     2331  mask-repeat: no-repeat;
     2332}
     2333.tp_inverted_2 {
     2334  --r: var(--mskradius,20px); /* the radius */
     2335  --s: var(--mskcurv,30px); /* size of inner curve */
     2336  --x: var(--mskx,20px); /* horizontal offset (no percentage) */
     2337  --y: var(--msky,10px); /* vertical offset (no percentage) */
     2338  --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
     2339  --_g:conic-gradient(at var(--r) var(--r),#000 75%,#0000 0);
     2340  --_d:(var(--s) + var(--r));
     2341  mask:
     2342    calc(var(--_d) + var(--x)) 0 var(--_m),
     2343    0 calc(var(--_d) + var(--y)) var(--_m),
     2344    radial-gradient(var(--s) at 0 0,#0000 99%,#000 calc(100% + 1px))
     2345     calc(var(--r) + var(--x)) calc(var(--r) + var(--y)),
     2346    var(--_g) calc(var(--_d) + var(--x)) 0,
     2347    var(--_g) 0 calc(var(--_d) + var(--y));
     2348  mask-repeat: no-repeat;
     2349}
     2350.tp_inverted_3 {
     2351  --r: var(--mskradius,20px); /* the radius */
     2352  --s: var(--mskcurv,30px); /* size of inner curve */
     2353  --x: var(--mskx,20px); /* horizontal offset (no percentage) */
     2354  --y: var(--msky,10px); /* vertical offset (no percentage) */
     2355  --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
     2356  --_g:conic-gradient(from 180deg at var(--r) calc(100% - var(--r)),#0000 25%,#000 0);
     2357  --_d:(var(--s) + var(--r));
     2358  mask:
     2359    calc(var(--_d) + var(--x)) 100% var(--_m),
     2360    0 calc(100% - var(--_d) - var(--y)) var(--_m),
     2361    radial-gradient(var(--s) at 0 100%,#0000 99%,#000 calc(100% + 1px))
     2362     calc(var(--r) + var(--x)) calc(-1*var(--r) - var(--y)),
     2363    var(--_g) calc(var(--_d) + var(--x)) 0,
     2364    var(--_g) 0 calc(-1*var(--_d) - var(--y));
     2365  mask-repeat: no-repeat;
     2366}
     2367
     2368.tp_inverted_4 {
     2369  --r: var(--mskradius,20px); /* the radius */
     2370  --s: var(--mskcurv,30px); /* size of inner curve */
     2371  --x: var(--mskx,20px); /* horizontal offset (no percentage) */
     2372  --y: var(--msky,10px); /* vertical offset (no percentage) */
     2373  --_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
     2374  --_g:conic-gradient(from 90deg at calc(100% - var(--r)) calc(100% - var(--r)),#0000 25%,#000 0);
     2375  --_d:(var(--s) + var(--r));
     2376  mask:
     2377    calc(100% - var(--_d) - var(--x)) 100% var(--_m),
     2378    100% calc(100% - var(--_d) - var(--y)) var(--_m),
     2379    radial-gradient(var(--s) at 100% 100%,#0000 99%,#000 calc(100% + 1px))
     2380     calc(-1*var(--r) - var(--x)) calc(-1*var(--r) - var(--y)),
     2381    var(--_g) calc(-1*var(--_d) - var(--x)) 0,
     2382    var(--_g) 0 calc(-1*var(--_d) - var(--y));
     2383  mask-repeat: no-repeat;
     2384}
     2385.tp_inverted_5 {
     2386  --r: var(--mskradius,20px); /* the radius */
     2387  --s: var(--mskcurv,30px); /* size of inner curve */
     2388  --a: var(--mskxp,20deg); /* control the depth of the curvature */
     2389  --p: var(--mskyp,50%);   /* control the position */
     2390  --_m:var(--r),#000 calc(100% - 1px),#0000;
     2391  --_d:(var(--s) + var(--r))*cos(var(--a));
     2392  mask:
     2393    radial-gradient(var(--r) at calc(var(--p) + var(--_d)) var(--_m)),
     2394    radial-gradient(var(--r) at calc(var(--p) - var(--_d)) var(--_m)),
     2395    radial-gradient(var(--s) at var(--p) calc(-1*sin(var(--a))*var(--s)),
     2396      #0000 100%,#000 calc(100% + 1px)) 0 calc(var(--r)*(1 - sin(var(--a)))) no-repeat,
     2397    linear-gradient(90deg,#000 calc(var(--p) - var(--_d)),#0000 0 calc(var(--p) + var(--_d)),#000 0);
     2398}
     2399.tp_inverted_6 {
     2400  --r: var(--mskradius,20px); /* the radius */
     2401  --s: var(--mskcurv,30px); /* size of inner curve */
     2402  --a: var(--mskxp,20deg); /* control the depth of the curvature */
     2403  --p: var(--mskyp,50%);   /* control the position */
     2404  --_m:calc(100% - var(--r)),#000 calc(100% - 1px),#0000;
     2405  --_d:(var(--s) + var(--r))*cos(var(--a));
     2406  mask:
     2407    radial-gradient(var(--r) at calc(var(--p) + var(--_d)) var(--_m)),
     2408    radial-gradient(var(--r) at calc(var(--p) - var(--_d)) var(--_m)),
     2409    radial-gradient(var(--s) at var(--p) calc(100% + sin(var(--a))*var(--s)),
     2410      #0000 100%,#000 calc(100% + 1px)) 0 calc(var(--r)*(sin(var(--a)) - 1)) no-repeat,
     2411    linear-gradient(90deg,#000 calc(var(--p) - var(--_d)),#0000 0 calc(var(--p) + var(--_d)),#000 0);
     2412}
     2413.tp_inverted_7 {
     2414  --r: var(--mskradius,20px); /* the radius */
     2415  --s: var(--mskcurv,30px); /* size of inner curve */
     2416  --a: var(--mskxp,20deg); /* control the depth of the curvature */
     2417  --p: var(--mskyp,50%);   /* control the position */
     2418  --_m:,#000 calc(100% - 1px),#0000;
     2419  --_d:(var(--s) + var(--r))*cos(var(--a));
     2420  mask:
     2421    radial-gradient(var(--r) at var(--r) calc(var(--p) + var(--_d)) var(--_m)),
     2422    radial-gradient(var(--r) at var(--r) calc(var(--p) - var(--_d)) var(--_m)),
     2423    radial-gradient(var(--s) at calc(-1*sin(var(--a))*var(--s)) var(--p),
     2424      #0000 100%,#000 calc(100% + 1px)) calc(var(--r)*(1 - sin(var(--a)))) 0 no-repeat,
     2425    linear-gradient(#000 calc(var(--p) - var(--_d)),#0000 0 calc(var(--p) + var(--_d)),#000 0);
     2426}
     2427.tp_inverted_8 {
     2428  --r: var(--mskradius,20px); /* the radius */
     2429  --s: var(--mskcurv,30px); /* size of inner curve */
     2430  --a: var(--mskxp,20deg); /* control the depth of the curvature */
     2431  --p: var(--mskyp,50%);   /* control the position */
     2432  --_m:,#000 calc(100% - 1px),#0000;
     2433  --_r:var(--r) at calc(100% - var(--r));
     2434  --_d:(var(--s) + var(--r))*cos(var(--a));
     2435  mask:
     2436    radial-gradient(var(--_r) calc(var(--p) + var(--_d)) var(--_m)),
     2437    radial-gradient(var(--_r) calc(var(--p) - var(--_d)) var(--_m)),
     2438    radial-gradient(var(--s) at calc(100% + sin(var(--a))*var(--s)) var(--p),
     2439      #0000 100%,#000 calc(100% + 1px)) calc(var(--r)*(sin(var(--a)) - 1)) 0 no-repeat,
     2440    linear-gradient(#000 calc(var(--p) - var(--_d)),#0000 0 calc(var(--p) + var(--_d)),#000 0);
     2441}

  • the-pack-addon/trunk/assets/js/custom.js

    r3373509 r3401919  
    634634            slider_elem.find('.tp-tap').on('click', function () {
    635635                slider_elem.removeClass('menu-is-closed').addClass('menu-is-opened');
     636                $('body').addClass('overlay-on');
    636637            });
    637638
    … …  
    639640                slider_elem.removeClass('menu-is-opened search-is-opened').addClass('menu-is-closed search-is-closed');
    640641                slider_elem.find('.momenu-list ul').slideUp(300);
     642                $('body').removeClass('overlay-on');
    641643            });
    642644

  • the-pack-addon/trunk/includes/extension/control/motion.php

    r3368757 r3401919  
    528528                        'motion_fx_' . $effects_group => 'yes',
    529529                        $effect_name . '_effect' => 'yes',
    530                     ],
     530                    ], 
    531531                    'render_type' => 'none',
    532532                    'frontend_available' => true,

  • the-pack-addon/trunk/includes/extension/inc/animated-border.php

    r3318618 r3401919  
    6969
    7070        $element->end_controls_section();
    71        
     71
     72        $element->start_controls_section(
     73            'container_invf',
     74            [
     75                'label' => esc_html__('Mask radius', 'the-pack-addon'),
     76                'tab' => Controls_Manager::TAB_STYLE,
     77            ]
     78        );
     79        $element->add_control(
     80            'tpconid',
     81            [
     82                'label' => esc_html__('Select style', 'the-pack-addon'),
     83                'type' => Controls_Manager::SELECT,
     84                'options' => [
     85                    '' => __( 'None', 'the-pack-addon'  ),
     86                    'tp_inverted_1' => __( 'One', 'the-pack-addon'  ),
     87                    'tp_inverted_2' => __( 'Two', 'the-pack-addon'  ),
     88                    'tp_inverted_3' => __( 'Three', 'the-pack-addon'  ),
     89                ],
     90                'prefix_class' => ''               
     91            ]
     92        );
     93        $element->end_controls_section();
     94
    7295    }
    7396}

  • the-pack-addon/trunk/includes/extension/inc/container-hover.php

    r3318618 r3401919  
    2222            'tp_element_translate'
    2323        ], 10, 2);
     24        add_action('elementor/element/common/_section_style/after_section_end', [
     25            __CLASS__,
     26            'tp_element_translate'
     27        ], 20, 2);       
    2428        add_action('elementor/frontend/container/before_render', [
    2529            __CLASS__,
    … …  
    4145
    4246    public static function tp_element_translate($element, $args)
    43     {   
     47    {
     48        if ('container' == $element->get_name()) {
     49            $selector = '{{WRAPPER}}';
     50        } else {
     51            $selector = '{{WRAPPER}}>.elementor-widget-container';
     52        }
     53
    4454        $element->start_controls_section(
    4555            'container_hov',
    … …  
    5868            ]
    5969        );
    60 
     70   
    6171        $element->add_group_control(
    6272            Group_Control_Background::get_type(),
    … …  
    6979
    7080        $element->end_controls_section();
    71        
     81
     82        $element->start_controls_section(
     83            'container_invf',
     84            [
     85                'label' => esc_html__('Mask radius', 'the-pack-addon'),
     86                'tab' => Controls_Manager::TAB_STYLE,
     87            ]
     88        );
     89        $element->add_control(
     90            'tpconid',
     91            [
     92                'label' => esc_html__('Select style', 'the-pack-addon'),
     93                'type' => Controls_Manager::SELECT,
     94                'options' => [
     95                    '' => __( 'None', 'the-pack-addon'  ),
     96                    'tp_inverted_1' => __( 'One', 'the-pack-addon'  ),
     97                    'tp_inverted_2' => __( 'Two', 'the-pack-addon'  ),
     98                    'tp_inverted_3' => __( 'Three', 'the-pack-addon'  ),
     99                    'tp_inverted_4' => __( 'Four', 'the-pack-addon'  ),
     100                    'tp_inverted_5' => __( 'Five', 'the-pack-addon'  ),
     101                    'tp_inverted_6' => __( 'Six', 'the-pack-addon'  ),
     102                    'tp_inverted_7' => __( 'Seven', 'the-pack-addon'  ),
     103                    'tp_inverted_8' => __( 'Eight', 'the-pack-addon'  ),
     104                ],
     105                'prefix_class' => ''               
     106            ]
     107        );
     108
     109        $element->add_responsive_control(
     110            'tpconrd',   
     111            [
     112                'label' => esc_html__('Radius', 'the-pack-addon'),
     113                'type' => Controls_Manager::SLIDER, 
     114                'selectors' => [
     115                    $selector => '--mskradius:{{SIZE}}{{UNIT}};',
     116                ],
     117                'condition' => [
     118                    'tpconid!' => '',
     119                ],                 
     120            ]
     121        );
     122        $element->add_responsive_control(
     123            'tpcurrd',   
     124            [
     125                'label' => esc_html__('Curve size', 'the-pack-addon'),
     126                'type' => Controls_Manager::SLIDER, 
     127                'selectors' => [
     128                    $selector => '--mskcurv:{{SIZE}}{{UNIT}};',
     129                ],
     130                'condition' => [
     131                    'tpconid!' => '',
     132                ],                 
     133            ]
     134        );
     135        $element->add_responsive_control(
     136            'tpcurx',   
     137            [
     138                'label' => esc_html__('Horizontal position', 'the-pack-addon'),
     139                'type' => Controls_Manager::SLIDER, 
     140                'selectors' => [
     141                    $selector => '--mskx:{{SIZE}}{{UNIT}};',
     142                ],
     143                'condition' => [
     144                    'tpconid!' => ['','tp_inverted_5','tp_inverted_6','tp_inverted_7','tp_inverted_8'],
     145                ],                 
     146            ]
     147        );
     148        $element->add_responsive_control(
     149            'tpcury',   
     150            [
     151                'label' => esc_html__('Vertical position', 'the-pack-addon'),
     152                'type' => Controls_Manager::SLIDER, 
     153                'selectors' => [
     154                    $selector => '--msky:{{SIZE}}{{UNIT}};',
     155                ],
     156                'condition' => [
     157                    'tpconid!' => ['','tp_inverted_5','tp_inverted_6','tp_inverted_7','tp_inverted_8'],
     158                ],                 
     159            ]
     160        );
     161
     162        $element->add_responsive_control(
     163            'tpcurxp',   
     164            [
     165                'label' => esc_html__('Curvature depth', 'the-pack-addon'),
     166                'type' => Controls_Manager::SLIDER, 
     167                'selectors' => [
     168                    $selector => '--mskxp:{{SIZE}}deg;',
     169                ],
     170                'condition' => [
     171                    'tpconid!' => ['','tp_inverted_1','tp_inverted_2','tp_inverted_3','tp_inverted_4'],
     172                ],                 
     173            ]
     174        );
     175        $element->add_responsive_control(
     176            'tpcuryp',   
     177            [
     178                'label' => esc_html__('Vertical position', 'the-pack-addon'),
     179                'type' => Controls_Manager::SLIDER, 
     180                'selectors' => [
     181                    $selector => '--mskyp:{{SIZE}}%;',
     182                ],
     183                'condition' => [
     184                    'tpconid!' => ['','tp_inverted_1','tp_inverted_2','tp_inverted_3','tp_inverted_4'],
     185                ],                 
     186            ]
     187        );
     188        $element->end_controls_section();       
    72189    }
    73190}

  • the-pack-addon/trunk/includes/extension/inc/container.php

    r3368757 r3401919  
    3030            'before_render_options'
    3131        ], 10, 2);
     32
     33        add_action('thepack_element_container/before-render', [
     34            __CLASS__,
     35            'pxl_before_render_options'
     36        ], 10, 2);
     37
     38    }
     39    public static function pxl_before_render_options($html, $settings)
     40    {
     41            if (!empty($settings['tp_dot_container_pos']) && is_array($settings['tp_dot_container_pos'])) {
     42                $items = $settings['tp_dot_container_pos'];
     43   
     44                foreach ($items as $item) {
     45                    $html .= '<span class="tp-dot tp-dot__' . esc_attr($item) . '"></span>';
     46                }
     47            }
     48   
     49            return $html;
    3250    }
    3351
    … …  
    355373        );
    356374        $element->end_controls_section();
    357        
     375
     376        $element->start_controls_section(
     377            'pxl_container_dot',
     378            [
     379                'label' => __('Dot Container', 'the-pack-addon'),
     380                'tab' => \Elementor\Controls_Manager::TAB_LAYOUT,
     381            ]
     382        );
     383
     384        $element->add_control(
     385            'tp_dot_container_pos',
     386            [
     387                'label' => esc_html__('Dot Container Position', 'the-pack-addon'),
     388                'type' => \Elementor\Controls_Manager::SELECT2,
     389                'multiple' => true,
     390                'options' => [
     391                    'top'    => esc_html__('Top Left', 'the-pack-addon'),
     392                    'left'   => esc_html__('Top Right', 'the-pack-addon'),
     393                    'right'  => esc_html__('Bottom Right', 'the-pack-addon'),
     394                    'bottom' => esc_html__('Bottom Left', 'the-pack-addon'),
     395                ],
     396                'default' => [],
     397            ]
     398        );
     399
     400        $element->end_controls_section();
     401
    358402    }
    359403}

  • the-pack-addon/trunk/includes/extension/inc/icon.php

    r3318618 r3401919  
    2222    public static function tp_callback_function($element, $args)
    2323    {
    24         $element->start_controls_section(
     24        $element->start_controls_section( 
    2525            'tpbtnsx',
    2626            [
    … …  
    5050        );
    5151
     52        do_action('the_pack_svg_path_color', $element,'ikb','svg path');
     53
    5254        $element->end_controls_section();
    5355    }

  • the-pack-addon/trunk/includes/extension/inc/icon_box.php

    r3368757 r3401919  
    285285            ]
    286286        );
     287        $element->add_control(
     288            'ibgrbh',
     289            [
     290                'label' => esc_html__('Enable blur background', 'the-pack-addon'),
     291                'type' => Controls_Manager::SWITCHER,
     292                'prefix_class' => 'tp_icon_blur_',
     293            ]
     294        );
     295        $element->add_responsive_control(
     296            'ibbrdq',
     297            [
     298                'label' => esc_html__('Blur border radius', 'the-pack-addon'),
     299                'type' => Controls_Manager::SLIDER,
     300                'range' => [
     301                    'px' => [
     302                        'max' => 500,
     303                    ]
     304                ],
     305                'condition' => [
     306                    'ibgrbh' => 'yes',
     307                ],               
     308                'selectors' => [
     309                    '{{WRAPPER}} .elementor-icon::after' => 'border-radius: {{SIZE}}{{UNIT}};',
     310                ],
     311            ]
     312        );
     313
     314        do_action('the_pack_svg_path_color', $element,'ikbudx_','svg path');
     315
    287316        $element->end_controls_section();
    288317    }

  • the-pack-addon/trunk/includes/extension/inc/section.php

    r3318618 r3401919  
    1010class jl_section_overlay
    1111{
    12     public static function init()
     12    public static function init()   
    1313    {
    1414        add_action('elementor/element/section/section_background_overlay/before_section_end', [

  • the-pack-addon/trunk/includes/extension/inc/tab.php

    r3368757 r3401919  
    1818            'tp_callback_function'
    1919        ], 10, 2);
     20
     21        add_action('elementor/element/nested-tabs/section_title_style/before_section_end', [
     22            __CLASS__,
     23            'extra_control'
     24        ], 10, 2);
     25
     26    }
     27
     28    public static function extra_control($element, $args){
     29
     30        $element->add_responsive_control(
     31            'tpttbg',
     32            [
     33                'label' => esc_html__('Wrapper background', 'the-pack-addon'),
     34                'type' => Controls_Manager::COLOR,
     35                'selectors' => [
     36                    '{{WRAPPER}} .e-n-tabs-heading' => 'background: {{VALUE}};',
     37                ],
     38            ]
     39        );
     40
     41        $element->add_responsive_control(
     42            'tptmws',
     43            [
     44                'label' => esc_html__('Wrapper max width', 'the-pack-addon'),
     45                'type' => Controls_Manager::SLIDER,
     46                'range' => [
     47                    'px' => [
     48                        'max' => 1500,
     49                    ],
     50                ],               
     51                'selectors' => [
     52                    '{{WRAPPER}} .e-n-tabs-heading' => 'width:{{SIZE}}{{UNIT}};margin: auto;',
     53                ],
     54
     55            ]
     56        );
     57
     58        $element->add_responsive_control(
     59            'tpttbrd',
     60            [
     61                'label' => esc_html__('Wrapper border radius', 'the-pack-addon'),
     62                'type' => Controls_Manager::SLIDER,
     63                'selectors' => [
     64                    '{{WRAPPER}} .e-n-tabs-heading' => 'border-radius:{{SIZE}}{{UNIT}};',
     65                ],
     66
     67            ]
     68        );
     69
    2070    }
    2171
    … …  
    105155            ]
    106156        );
    107         $element->add_responsive_control(
    108             'tpttbg',
    109             [
    110                 'label' => esc_html__('Title wrapper background', 'the-pack-addon'),
    111                 'type' => Controls_Manager::COLOR,
    112                 'selectors' => [
    113                     '{{WRAPPER}} .e-n-tabs-heading' => 'background: {{VALUE}};',
    114                 ],
    115             ]
    116         );
     157
    117158        $element->add_responsive_control(
    118159            'tpttpd',

  • the-pack-addon/trunk/includes/extension/inc/translate.php

    r3374374 r3401919  
    310310            ]
    311311        ); 
    312 
     312        $element->add_responsive_control(
     313            'tpopx',
     314            [
     315                'label' => esc_html__('Opacity', 'the-pack-addon'),
     316                'type' => Controls_Manager::SLIDER,
     317                'range' => [
     318                    'px' =>[
     319                        'max' => 1,
     320                        'step' => .1,
     321                    ],
     322                ],
     323                'selectors' => [
     324                    '{{WRAPPER}}' => 'opacity:{{SIZE}};',
     325                ],
     326            ]
     327        );
    313328        $element->end_controls_section();
    314329

  • the-pack-addon/trunk/includes/extension/index.php

    r3368757 r3401919  
    1919    {
    2020        add_action('elementor/preview/enqueue_scripts', [$this, 'ooohboi_register_scripts_front']);
    21         add_action('wp_enqueue_scripts', [$this, 'thepack_frontend_styles']);
    2221    }
    2322
    … …  
    5352        wp_enqueue_script('thepack-section', plugins_url('js/thepack-section.js', __FILE__), [], THE_PACK_PLUGIN_VERSION, true);
    5453    }
    55 
    56     public function thepack_frontend_styles()
    57     {
    58         wp_enqueue_style('thepack-section', plugins_url('css/style.css', __FILE__), [], THE_PACK_PLUGIN_VERSION, true);
    59     }
    6054}
    6155

  • the-pack-addon/trunk/includes/extension/js/editor-support.js

    r3001543 r3401919  
    2323    elementor.hooks.addFilter('editor/style/styleText', addCustomCss);
    2424
     25
     26  function thepack_section_start_render() {
     27    var _elementor = typeof elementor !== "undefined" ? elementor : elementorFrontend;
     28
     29    if (!_elementor || !_elementor.hooks) {
     30      console.warn("Elementor hooks not available");
     31      return;
     32    }
     33
     34    _elementor.hooks.addFilter(
     35      "thepack_element_container/before-render",
     36      function (html, settings, el) {
     37
     38        if (
     39          typeof settings.tp_dot_container_pos !== "undefined" &&
     40          Array.isArray(settings.tp_dot_container_pos) &&
     41          settings.tp_dot_container_pos.length > 0
     42        ) {
     43          var items = settings.tp_dot_container_pos;
     44          items.forEach(function (item) {
     45            html += '<span class="tp-dot tp-dot__' + item + '"></span>';
     46          });
     47        }
     48
     49        return html;
     50      }
     51    );
     52
     53  }
     54
     55
    2556    function addPageCustomCss() {
    2657
    … …  
    3061            elementor.settings.page.getControlsCSS().elements.$stylesheetElement.append(customCSS);
    3162        }
     63       
     64    try {
     65      if (typeof thepack_section_start_render === "function") {
     66        thepack_section_start_render();
     67      }
     68    } catch (error) {
     69      console.error("Error initializing custom functions:", error);
     70    }
     71
    3272    }
    3373    // elementor.settings.page.model.on('change', addPageCustomCss);

  • the-pack-addon/trunk/includes/header-footer/index.php

    r3281386 r3401919  
    11<?php
    22
    3 if(!class_exists('The_Pack_Kit')){
     3if(!class_exists('The_Pack_Kit') || !defined( 'ELEMENTOR_PRO_VERSION' ) ){
    44    class The_Pack_Kit{
    55        /**

  • the-pack-addon/trunk/includes/helper-functions.php

    r3374374 r3401919  
    679679    return $out;
    680680
     681}
     682
     683add_action( 'the_pack_svg_path_color', 'tp_svg_path_color',10,3);
     684
     685function tp_svg_path_color($wb,$prefix,$selector){
     686
     687    $wb->add_control(
     688        $prefix.'tpsvg',
     689        [
     690            'label' => esc_html__('SVG path color', 'the-pack-addon'),
     691            'type' => Controls_Manager::COLOR,
     692            'description'=>'Applicable for svg upload',
     693            'selectors' => [
     694                '{{WRAPPER}} '.$selector => 'fill: {{VALUE}} !important;',
     695            ],
     696        ]
     697    );
     698
    681699}
    682700add_action( 'the_pack_flex', 'tp_flex_control',10,4);
    … …  
    852870                'type' => Controls_Manager::SLIDER,
    853871                'selectors' => [
    854                     '{{WRAPPER}} '.$selector => 'width:{{SIZE}}px;height:{{SIZE}}{{UNIT}};',
     872                    '{{WRAPPER}} '.$selector => 'width:{{SIZE}}{{UNIT}};',
    855873                ],
    856874
    … …  
    865883                'type' => Controls_Manager::SLIDER,
    866884                'selectors' => [
    867                     '{{WRAPPER}} '.$selector => 'width:{{SIZE}}{{UNIT}};height:{{SIZE}}{{UNIT}};',
     885                    '{{WRAPPER}} '.$selector => 'height:{{SIZE}}{{UNIT}};',
    868886                ],
    869887

  • the-pack-addon/trunk/includes/widgets/element/blob/index.php

    r3368757 r3401919  
    5353            [
    5454                'label' => esc_html__('Width', 'the-pack-addon'),
    55                 'type' => Controls_Manager::SLIDER,                   
     55                'type' => Controls_Manager::SLIDER, 
     56                'size_units' => ['px', '%'],                 
    5657                'range' => [
    5758                    'px' => [
    5859                        'max' => 1000,   
    5960                    ]
    60                 ],
     61                ], 
    6162                'selectors' => [
    6263                    '{{WRAPPER}} .tp-blob' => 'width: {{SIZE}}{{UNIT}};',
    … …  
    6970            [
    7071                'label' => esc_html__('Height', 'the-pack-addon'),
    71                 'type' => Controls_Manager::SLIDER,                   
     72                'type' => Controls_Manager::SLIDER, 
     73                'size_units' => ['px', '%'],                 
    7274                'range' => [
    7375                    'px' => [

  • the-pack-addon/trunk/includes/widgets/element/hover_background/index.php

    r3281386 r3401919  
    169169            [
    170170                'label' => esc_html__('Padding', 'the-pack-addon'),
     171                'type' => Controls_Manager::DIMENSIONS,
     172                'size_units' => ['px', '%', 'vh'],
     173                'selectors' => [
     174                    '{{WRAPPER}} .bari_assex_slider' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     175                ],
     176            ]
     177        );
     178
     179        $this->add_responsive_control(
     180            'wrpwidt',
     181            [
     182                'label' => esc_html__('Height', 'the-pack-addon'),
    171183                'type' => Controls_Manager::SLIDER,
    172184                'range' => [
    … …  
    179191                'size_units' => ['px', '%', 'vh'],
    180192                'selectors' => [
    181                     '{{WRAPPER}} .bari_assex_slider' => 'padding: {{SIZE}}{{UNIT}} 0px;',
    182                 ],
    183 
    184             ]
    185         );
    186 
    187         $this->add_responsive_control(
    188             'wrpwidt',
    189             [
    190                 'label' => esc_html__('Height', 'the-pack-addon'),
    191                 'type' => Controls_Manager::SLIDER,
    192                 'range' => [
    193                     'px' => [
    194                         'min' => 0,
    195                         'max' => 1500,
    196                         'step' => 1,
    197                     ]
    198                 ],
    199                 'size_units' => ['px', '%', 'vh'],
    200                 'selectors' => [
    201                     '{{WRAPPER}} .bari_assex_slider' => 'height: {{SIZE}}{{UNIT}};',
     193                    '{{WRAPPER}} .bari_assex_slider' => 'min-height: {{SIZE}}{{UNIT}};',
    202194                ],
    203195
    … …  
    257249                'type' => Controls_Manager::COLOR,
    258250                'selectors' => [
    259                     '{{WRAPPER}} .post-content' => 'border-color: {{VALUE}};',
    260251                    '{{WRAPPER}} .title,{{WRAPPER}} .cat' => 'color: {{VALUE}};',
    261252                ],
    … …  
    269260                'type' => Controls_Manager::COLOR,
    270261                'selectors' => [
    271                     '{{WRAPPER}} .post-content:hover,{{WRAPPER}} .post-item.active .post-content' => 'border-color: {{VALUE}};background: {{VALUE}};',
    272                 ],
    273             ]
    274         );
    275 
     262                    '{{WRAPPER}} .post-content:hover,{{WRAPPER}} .post-item.active .post-content' => 'background: {{VALUE}};',
     263                ],
     264            ]
     265        );
     266
     267        $this->add_control(
     268            'bdclr',
     269            [
     270                'label' => esc_html__('Border color', 'the-pack-addon'),
     271                'type' => Controls_Manager::COLOR,
     272                'selectors' => [
     273                    '{{WRAPPER}} .post-content' => 'border:1px solid {{VALUE}};',
     274                ],
     275            ]
     276        );
     277        $this->add_responsive_control(
     278            'gbrade',   
     279            [
     280                'label' => esc_html__('Border radius', 'the-pack-addon'),
     281                'type' => Controls_Manager::SLIDER,                   
     282                'selectors' => [
     283                    '{{WRAPPER}} .post-content' => 'border-radius: {{SIZE}}{{UNIT}};overflow: hidden;',
     284                ],
     285            ]
     286        );
    276287        $this->add_responsive_control(
    277288            'itmmxh',
    … …  
    300311                'type' => Controls_Manager::DIMENSIONS,
    301312                'size_units' => ['px', 'em'],
    302                 /*'allowed_dimensions'=>['left','right'],*/
    303313                'selectors' => [
    304314                    '{{WRAPPER}} .post-content' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
    … …  
    306316            ]
    307317        );
    308 
     318        $this->add_responsive_control(
     319            'tpbdgf',
     320            [
     321                'label' => esc_html__('Backdrop blur', 'the-pack-addon'),
     322                'type' => Controls_Manager::SLIDER,
     323                'selectors' => [
     324                    '{{WRAPPER}} .post-content:hover,{{WRAPPER}} .post-item.active .post-content' => 'backdrop-filter:blur({{SIZE}}{{UNIT}});-webkit-backdrop-filter:blur({{SIZE}}{{UNIT}});',
     325                ],
     326            ]
     327        );
    309328        $this->end_controls_section();
    310329

  • the-pack-addon/trunk/includes/widgets/element/hover_background/style.css

    r2734104 r3401919  
    99    background: #00000096;
    1010}
    11 
     11.overlay-on .bari_assex_slider .post-content{
     12    z-index: 0;
     13}
    1214.assex-wrap {
    1315    margin: 0px auto;
    … …  
    8991    height: 100%;
    9092    background-size: cover;
    91     background-position: center;
     93    background-position: center center;
    9294    opacity: 0;
    9395    -webkit-transition: all .5s ease;

  • the-pack-addon/trunk/includes/widgets/element/hover_background/view.php

    r3320280 r3401919  
    1616        $fcls = '';
    1717    }
    18     $img = $a['bg'] ? 'style="background-image:url(' . $a['bg']['url'] . ')"' : '';
     18
     19    $img = thepack_bg_images($a['bg']['id'], 'full');
    1920    $title = $a['title'] ? '<h2 class="title">' . $a['title'] . '</h2>' : '';
    2021    $cat = $a['cat'] ? '<span class="cat">' . $a['cat'] . '</span>' : '';
    … …  
    2425    $out .= '
    2526        <div class="post-item ' . $fcls . '">
    26             <div class="slider-bg"><div class="inner"><div ' . $img . ' class="wrap"></div></div></div>
     27            <div class="slider-bg"><div class="inner"><div ' . $img . ' class="wrap lazyload"></div></div></div>
    2728            <a ' . $target . ' href="' . $url . '">
    2829                <div class="post-content">

  • the-pack-addon/trunk/includes/widgets/element/opening_hours/index.php

    r3368757 r3401919  
    134134                    'px' => [
    135135                        'max' => 500,
    136                         'min' => 1,
    137                         'step' => 1,
    138136                    ]
    139137                ],
    … …  
    155153                'selectors' => [
    156154                    '{{WRAPPER}} li:not(:last-child)' => 'margin-bottom: {{SIZE}}{{UNIT}};padding-bottom: {{SIZE}}{{UNIT}};',
     155                ],
     156
     157            ]
     158        );
     159
     160        $this->add_responsive_control(
     161            'fgpd',
     162            [
     163                'label' => esc_html__('Gap', 'the-pack-addon'),
     164                'type' => Controls_Manager::SLIDER,
     165                'selectors' => [
     166                    '{{WRAPPER}} li' => 'gap: {{SIZE}}{{UNIT}};',
    157167                ],
    158168

  • the-pack-addon/trunk/includes/widgets/element/tab/index.php

    r3368757 r3401919  
    11<?php
    22namespace ThePackAddon\Widgets;
     3use Elementor\Plugin;
    34use Elementor\Widget_Base;
    45use Elementor\Controls_Manager;
    56use Elementor\Group_Control_Typography;
    67use Elementor\Group_Control_Border;
    7 use Elementor\Group_Control_Background;
    8 use Elementor\Group_Control_Box_Shadow;
    9 use Elementor\utils;
    108
    119if (!defined('ABSPATH')) {
    … …  
    6664
    6765        $repeater->add_control(
     66            'pre',
     67            [
     68                'type' => Controls_Manager::TEXT,
     69                'label_block' => true,
     70                'label' => esc_html__('Pre title', 'the-pack-addon'),
     71            ]
     72        );
     73
     74        $repeater->add_control(
    6875            'title',
    6976            [
    … …  
    183190                'tab' => Controls_Manager::TAB_STYLE,
    184191            ]
    185         );
     192        ); 
    186193        $this->add_responsive_control(
    187194            'fwhd',
    … …  
    195202        );
    196203        do_action('the_pack_flex', $this,'tt_','.tab-area',['']);
     204
     205         $this->add_control(
     206            'tgv_bg',
     207            [
     208                'label' => esc_html__('Background', 'the-pack-addon'),
     209                'type' => Controls_Manager::COLOR,
     210                'selectors' => [
     211                    '{{WRAPPER}} .tab-area' => 'background: {{VALUE}};',
     212                ],
     213            ]
     214        );
     215        $this->add_responsive_control(
     216            'tgvpad',
     217            [
     218                'label' => esc_html__('Padding', 'the-pack-addon'),
     219                'type' => Controls_Manager::DIMENSIONS,
     220                'selectors' => [
     221                    '{{WRAPPER}} .tab-area' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     222                ],
     223            ]
     224        );
     225        $this->add_responsive_control(
     226            'tgvbrd',
     227            [
     228                'label' => esc_html__('Border radius', 'the-pack-addon'),
     229                'type' => Controls_Manager::SLIDER,
     230                'selectors' => [
     231                    '{{WRAPPER}} .tab-area' => 'border-radius: {{SIZE}}{{UNIT}};',
     232                ],
     233
     234            ]
     235        );
     236
     237        $this->end_controls_section();
     238
     239        $this->start_controls_section(
     240            'section_pre',
     241            [
     242                'label' => esc_html__('Pre Title', 'the-pack-addon'),
     243                'tab' => Controls_Manager::TAB_STYLE,
     244            ]
     245        );
     246        $this->add_control(
     247            'preabs',
     248            [
     249                'label' => esc_html__('Absolute position', 'the-pack-addon'),
     250                'type' => Controls_Manager::SWITCHER,
     251                'return_value'=>'preabs',
     252            ]
     253        );
     254        $this->add_responsive_control(
     255            'prevp',
     256            [
     257                'label' => esc_html__('Vertical position', 'the-pack-addon'),
     258                'type' => Controls_Manager::SLIDER,
     259                'range' => [
     260                    'px' => [
     261                        'min' => -200,
     262                        'max' => 200,
     263                    ],
     264                ],
     265            'condition' => [
     266                'preabs' => 'preabs',
     267            ],                                 
     268                'selectors' => [
     269                    '{{WRAPPER}} .tab-area .pre' => 'top: {{SIZE}}{{UNIT}};',
     270                ],
     271            ]
     272        );
     273
     274        do_action('the_pack_typo', $this,'pref_','.tab-area .pre',['bg','width','padding','radius','border']);
    197275
    198276        $this->end_controls_section();
    … …  
    212290                'size_units' => ['em', 'px'],
    213291                'selectors' => [
    214                     '{{WRAPPER}} li' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
    215                 ],
     292                    '{{WRAPPER}} .tab-area>li' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     293                ],
     294            ]
     295        );
     296        $this->add_group_control(
     297            Group_Control_Typography::get_type(),
     298            [
     299                'name' => 'bgz_ty',
     300                'label' => esc_html__('Typography', 'the-pack-addon'),
     301                'selector' => '{{WRAPPER}} .tab-area>li',
     302            ]
     303        );       
     304        $this->add_responsive_control(
     305            'bgzrd',
     306            [
     307                'label' => esc_html__('Border radius', 'the-pack-addon'),
     308                'type' => Controls_Manager::SLIDER,
     309                'selectors' => [
     310                    '{{WRAPPER}} .tab-area>li' => 'border-radius: {{SIZE}}{{UNIT}};',
     311                ],
     312
    216313            ]
    217314        );
    … …  
    232329                'type' => Controls_Manager::COLOR,
    233330                'selectors' => [
    234                     '{{WRAPPER}} li' => 'background: {{VALUE}};',
    235                 ],
    236             ]
    237         );
     331                    '{{WRAPPER}} .tab-area>li' => 'background: {{VALUE}};',
     332                ],
     333            ]
     334        );
     335        $this->add_control(
     336            'ntklr',
     337            [
     338                'label' => esc_html__('Color', 'the-pack-addon'),
     339                'type' => Controls_Manager::COLOR,
     340                'selectors' => [
     341                    '{{WRAPPER}} .tab-area>li' => 'color: {{VALUE}};',
     342                ],
     343            ]
     344        );       
    238345        $this->add_group_control(
    239346            Group_Control_Border::get_type(),
    … …  
    241348                'name' => 'nabdr',
    242349                'label' => esc_html__('Border', 'the-pack-addon'),
    243                 'selector' => '{{WRAPPER}} li',
     350                'selector' => '{{WRAPPER}} .tab-area>li',
    244351            ]
    245352        );       
    … …  
    258365                'type' => Controls_Manager::COLOR,
    259366                'selectors' => [
    260                     '{{WRAPPER}} li.active' => 'background: {{VALUE}};',
    261                 ],
    262             ]
    263         );
     367                    '{{WRAPPER}} .tab-area>li.active' => 'background: {{VALUE}};',
     368                ],
     369            ]
     370        );
     371        $this->add_control(
     372            'ntkalr',
     373            [
     374                'label' => esc_html__('Color', 'the-pack-addon'),
     375                'type' => Controls_Manager::COLOR,
     376                'selectors' => [
     377                    '{{WRAPPER}} .tab-area>li.active' => 'color: {{VALUE}};',
     378                ],
     379            ]
     380        );
     381
    264382        $this->add_group_control(
    265383            Group_Control_Border::get_type(),
    … …  
    267385                'name' => 'ntr',
    268386                'label' => esc_html__('Border', 'the-pack-addon'),
    269                 'selector' => '{{WRAPPER}} li.active',
     387                'selector' => '{{WRAPPER}} .tab-area>li.active',
    270388            ]
    271389        );       
    … …  
    275393
    276394        $this->end_controls_section();
    277 
    278395
    279396        $this->start_controls_section(
    … …  
    384501        require dirname(__FILE__) . '/view.php';
    385502    }
    386 
     503 
    387504    private function icon_image($icon)
    388505    {
    389506        $type = $icon['type'];
    390507        if ($type == 'template') {
    391             return do_shortcode('[THEPACK_INSERT_TPL id="' . $icon['template'] . '"]');
    392             ;
     508            return Plugin::instance()->frontend->get_builder_content_for_display($icon['template']);
    393509        } else {
    394510            return $icon['content'];

  • the-pack-addon/trunk/includes/widgets/element/tab/style.css

    r3368757 r3401919  
    1 
    2   .tp-tab-1 .tab-area {
     1.tp-tab-1 .tab-area {
    32    margin: 0;
    43    padding: 0;
    … …  
    76.tp-tab-1 .tab-area li {
    87    cursor: pointer;
     8    position: relative;
    99}
    1010
    … …  
    1212    display: none;
    1313}
    14  
     14
    1515.tp-tab-1 .tab-content.active {
    1616    display: block;
    … …  
    2929}
    3030
     31.tp-tab-1.preabs .pre {
     32    position: absolute;
     33    left: 50%;
     34    transform: translateX(-50%);
     35}

  • the-pack-addon/trunk/includes/widgets/element/tab/view.php

    r3368757 r3401919  
    33foreach ($settings['tabs'] as $a) {
    44    $icon = the_pack_render_icon($a['icon'], 'actikn');
    5     $label .= '<li class="tp-flex-equal tbtr">'.$icon.'<span>' . $a['title'] . '</span></li>';
     5    $pre = thepack_build_html($a['pre'],'span','pre');
     6    $label .= '<li class="tbtr">'.$pre.'<div class="tp-flex-equal">'.$icon.'<span>' . $a['title'] . '</span></div></li>';
    67    $content .= '<div class="tab-content">' . $this->icon_image($a) . '</div>';
    78}
    8 ?>
    9 <div class="tp-tab tp-tab-1 tp-flex-equal <?php echo esc_attr($settings['style']); ?>">
    10     <ul class="tab-area tp-flex-equal">
    11     <?php //phpcs:disable WordPress.Security.EscapeOutput.OutputNotEscaped ?>
    12         <?php echo thepack_build_html($label); ?>
     9$cls = $settings['style'].' '.$settings['preabs'];
     10?>
     11<div class="tp-tab tp-tab-1 tp-flex-equal <?php echo esc_attr($cls);?>">
     12    <ul class="tab-area tp-flex-equal raw-style">
     13      <?php //phpcs:disable WordPress.Security.EscapeOutput.OutputNotEscaped ?>
     14          <?php echo thepack_build_html($label); ?>
    1315    </ul>
    1416    <div class="tab-wrap">
    15     <?php //phpcs:disable WordPress.Security.EscapeOutput.OutputNotEscaped ?> 
    16         <?php echo thepack_build_html($content); ?>
     17      <?php //phpcs:disable WordPress.Security.EscapeOutput.OutputNotEscaped ?> 
     18          <?php echo thepack_build_html($content); ?>
    1719    </div>
    1820</div>

  • the-pack-addon/trunk/includes/widgets/element/team_1/index.php

    r3371551 r3401919  
    11<?php
    22namespace ThePackAddon\Widgets;
    3 
    43use Elementor\Widget_Base;
    54use Elementor\Controls_Manager;
    6 use Elementor\Group_Control_Typography;
    7 use Elementor\Group_Control_Background;
    8 use Elementor\Group_Control_Box_Shadow;
    95use Elementor\utils;
    106
    … …  
    360356            ]
    361357        );
     358        $this->add_responsive_control(
     359            'obrfdc',
     360            [
     361                'label' => esc_html__('Icon size', 'the-pack-addon'),
     362                'type' => Controls_Manager::SLIDER,
     363                'selectors' => [
     364                    '{{WRAPPER}} .social a' => 'font-size: {{SIZE}}{{UNIT}};',
     365                ],
     366            ]
     367        );
     368
    362369        $this->add_control(
    363370            'xf_bg',

  • the-pack-addon/trunk/includes/widgets/theme/post_content/index.php

    r3190823 r3401919  
    3434    protected function register_controls()
    3535    {
    36         $this->start_controls_section(
     36        $this->start_controls_section( 
    3737            'section_cont',
    3838            [
    3939                'label' => esc_html__('Content', 'the-pack-addon'),
    40                 'tab' => Controls_Manager::TAB_STYLE,
    4140            ]
    4241        );
    … …  
    260259
    261260        $this->end_controls_section();
     261
     262        $this->start_controls_section(
     263            'section_list',
     264            [
     265                'label' =>   esc_html__('Lists', 'news-element'),
     266                'tab' => Controls_Manager::TAB_STYLE,
     267            ]
     268        );
     269
     270        $this->add_control(
     271            'uliklg',
     272            [
     273                'label' => esc_html__('Color', 'the-pack-addon'),
     274                'type' => Controls_Manager::COLOR,
     275                'selectors' => [
     276                    '{{WRAPPER}} .wp-block-list li' => 'color: {{VALUE}};',
     277                ],
     278            ]
     279        );
     280
     281        $this->add_group_control(
     282            Group_Control_Typography::get_type(),
     283            [
     284                'name' => 'uli_typo',
     285                'selector' => '{{WRAPPER}} .wp-block-list li',
     286                'label' => esc_html__('Typography', 'the-pack-addon'),
     287            ]
     288        );
     289        $this->add_responsive_control(
     290            'uli-pad',
     291            [
     292                'label' => esc_html__('Padding', 'the-pack-addon'),
     293                'type' => Controls_Manager::DIMENSIONS,
     294                'selectors' => [
     295                    '{{WRAPPER}} .wp-block-list' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     296                ],
     297            ]
     298        );
     299        $this->add_responsive_control(
     300            'uligp',   
     301            [
     302                'label' => esc_html__('Gap', 'the-pack-addon'),
     303                'type' => Controls_Manager::SLIDER,                   
     304                'selectors' => [
     305                    '{{WRAPPER}} .wp-block-list' => 'gap: {{SIZE}}{{UNIT}};',
     306                ],
     307            ]
     308        );
     309
     310        $this->end_controls_section();
     311
     312        $this->start_controls_section(
     313            'section_img',
     314            [
     315                'label' =>   esc_html__('Image', 'news-element'),
     316                'tab' => Controls_Manager::TAB_STYLE,
     317            ]
     318        );
     319
     320        $this->start_controls_tabs('maling');
     321
     322        $this->start_controls_tab(
     323            'img1',
     324            [
     325                'label' => esc_html__( 'Left', 'news-element' ),
     326            ]
     327        );
     328
     329        $this->add_responsive_control(
     330            'img1-mr',
     331            [
     332                'label' =>   esc_html__('Margin', 'news-element'),
     333                'type' => Controls_Manager::DIMENSIONS,
     334                'size_units' => ['px', 'em'],
     335                'selectors' => [
     336                    '{{WRAPPER}} .wp-block-image .alignleft' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     337                ]
     338            ]
     339        );
     340
     341        $this->end_controls_tab();
     342
     343        $this->start_controls_tab(
     344            'img2',
     345            [
     346                'label' => esc_html__( 'Center', 'news-element' ),
     347            ]
     348        );
     349
     350        $this->add_responsive_control(
     351            'img2-mr',
     352            [
     353                'label' =>   esc_html__('Margin', 'news-element'),
     354                'type' => Controls_Manager::DIMENSIONS,
     355                'size_units' => ['px', 'em'],
     356                'selectors' => [
     357                    '{{WRAPPER}} .wp-block-image .aligncenter' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     358                ]
     359            ]
     360        );
     361
     362        $this->end_controls_tab();
     363
     364        $this->start_controls_tab(
     365            'img3',
     366            [
     367                'label' => esc_html__( 'Right', 'news-element' ),
     368            ]
     369        );
     370
     371        $this->add_responsive_control(
     372            'img3-mr',
     373            [
     374                'label' =>   esc_html__('Margin', 'news-element'),
     375                'type' => Controls_Manager::DIMENSIONS,
     376                'size_units' => ['px', 'em'],
     377                'selectors' => [
     378                    '{{WRAPPER}} .wp-block-image .alignright' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     379                ]
     380            ]
     381        );
     382
     383        $this->end_controls_tab();
     384
     385        $this->end_controls_tabs();
     386
     387        $this->end_controls_section();
     388
    262389    }
    263390

  • the-pack-addon/trunk/includes/widgets/woocommerce/woo-category/index.php

    r3368757 r3401919  
    5858            [
    5959                'label' => esc_html__('Taxonomy terms', 'the-pack-addon'),
    60                 'type' => Controls_Manager::SELECT2,
     60                'type' => Controls_Manager::SELECT2, 
    6161                'options' => thepack_drop_cat(),
    6262                'multiple' => true,

  • the-pack-addon/trunk/index.php

    r3368757 r3401919  
    115115            add_action('init', [$this, 'init']);
    116116            add_action( 'plugin_action_links_'. plugin_basename( __FILE__ ), array( $this, 'my_plugin_action_links' ), 10 );
     117
     118            add_action( 'elementor/elements/elements_registered', [ $this, 'elements_registered' ] );
     119        }
     120
     121        public function elements_registered($el_manager){
     122            require_once THE_PACK_PLUGIN_DIR . 'includes/extension/inc/raw-container.php';
     123            $el_manager->register_element_type( new \Elementor\Includes\Elements\The_Pack_Container() );
    117124        }
    118125
Note: See TracChangeset for help on using the changeset viewer.