WordPress.org
Get WordPress

Plugin Directory

Changeset 3432036


Ignore:
Timestamp:
01/04/2026 10:06:38 AM (3 months ago)
Author:
rstheme2017
Message:

Version 1.0.3 released

Location:
ultimate-tag-cloud
Files:
44 added
6 edited

Legend:

Unmodified
Added
Removed

  • ultimate-tag-cloud/trunk/README.md

    r3371846 r3432036  
    77**Contributors:** rstheme2017, rubrash
    88**Tags:** categories, Elementor, tag, tag cloud, taxonomy 
    9 **Version:** 1.0.2
     9**Version:** 1.0.3
    1010**License:** GPLv2 or later 
    1111**License URI:** http://www.gnu.org/licenses/gpl-2.0.html 
    12 **Stable tag:** 1.0.2 
    13 **Tested up to:** 6.8
     12**Stable tag:** 1.0.3 
     13**Tested up to:** 6.9
    1414**Requires PHP:** 7.4 
    1515**Requires at least:** 6.3 
    1616
    17 Ultimate Tag Cloud enhances tag display with dynamic loading, custom addons, Elementor integration, and stylish layouts for better taxonomy organization.
     17Ultimate Tag Cloud enhances tag display with dynamic loading, Elementor integration, and stylish layouts for better taxonomy organization.
    1818
    1919## Description ##
    … …  
    2929### What makes it special? ### 
    3030
    31 - 💡 **6 Unique Layouts** – Choose from a variety of layout types to best match your theme or use case. 
     31- 💡  **Grid & Slider Layouts Included** – Display your tag cloud in clean grid layouts or engaging sliders for better visual impact.
     32- 💡  **6 Unique Layouts** – Choose from a variety of layout types to best match your theme or use case. 
    3233- 🎨 **18 Predefined Styles** – Easily switch between professional designs for your tag cloud with one click. 
    3334- ⚙️ **Elementor Addon Included** – Full integration with Elementor, including a dedicated addon to display tags and categories. 
    … …  
    4142### 🔥 You may like other plugins from RSTheme:
    4243
    43 **[Ultimate Coming Soon & Maintenance](https://wordpress.org/plugins/ultimate-coming-soon/advanced/)** - Best Coming Soon, Under Construction, Maintenance Mode, and Landing Page for your website get advanced features for free.
     44**[Fancy Post Grid – Ultimate Post Grid Builder](https://wordpress.org/plugins/fancy-post-grid/)** - Fancy Post Grid is a stylish and versatile WordPress plugin that helps you display your posts in 100+ stunning layouts — perfect for modern blogs, magazines, portfolios, or eCommerce sites.
     45
     46**[Ultimate Coming Soon & Maintenance](https://wordpress.org/plugins/ultimate-coming-soon/)** - Best Coming Soon, Under Construction, Maintenance Mode, and Landing Page for your website get advanced features for free.
     47
    4448**[RSElements Addon For Elementor](https://wordpress.org/plugins/rselements-lite/)** - RSElements Addon is a collection of powerful widgets that works perfectly with Elementor page builder.
    4549
    … …  
    5458## Features ##
    5559
    56 - **6 Built-In Layouts** – Including grid, list, circle, cloud, and more. 
     60- **Built-in Layouts** – Including grid, slider, list, and more. 
    5761- **18 Stylish Presets** – A variety of tag styles and animations ready to use. 
    5862- **Elementor Integration** – Comes with a native Elementor widget for drag-and-drop tag clouds. 
    … …  
    106110## Changelog ##
    107111
     112= 1.0.3 - 4-1-2026 =
     113* Tag Slider Added
     114* Swiper slider support added
     115
     116= 1.0.2 - 2-10-2025 =
     117
     118* Bug Fixes
     119
    108120= 1.0.1 - 26-08-2025 =
    109121

  • ultimate-tag-cloud/trunk/base.php

    r3267731 r3432036  
    1818
    1919    public function ultimate_tag_cloud_init() {
     20        add_action( 'elementor/elements/categories_registered', [ $this, 'ultimate_tag_cloud_register_elementor_category' ] );
    2021        add_action( 'elementor/editor/after_enqueue_styles', [ $this, 'ultimate_tag_cloud_elementor_editor_css' ] );
    21         add_action( 'elementor/elements/categories_registered', [ $this, 'ultimate_tag_cloud_register_elementor_category' ] );
     22        add_action( 'wp_enqueue_scripts', [ $this, 'ultimate_tag_cloud_dependency' ] );
     23        add_action( 'elementor/frontend/after_register_scripts', [ $this, 'ultimate_tag_cloud_el_editor_scripts' ] );
    2224        add_action( 'wp_enqueue_scripts', [ $this, 'ultimate_tag_cloud_enqueue_style' ] );
    2325        add_action( 'elementor/widgets/widgets_registered', [ $this, 'ultimate_tag_cloud_register_elementor_widget' ] );
    … …  
    3335            ]
    3436        );
     37    }
     38
     39    // Swiper Bundle
     40    public function ultimate_tag_cloud_dependency(){
     41        wp_enqueue_script('jquery');
     42        wp_enqueue_style('remixicon', ULTIMATE_TAG_CLOUD_DIR_URL.'/public/remixicon/style.css', [], ULTIMATE_TAG_CLOUD_VERSION, 'all');
     43        wp_enqueue_style('rs-swiper', ULTIMATE_TAG_CLOUD_DIR_URL.'/public/swiper-bundle.min.css', [], ULTIMATE_TAG_CLOUD_VERSION, 'all');
     44        wp_enqueue_script('rs-swiper', ULTIMATE_TAG_CLOUD_DIR_URL.'public/swiper-bundle.min.js', ['jquery'], ULTIMATE_TAG_CLOUD_VERSION, true);
     45    }
     46
     47    // Editor Js
     48    public function ultimate_tag_cloud_el_editor_scripts () {
     49        wp_enqueue_script( 'ultimate-tag-cloud-el-frontend-editor-js', ULTIMATE_TAG_CLOUD_DIR_URL.'admin/assets/js/frontend-el.js', ['jquery'], ULTIMATE_TAG_CLOUD_VERSION, true);
    3550    }
    3651

  • ultimate-tag-cloud/trunk/ultimate-tag-cloud.php

    r3371846 r3432036  
    55* Plugin URI:        https://wordpress.org/plugins/ultimate-tag-cloud/
    66* Description:       Ultimate Tag Cloud created by RSTheme
    7 * Version:           1.0.2
     7* Version:           1.0.3
    88* Requires at least: 6.3
    99* Requires PHP:      7.4
    … …  
    1414* License:           GPLv2 or later
    1515* License URI:       http://www.gnu.org/licenses/gpl-2.0.html
     16* Requires Plugins:  elementor
    1617*/
    1718
    … …  
    2223define( 'ULTIMATE_TAG_CLOUD_DIR_PATH', plugin_dir_path(__FILE__));
    2324define( 'ULTIMATE_TAG_CLOUD_DIR_URL', plugin_dir_url(__FILE__));
    24 define( 'ULTIMATE_TAG_CLOUD_VERSION', '1.0.2' );
    25 
    26 // Load translation files
    27 function ultimate_tag_cloud_load_textdomain() {
    28     load_plugin_textdomain('ultimate-tag-cloud', false, dirname(plugin_basename(__FILE__)) . '/languages/');
    29 }
    30 add_action('plugins_loaded', 'ultimate_tag_cloud_load_textdomain');
     25define( 'ULTIMATE_TAG_CLOUD_VERSION', '1.0.3' );
    3126
    3227// Check if Elementor is active

  • ultimate-tag-cloud/trunk/widget/css/el-ultimate-tag-cloud.css

    r3267731 r3432036  
     1:root {
     2  --transition: all 0.3s ease 0s;
     3  --whiteColor: #ffffff;
     4  --primaryColor: #0073FF;
     5  --primaryFgColor: #ffffff;
     6  --secondaryColor: #171A1E;
     7  --secondaryFgColor: #ffffff;
     8  --bodyColor: #616C74;
     9  --titleColor: #121213;
     10  --borderColor: #E5E5E5;
     11  --shadeColor: #F8F8F9;
     12}
     13
    114.ultimate-tag-cloud-container .ultimate-tag-cloud-words {
    215  display: flex;
     16  align-items: center;
     17}
     18.ultimate-tag-cloud-container .ultimate-tag-cloud-words:not(.swiper-wrapper) {
    319  flex-wrap: wrap;
    420  gap: 15px;
    5   align-items: center;
    6 }
    7 .ultimate-tag-cloud-container .ultimate-tag-cloud-words .tag-word-wrap {
    8   position: relative;
    9 }
    10 .ultimate-tag-cloud-container .ultimate-tag-cloud-words .tag-word-wrap a {
     21}
     22.ultimate-tag-cloud-container .ultimate-tag-cloud-words:not(.swiper-wrapper) .tag-word-wrap {
     23  position: relative;
     24}
     25.ultimate-tag-cloud-container .ultimate-tag-cloud-words:not(.swiper-wrapper) .tag-word-wrap a {
    1126  display: block;
    1227  position: relative;
    13   transition: all 0.3s ease;
    14 }
    15 .ultimate-tag-cloud-container .ultimate-tag-cloud-words .tag-word-wrap:not(.rand-color) {
     28  transition: var(--transition);
     29}
     30.ultimate-tag-cloud-container .ultimate-tag-cloud-words:not(.swiper-wrapper) .tag-word-wrap:not(.rand-color) {
    1631  --colorNormal: 104, 177, 222;
    1732  --colorHigh: 8, 115, 180;
    1833}
    19 .ultimate-tag-cloud-container .ultimate-tag-cloud-words .tag-word-wrap:not(.rand-size) {
     34.ultimate-tag-cloud-container .ultimate-tag-cloud-words:not(.swiper-wrapper) .tag-word-wrap:not(.rand-size) {
    2035  --randSize: 16px;
     36}
     37.ultimate-tag-cloud-container .ultimate-tag-cloud-words .swiper-slide a {
     38  width: 100%;
     39  height: 100%;
    2140}
    2241.ultimate-tag-cloud-container.style-default .ultimate-tag-cloud-words .tag-word-wrap a {
    … …  
    4463.ultimate-tag-cloud-container.style-label .ultimate-tag-cloud-words .tag-word-wrap a {
    4564  padding: 7px 13px 7px 30px;
    46   transition: all 0.3s ease;
     65  transition: var(--transition);
    4766  background-color: rgba(var(--colorNormal), 0.2);
    4867  color: rgb(var(--colorHigh));
    … …  
    6887.ultimate-tag-cloud-container.style-block .ultimate-tag-cloud-words .tag-word-wrap a {
    6988  padding: 5px 7px;
    70   transition: all 0.3s ease;
     89  transition: var(--transition);
    7190  background-color: rgba(var(--colorNormal), 0.2);
    7291  color: rgb(var(--colorHigh));
    … …  
    88107.ultimate-tag-cloud-container.style-ribbon .ultimate-tag-cloud-words .tag-word-wrap a {
    89108  padding: 10px 20px 10px 40px;
    90   transition: all 0.3s ease;
     109  transition: var(--transition);
    91110  background-color: rgba(var(--colorNormal), 0.7);
    92111  color: rgb(var(--colorHigh));
    … …  
    135154  border-radius: 0 100px 100px 0;
    136155}
     156
     157.ultimate-tag-cloud .swiper {
     158  width: 100%;
     159  height: 100%;
     160  position: relative;
     161}
     162.ultimate-tag-cloud .swiper.swiper-vertical .swiper-wrapper {
     163  height: 100% !important;
     164}
     165.ultimate-tag-cloud .swiper-wrapper {
     166  padding-bottom: 30px;
     167}
     168.ultimate-tag-cloud .swiper-pagination {
     169  text-align: center;
     170  bottom: 0 !important;
     171  line-height: 1;
     172}
     173.ultimate-tag-cloud .swiper-pagination .swiper-pagination-bullet {
     174  width: 15px;
     175  height: 15px;
     176  display: inline-block;
     177  font-size: 0;
     178  line-height: unset;
     179  padding: unset;
     180  outline: none;
     181  background: transparent;
     182  border: 1px solid var(--borderColor);
     183  transition: all 0.3s ease-in;
     184  -webkit-transition: all 0.3s ease-in;
     185  border-radius: 15px;
     186  opacity: 1;
     187}
     188.ultimate-tag-cloud .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
     189  background: var(--primaryColor);
     190  border-color: var(--primaryColor);
     191}
     192.ultimate-tag-cloud .swiper-pagination.swiper-pagination-progressbar {
     193  overflow: hidden;
     194}
     195.ultimate-tag-cloud .swiper-pagination.swiper-pagination-custom, .ultimate-tag-cloud .swiper-pagination.swiper-pagination-fraction {
     196  pointer-events: none;
     197}
     198.ultimate-tag-cloud.swiper-dots-2 .swiper-pagination .swiper-pagination-bullet {
     199  width: 30px;
     200  height: 30px;
     201  position: relative;
     202  border: 1px solid transparent;
     203  background: transparent;
     204  transition: all 0.3s ease 0s;
     205}
     206.ultimate-tag-cloud.swiper-dots-2 .swiper-pagination .swiper-pagination-bullet:after {
     207  content: "";
     208  width: 10px;
     209  height: 10px;
     210  border-radius: 50%;
     211  background: var(--titleColor);
     212  position: absolute;
     213  left: 50%;
     214  top: 50%;
     215  transform: translate(-50%, -50%);
     216  transition: all 0.3s ease 0s;
     217}
     218.ultimate-tag-cloud.swiper-dots-2 .swiper-pagination .swiper-pagination-bullet:hover, .ultimate-tag-cloud.swiper-dots-2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
     219  border-color: var(--primaryColor);
     220}
     221.ultimate-tag-cloud.swiper-dots-2 .swiper-pagination .swiper-pagination-bullet:hover:after, .ultimate-tag-cloud.swiper-dots-2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
     222  background: var(--primaryColor);
     223}
     224.ultimate-tag-cloud .swiper-button-next,
     225.ultimate-tag-cloud .swiper-button-prev {
     226  position: absolute;
     227  transition: all 0.3s ease 0s;
     228  z-index: 9;
     229  font-size: 0;
     230  display: flex;
     231  align-items: center;
     232  justify-content: center;
     233  padding: 0;
     234  color: var(--primaryColor);
     235  width: 50px;
     236  height: 50px;
     237  border: 1px solid var(--primaryColor);
     238  transition: var(--transition);
     239  border-radius: 50%;
     240  top: 50%;
     241  transform: translateY(-50%);
     242  margin: 0;
     243  outline: none !important;
     244}
     245.ultimate-tag-cloud .swiper-button-next:after,
     246.ultimate-tag-cloud .swiper-button-prev:after {
     247  font-family: "remixicon" !important;
     248  line-height: 50px;
     249  font-size: 18px;
     250  margin: 0;
     251  display: inline-block;
     252  text-align: center;
     253  color: inherit;
     254  opacity: 1 !important;
     255  line-height: normal !important;
     256  transition: var(--transition);
     257}
     258.ultimate-tag-cloud .swiper-button-next:hover,
     259.ultimate-tag-cloud .swiper-button-prev:hover {
     260  background: var(--primaryColor);
     261  border-color: var(--primaryColor);
     262  color: var(--titleColor);
     263}
     264.ultimate-tag-cloud .swiper-button-next:hover:after,
     265.ultimate-tag-cloud .swiper-button-prev:hover:after {
     266  color: var(--whiteColor);
     267}
     268.ultimate-tag-cloud .swiper-button-prev {
     269  left: 10px;
     270}
     271.ultimate-tag-cloud .swiper-button-prev:after {
     272  content: "\ea60";
     273}
     274.ultimate-tag-cloud .swiper-button-next {
     275  right: 10px;
     276}
     277.ultimate-tag-cloud .swiper-button-next:after {
     278  content: "\ea6c";
     279}
     280.ultimate-tag-cloud.nav-style-2 .swiper-btn-wrapper {
     281  position: relative;
     282  display: inline-flex;
     283  border: 1px solid var(--borderColor);
     284  border-radius: 100px;
     285  padding: 6px;
     286  gap: 10px;
     287  align-items: center;
     288  background: var(--shadeColor);
     289  z-index: 2;
     290}
     291.ultimate-tag-cloud.nav-style-2 .swiper-btn-wrapper .swiper-button-next,
     292.ultimate-tag-cloud.nav-style-2 .swiper-btn-wrapper .swiper-button-prev {
     293  position: unset;
     294  transform: unset;
     295}
     296.ultimate-tag-cloud.nav-icon-2 .swiper-button-prev::after {
     297  content: "\ea5f" !important;
     298}
     299.ultimate-tag-cloud.nav-icon-2 .swiper-button-next::after {
     300  content: "\ea6b" !important;
     301}
     302.ultimate-tag-cloud.nav-icon-3 .swiper-button-prev::after {
     303  content: "\f307" !important;
     304}
     305.ultimate-tag-cloud.nav-icon-3 .swiper-button-next::after {
     306  content: "\f309" !important;
     307}
     308.ultimate-tag-cloud.nav-icon-4 .swiper-button-prev::after {
     309  content: "\ea64" !important;
     310}
     311.ultimate-tag-cloud.nav-icon-4 .swiper-button-next::after {
     312  content: "\ea6e" !important;
     313}
     314.ultimate-tag-cloud.nav-icon-5 .swiper-button-prev::after {
     315  content: "\f493" !important;
     316}
     317.ultimate-tag-cloud.nav-icon-5 .swiper-button-next::after {
     318  content: "\f495" !important;
     319}
     320.ultimate-tag-cloud .autoplay-progress {
     321  position: absolute;
     322  right: 16px;
     323  bottom: 16px;
     324  z-index: 2;
     325  width: 48px;
     326  height: 48px;
     327  display: flex;
     328  align-items: center;
     329  justify-content: center;
     330  font-weight: bold;
     331  color: var(--primaryColor);
     332}
     333.ultimate-tag-cloud .autoplay-progress svg {
     334  --progress: 0;
     335  position: absolute;
     336  left: 0;
     337  top: 0px;
     338  z-index: 1;
     339  width: 100%;
     340  height: 100%;
     341  stroke-width: 2px;
     342  stroke: var(--primaryColor);
     343  fill: none;
     344  stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
     345  stroke-dasharray: 125.6;
     346  transform: rotate(-90deg);
     347}
     348.ultimate-tag-cloud .autoplay-progress svg circle.normal {
     349  stroke: #fff;
     350  stroke-dashoffset: 0 !important;
     351}
     352.ultimate-tag-cloud .autoplay-progress span {
     353  position: relative;
     354  z-index: 2;
     355}
     356.ultimate-tag-cloud .swiper-pagination-progressbar {
     357  background: #e7e5e5;
     358}
     359.ultimate-tag-cloud .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
     360  background: var(--primaryColor);
     361}
     362.ultimate-tag-cloud .swiper-pagination-progressbar.swiper-pagination-vertical {
     363  transform: scaleY(-1);
     364}
     365.ultimate-tag-cloud .swiper-scrollbar {
     366  background: #e7e5e5;
     367  cursor: pointer;
     368}
     369.ultimate-tag-cloud .swiper-scrollbar .swiper-scrollbar-drag {
     370  background: var(--primaryColor);
     371  cursor: grab;
     372}
     373.ultimate-tag-cloud .swiper-scrollbar .swiper-scrollbar-drag:active {
     374  cursor: grabbing;
     375}
     376.ultimate-tag-cloud .swiper-scrollbar.swiper-scrollbar-horizontal {
     377  width: 100%;
     378  left: 0;
     379  bottom: 0;
     380}
     381.ultimate-tag-cloud.effect-curve {
     382  overflow-x: clip;
     383}
     384.ultimate-tag-cloud.effect-curve .swiper {
     385  overflow: visible;
     386}
     387.ultimate-tag-cloud.effect-curve .swiper .swiper-wrapper {
     388  transition-timing-function: linear !important;
     389}

  • ultimate-tag-cloud/trunk/widget/css/el-ultimate-tag-cloud.scss

    r3267731 r3432036  
    11// Var
    2 
    3 $transition: all 0.3s ease;
     2:root {
     3    --transition: all 0.3s ease 0s;
     4    --whiteColor: #ffffff;
     5    --primaryColor: #0073FF;
     6    --primaryFgColor: #ffffff;
     7    --secondaryColor: #171A1E;
     8    --secondaryFgColor: #ffffff;
     9    --bodyColor: #616C74;
     10    --titleColor: #121213;
     11    --borderColor: #E5E5E5;
     12    --shadeColor: #F8F8F9;
     13}
     14$transition: var(--transition);
    415
    516// Style
    … …  
    718    .ultimate-tag-cloud-words {
    819        display: flex;
    9         flex-wrap: wrap;
    10         gap: 15px;
    1120        align-items: center;
    12         .tag-word-wrap {
    13             position: relative;
     21        &:not(.swiper-wrapper) {
     22            flex-wrap: wrap;
     23            gap: 15px;
     24            .tag-word-wrap {
     25                position: relative;
     26                a {
     27                    display: block;
     28                    position: relative;
     29                    transition: $transition;
     30                }
     31                &:not(.rand-color) {
     32                    --colorNormal: 104, 177, 222;
     33                    --colorHigh: 8, 115, 180;
     34                }
     35                &:not(.rand-size) {
     36                    --randSize: 16px;
     37                }
     38            }
     39        }
     40        .swiper-slide {
    1441            a {
    15                 display: block;
    16                 position: relative;
    17                 transition: $transition;
    18             }
    19             &:not(.rand-color) {
    20                 --colorNormal: 104, 177, 222;
    21                 --colorHigh: 8, 115, 180;
    22             }
    23             &:not(.rand-size) {
    24                 --randSize: 16px;
     42                width: 100%;
     43                height: 100%;
    2544            }
    2645        }
    … …  
    179198    }
    180199}
     200
     201// Slider Configuration
     202.ultimate-tag-cloud {
     203    .swiper {
     204        width: 100%;
     205        height: 100%;
     206        position: relative;
     207        &.swiper-vertical {
     208            .swiper-wrapper {
     209                height: 100% !important;
     210            }
     211        }
     212    }
     213    .swiper-wrapper {
     214        padding-bottom: 30px;
     215    }
     216    .swiper-pagination {
     217        text-align: center;
     218        bottom: 0 !important;
     219        line-height: 1;
     220        .swiper-pagination-bullet {
     221            width: 15px;
     222            height: 15px;
     223            display: inline-block;
     224            font-size: 0;
     225            line-height: unset;
     226            padding: unset;
     227            outline: none;
     228            background: transparent;
     229            border: 1px solid var(--borderColor);
     230            transition: all 0.3s ease-in;
     231            -webkit-transition: all 0.3s ease-in;
     232            border-radius: 15px;
     233            opacity: 1;
     234            &.swiper-pagination-bullet-active {
     235                background: var(--primaryColor);
     236                border-color: var(--primaryColor);
     237            }
     238        }
     239        &.swiper-pagination-progressbar {
     240            overflow: hidden;
     241        }
     242        &.swiper-pagination-custom,
     243        &.swiper-pagination-fraction {
     244            pointer-events: none;
     245        }
     246    }
     247    &.swiper-dots-2 {
     248        .swiper-pagination {
     249            .swiper-pagination-bullet {
     250                width: 30px;
     251                height: 30px;
     252                position: relative;
     253                border: 1px solid transparent;
     254                background: transparent;
     255                transition: all 0.3s ease 0s;
     256                &:after {
     257                    content: "";
     258                    width: 10px;
     259                    height: 10px;
     260                    border-radius: 50%;
     261                    background: var(--titleColor);
     262                    position: absolute;
     263                    left: 50%;
     264                    top: 50%;
     265                    transform: translate(-50%, -50%);
     266                    transition: all 0.3s ease 0s;
     267                }
     268                &:hover,
     269                &.swiper-pagination-bullet-active {
     270                    border-color: var(--primaryColor);
     271                    &:after {
     272                        background: var(--primaryColor);
     273                    }
     274                }
     275            }
     276        }
     277    }
     278    .swiper-button-next,
     279    .swiper-button-prev {
     280        position: absolute;
     281        transition: all 0.3s ease 0s;
     282        z-index: 9;
     283        font-size: 0;
     284        display: flex;
     285        align-items: center;
     286        justify-content: center;
     287        padding: 0;
     288        color: var(--primaryColor);
     289        width: 50px;
     290        height: 50px;
     291        border: 1px solid var(--primaryColor);
     292        transition: var(--transition);
     293        border-radius: 50%;
     294        top: 50%;
     295        transform: translateY(-50%);
     296        margin: 0;
     297        outline: none !important;
     298        &:after {
     299            font-family: "remixicon" !important;
     300            line-height: 50px;
     301            font-size: 18px;
     302            margin: 0;
     303            display: inline-block;
     304            text-align: center;
     305            color: inherit;
     306            opacity: 1 !important;
     307            line-height: normal !important;
     308            transition: var(--transition);
     309        }
     310        &:hover {
     311            background: var(--primaryColor);
     312            border-color: var(--primaryColor);
     313            color: var(--titleColor);
     314            &:after {
     315                color: var(--whiteColor);
     316            }
     317        }
     318    }
     319    .swiper-button-prev {
     320        left: 10px;
     321        &:after {
     322            content: "\ea60";
     323        }
     324    }
     325    .swiper-button-next {
     326        right: 10px;
     327        &:after {
     328            content: "\ea6c";
     329        }
     330    }
     331    &.nav-style-2 {
     332        .swiper-btn-wrapper {
     333            position: relative;
     334            display: inline-flex;
     335            border: 1px solid var(--borderColor);
     336            border-radius: 100px;
     337            padding: 6px;
     338            gap: 10px;
     339            align-items: center;
     340            background: var(--shadeColor);
     341            z-index: 2;
     342            .swiper-button-next,
     343            .swiper-button-prev {
     344                position: unset;
     345                transform: unset;
     346            }
     347        }
     348    }
     349    &.nav-icon-2 {
     350        .swiper-button-prev::after {
     351            content: "\ea5f" !important;
     352        }
     353        .swiper-button-next::after {
     354            content: "\ea6b" !important;
     355        }
     356    }
     357    &.nav-icon-3 {
     358        .swiper-button-prev::after {
     359            content: "\f307" !important;
     360        }
     361        .swiper-button-next::after {
     362            content: "\f309" !important;
     363        }
     364    }
     365    &.nav-icon-4 {
     366        .swiper-button-prev::after {
     367            content: "\ea64" !important;
     368        }
     369        .swiper-button-next::after {
     370            content: "\ea6e" !important;
     371        }
     372    }
     373    &.nav-icon-5 {
     374        .swiper-button-prev::after {
     375            content: "\f493" !important;
     376        }
     377        .swiper-button-next::after {
     378            content: "\f495" !important;
     379        }
     380    }
     381    .autoplay-progress {
     382        position: absolute;
     383        right: 16px;
     384        bottom: 16px;
     385        z-index: 2;
     386        width: 48px;
     387        height: 48px;
     388        display: flex;
     389        align-items: center;
     390        justify-content: center;
     391        font-weight: bold;
     392        color: var(--primaryColor);
     393        svg {
     394            --progress: 0;
     395            position: absolute;
     396            left: 0;
     397            top: 0px;
     398            z-index: 1;
     399            width: 100%;
     400            height: 100%;
     401            stroke-width: 2px;
     402            stroke: var(--primaryColor);
     403            fill: none;
     404            stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
     405            stroke-dasharray: 125.6;
     406            transform: rotate(-90deg);
     407            circle.normal {
     408                stroke: #fff;
     409                stroke-dashoffset: 0 !important;
     410            }
     411        }
     412        span {
     413            position: relative;
     414            z-index: 2;
     415        }
     416    }
     417    .swiper-pagination-progressbar {
     418        background: #e7e5e5;
     419        .swiper-pagination-progressbar-fill {
     420            background: var(--primaryColor);
     421        }
     422        &.swiper-pagination-vertical {
     423          transform: scaleY(-1);
     424        }
     425    }
     426    .swiper-scrollbar {
     427        background: #e7e5e5;
     428        cursor: pointer;
     429        .swiper-scrollbar-drag {
     430            background: var(--primaryColor);
     431            cursor: grab;
     432            &:active {
     433                cursor: grabbing;
     434            }
     435        }
     436        &.swiper-scrollbar-horizontal {
     437            width: 100%;
     438            left: 0;
     439            bottom: 0;
     440        }
     441    }
     442    &.effect-curve {
     443        overflow-x: clip;
     444        .swiper {
     445            overflow: visible;
     446            .swiper-wrapper {
     447                transition-timing-function: linear !important;
     448            }
     449        }
     450    }
     451}

  • ultimate-tag-cloud/trunk/widget/el-ultimate-tag-cloud.php

    r3267731 r3432036  
    5454        );
    5555            $this->add_control(
     56                'layout',
     57                [
     58                    'label' => esc_html__( 'Layout', 'ultimate-tag-cloud' ),
     59                    'type' => Controls_Manager::SELECT,
     60                    'default' => '',
     61                    'options' => [
     62                        '' => esc_html__( 'Grid', 'ultimate-tag-cloud' ),
     63                        'slider' => esc_html__( 'Slider', 'ultimate-tag-cloud' )
     64                    ],
     65                ]
     66            );
     67            $this->add_control(
    5668                'tag_style',
    5769                [
    … …  
    6577                        'ribbon' => esc_html__( 'Ribbon', 'ultimate-tag-cloud' )
    6678                    ],
     79                    'separator' => 'before'
    6780                ]
    6881            );
    … …  
    251264        $this->end_controls_section();
    252265        // Query End
     266
     267        // Slider Configuration Start
     268        $this->start_controls_section(
     269            'slider_config',
     270            [
     271                'label' => esc_html__('Slider Configuration', 'ultimate-tag-cloud'),
     272                'tab' => Controls_Manager::TAB_CONTENT,
     273                'condition' => [
     274                    'layout' => 'slider'
     275                ]
     276            ]
     277        );
     278            $options = [
     279                '' => esc_html__( 'Default', 'ultimate-tag-cloud' ),
     280                'auto' => esc_html__( 'Custom', 'ultimate-tag-cloud' ),
     281            ];
     282            for ( $i = 1; $i <= 15; $i++ ) {
     283                $options[ $i ] = (string) $i;
     284            }
     285            $this->add_responsive_control(
     286                'sl_column',
     287                [
     288                    'label' => esc_html__( 'Column', 'ultimate-tag-cloud' ),
     289                    'type' => Controls_Manager::SELECT,
     290                    'options' => $options,
     291                    'default' => '',
     292                    'frontend_available' => true,
     293                ]
     294            );
     295            $this->add_responsive_control(
     296                'sl_item_auto_width',
     297                [
     298                    'label' => esc_html__( 'Item Width', 'ultimate-tag-cloud' ),
     299                    'type' => Controls_Manager::SLIDER,
     300                    'size_units' => [ 'px', '%', 'em', 'rem', 'custom' ],
     301                    'range' => [
     302                        'px' => [
     303                            'min' => 0,
     304                            'max' => 1000,
     305                        ],
     306                        '%' => [
     307                            'min' => 0,
     308                            'max' => 100,
     309                        ],
     310                    ],
     311                    'selectors' => [
     312                        '{{WRAPPER}} .ultimate-tag-cloud .swiper .swiper-slide' => 'width: {{SIZE}}{{UNIT}};',
     313                    ],
     314                    'condition' => [
     315                        'sl_column' => 'auto'
     316                    ]
     317                ]
     318            );
     319            $this->add_responsive_control(
     320                'sl_column_gap',
     321                [
     322                    'label'     => esc_html__( 'Item Gap', 'ultimate-tag-cloud' ),
     323                    'type'      => Controls_Manager::NUMBER,
     324                    'min'       => -0.1,
     325                    'max'       => 200,
     326                    'step'      => 0.1,
     327                    'frontend_available' => true
     328                ]
     329            );
     330            $this->add_responsive_control(
     331                'sl_vertical',
     332                [
     333                    'label' => esc_html__( 'Vertical Mode', 'ultimate-tag-cloud' ),
     334                    'type' => Controls_Manager::SELECT,
     335                    'default' => 'horizontal',
     336                    'options' => [
     337                        'horizontal' => esc_html__( 'False', 'ultimate-tag-cloud' ),
     338                        'vertical' => esc_html__( 'True', 'ultimate-tag-cloud' ),
     339                    ],
     340                    'frontend_available' => true
     341                ]
     342            );
     343
     344            $this->add_control(
     345                'slides_to_scroll',
     346                [
     347                    'label'   => esc_html__('Slide To Scroll', 'ultimate-tag-cloud'),
     348                    'type'    => Controls_Manager::SELECT,
     349                    'default' => '1',
     350                    'options' => [
     351                        '1' => esc_html__('1 Item', 'ultimate-tag-cloud'),
     352                        '2' => esc_html__('2 Item', 'ultimate-tag-cloud'),
     353                        '3' => esc_html__('3 Item', 'ultimate-tag-cloud'),
     354                        '4' => esc_html__('4 Item', 'ultimate-tag-cloud'),
     355                    ],
     356                    'separator' => 'before',
     357                    'frontend_available' => true
     358                ]
     359            );
     360            $this->add_control(
     361                'slider_initial_slide',
     362                [
     363                    'label'   => esc_html__('Initial Slide', 'ultimate-tag-cloud'),
     364                    'type'    => Controls_Manager::SELECT,
     365                    'default' => '0',
     366                    'options' => [
     367                        '0' => esc_html__('1st Item', 'ultimate-tag-cloud'),
     368                        '1' => esc_html__('2nd Item', 'ultimate-tag-cloud'),
     369                        '2' => esc_html__('3rd Item', 'ultimate-tag-cloud'),
     370                        '3' => esc_html__('4th Item', 'ultimate-tag-cloud'),
     371                        '4' => esc_html__('5th Item', 'ultimate-tag-cloud'),
     372                        '5' => esc_html__('6th Item', 'ultimate-tag-cloud'),
     373                        '6' => esc_html__('7th Item', 'ultimate-tag-cloud'),
     374                        '7' => esc_html__('8th Item', 'ultimate-tag-cloud'),
     375                        '8' => esc_html__('9th Item', 'ultimate-tag-cloud'),
     376                        '9' => esc_html__('10th Item', 'ultimate-tag-cloud'),
     377                    ],
     378                    'separator' => 'before',
     379                    'frontend_available' => true
     380                ]
     381            );
     382            $this->add_control(
     383                'slider_speed',
     384                [
     385                    'label'   => esc_html__('Slide Transition', 'ultimate-tag-cloud'),
     386                    'type'    => Controls_Manager::SELECT,
     387                    'default' => 500,
     388                    'options' => [
     389                        '300' => esc_html__('300 ms', 'ultimate-tag-cloud'),
     390                        '500' => esc_html__('500 ms', 'ultimate-tag-cloud'),
     391                        '700' => esc_html__('700 ms', 'ultimate-tag-cloud'),
     392                        '1000' => esc_html__('1000 ms', 'ultimate-tag-cloud'),
     393                        '1500' => esc_html__('1500 ms', 'ultimate-tag-cloud'),
     394                        '2000' => esc_html__('2000 ms', 'ultimate-tag-cloud'),
     395                        '2500' => esc_html__('2500 ms', 'ultimate-tag-cloud'),
     396                        '3000' => esc_html__('3000 ms', 'ultimate-tag-cloud'),
     397                        '3500' => esc_html__('3500 ms', 'ultimate-tag-cloud'),
     398                        '4000' => esc_html__('4000 ms', 'ultimate-tag-cloud'),
     399                        '4500' => esc_html__('4500 ms', 'ultimate-tag-cloud'),
     400                        '5000' => esc_html__('5000 ms', 'ultimate-tag-cloud'),
     401                    ],
     402                    'separator' => 'before',
     403                    'frontend_available' => true
     404                ]
     405            );
     406            $this->add_control(
     407                'slider_direction',
     408                [
     409                    'label'   => esc_html__('Direction', 'ultimate-tag-cloud'),
     410                    'type'    => Controls_Manager::SELECT,
     411                    'default' => '',
     412                    'options' => [
     413                        '' => esc_html__('Left', 'ultimate-tag-cloud'),
     414                        'right' => esc_html__('Right', 'ultimate-tag-cloud'),
     415                    ],
     416                    'separator' => 'before',
     417                    'frontend_available' => true
     418                ]
     419            );
     420            $this->add_control(
     421                'slider_dots',
     422                [
     423                    'label'   => esc_html__('Navigation Bullets', 'ultimate-tag-cloud'),
     424                    'type'    => Controls_Manager::SELECT,
     425                    'default' => 'false',
     426                    'options' => [
     427                        'true' => esc_html__('Enable', 'ultimate-tag-cloud'),
     428                        'false' => esc_html__('Disable', 'ultimate-tag-cloud'),
     429                    ],
     430                    'separator' => 'before',
     431                    'frontend_available' => true
     432                ]
     433
     434            );
     435            $this->add_control(
     436                'slider_bullet_type',
     437                [
     438                    'label'   => esc_html__('Bullets Type', 'ultimate-tag-cloud'),
     439                    'type'    => Controls_Manager::SELECT,
     440                    'default' => '',
     441                    'options' => [
     442                        '' => esc_html__('Dots', 'ultimate-tag-cloud'),
     443                        'progressbar' => esc_html__('Progressbar', 'ultimate-tag-cloud'),
     444                        'fraction' => esc_html__('Fraction Number', 'ultimate-tag-cloud'),
     445                    ],
     446                    'condition' => [
     447                        'slider_dots' => 'true',
     448                    ],
     449                    'frontend_available' => true
     450                ]
     451            );
     452            $this->add_control(
     453                'slider_decimal_fraction',
     454                [
     455                    'label' => esc_html__( 'Decimal Count (01-10)', 'ultimate-tag-cloud' ),
     456                    'type' => Controls_Manager::SWITCHER,
     457                    'label_on' => esc_html__( 'Yes', 'ultimate-tag-cloud' ),
     458                    'label_off' => esc_html__( 'No', 'ultimate-tag-cloud' ),
     459                    'return_value' => 'yes',
     460                    'default' => 'no',
     461                    'render_type'  => 'template',
     462                    'condition' => [
     463                        'slider_dots' => 'true',
     464                        'slider_bullet_type' => 'fraction'
     465                    ],
     466                    'frontend_available' => true
     467                ]
     468            );
     469            $this->add_control(
     470                'slider_current_fraction',
     471                [
     472                    'label' => esc_html__( 'Hide Total Count', 'ultimate-tag-cloud' ),
     473                    'type' => Controls_Manager::SWITCHER,
     474                    'label_on' => esc_html__( 'Yes', 'ultimate-tag-cloud' ),
     475                    'label_off' => esc_html__( 'No', 'ultimate-tag-cloud' ),
     476                    'return_value' => 'yes',
     477                    'default' => 'no',
     478                    'render_type'  => 'template',
     479                    'condition' => [
     480                        'slider_dots' => 'true',
     481                        'slider_bullet_type' => 'fraction'
     482                    ],
     483                    'frontend_available' => true
     484                ]
     485            );
     486            $this->add_control(
     487                'slider_dynamic_bullets',
     488                [
     489                    'label'   => esc_html__('Dynamic Bullets', 'ultimate-tag-cloud'),
     490                    'type'    => Controls_Manager::SELECT,
     491                    'default' => 'false',
     492                    'options' => [
     493                        'true' => esc_html__('Enable', 'ultimate-tag-cloud'),
     494                        'false' => esc_html__('Disable', 'ultimate-tag-cloud'),
     495                    ],
     496                    'condition' => [
     497                        'slider_dots' => 'true',
     498                        'slider_bullet_type!' => ['progressbar', 'fraction']
     499                    ],
     500                    'frontend_available' => true
     501                ]
     502            );
     503            $this->add_control(
     504                'slider_dots_style',
     505                [
     506                    'label'   => esc_html__('Bullets Style', 'ultimate-tag-cloud'),
     507                    'type'    => Controls_Manager::SELECT,
     508                    'default' => 'default',
     509                    'options' => [
     510                        'default' => esc_html__('Default', 'ultimate-tag-cloud'),
     511                        '2' => esc_html__('Style 2', 'ultimate-tag-cloud')
     512                    ],
     513                    'condition' => [
     514                        'slider_dots' => 'true',
     515                        'slider_bullet_type!' => ['progressbar', 'fraction']
     516                    ]
     517                ]
     518            );
     519
     520            $this->add_control(
     521                'slider_nav',
     522                [
     523                    'label'   => esc_html__('Navigation Nav', 'ultimate-tag-cloud'),
     524                    'type'    => Controls_Manager::SELECT,
     525                    'default' => 'false',
     526                    'options' => [
     527                        'true' => esc_html__('Enable', 'ultimate-tag-cloud'),
     528                        'false' => esc_html__('Disable', 'ultimate-tag-cloud'),
     529                    ],
     530                    'separator' => 'before',
     531                    'frontend_available' => true
     532                ]
     533
     534            );
     535            $this->add_control(
     536                'slider_nav_style',
     537                [
     538                    'label'   => esc_html__('Nav Style', 'ultimate-tag-cloud'),
     539                    'type'    => Controls_Manager::SELECT,
     540                    'default' => '',
     541                    'options' => [
     542                        '' => esc_html__('Style 1', 'ultimate-tag-cloud'),
     543                        '2' => esc_html__('Style 2', 'ultimate-tag-cloud')
     544                    ],
     545                    'condition' => [
     546                        'slider_nav' => 'true'
     547                    ]
     548                ]
     549
     550            );
     551            $this->add_control(
     552                'slider_nav_icon_style',
     553                [
     554                    'label'   => esc_html__('Icon Style', 'ultimate-tag-cloud'),
     555                    'type'    => Controls_Manager::SELECT,
     556                    'default' => '',
     557                    'options' => [
     558                        '' => esc_html__('Icon 1', 'ultimate-tag-cloud'),
     559                        '2' => esc_html__('Icon 2', 'ultimate-tag-cloud'),
     560                        '3' => esc_html__('Icon 3', 'ultimate-tag-cloud'),
     561                        '4' => esc_html__('Icon 4', 'ultimate-tag-cloud'),
     562                        '5' => esc_html__('Icon 5', 'ultimate-tag-cloud'),
     563                    ],
     564                    'condition' => [
     565                        'slider_nav' => 'true'
     566                    ]
     567                ]
     568
     569            );
     570            $this->add_control(
     571                'slider_scrollbar',
     572                [
     573                    'label'   => esc_html__('Scrollbar', 'ultimate-tag-cloud'),
     574                    'type'    => Controls_Manager::SELECT,
     575                    'default' => 'false',
     576                    'options' => [
     577                        'true' => esc_html__('Enable', 'ultimate-tag-cloud'),
     578                        'false' => esc_html__('Disable', 'ultimate-tag-cloud'),
     579                    ],
     580                    'separator' => 'before',
     581                    'frontend_available' => true
     582                ]
     583            );
     584            $this->add_control(
     585                'slider_scrollbar_warning',
     586                [
     587                    'type'            => Controls_Manager::RAW_HTML,
     588                    'raw'             => __('The <strong>Scrollbar</strong> functionality may not operate as expected when the <strong>loop</strong>  feature is enabled.', 'ultimate-tag-cloud'),
     589                    'content_classes' => 'fpg-panel-notice',
     590                    'condition' => [
     591                        'slider_loop' => 'true',
     592                        'slider_scrollbar' => 'true'
     593                    ]
     594                ]
     595            );
     596            $this->add_control(
     597                'slider_autoplay',
     598                [
     599                    'label'   => esc_html__('Autoplay', 'ultimate-tag-cloud'),
     600                    'type'    => Controls_Manager::SELECT,
     601                    'default' => 'false',
     602                    'options' => [
     603                        'true' => esc_html__('Enable', 'ultimate-tag-cloud'),
     604                        'false' => esc_html__('Disable', 'ultimate-tag-cloud'),
     605                    ],
     606                    'separator' => 'before',
     607                    'frontend_available' => true
     608                ]
     609            );
     610            $this->add_control(
     611                'slide_item_circle_progress',
     612                [
     613                    'label'   => esc_html__('Auto Play Progress', 'ultimate-tag-cloud'),
     614                    'type'    => Controls_Manager::SELECT,
     615                    'default' => 'false',
     616                    'options' => [
     617                        'true' => esc_html__('Enable', 'ultimate-tag-cloud'),
     618                        'false' => esc_html__('Disable', 'ultimate-tag-cloud'),
     619                    ],
     620                    'condition' => [
     621                        'slider_autoplay' => 'true'
     622                    ],
     623                    'frontend_available' => true
     624                ]
     625            );
     626            $this->add_control(
     627                'slider_stop_on_hover',
     628                [
     629                    'label'   => esc_html__('Stop on Hover', 'ultimate-tag-cloud'),
     630                    'type'    => Controls_Manager::SELECT,
     631                    'default' => 'false',
     632                    'options' => [
     633                        'true' => esc_html__('Enable', 'ultimate-tag-cloud'),
     634                        'false' => esc_html__('Disable', 'ultimate-tag-cloud'),
     635                    ],
     636                    'condition' => [
     637                        'slider_autoplay' => 'true'
     638                    ],
     639                    'frontend_available' => true
     640                ]
     641            );
     642            $this->add_control(
     643                'slider_interval',
     644                [
     645                    'label'   => esc_html__('Autoplay Interval', 'ultimate-tag-cloud'),
     646                    'type'    => Controls_Manager::SELECT,
     647                    'default' => 3000,
     648                    'options' => [
     649                        '1' => esc_html__('0 ms', 'ultimate-tag-cloud'),
     650                        '500' => esc_html__('500 ms', 'ultimate-tag-cloud'),
     651                        '700' => esc_html__('700 ms', 'ultimate-tag-cloud'),
     652                        '1000' => esc_html__('1000 ms', 'ultimate-tag-cloud'),
     653                        '1500' => esc_html__('1500 ms', 'ultimate-tag-cloud'),
     654                        '2000' => esc_html__('2000 ms', 'ultimate-tag-cloud'),
     655                        '2500' => esc_html__('2500 ms', 'ultimate-tag-cloud'),
     656                        '3000' => esc_html__('3000 ms', 'ultimate-tag-cloud'),
     657                        '3500' => esc_html__('3500 ms', 'ultimate-tag-cloud'),
     658                        '4000' => esc_html__('4000 ms', 'ultimate-tag-cloud'),
     659                        '4500' => esc_html__('4500 ms', 'ultimate-tag-cloud'),
     660                        '5000' => esc_html__('5000 ms', 'ultimate-tag-cloud'),
     661                        '5500' => esc_html__('5500 ms', 'ultimate-tag-cloud'),
     662                        '6000' => esc_html__('6000 ms', 'ultimate-tag-cloud'),
     663                        '6500' => esc_html__('6500 ms', 'ultimate-tag-cloud'),
     664                        '7000' => esc_html__('7000 ms', 'ultimate-tag-cloud'),
     665                        '7500' => esc_html__('7500 ms', 'ultimate-tag-cloud'),
     666                        '8000' => esc_html__('8000 ms', 'ultimate-tag-cloud'),
     667                        '8500' => esc_html__('8500 ms', 'ultimate-tag-cloud'),
     668                        '9000' => esc_html__('9000 ms', 'ultimate-tag-cloud'),
     669                        '9500' => esc_html__('9500 ms', 'ultimate-tag-cloud'),
     670                        '10000' => esc_html__('10000 ms', 'ultimate-tag-cloud'),
     671                    ],
     672                    'condition' => [
     673                        'slider_autoplay' => 'true'
     674                    ],
     675                    'frontend_available' => true
     676                ]
     677            );
     678            $this->add_control(
     679                'slider_loop',
     680                [
     681                    'label'   => esc_html__('Loop', 'ultimate-tag-cloud'),
     682                    'type'    => Controls_Manager::SELECT,
     683                    'default' => 'true',
     684                    'options' => [
     685                        'true' => esc_html__('Enable', 'ultimate-tag-cloud'),
     686                        'false' => esc_html__('Disable', 'ultimate-tag-cloud'),
     687                    ],
     688                    'separator' => 'before',
     689                    'frontend_available' => true
     690                ]
     691            );
     692            $this->add_control(
     693                'slider_auto_height',
     694                [
     695                    'label'   => esc_html__('Auto Height', 'ultimate-tag-cloud'),
     696                    'type'    => Controls_Manager::SELECT,
     697                    'default' => 'false',
     698                    'options' => [
     699                        'true' => esc_html__('Enable', 'ultimate-tag-cloud'),
     700                        'false' => esc_html__('Disable', 'ultimate-tag-cloud'),
     701                    ],
     702                    'separator' => 'before',
     703                    'frontend_available' => true
     704                ]
     705            );
     706            $this->add_control(
     707                'slider_free_mode',
     708                [
     709                    'label'   => esc_html__('Free Mode', 'ultimate-tag-cloud'),
     710                    'type'    => Controls_Manager::SELECT,
     711                    'default' => 'false',
     712                    'options' => [
     713                        'true' => esc_html__('Enable', 'ultimate-tag-cloud'),
     714                        'false' => esc_html__('Disable', 'ultimate-tag-cloud'),
     715                    ],
     716                    'separator' => 'before',
     717                    'frontend_available' => true
     718                ]
     719            );
     720            $this->add_control(
     721                'slider_grab_cursor',
     722                [
     723                    'label'   => esc_html__('Grab Cursor', 'ultimate-tag-cloud'),
     724                    'type'    => Controls_Manager::SELECT,
     725                    'default' => 'false',
     726                    'options' => [
     727                        'true' => esc_html__('Enable', 'ultimate-tag-cloud'),
     728                        'false' => esc_html__('Disable', 'ultimate-tag-cloud'),
     729                    ],
     730                    'separator' => 'before',
     731                    'frontend_available' => true
     732                ]
     733            );
     734            $this->add_control(
     735                'slider_mousewheel',
     736                [
     737                    'label'   => esc_html__('Mousewheel', 'ultimate-tag-cloud'),
     738                    'type'    => Controls_Manager::SELECT,
     739                    'default' => 'false',
     740                    'options' => [
     741                        'true' => esc_html__('Enable', 'ultimate-tag-cloud'),
     742                        'false' => esc_html__('Disable', 'ultimate-tag-cloud'),
     743                    ],
     744                    'separator' => 'before',
     745                    'frontend_available' => true
     746                ]
     747            );
     748            $this->add_control(
     749                'slider_keyboard_control',
     750                [
     751                    'label'   => esc_html__('Keyboard Control', 'ultimate-tag-cloud'),
     752                    'type'    => Controls_Manager::SELECT,
     753                    'default' => 'false',
     754                    'options' => [
     755                        'true' => esc_html__('Enable', 'ultimate-tag-cloud'),
     756                        'false' => esc_html__('Disable', 'ultimate-tag-cloud'),
     757                    ],
     758                    'separator' => 'before',
     759                    'frontend_available' => true
     760                ]
     761            );
     762            $this->add_control(
     763                'slider_center_mode',
     764                [
     765                    'label'   => esc_html__('Center Mode', 'ultimate-tag-cloud'),
     766                    'type'    => Controls_Manager::SELECT,
     767                    'default' => 'false',
     768                    'options' => [
     769                        'true' => esc_html__('Enable', 'ultimate-tag-cloud'),
     770                        'false' => esc_html__('Disable', 'ultimate-tag-cloud'),
     771                    ],
     772                    'separator' => 'before',
     773                    'frontend_available' => true
     774                ]
     775            );
     776            $this->add_control(
     777                'slider_slider_center_mode_warning',
     778                [
     779                    'type'            => Controls_Manager::RAW_HTML,
     780                    'raw'             => __("If <strong>center mode</strong> doesn't work as expected, enable the <strong>loop</strong> feature and ensure there are <strong>enough items</strong> to center one properly.", 'ultimate-tag-cloud'),
     781                    'content_classes' => 'fpg-panel-notice',
     782                    'condition' => [
     783                        'slider_center_mode' => 'true'
     784                    ]
     785                ]
     786            );
     787            $this->add_responsive_control(
     788                'slider_vertical_height',
     789                [
     790                    'label' => esc_html__( 'Vertical Height', 'ultimate-tag-cloud' ),
     791                    'type' => Controls_Manager::SLIDER,
     792                    'size_units' => [ 'px', '%', 'custom' ],
     793                    'range' => [
     794                        'px' => [
     795                            'min' => 0,
     796                            'max' => 2000,
     797                        ],
     798                        '%' => [
     799                            'min' => 0,
     800                            'max' => 100,
     801                        ],
     802                    ],
     803                    'default' => [
     804                        'unit' => 'px',
     805                        'size' => 400,
     806                    ],
     807                    'separator' => 'before',
     808                    'selectors' => [
     809                        '{{WRAPPER}} .ultimate-tag-cloud .swiper.swiper-vertical' => 'height: {{SIZE}}{{UNIT}} !important;',
     810                    ],
     811                    'condition' => [
     812                        'sl_vertical' => 'vertical'
     813                    ]
     814                ]
     815            );
     816            $this->add_control(
     817                'swiper_item_wrapper_padding',
     818                [
     819                    'label' => esc_html__( 'Swiper Wrapper Padding', 'ultimate-tag-cloud' ),
     820                    'type' => Controls_Manager::DIMENSIONS,
     821                    'size_units' => [ 'px', '%', 'custom' ],
     822                    'selectors' => [
     823                        '{{WRAPPER}} .ultimate-tag-cloud .swiper .swiper-wrapper' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     824                    ],
     825                    'separator' => 'before',
     826                ]
     827            );
     828        $this->end_controls_section();
     829        // Slider Configuration End
    253830       
    254831        // Wrapper Style Start
    … …  
    4241001            ]
    4251002        );
     1003           
     1004            $this->add_responsive_control(
     1005                'tag_display_style',
     1006                [
     1007                    'label' => esc_html__( 'Display Style', 'ultimate-tag-cloud' ),
     1008                    'type' => Controls_Manager::SELECT,
     1009                    'options' => [
     1010                        '' => esc_html__( 'Default', 'ultimate-tag-cloud' ),
     1011                        'block' => esc_html__( 'Block', 'ultimate-tag-cloud' ),
     1012                        'inline-block' => esc_html__( 'Inline Block', 'ultimate-tag-cloud' ),
     1013                        'flex' => esc_html__( 'Flex', 'ultimate-tag-cloud' ),
     1014                        'inline-flex' => esc_html__( 'Inline Flex', 'ultimate-tag-cloud' ),
     1015                    ],
     1016                    'toggle' => true,
     1017                    'selectors' => [
     1018                        '{{WRAPPER}} .ultimate-tag-cloud-container .ultimate-tag-cloud-words .tag-word-wrap a' => 'display: {{VALUE}};',
     1019                    ],
     1020                ]
     1021            );
     1022            $this->add_responsive_control(
     1023                'tag_flex_v_align',
     1024                [
     1025                    'label' => esc_html__( 'Vertical Align', 'ultimate-tag-cloud' ),
     1026                    'type' => Controls_Manager::CHOOSE,
     1027                    'options' => [
     1028                        'flex-start' => [ 'title' => esc_html__( 'Top', 'ultimate-tag-cloud' ), 'icon' => 'eicon-align-start-v' ],
     1029                        'center'     => [ 'title' => esc_html__( 'Middle', 'ultimate-tag-cloud' ), 'icon' => 'eicon-align-center-v' ],
     1030                        'flex-end'   => [ 'title' => esc_html__( 'Bottom', 'ultimate-tag-cloud' ), 'icon' => 'eicon-align-end-v' ],
     1031                    ],
     1032                    'toggle' => true,
     1033                    'selectors' => [
     1034                        '{{WRAPPER}} .ultimate-tag-cloud-container .ultimate-tag-cloud-words .tag-word-wrap a' => 'align-items: {{VALUE}};',
     1035                    ],
     1036                ]
     1037            );
     1038            $this->add_responsive_control(
     1039                'tag_flex_h_align',
     1040                [
     1041                    'label' => esc_html__( 'Horizontal Align', 'ultimate-tag-cloud' ),
     1042                    'type' => Controls_Manager::CHOOSE,
     1043                    'options' => [
     1044                        'flex-start'     => [ 'title' => esc_html__( 'Start', 'ultimate-tag-cloud' ), 'icon' => 'eicon-align-start-h' ],
     1045                        'center'         => [ 'title' => esc_html__( 'Center', 'ultimate-tag-cloud' ), 'icon' => 'eicon-align-center-h' ],
     1046                        'flex-end'       => [ 'title' => esc_html__( 'End', 'ultimate-tag-cloud' ), 'icon' => 'eicon-align-end-h' ],
     1047                        'space-between'  => [ 'title' => esc_html__( 'Space Between', 'ultimate-tag-cloud' ), 'icon' => 'eicon-justify-space-between-h' ],
     1048                    ],
     1049                    'toggle' => true,
     1050                    'selectors' => [
     1051                        '{{WRAPPER}} .ultimate-tag-cloud-container .ultimate-tag-cloud-words .tag-word-wrap a' => 'justify-content: {{VALUE}};',
     1052                    ],
     1053                ]
     1054            );
     1055            $this->add_responsive_control(
     1056                'tag_flex_dir',
     1057                [
     1058                    'label' => esc_html__( 'Column Direction', 'ultimate-tag-cloud' ),
     1059                    'type' => Controls_Manager::CHOOSE,
     1060                    'options' => [
     1061                        'row'            => [ 'title' => esc_html__( 'Row', 'ultimate-tag-cloud' ), 'icon' => 'eicon-justify-start-h' ],
     1062                        'row-reverse'    => [ 'title' => esc_html__( 'Row Reverse', 'ultimate-tag-cloud' ), 'icon' => 'eicon-wrap' ],
     1063                        'column'         => [ 'title' => esc_html__( 'Column', 'ultimate-tag-cloud' ), 'icon' => 'eicon-justify-start-v' ],
     1064                        'column-reverse' => [ 'title' => esc_html__( 'Column Reverse', 'ultimate-tag-cloud' ), 'icon' => 'eicon-wrap' ],
     1065                    ],
     1066                    'toggle' => true,
     1067                    'selectors' => [
     1068                        '{{WRAPPER}} .ultimate-tag-cloud-container .ultimate-tag-cloud-words .tag-word-wrap a' => 'flex-direction: {{VALUE}};',
     1069                    ],
     1070                ]
     1071            );
     1072            $this->add_responsive_control(
     1073                'tag_flex_wrap',
     1074                [
     1075                    'label' => esc_html__( 'Flex Wrap', 'ultimate-tag-cloud' ),
     1076                    'type' => Controls_Manager::CHOOSE,
     1077                    'options' => [
     1078                        'nowrap' => [ 'title' => esc_html__( 'No Wrap', 'ultimate-tag-cloud' ), 'icon' => 'eicon-nowrap' ],
     1079                        'wrap'   => [ 'title' => esc_html__( 'Wrap', 'ultimate-tag-cloud' ), 'icon' => 'eicon-wrap' ],
     1080                    ],
     1081                    'toggle' => true,
     1082                    'selectors' => [
     1083                        '{{WRAPPER}} .ultimate-tag-cloud-container .ultimate-tag-cloud-words .tag-word-wrap a' => 'flex-wrap: {{VALUE}};',
     1084                    ],
     1085                ]
     1086            );
     1087            $this->add_responsive_control(
     1088                'tag_flex_gap',
     1089                [
     1090                    'label' => esc_html__( 'Gap Between', 'ultimate-tag-cloud' ),
     1091                    'type' => Controls_Manager::SLIDER,
     1092                    'size_units' => [ 'px', '%', 'custom' ],
     1093                    'range' => [
     1094                        'px' => [ 'min' => 0, 'max' => 1000 ],
     1095                        '%' => [ 'min' => 0, 'max' => 100 ],
     1096                    ],
     1097                    'selectors' => [
     1098                        '{{WRAPPER}} .ultimate-tag-cloud-container .ultimate-tag-cloud-words .tag-word-wrap a' => 'gap: {{SIZE}}{{UNIT}};',
     1099                    ],
     1100                ]
     1101            );
    4261102            $this->add_group_control(
    4271103                Group_Control_Typography::get_type(),
    … …  
    6441320        $this->end_controls_section();
    6451321        // Label Style End
     1322
     1323        // Arrow Section
     1324        $this->start_controls_section(
     1325            'section_slider_style_arrow_control',
     1326            [
     1327                'label' => esc_html__('Arrow Control', 'ultimate-tag-cloud'),
     1328                'tab' => Controls_Manager::TAB_STYLE,
     1329                'condition' => [
     1330                    'slider_nav' => 'true'
     1331                ]
     1332            ]
     1333        );
     1334            // positioning start
     1335            $this->add_control(
     1336                'arrow_position_maker',
     1337                [
     1338                    'label' => esc_html__('Arrow Position Style', 'ultimate-tag-cloud'),
     1339                    'type' => Controls_Manager::SELECT,
     1340                    'default' => '',
     1341                    'options' => [
     1342                        '' => esc_html__('Default', 'ultimate-tag-cloud'),
     1343                        'custom' => esc_html__('Custom', 'ultimate-tag-cloud'),
     1344                    ],
     1345                    'condition' => [
     1346                        'slider_nav_style!' => '2'
     1347                    ]
     1348                ]
     1349            );
     1350            $this->add_responsive_control(
     1351                'arrow_prev_x_select',
     1352                [
     1353                    'label' => esc_html__('Prev Position X', 'ultimate-tag-cloud'),
     1354                    'type' => Controls_Manager::SELECT,
     1355                    'default' => '',
     1356                    'options' => [
     1357                        '' => esc_html__('Default', 'ultimate-tag-cloud'),
     1358                        'left' => esc_html__('Left', 'ultimate-tag-cloud'),
     1359                        'right' => esc_html__('Right', 'ultimate-tag-cloud'),
     1360                    ],
     1361                    'condition' => [
     1362                        'arrow_position_maker' => 'custom'
     1363                    ]
     1364                ]
     1365            );
     1366            $this->add_responsive_control(
     1367                'arrow_prev_left_position',
     1368                [
     1369                    'label' => esc_html__('Prev Left Position', 'ultimate-tag-cloud'),
     1370                    'type' => Controls_Manager::SLIDER,
     1371                    'size_units' => ['px', '%', 'custom'],
     1372                    'range' => [
     1373                        'px' => [
     1374                            'min' => -1000,
     1375                            'max' => 1000,
     1376                        ],
     1377                        '%' => [
     1378                            'min' => 0,
     1379                            'max' => 100,
     1380                        ],
     1381                    ],
     1382                    'selectors' => [
     1383                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-button-prev' => 'left: {{SIZE}}{{UNIT}}; right: unset;',
     1384                    ],
     1385                    'condition' => [
     1386                        'arrow_prev_x_select' => 'left',
     1387                        'arrow_position_maker' => 'custom'
     1388                    ]
     1389                ]
     1390            );
     1391            $this->add_responsive_control(
     1392                'arrow_prev_right_position',
     1393                [
     1394                    'label' => esc_html__('Prev Right Position', 'ultimate-tag-cloud'),
     1395                    'type' => Controls_Manager::SLIDER,
     1396                    'size_units' => ['px', '%', 'custom'],
     1397                    'range' => [
     1398                        'px' => [
     1399                            'min' => -1000,
     1400                            'max' => 1000,
     1401                        ],
     1402                        '%' => [
     1403                            'min' => 0,
     1404                            'max' => 100,
     1405                        ],
     1406                    ],
     1407                    'selectors' => [
     1408                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-button-prev' => 'right: {{SIZE}}{{UNIT}}; left: unset;',
     1409                    ],
     1410                    'condition' => [
     1411                        'arrow_prev_x_select' => 'right',
     1412                        'arrow_position_maker' => 'custom'
     1413                    ]
     1414                ]
     1415            );
     1416
     1417            $this->add_responsive_control(
     1418                'arrow_prev_y_select',
     1419                [
     1420                    'label' => esc_html__('Prev Position Y', 'ultimate-tag-cloud'),
     1421                    'type' => Controls_Manager::SELECT,
     1422                    'default' => '',
     1423                    'options' => [
     1424                        '' => esc_html__('Default', 'ultimate-tag-cloud'),
     1425                        'top' => esc_html__('Top', 'ultimate-tag-cloud'),
     1426                        'bottom' => esc_html__('Bottom', 'ultimate-tag-cloud'),
     1427                    ],
     1428                    'condition' => [
     1429                        'arrow_position_maker' => 'custom'
     1430                    ]
     1431                ]
     1432            );
     1433            $this->add_responsive_control(
     1434                'arrow_prev_top_position',
     1435                [
     1436                    'label' => esc_html__('Prev Top Position', 'ultimate-tag-cloud'),
     1437                    'type' => Controls_Manager::SLIDER,
     1438                    'size_units' => ['px', '%', 'custom'],
     1439                    'range' => [
     1440                        'px' => [
     1441                            'min' => -1000,
     1442                            'max' => 1000,
     1443                        ],
     1444                        '%' => [
     1445                            'min' => 0,
     1446                            'max' => 100,
     1447                        ],
     1448                    ],
     1449                    'selectors' => [
     1450                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-button-prev' => 'top: {{SIZE}}{{UNIT}}; bottom: unset;',
     1451                    ],
     1452                    'condition' => [
     1453                        'arrow_prev_y_select' => 'top',
     1454                        'arrow_position_maker' => 'custom'
     1455                    ]
     1456                ]
     1457            );
     1458            $this->add_responsive_control(
     1459                'arrow_prev_bottom_position',
     1460                [
     1461                    'label' => esc_html__('Prev Bottom Position', 'ultimate-tag-cloud'),
     1462                    'type' => Controls_Manager::SLIDER,
     1463                    'size_units' => ['px', '%', 'custom'],
     1464                    'range' => [
     1465                        'px' => [
     1466                            'min' => -1000,
     1467                            'max' => 1000,
     1468                        ],
     1469                        '%' => [
     1470                            'min' => 0,
     1471                            'max' => 100,
     1472                        ],
     1473                    ],
     1474                    'selectors' => [
     1475                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-button-prev' => 'bottom: {{SIZE}}{{UNIT}}; top: unset;',
     1476                    ],
     1477                    'condition' => [
     1478                        'arrow_prev_y_select' => 'bottom',
     1479                        'arrow_position_maker' => 'custom'
     1480                    ]
     1481                ]
     1482            );
     1483
     1484            $this->add_responsive_control(
     1485                'arrow_next_x_select',
     1486                [
     1487                    'label' => esc_html__('Next Position X', 'ultimate-tag-cloud'),
     1488                    'type' => Controls_Manager::SELECT,
     1489                    'default' => '',
     1490                    'options' => [
     1491                        '' => esc_html__('Default', 'ultimate-tag-cloud'),
     1492                        'left' => esc_html__('Left', 'ultimate-tag-cloud'),
     1493                        'right' => esc_html__('Right', 'ultimate-tag-cloud'),
     1494                    ],
     1495                    'condition' => [
     1496                        'arrow_position_maker' => 'custom'
     1497                    ]
     1498                ]
     1499            );
     1500            $this->add_responsive_control(
     1501                'arrow_next_left_position',
     1502                [
     1503                    'label' => esc_html__('Next Left Position', 'ultimate-tag-cloud'),
     1504                    'type' => Controls_Manager::SLIDER,
     1505                    'size_units' => ['px', '%', 'custom'],
     1506                    'range' => [
     1507                        'px' => [
     1508                            'min' => -1000,
     1509                            'max' => 1000,
     1510                        ],
     1511                        '%' => [
     1512                            'min' => 0,
     1513                            'max' => 100,
     1514                        ],
     1515                    ],
     1516                    'selectors' => [
     1517                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-button-next' => 'left: {{SIZE}}{{UNIT}}; right: unset;',
     1518                    ],
     1519                    'condition' => [
     1520                        'arrow_next_x_select' => 'left',
     1521                        'arrow_position_maker' => 'custom'
     1522                    ]
     1523                ]
     1524            );
     1525            $this->add_responsive_control(
     1526                'arrow_next_right_position',
     1527                [
     1528                    'label' => esc_html__('Next Right Position', 'ultimate-tag-cloud'),
     1529                    'type' => Controls_Manager::SLIDER,
     1530                    'size_units' => ['px', '%', 'custom'],
     1531                    'range' => [
     1532                        'px' => [
     1533                            'min' => -1000,
     1534                            'max' => 1000,
     1535                        ],
     1536                        '%' => [
     1537                            'min' => 0,
     1538                            'max' => 100,
     1539                        ],
     1540                    ],
     1541                    'selectors' => [
     1542                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-button-next' => 'right: {{SIZE}}{{UNIT}}; left: unset;',
     1543                    ],
     1544                    'condition' => [
     1545                        'arrow_next_x_select' => 'right',
     1546                        'arrow_position_maker' => 'custom'
     1547                    ]
     1548                ]
     1549            );
     1550
     1551            $this->add_responsive_control(
     1552                'arrow_next_y_select',
     1553                [
     1554                    'label' => esc_html__('Next Position Y', 'ultimate-tag-cloud'),
     1555                    'type' => Controls_Manager::SELECT,
     1556                    'default' => '',
     1557                    'options' => [
     1558                        '' => esc_html__('Default', 'ultimate-tag-cloud'),
     1559                        'top' => esc_html__('Top', 'ultimate-tag-cloud'),
     1560                        'bottom' => esc_html__('Bottom', 'ultimate-tag-cloud'),
     1561                    ],
     1562                    'condition' => [
     1563                        'arrow_position_maker' => 'custom'
     1564                    ]
     1565                ]
     1566            );
     1567            $this->add_responsive_control(
     1568                'arrow_next_top_position',
     1569                [
     1570                    'label' => esc_html__('Next Top Position', 'ultimate-tag-cloud'),
     1571                    'type' => Controls_Manager::SLIDER,
     1572                    'size_units' => ['px', '%', 'custom'],
     1573                    'range' => [
     1574                        'px' => [
     1575                            'min' => -1000,
     1576                            'max' => 1000,
     1577                        ],
     1578                        '%' => [
     1579                            'min' => 0,
     1580                            'max' => 100,
     1581                        ],
     1582                    ],
     1583                    'selectors' => [
     1584                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-button-next' => 'top: {{SIZE}}{{UNIT}}; bottom: unset;',
     1585                    ],
     1586                    'condition' => [
     1587                        'arrow_next_y_select' => 'top',
     1588                        'arrow_position_maker' => 'custom'
     1589                    ]
     1590                ]
     1591            );
     1592            $this->add_responsive_control(
     1593                'arrow_next_bottom_position',
     1594                [
     1595                    'label' => esc_html__('Next Bottom Position', 'ultimate-tag-cloud'),
     1596                    'type' => Controls_Manager::SLIDER,
     1597                    'size_units' => ['px', '%', 'custom'],
     1598                    'range' => [
     1599                        'px' => [
     1600                            'min' => -1000,
     1601                            'max' => 1000,
     1602                        ],
     1603                        '%' => [
     1604                            'min' => 0,
     1605                            'max' => 100,
     1606                        ],
     1607                    ],
     1608                    'selectors' => [
     1609                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-button-next' => 'bottom: {{SIZE}}{{UNIT}}; top: unset;',
     1610                    ],
     1611                    'condition' => [
     1612                        'arrow_next_y_select' => 'bottom',
     1613                        'arrow_position_maker' => 'custom'
     1614                    ]
     1615                ]
     1616            );
     1617
     1618            // Style 3 Wrapper Position
     1619            $this->add_control(
     1620                'arrow_wrapper_control_heading',
     1621                [
     1622                    'label' => esc_html__( 'Arrow Wrapper Options', 'ultimate-tag-cloud' ),
     1623                    'type' => Controls_Manager::HEADING,
     1624                    'classes' => 'fpg-control-type-heading',
     1625                    'condition' => [
     1626                        'slider_nav_style' => '2'
     1627                    ]
     1628                ]
     1629            );
     1630            $this->add_responsive_control(
     1631                'arrow_wrapper_text_align',
     1632                [
     1633                    'label' => esc_html__( 'Alignment', 'ultimate-tag-cloud' ),
     1634                    'type' => Controls_Manager::CHOOSE,
     1635                    'options' => [
     1636                        'left' => [
     1637                            'title' => esc_html__( 'Left', 'ultimate-tag-cloud' ),
     1638                            'icon' => 'eicon-text-align-left',
     1639                        ],
     1640                        'center' => [
     1641                            'title' => esc_html__( 'Center', 'ultimate-tag-cloud' ),
     1642                            'icon' => 'eicon-text-align-center',
     1643                        ],
     1644                        'right' => [
     1645                            'title' => esc_html__( 'Right', 'ultimate-tag-cloud' ),
     1646                            'icon' => 'eicon-text-align-right',
     1647                        ],
     1648                    ],
     1649                    'condition' => [
     1650                        'slider_nav_style' => '2'
     1651                    ],
     1652                    'toggle' => true,
     1653                    'selectors' => [
     1654                        '{{WRAPPER}} .ultimate-tag-cloud.nav-style-2' => 'text-align: {{VALUE}};',
     1655                    ],
     1656                ]
     1657            );
     1658            $this->add_responsive_control(
     1659                'arrow_wrapper_column_align',
     1660                [
     1661                    'label' => esc_html__( 'Button Direction', 'ultimate-tag-cloud' ),
     1662                    'type' => Controls_Manager::CHOOSE,
     1663                    'options' => [
     1664                        'row' => [
     1665                            'title' => esc_html__( 'Row', 'ultimate-tag-cloud' ),
     1666                            'icon' => 'eicon-justify-start-h',
     1667                        ],
     1668                        'row-reverse' => [
     1669                            'title' => esc_html__( 'Row Reverse', 'ultimate-tag-cloud' ),
     1670                            'icon' => 'eicon-wrap',
     1671                        ],
     1672                        'column' => [
     1673                            'title' => esc_html__( 'Column', 'ultimate-tag-cloud' ),
     1674                            'icon' => 'eicon-justify-start-v',
     1675                        ],
     1676                        'column-reverse' => [
     1677                            'title' => esc_html__( 'Column Reverse', 'ultimate-tag-cloud' ),
     1678                            'icon' => 'eicon-wrap',
     1679                        ],
     1680                    ],
     1681                    'toggle' => true,
     1682                    'condition' => [
     1683                        'slider_nav_style' => '2'
     1684                    ],
     1685                    'selectors' => [
     1686                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-btn-wrapper' => 'flex-direction: {{VALUE}};',
     1687                    ],
     1688                ]
     1689            );
     1690            $this->add_responsive_control(
     1691                'arrow_wrapper_gap_between',
     1692                [
     1693                    'label' => esc_html__( 'Space Between', 'ultimate-tag-cloud' ),
     1694                    'type' => Controls_Manager::SLIDER,
     1695                    'size_units' => [ 'px', '%', 'custom' ],
     1696                    'range' => [
     1697                        'px' => [
     1698                            'min' => 0,
     1699                            'max' => 1000,
     1700                        ],
     1701                        '%' => [
     1702                            'min' => 0,
     1703                            'max' => 100,
     1704                        ],
     1705                    ],
     1706                    'selectors' => [
     1707                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-btn-wrapper' => 'gap: {{SIZE}}{{UNIT}};',
     1708                    ],
     1709                    'condition' => [
     1710                        'slider_nav_style' => '2'
     1711                    ],
     1712                ]
     1713            );
     1714            $this->add_control(
     1715                'arrow_wrapper_position_maker',
     1716                [
     1717                    'label' => esc_html__('Position', 'ultimate-tag-cloud'),
     1718                    'type' => Controls_Manager::SELECT,
     1719                    'default' => '',
     1720                    'options' => [
     1721                        '' => esc_html__('Default', 'ultimate-tag-cloud'),
     1722                        'absolute' => esc_html__('Absolute', 'ultimate-tag-cloud'),
     1723                        'relative' => esc_html__('Relative', 'ultimate-tag-cloud'),
     1724                    ],
     1725                    'selectors' => [
     1726                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-btn-wrapper' => 'position: {{VALUE}};',
     1727                    ],
     1728                    'condition' => [
     1729                        'slider_nav_style' => '2'
     1730                    ]
     1731                ]
     1732            );
     1733            $this->add_responsive_control(
     1734                'arrow_wrapper_top_position',
     1735                [
     1736                    'label' => esc_html__('Top Position', 'ultimate-tag-cloud'),
     1737                    'type' => Controls_Manager::SLIDER,
     1738                    'size_units' => ['px', '%', 'custom'],
     1739                    'range' => [
     1740                        'px' => [
     1741                            'min' => -1000,
     1742                            'max' => 1000,
     1743                        ],
     1744                        '%' => [
     1745                            'min' => 0,
     1746                            'max' => 100,
     1747                        ],
     1748                    ],
     1749                    'default' => [
     1750                        'unit' => 'px',
     1751                        'size' => 10,
     1752                    ],
     1753                    'selectors' => [
     1754                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-btn-wrapper' => 'top: {{SIZE}}{{UNIT}};',
     1755                    ],
     1756                    'condition' => [
     1757                        'arrow_wrapper_position_maker' => ['absolute', 'relative']
     1758                    ]
     1759                ]
     1760            );
     1761            $this->add_responsive_control(
     1762                'arrow_wrapper_right_position',
     1763                [
     1764                    'label' => esc_html__('Right Position', 'ultimate-tag-cloud'),
     1765                    'type' => Controls_Manager::SLIDER,
     1766                    'size_units' => ['px', '%', 'custom'],
     1767                    'range' => [
     1768                        'px' => [
     1769                            'min' => -1000,
     1770                            'max' => 1000,
     1771                        ],
     1772                        '%' => [
     1773                            'min' => 0,
     1774                            'max' => 100,
     1775                        ],
     1776                    ],
     1777                    'default' => [
     1778                        'unit' => 'px',
     1779                        'size' => 10,
     1780                    ],
     1781                    'selectors' => [
     1782                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-btn-wrapper' => 'right: {{SIZE}}{{UNIT}};',
     1783                    ],
     1784                    'condition' => [
     1785                        'arrow_wrapper_position_maker' => ['absolute', 'relative']
     1786                    ]
     1787                ]
     1788            );
     1789            $this->add_responsive_control(
     1790                'arrow_wrapper_bottom_position',
     1791                [
     1792                    'label' => esc_html__('Bottom Position', 'ultimate-tag-cloud'),
     1793                    'type' => Controls_Manager::SLIDER,
     1794                    'size_units' => ['px', '%', 'custom'],
     1795                    'range' => [
     1796                        'px' => [
     1797                            'min' => -1000,
     1798                            'max' => 1000,
     1799                        ],
     1800                        '%' => [
     1801                            'min' => 0,
     1802                            'max' => 100,
     1803                        ],
     1804                    ],
     1805                    'selectors' => [
     1806                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-btn-wrapper' => 'bottom: {{SIZE}}{{UNIT}};',
     1807                    ],
     1808                    'condition' => [
     1809                        'arrow_wrapper_position_maker' => ['absolute', 'relative']
     1810                    ]
     1811                ]
     1812            );
     1813            $this->add_responsive_control(
     1814                'arrow_wrapper_left_position',
     1815                [
     1816                    'label' => esc_html__('Left Position', 'ultimate-tag-cloud'),
     1817                    'type' => Controls_Manager::SLIDER,
     1818                    'size_units' => ['px', '%', 'custom'],
     1819                    'range' => [
     1820                        'px' => [
     1821                            'min' => -1000,
     1822                            'max' => 1000,
     1823                        ],
     1824                        '%' => [
     1825                            'min' => 0,
     1826                            'max' => 100,
     1827                        ],
     1828                    ],
     1829                    'selectors' => [
     1830                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-btn-wrapper' => 'left: {{SIZE}}{{UNIT}};',
     1831                    ],
     1832                    'condition' => [
     1833                        'arrow_wrapper_position_maker' => ['absolute', 'relative']
     1834                    ]
     1835                ]
     1836            );
     1837            // positioning end
     1838            $this->add_responsive_control(
     1839                'arrow_wrapper_padding',
     1840                [
     1841                    'label' => esc_html__( 'Padding', 'ultimate-tag-cloud' ),
     1842                    'type' => Controls_Manager::DIMENSIONS,
     1843                    'size_units' => [ 'px', '%', 'custom' ],
     1844                    'condition' => [
     1845                        'slider_nav_style' => '2'
     1846                    ],
     1847                    'selectors' => [
     1848                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-btn-wrapper' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     1849                    ],
     1850                ]
     1851            );
     1852            $this->add_responsive_control(
     1853                'arrow_wrapper_margin',
     1854                [
     1855                    'label' => esc_html__( 'Margin', 'ultimate-tag-cloud' ),
     1856                    'type' => Controls_Manager::DIMENSIONS,
     1857                    'size_units' => [ 'px', '%', 'custom' ],
     1858                    'condition' => [
     1859                        'slider_nav_style' => '2'
     1860                    ],
     1861                    'selectors' => [
     1862                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-btn-wrapper' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     1863                    ],
     1864                ]
     1865            );
     1866            $this->add_responsive_control(
     1867                'arrow_wrapper_radius',
     1868                [
     1869                    'label' => esc_html__( 'Border Radius', 'ultimate-tag-cloud' ),
     1870                    'type' => Controls_Manager::DIMENSIONS,
     1871                    'size_units' => [ 'px', '%', 'custom' ],
     1872                    'condition' => [
     1873                        'slider_nav_style' => '2'
     1874                    ],
     1875                    'selectors' => [
     1876                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-btn-wrapper' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     1877                    ],
     1878                ]
     1879            );
     1880            $this->add_group_control(
     1881                Group_Control_Background::get_type(),
     1882                [
     1883                    'name' => 'arrow_wrapper_background',
     1884                    'types' => [ 'classic', 'gradient' ],
     1885                    'selector' => '{{WRAPPER}} .ultimate-tag-cloud .swiper-btn-wrapper',
     1886                    'condition' => [
     1887                        'slider_nav_style' => '2'
     1888                    ],
     1889                ]
     1890            );
     1891            $this->add_group_control(
     1892                Group_Control_Border::get_type(),
     1893                [
     1894                    'name' => 'arrow_wrapper_border',
     1895                    'selector' => '{{WRAPPER}} .ultimate-tag-cloud .swiper-btn-wrapper',
     1896                    'condition' => [
     1897                        'slider_nav_style' => '2'
     1898                    ],
     1899                ]
     1900            );
     1901            $this->add_group_control(
     1902                Group_Control_Box_Shadow::get_type(),
     1903                [
     1904                    'name' => 'arrow_wrapper_box_shadow',
     1905                    'selector' => '{{WRAPPER}} .ultimate-tag-cloud .swiper-btn-wrapper',
     1906                    'condition' => [
     1907                        'slider_nav_style' => '2'
     1908                    ],
     1909                ]
     1910            );
     1911
     1912            $this->add_control(
     1913                'arrow_after_hr',
     1914                [
     1915                    'type' => \Elementor\Controls_Manager::DIVIDER,
     1916                ]
     1917            );
     1918
     1919            $this->add_responsive_control(
     1920                'navigation_arrow_width',
     1921                [
     1922                    'label' => esc_html__('Arrow Width', 'ultimate-tag-cloud'),
     1923                    'type' => Controls_Manager::SLIDER,
     1924                    'size_units' => ['px', '%', 'custom'],
     1925                    'selectors' => [
     1926                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-button-prev,
     1927                        {{WRAPPER}} .ultimate-tag-cloud .swiper-button-next' => 'width: {{SIZE}}{{UNIT}};',
     1928                    ],
     1929                ]
     1930            );
     1931            $this->add_responsive_control(
     1932                'navigation_arrow_height',
     1933                [
     1934                    'label' => esc_html__('Arrow Height', 'ultimate-tag-cloud'),
     1935                    'type' => Controls_Manager::SLIDER,
     1936                    'size_units' => ['px', '%', 'custom'],
     1937                    'selectors' => [
     1938                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-button-prev,
     1939                        {{WRAPPER}} .ultimate-tag-cloud .swiper-button-next' => 'height: {{SIZE}}{{UNIT}}; line-height: {{SIZE}}{{UNIT}};',
     1940                    ],
     1941                ]
     1942            );
     1943            $this->add_responsive_control(
     1944                'navigation_arrow_line_height',
     1945                [
     1946                    'label' => esc_html__('Arrow Line Height', 'ultimate-tag-cloud'),
     1947                    'type' => Controls_Manager::SLIDER,
     1948                    'size_units' => ['px', '%', 'custom'],
     1949                    'selectors' => [
     1950                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-button-prev,
     1951                        {{WRAPPER}} .ultimate-tag-cloud .swiper-button-next' => 'line-height: {{SIZE}}{{UNIT}} !important;',
     1952                    ],
     1953                ]
     1954            );
     1955
     1956            $this->add_group_control(
     1957                Group_Control_Typography::get_type(),
     1958                [
     1959                    'name' => 'nav_icon_typography',
     1960                    'label' => esc_html__('Icon Typography', 'ultimate-tag-cloud'),
     1961                    'selector' => '
     1962                        {{WRAPPER}} .ultimate-tag-cloud .swiper-button-prev::after,
     1963                        {{WRAPPER}} .ultimate-tag-cloud .swiper-button-next::after
     1964                    ',
     1965                ]
     1966            );
     1967
     1968            $this->add_control(
     1969                'arrow_border_radius_',
     1970                [
     1971                    'label' => esc_html__('Border Radius', 'ultimate-tag-cloud'),
     1972                    'type' => Controls_Manager::DIMENSIONS,
     1973                    'size_units' => ['px', '%', 'custom'],
     1974                    'selectors' => [
     1975                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-button-prev,
     1976                        {{WRAPPER}} .ultimate-tag-cloud .swiper-button-next' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     1977                    ],
     1978                ]
     1979            );
     1980            $this->add_control(
     1981                'next_arrow_border_radius_',
     1982                [
     1983                    'label' => esc_html__('Next Arrow Border Radius', 'ultimate-tag-cloud'),
     1984                    'type' => Controls_Manager::DIMENSIONS,
     1985                    'size_units' => ['px', '%', 'custom'],
     1986                    'selectors' => [
     1987                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-button-next' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}} !important;',
     1988                    ],
     1989                ]
     1990            );
     1991            $this->add_control(
     1992                'arrow_border_padding_',
     1993                [
     1994                    'label' => esc_html__('Padding', 'ultimate-tag-cloud'),
     1995                    'type' => Controls_Manager::DIMENSIONS,
     1996                    'size_units' => ['px', '%', 'custom'],
     1997                    'selectors' => [
     1998                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-button-prev,
     1999                        {{WRAPPER}} .ultimate-tag-cloud .swiper-button-next' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     2000                    ],
     2001                ]
     2002            );
     2003
     2004            // Arrow Hover Normal Tab Start
     2005            $this->start_controls_tabs('_tabs_slider_arrow');
     2006                // Normal Bullet Start
     2007                $this->start_controls_tab(
     2008                    'slider_arrow_normal_tab',
     2009                    [
     2010                        'label' => esc_html__('Normal', 'ultimate-tag-cloud'),
     2011                    ]
     2012                );
     2013                    $this->add_control(
     2014                        'navigation_arrow_color',
     2015                        [
     2016                            'label' => esc_html__('Icon Color', 'ultimate-tag-cloud'),
     2017                            'type' => Controls_Manager::COLOR,
     2018                            'selectors' => [
     2019                                '{{WRAPPER}} .ultimate-tag-cloud .swiper-button-prev::after,
     2020                                {{WRAPPER}} .ultimate-tag-cloud .swiper-button-next::after' => 'color: {{VALUE}};',
     2021                            ],
     2022                        ]
     2023                    );
     2024                    $this->add_group_control(
     2025                        Group_Control_Background::get_type(),
     2026                        [
     2027                            'name' => 'navigation_arrow_background',
     2028                            'types' => ['classic', 'gradient'],
     2029                            'selector' => '
     2030                                {{WRAPPER}} .ultimate-tag-cloud .swiper-button-prev,
     2031                                {{WRAPPER}} .ultimate-tag-cloud .swiper-button-next
     2032                            ',
     2033                        ]
     2034                    );
     2035
     2036                    $this->add_group_control(
     2037                        Group_Control_Border::get_type(),
     2038                        [
     2039                            'name' => 'nav_arrow_border',
     2040                            'selector' => '
     2041                                {{WRAPPER}} .ultimate-tag-cloud .swiper-button-prev,
     2042                                {{WRAPPER}} .ultimate-tag-cloud .swiper-button-next
     2043                            ',
     2044                        ]
     2045                    );
     2046                    $this->add_group_control(
     2047                        Group_Control_Box_Shadow::get_type(),
     2048                        [
     2049                            'name' => 'arrow_shadow_custom',
     2050                            'selector' => '
     2051                                {{WRAPPER}} .ultimate-tag-cloud .swiper-button-prev,
     2052                                {{WRAPPER}} .ultimate-tag-cloud .swiper-button-next
     2053                            ',
     2054                        ]
     2055                    );
     2056                    $this->add_responsive_control(
     2057                        'arrow_opacity',
     2058                        [
     2059                            'label' => esc_html__('Opacity', 'ultimate-tag-cloud'),
     2060                            'type' => Controls_Manager::SLIDER,
     2061                            'range' => [
     2062                                'px' => [
     2063                                    'min' => 0,
     2064                                    'max' => 1,
     2065                                    'step' => 0.1,
     2066                                ],
     2067                            ],
     2068                            'selectors' => [
     2069                                '{{WRAPPER}} .ultimate-tag-cloud .swiper-button-prev,
     2070                                {{WRAPPER}} .ultimate-tag-cloud .swiper-button-next' => 'opacity: {{SIZE}}',
     2071                            ]
     2072                        ]
     2073                    );
     2074                $this->end_controls_tab();
     2075
     2076                // Hover Bullet Start
     2077                $this->start_controls_tab(
     2078                    'slider_arrow_hover_tab',
     2079                    [
     2080                        'label' => esc_html__('Hover', 'ultimate-tag-cloud'),
     2081                    ]
     2082                );
     2083                    $this->add_control(
     2084                        'navigation_arrow_color_hover',
     2085                        [
     2086                            'label' => esc_html__('Icon Color', 'ultimate-tag-cloud'),
     2087                            'type' => Controls_Manager::COLOR,
     2088                            'selectors' => [
     2089                                '{{WRAPPER}} .ultimate-tag-cloud .swiper-button-prev:hover::after,
     2090                                {{WRAPPER}} .ultimate-tag-cloud .swiper-button-next:hover::after' => 'color: {{VALUE}};',
     2091                            ],
     2092                        ]
     2093                    );
     2094                    $this->add_group_control(
     2095                        Group_Control_Background::get_type(),
     2096                        [
     2097                            'name' => 'navigation_arrow_background_hover',
     2098                            'types' => ['classic', 'gradient'],
     2099                            'selector' => '
     2100                                {{WRAPPER}} .ultimate-tag-cloud .swiper-button-prev:hover,
     2101                                {{WRAPPER}} .ultimate-tag-cloud .swiper-button-next:hover
     2102                            ',
     2103                        ]
     2104                    );
     2105                    $this->add_control(
     2106                        'nav_arrow_border_hover',
     2107                        [
     2108                            'label' => esc_html__('Border Color', 'ultimate-tag-cloud'),
     2109                            'type' => Controls_Manager::COLOR,
     2110                            'selectors' => [
     2111                                '{{WRAPPER}} .ultimate-tag-cloud .swiper-button-prev:hover,
     2112                                {{WRAPPER}} .ultimate-tag-cloud .swiper-button-next:hover' => 'border-color: {{VALUE}};',
     2113                            ],
     2114                        ]
     2115                    );
     2116                    $this->add_responsive_control(
     2117                        'arrow_opacity_hover',
     2118                        [
     2119                            'label' => esc_html__('Opacity', 'ultimate-tag-cloud'),
     2120                            'type' => Controls_Manager::SLIDER,
     2121                            'range' => [
     2122                                'px' => [
     2123                                    'min' => 0,
     2124                                    'max' => 1,
     2125                                    'step' => 0.1,
     2126                                ],
     2127                            ],
     2128                            'selectors' => [
     2129                                '{{WRAPPER}} .ultimate-tag-cloud:hover .swiper-button-prev,
     2130                                {{WRAPPER}} .ultimate-tag-cloud:hover .swiper-button-next' => 'opacity: {{SIZE}}',
     2131                            ]
     2132                        ]
     2133                    );
     2134                $this->end_controls_tab();
     2135            $this->end_controls_tabs();
     2136            // Arrow Hover Normal Tab End
     2137        $this->end_controls_section();
     2138
     2139        // Bullet Style
     2140        $this->start_controls_section(
     2141            'section_slider_style_dots_control',
     2142            [
     2143                'label' => esc_html__('Bullets Control', 'ultimate-tag-cloud'),
     2144                'tab' => Controls_Manager::TAB_STYLE,
     2145                'condition' => [
     2146                    'slider_dots' => 'true',
     2147                    'slider_bullet_type!' => ['progressbar', 'fraction']
     2148                ]
     2149            ]
     2150        );
     2151            $this->add_responsive_control(
     2152                'dots_alignments',
     2153                [
     2154                    'label' => esc_html__('Alignment', 'ultimate-tag-cloud'),
     2155                    'type' => Controls_Manager::CHOOSE,
     2156                    'options' => [
     2157                        'left' => [
     2158                            'title' => esc_html__('Left', 'ultimate-tag-cloud'),
     2159                            'icon' => 'eicon-text-align-left',
     2160                        ],
     2161                        'center' => [
     2162                            'title' => esc_html__('Center', 'ultimate-tag-cloud'),
     2163                            'icon' => 'eicon-text-align-center',
     2164                        ],
     2165                        'right' => [
     2166                            'title' => esc_html__('Right', 'ultimate-tag-cloud'),
     2167                            'icon' => 'eicon-text-align-right',
     2168                        ],
     2169                        'justify' => [
     2170                            'title' => esc_html__('Justify', 'ultimate-tag-cloud'),
     2171                            'icon' => 'eicon-text-align-justify',
     2172                        ],
     2173                    ],
     2174                    'toggle' => true,
     2175                    'selectors' => [
     2176                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination' => 'text-align: {{VALUE}}'
     2177                    ],
     2178                ]
     2179            );
     2180            $this->add_control(
     2181                'bullet_wrapper_box_style',
     2182                [
     2183                    'label' => esc_html__('Dots Wrapper Box', 'ultimate-tag-cloud'),
     2184                    'type' => Controls_Manager::HEADING,
     2185                    'classes' => 'fpg-control-type-heading',
     2186                ]
     2187            );
     2188            $this->add_group_control(
     2189                Group_Control_Background::get_type(),
     2190                [
     2191                    'name' => 'bullet_wrapper_box_bg',
     2192                    'types' => ['classic', 'gradient'],
     2193                    'selector' => '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination',
     2194                ]
     2195            );
     2196            $this->add_responsive_control(
     2197                'bullet_wrapper_box_padding',
     2198                [
     2199                    'label' => esc_html__('Padding', 'ultimate-tag-cloud'),
     2200                    'type' => Controls_Manager::DIMENSIONS,
     2201                    'size_units' => ['px', '%', 'custom'],
     2202                    'selectors' => [
     2203                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     2204                    ],
     2205                ]
     2206            );
     2207            $this->add_responsive_control(
     2208                'bullet_wrapper_box_margin',
     2209                [
     2210                    'label' => esc_html__('Margin', 'ultimate-tag-cloud'),
     2211                    'type' => Controls_Manager::DIMENSIONS,
     2212                    'size_units' => ['px', '%', 'custom'],
     2213                    'selectors' => [
     2214                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination .swiper-pagination-bullet' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     2215                    ],
     2216                ]
     2217            );
     2218            $this->add_responsive_control(
     2219                'bullet_wrapper_box_radius',
     2220                [
     2221                    'label' => esc_html__('Border Radius', 'ultimate-tag-cloud'),
     2222                    'type' => Controls_Manager::DIMENSIONS,
     2223                    'size_units' => ['px', '%', 'custom'],
     2224                    'selectors' => [
     2225                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination .swiper-pagination-bullet' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     2226                    ],
     2227                ]
     2228            );
     2229            $this->add_responsive_control(
     2230                'bullet_wrapper_width',
     2231                [
     2232                    'label' => esc_html__( 'Wrapper Width', 'ultimate-tag-cloud' ),
     2233                    'type' => Controls_Manager::SLIDER,
     2234                    'size_units' => [ 'px', '%', 'custom' ],
     2235                    'range' => [
     2236                        'px' => [
     2237                            'min' => 0,
     2238                            'max' => 1000,
     2239                        ],
     2240                        '%' => [
     2241                            'min' => 0,
     2242                            'max' => 100,
     2243                        ],
     2244                    ],
     2245                    'selectors' => [
     2246                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination' => 'width: {{SIZE}}{{UNIT}};',
     2247                    ],
     2248                ]
     2249            );
     2250            $this->add_control(
     2251                '_hr',
     2252                [
     2253                    'type' => Controls_Manager::DIVIDER,
     2254                    'style' => 'thick',
     2255                ]
     2256            );
     2257            $this->add_control(
     2258                'bullet_item_options',
     2259                [
     2260                    'label' => esc_html__('Bullet Item Style', 'ultimate-tag-cloud'),
     2261                    'type' => Controls_Manager::HEADING,
     2262                    'classes' => 'fpg-control-type-heading',
     2263                ]
     2264            );
     2265            $this->start_controls_tabs('_tabs_slider_dots');
     2266                // Normal Bullet Start
     2267                $this->start_controls_tab(
     2268                    'slider_dots_normal_tab',
     2269                    [
     2270                        'label' => esc_html__('Normal', 'ultimate-tag-cloud'),
     2271                    ]
     2272                );
     2273                    $this->add_control(
     2274                        'navigation_dot_inner_color',
     2275                        [
     2276                            'label' => esc_html__('Inner Dot Color', 'ultimate-tag-cloud'),
     2277                            'type' => Controls_Manager::COLOR,
     2278                            'condition' => [
     2279                                'slider_dots_style' => '2',
     2280                            ],
     2281                            'selectors' => [
     2282                                '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination .swiper-pagination-bullet:after' => 'background: {{VALUE}}',
     2283                            ],
     2284                        ]
     2285                    );
     2286                    $this->add_responsive_control(
     2287                        'bullet_inner_dot_height_custom',
     2288                        [
     2289                            'label' => esc_html__('Inner Dot Height', 'ultimate-tag-cloud'),
     2290                            'type' => Controls_Manager::SLIDER,
     2291                            'size_units' => ['px', '%', 'custom'],
     2292                            'selectors' => [
     2293                                '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination .swiper-pagination-bullet:after' => 'height: {{SIZE}}{{UNIT}};',
     2294                            ],
     2295                            'condition' => [
     2296                                'slider_dots_style' => '2',
     2297                            ],
     2298                        ]
     2299                    );
     2300                    $this->add_responsive_control(
     2301                        'bullet_inner_dot_normal_width_custom',
     2302                        [
     2303                            'label' => esc_html__('Inner Dot Width', 'ultimate-tag-cloud'),
     2304                            'type' => Controls_Manager::SLIDER,
     2305                            'size_units' => ['px', '%', 'custom'],
     2306                            'selectors' => [
     2307                                '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination .swiper-pagination-bullet:after' => 'width: {{SIZE}}{{UNIT}};',
     2308                            ],
     2309                            'condition' => [
     2310                                'slider_dots_style' => '2',
     2311                            ],
     2312                        ]
     2313                    );
     2314                    $this->add_responsive_control(
     2315                        'bullet_inner_dot_border_radius',
     2316                        [
     2317                            'label' => esc_html__('Inner Dot Radius', 'ultimate-tag-cloud'),
     2318                            'type' => Controls_Manager::SLIDER,
     2319                            'size_units' => ['px', '%', 'custom'],
     2320                            'selectors' => [
     2321                                '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination .swiper-pagination-bullet:after' => 'border-radius: {{SIZE}}{{UNIT}};',
     2322                            ],
     2323                            'condition' => [
     2324                                'slider_dots_style' => '2',
     2325                            ],
     2326                        ]
     2327                    );
     2328                    $this->add_group_control(
     2329                        Group_Control_Background::get_type(),
     2330                        [
     2331                            'name'     => 'navigation_dot_icon_background',
     2332                            'selector' => '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination .swiper-pagination-bullet',
     2333                        ]
     2334                    );
     2335                    $this->add_responsive_control(
     2336                        'bullet_height_custom',
     2337                        [
     2338                            'label' => esc_html__('Bullet Height', 'ultimate-tag-cloud'),
     2339                            'type' => Controls_Manager::SLIDER,
     2340                            'size_units' => ['px', '%', 'custom'],
     2341                            'selectors' => [
     2342                                '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination .swiper-pagination-bullet' => 'height: {{SIZE}}{{UNIT}};',
     2343                            ],
     2344                        ]
     2345                    );
     2346                    $this->add_responsive_control(
     2347                        'bullet_normal_width_custom',
     2348                        [
     2349                            'label' => esc_html__('Bullet Width', 'ultimate-tag-cloud'),
     2350                            'type' => Controls_Manager::SLIDER,
     2351                            'size_units' => ['px', '%', 'custom'],
     2352                            'selectors' => [
     2353                                '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination .swiper-pagination-bullet' => 'width: {{SIZE}}{{UNIT}};',
     2354                            ],
     2355                        ]
     2356                    );
     2357                    $this->add_control(
     2358                        'bullet_border_radius_custom',
     2359                        [
     2360                            'label' => esc_html__('Border Radius', 'ultimate-tag-cloud'),
     2361                            'type' => Controls_Manager::DIMENSIONS,
     2362                            'size_units' => ['px', '%', 'custom'],
     2363                            'selectors' => [
     2364                                '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination .swiper-pagination-bullet' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     2365                            ],
     2366                        ]
     2367                    );
     2368                    $this->add_group_control(
     2369                        Group_Control_Border::get_type(),
     2370                        [
     2371                            'name' => 'bullet_border_custom',
     2372                            'selector' => '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination .swiper-pagination-bullet',
     2373                        ]
     2374                    );
     2375                    $this->add_group_control(
     2376                        Group_Control_Box_Shadow::get_type(),
     2377                        [
     2378                            'name' => 'bullet_shadow_custom',
     2379                            'selector' => '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination .swiper-pagination-bullet'
     2380                        ]
     2381                    );
     2382                $this->end_controls_tab();
     2383                // Normal Bullet End
     2384
     2385                // Active Bullet Start
     2386                $this->start_controls_tab(
     2387                    'slider_dots_active_tab',
     2388                    [
     2389                        'label' => esc_html__('Active', 'ultimate-tag-cloud'),
     2390                    ]
     2391                );
     2392                    $this->add_control(
     2393                        'navigation_dot_inner_color_active',
     2394                        [
     2395                            'label' => esc_html__('Inner Dot Color', 'ultimate-tag-cloud'),
     2396                            'type' => Controls_Manager::COLOR,
     2397                            'condition' => [
     2398                                'slider_dots_style' => '2',
     2399                            ],
     2400                            'selectors' => [
     2401                                '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination .swiper-pagination-bullet:hover:after,
     2402                                {{WRAPPER}} .ultimate-tag-cloud .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after' => 'background: {{VALUE}}',
     2403                            ],
     2404                        ]
     2405                    );
     2406                    $this->add_responsive_control(
     2407                        'bullet_inner_dot_height_custom_active',
     2408                        [
     2409                            'label' => esc_html__('Inner Dot Height', 'ultimate-tag-cloud'),
     2410                            'type' => Controls_Manager::SLIDER,
     2411                            'size_units' => ['px', '%', 'custom'],
     2412                            'selectors' => [
     2413                                '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination .swiper-pagination-bullet:hover:after,
     2414                                {{WRAPPER}} .ultimate-tag-cloud .swiper-pagination .swiper-pagination-bullet:after' => 'height: {{SIZE}}{{UNIT}};',
     2415                            ],
     2416                            'condition' => [
     2417                                'slider_dots_style' => '2',
     2418                            ],
     2419                        ]
     2420                    );
     2421                    $this->add_responsive_control(
     2422                        'bullet_inner_dot_active_width_custom',
     2423                        [
     2424                            'label' => esc_html__('Inner Dot Width', 'ultimate-tag-cloud'),
     2425                            'type' => Controls_Manager::SLIDER,
     2426                            'size_units' => ['px', '%', 'custom'],
     2427                            'selectors' => [
     2428                                '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination .swiper-pagination-bullet:hover:after,
     2429                                {{WRAPPER}} .ultimate-tag-cloud .swiper-pagination .swiper-pagination-bullet:after' => 'width: {{SIZE}}{{UNIT}};',
     2430                            ],
     2431                            'condition' => [
     2432                                'slider_dots_style' => '2',
     2433                            ],
     2434                        ]
     2435                    );
     2436                    $this->add_group_control(
     2437                        Group_Control_Background::get_type(),
     2438                        [
     2439                            'name'     => 'navigation_dot_icon_background_active',
     2440                            'selector' => '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination .swiper-pagination-bullet:hover, {{WRAPPER}} .ultimate-tag-cloud .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active',
     2441                        ]
     2442                    );
     2443                    $this->add_responsive_control(
     2444                        'bullet_active_width_custom',
     2445                        [
     2446                            'label' => esc_html__('Bullet Width', 'ultimate-tag-cloud'),
     2447                            'type' => Controls_Manager::SLIDER,
     2448                            'size_units' => ['px', '%', 'custom'],
     2449                            'selectors' => [
     2450                                '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active' => 'width: {{SIZE}}{{UNIT}};',
     2451                            ],
     2452                        ]
     2453                    );
     2454                    $this->add_responsive_control(
     2455                        'bullet_active_height_custom',
     2456                        [
     2457                            'label' => esc_html__('Bullet Height', 'ultimate-tag-cloud'),
     2458                            'type' => Controls_Manager::SLIDER,
     2459                            'size_units' => ['px', '%', 'custom'],
     2460                            'selectors' => [
     2461                                '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active' => 'height: {{SIZE}}{{UNIT}};',
     2462                            ],
     2463                        ]
     2464                    );
     2465                    $this->add_responsive_control(
     2466                        'bullet_active_scale_custom',
     2467                        [
     2468                            'label' => esc_html__('Bullet Scale', 'ultimate-tag-cloud'),
     2469                            'type' => Controls_Manager::SLIDER,
     2470                            'range' => [
     2471                                'px' => [
     2472                                    'min' => 0,
     2473                                    'max' => 1000,
     2474                                    'step' => 0.1,
     2475                                ],
     2476                            ],
     2477                            'selectors' => [
     2478                                '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active' => 'transform: scale({{SIZE}})',
     2479                            ],
     2480                        ]
     2481                    );
     2482                    $this->add_control(
     2483                        'navigation_dot_active_border_color',
     2484                        [
     2485                            'label' => esc_html__('Border Color', 'ultimate-tag-cloud'),
     2486                            'type' => Controls_Manager::COLOR,
     2487                            'selectors' => [
     2488                                '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination .swiper-pagination-bullet:hover' => 'border-color: {{VALUE}};',
     2489                                '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active' => 'border-color: {{VALUE}};',
     2490
     2491                            ],
     2492                        ]
     2493                    );
     2494                $this->end_controls_tab();
     2495            $this->end_controls_tabs();
     2496            // Active Bullet End
     2497            $this->add_responsive_control(
     2498                'bullet_spacing_custom_position',
     2499                [
     2500                    'label' => esc_html__('Top Position', 'ultimate-tag-cloud'),
     2501                    'type' => Controls_Manager::SLIDER,
     2502                    'size_units' => ['px', '%', 'custom'],
     2503                    'show_label' => true,
     2504                    'range' => [
     2505                        'px' => [
     2506                            'min' => -1000,
     2507                            'max' => 1000,
     2508                        ],
     2509                        '%' => [
     2510                            'min' => -1000,
     2511                            'max' => 1000,
     2512                        ],
     2513                    ],
     2514                    'separator' => 'before',
     2515                    'selectors' => [
     2516                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination' => 'top: {{SIZE}}{{UNIT}} !important; bottom: unset !important;',
     2517                    ],
     2518                ]
     2519            );
     2520            $this->add_responsive_control(
     2521                'bullet_spacing_custom_position_bottom',
     2522                [
     2523                    'label' => esc_html__('Bottom Position', 'ultimate-tag-cloud'),
     2524                    'type' => Controls_Manager::SLIDER,
     2525                    'size_units' => ['px', '%', 'custom'],
     2526                    'show_label' => true,
     2527                    'range' => [
     2528                        'px' => [
     2529                            'min' => -1000,
     2530                            'max' => 1000,
     2531                        ],
     2532                        '%' => [
     2533                            'min' => -1000,
     2534                            'max' => 1000,
     2535                        ],
     2536                    ],
     2537                    'default' => [
     2538                        'size' => 0,
     2539                    ],
     2540                    'selectors' => [
     2541                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination' => 'bottom: {{SIZE}}{{UNIT}} !important; top: unset !important;',
     2542                    ],
     2543                ]
     2544            );
     2545        $this->end_controls_section();
     2546
     2547        // Progress Pagination
     2548        $this->start_controls_section(
     2549            'section_slider_style_dots_progress',
     2550            [
     2551                'label' => esc_html__('Bullet Progress Control', 'ultimate-tag-cloud'),
     2552                'tab' => Controls_Manager::TAB_STYLE,
     2553                'condition' => [
     2554                    'slider_dots' => 'true',
     2555                    'slider_bullet_type' => 'progressbar'
     2556                ]
     2557            ]
     2558        );
     2559            $this->add_control(
     2560                'dots_progress_control_heading',
     2561                [
     2562                    'label' => esc_html__( 'Progress Options', 'ultimate-tag-cloud' ),
     2563                    'type' => Controls_Manager::HEADING,
     2564                    'classes' => 'fpg-control-type-heading',
     2565                ]
     2566            );
     2567            $this->add_responsive_control(
     2568                'dots_progress_width',
     2569                [
     2570                    'label' => esc_html__( 'Width', 'ultimate-tag-cloud' ),
     2571                    'type' => Controls_Manager::SLIDER,
     2572                    'size_units' => [ 'px', '%', 'custom' ],
     2573                    'range' => [
     2574                        'px' => [
     2575                            'min' => 0,
     2576                            'max' => 1000
     2577                        ],
     2578                        '%' => [
     2579                            'min' => 0,
     2580                            'max' => 100,
     2581                        ],
     2582                    ],
     2583                    'selectors' => [
     2584                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination' => 'width: {{SIZE}}{{UNIT}} !important;',
     2585                    ],
     2586                ]
     2587            );
     2588            $this->add_responsive_control(
     2589                'dots_progress_height',
     2590                [
     2591                    'label' => esc_html__( 'Height', 'ultimate-tag-cloud' ),
     2592                    'type' => Controls_Manager::SLIDER,
     2593                    'size_units' => [ 'px', '%', 'custom' ],
     2594                    'range' => [
     2595                        'px' => [
     2596                            'min' => 0,
     2597                            'max' => 1000
     2598                        ],
     2599                        '%' => [
     2600                            'min' => 0,
     2601                            'max' => 100,
     2602                        ],
     2603                    ],
     2604                    'selectors' => [
     2605                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination' => 'height: {{SIZE}}{{UNIT}} !important;',
     2606                    ],
     2607                ]
     2608            );
     2609            $this->add_control(
     2610                'dots_progress_track_color',
     2611                [
     2612                    'label' => esc_html__( 'Track Background Color', 'ultimate-tag-cloud' ),
     2613                    'type' => Controls_Manager::COLOR,
     2614                    'selectors' => [
     2615                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination' => 'background-color: {{VALUE}}',
     2616                    ],
     2617                ]
     2618            );
     2619            $this->add_control(
     2620                'dots_progress_color',
     2621                [
     2622                    'label' => esc_html__( 'Progress Color', 'ultimate-tag-cloud' ),
     2623                    'type' => Controls_Manager::COLOR,
     2624                    'selectors' => [
     2625                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination .swiper-pagination-progressbar-fill' => 'background-color: {{VALUE}}',
     2626                    ],
     2627                ]
     2628            );
     2629            $this->add_responsive_control(
     2630                'dots_progress_radius',
     2631                [
     2632                    'label' => esc_html__( 'Border Radius', 'ultimate-tag-cloud' ),
     2633                    'type' => Controls_Manager::DIMENSIONS,
     2634                    'size_units' => [ 'px', '%', 'custom' ],
     2635                    'selectors' => [
     2636                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     2637                    ],
     2638                ]
     2639            );
     2640            $this->add_group_control(
     2641                Group_Control_Border::get_type(),
     2642                [
     2643                    'name' => 'dots_progress_border',
     2644                    'selector' => '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination',
     2645                ]
     2646            );
     2647            $this->add_group_control(
     2648                Group_Control_Box_Shadow::get_type(),
     2649                [
     2650                    'name' => 'dots_progress_box_shadow',
     2651                    'selector' => '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination',
     2652                ]
     2653            );
     2654
     2655            // Position Control
     2656            $this->add_control(
     2657                'dots_progress_control_position_heading',
     2658                [
     2659                    'label' => esc_html__( 'Position Options', 'ultimate-tag-cloud' ),
     2660                    'type' => Controls_Manager::HEADING,
     2661                    'classes' => 'fpg-control-type-heading',
     2662                    'separator' => 'before',
     2663                ]
     2664            );
     2665            $this->add_responsive_control(
     2666                'dots_progress_position_top',
     2667                [
     2668                    'label' => esc_html__( 'Position Top', 'ultimate-tag-cloud' ),
     2669                    'type' => Controls_Manager::SLIDER,
     2670                    'size_units' => [ 'px', '%', 'custom' ],
     2671                    'range' => [
     2672                        'px' => [
     2673                            'min' => 0,
     2674                            'max' => 1000
     2675                        ],
     2676                        '%' => [
     2677                            'min' => 0,
     2678                            'max' => 100,
     2679                        ],
     2680                    ],
     2681                    'selectors' => [
     2682                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination' => 'top: {{SIZE}}{{UNIT}} !important; bottom: unset !important;',
     2683                    ],
     2684                ]
     2685            );
     2686            $this->add_responsive_control(
     2687                'dots_progress_position_right',
     2688                [
     2689                    'label' => esc_html__( 'Position Right', 'ultimate-tag-cloud' ),
     2690                    'type' => Controls_Manager::SLIDER,
     2691                    'size_units' => [ 'px', '%', 'custom' ],
     2692                    'range' => [
     2693                        'px' => [
     2694                            'min' => 0,
     2695                            'max' => 1000
     2696                        ],
     2697                        '%' => [
     2698                            'min' => 0,
     2699                            'max' => 100,
     2700                        ],
     2701                    ],
     2702                    'selectors' => [
     2703                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination' => 'right: {{SIZE}}{{UNIT}} !important; left: unset !important;',
     2704                    ],
     2705                ]
     2706            );
     2707            $this->add_responsive_control(
     2708                'dots_progress_position_bottom',
     2709                [
     2710                    'label' => esc_html__( 'Position Bottom', 'ultimate-tag-cloud' ),
     2711                    'type' => Controls_Manager::SLIDER,
     2712                    'size_units' => [ 'px', '%', 'custom' ],
     2713                    'range' => [
     2714                        'px' => [
     2715                            'min' => 0,
     2716                            'max' => 1000
     2717                        ],
     2718                        '%' => [
     2719                            'min' => 0,
     2720                            'max' => 100,
     2721                        ],
     2722                    ],
     2723                    'selectors' => [
     2724                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination' => 'bottom: {{SIZE}}{{UNIT}} !important; top: unset !important;',
     2725                    ],
     2726                ]
     2727            );
     2728            $this->add_responsive_control(
     2729                'dots_progress_position_left',
     2730                [
     2731                    'label' => esc_html__( 'Position Left', 'ultimate-tag-cloud' ),
     2732                    'type' => Controls_Manager::SLIDER,
     2733                    'size_units' => [ 'px', '%', 'custom' ],
     2734                    'range' => [
     2735                        'px' => [
     2736                            'min' => 0,
     2737                            'max' => 1000
     2738                        ],
     2739                        '%' => [
     2740                            'min' => 0,
     2741                            'max' => 100,
     2742                        ],
     2743                    ],
     2744                    'selectors' => [
     2745                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination' => 'left: {{SIZE}}{{UNIT}} !important; right: unset !important;',
     2746                    ],
     2747                ]
     2748            );
     2749        $this->end_controls_section();
     2750
     2751        // Fraction Pagination
     2752        $this->start_controls_section(
     2753            'section_slider_style_dots_fraction',
     2754            [
     2755                'label' => esc_html__('Bullet Fraction Control', 'ultimate-tag-cloud'),
     2756                'tab' => Controls_Manager::TAB_STYLE,
     2757                'condition' => [
     2758                    'slider_dots' => 'true',
     2759                    'slider_bullet_type' => 'fraction'
     2760                ]
     2761            ]
     2762        );
     2763            $this->add_responsive_control(
     2764                'dots_fraction_wrapper_alignments',
     2765                [
     2766                    'label' => esc_html__('Alignment', 'ultimate-tag-cloud'),
     2767                    'type' => Controls_Manager::CHOOSE,
     2768                    'options' => [
     2769                        'left' => [
     2770                            'title' => esc_html__('Left', 'ultimate-tag-cloud'),
     2771                            'icon' => 'eicon-text-align-left',
     2772                        ],
     2773                        'center' => [
     2774                            'title' => esc_html__('Center', 'ultimate-tag-cloud'),
     2775                            'icon' => 'eicon-text-align-center',
     2776                        ],
     2777                        'right' => [
     2778                            'title' => esc_html__('Right', 'ultimate-tag-cloud'),
     2779                            'icon' => 'eicon-text-align-right',
     2780                        ],
     2781                        'justify' => [
     2782                            'title' => esc_html__('Justify', 'ultimate-tag-cloud'),
     2783                            'icon' => 'eicon-text-align-justify',
     2784                        ],
     2785                    ],
     2786                    'toggle' => true,
     2787                    'selectors' => [
     2788                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination' => 'text-align: {{VALUE}}'
     2789                    ],
     2790                ]
     2791            );
     2792            $this->add_group_control(
     2793                Group_Control_Typography::get_type(),
     2794                [
     2795                    'name' => 'dots_fraction_typography',
     2796                    'selector' => '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination',
     2797                ]
     2798            );
     2799            $this->add_control(
     2800                'dots_fraction_text_color',
     2801                [
     2802                    'label' => esc_html__( 'Text Color', 'ultimate-tag-cloud' ),
     2803                    'type' => Controls_Manager::COLOR,
     2804                    'selectors' => [
     2805                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination' => 'color: {{VALUE}}',
     2806                    ],
     2807                ]
     2808            );
     2809            $this->add_control(
     2810                'dots_fraction_text_color_current',
     2811                [
     2812                    'label' => esc_html__( 'Text Color (Current)', 'ultimate-tag-cloud' ),
     2813                    'type' => Controls_Manager::COLOR,
     2814                    'selectors' => [
     2815                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination .swiper-pagination-current' => 'color: {{VALUE}}',
     2816                    ],
     2817                ]
     2818            );
     2819
     2820            $this->add_responsive_control(
     2821                'dots_fraction_wrapper_width',
     2822                [
     2823                    'label' => esc_html__('Width', 'ultimate-tag-cloud'),
     2824                    'type' => Controls_Manager::SLIDER,
     2825                    'size_units' => ['px', '%', 'custom'],
     2826                    'show_label' => true,
     2827                    'range' => [
     2828                        'px' => [
     2829                            'min' => 0,
     2830                            'max' => 1000,
     2831                        ],
     2832                        '%' => [
     2833                            'min' => 0,
     2834                            'max' => 1000,
     2835                        ],
     2836                    ],
     2837                    'selectors' => [
     2838                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination' => 'width: {{SIZE}}{{UNIT}};',
     2839                    ],
     2840                ]
     2841            );
     2842            $this->add_responsive_control(
     2843                'dots_fraction_wrapper_height',
     2844                [
     2845                    'label' => esc_html__('Height', 'ultimate-tag-cloud'),
     2846                    'type' => Controls_Manager::SLIDER,
     2847                    'size_units' => ['px', '%', 'custom'],
     2848                    'show_label' => true,
     2849                    'range' => [
     2850                        'px' => [
     2851                            'min' => 0,
     2852                            'max' => 1000,
     2853                        ],
     2854                        '%' => [
     2855                            'min' => 0,
     2856                            'max' => 1000,
     2857                        ],
     2858                    ],
     2859                    'selectors' => [
     2860                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination' => 'height: {{SIZE}}{{UNIT}};',
     2861                    ],
     2862                ]
     2863            );
     2864            $this->add_responsive_control(
     2865                'dots_fraction_wrapper_padding',
     2866                [
     2867                    'label' => esc_html__( 'Padding', 'ultimate-tag-cloud' ),
     2868                    'type' => Controls_Manager::DIMENSIONS,
     2869                    'size_units' => [ 'px', '%', 'custom' ],
     2870                    'selectors' => [
     2871                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     2872                    ],
     2873                ]
     2874            );
     2875            $this->add_responsive_control(
     2876                'dots_fraction_wrapper_radius',
     2877                [
     2878                    'label' => esc_html__( 'Border Radius', 'ultimate-tag-cloud' ),
     2879                    'type' => Controls_Manager::DIMENSIONS,
     2880                    'size_units' => [ 'px', '%', 'custom' ],
     2881                    'selectors' => [
     2882                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     2883                    ],
     2884                ]
     2885            );
     2886            $this->add_group_control(
     2887                Group_Control_Background::get_type(),
     2888                [
     2889                    'name' => 'dots_fraction_wrapper_background',
     2890                    'types' => [ 'classic', 'gradient' ],
     2891                    'selector' => '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination',
     2892                ]
     2893            );
     2894            $this->add_group_control(
     2895                Group_Control_Border::get_type(),
     2896                [
     2897                    'name' => 'dots_fraction_wrapper_border',
     2898                    'selector' => '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination',
     2899                ]
     2900            );
     2901            $this->add_group_control(
     2902                Group_Control_Box_Shadow::get_type(),
     2903                [
     2904                    'name' => 'dots_fraction_wrapper_box_shadow',
     2905                    'selector' => '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination',
     2906                ]
     2907            );
     2908
     2909            // Position Control
     2910            $this->add_control(
     2911                'dots_fraction_control_position_heading',
     2912                [
     2913                    'label' => esc_html__( 'Position Options', 'ultimate-tag-cloud' ),
     2914                    'type' => Controls_Manager::HEADING,
     2915                    'classes' => 'fpg-control-type-heading',
     2916                    'separator' => 'before',
     2917                ]
     2918            );
     2919            $this->add_responsive_control(
     2920                'dots_fraction_position_top',
     2921                [
     2922                    'label' => esc_html__('Top Position', 'ultimate-tag-cloud'),
     2923                    'type' => Controls_Manager::SLIDER,
     2924                    'size_units' => ['px', '%', 'custom'],
     2925                    'show_label' => true,
     2926                    'range' => [
     2927                        'px' => [
     2928                            'min' => -1000,
     2929                            'max' => 1000,
     2930                        ],
     2931                        '%' => [
     2932                            'min' => -1000,
     2933                            'max' => 1000,
     2934                        ],
     2935                    ],
     2936                    'selectors' => [
     2937                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination' => 'top: {{SIZE}}{{UNIT}} !important; bottom: unset !important;',
     2938                    ],
     2939                ]
     2940            );
     2941            $this->add_responsive_control(
     2942                'dots_fraction_position_right',
     2943                [
     2944                    'label' => esc_html__('Right Position', 'ultimate-tag-cloud'),
     2945                    'type' => Controls_Manager::SLIDER,
     2946                    'size_units' => ['px', '%', 'custom'],
     2947                    'show_label' => true,
     2948                    'range' => [
     2949                        'px' => [
     2950                            'min' => -1000,
     2951                            'max' => 1000,
     2952                        ],
     2953                        '%' => [
     2954                            'min' => -1000,
     2955                            'max' => 1000,
     2956                        ],
     2957                    ],
     2958                    'selectors' => [
     2959                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination' => 'right: {{SIZE}}{{UNIT}} !important; left: unset !important;',
     2960                    ],
     2961                ]
     2962            );
     2963            $this->add_responsive_control(
     2964                'dots_fraction_position_bottom',
     2965                [
     2966                    'label' => esc_html__('Bottom Position', 'ultimate-tag-cloud'),
     2967                    'type' => Controls_Manager::SLIDER,
     2968                    'size_units' => ['px', '%', 'custom'],
     2969                    'show_label' => true,
     2970                    'range' => [
     2971                        'px' => [
     2972                            'min' => -1000,
     2973                            'max' => 1000,
     2974                        ],
     2975                        '%' => [
     2976                            'min' => -1000,
     2977                            'max' => 1000,
     2978                        ],
     2979                    ],
     2980                    'selectors' => [
     2981                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination' => 'bottom: {{SIZE}}{{UNIT}} !important; top: unset !important;',
     2982                    ],
     2983                ]
     2984            );
     2985            $this->add_responsive_control(
     2986                'dots_fraction_position_left',
     2987                [
     2988                    'label' => esc_html__('Left Position', 'ultimate-tag-cloud'),
     2989                    'type' => Controls_Manager::SLIDER,
     2990                    'size_units' => ['px', '%', 'custom'],
     2991                    'show_label' => true,
     2992                    'range' => [
     2993                        'px' => [
     2994                            'min' => -1000,
     2995                            'max' => 1000,
     2996                        ],
     2997                        '%' => [
     2998                            'min' => -1000,
     2999                            'max' => 1000,
     3000                        ],
     3001                    ],
     3002                    'selectors' => [
     3003                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-pagination' => 'left: {{SIZE}}{{UNIT}} !important; right: unset !important;',
     3004                    ],
     3005                ]
     3006            );
     3007        $this->end_controls_section();
     3008
     3009        // Autoplay Progress
     3010        $this->start_controls_section(
     3011            'section_slider_autoplay_progress',
     3012            [
     3013                'label' => esc_html__('Autoplay Progress Control', 'ultimate-tag-cloud'),
     3014                'tab' => Controls_Manager::TAB_STYLE,
     3015                'condition' => [
     3016                    'slider_autoplay' => 'true',
     3017                    'slide_item_circle_progress' => 'true'
     3018                ]
     3019            ]
     3020        );
     3021            $this->add_control(
     3022                'autoplay_progress_circle_heading',
     3023                [
     3024                    'label' => esc_html__( 'Circle Options', 'ultimate-tag-cloud' ),
     3025                    'type' => Controls_Manager::HEADING,
     3026                    'classes' => 'fpg-control-type-heading',
     3027                ]
     3028            );
     3029            $this->add_responsive_control(
     3030                'autoplay_progress_size',
     3031                [
     3032                    'label' => esc_html__( 'Size', 'ultimate-tag-cloud' ),
     3033                    'type' => Controls_Manager::SLIDER,
     3034                    'size_units' => [ 'px', '%', 'custom' ],
     3035                    'range' => [
     3036                        'px' => [
     3037                            'min' => 0,
     3038                            'max' => 1000,
     3039                        ],
     3040                        '%' => [
     3041                            'min' => 0,
     3042                            'max' => 100,
     3043                        ],
     3044                    ],
     3045                    'selectors' => [
     3046                        '{{WRAPPER}} .ultimate-tag-cloud .autoplay-progress' => 'width: {{SIZE}}{{UNIT}}; height: {{SIZE}}{{UNIT}};',
     3047                    ],
     3048                ]
     3049            );
     3050            $this->add_responsive_control(
     3051                'autoplay_progress_stroke_width',
     3052                [
     3053                    'label' => esc_html__( 'Stroke Width', 'ultimate-tag-cloud' ),
     3054                    'type' => Controls_Manager::SLIDER,
     3055                    'size_units' => [ 'px', '%', 'custom' ],
     3056                    'range' => [
     3057                        'px' => [
     3058                            'min' => 0,
     3059                            'max' => 1000,
     3060                        ],
     3061                        '%' => [
     3062                            'min' => 0,
     3063                            'max' => 100,
     3064                        ],
     3065                    ],
     3066                    'selectors' => [
     3067                        '{{WRAPPER}} .ultimate-tag-cloud .autoplay-progress svg' => 'stroke-width: {{SIZE}}{{UNIT}};',
     3068                    ],
     3069                ]
     3070            );
     3071            $this->add_control(
     3072                'autoplay_progress_stroke_color',
     3073                [
     3074                    'label' => esc_html__( 'Stroke Color', 'ultimate-tag-cloud' ),
     3075                    'type' => Controls_Manager::COLOR,
     3076                    'selectors' => [
     3077                        '{{WRAPPER}} .ultimate-tag-cloud .autoplay-progress svg' => 'stroke: {{VALUE}}',
     3078                    ],
     3079                ]
     3080            );
     3081            $this->add_control(
     3082                'autoplay_progress_stroke_color_solid',
     3083                [
     3084                    'label' => esc_html__( 'Stroke Color (Solid)', 'ultimate-tag-cloud' ),
     3085                    'type' => Controls_Manager::COLOR,
     3086                    'selectors' => [
     3087                        '{{WRAPPER}} .ultimate-tag-cloud .autoplay-progress svg circle.normal' => 'stroke: {{VALUE}}',
     3088                    ],
     3089                ]
     3090            );
     3091            $this->add_control(
     3092                'autoplay_progress_bg_color',
     3093                [
     3094                    'label' => esc_html__( 'Background Color', 'ultimate-tag-cloud' ),
     3095                    'type' => Controls_Manager::COLOR,
     3096                    'selectors' => [
     3097                        '{{WRAPPER}} .ultimate-tag-cloud .autoplay-progress svg' => 'fill: {{VALUE}}',
     3098                    ],
     3099                ]
     3100            );
     3101
     3102            // Number Control
     3103            $this->add_control(
     3104                'autoplay_progress_number_heading',
     3105                [
     3106                    'label' => esc_html__( 'Number Options', 'ultimate-tag-cloud' ),
     3107                    'type' => Controls_Manager::HEADING,
     3108                    'classes' => 'fpg-control-type-heading',
     3109                    'separator' => 'before',
     3110                ]
     3111            );
     3112            $this->add_group_control(
     3113                Group_Control_Typography::get_type(),
     3114                [
     3115                    'name' => 'autoplay_progress_number_typography',
     3116                    'selector' => '{{WRAPPER}} .ultimate-tag-cloud .autoplay-progress',
     3117                ]
     3118            );
     3119            $this->add_control(
     3120                'autoplay_progress_number_color',
     3121                [
     3122                    'label' => esc_html__( 'Text Color', 'ultimate-tag-cloud' ),
     3123                    'type' => Controls_Manager::COLOR,
     3124                    'selectors' => [
     3125                        '{{WRAPPER}} .ultimate-tag-cloud .autoplay-progress' => 'color: {{VALUE}}',
     3126                    ],
     3127                ]
     3128            );
     3129
     3130            // Position Control
     3131            $this->add_control(
     3132                'autoplay_progress_position_heading',
     3133                [
     3134                    'label' => esc_html__( 'Position Options', 'ultimate-tag-cloud' ),
     3135                    'type' => Controls_Manager::HEADING,
     3136                    'classes' => 'fpg-control-type-heading',
     3137                    'separator' => 'before',
     3138                ]
     3139            );
     3140            $this->add_responsive_control(
     3141                'autoplay_progress_position_top',
     3142                [
     3143                    'label' => esc_html__('Top Position', 'ultimate-tag-cloud'),
     3144                    'type' => Controls_Manager::SLIDER,
     3145                    'size_units' => ['px', '%', 'custom'],
     3146                    'show_label' => true,
     3147                    'range' => [
     3148                        'px' => [
     3149                            'min' => -1000,
     3150                            'max' => 1000,
     3151                        ],
     3152                        '%' => [
     3153                            'min' => -1000,
     3154                            'max' => 1000,
     3155                        ],
     3156                    ],
     3157                    'selectors' => [
     3158                        '{{WRAPPER}} .ultimate-tag-cloud .autoplay-progress' => 'top: {{SIZE}}{{UNIT}} !important; bottom: unset !important;',
     3159                    ],
     3160                ]
     3161            );
     3162            $this->add_responsive_control(
     3163                'autoplay_progress_position_right',
     3164                [
     3165                    'label' => esc_html__('Right Position', 'ultimate-tag-cloud'),
     3166                    'type' => Controls_Manager::SLIDER,
     3167                    'size_units' => ['px', '%', 'custom'],
     3168                    'show_label' => true,
     3169                    'range' => [
     3170                        'px' => [
     3171                            'min' => -1000,
     3172                            'max' => 1000,
     3173                        ],
     3174                        '%' => [
     3175                            'min' => -1000,
     3176                            'max' => 1000,
     3177                        ],
     3178                    ],
     3179                    'selectors' => [
     3180                        '{{WRAPPER}} .ultimate-tag-cloud .autoplay-progress' => 'right: {{SIZE}}{{UNIT}} !important; left: unset !important;',
     3181                    ],
     3182                ]
     3183            );
     3184            $this->add_responsive_control(
     3185                'autoplay_progress_position_bottom',
     3186                [
     3187                    'label' => esc_html__('Bottom Position', 'ultimate-tag-cloud'),
     3188                    'type' => Controls_Manager::SLIDER,
     3189                    'size_units' => ['px', '%', 'custom'],
     3190                    'show_label' => true,
     3191                    'range' => [
     3192                        'px' => [
     3193                            'min' => -1000,
     3194                            'max' => 1000,
     3195                        ],
     3196                        '%' => [
     3197                            'min' => -1000,
     3198                            'max' => 1000,
     3199                        ],
     3200                    ],
     3201                    'selectors' => [
     3202                        '{{WRAPPER}} .ultimate-tag-cloud .autoplay-progress' => 'bottom: {{SIZE}}{{UNIT}} !important; top: unset !important;',
     3203                    ],
     3204                ]
     3205            );
     3206            $this->add_responsive_control(
     3207                'autoplay_progress_position_left',
     3208                [
     3209                    'label' => esc_html__('Left Position', 'ultimate-tag-cloud'),
     3210                    'type' => Controls_Manager::SLIDER,
     3211                    'size_units' => ['px', '%', 'custom'],
     3212                    'show_label' => true,
     3213                    'range' => [
     3214                        'px' => [
     3215                            'min' => -1000,
     3216                            'max' => 1000,
     3217                        ],
     3218                        '%' => [
     3219                            'min' => -1000,
     3220                            'max' => 1000,
     3221                        ],
     3222                    ],
     3223                    'selectors' => [
     3224                        '{{WRAPPER}} .ultimate-tag-cloud .autoplay-progress' => 'left: {{SIZE}}{{UNIT}} !important; right: unset !important;',
     3225                    ],
     3226                ]
     3227            );
     3228        $this->end_controls_section();
     3229
     3230        // Scrollbar
     3231        $this->start_controls_section(
     3232            'section_slider_scrollbar',
     3233            [
     3234                'label' => esc_html__('Scrollbar Control', 'ultimate-tag-cloud'),
     3235                'tab' => Controls_Manager::TAB_STYLE,
     3236                'condition' => [
     3237                    'slider_scrollbar' => 'true'
     3238                ]
     3239            ]
     3240        );
     3241            $this->add_responsive_control(
     3242                'scrollbar_width',
     3243                [
     3244                    'label' => esc_html__( 'Width', 'ultimate-tag-cloud' ),
     3245                    'type' => Controls_Manager::SLIDER,
     3246                    'size_units' => [ 'px', '%', 'custom' ],
     3247                    'range' => [
     3248                        'px' => [
     3249                            'min' => 0,
     3250                            'max' => 1000
     3251                        ],
     3252                        '%' => [
     3253                            'min' => 0,
     3254                            'max' => 100,
     3255                        ],
     3256                    ],
     3257                    'selectors' => [
     3258                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-scrollbar' => 'width: {{SIZE}}{{UNIT}} !important;',
     3259                    ],
     3260                ]
     3261            );
     3262            $this->add_responsive_control(
     3263                'scrollbar_height',
     3264                [
     3265                    'label' => esc_html__( 'Height', 'ultimate-tag-cloud' ),
     3266                    'type' => Controls_Manager::SLIDER,
     3267                    'size_units' => [ 'px', '%', 'custom' ],
     3268                    'range' => [
     3269                        'px' => [
     3270                            'min' => 0,
     3271                            'max' => 1000
     3272                        ],
     3273                        '%' => [
     3274                            'min' => 0,
     3275                            'max' => 100,
     3276                        ],
     3277                    ],
     3278                    'selectors' => [
     3279                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-scrollbar' => 'height: {{SIZE}}{{UNIT}} !important;',
     3280                    ],
     3281                ]
     3282            );
     3283            $this->add_control(
     3284                'scrollbar_track_color',
     3285                [
     3286                    'label' => esc_html__( 'Track Background Color', 'ultimate-tag-cloud' ),
     3287                    'type' => Controls_Manager::COLOR,
     3288                    'selectors' => [
     3289                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-scrollbar' => 'background-color: {{VALUE}}',
     3290                    ],
     3291                ]
     3292            );
     3293            $this->add_control(
     3294                'scrollbar_color',
     3295                [
     3296                    'label' => esc_html__( 'Scrollbar Color', 'ultimate-tag-cloud' ),
     3297                    'type' => Controls_Manager::COLOR,
     3298                    'selectors' => [
     3299                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-scrollbar .swiper-scrollbar-drag' => 'background-color: {{VALUE}}',
     3300                    ],
     3301                ]
     3302            );
     3303            $this->add_responsive_control(
     3304                'scrollbar_margin',
     3305                [
     3306                    'label' => esc_html__( 'Margin', 'ultimate-tag-cloud' ),
     3307                    'type' => Controls_Manager::DIMENSIONS,
     3308                    'size_units' => [ 'px', '%', 'custom' ],
     3309                    'selectors' => [
     3310                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-scrollbar' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
     3311                    ],
     3312                ]
     3313            );
     3314            $this->add_group_control(
     3315                Group_Control_Border::get_type(),
     3316                [
     3317                    'name' => 'scrollbar_border',
     3318                    'selector' => '{{WRAPPER}} .ultimate-tag-cloud .swiper-scrollbar',
     3319                ]
     3320            );
     3321            $this->add_group_control(
     3322                Group_Control_Box_Shadow::get_type(),
     3323                [
     3324                    'name' => 'scrollbar_box_shadow',
     3325                    'selector' => '{{WRAPPER}} .ultimate-tag-cloud .swiper-scrollbar',
     3326                ]
     3327            );
     3328            // Position Control
     3329            $this->add_control(
     3330                'scrollbar_position_heading',
     3331                [
     3332                    'label' => esc_html__( 'Position Options', 'ultimate-tag-cloud' ),
     3333                    'type' => Controls_Manager::HEADING,
     3334                    'classes' => 'fpg-control-type-heading',
     3335                    'separator' => 'before',
     3336                ]
     3337            );
     3338            $this->add_responsive_control(
     3339                'scrollbar_position_top',
     3340                [
     3341                    'label' => esc_html__('Top Position', 'ultimate-tag-cloud'),
     3342                    'type' => Controls_Manager::SLIDER,
     3343                    'size_units' => ['px', '%', 'custom'],
     3344                    'show_label' => true,
     3345                    'range' => [
     3346                        'px' => [
     3347                            'min' => -1000,
     3348                            'max' => 1000,
     3349                        ],
     3350                        '%' => [
     3351                            'min' => -1000,
     3352                            'max' => 1000,
     3353                        ],
     3354                    ],
     3355                    'selectors' => [
     3356                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-scrollbar' => 'top: {{SIZE}}{{UNIT}} !important; bottom: unset !important;',
     3357                    ],
     3358                ]
     3359            );
     3360            $this->add_responsive_control(
     3361                'scrollbar_position_right',
     3362                [
     3363                    'label' => esc_html__('Right Position', 'ultimate-tag-cloud'),
     3364                    'type' => Controls_Manager::SLIDER,
     3365                    'size_units' => ['px', '%', 'custom'],
     3366                    'show_label' => true,
     3367                    'range' => [
     3368                        'px' => [
     3369                            'min' => -1000,
     3370                            'max' => 1000,
     3371                        ],
     3372                        '%' => [
     3373                            'min' => -1000,
     3374                            'max' => 1000,
     3375                        ],
     3376                    ],
     3377                    'selectors' => [
     3378                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-scrollbar' => 'right: {{SIZE}}{{UNIT}} !important; left: unset !important;',
     3379                    ],
     3380                ]
     3381            );
     3382            $this->add_responsive_control(
     3383                'scrollbar_position_bottom',
     3384                [
     3385                    'label' => esc_html__('Bottom Position', 'ultimate-tag-cloud'),
     3386                    'type' => Controls_Manager::SLIDER,
     3387                    'size_units' => ['px', '%', 'custom'],
     3388                    'show_label' => true,
     3389                    'range' => [
     3390                        'px' => [
     3391                            'min' => -1000,
     3392                            'max' => 1000,
     3393                        ],
     3394                        '%' => [
     3395                            'min' => -1000,
     3396                            'max' => 1000,
     3397                        ],
     3398                    ],
     3399                    'selectors' => [
     3400                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-scrollbar' => 'bottom: {{SIZE}}{{UNIT}} !important; top: unset !important;',
     3401                    ],
     3402                ]
     3403            );
     3404            $this->add_responsive_control(
     3405                'scrollbar_position_left',
     3406                [
     3407                    'label' => esc_html__('Left Position', 'ultimate-tag-cloud'),
     3408                    'type' => Controls_Manager::SLIDER,
     3409                    'size_units' => ['px', '%', 'custom'],
     3410                    'show_label' => true,
     3411                    'range' => [
     3412                        'px' => [
     3413                            'min' => -1000,
     3414                            'max' => 1000,
     3415                        ],
     3416                        '%' => [
     3417                            'min' => -1000,
     3418                            'max' => 1000,
     3419                        ],
     3420                    ],
     3421                    'selectors' => [
     3422                        '{{WRAPPER}} .ultimate-tag-cloud .swiper-scrollbar' => 'left: {{SIZE}}{{UNIT}} !important; right: unset !important;',
     3423                    ],
     3424                ]
     3425            );
     3426        $this->end_controls_section();
    6463427    }
    6473428
    … …  
    6783459        $randColorCls = $settings['random_color'] === 'yes' ? 'rand-color' : '';
    6793460        $randSizeCls = $settings['random_size'] === 'yes' ? 'rand-size' : '';
     3461
     3462        if ('slider' === $settings['layout']) {
     3463            $sliderDots = $settings['slider_dots'] == 'true' ? 'true' : 'false';
     3464            $sliderNav = $settings['slider_nav'] == 'true' ? 'true' : 'false';
     3465            if ($sliderNav == 'true') {
     3466                $sliderNavStyleCls = !empty($settings['slider_nav_style']) ? 'nav-style-' . $settings['slider_nav_style'] : '';
     3467                $sliderNavIconCls = !empty($settings['slider_nav_icon_style']) ? 'nav-icon-' . $settings['slider_nav_icon_style'] : '';
     3468                $sliderNavCls = $sliderNavStyleCls . ' ' . $sliderNavIconCls;
     3469            } else {
     3470                $sliderNavCls = '';
     3471            }
     3472            $sliderDotsCls = ($sliderDots == 'true') ? 'swiper-dots-'.$settings['slider_dots_style'] : '';
     3473            $rtl = ('right' === $settings['slider_direction']) ? 'rtl' : 'ltr';
     3474
     3475            $swiperCls = 'swiper';
     3476            $swiperWrapperCls = 'swiper-wrapper';
     3477            $slItemCls = 'swiper-slide';
     3478            $this->add_render_attribute( 'utc_parent', [
     3479                'id' => $id,
     3480                'class' => [
     3481                    'ultimate-tag-cloud',
     3482                    $sliderNavCls,
     3483                    $sliderDotsCls
     3484                ]
     3485            ]);
     3486            $this->add_render_attribute( 'utc_main', [
     3487                'class' => [
     3488                    $swiperCls,
     3489                    'ultimate-tag-cloud-container',
     3490                    'style-'.$tag_style,
     3491                    $ribbon_style
     3492                ],
     3493                'dir' => $rtl
     3494            ]);
     3495        } else {
     3496            $swiperCls = '';
     3497            $swiperWrapperCls = '';
     3498            $slItemCls = '';
     3499            $this->add_render_attribute( 'utc_parent', [
     3500                'id' => $id,
     3501                'class' => [
     3502                    'ultimate-tag-cloud'
     3503                ]
     3504            ]);
     3505            $this->add_render_attribute( 'utc_main', [
     3506                'class' => [
     3507                    $swiperCls,
     3508                    'ultimate-tag-cloud-container',
     3509                    'style-'.$tag_style,
     3510                    $ribbon_style
     3511                ],
     3512            ]);
     3513        }
    6803514   
    6813515        foreach ($taxonomies as $taxonomy) {
    … …  
    7143548            return;
    7153549        }
    716        
    717         $json_data = wp_json_encode($words_array);
    7183550
    7193551        if ($order_by === 'random') {
    … …  
    7213553        }
    7223554        ?>
    723         <div class="<?php echo esc_attr($id); ?> ultimate-tag-cloud-container style-<?php echo esc_attr($tag_style); ?> <?php echo esc_attr($ribbon_style); ?>">
    724             <div class="ultimate-tag-cloud-words <?php echo esc_attr($tag_style); ?>">
    725                 <?php foreach ($words_array as $word) :
    726                     if ($settings['random_color'] === 'yes') {
    727                         $cssVarColors = '--colorNormal: '.$word['rand_color'].'; --colorHigh: '.$word['rand_color_high'].';';
    728                     }
    729                     if ($settings['random_size'] === 'yes') {
    730                         $cssVarNumber = '--randSize: '.$word['rand_number'].'px;';
    731                     }
    732                 ?>
    733                     <div class="tag-word-wrap <?php echo esc_attr($randColorCls); ?> <?php echo esc_attr($randSizeCls); ?>" style="<?php echo esc_attr($cssVarColors); ?> <?php echo esc_attr($cssVarNumber); ?>">
    734                         <a href="<?php echo esc_url($word['link']); ?>" class="ultimate-tag-cloud-word" title="<?php echo esc_attr($word['name']); ?>">
    735                             <?php echo esc_html($word['name']); ?> <?php if ($settings['show_count'] === 'yes') { ?> <span class="tag-count">(<?php echo esc_html($word['count']); ?>)</span> <?php } ?>
    736                         </a>
    737                     </div>
    738                 <?php endforeach;?>
     3555        <div <?php $this->print_render_attribute_string( 'utc_parent' ); ?>>
     3556            <div <?php $this->print_render_attribute_string( 'utc_main' ); ?>>
     3557                <div class="ultimate-tag-cloud-words <?php echo esc_attr($tag_style.' '.$swiperWrapperCls); ?>">
     3558                    <?php foreach ($words_array as $word) :
     3559                        if ($settings['random_color'] === 'yes') {
     3560                            $cssVarColors = '--colorNormal: '.$word['rand_color'].'; --colorHigh: '.$word['rand_color_high'].';';
     3561                        }
     3562                        if ($settings['random_size'] === 'yes') {
     3563                            $cssVarNumber = '--randSize: '.$word['rand_number'].'px;';
     3564                        }
     3565                    ?>
     3566                        <div class="<?php echo esc_attr($slItemCls.' '.$randColorCls.' '.$randSizeCls); ?> tag-word-wrap" style="<?php echo esc_attr($cssVarColors); ?> <?php echo esc_attr($cssVarNumber); ?>">
     3567                            <a href="<?php echo esc_url($word['link']); ?>" class="ultimate-tag-cloud-word" title="<?php echo esc_attr($word['name']); ?>">
     3568                                <?php echo esc_html($word['name']); ?> <?php if ($settings['show_count'] === 'yes') { ?> <span class="tag-count">(<?php echo esc_html($word['count']); ?>)</span> <?php } ?>
     3569                            </a>
     3570                        </div>
     3571                    <?php endforeach;?>
     3572                </div>
    7393573            </div>
     3574            <?php $this->render_sl_nav_content(); ?>
    7403575        </div>
    7413576        <?php
    … …  
    7933628        return "$r, $g, $b";
    7943629    }
     3630
     3631    // Slider Nav
     3632    protected function render_sl_nav_content() {
     3633        $settings = $this->get_settings_for_display();
     3634        if ('true' === $settings['slider_nav']) {
     3635            if ('2' === $settings['slider_nav_style']) { ?>
     3636                <div class="swiper-btn-wrapper">
     3637                    <div class="swiper-button-prev"></div>
     3638                    <div class="swiper-button-next"></div>
     3639                </div>
     3640            <?php } else { ?>
     3641                <div class="swiper-button-prev"></div>
     3642                <div class="swiper-button-next"></div>
     3643            <?php }
     3644        }
     3645        if ('true' === $settings['slider_dots']) { ?>
     3646            <div class="swiper-pagination"></div>
     3647        <?php }
     3648        if ('true' === $settings['slider_scrollbar']) { ?>
     3649            <div class="swiper-scrollbar"></div>
     3650        <?php }
     3651        if ('true' === $settings['slide_item_circle_progress']) { ?>
     3652            <div class="autoplay-progress">
     3653                <svg viewBox="0 0 48 48">
     3654                    <circle class="normal" cx="24" cy="24" r="20"></circle>
     3655                    <circle cx="24" cy="24" r="20"></circle>
     3656                </svg>
     3657                <span></span>
     3658            </div>
     3659        <?php }
     3660    }
    7953661}
Note: See TracChangeset for help on using the changeset viewer.