diff --git a/classes/views/styles/components/templates/slider.php b/classes/views/styles/components/templates/slider.php
index 89ea8fa9d4..d10610be63 100644
--- a/classes/views/styles/components/templates/slider.php
+++ b/classes/views/styles/components/templates/slider.php
@@ -1,20 +1,29 @@
-<?php if ( ! defined( 'ABSPATH' ) ) {
+<?php
+/**
+ * Slider style component template.
+ *
+ * @since 6.14
+ *
+ * @package Formidable
+ *
+ * @var string $component_attr  HTML attribute string for the outer wrapper element.
+ * @var string $component_class CSS class string for the outer wrapper element.
+ * @var array  $component       Slider configuration data set by FrmSliderStyleComponent.
+ * @var string $field_name      HTML name attribute string (e.g. 'name="frm_style_setting[post_content][font_size]"').
+ * @var string $field_value     Raw field value including unit (e.g. '13px' or '10px 20px 10px 20px').
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
 	die( 'You are not allowed to call this page directly.' );
 }
 
-if ( $component['has-multiple-values'] ) : ?>
+if ( ! empty( $component['has-multiple-values'] ) ) : ?>
 	<div class="<?php echo esc_attr( $component_class ); ?>" <?php echo esc_attr( $component_attr ); ?> >
 		<div class="frm-slider-component frm-has-multiple-values frm-group-sliders" data-display-sliders="top,bottom" data-type="vertical" data-max-value="<?php echo (int) $component['max_value']; ?>">
 			<div class="frm-flex-justify">
 				<div class="frm-slider-container">
 					<?php FrmAppHelper::icon_by_class( 'frmfont frm-margin-top-bottom' ); ?>
-					<span class="frm-slider" tabindex="0">
-						<span class="frm-slider-active-track">
-							<span class="frm-slider-bullet">
-								<span class="frm-slider-value-label"><?php echo (int) $component['vertical']['value']; ?></span>
-							</span>
-						</span>
-					</span>
+					<input type="range" class="frm-slider" min="0" max="<?php echo (int) $component['max_value']; ?>" value="<?php echo esc_attr( $component['vertical']['value'] ); ?>" />
 				</div>
 				<div class="frm-slider-value">
 					<input aria-label="<?php esc_attr_e( 'Vertical value', 'formidable' ); ?>" type="text" value="<?php echo esc_attr( $component['vertical']['value'] ); ?>" />
@@ -30,13 +39,7 @@
 			<div class="frm-flex-justify">
 				<div class="frm-slider-container">
 					<?php FrmAppHelper::icon_by_class( 'frmfont frm-margin-top' ); ?>
-					<span class="frm-slider" tabindex="0">
-						<span class="frm-slider-active-track">
-							<span class="frm-slider-bullet">
-								<span class="frm-slider-value-label"><?php echo (int) $component['top']['value']; ?></span>
-							</span>
-						</span>
-					</span>
+					<input type="range" class="frm-slider" min="0" max="<?php echo (int) $component['max_value']; ?>" value="<?php echo esc_attr( $component['top']['value'] ); ?>" />
 				</div>
 				<div class="frm-slider-value">
 					<input aria-label="<?php esc_attr_e( 'Top value', 'formidable' ); ?>" type="text" value="<?php echo esc_attr( $component['top']['value'] ); ?>" />
@@ -52,13 +55,7 @@
 			<div class="frm-flex-justify">
 				<div class="frm-slider-container">
 					<?php FrmAppHelper::icon_by_class( 'frmfont frm-margin-bottom' ); ?>
-					<span class="frm-slider" tabindex="0">
-						<span class="frm-slider-active-track">
-							<span class="frm-slider-bullet">
-								<span class="frm-slider-value-label"><?php echo (int) $component['bottom']['value']; ?></span>
-							</span>
-						</span>
-					</span>
+					<input type="range" class="frm-slider" min="0" max="<?php echo (int) $component['max_value']; ?>" value="<?php echo esc_attr( $component['bottom']['value'] ); ?>" />
 				</div>
 				<div class="frm-slider-value">
 					<input aria-label="<?php esc_attr_e( 'Bottom value', 'formidable' ); ?>" type="text" value="<?php echo esc_attr( $component['bottom']['value'] ); ?>" />
@@ -74,13 +71,7 @@
 			<div class="frm-flex-justify">
 				<div class="frm-slider-container">
 					<?php FrmAppHelper::icon_by_class( 'frmfont frm-margin-left-right' ); ?>
-					<span class="frm-slider" tabindex="0">
-						<span class="frm-slider-active-track">
-							<span class="frm-slider-bullet">
-								<span class="frm-slider-value-label"><?php echo (int) $component['horizontal']['value']; ?></span>
-							</span>
-						</span>
-					</span>
+					<input type="range" class="frm-slider" min="0" max="<?php echo (int) $component['max_value']; ?>" value="<?php echo esc_attr( $component['horizontal']['value'] ); ?>" />
 				</div>
 				<div class="frm-slider-value">
 					<input aria-label="<?php esc_attr_e( 'Horizontal value', 'formidable' ); ?>" type="text" value="<?php echo esc_attr( $component['horizontal']['value'] ); ?>" />
@@ -96,13 +87,7 @@
 			<div class="frm-flex-justify">
 				<div class="frm-slider-container">
 					<?php FrmAppHelper::icon_by_class( 'frmfont frm-margin-left' ); ?>
-					<span class="frm-slider" tabindex="0">
-						<span class="frm-slider-active-track">
-							<span class="frm-slider-bullet">
-								<span class="frm-slider-value-label"><?php echo (int) $component['left']['value']; ?></span>
-							</span>
-						</span>
-					</span>
+					<input type="range" class="frm-slider" min="0" max="<?php echo (int) $component['max_value']; ?>" value="<?php echo esc_attr( $component['left']['value'] ); ?>" />
 				</div>
 				<div class="frm-slider-value">
 					<input aria-label="<?php esc_attr_e( 'Left value', 'formidable' ); ?>" type="text" value="<?php echo esc_attr( $component['left']['value'] ); ?>" />
@@ -118,13 +103,7 @@
 			<div class="frm-flex-justify">
 				<div class="frm-slider-container">
 					<?php FrmAppHelper::icon_by_class( 'frmfont frm-margin-right' ); ?>
-					<span class="frm-slider" tabindex="0">
-						<span class="frm-slider-active-track">
-							<span class="frm-slider-bullet">
-								<span class="frm-slider-value-label"><?php echo (int) $component['right']['value']; ?></span>
-							</span>
-						</span>
-					</span>
+					<input type="range" class="frm-slider" min="0" max="<?php echo (int) $component['max_value']; ?>" value="<?php echo esc_attr( $component['right']['value'] ); ?>" />
 				</div>
 				<div class="frm-slider-value">
 					<input aria-label="<?php esc_attr_e( 'Right value', 'formidable' ); ?>" type="text" value="<?php echo esc_attr( $component['right']['value'] ); ?>" />
@@ -147,13 +126,7 @@
 						<?php if ( ! empty( $component['icon'] ) ) : ?>
 							<?php FrmAppHelper::icon_by_class( $component['icon'] ); ?>
 						<?php endif; ?>
-						<span class="frm-slider" tabindex="0">
-							<span class="frm-slider-active-track">
-								<span class="frm-slider-bullet">
-									<span class="frm-slider-value-label"><?php echo (int) $field_value; ?></span>
-								</span>
-							</span>
-						</span>
+						<input type="range" class="frm-slider" min="0" max="<?php echo (int) $component['max_value']; ?>" value="<?php echo esc_attr( $component['value_label'] ); ?>" />
 					</div>
 					<div class="frm-slider-value">
 						<input aria-label="<?php esc_attr_e( 'Field value', 'formidable' ); ?>" type="text" value="<?php echo esc_attr( $component['value_label'] ); ?>" />
@@ -172,13 +145,7 @@
 					<div class="frm-flex-justify">
 						<div class="frm-slider-container">
 							<?php FrmAppHelper::icon_by_class( 'frmfont frm-margin-top-bottom' ); ?>
-							<span class="frm-slider" tabindex="0">
-								<span class="frm-slider-active-track">
-									<span class="frm-slider-bullet">
-										<span class="frm-slider-value-label"><?php echo (int) $field_value; ?></span>
-									</span>
-								</span>
-							</span>
+							<input type="range" class="frm-slider" min="0" max="<?php echo (int) $component['max_value']; ?>" value="<?php echo esc_attr( $component['value_label'] ); ?>" />
 						</div>
 						<div class="frm-slider-value">
 							<input aria-label="<?php esc_attr_e( 'Field value', 'formidable' ); ?>" type="text" value="<?php echo esc_attr( $component['value_label'] ); ?>" />
@@ -199,13 +166,7 @@
 									<?php if ( ! empty( $component['icon'] ) ) : ?>
 										<?php FrmAppHelper::icon_by_class( 'frmfont frm-margin-' . $field['type'] ); ?>
 									<?php endif; ?>
-									<span class="frm-slider" tabindex="0">
-										<span class="frm-slider-active-track">
-											<span class="frm-slider-bullet">
-												<span class="frm-slider-value-label"><?php echo (int) $field['value']; ?></span>
-											</span>
-										</span>
-									</span>
+									<input type="range" class="frm-slider" min="0" max="<?php echo (int) $component['max_value']; ?>" value="<?php echo ! empty( $component['unit_measurement'] ) ? (int) $field['value'] : esc_attr( $field['value'] ); ?>" />
 								</div>
 								<div class="frm-slider-value">
 									<input aria-label="<?php esc_attr_e( 'Field value', 'formidable' ); ?>" type="text" value="<?php echo ! empty( $component['unit_measurement'] ) ? (int) $field['value'] : esc_attr( $field['value'] ); ?>" />
@@ -223,4 +184,4 @@
 			</div>
 		<?php endif; ?>
 	</div>
-<?php endif; ?>
\ No newline at end of file
+<?php endif; ?>
diff --git a/css/admin/frm-settings-components.css b/css/admin/frm-settings-components.css
index 460b746c3a..5e461137d5 100644
--- a/css/admin/frm-settings-components.css
+++ b/css/admin/frm-settings-components.css
@@ -1 +1 @@
-.formidable_page_formidable-styles.js .control-section .accordion-section-title:focus{background:none}.formidable_page_formidable-styles .frm-right-panel h3.accordion-section-title:hover>svg:last-child,.formidable_page_formidable-styles .frm-right-panel .open h3.accordion-section-title>svg:first-child,.formidable_page_formidable-styles .frm-right-panel .open h3.accordion-section-title>svg:last-child{color:var(--grey-900)}.formidable_page_formidable-styles .frm-right-panel .frm-style-component{align-self:center}.frm_settings_form .frm-style-editor-form.frm-pro .frm-style-component .wp-picker-container button,.formidable_page_formidable-styles .frm-right-panel .frm-style-editor-form.frm-pro .frm-style-component .wp-picker-container button{background-color:#fff !important}.frm_settings_form .frm-style-component .wp-picker-container button,.formidable_page_formidable-styles .frm-right-panel .frm-style-component .wp-picker-container button{position:relative;height:36px !important;background-image:none !important;overflow:hidden;background-color:#fff !important}.frm_settings_form .frm-style-component .wp-picker-container::after,.formidable_page_formidable-styles .frm-right-panel .frm-style-component .wp-picker-container::after{content:"";width:20px;height:20px;display:block;position:absolute;top:0;right:8px;bottom:0;margin:auto;background:url("../../images/style/small-arrow.svg") no-repeat;background-position:center;z-index:10}.frm_settings_form .frm-style-component .wp-color-result-text,.formidable_page_formidable-styles .frm-right-panel .frm-style-component .wp-color-result-text{line-height:36px !important;padding:0 12px;border:0}.frm_settings_form .frm-style-component .color-alpha,.formidable_page_formidable-styles .frm-right-panel .frm-style-component .color-alpha{width:20px !important;height:20px !important;border-radius:50% !important;border:1px solid #d0d5dd;top:0;left:0;bottom:0;margin:auto;margin-left:12px}.frm_settings_form .frm-style-component .wp-picker-input-wrap input,.formidable_page_formidable-styles .frm-right-panel .frm-style-component .wp-picker-input-wrap input{width:calc(100% - 10px) !important;margin:1px 5px;height:32px;line-height:32px}.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component>div{max-width:216px}.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .wp-picker-container{max-width:calc(100% - 44px);position:relative}.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component button.frm_choose_image_box{width:36px;height:36px;padding:0;background:#fff;overflow:hidden;text-indent:-999px;flex-wrap:wrap;border:none}.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .frm_image_styling_frame{margin-left:0}.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .frm_image_preview_wrapper{position:relative;width:36px;height:36px;margin:0;border:1px solid var(--grey-300);border-radius:var(--small-radius);overflow:hidden;box-sizing:border-box}.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .frm_image_preview_wrapper .frm_image_preview_frame{max-width:120%;height:120%;margin:-10%;position:relative}.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .frm_image_data{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;margin:0;border-radius:var(--small-radius)}.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .frm_remove_image_option{width:100%;height:100%;border:1px solid var(--red-500);text-indent:-9999px;position:absolute;top:0;left:0}.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .frm_remove_image_option::before{opacity:0;content:"";display:block;position:absolute;width:100%;height:100%;z-index:1;top:0;left:0;background:rgba(255,255,255,.8)}.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .frm_remove_image_option::after{opacity:0;content:"";display:block;position:absolute;width:100%;height:100%;z-index:1;top:0;left:0;background:url("../../images/style/close.svg") no-repeat;background-position:center}.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .frm_remove_image_option:hover::before,.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .frm_remove_image_option:hover::after{opacity:1}.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .frm_image_preview_wrapper .frm_image_preview_frame .frm_image_styling_frame,.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .frm_image_preview_wrapper .frm_image_preview_frame .frm_image_styling_frame img{width:100%;height:100%}.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .frm_image_preview_wrapper+*,.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .frm_image_preview_wrapper .frm_image_preview_title,.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .frm_bg_image_additional_settings,.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .frm_remove_image_option *{display:none}.frm-style-component .frm-radio-container{max-width:216px;height:36px;background:#f2f4f7;gap:var(--small-gap);padding:var(--gap-2xs);box-sizing:border-box;border-radius:var(--small-radius);position:relative}.frm-style-component.frm-field-shape .frm-radio-container{max-width:unset}.frm-style-component.frm-direction-component .frm-radio-container{gap:var(--gap-xs)}.frm-style-component .frm-radio-container svg{width:16px}.frm-style-component .frm-radio-container .frm-radio-active-tracker{display:block;width:28%;height:calc(100% - 8px);background:#fff;border-radius:var(--small-radius);box-shadow:var(--button-shadow);position:absolute;top:var(--gap-2xs);bottom:0;left:var(--gap-2xs);z-index:1;transition:.35s transform cubic-bezier(0.075, 0.82, 0.165, 1)}.frm-style-component.frm-field-shape .frm-radio-container .frm-radio-active-tracker{width:23%}.frm-style-component.frm-align-component.frm-2-options .frm-radio-container .frm-radio-active-tracker,.frm-style-component.frm-direction-component .frm-radio-container .frm-radio-active-tracker,.frm-style-component.frm-text-toggle-component .frm-radio-container .frm-radio-active-tracker{width:calc(50% - var(--gap-xs))}.frm-style-component .frm-radio-container>label{width:30%;height:100%;margin:0;cursor:pointer;position:relative;display:flex;z-index:2}.frm-style-component.frm-field-shape .frm-radio-container>label{width:23%}.frm-style-component.frm-align-component.frm-2-options .frm-radio-container>label,.frm-style-component.frm-direction-component .frm-radio-container>label,.frm-style-component.frm-text-toggle-component .frm-radio-container>label{width:50%}.frm-style-component.frm-text-toggle-component .frm-radio-container{height:44px;max-width:unset;gap:var(--gap-xs);padding:var(--gap-xs)}.frm-style-component.frm-text-toggle-component .frm-radio-container .frm-radio-active-tracker{height:calc(100% - var(--gap-sm));top:var(--gap-xs)}.frm-style-tabs-wrapper .frm-tabs-navs ul>li:not(.frm-active):hover,.frm-style-component .frm-radio-container input:not(:checked)+label:hover{background:#eaecf0;border-radius:var(--small-radius);box-shadow:var(--button-shadow)}.frm-style-component .frm-radio-container input{display:none}.frm-style-component .frm-slider-container{width:calc(100% - 91px);display:flex;align-items:center;color:#1d2939}.frm-style-component .frm-slider-container svg.frmsvg{color:currentColor;margin-right:8px;margin-left:-5px;position:relative;z-index:15}.frm-style-component .frm-group-sliders .frm-slider-container svg.frmsvg:hover{color:#4199fd;cursor:pointer}.frm-style-component .frm-slider-container .frm-slider-active-track{display:block;height:100%;width:0;position:relative;border-radius:200px}.frm-style-component .frm-slider-container .frm-slider-active-track,.frm-style-component .frm-slider-container .frm-slider-active-track .frm-slider-bullet{background:#4199fd;box-shadow:0 1.88px 4px -1px rgba(16,24,40,.03),0 6px 8px -2px rgba(16,24,40,.08)}.frm-style-component .frm-slider-container .frm-slider-active-track .frm-slider-bullet{position:absolute;display:block;width:16px;height:16px;border-radius:50%;transform:translateX(15px);cursor:grab;right:0;top:0;bottom:0;margin:auto}.frm-style-component .frm-slider-container .frm-slider-active-track .frm-slider-bullet .frm-slider-value-label{position:absolute;display:block;width:48px;height:36px;background:#101828;color:#fff;font-weight:400;font-size:var(--text-sm);line-height:36px;border-radius:var(--small-radius);transform:translate(-18px, -42px) scale3d(0.7, 1, 1);opacity:0;z-index:-2;pointer-events:none;text-align:center;user-select:none}.frm-style-component .frm-slider-container .frm-slider-active-track .frm-slider-bullet.frm-dragging .frm-slider-value-label{z-index:12;transform:translate(-18px, -42px) scale3d(1, 1, 1);opacity:1;transition:.3s opacity,.35s transform cubic-bezier(0.25, 0.46, 0.45, 0.94)}.frm-style-component .frm-slider-container .frm-slider-active-track .frm-slider-bullet::before{content:"";display:block;position:absolute;width:18px;height:18px;border-radius:50%;left:0;top:0;transform:translate(-5px, -5px) scale3d(0.7, 0.7, 1);border:4px solid #4199fd;opacity:0;transition:.3s opacity,.35s transform cubic-bezier(0.25, 0.46, 0.45, 0.94)}.frm-style-component .frm-slider-container .frm-slider-active-track .frm-slider-bullet.frm-dragging::before{opacity:.5;transform:translate(-5px, -5px) scale3d(1, 1, 1);transition:.3s opacity,.35s transform cubic-bezier(0.25, 0.46, 0.45, 0.94)}.frm-style-component .frm-slider-container .frm-slider-active-track .frm-slider-bullet::after{content:"";position:absolute;display:block;width:180%;height:200%;border-radius:50%;left:0;top:0;transform:translate(-24%, -24%)}.frm-style-component .frm-slider-value{width:86px;height:36px;display:flex;justify-content:center;box-sizing:border-box;background:#fff;border-radius:var(--small-radius);border:1px solid var(--grey-300)}.frm-style-component .frm-slider-value>*{border:none}.frm-style-component .frm-slider-value input{width:40px;height:100%;padding:0;font-size:var(--text-sm);color:#101828;padding-left:12px;box-sizing:border-box}.frm-style-component .frm-slider-value select{text-align:right;padding:0;font-size:var(--text-sm);color:#667085;width:44px;background:url("../../images/style/small-arrow.svg") no-repeat;background-position:center right 12px;padding-right:24px !important}.frm-style-component .frm-slider-value select.frm-single-unit{pointer-events:none;background-image:none;padding-right:12px !important}.frm-style-component .frm-slider{display:block;width:calc(100% - 5px);height:4px;background:#eaecf0;border-radius:200px;cursor:pointer}.frm-slider-component .frm-independent-slider-field{margin-top:10px}.frm-slider-component.frm-disabled .frm-slider-container{pointer-events:none;opacity:.5}.frm-slider-component.frm-disabled .frm-slider-value input[type=text]{width:28px}.frm-slider-component.frm-disabled .frm-slider-value select{width:56px}.frm-slider-component.frm-disabled.frm-empty .frm-slider-value input[type=text]{width:56px}.frm-slider-component.frm-disabled.frm-empty .frm-slider-value select{width:28px}.frm-style-component .frm-slider-component.frm-has-multiple-values{margin-bottom:10px}.frm-tabs-wrapper{position:relative;overflow:hidden}.frm-tabs-wrapper .frm-tabs-navigator{margin:0;padding:0;display:flex;gap:var(--gap-xs);justify-content:space-between;align-items:center;background:#f2f4f7;border-radius:var(--small-radius);box-sizing:border-box;height:44px;position:relative;z-index:2}.frm-tabs-wrapper .frm-tabs-navigator .frm-tab-item{flex:1;text-align:center;cursor:pointer}.frm-tabs-wrapper .frm-tabs-navigator .frm-active-background{display:block;height:100%;background:#fff;position:absolute;top:0;left:0;z-index:1}.frm-style-tabs-wrapper{position:relative}.frm-style-tabs-wrapper .frm-tabs-navs{padding:0;min-height:44px}.frm-style-tabs-wrapper .frm-tabs-navs ul{margin:0;height:var(--h-md);position:relative;justify-content:space-between}.frm-style-tabs-wrapper .frm-tabs-navs ul li,.frm-style-tabs-wrapper .frm-tabs-navs ul li a{color:var(--grey-500);font-weight:500;font-size:var(--text-sm);line-height:28px}.frm-style-tabs-wrapper .frm-tabs-navs ul li{flex:1;height:28px;text-align:center;margin-top:var(--gap-xs);margin-bottom:0;cursor:pointer}.frm-style-tabs-wrapper .frm-tabs-navs ul li.frm-active,.frm-style-tabs-wrapper .frm-tabs-navs ul li.frm-active a{color:var(--grey-900)}.frm-style-tabs-wrapper .frm-tabs-navs ul li:first-child{margin-left:var(--gap-xs)}.frm-style-tabs-wrapper .frm-tabs-navs ul li:last-child{margin-right:var(--gap-xs)}.frm-style-tabs-wrapper .frm-tabs-delimiter{position:absolute;top:0;left:0;width:100%;background:#f2f4f7;height:44px;margin:0;border-radius:var(--small-radius)}.frm-style-tabs-wrapper .frm-tabs-delimiter .frm-tabs-active-underline{height:28px;background:#fff;position:absolute;left:0;bottom:8px;transition:.4s transform cubic-bezier(0.25, 0.46, 0.45, 0.94);border-radius:var(--small-radius);box-shadow:var(--button-shadow);display:none}.frm-tabs-container{position:relative;overflow:hidden;margin-top:var(--gap-md);height:100%}.frm-style-tabs-wrapper .frm-tabs-container .frm-tabs-slide-track{transition:.32s transform cubic-bezier(0.25, 0.46, 0.45, 0.94)}.frm-style-tabs-wrapper .frm-tabs-slide-track>div{flex:0 0 100%;opacity:0;transition:.25s opacity linear;position:relative;height:auto;max-height:unset;overflow:hidden;box-sizing:border-box}.frm-style-tabs-wrapper .frm-tabs-slide-track>div>div{overflow:auto;position:relative;width:100%;padding:0;box-sizing:border-box}.frm-tabs-slide-track>div>div:first-child{height:100%}.frm-tabs-slide-track>div.frm-active{opacity:1;transition:.35s opacity linear}.frm-style-component .frm_toggle_slider{background:#f2f4f7}.frm-style-component label.frm-copy-text{line-height:32px;cursor:pointer;white-space:nowrap}.frm-style-component .wp-picker-holder{right:0}.frm-style-component .CodeMirror{min-height:unset !important;height:350px !important}.frm-style-component .CodeMirror .CodeMirror-placeholder{color:var(--grey-400)}.formidable_page_formidable-styles .accordion-section-content .frm-style-item-heading{font-weight:500;font-size:var(--text-md);color:var(--grey-900)}.frm-unit-input{position:relative;display:flex;align-items:center}.frm-unit-input input[type=number]::-webkit-outer-spin-button,.frm-unit-input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.frm-unit-input .frm-input-group-suffix{position:absolute;top:1px;right:1px;display:flex;align-items:center;height:calc(100% - 2px);padding-right:var(--gap-xs)}.frm-unit-input .frm-input-group-suffix select{width:fit-content;height:100%;min-height:unset;font-size:var(--text-sm);text-align:right;color:var(--grey-500) !important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23667085' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12.708 8.959 10 11.875 7.292 8.96'/%3E%3C/svg%3E") no-repeat right 0 top 50%;padding-left:var(--gap-2xs);padding-right:21px !important;border:rgba(0,0,0,0)}.frm-unit-input .frm-input-group-suffix select:focus-visible{outline:1px solid var(--primary-500);outline-offset:-2px}
+.formidable_page_formidable-styles.js .control-section .accordion-section-title:focus{background:none}.formidable_page_formidable-styles .frm-right-panel h3.accordion-section-title:hover>svg:last-child,.formidable_page_formidable-styles .frm-right-panel .open h3.accordion-section-title>svg:first-child,.formidable_page_formidable-styles .frm-right-panel .open h3.accordion-section-title>svg:last-child{color:var(--grey-900)}.formidable_page_formidable-styles .frm-right-panel .frm-style-component{align-self:center}.frm_settings_form .frm-style-editor-form.frm-pro .frm-style-component .wp-picker-container button,.formidable_page_formidable-styles .frm-right-panel .frm-style-editor-form.frm-pro .frm-style-component .wp-picker-container button{background-color:#fff !important}.frm_settings_form .frm-style-component .wp-picker-container button,.formidable_page_formidable-styles .frm-right-panel .frm-style-component .wp-picker-container button{position:relative;height:36px !important;background-image:none !important;overflow:hidden;background-color:#fff !important}.frm_settings_form .frm-style-component .wp-picker-container::after,.formidable_page_formidable-styles .frm-right-panel .frm-style-component .wp-picker-container::after{content:"";width:20px;height:20px;display:block;position:absolute;top:0;right:8px;bottom:0;margin:auto;background:url("../../images/style/small-arrow.svg") no-repeat;background-position:center;z-index:10}.frm_settings_form .frm-style-component .wp-color-result-text,.formidable_page_formidable-styles .frm-right-panel .frm-style-component .wp-color-result-text{line-height:36px !important;padding:0 12px;border:0}.frm_settings_form .frm-style-component .color-alpha,.formidable_page_formidable-styles .frm-right-panel .frm-style-component .color-alpha{width:20px !important;height:20px !important;border-radius:50% !important;border:1px solid #d0d5dd;top:0;left:0;bottom:0;margin:auto;margin-left:12px}.frm_settings_form .frm-style-component .wp-picker-input-wrap input,.formidable_page_formidable-styles .frm-right-panel .frm-style-component .wp-picker-input-wrap input{width:calc(100% - 10px) !important;margin:1px 5px;height:32px;line-height:32px}.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component>div{max-width:216px}.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .wp-picker-container{max-width:calc(100% - 44px);position:relative}.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component button.frm_choose_image_box{width:36px;height:36px;padding:0;background:#fff;overflow:hidden;text-indent:-999px;flex-wrap:wrap;border:none}.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .frm_image_styling_frame{margin-left:0}.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .frm_image_preview_wrapper{position:relative;width:36px;height:36px;margin:0;border:1px solid var(--grey-300);border-radius:var(--small-radius);overflow:hidden;box-sizing:border-box}.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .frm_image_preview_wrapper .frm_image_preview_frame{max-width:120%;height:120%;margin:-10%;position:relative}.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .frm_image_data{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;margin:0;border-radius:var(--small-radius)}.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .frm_remove_image_option{width:100%;height:100%;border:1px solid var(--red-500);text-indent:-9999px;position:absolute;top:0;left:0}.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .frm_remove_image_option::before{opacity:0;content:"";display:block;position:absolute;width:100%;height:100%;z-index:1;top:0;left:0;background:rgba(255,255,255,.8)}.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .frm_remove_image_option::after{opacity:0;content:"";display:block;position:absolute;width:100%;height:100%;z-index:1;top:0;left:0;background:url("../../images/style/close.svg") no-repeat;background-position:center}.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .frm_remove_image_option:hover::before,.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .frm_remove_image_option:hover::after{opacity:1}.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .frm_image_preview_wrapper .frm_image_preview_frame .frm_image_styling_frame,.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .frm_image_preview_wrapper .frm_image_preview_frame .frm_image_styling_frame img{width:100%;height:100%}.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .frm_image_preview_wrapper+*,.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .frm_image_preview_wrapper .frm_image_preview_title,.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .frm_bg_image_additional_settings,.formidable_page_formidable-styles .frm-right-panel .frm-style-component.frm-background-image-component .frm_remove_image_option *{display:none}.frm-style-component .frm-radio-container{max-width:216px;height:36px;background:#f2f4f7;gap:var(--small-gap);padding:var(--gap-2xs);box-sizing:border-box;border-radius:var(--small-radius);position:relative}.frm-style-component.frm-field-shape .frm-radio-container{max-width:unset}.frm-style-component.frm-direction-component .frm-radio-container{gap:var(--gap-xs)}.frm-style-component .frm-radio-container svg{width:16px}.frm-style-component .frm-radio-container .frm-radio-active-tracker{display:block;width:28%;height:calc(100% - 8px);background:#fff;border-radius:var(--small-radius);box-shadow:var(--button-shadow);position:absolute;top:var(--gap-2xs);bottom:0;left:var(--gap-2xs);z-index:1;transition:.35s transform cubic-bezier(0.075, 0.82, 0.165, 1)}.frm-style-component.frm-field-shape .frm-radio-container .frm-radio-active-tracker{width:23%}.frm-style-component.frm-align-component.frm-2-options .frm-radio-container .frm-radio-active-tracker,.frm-style-component.frm-direction-component .frm-radio-container .frm-radio-active-tracker,.frm-style-component.frm-text-toggle-component .frm-radio-container .frm-radio-active-tracker{width:calc(50% - var(--gap-xs))}.frm-style-component .frm-radio-container>label{width:30%;height:100%;margin:0;cursor:pointer;position:relative;display:flex;z-index:2}.frm-style-component.frm-field-shape .frm-radio-container>label{width:23%}.frm-style-component.frm-align-component.frm-2-options .frm-radio-container>label,.frm-style-component.frm-direction-component .frm-radio-container>label,.frm-style-component.frm-text-toggle-component .frm-radio-container>label{width:50%}.frm-style-component.frm-text-toggle-component .frm-radio-container{height:44px;max-width:unset;gap:var(--gap-xs);padding:var(--gap-xs)}.frm-style-component.frm-text-toggle-component .frm-radio-container .frm-radio-active-tracker{height:calc(100% - var(--gap-sm));top:var(--gap-xs)}.frm-style-tabs-wrapper .frm-tabs-navs ul>li:not(.frm-active):hover,.frm-style-component .frm-radio-container input:not(:checked)+label:hover{background:#eaecf0;border-radius:var(--small-radius);box-shadow:var(--button-shadow)}.frm-style-component .frm-radio-container input{display:none}.frm-style-component .frm-slider-container{width:calc(100% - 91px);display:flex;align-items:center;color:#1d2939}.frm-style-component .frm-slider-container svg.frmsvg{color:currentColor;margin-right:8px;margin-left:-5px;position:relative;z-index:15}.frm-style-component .frm-group-sliders .frm-slider-container svg.frmsvg:hover{color:#4199fd;cursor:pointer}.frm-style-component .frm-slider-value{width:86px;height:36px;display:flex;justify-content:center;box-sizing:border-box;background:#fff;border-radius:var(--small-radius);border:1px solid var(--grey-300)}.frm-style-component .frm-slider-value>*{border:none}.frm-style-component .frm-slider-value input{width:40px;height:100%;min-height:0;padding:0;font-size:var(--text-sm);color:#101828;padding-left:12px;box-sizing:border-box}.frm-style-component .frm-slider-value select{text-align:right;min-height:0;padding:0;font-size:var(--text-sm);color:#667085;width:44px;background:url("../../images/style/small-arrow.svg") no-repeat;background-position:center right 12px;padding-right:24px !important}.frm-style-component .frm-slider-value select.frm-single-unit{pointer-events:none;background-image:none;padding-right:12px !important}.frm-style-component input[type=range].frm-slider{--frm-fill: 0%;appearance:none;-webkit-appearance:none;display:block;width:calc(100% - 5px);height:4px;border-radius:200px;cursor:pointer;outline:none;background:linear-gradient(to right, rgb(65, 153, 253) var(--frm-fill), rgb(234, 236, 240) var(--frm-fill))}.frm-style-component input[type=range].frm-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#4199fd;cursor:grab;box-shadow:0 1.88px 4px -1px rgba(16,24,40,.03),0 6px 8px -2px rgba(16,24,40,.08)}.frm-style-component input[type=range].frm-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#4199fd;cursor:grab;border:none;box-shadow:0 1.88px 4px -1px rgba(16,24,40,.03),0 6px 8px -2px rgba(16,24,40,.08)}.frm-style-component input[type=range].frm-slider::-moz-range-progress{background:#4199fd;height:4px;border-radius:200px}.frm-style-component input[type=range].frm-slider:focus-visible::-webkit-slider-thumb{outline:2px solid #4199fd;outline-offset:2px}.frm-style-component input[type=range].frm-slider:focus-visible::-moz-range-thumb{outline:2px solid #4199fd;outline-offset:2px}.frm-slider-component .frm-independent-slider-field{margin-top:10px}.frm-slider-component.frm-disabled .frm-slider-container{pointer-events:none;opacity:.5}.frm-slider-component.frm-disabled .frm-slider-value input[type=text]{width:28px}.frm-slider-component.frm-disabled .frm-slider-value select{width:56px}.frm-slider-component.frm-disabled.frm-empty .frm-slider-value input[type=text]{width:56px}.frm-slider-component.frm-disabled.frm-empty .frm-slider-value select{width:28px}.frm-style-component .frm-slider-component.frm-has-multiple-values{margin-bottom:10px}.frm-tabs-wrapper{position:relative;overflow:hidden}.frm-tabs-wrapper .frm-tabs-navigator{margin:0;padding:0;display:flex;gap:var(--gap-xs);justify-content:space-between;align-items:center;background:#f2f4f7;border-radius:var(--small-radius);box-sizing:border-box;height:44px;position:relative;z-index:2}.frm-tabs-wrapper .frm-tabs-navigator .frm-tab-item{flex:1;text-align:center;cursor:pointer}.frm-tabs-wrapper .frm-tabs-navigator .frm-active-background{display:block;height:100%;background:#fff;position:absolute;top:0;left:0;z-index:1}.frm-style-tabs-wrapper{position:relative}.frm-style-tabs-wrapper .frm-tabs-navs{padding:0;min-height:44px}.frm-style-tabs-wrapper .frm-tabs-navs ul{margin:0;height:var(--h-md);position:relative;justify-content:space-between}.frm-style-tabs-wrapper .frm-tabs-navs ul li,.frm-style-tabs-wrapper .frm-tabs-navs ul li a{color:var(--grey-500);font-weight:500;font-size:var(--text-sm);line-height:28px}.frm-style-tabs-wrapper .frm-tabs-navs ul li{flex:1;height:28px;text-align:center;margin-top:var(--gap-xs);margin-bottom:0;cursor:pointer}.frm-style-tabs-wrapper .frm-tabs-navs ul li.frm-active,.frm-style-tabs-wrapper .frm-tabs-navs ul li.frm-active a{color:var(--grey-900)}.frm-style-tabs-wrapper .frm-tabs-navs ul li:first-child{margin-left:var(--gap-xs)}.frm-style-tabs-wrapper .frm-tabs-navs ul li:last-child{margin-right:var(--gap-xs)}.frm-style-tabs-wrapper .frm-tabs-delimiter{position:absolute;top:0;left:0;width:100%;background:#f2f4f7;height:44px;margin:0;border-radius:var(--small-radius)}.frm-style-tabs-wrapper .frm-tabs-delimiter .frm-tabs-active-underline{height:28px;background:#fff;position:absolute;left:0;bottom:8px;transition:.4s transform cubic-bezier(0.25, 0.46, 0.45, 0.94);border-radius:var(--small-radius);box-shadow:var(--button-shadow);display:none}.frm-tabs-container{position:relative;overflow:hidden;margin-top:var(--gap-md);height:100%}.frm-style-tabs-wrapper .frm-tabs-container .frm-tabs-slide-track{transition:.32s transform cubic-bezier(0.25, 0.46, 0.45, 0.94)}.frm-style-tabs-wrapper .frm-tabs-slide-track>div{flex:0 0 100%;opacity:0;transition:.25s opacity linear;position:relative;height:auto;max-height:unset;overflow:hidden;box-sizing:border-box}.frm-style-tabs-wrapper .frm-tabs-slide-track>div>div{overflow:auto;position:relative;width:100%;padding:0;box-sizing:border-box}.frm-tabs-slide-track>div>div:first-child{height:100%}.frm-tabs-slide-track>div.frm-active{opacity:1;transition:.35s opacity linear}.frm-style-component .frm_toggle_slider{background:#f2f4f7}.frm-style-component label.frm-copy-text{line-height:32px;cursor:pointer;white-space:nowrap}.frm-style-component .wp-picker-holder{right:0}.frm-style-component .CodeMirror{min-height:unset !important;height:350px !important}.frm-style-component .CodeMirror .CodeMirror-placeholder{color:var(--grey-400)}.formidable_page_formidable-styles .accordion-section-content .frm-style-item-heading{font-weight:500;font-size:var(--text-md);color:var(--grey-900)}.frm-unit-input{position:relative;display:flex;align-items:center}.frm-unit-input input[type=number]::-webkit-outer-spin-button,.frm-unit-input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.frm-unit-input .frm-input-group-suffix{position:absolute;top:1px;right:1px;display:flex;align-items:center;height:calc(100% - 2px);padding-right:var(--gap-xs)}.frm-unit-input .frm-input-group-suffix select{width:fit-content;height:100%;min-height:unset;font-size:var(--text-sm);text-align:right;color:var(--grey-500) !important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23667085' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12.708 8.959 10 11.875 7.292 8.96'/%3E%3C/svg%3E") no-repeat right 0 top 50%;padding-left:var(--gap-2xs);padding-right:21px !important;border:rgba(0,0,0,0)}.frm-unit-input .frm-input-group-suffix select:focus-visible{outline:1px solid var(--primary-500);outline-offset:-2px}
diff --git a/js/formidable-settings-components.js b/js/formidable-settings-components.js
index 7c6275284a..c9b294dfac 100644
--- a/js/formidable-settings-components.js
+++ b/js/formidable-settings-components.js
@@ -1 +1 @@
-(()=>{"use strict";var e=window.frmGlobal,t=(e.url,e.nonce,"frm_hidden"),n="frm_disabled",r=(Promise.resolve(),frmDom),i=(r.div,r.span,r.tag,r.a,r.img,r.svg,frmDom.modal),o=(i.maybeCreateModal,i.footerButton,frmDom.util),a=(o.onClickPreventDefault,o.documentOn);frmDom.ajax.doJsonPost;var l=(new URL(window.location.href).searchParams,function(e){return null==e?void 0:e.classList.remove(t)});function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function c(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,u(r.key),r)}}function u(e){var t=function(e){if("object"!=s(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==s(t)?t:t+""}var d=function(){return e=function e(){var t=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.radioElements=document.querySelectorAll(".frm-style-component.frm-radio-component"),this.observers=new Map,0<this.radioElements.length&&this.init(),document.addEventListener("frm_added_field",function(e){var n=e.frmField;return t.discoverAndInitFieldRadios(n.dataset.fid)}),document.addEventListener("frm_ajax_loaded_field",function(e){return e.frmFields.forEach(function(e){return t.discoverAndInitFieldRadios(e.id)})}),window.addEventListener("beforeunload",function(){return t.cleanupObservers()}),this.resizeTimeout=null,window.addEventListener("resize",function(){return t.throttledUpdateAllTrackers()})},(n=[{key:"init",value:function(){this.initRadio(),this.initTrackerOnAccordionClick()}},{key:"discoverAndInitFieldRadios",value:function(e){var t=document.getElementById("frm-single-settings-".concat(e));if(!t)throw new Error("Field container not found for field ID: ".concat(e));this.radioElements=t.querySelectorAll(".frm-style-component.frm-radio-component"),this.initRadio()}},{key:"initRadio",value:function(){var e=this;this.radioElements.forEach(function(t){e.initOnRadioChange(t),e.initVisibilityObserver(t)})}},{key:"initTrackerOnAccordionClick",value:function(){var e=this;document.querySelectorAll("#frm_style_sidebar .accordion-section h3").forEach(function(t){t.addEventListener("click",function(t){t.target.closest(".accordion-section").querySelectorAll('.frm-style-component.frm-radio-component input[type="radio"]:checked').forEach(function(t){setTimeout(function(){return e.onRadioChange(t)},200)})})})}},{key:"initOnRadioChange",value:function(e){var t=this;e.querySelectorAll('input[type="radio"]').forEach(function(e){e.checked&&t.onRadioChange(e),e.addEventListener("change",function(e){t.onRadioChange(e.target)})})}},{key:"onRadioChange",value:function(e){var t=e.closest(".frm-style-component.frm-radio-component"),n=t.querySelector('input[type="radio"]:checked + label');null!==n&&(this.moveTracker(n,t),this.hideExtraElements(e),this.maybeShowExtraElements(e))}},{key:"maybeShowExtraElements",value:function(e){var t=e.getAttribute("data-frm-show-element");if(null!==t){var n=document.querySelectorAll('div[data-frm-element="'.concat(t,'"]'));0!==n.length&&n.forEach(function(e){l(e),e.classList.add("frm-element-is-visible")})}}},{key:"throttledUpdateAllTrackers",value:function(){var e=this;this.resizeTimeout||(this.resizeTimeout=requestAnimationFrame(function(){e.resizeTimeout=null,document.querySelectorAll('.frm-radio-component input[type="radio"]:checked').forEach(function(t){var n=t.closest(".frm-radio-component");n&&n.offsetWidth>0&&e.onRadioChange(t)})}))}},{key:"initVisibilityObserver",value:function(e){var t=this;this.observers.has(e)&&this.observers.get(e).disconnect();var n=new MutationObserver(function(){if(function(e){return"none"!==window.getComputedStyle(e).getPropertyValue("display")}(e)){var n=e.querySelector('input[type="radio"]:checked');n&&t.onRadioChange(n)}});this.observers.set(e,n),n.observe(e,{attributes:!0,attributeFilter:["class","style"]});for(var r=e.parentElement,i=0;i<7&&r;i++)n.observe(r,{attributes:!0,attributeFilter:["class","style"]}),r=r.parentElement}},{key:"cleanupObservers",value:function(){this.observers.forEach(function(e){e.disconnect()}),this.observers.clear()}},{key:"hideExtraElements",value:function(){var e=document.querySelectorAll(".frm-element-is-visible");0!==e.length&&e.forEach(function(e){e.classList.remove("frm-element-is-visible"),e.classList.add(t),function(e){null==e||e.classList.add(t)}(e)})}},{key:"moveTracker",value:function(e,t){var n=e.offsetLeft,r=e.offsetWidth,i=t.querySelector(".frm-radio-active-tracker");i.style.left=0,i.style.width="".concat(r,"px"),i.style.transform="translateX(".concat(n,"px)")}}])&&c(e.prototype,n),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,n}();function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function m(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,v(r.key),r)}}function v(e){var t=function(e){if("object"!=f(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==f(t)?t:t+""}var h=function(){return e=function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.component=t;try{var n=JSON.parse(this.component.dataset.willChange);this.data={propagateInputs:this.initPropagationList(n),changeEvent:new Event("change",{bubbles:!0})}}catch(e){console.error('Error parsing JSON data from "will-change" attribute.',e)}},(t=[{key:"initPropagationList",value:function(e){var t=[];return e.forEach(function(e){var n=document.querySelector('input[name="'.concat(e,'"]'));n&&t.push(n)}),t}},{key:"updateAllDependentElements",value:function(e){this.data.propagateInputs.forEach(function(t){t.value=e}),this.data.propagateInputs[0].dispatchEvent(this.data.changeEvent)}}])&&m(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,t}();function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function y(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,g(r.key),r)}}function g(e){var t=function(e){if("object"!=p(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==p(t)?t:t+""}var b=function(){function e(){var t=this,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.loadedByWebComponent=n.length>0,this.sliderElements=n.length>0?n:document.querySelectorAll(".frm-slider-component"),this.settings=r,0!==this.sliderElements.length){this.sliderBulletWidth=16,this.sliderMarginRight=5,this.eventsChange=[];var i=frmDom.util.debounce;this.valueChangeDebouncer=i(function(e){return t.triggerValueChange(e)},25),this.initOptions(),this.init()}}return n=e,r=[{key:"initOptions",value:function(){var e=this;this.options=[],this.sliderElements.forEach(function(t,n){var r=t.classList.contains("frm-has-multiple-values")?t.closest(".frm-style-component"):t,i=e.settings.steps||(t.dataset.steps?JSON.parse(t.dataset.steps):null);e.options.push({dragging:!1,startX:0,translateX:0,maxValue:parseInt(t.dataset.maxValue,10),element:t,index:n,value:0,steps:i,dependentUpdater:r.classList.contains("frm-style-dependent-updater-component")?new h(r):null})})}},{key:"init",value:function(){this.initDraggable(),this.loadedByWebComponent?this.initSlidersPositionInsideWebComponent():this.initSlidersPosition()}},{key:"initDraggable",value:function(){var t=this;this.sliderElements.forEach(function(n,r){t.eventsChange[r]=new Event("change",{bubbles:!0,cancelable:!0});var i=n.querySelector(".frm-slider-bullet"),o=n.querySelector('.frm-slider-value input[type="text"]');o.addEventListener("change",function(e){var i=n.querySelector("select").value;t.getMaxValue(i,r)<parseInt(e.target.value,10)||(t.initSliderWidth(n),t.options[r].fullValue=t.updateValue(n,o.value+i),t.triggerValueChange(r))}),t.expandSliderGroup(n),t.updateOnUnitChange(n,o,r),t.changeSliderPositionOnClick(n,o,r),e.maybeDisableUnitDropdown(n),i.addEventListener("mousedown",function(e){if(e.preventDefault(),e.stopPropagation(),!n.classList.contains("frm-disabled")){t.enableDragging(e,r);var i=function(e){return t.moveTracker(e,r)},o=function(){t.disableDragging(r),document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",o)};document.addEventListener("mousemove",i),document.addEventListener("mouseup",o)}})})}},{key:"expandSliderGroup",value:function(e){var n=e.querySelector(".frmsvg");if(void 0!==e.dataset.displaySliders&&null!==n){var r=this.getSliderGroupItems(e);n.addEventListener("click",function(){r.forEach(function(e){e.classList.toggle(t)})})}}},{key:"updateOnUnitChange",value:function(e,t,n){var r=this;e.querySelector("select").addEventListener("change",function(i){var o=i.target.value.toLowerCase();if(""!==o){if("auto"===o)return e.classList.add("frm-disabled"),r.updateValue(e,"auto"),void r.triggerValueChange(n);e.classList.remove("frm-disabled","frm-empty"),r.options[n].fullValue=t.value+o,r.updateValue(e,r.options[n].fullValue),r.triggerValueChange(n)}else e.classList.add("frm-disabled","frm-empty")})}},{key:"changeSliderPositionOnClick",value:function(t,n,r){var i=this,o=t.querySelector(".frm-slider"),a=new Event("change",{bubbles:!0,cancelable:!0});o.addEventListener("click",function(l){if(!t.classList.contains("frm-disabled")&&(l.preventDefault(),l.stopPropagation(),l.target.classList.contains("frm-slider")||l.target.classList.contains("frm-slider-active-track"))){var s=o.offsetWidth-i.sliderBulletWidth,c=o.getBoundingClientRect(),u=l.clientX-c.left-i.sliderBulletWidth,d=t.querySelector("select").value,f=e.calculateValue(s,u,i.getMaxValue(d,r),i.options[r].steps);f<0||(i.options[r].fullValue=i.updateValue(t,f+d),i.initChildSlidersWidth(t,u,r,f+d),n.value=f,n.dispatchEvent(a))}})}},{key:"getSliderGroupItems",value:function(e){if(void 0===e.dataset.displaySliders)return[];var t=e.dataset.displaySliders.split(",").map(function(e){return'.frm-slider-component[data-type="'.concat(e,'"]')}).join(", ");return e.closest(".frm-style-component").querySelectorAll(t)}},{key:"initSlidersPositionInsideWebComponent",value:function(){var e=this;this.sliderElements.forEach(function(t,n){e.initSliderWidth(t,n)})}},{key:"initSlidersPosition",value:function(){var e=this,t=document.querySelectorAll("#frm_style_sidebar .accordion-section h3"),n=document.querySelector(".frm-quick-settings"),r=document.querySelector(".accordion-section.open");wp.hooks.addAction("frm_pro_on_bg_image_upload","formidable",function(t){var n=t.closest(".accordion-section-content").querySelector("#frm-bg-image-opacity-slider");e.initSlidersWidth(n)}),n&&this.initSlidersWidth(n),r&&this.initSlidersWidth(r),t.forEach(function(t){t.addEventListener("click",function(t){e.initSlidersWidth(t.target.closest(".accordion-section"))})}),this.initSliderPositionOnFieldShapeChange()}},{key:"initSliderPositionOnFieldShapeChange",value:function(){var e=this,t=document.querySelector(".frm-style-component.frm-field-shape");t&&t.querySelectorAll('input[type="radio"]').forEach(function(t){t.addEventListener("change",function(t){if(t.target.checked&&"rounded-corner"===t.target.value){var n=document.querySelector('div[data-frm-element="field-shape-corner-radius"] .frm-slider-component');e.initSliderWidth(n)}})})}},{key:"initSlidersWidth",value:function(e){var t=this;e.querySelectorAll(".frm-slider-component").forEach(function(e){setTimeout(function(){t.initSliderWidth(e)},100)})}},{key:"initSliderWidth",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(!t.classList.contains("frm-disabled")){var r=null!==n?n:this.getSliderIndex(t),i=t.querySelector(".frm-slider").offsetWidth-this.sliderBulletWidth,o=parseInt(t.querySelector('.frm-slider-value input[type="text"]').value,10),a=t.querySelector("select").value,l=this.options[r].steps,s=Math.ceil(o/this.options[r].maxValue*i);"%"===a?s=Math.round(i*o/100):l&&l.length>0&&(s=e.calculateDeltaXFromSteps(o,l,i)),t.querySelector(".frm-slider-active-track").style.width="".concat(s,"px"),this.options[r].translateX=s,this.options[r].value=o+a}}},{key:"initChildSlidersWidth",value:function(e,t,n,r){var i=this;(e.classList.contains("frm-has-independent-fields")||e.classList.contains("frm-has-multiple-values"))&&(e.classList.contains("frm-has-independent-fields")?e.querySelectorAll(".frm-independent-slider-field"):this.getSliderGroupItems(e)).forEach(function(e,o){e.querySelector(".frm-slider-active-track").style.width="".concat(t,"px"),i.options[n+o+1].translateX=t,i.options[n+o+1].value=r})}},{key:"getSliderIndex",value:function(e){return this.options.filter(function(t){return t.element===e})[0].index}},{key:"moveTracker",value:function(t,n){if(this.options[n].dragging){var r=t.clientX-this.options[n].startX,i=this.sliderElements[n],o=i.querySelector(".frm-slider").offsetWidth-this.sliderBulletWidth;r=Math.max(r,0),r=Math.min(r,o);var a=i.querySelector("select").value,l=e.calculateValue(o,r,this.getMaxValue(a,n),this.options[n].steps);i.querySelector('.frm-slider-value input[type="text"]').value=l,i.querySelector(".frm-slider-bullet .frm-slider-value-label").innerText=l,i.querySelector(".frm-slider-active-track").style.width="".concat(r,"px"),this.initChildSlidersWidth(i,r,n,l+a),this.options[n].translateX=r,this.options[n].value=l+a,this.options[n].fullValue=this.updateValue(i,this.options[n].value),this.valueChangeDebouncer(n)}}},{key:"getMaxValue",value:function(e,t){return"%"===e?100:this.options[t].maxValue}},{key:"enableDragging",value:function(e,t){e.target.classList.add("frm-dragging"),this.options[t].dragging=!0,this.options[t].startX=e.clientX-this.options[t].translateX}},{key:"disableDragging",value:function(e){!1!==this.options[e].dragging&&(this.sliderElements[e].querySelector(".frm-slider-bullet").classList.remove("frm-dragging"),this.options[e].dragging=!1,this.triggerValueChange(e))}},{key:"triggerValueChange",value:function(e){var t=this;if(null===this.options[e].dependentUpdater){var n=this.sliderElements[e].classList.contains("frm-has-multiple-values")?this.sliderElements[e].closest(".frm-style-component").querySelector('input[type="hidden"]'):this.sliderElements[e].querySelectorAll('.frm-slider-value input[type="hidden"]');n instanceof NodeList?n.forEach(function(n){n.dispatchEvent(t.eventsChange[e])}):n.dispatchEvent(this.eventsChange[e])}else this.options[e].dependentUpdater.updateAllDependentElements(this.options[e].fullValue)}},{key:"updateValue",value:function(e,t){var n=this;if(e.classList.contains("frm-base-font-size")){var r=document.querySelector('input[name="frm_style_setting[post_content][use_base_font_size]"]');r&&(r.value="true")}if(e.classList.contains("frm-has-multiple-values")){var i=e.closest(".frm-style-component").querySelector('input[type="hidden"]'),o=i.value.split(" "),a=e.dataset.type;switch(o[2]||(o[2]="0px"),o[3]||(o[3]="0px"),a){case"vertical":o[0]=t,o[2]=t;break;case"horizontal":o[1]=t,o[3]=t;break;case"top":o[0]=t;break;case"bottom":o[2]=t;break;case"left":o[3]=t;break;case"right":o[1]=t}var l=o.join(" ");return i.value=l,this.getSliderGroupItems(e).forEach(function(e){var r=n.getUnitMeasureFromValue(t);e.querySelector('.frm-slider-value input[type="text"]').value=parseInt(t,10),e.querySelector("select").value=r}),l}if(e.classList.contains("frm-has-independent-fields")){var s=e.querySelectorAll('.frm-slider-value input[type="hidden"]'),c=e.querySelectorAll('.frm-slider-value input[type="text"]');return s.forEach(function(e,n){e.value=t,c[n+1].value=parseInt(t,10)}),t}return e.querySelector('.frm-slider-value input[type="hidden"]').value=t,t}},{key:"getUnitMeasureFromValue",value:function(e){return["%","px","em"].find(function(t){return e.includes(t)})||""}}],i=[{key:"maybeDisableUnitDropdown",value:function(e){var t=e.querySelector("select");t&&1>=Array.from(t.options).filter(function(e){return""!==e.value}).length&&(t.classList.add("frm-single-unit"),t.addEventListener("mousedown",function(e){return e.preventDefault()}))}},{key:"calculateDeltaXFromSteps",value:function(t,n,r){var i=n.indexOf(t);if(-1===i){var o=e.snapToStep(t,n),a=n.indexOf(o);return Math.round(a/(n.length-1)*r)}return Math.round(i/(n.length-1)*r)}},{key:"calculateValue",value:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;if(r&&r.length>0){var i=t/e,o=Math.round(i*(r.length-1));return r[Math.max(0,Math.min(o,r.length-1))]}var a=Math.round(t/e*n);return Math.min(a,n)}},{key:"snapToStep",value:function(e,t){for(var n=t[0],r=Math.abs(e-n),i=1;i<t.length;i++){var o=Math.abs(e-t[i]);o<r&&(r=o,n=t[i])}return n}}],r&&y(n.prototype,r),i&&y(n,i),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r,i}();function S(e){return S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},S(e)}function k(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,E(r.key),r)}}function E(e){var t=function(e){if("object"!=S(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=S(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==S(t)?t:t+""}var w=function(){return e=function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),void 0!==t&&(this.wrapper=t instanceof Element?t:document.querySelector(t),null!==this.wrapper&&(this.flexboxSlidesGap="16px",this.navs=this.wrapper.querySelectorAll(".frm-tabs-navs ul > li"),this.slideTrackLine=this.wrapper.querySelector(".frm-tabs-active-underline"),this.slideTrack=this.wrapper.querySelector(".frm-tabs-slide-track"),this.slides=this.wrapper.querySelectorAll(".frm-tabs-slide-track > div"),this.isRTL="rtl"===document.documentElement.dir||"rtl"===document.body.dir,this.resizeObserver=null,this.init()))},(t=[{key:"init",value:function(){var e=this;null!==this.wrapper&&this.navs.length&&null!==this.slideTrackLine&&null!==this.slideTrack&&this.slides.length&&(this.navs.forEach(function(t,n){t.addEventListener("click",function(t){return e.onNavClick(t,n)}),t.classList.contains("frm-active")&&e.initSlideTrackUnderline(t)}),this.slideTrackLine.style.display="block",this.setupScrollbarObserver(),window.addEventListener("beforeunload",this.cleanupObservers))}},{key:"onNavClick",value:function(e,t){var n=e.currentTarget;e.preventDefault(),this.removeActiveClassnameFromNavs(),n.classList.add("frm-active"),this.initSlideTrackUnderline(n),this.changeSlide(t);var r,i,o=n.querySelector("a");o&&"frm_insert_fields_tab"===o.id&&!o.closest("#frm_adv_info")&&(null===(r=window.frmAdminBuild)||void 0===r||null===(i=r.clearSettingsBox)||void 0===i||i.call(r))}},{key:"initSlideTrackUnderline",value:function(e){var t=void 0!==e?e:this.navs.filter(function(e){return e.classList.contains("frm-active")});this.positionUnderlineIndicator(t)}},{key:"setupScrollbarObserver",value:function(){var e=this,t=document.querySelector(".frm-scrollbar-wrapper, .styling_settings")||document.body;t&&"ResizeObserver"in window&&(this.resizeObserver=new ResizeObserver(function(){var t=e.wrapper.querySelector(".frm-tabs-navs ul > li.frm-active");t&&e.positionUnderlineIndicator(t)}),this.resizeObserver.observe(t))}},{key:"cleanupObservers",value:function(){this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null)}},{key:"positionUnderlineIndicator",value:function(e){var t=this;requestAnimationFrame(function(){var n=t.isRTL?-(e.parentElement.offsetWidth-e.offsetLeft-e.offsetWidth):e.offsetLeft;t.slideTrackLine.style.transform="translateX(".concat(n,"px)"),t.slideTrackLine.style.width="".concat(e.clientWidth,"px")})}},{key:"changeSlide",value:function(e){this.removeActiveClassnameFromSlides();var t=0==e?"0px":"calc( ( ".concat(100*e,"% + ").concat(parseInt(this.flexboxSlidesGap,10)*e,"px ) * ").concat(this.isRTL?1:-1," )");"0px"!==t?this.slideTrack.style.transform="translateX(".concat(t,")"):this.slideTrack.style.removeProperty("transform"),e in this.slides&&this.slides[e].classList.add("frm-active")}},{key:"removeActiveClassnameFromSlides",value:function(){this.slides.forEach(function(e){return e.classList.remove("frm-active")})}},{key:"removeActiveClassnameFromNavs",value:function(){this.navs.forEach(function(e){return e.classList.remove("frm-active")})}}])&&k(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,t}();function q(e){return q="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},q(e)}function L(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,x(r.key),r)}}function x(e){var t=function(e){if("object"!=q(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=q(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==q(t)?t:t+""}var C=function(){return e=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.elements=document.querySelectorAll(".frm-style-tabs-wrapper"),0<this.elements.length&&this.init()},(t=[{key:"init",value:function(){this.elements.forEach(function(e){new w(e)})}},{key:"initOnTabClick",value:function(e){var t=this;this.initActiveBackgroundWidth(e),e.querySelectorAll(".frm-tab-item").forEach(function(e){e.addEventListener("click",function(e){t.onTabClick(e.target.closest(".frm-tabs-wrapper"))})})}}])&&L(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,t}(),A="frm-token-container",T="frm-tokens",O="frm-token",P="frm-token-value",_="frm-token-remove",V="frm-token-proxy-input",W=window.frmDom,D=W.span,I=W.svg,j=W.tag;function M(){document.querySelectorAll(".".concat(A)).forEach(function(e){return R(e.querySelector(".".concat(V)),e.querySelector(".".concat(T)))})}function R(e,t){if(e&&t){var n=t.querySelectorAll(".".concat(O));if(!(n.length>0))return e.style.paddingLeft="",e.style.paddingTop="",void(e.style.height="");var r=t.offsetHeight;if(Math.max(1,Math.ceil(r/36))>1){var i=function(e){if(!e.length)return 0;var t=0;return e.forEach(function(e){t+=e.offsetWidth}),(t+=4*(e.length-1))+4}(function(e){if(!e.length)return[];var t=Array.from(e),n=-1;t.forEach(function(e){var t=e.getBoundingClientRect().bottom;t>n&&(n=t)});return t.filter(function(e){var t=e.getBoundingClientRect();return Math.abs(t.bottom-n)<=2})}(n));e.style.height="".concat(r,"px"),e.style.paddingTop="".concat(r-36+4,"px"),e.style.paddingLeft=i?"".concat(i+8,"px"):""}else e.style.height="",e.style.paddingTop="",e.style.paddingLeft="".concat(t.offsetWidth-4,"px")}}function F(e,t,n){e&&n&&t&&(n.innerHTML="",z(e).forEach(function(e){return function(e,t){var n=D({className:O,children:[D({text:e,className:P}),D({className:_,child:I({href:"#frm_close_icon"})})]});t.append(n)}(e,n)}),R(t,n),t.focus())}function B(e,t,n){if(!e||!t||!n)return!1;var r=z(t.value);return r.includes(e)?(N(n),!1):(r.push(e),X(t,r),N(n),!0)}function U(e,t,n){if(e&&t&&n){var r=e.querySelector(".".concat(P)).textContent;X(t,z(t.value).filter(function(e){return e!==r})),e.remove(),n.focus()}}function z(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return(e=e.trim())?e.split(/\s+/).filter(Boolean):[]}function X(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];e&&(e.value=t.join(" "),jQuery(e).trigger("change"))}function N(e){e&&(e.value="",e.focus())}function G(e){var n=(e?document.getElementById("frm-single-settings-".concat(e)):document.body).querySelectorAll(".".concat("frm-token-input-field"));if(n.length){var r=new Set;n.forEach(function(e){r.has(e.id)||(function(e){var n=function(e){var n=e.closest(".".concat("frm-with-right-icon"));if(n.querySelector(".".concat(T)))return null;n.classList.add(A);var r=D({className:T});n.insertBefore(r,n.firstChild);var i=j("input",{className:V,id:"".concat(e.id,"-proxy-input")});return i.type="text",e.parentNode.insertBefore(i,e.nextSibling),e.classList.add(t),n}(e);if(n){var r=n.querySelector(".".concat(V)),i=n.querySelector(".".concat(T));F(e.value,r,i),function(e,t,n){jQuery(e).on("change",function(){return F(e.value,t,n)}),t.addEventListener("keydown",function(r){return function(e,t,n,r){var i=e.key,o=n.value.trim();switch(i){case"Backspace":o||(e.preventDefault(),U(r.querySelector(".".concat(O,":last-child")),t,n));break;case" ":case",":case"Enter":e.preventDefault(),B(o,t,n)}R(n,r)}(r,e,t,n)}),t.addEventListener("blur",function(){return B(t.value.trim(),e,t)}),n.addEventListener("click",function(n){return function(e,t,n){var r=e.target.closest(".".concat(_));if(r){var i=r.closest(".".concat(O));if(i){var o=i.parentElement;U(i,t,n),R(n,o)}}}(n,e,t)})}(e,r,i)}}(e),r.add(e.id))})}}var J,H="frm-toggle-group",Q="frm_toggle_block",K="data-group-name";function Y(e){var t=e.target,n=t.closest(".".concat(H));n&&Z(t,n)}function Z(e,r){var i,o=(null===(i=r.closest(".".concat("frm-single-settings")))||void 0===i?void 0:i.dataset.fid)||r.dataset.fid,a=e.checked,l=e.getAttribute("data-show");l&&document.querySelectorAll($(l,o)).forEach(function(e){return e.classList.toggle(t,!a)});var s=e.getAttribute("data-disable");s&&document.querySelectorAll($(s,o)).forEach(function(e){e.classList.toggle(n,a),e.querySelectorAll("input, select, textarea").forEach(function(e){return e.disabled=a}),e.querySelectorAll(".frm-show-inline-modal[tabindex]").forEach(function(e){return e.tabIndex=a?-1:0})});var c=e.getAttribute("data-enable");c&&document.querySelectorAll($(c,o)).forEach(function(e){return e.classList.toggle(n,!a)});var u=e.closest(".".concat(Q));Array.from(r.querySelectorAll(".".concat(Q))).filter(function(e){return e!==u}).forEach(function(e){e.classList.toggle(n,a);var t=e.querySelector(".frm_toggle");t.tabIndex=a?-1:0,t.setAttribute("aria-disabled",a)})}function $(e,t){return e.replace(/{id}/g,t)}function ee(e){var t=e.target.closest(".frm-unit-input"),n=t.querySelector(".frm-unit-input-control"),r=t.querySelector("select").value;e.target.matches("select")&&(n.type=""===r?"text":"number");var i=n.value.trim();t.querySelector('input[type="hidden"]').value=""!==i?i+r:""}J=function(){var e,t;new d,new b,new C,null===(t=document.getElementById("frm-form-add-field"))||void 0===t||t.addEventListener("click",function(e){var t;e.preventDefault(),null===(t=document.querySelector(".frm-settings-panel .frm-tabs-navs ul > li:first-child"))||void 0===t||t.click()}),G(),document.addEventListener("frm_added_field",function(e){return G(e.frmField.dataset.fid)}),document.addEventListener("frm_ajax_loaded_field",function(e){return e.frmFields.forEach(function(e){return G(e.id)})}),wp.hooks.addAction("frmShowedFieldSettings","formidable-token-input",M),(e=document.querySelectorAll(".".concat(H))).length&&e.forEach(function(e){var t=e.querySelector("[".concat(K,"]:checked"));t&&Z(t,e)}),a("change",".".concat(H," [").concat(K,"]"),Y),a("change",".frm-unit-input .frm-unit-input-control",ee),a("change",".frm-unit-input select",ee)},"undefined"!=typeof document&&("complete"!==document.readyState&&"interactive"!==document.readyState?document.addEventListener("DOMContentLoaded",J):J())})();
\ No newline at end of file
+(()=>{"use strict";var e=window.frmGlobal,t=(e.url,e.nonce,"frm_hidden"),n="frm_disabled",r=(Promise.resolve(),frmDom),i=(r.div,r.span,r.tag,r.a,r.img,r.svg,frmDom.modal),o=(i.maybeCreateModal,i.footerButton,frmDom.util),a=(o.onClickPreventDefault,o.documentOn);frmDom.ajax.doJsonPost;var l=(new URL(window.location.href).searchParams,function(e){return null==e?void 0:e.classList.remove(t)});function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function c(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,u(r.key),r)}}function u(e){var t=function(e){if("object"!=s(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==s(t)?t:t+""}var f=function(){return e=function e(){var t=this;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.radioElements=document.querySelectorAll(".frm-style-component.frm-radio-component"),this.observers=new Map,0<this.radioElements.length&&this.init(),document.addEventListener("frm_added_field",function(e){var n=e.frmField;return t.discoverAndInitFieldRadios(n.dataset.fid)}),document.addEventListener("frm_ajax_loaded_field",function(e){return e.frmFields.forEach(function(e){return t.discoverAndInitFieldRadios(e.id)})}),window.addEventListener("beforeunload",function(){return t.cleanupObservers()}),this.resizeTimeout=null,window.addEventListener("resize",function(){return t.throttledUpdateAllTrackers()})},(n=[{key:"init",value:function(){this.initRadio(),this.initTrackerOnAccordionClick()}},{key:"discoverAndInitFieldRadios",value:function(e){var t=document.getElementById("frm-single-settings-".concat(e));if(!t)throw new Error("Field container not found for field ID: ".concat(e));this.radioElements=t.querySelectorAll(".frm-style-component.frm-radio-component"),this.initRadio()}},{key:"initRadio",value:function(){var e=this;this.radioElements.forEach(function(t){e.initOnRadioChange(t),e.initVisibilityObserver(t)})}},{key:"initTrackerOnAccordionClick",value:function(){var e=this;document.querySelectorAll("#frm_style_sidebar .accordion-section h3").forEach(function(t){t.addEventListener("click",function(t){t.target.closest(".accordion-section").querySelectorAll('.frm-style-component.frm-radio-component input[type="radio"]:checked').forEach(function(t){setTimeout(function(){return e.onRadioChange(t)},200)})})})}},{key:"initOnRadioChange",value:function(e){var t=this;e.querySelectorAll('input[type="radio"]').forEach(function(e){e.checked&&t.onRadioChange(e),e.addEventListener("change",function(e){t.onRadioChange(e.target)})})}},{key:"onRadioChange",value:function(e){var t=e.closest(".frm-style-component.frm-radio-component"),n=t.querySelector('input[type="radio"]:checked + label');null!==n&&(this.moveTracker(n,t),this.hideExtraElements(e),this.maybeShowExtraElements(e))}},{key:"maybeShowExtraElements",value:function(e){var t=e.getAttribute("data-frm-show-element");if(null!==t){var n=document.querySelectorAll('div[data-frm-element="'.concat(t,'"]'));0!==n.length&&n.forEach(function(e){l(e),e.classList.add("frm-element-is-visible")})}}},{key:"throttledUpdateAllTrackers",value:function(){var e=this;this.resizeTimeout||(this.resizeTimeout=requestAnimationFrame(function(){e.resizeTimeout=null,document.querySelectorAll('.frm-radio-component input[type="radio"]:checked').forEach(function(t){var n=t.closest(".frm-radio-component");n&&n.offsetWidth>0&&e.onRadioChange(t)})}))}},{key:"initVisibilityObserver",value:function(e){var t=this;this.observers.has(e)&&this.observers.get(e).disconnect();var n=new MutationObserver(function(){if(function(e){return"none"!==window.getComputedStyle(e).getPropertyValue("display")}(e)){var n=e.querySelector('input[type="radio"]:checked');n&&t.onRadioChange(n)}});this.observers.set(e,n),n.observe(e,{attributes:!0,attributeFilter:["class","style"]});for(var r=e.parentElement,i=0;i<7&&r;i++)n.observe(r,{attributes:!0,attributeFilter:["class","style"]}),r=r.parentElement}},{key:"cleanupObservers",value:function(){this.observers.forEach(function(e){e.disconnect()}),this.observers.clear()}},{key:"hideExtraElements",value:function(){var e=document.querySelectorAll(".frm-element-is-visible");0!==e.length&&e.forEach(function(e){e.classList.remove("frm-element-is-visible"),e.classList.add(t),function(e){null==e||e.classList.add(t)}(e)})}},{key:"moveTracker",value:function(e,t){var n=e.offsetLeft,r=e.offsetWidth,i=t.querySelector(".frm-radio-active-tracker");i.style.left=0,i.style.width="".concat(r,"px"),i.style.transform="translateX(".concat(n,"px)")}}])&&c(e.prototype,n),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,n}();function d(e){return d="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},d(e)}function v(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,m(r.key),r)}}function m(e){var t=function(e){if("object"!=d(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==d(t)?t:t+""}var p=function(){return e=function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.component=t;try{var n=JSON.parse(this.component.dataset.willChange);this.data={propagateInputs:this.initPropagationList(n),changeEvent:new Event("change",{bubbles:!0})}}catch(e){console.error('Error parsing JSON data from "will-change" attribute.',e)}},(t=[{key:"initPropagationList",value:function(e){var t=[];return e.forEach(function(e){var n=document.querySelector('input[name="'.concat(e,'"]'));n&&t.push(n)}),t}},{key:"updateAllDependentElements",value:function(e){this.data.propagateInputs.forEach(function(t){t.value=e}),this.data.propagateInputs[0].dispatchEvent(this.data.changeEvent)}}])&&v(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,t}();function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function h(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,b(r.key),r)}}function b(e){var t=function(e){if("object"!=y(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=y(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==y(t)?t:t+""}var g=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.loadedByWebComponent=t.length>0,this.sliderElements=t.length>0?t:document.querySelectorAll(".frm-slider-component"),this.settings=n,0!==this.sliderElements.length&&(this.eventsChange=[],this.initOptions(),this.init())}return n=e,i=[{key:"maybeDisableUnitDropdown",value:function(e){var t=e.querySelector("select");t&&1>=Array.from(t.options).filter(function(e){return""!==e.value}).length&&(t.classList.add("frm-single-unit"),t.addEventListener("mousedown",function(e){return e.preventDefault()}))}}],(r=[{key:"initOptions",value:function(){var e=this;this.options=[],this.sliderElements.forEach(function(t,n){var r=t.classList.contains("frm-has-multiple-values")?t.closest(".frm-style-component"):t,i=e.settings.steps||(t.dataset.steps?JSON.parse(t.dataset.steps):null);e.options.push({maxValue:parseInt(t.dataset.maxValue,10),element:t,index:n,steps:i,dependentUpdater:r.classList.contains("frm-style-dependent-updater-component")?new p(r):null})})}},{key:"init",value:function(){this.initListeners(),this.initFill()}},{key:"initListeners",value:function(){var t=this;this.sliderElements.forEach(function(n,r){t.eventsChange[r]=new Event("change",{bubbles:!0,cancelable:!0});var i=n.querySelector(".frm-slider"),o=n.querySelector('.frm-slider-value input[type="text"]');i.addEventListener("input",function(){o.value=i.value,t.updateFill(i,r),t.syncGroupSliders(n,i.value,r)}),i.addEventListener("change",function(){var e=n.querySelector("select").value;t.options[r].fullValue=t.updateValue(n,i.value+e),t.triggerValueChange(r)}),o.addEventListener("change",function(e){var a=n.querySelector("select").value;t.getMaxValue(a,r)<parseInt(e.target.value,10)||(i.value=o.value,t.updateFill(i,r),t.options[r].fullValue=t.updateValue(n,o.value+a),t.triggerValueChange(r))}),t.expandSliderGroup(n),t.updateOnUnitChange(n,i,o,r),e.maybeDisableUnitDropdown(n)})}},{key:"initFill",value:function(){var e=this;this.sliderElements.forEach(function(t,n){var r=t.querySelector(".frm-slider");if(r){var i=t.querySelector("select").value;e.options[n].fullValue=r.value+i,e.updateFill(r,n)}})}},{key:"updateFill",value:function(e,t){var n=e.closest(".frm-slider-component").querySelector("select").value,r=this.getMaxValue(n,t),i=r>0?Math.min(parseInt(e.value,10)/r*100,100):0;e.style.setProperty("--frm-fill","".concat(i,"%"))}},{key:"syncGroupSliders",value:function(e,t,n){var r=this;(e.classList.contains("frm-has-multiple-values")||e.classList.contains("frm-has-independent-fields"))&&(e.classList.contains("frm-has-independent-fields")?e.querySelectorAll(".frm-independent-slider-field"):this.getSliderGroupItems(e)).forEach(function(e,i){var o=e.querySelector(".frm-slider"),a=e.querySelector('.frm-slider-value input[type="text"]');o&&(o.value=t,r.updateFill(o,n+i+1)),a&&(a.value=parseInt(t,10))})}},{key:"expandSliderGroup",value:function(e){var n=e.querySelector(".frmsvg");if(void 0!==e.dataset.displaySliders&&null!==n){var r=this.getSliderGroupItems(e);n.addEventListener("click",function(){r.forEach(function(e){e.classList.toggle(t)})})}}},{key:"updateOnUnitChange",value:function(e,t,n,r){var i=this;e.querySelector("select").addEventListener("change",function(o){var a=o.target.value.toLowerCase();if(""!==a){if("auto"===a)return e.classList.add("frm-disabled"),i.updateValue(e,"auto"),void i.triggerValueChange(r);e.classList.remove("frm-disabled","frm-empty"),t.max=i.getMaxValue(a,r),i.options[r].fullValue=n.value+a,i.updateValue(e,i.options[r].fullValue),i.updateFill(t,r),i.triggerValueChange(r)}else e.classList.add("frm-disabled","frm-empty")})}},{key:"getSliderGroupItems",value:function(e){if(void 0===e.dataset.displaySliders)return[];var t=e.dataset.displaySliders.split(",").map(function(e){return'.frm-slider-component[data-type="'.concat(e,'"]')}).join(", ");return e.closest(".frm-style-component").querySelectorAll(t)}},{key:"getMaxValue",value:function(e,t){return"%"===e?100:this.options[t].maxValue}},{key:"triggerValueChange",value:function(e){var t=this;if(null===this.options[e].dependentUpdater){var n=this.sliderElements[e].classList.contains("frm-has-multiple-values")?this.sliderElements[e].closest(".frm-style-component").querySelector('input[type="hidden"]'):this.sliderElements[e].querySelectorAll('.frm-slider-value input[type="hidden"]');n instanceof NodeList?n.forEach(function(n){n.dispatchEvent(t.eventsChange[e])}):n.dispatchEvent(this.eventsChange[e])}else this.options[e].dependentUpdater.updateAllDependentElements(this.options[e].fullValue)}},{key:"updateValue",value:function(e,t){var n=this;if(e.classList.contains("frm-base-font-size")){var r=document.querySelector('input[name="frm_style_setting[post_content][use_base_font_size]"]');r&&(r.value="true")}if(e.classList.contains("frm-has-multiple-values")){var i=e.closest(".frm-style-component").querySelector('input[type="hidden"]'),o=i.value.split(" "),a=e.dataset.type;switch(o[2]||(o[2]="0px"),o[3]||(o[3]="0px"),a){case"vertical":o[0]=t,o[2]=t;break;case"horizontal":o[1]=t,o[3]=t;break;case"top":o[0]=t;break;case"bottom":o[2]=t;break;case"left":o[3]=t;break;case"right":o[1]=t}var l=o.join(" ");return i.value=l,this.getSliderGroupItems(e).forEach(function(e){var r=n.getUnitMeasureFromValue(t);e.querySelector('.frm-slider-value input[type="text"]').value=parseInt(t,10),e.querySelector("select").value=r}),l}if(e.classList.contains("frm-has-independent-fields")){var s=e.querySelectorAll('.frm-slider-value input[type="hidden"]'),c=e.querySelectorAll('.frm-slider-value input[type="text"]');return s.forEach(function(e,n){e.value=t,c[n+1].value=parseInt(t,10)}),t}return e.querySelector('.frm-slider-value input[type="hidden"]').value=t,t}},{key:"getUnitMeasureFromValue",value:function(e){return["%","px","em"].find(function(t){return e.includes(t)})||""}}])&&h(n.prototype,r),i&&h(n,i),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r,i}();function S(e){return S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},S(e)}function E(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,k(r.key),r)}}function k(e){var t=function(e){if("object"!=S(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=S(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==S(t)?t:t+""}var w=function(){return e=function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),void 0!==t&&(this.wrapper=t instanceof Element?t:document.querySelector(t),null!==this.wrapper&&(this.flexboxSlidesGap="16px",this.navs=this.wrapper.querySelectorAll(".frm-tabs-navs ul > li"),this.slideTrackLine=this.wrapper.querySelector(".frm-tabs-active-underline"),this.slideTrack=this.wrapper.querySelector(".frm-tabs-slide-track"),this.slides=this.wrapper.querySelectorAll(".frm-tabs-slide-track > div"),this.isRTL="rtl"===document.documentElement.dir||"rtl"===document.body.dir,this.resizeObserver=null,this.init()))},(t=[{key:"init",value:function(){var e=this;null!==this.wrapper&&this.navs.length&&null!==this.slideTrackLine&&null!==this.slideTrack&&this.slides.length&&(this.navs.forEach(function(t,n){t.addEventListener("click",function(t){return e.onNavClick(t,n)}),t.classList.contains("frm-active")&&e.initSlideTrackUnderline(t)}),this.slideTrackLine.style.display="block",this.setupScrollbarObserver(),window.addEventListener("beforeunload",this.cleanupObservers))}},{key:"onNavClick",value:function(e,t){var n=e.currentTarget;e.preventDefault(),this.removeActiveClassnameFromNavs(),n.classList.add("frm-active"),this.initSlideTrackUnderline(n),this.changeSlide(t);var r,i,o=n.querySelector("a");o&&"frm_insert_fields_tab"===o.id&&!o.closest("#frm_adv_info")&&(null===(r=window.frmAdminBuild)||void 0===r||null===(i=r.clearSettingsBox)||void 0===i||i.call(r))}},{key:"initSlideTrackUnderline",value:function(e){var t=void 0!==e?e:this.navs.filter(function(e){return e.classList.contains("frm-active")});this.positionUnderlineIndicator(t)}},{key:"setupScrollbarObserver",value:function(){var e=this,t=document.querySelector(".frm-scrollbar-wrapper, .styling_settings")||document.body;t&&"ResizeObserver"in window&&(this.resizeObserver=new ResizeObserver(function(){var t=e.wrapper.querySelector(".frm-tabs-navs ul > li.frm-active");t&&e.positionUnderlineIndicator(t)}),this.resizeObserver.observe(t))}},{key:"cleanupObservers",value:function(){this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null)}},{key:"positionUnderlineIndicator",value:function(e){var t=this;requestAnimationFrame(function(){var n=t.isRTL?-(e.parentElement.offsetWidth-e.offsetLeft-e.offsetWidth):e.offsetLeft;t.slideTrackLine.style.transform="translateX(".concat(n,"px)"),t.slideTrackLine.style.width="".concat(e.clientWidth,"px")})}},{key:"changeSlide",value:function(e){this.removeActiveClassnameFromSlides();var t=0==e?"0px":"calc( ( ".concat(100*e,"% + ").concat(parseInt(this.flexboxSlidesGap,10)*e,"px ) * ").concat(this.isRTL?1:-1," )");"0px"!==t?this.slideTrack.style.transform="translateX(".concat(t,")"):this.slideTrack.style.removeProperty("transform"),e in this.slides&&this.slides[e].classList.add("frm-active")}},{key:"removeActiveClassnameFromSlides",value:function(){this.slides.forEach(function(e){return e.classList.remove("frm-active")})}},{key:"removeActiveClassnameFromNavs",value:function(){this.navs.forEach(function(e){return e.classList.remove("frm-active")})}}])&&E(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,t}();function L(e){return L="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},L(e)}function q(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,x(r.key),r)}}function x(e){var t=function(e){if("object"!=L(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=L(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==L(t)?t:t+""}var A=function(){return e=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.elements=document.querySelectorAll(".frm-style-tabs-wrapper"),0<this.elements.length&&this.init()},(t=[{key:"init",value:function(){this.elements.forEach(function(e){new w(e)})}},{key:"initOnTabClick",value:function(e){var t=this;this.initActiveBackgroundWidth(e),e.querySelectorAll(".frm-tab-item").forEach(function(e){e.addEventListener("click",function(e){t.onTabClick(e.target.closest(".frm-tabs-wrapper"))})})}}])&&q(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,t}(),C="frm-token-container",T="frm-tokens",O="frm-token",_="frm-token-value",P="frm-token-remove",j="frm-token-proxy-input",V=window.frmDom,F=V.span,I=V.svg,R=V.tag;function D(){document.querySelectorAll(".".concat(C)).forEach(function(e){return U(e.querySelector(".".concat(j)),e.querySelector(".".concat(T)))})}function U(e,t){if(e&&t){var n=t.querySelectorAll(".".concat(O));if(!(n.length>0))return e.style.paddingLeft="",e.style.paddingTop="",void(e.style.height="");var r=t.offsetHeight;if(Math.max(1,Math.ceil(r/36))>1){var i=function(e){if(!e.length)return 0;var t=0;return e.forEach(function(e){t+=e.offsetWidth}),(t+=4*(e.length-1))+4}(function(e){if(!e.length)return[];var t=Array.from(e),n=-1;t.forEach(function(e){var t=e.getBoundingClientRect().bottom;t>n&&(n=t)});return t.filter(function(e){var t=e.getBoundingClientRect();return Math.abs(t.bottom-n)<=2})}(n));e.style.height="".concat(r,"px"),e.style.paddingTop="".concat(r-36+4,"px"),e.style.paddingLeft=i?"".concat(i+8,"px"):""}else e.style.height="",e.style.paddingTop="",e.style.paddingLeft="".concat(t.offsetWidth-4,"px")}}function z(e,t,n){e&&n&&t&&(n.innerHTML="",N(e).forEach(function(e){return function(e,t){var n=F({className:O,children:[F({text:e,className:_}),F({className:P,child:I({href:"#frm_close_icon"})})]});t.append(n)}(e,n)}),U(t,n),t.focus())}function M(e,t,n){if(!e||!t||!n)return!1;var r=N(t.value);return r.includes(e)?(W(n),!1):(r.push(e),G(t,r),W(n),!0)}function B(e,t,n){if(e&&t&&n){var r=e.querySelector(".".concat(_)).textContent;G(t,N(t.value).filter(function(e){return e!==r})),e.remove(),n.focus()}}function N(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return(e=e.trim())?e.split(/\s+/).filter(Boolean):[]}function G(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];e&&(e.value=t.join(" "),jQuery(e).trigger("change"))}function W(e){e&&(e.value="",e.focus())}function J(e){var n=(e?document.getElementById("frm-single-settings-".concat(e)):document.body).querySelectorAll(".".concat("frm-token-input-field"));if(n.length){var r=new Set;n.forEach(function(e){r.has(e.id)||(function(e){var n=function(e){var n=e.closest(".".concat("frm-with-right-icon"));if(n.querySelector(".".concat(T)))return null;n.classList.add(C);var r=F({className:T});n.insertBefore(r,n.firstChild);var i=R("input",{className:j,id:"".concat(e.id,"-proxy-input")});return i.type="text",e.parentNode.insertBefore(i,e.nextSibling),e.classList.add(t),n}(e);if(n){var r=n.querySelector(".".concat(j)),i=n.querySelector(".".concat(T));z(e.value,r,i),function(e,t,n){jQuery(e).on("change",function(){return z(e.value,t,n)}),t.addEventListener("keydown",function(r){return function(e,t,n,r){var i=e.key,o=n.value.trim();switch(i){case"Backspace":o||(e.preventDefault(),B(r.querySelector(".".concat(O,":last-child")),t,n));break;case" ":case",":case"Enter":e.preventDefault(),M(o,t,n)}U(n,r)}(r,e,t,n)}),t.addEventListener("blur",function(){return M(t.value.trim(),e,t)}),n.addEventListener("click",function(n){return function(e,t,n){var r=e.target.closest(".".concat(P));if(r){var i=r.closest(".".concat(O));if(i){var o=i.parentElement;B(i,t,n),U(n,o)}}}(n,e,t)})}(e,r,i)}}(e),r.add(e.id))})}}var X,H="frm-toggle-group",Q="frm_toggle_block",K="data-group-name";function Y(e){var t=e.target,n=t.closest(".".concat(H));n&&Z(t,n)}function Z(e,r){var i,o=(null===(i=r.closest(".".concat("frm-single-settings")))||void 0===i?void 0:i.dataset.fid)||r.dataset.fid,a=e.checked,l=e.getAttribute("data-show");l&&document.querySelectorAll($(l,o)).forEach(function(e){return e.classList.toggle(t,!a)});var s=e.getAttribute("data-disable");s&&document.querySelectorAll($(s,o)).forEach(function(e){e.classList.toggle(n,a),e.querySelectorAll("input, select, textarea").forEach(function(e){return e.disabled=a}),e.querySelectorAll(".frm-show-inline-modal[tabindex]").forEach(function(e){return e.tabIndex=a?-1:0})});var c=e.getAttribute("data-enable");c&&document.querySelectorAll($(c,o)).forEach(function(e){return e.classList.toggle(n,!a)});var u=e.closest(".".concat(Q));Array.from(r.querySelectorAll(".".concat(Q))).filter(function(e){return e!==u}).forEach(function(e){e.classList.toggle(n,a);var t=e.querySelector(".frm_toggle");t.tabIndex=a?-1:0,t.setAttribute("aria-disabled",a)})}function $(e,t){return e.replace(/{id}/g,t)}function ee(e){var t=e.target.closest(".frm-unit-input"),n=t.querySelector(".frm-unit-input-control"),r=t.querySelector("select").value;e.target.matches("select")&&(n.type=""===r?"text":"number");var i=n.value.trim();t.querySelector('input[type="hidden"]').value=""!==i?i+r:""}X=function(){var e,t;new f,new g,new A,null===(t=document.getElementById("frm-form-add-field"))||void 0===t||t.addEventListener("click",function(e){var t;e.preventDefault(),null===(t=document.querySelector(".frm-settings-panel .frm-tabs-navs ul > li:first-child"))||void 0===t||t.click()}),J(),document.addEventListener("frm_added_field",function(e){return J(e.frmField.dataset.fid)}),document.addEventListener("frm_ajax_loaded_field",function(e){return e.frmFields.forEach(function(e){return J(e.id)})}),wp.hooks.addAction("frmShowedFieldSettings","formidable-token-input",D),(e=document.querySelectorAll(".".concat(H))).length&&e.forEach(function(e){var t=e.querySelector("[".concat(K,"]:checked"));t&&Z(t,e)}),a("change",".".concat(H," [").concat(K,"]"),Y),a("change",".frm-unit-input .frm-unit-input-control",ee),a("change",".frm-unit-input select",ee)},"undefined"!=typeof document&&("complete"!==document.readyState&&"interactive"!==document.readyState?document.addEventListener("DOMContentLoaded",X):X())})();
\ No newline at end of file
diff --git a/js/formidable-web-components.js b/js/formidable-web-components.js
index 79d172f226..db82ea3ab5 100644
--- a/js/formidable-web-components.js
+++ b/js/formidable-web-components.js
@@ -1 +1 @@
-(()=>{var e={8616:e=>{e.exports=function(e,t){var r,n,i=0;function o(){var o,a,s=r,l=arguments.length;e:for(;s;){if(s.args.length===arguments.length){for(a=0;a<l;a++)if(s.args[a]!==arguments[a]){s=s.next;continue e}return s!==r&&(s===n&&(n=s.prev),s.prev.next=s.next,s.next&&(s.next.prev=s.prev),s.next=r,s.prev=null,r.prev=s,r=s),s.val}s=s.next}for(o=new Array(l),a=0;a<l;a++)o[a]=arguments[a];return s={args:o,val:e.apply(null,o)},r?(r.prev=s,s.next=r):n=s,i===t.maxSize?(n=n.prev).next=null:i++,r=s,s.val}return t=t||{},o.clear=function(){r=null,n=null,i=0},o}},7604:(e,t,r)=>{var n;!function(){"use strict";var i={not_string:/[^s]/,not_bool:/[^t]/,not_type:/[^T]/,not_primitive:/[^v]/,number:/[diefg]/,numeric_arg:/[bcdiefguxX]/,json:/[j]/,not_json:/[^j]/,text:/^[^\x25]+/,modulo:/^\x25{2}/,placeholder:/^\x25(?:([1-9]\d*)\$|\(([^)]+)\))?(\+)?(0|'[^$])?(-)?(\d+)?(?:\.(\d+))?([b-gijostTuvxX])/,key:/^([a-z_][a-z_\d]*)/i,key_access:/^\.([a-z_][a-z_\d]*)/i,index_access:/^\[(\d+)\]/,sign:/^[+-]/};function o(e){return function(e,t){var r,n,a,s,l,u,p,c,d,f=1,m=e.length,h="";for(n=0;n<m;n++)if("string"==typeof e[n])h+=e[n];else if("object"==typeof e[n]){if((s=e[n]).keys)for(r=t[f],a=0;a<s.keys.length;a++){if(null==r)throw new Error(o('[sprintf] Cannot access property "%s" of undefined value "%s"',s.keys[a],s.keys[a-1]));r=r[s.keys[a]]}else r=s.param_no?t[s.param_no]:t[f++];if(i.not_type.test(s.type)&&i.not_primitive.test(s.type)&&r instanceof Function&&(r=r()),i.numeric_arg.test(s.type)&&"number"!=typeof r&&isNaN(r))throw new TypeError(o("[sprintf] expecting number but found %T",r));switch(i.number.test(s.type)&&(c=r>=0),s.type){case"b":r=parseInt(r,10).toString(2);break;case"c":r=String.fromCharCode(parseInt(r,10));break;case"d":case"i":r=parseInt(r,10);break;case"j":r=JSON.stringify(r,null,s.width?parseInt(s.width):0);break;case"e":r=s.precision?parseFloat(r).toExponential(s.precision):parseFloat(r).toExponential();break;case"f":r=s.precision?parseFloat(r).toFixed(s.precision):parseFloat(r);break;case"g":r=s.precision?String(Number(r.toPrecision(s.precision))):parseFloat(r);break;case"o":r=(parseInt(r,10)>>>0).toString(8);break;case"s":r=String(r),r=s.precision?r.substring(0,s.precision):r;break;case"t":r=String(!!r),r=s.precision?r.substring(0,s.precision):r;break;case"T":r=Object.prototype.toString.call(r).slice(8,-1).toLowerCase(),r=s.precision?r.substring(0,s.precision):r;break;case"u":r=parseInt(r,10)>>>0;break;case"v":r=r.valueOf(),r=s.precision?r.substring(0,s.precision):r;break;case"x":r=(parseInt(r,10)>>>0).toString(16);break;case"X":r=(parseInt(r,10)>>>0).toString(16).toUpperCase()}i.json.test(s.type)?h+=r:(!i.number.test(s.type)||c&&!s.sign?d="":(d=c?"+":"-",r=r.toString().replace(i.sign,"")),u=s.pad_char?"0"===s.pad_char?"0":s.pad_char.charAt(1):" ",p=s.width-(d+r).length,l=s.width&&p>0?u.repeat(p):"",h+=s.align?d+r+l:"0"===u?d+l+r:l+d+r)}return h}(function(e){if(s[e])return s[e];for(var t,r=e,n=[],o=0;r;){if(null!==(t=i.text.exec(r)))n.push(t[0]);else if(null!==(t=i.modulo.exec(r)))n.push("%");else{if(null===(t=i.placeholder.exec(r)))throw new SyntaxError("[sprintf] unexpected placeholder");if(t[2]){o|=1;var a=[],l=t[2],u=[];if(null===(u=i.key.exec(l)))throw new SyntaxError("[sprintf] failed to parse named argument key");for(a.push(u[1]);""!==(l=l.substring(u[0].length));)if(null!==(u=i.key_access.exec(l)))a.push(u[1]);else{if(null===(u=i.index_access.exec(l)))throw new SyntaxError("[sprintf] failed to parse named argument key");a.push(u[1])}t[2]=a}else o|=2;if(3===o)throw new Error("[sprintf] mixing positional and named placeholders is not (yet) supported");n.push({placeholder:t[0],param_no:t[1],keys:t[2],sign:t[3],pad_char:t[4],align:t[5],width:t[6],precision:t[7],type:t[8]})}r=r.substring(t[0].length)}return s[e]=n}(e),arguments)}function a(e,t){return o.apply(null,[e].concat(t||[]))}var s=Object.create(null);"undefined"!=typeof window&&(window.sprintf=o,window.vsprintf=a,void 0===(n=function(){return{sprintf:o,vsprintf:a}}.call(t,r,t,e))||(e.exports=n))}()}},t={};function r(n){var i=t[n];if(void 0!==i)return i.exports;var o=t[n]={exports:{}};return e[n](o,o.exports,r),o.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{"use strict";function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}function t(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,n(i.key),i)}}function n(t){var r=function(t){if("object"!=e(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,"string");if("object"!=e(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==e(r)?r:r+""}var i=function(){return e=function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),void 0!==t&&(this.wrapper=t instanceof Element?t:document.querySelector(t),null!==this.wrapper&&(this.flexboxSlidesGap="16px",this.navs=this.wrapper.querySelectorAll(".frm-tabs-navs ul > li"),this.slideTrackLine=this.wrapper.querySelector(".frm-tabs-active-underline"),this.slideTrack=this.wrapper.querySelector(".frm-tabs-slide-track"),this.slides=this.wrapper.querySelectorAll(".frm-tabs-slide-track > div"),this.isRTL="rtl"===document.documentElement.dir||"rtl"===document.body.dir,this.resizeObserver=null,this.init()))},(r=[{key:"init",value:function(){var e=this;null!==this.wrapper&&this.navs.length&&null!==this.slideTrackLine&&null!==this.slideTrack&&this.slides.length&&(this.navs.forEach(function(t,r){t.addEventListener("click",function(t){return e.onNavClick(t,r)}),t.classList.contains("frm-active")&&e.initSlideTrackUnderline(t)}),this.slideTrackLine.style.display="block",this.setupScrollbarObserver(),window.addEventListener("beforeunload",this.cleanupObservers))}},{key:"onNavClick",value:function(e,t){var r=e.currentTarget;e.preventDefault(),this.removeActiveClassnameFromNavs(),r.classList.add("frm-active"),this.initSlideTrackUnderline(r),this.changeSlide(t);var n,i,o=r.querySelector("a");o&&"frm_insert_fields_tab"===o.id&&!o.closest("#frm_adv_info")&&(null===(n=window.frmAdminBuild)||void 0===n||null===(i=n.clearSettingsBox)||void 0===i||i.call(n))}},{key:"initSlideTrackUnderline",value:function(e){var t=void 0!==e?e:this.navs.filter(function(e){return e.classList.contains("frm-active")});this.positionUnderlineIndicator(t)}},{key:"setupScrollbarObserver",value:function(){var e=this,t=document.querySelector(".frm-scrollbar-wrapper, .styling_settings")||document.body;t&&"ResizeObserver"in window&&(this.resizeObserver=new ResizeObserver(function(){var t=e.wrapper.querySelector(".frm-tabs-navs ul > li.frm-active");t&&e.positionUnderlineIndicator(t)}),this.resizeObserver.observe(t))}},{key:"cleanupObservers",value:function(){this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null)}},{key:"positionUnderlineIndicator",value:function(e){var t=this;requestAnimationFrame(function(){var r=t.isRTL?-(e.parentElement.offsetWidth-e.offsetLeft-e.offsetWidth):e.offsetLeft;t.slideTrackLine.style.transform="translateX(".concat(r,"px)"),t.slideTrackLine.style.width="".concat(e.clientWidth,"px")})}},{key:"changeSlide",value:function(e){this.removeActiveClassnameFromSlides();var t=0==e?"0px":"calc( ( ".concat(100*e,"% + ").concat(parseInt(this.flexboxSlidesGap,10)*e,"px ) * ").concat(this.isRTL?1:-1," )");"0px"!==t?this.slideTrack.style.transform="translateX(".concat(t,")"):this.slideTrack.style.removeProperty("transform"),e in this.slides&&this.slides[e].classList.add("frm-active")}},{key:"removeActiveClassnameFromSlides",value:function(){this.slides.forEach(function(e){return e.classList.remove("frm-active")})}},{key:"removeActiveClassnameFromNavs",value:function(){this.navs.forEach(function(e){return e.classList.remove("frm-active")})}}])&&t(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,r}();function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function s(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,l(n.key),n)}}function l(e){var t=function(e){if("object"!=o(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==o(t)?t:t+""}function u(e){var t="function"==typeof Map?new Map:void 0;return u=function(e){if(null===e||!function(e){try{return-1!==Function.toString.call(e).indexOf("[native code]")}catch(t){return"function"==typeof e}}(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==t){if(t.has(e))return t.get(e);t.set(e,r)}function r(){return function(e,t,r){if(p())return Reflect.construct.apply(null,arguments);var n=[null];n.push.apply(n,t);var i=new(e.bind.apply(e,n));return r&&c(i,r.prototype),i}(e,arguments,d(this).constructor)}return r.prototype=Object.create(e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),c(r,e)},u(e)}function p(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(p=function(){return!!e})()}function c(e,t){return c=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},c(e,t)}function d(e){return d=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},d(e)}var f=function(e){function t(){var e;if(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(this instanceof t?this.constructor:void 0)===t)throw new Error("frmWebComponent is an abstract class and cannot be instantiated directly");return(e=function(e,t,r){return t=d(t),function(e,t){if(t&&("object"==o(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,p()?Reflect.construct(t,r||[],d(e).constructor):t.apply(e,r))}(this,t)).useShadowDom()&&e.attachShadow({mode:"open"}),e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&c(e,t)}(t,e),r=t,(n=[{key:"initOptions",value:function(){this.fieldName=this.getAttribute("name")||null,this.defaultValue=this.getAttribute("value")||null,this.componentId=this.getAttribute("id")||null}},{key:"getLabelText",value:function(){if(this._labelText)return this._labelText;var e=this.querySelector("span.frm-component-label");return null===e?null:e.innerText}},{key:"useShadowDom",value:function(){return"false"!==this.getAttribute("data-shadow-dom")}},{key:"loadStyle",value:function(){var e,t=document.createElement("style");return this.componentStyle=this.componentStyle.replace("--frm-plugin-url",(null===(e=frmGlobal)||void 0===e?void 0:e.url)||""),t.textContent+=this.componentStyle,t}},{key:"getWrapper",value:function(){return this.useShadowDom()?this.shadowRoot:this}},{key:"render",value:function(){var e=this,t=this.initView();if(t){var r=this.getWrapper();r.innerHTML="",t.classList.add("frm-component"),r.append.apply(r,function(e){return function(e){if(Array.isArray(e))return a(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return a(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?a(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(this.getViewItems(t))),this.addLabelToView(t),this.whenElementBecomesVisible().then(function(){return e.afterViewInit(e)})}}},{key:"addLabelToView",value:function(e){var t=this.getLabelText();if(null!==t&&null!==e){var r=document.createElement("span");r.classList.add("frm-component-label"),r.textContent=t,e.prepend(r)}}},{key:"getViewItems",value:function(e){return[this.loadStyle(),e].filter(function(e){return null!==e})}},{key:"whenElementBecomesVisible",value:function(){var e=this;return new Promise(function(t){if(void 0!==window.IntersectionObserver){var r=new IntersectionObserver(function(e){e.forEach(function(e){e.isIntersecting&&e.intersectionRatio>0&&(r.disconnect(),requestAnimationFrame(function(){return t()}))})},{threshold:.1});(e.useShadowDom()?e.shadowRoot.host:e)&&r.observe(e)}else requestAnimationFrame(function(){return t()})})}},{key:"frmLabel",set:function(e){this._labelText=e}},{key:"afterViewInit",value:function(e){}},{key:"initView",value:function(){}},{key:"connectedCallback",value:function(){this.initOptions(),this.render()}},{key:"disconnectedCallback",value:function(){}}])&&s(r.prototype,n),Object.defineProperty(r,"prototype",{writable:!1}),r;var r,n}(u(HTMLElement));function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function h(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,b(n.key),n)}}function b(e){var t=function(e){if("object"!=m(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==m(t)?t:t+""}function y(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(y=function(){return!!e})()}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}function v(e,t){return v=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},v(e,t)}var x=function(e){function t(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(e=function(e,t,r){return t=g(t),function(e,t){if(t&&("object"==m(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,y()?Reflect.construct(t,r||[],g(e).constructor):t.apply(e,r))}(this,t)).componentStyle=":root,.frm-white-body,.frm_wrap{--grey-900: #101828;--grey-800: #1d2939;--grey-700: #344054;--grey-600: #475467;--grey-500: #667085;--grey-400: #98a2b3;--grey-300: #d0d5dd;--grey-200: #eaecf0;--grey-100: #f2f4f7;--grey-50: #f9fafb;--grey-25: #fcfcfd;--dark-grey: var(--grey-700);--medium-grey: rgba(40, 47, 54, 0.65);--grey: var(--grey-500);--grey-border: var(--grey-300);--lightest-grey: rgb(250, 250, 250);--sidebar-color: var(--grey-50);--sidebar-hover: var(--grey-200);--primary-700: #2b66a9;--primary-500: #4199fd;--primary-300: #80bbfe;--primary-200: #c0ddfe;--primary-50: #ecf5ff;--primary-25: #f5faff;--primary-color: var(--primary-500);--primary-hover: var(--primary-700);--light-blue: var(--primary-25);--blue-border: rgb(188, 224, 253);--error-700: #b42318;--error-500: #f04438;--error-300: #fecdca;--error-100: #fee4e2;--error-25: #fff5f4;--green: rgb(63, 172, 37);--orange: #f15a24;--warning-500: #f79009;--pink: rgb(226, 42, 110);--purple: rgb(141, 53, 245);--success-900: #054f31;--success-800: #065f46;--success-500: #12b76a;--success-100: #d1fae5;--success-200: #a6f4c5;--success-50: #ecfdf3;--success-25: #f6fef9;--border-radius: 35px;--small-radius: 8px;--medium-radius: 16px;--small-sidebar: 275px;--medium-sidebar: 350px;--big-sidebar: 390px;--biggest-sidebar: 450px;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--h-xs: 24px;--h-sm: 30px;--h-md: 36px;--leading: 1.5;--gap-2xs: 4px;--gap-xs: 8px;--gap-sm: 16px;--gap-md: 24px;--gap-lg: 32px;--gap-xl: 40px;--gap-2xl: 48px;--box-shadow-xs: 0 0.47074466943740845px 0.9414893388748169px 0 rgba(16, 24, 40, 0.05);--box-shadow-sm: 0 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0 0.470745px 0.941489px rgba(16, 24, 40, 0.06);--box-shadow-md: 0 1.88298px 3.76596px -0.941489px rgba(16, 24, 40, 0.1), 0 0.941489px 1.88298px -0.941489px rgba(16, 24, 40, 0.06);--box-shadow-lg: 0 6px 8px -2px rgba(16, 24, 40, 0.08), 0 1.88298px 4px -1px rgba(16, 24, 40, 0.03), 0 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0 0.470745px 0.941489px rgba(16, 24, 40, 0.06);--box-shadow-xl: 0 9.41489px 11.2979px -1.88298px rgba(16, 24, 40, 0.08), 0 3.76596px 3.76596px -1.88298px rgba(16, 24, 40, 0.03);--box-shadow-xxl: 0 11px 22px -5px rgba(16, 24, 40, 0.18);--button-shadow: 0 0.47px 0.94px 0 rgba(16, 24, 40, 0.06), 0 0.47px 1.47px 0 rgba(16, 24, 40, 0.1);--check-label-color: var(--grey-700)}.frm_hidden{display:none}.frm-component:not(.frm-tabs-wrapper){display:flex;justify-content:space-between;align-items:center}.frm-component:not(.frm-tabs-wrapper)>span.frm-component-label{font-weight:500;font-size:var(--text-sm) !important;color:var(--grey-900) !important;width:40% !important;display:block !important;margin-right:12px !important}.frm-tabs-wrapper{position:relative;overflow:hidden}.frm-tabs-wrapper .frm-tabs-navigator{margin:0;padding:0;display:flex;gap:var(--gap-xs);justify-content:space-between;align-items:center;background:#f2f4f7;border-radius:var(--small-radius);box-sizing:border-box;height:44px;position:relative;z-index:2}.frm-tabs-wrapper .frm-tabs-navigator .frm-tab-item{flex:1;text-align:center;cursor:pointer}.frm-tabs-wrapper .frm-tabs-navigator .frm-active-background{display:block;height:100%;background:#fff;position:absolute;top:0;left:0;z-index:1}.frm-tabs-navs{padding:0;min-height:44px}.frm-tabs-navs ul{margin:0;height:var(--h-md);position:relative;display:flex;justify-content:space-between;list-style-type:none;padding:0px}.frm-tabs-navs ul li,.frm-tabs-navs ul li a{color:var(--grey-500);font-weight:500;font-size:var(--text-sm);line-height:28px}.frm-tabs-navs ul li{flex:1;height:28px;text-align:center;margin-top:var(--gap-xs);margin-bottom:0;cursor:pointer}.frm-tabs-navs ul li.frm-active,.frm-style-tabs-wrapper .frm-tabs-navs ul li.frm-active a{color:var(--grey-900)}.frm-tabs-navs ul li:first-child{margin-left:var(--gap-xs)}.frm-tabs-navs ul li:last-child{margin-right:var(--gap-xs)}.frm-tabs-delimiter{position:absolute;top:0;left:0;width:100%;background:#f2f4f7;height:44px;margin:0;border-radius:var(--small-radius)}.frm-tabs-delimiter .frm-tabs-active-underline{height:28px;background:#fff;position:absolute;left:0;bottom:8px;transition:.4s transform cubic-bezier(0.25, 0.46, 0.45, 0.94);border-radius:var(--small-radius);box-shadow:var(--button-shadow);display:none}.frm-tabs-container{position:relative;overflow:hidden;margin-top:var(--gap-md);height:100%}.frm-tabs-container .frm-tabs-slide-track{display:flex;transition:.32s transform cubic-bezier(0.25, 0.46, 0.45, 0.94)}.frm-tabs-slide-track>div{flex:0 0 100%;opacity:0;transition:.25s opacity linear;position:relative;height:auto;max-height:unset;overflow:hidden;box-sizing:border-box}.frm-tabs-slide-track>div>div{overflow:auto;position:relative;width:100%;padding:0;box-sizing:border-box}.frm-tabs-slide-track>div>div:first-child{height:100%}.frm-tabs-slide-track>div.frm-active{opacity:1;transition:.35s opacity linear}\n",e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&v(e,t)}(t,e),r=t,(n=[{key:"initView",value:function(){if(this.tabs=this.querySelectorAll(".frm-tab"),0===this.tabs.length)return null;var e=document.createElement("div");return e.classList.add("frm-tabs-wrapper"),e.append(this.getTabDelimiter()),e.append(this.getTabs()),e.append(this.getTabContainer()),e}},{key:"afterViewInit",value:function(e){this.tabsNavigator=new i(e)}},{key:"getTabDelimiter",value:function(){var e=document.createElement("div"),t=document.createElement("span");return t.classList.add("frm-tabs-active-underline"),e.className="frm-tabs-delimiter",e.append(t),e}},{key:"getTabs",value:function(){var e=this,t=document.createElement("div"),r=document.createElement("ul");return t.className="frm-tabs-navs",t.append(r),Array.from(this.tabs).forEach(function(t,n){r.append(e.createTabHeading(t,n))}),t}},{key:"getTabContainer",value:function(){var e=this,t=document.createElement("div"),r=document.createElement("div");return t.className="frm-tabs-container",r.className="frm-tabs-slide-track frm-flex-box",t.append(r),Array.from(this.tabs).forEach(function(t,n){r.append(e.createTabContainer(t,n))}),t}},{key:"createTabHeading",value:function(e,t){var r=0===t?"frm-active":"",n=document.createElement("li");return n.className=r,n.innerText=e.getAttribute("data-tab-title"),n}},{key:"createTabContainer",value:function(e,t){var r=0===t?"frm-active":"",n=document.createElement("div");return n.className="frm-tab-container ".concat(r),Array.from(e.children).forEach(function(e){n.append(e)}),n}},{key:"getTabUnderline",value:function(){return this.shadowRoot.querySelector(".frm-tabs-active-underline")}},{key:"getLabelText",value:function(){return null}}])&&h(r.prototype,n),Object.defineProperty(r,"prototype",{writable:!1}),r;var r,n}(f);function w(e){return w="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},w(e)}function k(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,I(n.key),n)}}function S(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(S=function(){return!!e})()}function E(e){return E=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},E(e)}function O(e,t){return O=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},O(e,t)}function I(e){var t=function(e){if("object"!=w(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=w(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==w(t)?t:t+""}function j(e,t,r){(function(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")})(e,t),t.set(e,r)}function _(e,t,r){return e.set(L(e,t),r),r}function V(e,t){return e.get(L(e,t))}function L(e,t,r){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:r;throw new TypeError("Private element is not present on this object")}var P,T,C,A=new WeakMap,z=new WeakMap,M=function(e){function t(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),j(e=function(e,t,r){return t=E(t),function(e,t){if(t&&("object"==w(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,S()?Reflect.construct(t,r||[],E(e).constructor):t.apply(e,r))}(this,t),A,function(){}),j(e,z,"#ffffff"),e.input=document.createElement("input"),e.componentStyle=':root,.frm-white-body,.frm_wrap{--grey-900: #101828;--grey-800: #1d2939;--grey-700: #344054;--grey-600: #475467;--grey-500: #667085;--grey-400: #98a2b3;--grey-300: #d0d5dd;--grey-200: #eaecf0;--grey-100: #f2f4f7;--grey-50: #f9fafb;--grey-25: #fcfcfd;--dark-grey: var(--grey-700);--medium-grey: rgba(40, 47, 54, 0.65);--grey: var(--grey-500);--grey-border: var(--grey-300);--lightest-grey: rgb(250, 250, 250);--sidebar-color: var(--grey-50);--sidebar-hover: var(--grey-200);--primary-700: #2b66a9;--primary-500: #4199fd;--primary-300: #80bbfe;--primary-200: #c0ddfe;--primary-50: #ecf5ff;--primary-25: #f5faff;--primary-color: var(--primary-500);--primary-hover: var(--primary-700);--light-blue: var(--primary-25);--blue-border: rgb(188, 224, 253);--error-700: #b42318;--error-500: #f04438;--error-300: #fecdca;--error-100: #fee4e2;--error-25: #fff5f4;--green: rgb(63, 172, 37);--orange: #f15a24;--warning-500: #f79009;--pink: rgb(226, 42, 110);--purple: rgb(141, 53, 245);--success-900: #054f31;--success-800: #065f46;--success-500: #12b76a;--success-100: #d1fae5;--success-200: #a6f4c5;--success-50: #ecfdf3;--success-25: #f6fef9;--border-radius: 35px;--small-radius: 8px;--medium-radius: 16px;--small-sidebar: 275px;--medium-sidebar: 350px;--big-sidebar: 390px;--biggest-sidebar: 450px;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--h-xs: 24px;--h-sm: 30px;--h-md: 36px;--leading: 1.5;--gap-2xs: 4px;--gap-xs: 8px;--gap-sm: 16px;--gap-md: 24px;--gap-lg: 32px;--gap-xl: 40px;--gap-2xl: 48px;--box-shadow-xs: 0 0.47074466943740845px 0.9414893388748169px 0 rgba(16, 24, 40, 0.05);--box-shadow-sm: 0 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0 0.470745px 0.941489px rgba(16, 24, 40, 0.06);--box-shadow-md: 0 1.88298px 3.76596px -0.941489px rgba(16, 24, 40, 0.1), 0 0.941489px 1.88298px -0.941489px rgba(16, 24, 40, 0.06);--box-shadow-lg: 0 6px 8px -2px rgba(16, 24, 40, 0.08), 0 1.88298px 4px -1px rgba(16, 24, 40, 0.03), 0 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0 0.470745px 0.941489px rgba(16, 24, 40, 0.06);--box-shadow-xl: 0 9.41489px 11.2979px -1.88298px rgba(16, 24, 40, 0.08), 0 3.76596px 3.76596px -1.88298px rgba(16, 24, 40, 0.03);--box-shadow-xxl: 0 11px 22px -5px rgba(16, 24, 40, 0.18);--button-shadow: 0 0.47px 0.94px 0 rgba(16, 24, 40, 0.06), 0 0.47px 1.47px 0 rgba(16, 24, 40, 0.1);--check-label-color: var(--grey-700)}.frm_hidden{display:none}.frm-component:not(.frm-tabs-wrapper){display:flex;justify-content:space-between;align-items:center}.frm-component:not(.frm-tabs-wrapper)>span.frm-component-label{font-weight:500;font-size:var(--text-sm) !important;color:var(--grey-900) !important;width:40% !important;display:block !important;margin-right:12px !important}.frm-colorpicker-component .wp-picker-container button[type=button]{position:relative;height:36px !important;background-image:none !important;background-color:#fff !important;overflow:hidden}.frm-colorpicker-component .wp-picker-container button[type=button]:after{content:"";width:20px;height:20px;display:block;position:absolute;top:0;right:8px;bottom:0;margin:auto;background:url("--frm-plugin-url/images/style/small-arrow.svg") no-repeat;background-position:center;z-index:10}.frm-colorpicker-component .wp-picker-container button[type=button]:focus{border-color:var(--primary-500) !important}.frm-colorpicker-component .wp-color-result-text{line-height:36px !important;padding:0 12px;border:0}.frm-colorpicker-component .color-alpha{width:20px !important;height:20px !important;border-radius:50% !important;border:1px solid #d0d5dd;top:0;left:0;bottom:0;margin:auto;margin-left:12px}.frm-colorpicker-component .wp-picker-input-wrap input{width:calc(100% - 10px) !important;margin:1px 5px;height:32px;line-height:32px}\n',e.attachInternals(),e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&O(e,t)}(t,e),r=t,(n=[{key:"initView",value:function(){var e=document.createElement("div");return e.classList.add("frm-colorpicker-component","frm-colorpicker"),e.append(this.getInput()),e}},{key:"getInput",value:function(){var e=this;return this.input.type="text",this.input.classList.add("hex"),null!==this.fieldName&&(this.input.name=this.fieldName),null!==V(z,this)&&(this.input.value=V(z,this)),null!==this.componentId&&(this.input.id=this.componentId),this.input.addEventListener("blur",function(t){return V(A,e).call(e,t,null)}),this.input}},{key:"useShadowDom",value:function(){return!1}},{key:"afterViewInit",value:function(){var e=this,t={defaultColor:V(z,this)};"function"==typeof V(A,this)&&(t.change=function(t,r){return setTimeout(function(){return V(A,e).call(e,t,r)},20)}),jQuery(this.input).wpColorPicker(t)}},{key:"color",get:function(){return jQuery(this.input).wpColorPicker("color")},set:function(e){_(z,this,e),this.input.value=e}},{key:"onChange",set:function(e){if("function"!=typeof e)throw new TypeError("Expected a function, but received ".concat(w(e)));_(A,this,e)}}])&&k(r.prototype,n),Object.defineProperty(r,"prototype",{writable:!1}),r;var r,n}(f);P=M,C=!0,(T=I(T="formAssociated"))in P?Object.defineProperty(P,T,{value:C,enumerable:!0,configurable:!0,writable:!0}):P[T]=C;var D=window.frmColorpickerProComponent?window.frmColorpickerProComponent(M):M,W=window.frmGlobal;function R(e){return R="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},R(e)}function B(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,F(n.key),n)}}function F(e){var t=function(e){if("object"!=R(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=R(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==R(t)?t:t+""}W.url,W.nonce;var q=function(){return function(e,t){return t&&B(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}(function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.component=t;try{var r=JSON.parse(this.component.dataset.willChange);this.data={propagateInputs:this.initPropagationList(r),changeEvent:new Event("change",{bubbles:!0})}}catch(e){console.error('Error parsing JSON data from "will-change" attribute.',e)}},[{key:"initPropagationList",value:function(e){var t=[];return e.forEach(function(e){var r=document.querySelector('input[name="'.concat(e,'"]'));r&&t.push(r)}),t}},{key:"updateAllDependentElements",value:function(e){this.data.propagateInputs.forEach(function(t){t.value=e}),this.data.propagateInputs[0].dispatchEvent(this.data.changeEvent)}}])}();function U(e){return U="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},U(e)}function N(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,H(n.key),n)}}function H(e){var t=function(e){if("object"!=U(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=U(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==U(t)?t:t+""}var X,G,$,J,Z=function(){function e(){var t=this,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.loadedByWebComponent=r.length>0,this.sliderElements=r.length>0?r:document.querySelectorAll(".frm-slider-component"),this.settings=n,0!==this.sliderElements.length){this.sliderBulletWidth=16,this.sliderMarginRight=5,this.eventsChange=[];var i=frmDom.util.debounce;this.valueChangeDebouncer=i(function(e){return t.triggerValueChange(e)},25),this.initOptions(),this.init()}}return function(e,t,r){return t&&N(e.prototype,t),r&&N(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}(e,[{key:"initOptions",value:function(){var e=this;this.options=[],this.sliderElements.forEach(function(t,r){var n=t.classList.contains("frm-has-multiple-values")?t.closest(".frm-style-component"):t,i=e.settings.steps||(t.dataset.steps?JSON.parse(t.dataset.steps):null);e.options.push({dragging:!1,startX:0,translateX:0,maxValue:parseInt(t.dataset.maxValue,10),element:t,index:r,value:0,steps:i,dependentUpdater:n.classList.contains("frm-style-dependent-updater-component")?new q(n):null})})}},{key:"init",value:function(){this.initDraggable(),this.loadedByWebComponent?this.initSlidersPositionInsideWebComponent():this.initSlidersPosition()}},{key:"initDraggable",value:function(){var t=this;this.sliderElements.forEach(function(r,n){t.eventsChange[n]=new Event("change",{bubbles:!0,cancelable:!0});var i=r.querySelector(".frm-slider-bullet"),o=r.querySelector('.frm-slider-value input[type="text"]');o.addEventListener("change",function(e){var i=r.querySelector("select").value;t.getMaxValue(i,n)<parseInt(e.target.value,10)||(t.initSliderWidth(r),t.options[n].fullValue=t.updateValue(r,o.value+i),t.triggerValueChange(n))}),t.expandSliderGroup(r),t.updateOnUnitChange(r,o,n),t.changeSliderPositionOnClick(r,o,n),e.maybeDisableUnitDropdown(r),i.addEventListener("mousedown",function(e){if(e.preventDefault(),e.stopPropagation(),!r.classList.contains("frm-disabled")){t.enableDragging(e,n);var i=function(e){return t.moveTracker(e,n)},o=function(){t.disableDragging(n),document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",o)};document.addEventListener("mousemove",i),document.addEventListener("mouseup",o)}})})}},{key:"expandSliderGroup",value:function(e){var t=e.querySelector(".frmsvg");if(void 0!==e.dataset.displaySliders&&null!==t){var r=this.getSliderGroupItems(e);t.addEventListener("click",function(){r.forEach(function(e){e.classList.toggle("frm_hidden")})})}}},{key:"updateOnUnitChange",value:function(e,t,r){var n=this;e.querySelector("select").addEventListener("change",function(i){var o=i.target.value.toLowerCase();if(""!==o){if("auto"===o)return e.classList.add("frm-disabled"),n.updateValue(e,"auto"),void n.triggerValueChange(r);e.classList.remove("frm-disabled","frm-empty"),n.options[r].fullValue=t.value+o,n.updateValue(e,n.options[r].fullValue),n.triggerValueChange(r)}else e.classList.add("frm-disabled","frm-empty")})}},{key:"changeSliderPositionOnClick",value:function(t,r,n){var i=this,o=t.querySelector(".frm-slider"),a=new Event("change",{bubbles:!0,cancelable:!0});o.addEventListener("click",function(s){if(!t.classList.contains("frm-disabled")&&(s.preventDefault(),s.stopPropagation(),s.target.classList.contains("frm-slider")||s.target.classList.contains("frm-slider-active-track"))){var l=o.offsetWidth-i.sliderBulletWidth,u=o.getBoundingClientRect(),p=s.clientX-u.left-i.sliderBulletWidth,c=t.querySelector("select").value,d=e.calculateValue(l,p,i.getMaxValue(c,n),i.options[n].steps);d<0||(i.options[n].fullValue=i.updateValue(t,d+c),i.initChildSlidersWidth(t,p,n,d+c),r.value=d,r.dispatchEvent(a))}})}},{key:"getSliderGroupItems",value:function(e){if(void 0===e.dataset.displaySliders)return[];var t=e.dataset.displaySliders.split(",").map(function(e){return'.frm-slider-component[data-type="'.concat(e,'"]')}).join(", ");return e.closest(".frm-style-component").querySelectorAll(t)}},{key:"initSlidersPositionInsideWebComponent",value:function(){var e=this;this.sliderElements.forEach(function(t,r){e.initSliderWidth(t,r)})}},{key:"initSlidersPosition",value:function(){var e=this,t=document.querySelectorAll("#frm_style_sidebar .accordion-section h3"),r=document.querySelector(".frm-quick-settings"),n=document.querySelector(".accordion-section.open");wp.hooks.addAction("frm_pro_on_bg_image_upload","formidable",function(t){var r=t.closest(".accordion-section-content").querySelector("#frm-bg-image-opacity-slider");e.initSlidersWidth(r)}),r&&this.initSlidersWidth(r),n&&this.initSlidersWidth(n),t.forEach(function(t){t.addEventListener("click",function(t){e.initSlidersWidth(t.target.closest(".accordion-section"))})}),this.initSliderPositionOnFieldShapeChange()}},{key:"initSliderPositionOnFieldShapeChange",value:function(){var e=this,t=document.querySelector(".frm-style-component.frm-field-shape");t&&t.querySelectorAll('input[type="radio"]').forEach(function(t){t.addEventListener("change",function(t){if(t.target.checked&&"rounded-corner"===t.target.value){var r=document.querySelector('div[data-frm-element="field-shape-corner-radius"] .frm-slider-component');e.initSliderWidth(r)}})})}},{key:"initSlidersWidth",value:function(e){var t=this;e.querySelectorAll(".frm-slider-component").forEach(function(e){setTimeout(function(){t.initSliderWidth(e)},100)})}},{key:"initSliderWidth",value:function(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(!t.classList.contains("frm-disabled")){var n=null!==r?r:this.getSliderIndex(t),i=t.querySelector(".frm-slider").offsetWidth-this.sliderBulletWidth,o=parseInt(t.querySelector('.frm-slider-value input[type="text"]').value,10),a=t.querySelector("select").value,s=this.options[n].steps,l=Math.ceil(o/this.options[n].maxValue*i);"%"===a?l=Math.round(i*o/100):s&&s.length>0&&(l=e.calculateDeltaXFromSteps(o,s,i)),t.querySelector(".frm-slider-active-track").style.width="".concat(l,"px"),this.options[n].translateX=l,this.options[n].value=o+a}}},{key:"initChildSlidersWidth",value:function(e,t,r,n){var i=this;(e.classList.contains("frm-has-independent-fields")||e.classList.contains("frm-has-multiple-values"))&&(e.classList.contains("frm-has-independent-fields")?e.querySelectorAll(".frm-independent-slider-field"):this.getSliderGroupItems(e)).forEach(function(e,o){e.querySelector(".frm-slider-active-track").style.width="".concat(t,"px"),i.options[r+o+1].translateX=t,i.options[r+o+1].value=n})}},{key:"getSliderIndex",value:function(e){return this.options.filter(function(t){return t.element===e})[0].index}},{key:"moveTracker",value:function(t,r){if(this.options[r].dragging){var n=t.clientX-this.options[r].startX,i=this.sliderElements[r],o=i.querySelector(".frm-slider").offsetWidth-this.sliderBulletWidth;n=Math.max(n,0),n=Math.min(n,o);var a=i.querySelector("select").value,s=e.calculateValue(o,n,this.getMaxValue(a,r),this.options[r].steps);i.querySelector('.frm-slider-value input[type="text"]').value=s,i.querySelector(".frm-slider-bullet .frm-slider-value-label").innerText=s,i.querySelector(".frm-slider-active-track").style.width="".concat(n,"px"),this.initChildSlidersWidth(i,n,r,s+a),this.options[r].translateX=n,this.options[r].value=s+a,this.options[r].fullValue=this.updateValue(i,this.options[r].value),this.valueChangeDebouncer(r)}}},{key:"getMaxValue",value:function(e,t){return"%"===e?100:this.options[t].maxValue}},{key:"enableDragging",value:function(e,t){e.target.classList.add("frm-dragging"),this.options[t].dragging=!0,this.options[t].startX=e.clientX-this.options[t].translateX}},{key:"disableDragging",value:function(e){!1!==this.options[e].dragging&&(this.sliderElements[e].querySelector(".frm-slider-bullet").classList.remove("frm-dragging"),this.options[e].dragging=!1,this.triggerValueChange(e))}},{key:"triggerValueChange",value:function(e){var t=this;if(null===this.options[e].dependentUpdater){var r=this.sliderElements[e].classList.contains("frm-has-multiple-values")?this.sliderElements[e].closest(".frm-style-component").querySelector('input[type="hidden"]'):this.sliderElements[e].querySelectorAll('.frm-slider-value input[type="hidden"]');r instanceof NodeList?r.forEach(function(r){r.dispatchEvent(t.eventsChange[e])}):r.dispatchEvent(this.eventsChange[e])}else this.options[e].dependentUpdater.updateAllDependentElements(this.options[e].fullValue)}},{key:"updateValue",value:function(e,t){var r=this;if(e.classList.contains("frm-base-font-size")){var n=document.querySelector('input[name="frm_style_setting[post_content][use_base_font_size]"]');n&&(n.value="true")}if(e.classList.contains("frm-has-multiple-values")){var i=e.closest(".frm-style-component").querySelector('input[type="hidden"]'),o=i.value.split(" "),a=e.dataset.type;switch(o[2]||(o[2]="0px"),o[3]||(o[3]="0px"),a){case"vertical":o[0]=t,o[2]=t;break;case"horizontal":o[1]=t,o[3]=t;break;case"top":o[0]=t;break;case"bottom":o[2]=t;break;case"left":o[3]=t;break;case"right":o[1]=t}var s=o.join(" ");return i.value=s,this.getSliderGroupItems(e).forEach(function(e){var n=r.getUnitMeasureFromValue(t);e.querySelector('.frm-slider-value input[type="text"]').value=parseInt(t,10),e.querySelector("select").value=n}),s}if(e.classList.contains("frm-has-independent-fields")){var l=e.querySelectorAll('.frm-slider-value input[type="hidden"]'),u=e.querySelectorAll('.frm-slider-value input[type="text"]');return l.forEach(function(e,r){e.value=t,u[r+1].value=parseInt(t,10)}),t}return e.querySelector('.frm-slider-value input[type="hidden"]').value=t,t}},{key:"getUnitMeasureFromValue",value:function(e){return["%","px","em"].find(function(t){return e.includes(t)})||""}}],[{key:"maybeDisableUnitDropdown",value:function(e){var t=e.querySelector("select");t&&1>=Array.from(t.options).filter(function(e){return""!==e.value}).length&&(t.classList.add("frm-single-unit"),t.addEventListener("mousedown",function(e){return e.preventDefault()}))}},{key:"calculateDeltaXFromSteps",value:function(t,r,n){var i=r.indexOf(t);if(-1===i){var o=e.snapToStep(t,r),a=r.indexOf(o);return Math.round(a/(r.length-1)*n)}return Math.round(i/(r.length-1)*n)}},{key:"calculateValue",value:function(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;if(n&&n.length>0){var i=t/e,o=Math.round(i*(n.length-1));return n[Math.max(0,Math.min(o,n.length-1))]}var a=Math.round(t/e*r);return Math.min(a,r)}},{key:"snapToStep",value:function(e,t){for(var r=t[0],n=Math.abs(e-r),i=1;i<t.length;i++){var o=Math.abs(e-t[i]);o<n&&(n=o,r=t[i])}return r}}])}(),K=r(8616),Q=r.n(K);function Y(e){return Y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Y(e)}function ee(e,t,r){return(t=function(e){var t=function(e){if("object"!=Y(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=Y(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==Y(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}r(7604),Q()(console.error),X={"(":9,"!":8,"*":7,"/":7,"%":7,"+":6,"-":6,"<":5,"<=":5,">":5,">=":5,"==":4,"!=":4,"&&":3,"||":2,"?":1,"?:":1},G=["(","?"],$={")":["("],":":["?","?:"]},J=/<=|>=|==|!=|&&|\|\||\?:|\(|!|\*|\/|%|\+|-|<|>|\?|\)|:/;var te={"!":function(e){return!e},"*":function(e,t){return e*t},"/":function(e,t){return e/t},"%":function(e,t){return e%t},"+":function(e,t){return e+t},"-":function(e,t){return e-t},"<":function(e,t){return e<t},"<=":function(e,t){return e<=t},">":function(e,t){return e>t},">=":function(e,t){return e>=t},"==":function(e,t){return e===t},"!=":function(e,t){return e!==t},"&&":function(e,t){return e&&t},"||":function(e,t){return e||t},"?:":function(e,t,r){if(e)throw t;return r}};var re={contextDelimiter:"",onMissingKey:null};function ne(e,t){var r;for(r in this.data=e,this.pluralForms={},this.options={},re)this.options[r]=void 0!==t&&r in t?t[r]:re[r]}function ie(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function oe(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ie(Object(r),!0).forEach(function(t){ee(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ie(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}ne.prototype.getPluralForm=function(e,t){var r,n,i,o,a=this.pluralForms[e];return a||("function"!=typeof(i=(r=this.data[e][""])["Plural-Forms"]||r["plural-forms"]||r.plural_forms)&&(n=function(e){var t,r,n;for(t=e.split(";"),r=0;r<t.length;r++)if(0===(n=t[r].trim()).indexOf("plural="))return n.substr(7)}(r["Plural-Forms"]||r["plural-forms"]||r.plural_forms),o=function(e){var t=function(e){for(var t,r,n,i,o=[],a=[];t=e.match(J);){for(r=t[0],(n=e.substr(0,t.index).trim())&&o.push(n);i=a.pop();){if($[r]){if($[r][0]===i){r=$[r][1]||r;break}}else if(G.indexOf(i)>=0||X[i]<X[r]){a.push(i);break}o.push(i)}$[r]||a.push(r),e=e.substr(t.index+r.length)}return(e=e.trim())&&o.push(e),o.concat(a.reverse())}(e);return function(e){return function(e,t){var r,n,i,o,a,s,l=[];for(r=0;r<e.length;r++){if(a=e[r],o=te[a]){for(n=o.length,i=Array(n);n--;)i[n]=l.pop();try{s=o.apply(null,i)}catch(e){return e}}else s=t.hasOwnProperty(a)?t[a]:+a;l.push(s)}return l[0]}(t,e)}}(n),i=function(e){return+o({n:e})}),a=this.pluralForms[e]=i),a(t)},ne.prototype.dcnpgettext=function(e,t,r,n,i){var o,a,s;return o=void 0===i?0:this.getPluralForm(e,i),a=r,t&&(a=t+this.options.contextDelimiter+r),(s=this.data[e][a])&&s[o]?s[o]:(this.options.onMissingKey&&this.options.onMissingKey(r,e),0===o?r:n)};var ae={"":{plural_forms:function(e){return 1===e?0:1}}},se=/^i18n\.(n?gettext|has_translation)(_|$)/;const le=function(e){return"string"!=typeof e||""===e?(console.error("The namespace must be a non-empty string."),!1):!!/^[a-zA-Z][a-zA-Z0-9_.\-\/]*$/.test(e)||(console.error("The namespace can only contain numbers, letters, dashes, periods, underscores and slashes."),!1)},ue=function(e){return"string"!=typeof e||""===e?(console.error("The hook name must be a non-empty string."),!1):/^__/.test(e)?(console.error("The hook name cannot begin with `__`."),!1):!!/^[a-zA-Z][a-zA-Z0-9_.-]*$/.test(e)||(console.error("The hook name can only contain numbers, letters, dashes, periods and underscores."),!1)},pe=function(e,t){return function(r,n,i){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:10,a=e[t];if(ue(r)&&le(n))if("function"==typeof i)if("number"==typeof o){var s={callback:i,priority:o,namespace:n};if(a[r]){var l,u=a[r].handlers;for(l=u.length;l>0&&!(o>=u[l-1].priority);l--);l===u.length?u[l]=s:u.splice(l,0,s),a.__current.forEach(function(e){e.name===r&&e.currentIndex>=l&&e.currentIndex++})}else a[r]={handlers:[s],runs:0};"hookAdded"!==r&&e.doAction("hookAdded",r,n,i,o)}else console.error("If specified, the hook priority must be a number.");else console.error("The hook callback must be a function.")}},ce=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return function(n,i){var o=e[t];if(ue(n)&&(r||le(i))){if(!o[n])return 0;var a=0;if(r)a=o[n].handlers.length,o[n]={runs:o[n].runs,handlers:[]};else for(var s=o[n].handlers,l=function(e){s[e].namespace===i&&(s.splice(e,1),a++,o.__current.forEach(function(t){t.name===n&&t.currentIndex>=e&&t.currentIndex--}))},u=s.length-1;u>=0;u--)l(u);return"hookRemoved"!==n&&e.doAction("hookRemoved",n,i),a}}},de=function(e,t){return function(r,n){var i=e[t];return void 0!==n?r in i&&i[r].handlers.some(function(e){return e.namespace===n}):r in i}},fe=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return function(n){var i=e[t];i[n]||(i[n]={handlers:[],runs:0}),i[n].runs++;for(var o=i[n].handlers,a=arguments.length,s=new Array(a>1?a-1:0),l=1;l<a;l++)s[l-1]=arguments[l];if(!o||!o.length)return r?s[0]:void 0;var u={name:n,currentIndex:0};for(i.__current.push(u);u.currentIndex<o.length;){var p=o[u.currentIndex].callback.apply(null,s);r&&(s[0]=p),u.currentIndex++}return i.__current.pop(),r?s[0]:void 0}},me=function(e,t){return function(){var r,n,i=e[t];return null!==(r=null===(n=i.__current[i.__current.length-1])||void 0===n?void 0:n.name)&&void 0!==r?r:null}},he=function(e,t){return function(r){var n=e[t];return void 0===r?void 0!==n.__current[0]:!!n.__current[0]&&r===n.__current[0].name}},be=function(e,t){return function(r){var n=e[t];if(ue(r))return n[r]&&n[r].runs?n[r].runs:0}};var ye=new function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.actions=Object.create(null),this.actions.__current=[],this.filters=Object.create(null),this.filters.__current=[],this.addAction=pe(this,"actions"),this.addFilter=pe(this,"filters"),this.removeAction=ce(this,"actions"),this.removeFilter=ce(this,"filters"),this.hasAction=de(this,"actions"),this.hasFilter=de(this,"filters"),this.removeAllActions=ce(this,"actions",!0),this.removeAllFilters=ce(this,"filters",!0),this.doAction=fe(this,"actions"),this.applyFilters=fe(this,"filters",!0),this.currentAction=me(this,"actions"),this.currentFilter=me(this,"filters"),this.doingAction=he(this,"actions"),this.doingFilter=he(this,"filters"),this.didAction=be(this,"actions"),this.didFilter=be(this,"filters")},ge=(ye.addAction,ye.addFilter,ye.removeAction,ye.removeFilter,ye.hasAction,ye.hasFilter,ye.removeAllActions,ye.removeAllFilters,ye.doAction,ye.applyFilters,ye.currentAction,ye.currentFilter,ye.doingAction,ye.doingFilter,ye.didAction,ye.didFilter,ye.actions,ye.filters,function(e,t,r){var n=new ne({}),i=new Set,o=function(){i.forEach(function(e){return e()})},a=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"default";n.data[t]=oe(oe(oe({},ae),n.data[t]),e),n.data[t][""]=oe(oe({},ae[""]),n.data[t][""])},s=function(e,t){a(e,t),o()},l=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default",t=arguments.length>1?arguments[1]:void 0,r=arguments.length>2?arguments[2]:void 0,i=arguments.length>3?arguments[3]:void 0,o=arguments.length>4?arguments[4]:void 0;return n.data[e]||a(void 0,e),n.dcnpgettext(e,t,r,i,o)},u=function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default"},p=function(e,t,n){var i=l(n,t,e);return r?(i=r.applyFilters("i18n.gettext_with_context",i,e,t,n),r.applyFilters("i18n.gettext_with_context_"+u(n),i,e,t,n)):i};if(r){var c=function(e){se.test(e)&&o()};r.addAction("hookAdded","core/i18n",c),r.addAction("hookRemoved","core/i18n",c)}return{getLocaleData:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default";return n.data[e]},setLocaleData:s,resetLocaleData:function(e,t){n.data={},n.pluralForms={},s(e,t)},subscribe:function(e){return i.add(e),function(){return i.delete(e)}},__:function(e,t){var n=l(t,void 0,e);return r?(n=r.applyFilters("i18n.gettext",n,e,t),r.applyFilters("i18n.gettext_"+u(t),n,e,t)):n},_x:p,_n:function(e,t,n,i){var o=l(i,void 0,e,t,n);return r?(o=r.applyFilters("i18n.ngettext",o,e,t,n,i),r.applyFilters("i18n.ngettext_"+u(i),o,e,t,n,i)):o},_nx:function(e,t,n,i,o){var a=l(o,i,e,t,n);return r?(a=r.applyFilters("i18n.ngettext_with_context",a,e,t,n,i,o),r.applyFilters("i18n.ngettext_with_context_"+u(o),a,e,t,n,i,o)):a},isRTL:function(){return"rtl"===p("ltr","text direction")},hasTranslation:function(e,t,i){var o,a,s=t?t+""+e:e,l=!(null===(o=n.data)||void 0===o||null===(a=o[null!=i?i:"default"])||void 0===a||!a[s]);return r&&(l=r.applyFilters("i18n.has_translation",l,e,t,i),l=r.applyFilters("i18n.has_translation_"+u(i),l,e,t,i)),l}}}(0,0,ye));ge.getLocaleData.bind(ge),ge.setLocaleData.bind(ge),ge.resetLocaleData.bind(ge),ge.subscribe.bind(ge);var ve=ge.__.bind(ge);function xe(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function we(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?xe(Object(r),!0).forEach(function(t){ke(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):xe(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function ke(e,t,r){return(t=Oe(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Se(e){return Se="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Se(e)}function Ee(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,Oe(n.key),n)}}function Oe(e){var t=function(e){if("object"!=Se(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=Se(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==Se(t)?t:t+""}function Ie(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(Ie=function(){return!!e})()}function je(){return je="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var n=function(e,t){for(;!{}.hasOwnProperty.call(e,t)&&null!==(e=_e(e)););return e}(e,t);if(n){var i=Object.getOwnPropertyDescriptor(n,t);return i.get?i.get.call(arguments.length<3?e:r):i.value}},je.apply(null,arguments)}function _e(e){return _e=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},_e(e)}function Ve(e,t){return Ve=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},Ve(e,t)}function Le(e,t,r){(function(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")})(e,t),t.set(e,r)}function Pe(e,t){return e.get(Ce(e,t))}function Te(e,t,r){return e.set(Ce(e,t),r),r}function Ce(e,t,r){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:r;throw new TypeError("Private element is not present on this object")}ge._x.bind(ge),ge._n.bind(ge),ge._nx.bind(ge),ge.isRTL.bind(ge),ge.hasTranslation.bind(ge);var Ae=new WeakMap,ze=new WeakMap,Me=new WeakMap,De=new WeakMap,We=new WeakMap,Re=new WeakMap,Be=new WeakMap,Fe=function(e){function t(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),Le(e=function(e,t,r){return t=_e(t),function(e,t){if(t&&("object"==Se(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,Ie()?Reflect.construct(t,r||[],_e(e).constructor):t.apply(e,r))}(this,t),Ae,function(){}),Le(e,ze,"0px"),Le(e,Me,{vertical:{value:0,unit:"px"},top:{value:0,unit:"px"},bottom:{value:0,unit:"px"},horizontal:{value:0,unit:"px"},left:{value:0,unit:"px"},right:{value:0,unit:"px"}}),Le(e,De,!1),Le(e,We,["px","em","%"]),Le(e,Re,100),Le(e,Be,null),e.componentStyle='.frm-style-component .frm-slider-container{width:calc(100% - 91px);display:flex;align-items:center;color:#1d2939}.frm-style-component .frm-slider-container svg.frmsvg{color:currentColor;margin-right:8px;margin-left:-5px;position:relative;z-index:15}.frm-style-component .frm-group-sliders .frm-slider-container svg.frmsvg:hover{color:#4199fd;cursor:pointer}.frm-style-component .frm-slider-container .frm-slider-active-track{display:block;height:100%;width:0;position:relative;border-radius:200px}.frm-style-component .frm-slider-container .frm-slider-active-track,.frm-style-component .frm-slider-container .frm-slider-active-track .frm-slider-bullet{background:#4199fd;box-shadow:0 1.88px 4px -1px rgba(16,24,40,.03),0 6px 8px -2px rgba(16,24,40,.08)}.frm-style-component .frm-slider-container .frm-slider-active-track .frm-slider-bullet{position:absolute;display:block;width:16px;height:16px;border-radius:50%;transform:translateX(15px);cursor:grab;right:0;top:0;bottom:0;margin:auto}.frm-style-component .frm-slider-container .frm-slider-active-track .frm-slider-bullet .frm-slider-value-label{position:absolute;display:block;width:48px;height:36px;background:#101828;color:#fff;font-weight:400;font-size:var(--text-sm);line-height:36px;border-radius:var(--small-radius);transform:translate(-18px, -42px) scale3d(0.7, 1, 1);opacity:0;z-index:-2;pointer-events:none;text-align:center;user-select:none}.frm-style-component .frm-slider-container .frm-slider-active-track .frm-slider-bullet.frm-dragging .frm-slider-value-label{z-index:12;transform:translate(-18px, -42px) scale3d(1, 1, 1);opacity:1;transition:.3s opacity,.35s transform cubic-bezier(0.25, 0.46, 0.45, 0.94)}.frm-style-component .frm-slider-container .frm-slider-active-track .frm-slider-bullet::before{content:"";display:block;position:absolute;width:18px;height:18px;border-radius:50%;left:0;top:0;transform:translate(-5px, -5px) scale3d(0.7, 0.7, 1);border:4px solid #4199fd;opacity:0;transition:.3s opacity,.35s transform cubic-bezier(0.25, 0.46, 0.45, 0.94)}.frm-style-component .frm-slider-container .frm-slider-active-track .frm-slider-bullet.frm-dragging::before{opacity:.5;transform:translate(-5px, -5px) scale3d(1, 1, 1);transition:.3s opacity,.35s transform cubic-bezier(0.25, 0.46, 0.45, 0.94)}.frm-style-component .frm-slider-container .frm-slider-active-track .frm-slider-bullet::after{content:"";position:absolute;display:block;width:180%;height:200%;border-radius:50%;left:0;top:0;transform:translate(-24%, -24%)}.frm-style-component .frm-slider-value{width:86px;height:36px;display:flex;justify-content:center;box-sizing:border-box;background:#fff;border-radius:var(--small-radius);border:1px solid var(--grey-300)}.frm-style-component .frm-slider-value>*{border:none}.frm-style-component .frm-slider-value input{width:40px;height:100%;padding:0;font-size:var(--text-sm);color:#101828;padding-left:12px;box-sizing:border-box}.frm-style-component .frm-slider-value select{text-align:right;padding:0;font-size:var(--text-sm);color:#667085;width:44px;background:url("../../images/style/small-arrow.svg") no-repeat;background-position:center right 12px;padding-right:24px !important}.frm-style-component .frm-slider-value select.frm-single-unit{pointer-events:none;background-image:none;padding-right:12px !important}.frm-style-component .frm-slider{display:block;width:calc(100% - 5px);height:4px;background:#eaecf0;border-radius:200px;cursor:pointer}.frm-slider-component .frm-independent-slider-field{margin-top:10px}.frm-slider-component.frm-disabled .frm-slider-container{pointer-events:none;opacity:.5}.frm-slider-component.frm-disabled .frm-slider-value input[type=text]{width:28px}.frm-slider-component.frm-disabled .frm-slider-value select{width:56px}.frm-slider-component.frm-disabled.frm-empty .frm-slider-value input[type=text]{width:56px}.frm-slider-component.frm-disabled.frm-empty .frm-slider-value select{width:28px}.frm-style-component .frm-slider-component.frm-has-multiple-values{margin-bottom:10px}:root,.frm-white-body,.frm_wrap{--grey-900: #101828;--grey-800: #1d2939;--grey-700: #344054;--grey-600: #475467;--grey-500: #667085;--grey-400: #98a2b3;--grey-300: #d0d5dd;--grey-200: #eaecf0;--grey-100: #f2f4f7;--grey-50: #f9fafb;--grey-25: #fcfcfd;--dark-grey: var(--grey-700);--medium-grey: rgba(40, 47, 54, 0.65);--grey: var(--grey-500);--grey-border: var(--grey-300);--lightest-grey: rgb(250, 250, 250);--sidebar-color: var(--grey-50);--sidebar-hover: var(--grey-200);--primary-700: #2b66a9;--primary-500: #4199fd;--primary-300: #80bbfe;--primary-200: #c0ddfe;--primary-50: #ecf5ff;--primary-25: #f5faff;--primary-color: var(--primary-500);--primary-hover: var(--primary-700);--light-blue: var(--primary-25);--blue-border: rgb(188, 224, 253);--error-700: #b42318;--error-500: #f04438;--error-300: #fecdca;--error-100: #fee4e2;--error-25: #fff5f4;--green: rgb(63, 172, 37);--orange: #f15a24;--warning-500: #f79009;--pink: rgb(226, 42, 110);--purple: rgb(141, 53, 245);--success-900: #054f31;--success-800: #065f46;--success-500: #12b76a;--success-100: #d1fae5;--success-200: #a6f4c5;--success-50: #ecfdf3;--success-25: #f6fef9;--border-radius: 35px;--small-radius: 8px;--medium-radius: 16px;--small-sidebar: 275px;--medium-sidebar: 350px;--big-sidebar: 390px;--biggest-sidebar: 450px;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--h-xs: 24px;--h-sm: 30px;--h-md: 36px;--leading: 1.5;--gap-2xs: 4px;--gap-xs: 8px;--gap-sm: 16px;--gap-md: 24px;--gap-lg: 32px;--gap-xl: 40px;--gap-2xl: 48px;--box-shadow-xs: 0 0.47074466943740845px 0.9414893388748169px 0 rgba(16, 24, 40, 0.05);--box-shadow-sm: 0 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0 0.470745px 0.941489px rgba(16, 24, 40, 0.06);--box-shadow-md: 0 1.88298px 3.76596px -0.941489px rgba(16, 24, 40, 0.1), 0 0.941489px 1.88298px -0.941489px rgba(16, 24, 40, 0.06);--box-shadow-lg: 0 6px 8px -2px rgba(16, 24, 40, 0.08), 0 1.88298px 4px -1px rgba(16, 24, 40, 0.03), 0 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0 0.470745px 0.941489px rgba(16, 24, 40, 0.06);--box-shadow-xl: 0 9.41489px 11.2979px -1.88298px rgba(16, 24, 40, 0.08), 0 3.76596px 3.76596px -1.88298px rgba(16, 24, 40, 0.03);--box-shadow-xxl: 0 11px 22px -5px rgba(16, 24, 40, 0.18);--button-shadow: 0 0.47px 0.94px 0 rgba(16, 24, 40, 0.06), 0 0.47px 1.47px 0 rgba(16, 24, 40, 0.1);--check-label-color: var(--grey-700)}.frm_hidden{display:none}.frm-component:not(.frm-tabs-wrapper){display:flex;justify-content:space-between;align-items:center}.frm-component:not(.frm-tabs-wrapper)>span.frm-component-label{font-weight:500;font-size:var(--text-sm) !important;color:var(--grey-900) !important;width:40% !important;display:block !important;margin-right:12px !important}.frm-component .frmsvg{width:18px;height:18px}.frm-component .frm-sliders-container{width:100%}.frm-component .frm-group-sliders .frm-slider-component{margin-top:5px}\n',e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&Ve(e,t)}(t,e),function(e,t,r){return t&&Ee(e.prototype,t),r&&Ee(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}(t,[{key:"initOptions",value:function(){var e;(function(e,t,r){var n=je(_e(e.prototype),"initOptions",r);return"function"==typeof n?function(e){return n.apply(r,e)}:n})(t,0,this)([]),null===this.componentId&&(this.componentId="frm-range-slider-web-component-".concat(qe._=(e=qe._,++e)))}},{key:"onChange",set:function(e){if("function"!=typeof e)throw new TypeError("Expected a function, but received ".concat(Se(e)));Te(Ae,this,e)}},{key:"hasMultipleValues",set:function(e){Te(De,this,e)}},{key:"sliderDefaultMultipleValues",set:function(e){Te(Me,this,e)}},{key:"sliderDefaultValue",set:function(e){Te(ze,this,String(e))}},{key:"sliderAvailableUnits",set:function(e){Te(We,this,e)}},{key:"sliderMaxValue",set:function(e){Te(Re,this,e.toString())}},{key:"steps",set:function(e){Te(Be,this,e)}},{key:"useShadowDom",value:function(){return!1}},{key:"initView",value:function(){this.wrapper=document.createElement("div"),this.slidersContainer=document.createElement("div"),this.slidersContainer.classList.add("frm-sliders-container"),this.wrapper.classList.add("frm-style-component");var e={maxValue:parseInt(this.getAttribute("data-max-value")||Pe(Re,this),10),units:this.getAvailableUnits(),componentClass:this.getAttribute("data-component-class")||"",componentId:this.componentId,fieldName:this.fieldName?'name="'.concat(this.fieldName,'"'):"",fieldValue:this.defaultValue||Pe(ze,this)};return this.hasMultipleSliderValues()?(this.createMultipleValuesSlider(this.slidersContainer,we(we({},e),{},{defaultValues:this.parseDefaultMultipleValues()})),this.wrapper.append(this.slidersContainer),this.wrapper):(this.slidersContainer.append(this.createSlider({maxValue:e.maxValue,units:e.units,value:t.parseValueUnit(e.fieldValue),addHiddenInputValue:!0})),this.wrapper.append(this.slidersContainer),this.wrapper)}},{key:"getAvailableUnits",value:function(){var e=this.getAttribute("data-units");return e?e.split(",").map(function(e){return e.trim()}):Pe(We,this)}},{key:"parseDefaultMultipleValues",value:function(){var e=(this.getAttribute("data-values")||Pe(Me,this)).split(" "),r=function(t,r){return e[t]||e[r]||"0px"};return{vertical:t.parseValueUnit(r(0)),top:t.parseValueUnit(r(0)),bottom:t.parseValueUnit(r(2,0)),horizontal:t.parseValueUnit(r(1,0)),left:t.parseValueUnit(r(3,1)),right:t.parseValueUnit(r(1,0))}}},{key:"hasMultipleSliderValues",value:function(){return"true"===this.getAttribute("data-has-multiple-values")||Pe(De,this)}},{key:"createMultipleValuesSlider",value:function(e,t){var r=this,n=t.maxValue,i=t.units,o=t.componentClass,a=t.fieldValue,s=t.defaultValues,l=[{type:"vertical",displaySliders:"top,bottom",iconSvgId:"frm-margin-top-bottom",ariaLabel:"Vertical value",defaultValues:s.vertical},{type:"horizontal",displaySliders:"left,right",iconSvgId:"frm-margin-left-right",ariaLabel:"Horizontal value",defaultValues:s.horizontal}];o&&(e.className=o),l.forEach(function(t){e.append(r.createSliderGroup({type:t.type,displaySliders:t.displaySliders,maxValue:n,units:i,value:t.defaultValues,iconSvgId:t.iconSvgId,ariaLabel:t.ariaLabel,defaultValues:s,addHiddenInputValue:!1}))}),a&&e.append(this.createSliderHiddenInputValue(a))}},{key:"createSliderHiddenInputValue",value:function(e){var t=this;if(!e)return null;var r=document.createElement("input");return Object.assign(r,{type:"hidden",value:e}),this.fieldName&&r.setAttribute("name",this.fieldName),this.componentId&&(r.id=this.componentId),Pe(Ae,this)&&r.addEventListener("change",function(){Pe(Ae,t).call(t,r.value)}),r}},{key:"createSliderGroup",value:function(e){var t=this,r=this.createSlider(e);return r.classList.add("frm-group-sliders","frm-has-multiple-values"),r.setAttribute("data-display-sliders",e.displaySliders),e.displaySliders.split(",").forEach(function(n){r.append(t.createSlider({type:n,maxValue:e.maxValue,units:e.units,value:e.defaultValues[n],iconSvgId:"frm-margin-".concat(n),ariaLabel:"".concat(n," value"),hidden:!0,addHiddenInputValue:!1}))}),r}},{key:"createSlider",value:function(e){var r=e.type,n=e.maxValue,i=e.units,o=e.value,a=e.iconSvgId,s=e.ariaLabel,l=e.hidden,u=e.addHiddenInputValue,p=document.createElement("div");p.classList.add("frm-slider-component"),p.setAttribute("data-max-value",n.toString()),l&&p.classList.add("frm_hidden"),r&&p.setAttribute("data-type",r);var c=document.createElement("div");c.classList.add("frm-flex-justify");var d=document.createElement("div");d.classList.add("frm-slider-container"),a&&d.append(t.createSvgIcon(a)),d.append(t.createSliderTrack(o)),c.append(d);var f="".concat(this.componentId).concat(r?"-".concat(r):""),m=t.createSliderValueAndUnitSelection(o,s,i,f);return u&&m.append(this.createSliderHiddenInputValue(e)),c.append(m),p.append(c),p}},{key:"afterViewInit",value:function(){var e=this.hasMultipleSliderValues()?this.parseDefaultMultipleValues():t.parseValueUnit(this.defaultValue),r=Object.assign({defaultValues:e},{steps:Pe(Be,this)});new Z(this.wrapper.querySelectorAll(".frm-slider-component"),r)}}],[{key:"parseValueUnit",value:function(e){var t={value:0,unit:"px"};if(!e)return t;var r=e.match(/^(\d+)(px|em|%|\s)?$/);return r?{value:parseInt(r[1],10),unit:r[2]||"px"}:t}},{key:"createSliderTrack",value:function(e){var t=document.createElement("span");t.classList.add("frm-slider"),t.setAttribute("tabindex","0");var r=document.createElement("span");r.classList.add("frm-slider-active-track");var n=document.createElement("span");n.classList.add("frm-slider-bullet");var i=document.createElement("span");return i.classList.add("frm-slider-value-label"),i.textContent=e.value.toString(),n.append(i),r.append(n),t.append(r),t}},{key:"createSliderValueAndUnitSelection",value:function(e,r,n,i){var o=document.createElement("div");o.classList.add("frm-slider-value");var a=document.createElement("input");a.type="text",a.value=e.value.toString(),r&&a.setAttribute("aria-label",r);var s=document.createElement("select");return s.setAttribute("aria-label",ve("Value unit","formidable")),i&&(a.id="".concat(i,"-value"),s.id="".concat(i,"-unit")),n.forEach(function(r){return s.append(t.createDropdownOption(r,r,e.unit===r))}),o.append(a,s),o}},{key:"createDropdownOption",value:function(e,t){var r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=document.createElement("option");return n.value=e,n.textContent=t,n.selected=r,n}},{key:"createSvgIcon",value:function(e){var t=document.createElementNS("http://www.w3.org/2000/svg","svg");t.classList.add("frmsvg");var r=document.createElementNS("http://www.w3.org/2000/svg","use");return r.setAttribute("href","#".concat(e)),t.append(r),t}}])}(f),qe={_:0};function Ue(e){return Ue="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Ue(e)}function Ne(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,$e(n.key),n)}}function He(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(He=function(){return!!e})()}function Xe(e){return Xe=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},Xe(e)}function Ge(e,t){return Ge=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},Ge(e,t)}function $e(e){var t=function(e){if("object"!=Ue(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=Ue(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==Ue(t)?t:t+""}function Je(e,t,r){(function(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")})(e,t),t.set(e,r)}function Ze(e,t){return e.get(Ke(e,t))}function Ke(e,t,r){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:r;throw new TypeError("Private element is not present on this object")}var Qe=new WeakMap,Ye=new WeakMap,et=function(e){function t(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),Je(e=function(e,t,r){return t=Xe(t),function(e,t){if(t&&("object"==Ue(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,He()?Reflect.construct(t,r||[],Xe(e).constructor):t.apply(e,r))}(this,t),Qe,function(){}),Je(e,Ye,document.createElement("select")),e.componentStyle=":root,.frm-white-body,.frm_wrap{--grey-900: #101828;--grey-800: #1d2939;--grey-700: #344054;--grey-600: #475467;--grey-500: #667085;--grey-400: #98a2b3;--grey-300: #d0d5dd;--grey-200: #eaecf0;--grey-100: #f2f4f7;--grey-50: #f9fafb;--grey-25: #fcfcfd;--dark-grey: var(--grey-700);--medium-grey: rgba(40, 47, 54, 0.65);--grey: var(--grey-500);--grey-border: var(--grey-300);--lightest-grey: rgb(250, 250, 250);--sidebar-color: var(--grey-50);--sidebar-hover: var(--grey-200);--primary-700: #2b66a9;--primary-500: #4199fd;--primary-300: #80bbfe;--primary-200: #c0ddfe;--primary-50: #ecf5ff;--primary-25: #f5faff;--primary-color: var(--primary-500);--primary-hover: var(--primary-700);--light-blue: var(--primary-25);--blue-border: rgb(188, 224, 253);--error-700: #b42318;--error-500: #f04438;--error-300: #fecdca;--error-100: #fee4e2;--error-25: #fff5f4;--green: rgb(63, 172, 37);--orange: #f15a24;--warning-500: #f79009;--pink: rgb(226, 42, 110);--purple: rgb(141, 53, 245);--success-900: #054f31;--success-800: #065f46;--success-500: #12b76a;--success-100: #d1fae5;--success-200: #a6f4c5;--success-50: #ecfdf3;--success-25: #f6fef9;--border-radius: 35px;--small-radius: 8px;--medium-radius: 16px;--small-sidebar: 275px;--medium-sidebar: 350px;--big-sidebar: 390px;--biggest-sidebar: 450px;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--h-xs: 24px;--h-sm: 30px;--h-md: 36px;--leading: 1.5;--gap-2xs: 4px;--gap-xs: 8px;--gap-sm: 16px;--gap-md: 24px;--gap-lg: 32px;--gap-xl: 40px;--gap-2xl: 48px;--box-shadow-xs: 0 0.47074466943740845px 0.9414893388748169px 0 rgba(16, 24, 40, 0.05);--box-shadow-sm: 0 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0 0.470745px 0.941489px rgba(16, 24, 40, 0.06);--box-shadow-md: 0 1.88298px 3.76596px -0.941489px rgba(16, 24, 40, 0.1), 0 0.941489px 1.88298px -0.941489px rgba(16, 24, 40, 0.06);--box-shadow-lg: 0 6px 8px -2px rgba(16, 24, 40, 0.08), 0 1.88298px 4px -1px rgba(16, 24, 40, 0.03), 0 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0 0.470745px 0.941489px rgba(16, 24, 40, 0.06);--box-shadow-xl: 0 9.41489px 11.2979px -1.88298px rgba(16, 24, 40, 0.08), 0 3.76596px 3.76596px -1.88298px rgba(16, 24, 40, 0.03);--box-shadow-xxl: 0 11px 22px -5px rgba(16, 24, 40, 0.18);--button-shadow: 0 0.47px 0.94px 0 rgba(16, 24, 40, 0.06), 0 0.47px 1.47px 0 rgba(16, 24, 40, 0.1);--check-label-color: var(--grey-700)}.frm_hidden{display:none}.frm-component:not(.frm-tabs-wrapper){display:flex;justify-content:space-between;align-items:center}.frm-component:not(.frm-tabs-wrapper)>span.frm-component-label{font-weight:500;font-size:var(--text-sm) !important;color:var(--grey-900) !important;width:40% !important;display:block !important;margin-right:12px !important}.frm-dropdown-component select{width:100%;outline:0;box-shadow:var(--box-shadow-xs);border-radius:var(--small-radius);padding:5px var(--gap-lg) 5px 14px;border-color:var(--grey-300);color:var(--grey-800);font-size:var(--text-md);margin:0;line-height:var(--leading);border-width:1px;border-style:solid;background-position:center 5px;background:rgba(0,0,0,0) url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%2398A2B3' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12.708 8.959 10 11.875 7.292 8.96'/%3E%3C/svg%3E\") no-repeat right 8px top 50%;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none}.frm-dropdown-component select:focus{border-color:var(--primary-500);box-shadow:none}\n",e.attachInternals(),e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&Ge(e,t)}(t,e),function(e,t){return t&&Ne(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}(t,[{key:"initView",value:function(){return this.wrapper=document.createElement("div"),this.wrapper.classList.add("frm-dropdown-component"),this.wrapper.append(this.getSelect()),this.wrapper}},{key:"getSelect",value:function(){return this.componentId&&(Ze(Ye,this).id=this.componentId),this.fieldName&&(Ze(Ye,this).name=this.fieldName),Ze(Ye,this)}},{key:"useShadowDom",value:function(){return!0}},{key:"initSelectOptions",value:function(){var e=this;this.querySelectorAll("option").forEach(function(t){var r=document.createElement("option");r.value=t.value,r.textContent=t.textContent,t.remove(),Ze(Ye,e).append(r)})}},{key:"afterViewInit",value:function(){var e=this;this.initSelectOptions(),Ze(Ye,this).addEventListener("change",function(){Ze(Qe,e).call(e,Ze(Ye,e).value)})}},{key:"addOptions",set:function(e){var t=this;e.forEach(function(e){var r=document.createElement("option");r.value=e.value,r.textContent=e.label,r.selected=e.selected,Ze(Ye,t).append(r)})}},{key:"disabled",set:function(e){Ze(Ye,this).disabled=e}},{key:"onChange",set:function(e){if("function"!=typeof e)throw new TypeError("Expected a function, but received ".concat(Ue(e)));!function(e,t,r){e.set(Ke(e,t),r)}(Qe,this,e)}},{key:"selectedValue",set:function(e){var t=Array.from(Ze(Ye,this).options).find(function(t){return t.value===e});t&&(t.selected=!0)}}])}(f);function tt(e){return tt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},tt(e)}function rt(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,nt(n.key),n)}}function nt(e){var t=function(e){if("object"!=tt(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=tt(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==tt(t)?t:t+""}function it(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(it=function(){return!!e})()}function ot(){return ot="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var n=function(e,t){for(;!{}.hasOwnProperty.call(e,t)&&null!==(e=at(e)););return e}(e,t);if(n){var i=Object.getOwnPropertyDescriptor(n,t);return i.get?i.get.call(arguments.length<3?e:r):i.value}},ot.apply(null,arguments)}function at(e){return at=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},at(e)}function st(e,t){return st=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},st(e,t)}function lt(e,t,r){(function(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")})(e,t),t.set(e,r)}function ut(e,t){return e.get(ct(e,t))}function pt(e,t,r){return e.set(ct(e,t),r),r}function ct(e,t,r){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:r;throw new TypeError("Private element is not present on this object")}!function(e,t,r){(t=$e(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r}(et,"formAssociated",!0),window.frmDropdownComponent=function(e,t,r){var n=document.createElement("frm-dropdown-component");return n.id=e,n.addOptions=t,n.onChange=r,n};var dt=new WeakMap,ft=new WeakMap,mt=new WeakMap,ht=new WeakMap,bt=function(e){function t(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),lt(e=function(e,t,r){return t=at(t),function(e,t){if(t&&("object"==tt(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,it()?Reflect.construct(t,r||[],at(e).constructor):t.apply(e,r))}(this,t),dt,function(){}),lt(e,ft,[{value:"21px",label:ve("Default","formidable")}]),lt(e,mt,["px","em","%"]),lt(e,ht,"21px"),e.componentStyle=':root,.frm-white-body,.frm_wrap{--grey-900: #101828;--grey-800: #1d2939;--grey-700: #344054;--grey-600: #475467;--grey-500: #667085;--grey-400: #98a2b3;--grey-300: #d0d5dd;--grey-200: #eaecf0;--grey-100: #f2f4f7;--grey-50: #f9fafb;--grey-25: #fcfcfd;--dark-grey: var(--grey-700);--medium-grey: rgba(40, 47, 54, 0.65);--grey: var(--grey-500);--grey-border: var(--grey-300);--lightest-grey: rgb(250, 250, 250);--sidebar-color: var(--grey-50);--sidebar-hover: var(--grey-200);--primary-700: #2b66a9;--primary-500: #4199fd;--primary-300: #80bbfe;--primary-200: #c0ddfe;--primary-50: #ecf5ff;--primary-25: #f5faff;--primary-color: var(--primary-500);--primary-hover: var(--primary-700);--light-blue: var(--primary-25);--blue-border: rgb(188, 224, 253);--error-700: #b42318;--error-500: #f04438;--error-300: #fecdca;--error-100: #fee4e2;--error-25: #fff5f4;--green: rgb(63, 172, 37);--orange: #f15a24;--warning-500: #f79009;--pink: rgb(226, 42, 110);--purple: rgb(141, 53, 245);--success-900: #054f31;--success-800: #065f46;--success-500: #12b76a;--success-100: #d1fae5;--success-200: #a6f4c5;--success-50: #ecfdf3;--success-25: #f6fef9;--border-radius: 35px;--small-radius: 8px;--medium-radius: 16px;--small-sidebar: 275px;--medium-sidebar: 350px;--big-sidebar: 390px;--biggest-sidebar: 450px;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--h-xs: 24px;--h-sm: 30px;--h-md: 36px;--leading: 1.5;--gap-2xs: 4px;--gap-xs: 8px;--gap-sm: 16px;--gap-md: 24px;--gap-lg: 32px;--gap-xl: 40px;--gap-2xl: 48px;--box-shadow-xs: 0 0.47074466943740845px 0.9414893388748169px 0 rgba(16, 24, 40, 0.05);--box-shadow-sm: 0 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0 0.470745px 0.941489px rgba(16, 24, 40, 0.06);--box-shadow-md: 0 1.88298px 3.76596px -0.941489px rgba(16, 24, 40, 0.1), 0 0.941489px 1.88298px -0.941489px rgba(16, 24, 40, 0.06);--box-shadow-lg: 0 6px 8px -2px rgba(16, 24, 40, 0.08), 0 1.88298px 4px -1px rgba(16, 24, 40, 0.03), 0 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0 0.470745px 0.941489px rgba(16, 24, 40, 0.06);--box-shadow-xl: 0 9.41489px 11.2979px -1.88298px rgba(16, 24, 40, 0.08), 0 3.76596px 3.76596px -1.88298px rgba(16, 24, 40, 0.03);--box-shadow-xxl: 0 11px 22px -5px rgba(16, 24, 40, 0.18);--button-shadow: 0 0.47px 0.94px 0 rgba(16, 24, 40, 0.06), 0 0.47px 1.47px 0 rgba(16, 24, 40, 0.1);--check-label-color: var(--grey-700)}.frm_hidden{display:none}.frm-component:not(.frm-tabs-wrapper){display:flex;justify-content:space-between;align-items:center}.frm-component:not(.frm-tabs-wrapper)>span.frm-component-label{font-weight:500;font-size:var(--text-sm) !important;color:var(--grey-900) !important;width:40% !important;display:block !important;margin-right:12px !important}.frm-typography-component .frm-typography-container{display:flex;justify-content:space-between;width:100%}.frm-typography-component .frm-typography-container select{width:calc(70% - 6px);outline:0;box-shadow:var(--box-shadow-xs);border-radius:var(--small-radius);padding:5px 14px;border-color:var(--grey-300);color:var(--grey-800);font-size:var(--text-md);margin:0;background-color:#fff;line-height:var(--leading);border-width:1px;border-style:solid}.frm-typography-component .frm-typography-container .frm-unit-value{width:28%;height:36px;display:flex;justify-content:center;box-sizing:border-box;background:#fff;border-radius:var(--small-radius);border:1px solid var(--grey-300);overflow:hidden}.frm-typography-component .frm-typography-container .frm-unit-value>*{border:none}.frm-typography-component .frm-typography-container .frm-unit-value input{width:32px;height:100%;padding:0;font-size:var(--text-sm);color:#101828;padding-left:8px;box-sizing:border-box}.frm-typography-component .frm-typography-container .frm-unit-value input:focus{outline:none}.frm-typography-component .frm-typography-container .frm-unit-value select{text-align:left;padding:0;font-size:var(--text-sm);color:#667085;width:36px;background:url("../../images/style/small-arrow.svg") no-repeat;background-position:center right 12px}.frm-typography-component .frm-typography-container .frm-unit-value select:focus{outline:none}\n',pt(ft,e,[{value:"",label:ve("Default","formidable")},{value:"18px",label:ve("Small","formidable")},{value:"21px",label:ve("Regular","formidable")},{value:"26px",label:ve("Large","formidable")},{value:"32px",label:ve("Larger","formidable")},{value:"custom",label:ve("Custom","formidable")}]),e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&st(e,t)}(t,e),function(e,t,r){return t&&rt(e.prototype,t),r&&rt(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}(t,[{key:"initOptions",value:function(){var e;(function(e,t,r){var n=ot(at(e.prototype),"initOptions",r);return"function"==typeof n?function(e){return n.apply(r,e)}:n})(t,0,this)([]),null===this.componentId&&(this.componentId="frm-typography-web-component-".concat(yt._=(e=yt._,++e)))}},{key:"initView",value:function(){return this.wrapper=document.createElement("div"),this.container=document.createElement("div"),this.wrapper.classList.add("frm-typography-component","frm-typography"),this.container.classList.add("frm-typography-container"),this.container.append(this.getSelect(),this.getUnitValueWrapper(),this.getHiddenInput()),this.wrapper.append(this.container),this.wrapper}},{key:"getSelect",value:function(){return this.select=document.createElement("select"),this.select.setAttribute("aria-label",ve("Font size","formidable")),null!==this.componentId&&(this.select.id=this.componentId),null!==this.fieldName&&(this.select.name="".concat(this.fieldName,"[size]")),this.getDefaultOptions(this.select),this.select}},{key:"getDefaultOptions",value:function(e){var r=this;ut(ft,this).forEach(function(n){var i=document.createElement("option");i.value=n.value,i.textContent=n.label,i.selected="custom"===n.value&&t.isCustomFonSize(ut(ht,r))||n.value===ut(ht,r),e.append(i)})}},{key:"changeSelectValue",value:function(e){var r=t.isCustomFonSize(e);Array.from(this.select.options).forEach(function(t){t.selected="custom"===t.value&&r||t.value===e})}},{key:"getUnitValueWrapper",value:function(){return this.unitValueWrapper=document.createElement("div"),this.unitValueWrapper.classList.add("frm-unit-value"),this.unitValueWrapper.append(this.getUnitValueInput()),this.unitValueWrapper.append(this.getUnitTypeSelect()),this.unitValueWrapper}},{key:"getUnitValueInput",value:function(){var e=this;return this.unitValueInput=document.createElement("input"),this.unitValueInput.setAttribute("aria-label",ve("Font size value","formidable")),null!==this.componentId&&(this.unitValueInput.id="".concat(this.componentId,"-unit")),null!==this.fieldName&&(this.unitValueInput.name="".concat(this.fieldName,"[unit]")),this.unitValueInput.type="text",this.unitValueInput.value=""!==ut(ht,this)?"".concat(parseInt(ut(ht,this),10)):"",this.unitValueInput.addEventListener("change",function(t){var r=""!==t.target.value?t.target.value+e.unitTypeSelect.value:"";e.changeSelectValue(r),ut(dt,e).call(e,r)}),this.unitValueInput}},{key:"getUnitTypeSelect",value:function(){var e=this;return this.unitTypeSelect=document.createElement("select"),this.unitTypeSelect.setAttribute("aria-label",ve("Font size unit","formidable")),null!==this.componentId&&(this.unitTypeSelect.id="".concat(this.componentId,"-unit-type")),null!==this.fieldName&&(this.unitTypeSelect.name="".concat(this.fieldName,"[unit-type]")),ut(mt,this).forEach(function(t){var r=document.createElement("option");r.value=t,r.textContent=t,e.unitTypeSelect.append(r)}),this.unitTypeSelect}},{key:"getHiddenInput",value:function(){return this.hiddenInput=document.createElement("input"),this.hiddenInput.type="hidden",null!==this.fieldName&&(this.hiddenInput.name="".concat(this.fieldName,"[value]")),this.hiddenInput.value=ut(ht,this),this.hiddenInput}},{key:"afterViewInit",value:function(){var e=this;this.select.addEventListener("change",function(){var r=t.getUnitValue(e.select.value);e.unitValueInput.value=r.value,e.hiddenInput.value=r.value+r.unit,ut(dt,e).call(e,e.hiddenInput.value),e.unitTypeSelect.value=r.unit})}},{key:"onChange",set:function(e){if("function"!=typeof e)throw new TypeError("Expected a function, but received ".concat(tt(e)));pt(dt,this,e)}},{key:"typographyDefaultValue",set:function(e){pt(ht,this,e)}}],[{key:"isCustomFonSize",value:function(e){return!["","18px","21px","26px","32px"].includes(e)}},{key:"getUnitValue",value:function(e){var t={value:"",unit:""};if(!e)return t;var r=e.match(/^([\d.]+)(px|em|%)?$/);return r?{value:parseInt(e,10),unit:r[2]||"px"}:t}}])}(f),yt={_:0};function gt(e){return gt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},gt(e)}function vt(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,xt(n.key),n)}}function xt(e){var t=function(e){if("object"!=gt(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=gt(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==gt(t)?t:t+""}function wt(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(wt=function(){return!!e})()}function kt(){return kt="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var n=function(e,t){for(;!{}.hasOwnProperty.call(e,t)&&null!==(e=St(e)););return e}(e,t);if(n){var i=Object.getOwnPropertyDescriptor(n,t);return i.get?i.get.call(arguments.length<3?e:r):i.value}},kt.apply(null,arguments)}function St(e){return St=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},St(e)}function Et(e,t){return Et=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},Et(e,t)}function Ot(e,t,r){(function(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")})(e,t),t.set(e,r)}function It(e,t,r){return e.set(_t(e,t),r),r}function jt(e,t){return e.get(_t(e,t))}function _t(e,t,r){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:r;throw new TypeError("Private element is not present on this object")}var Vt=new WeakMap,Lt=new WeakMap,Pt=new WeakMap,Tt=new WeakMap,Ct=new WeakMap,At=function(e){function t(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),Ot(e=function(e,t,r){return t=St(t),function(e,t){if(t&&("object"==gt(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,wt()?Reflect.construct(t,r||[],St(e).constructor):t.apply(e,r))}(this,t),Vt,function(){}),Ot(e,Lt,["px","em","%"]),Ot(e,Pt,"0px"),Ot(e,Tt,"0px"),Ot(e,Ct,!1),e.componentStyle=':root,.frm-white-body,.frm_wrap{--grey-900: #101828;--grey-800: #1d2939;--grey-700: #344054;--grey-600: #475467;--grey-500: #667085;--grey-400: #98a2b3;--grey-300: #d0d5dd;--grey-200: #eaecf0;--grey-100: #f2f4f7;--grey-50: #f9fafb;--grey-25: #fcfcfd;--dark-grey: var(--grey-700);--medium-grey: rgba(40, 47, 54, 0.65);--grey: var(--grey-500);--grey-border: var(--grey-300);--lightest-grey: rgb(250, 250, 250);--sidebar-color: var(--grey-50);--sidebar-hover: var(--grey-200);--primary-700: #2b66a9;--primary-500: #4199fd;--primary-300: #80bbfe;--primary-200: #c0ddfe;--primary-50: #ecf5ff;--primary-25: #f5faff;--primary-color: var(--primary-500);--primary-hover: var(--primary-700);--light-blue: var(--primary-25);--blue-border: rgb(188, 224, 253);--error-700: #b42318;--error-500: #f04438;--error-300: #fecdca;--error-100: #fee4e2;--error-25: #fff5f4;--green: rgb(63, 172, 37);--orange: #f15a24;--warning-500: #f79009;--pink: rgb(226, 42, 110);--purple: rgb(141, 53, 245);--success-900: #054f31;--success-800: #065f46;--success-500: #12b76a;--success-100: #d1fae5;--success-200: #a6f4c5;--success-50: #ecfdf3;--success-25: #f6fef9;--border-radius: 35px;--small-radius: 8px;--medium-radius: 16px;--small-sidebar: 275px;--medium-sidebar: 350px;--big-sidebar: 390px;--biggest-sidebar: 450px;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--h-xs: 24px;--h-sm: 30px;--h-md: 36px;--leading: 1.5;--gap-2xs: 4px;--gap-xs: 8px;--gap-sm: 16px;--gap-md: 24px;--gap-lg: 32px;--gap-xl: 40px;--gap-2xl: 48px;--box-shadow-xs: 0 0.47074466943740845px 0.9414893388748169px 0 rgba(16, 24, 40, 0.05);--box-shadow-sm: 0 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0 0.470745px 0.941489px rgba(16, 24, 40, 0.06);--box-shadow-md: 0 1.88298px 3.76596px -0.941489px rgba(16, 24, 40, 0.1), 0 0.941489px 1.88298px -0.941489px rgba(16, 24, 40, 0.06);--box-shadow-lg: 0 6px 8px -2px rgba(16, 24, 40, 0.08), 0 1.88298px 4px -1px rgba(16, 24, 40, 0.03), 0 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0 0.470745px 0.941489px rgba(16, 24, 40, 0.06);--box-shadow-xl: 0 9.41489px 11.2979px -1.88298px rgba(16, 24, 40, 0.08), 0 3.76596px 3.76596px -1.88298px rgba(16, 24, 40, 0.03);--box-shadow-xxl: 0 11px 22px -5px rgba(16, 24, 40, 0.18);--button-shadow: 0 0.47px 0.94px 0 rgba(16, 24, 40, 0.06), 0 0.47px 1.47px 0 rgba(16, 24, 40, 0.1);--check-label-color: var(--grey-700)}.frm_hidden{display:none}.frm-component:not(.frm-tabs-wrapper){display:flex;justify-content:space-between;align-items:center}.frm-component:not(.frm-tabs-wrapper)>span.frm-component-label{font-weight:500;font-size:var(--text-sm) !important;color:var(--grey-900) !important;width:40% !important;display:block !important;margin-right:12px !important}.frm-border-radius-component .frm-border-radius-container{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}.frm-border-radius-component .frm-border-radius-container button{overflow:hidden;text-indent:-9999px;cursor:pointer;width:36px;height:36px;border-radius:var(--small-radius);border:1px solid var(--grey-300);background:#fff;display:flex;justify-content:center;align-items:center;box-sizing:border-box;background:url(\'data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.95837 12.2915V14.3748C3.95837 15.2953 4.70457 16.0415 5.62504 16.0415H7.70837" stroke="%23667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.0416 12.2915V14.3748C16.0416 15.2953 15.2955 16.0415 14.375 16.0415H12.2916" stroke="%23667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.0416 7.7085V5.62516C16.0416 4.70469 15.2955 3.9585 14.375 3.9585H12.2916" stroke="%23667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M3.95837 7.7085V5.62516C3.95837 4.70469 4.70457 3.9585 5.62504 3.9585H7.70837" stroke="%23667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>\') no-repeat center center;background-size:20px}.frm-border-radius-component .frm-border-radius-container button.frm-active,.frm-border-radius-component .frm-border-radius-container button:hover{background-color:rgba(0,0,0,.05)}.frm-border-radius-component .frm-border-radius-container .frm-border-individual-inputs-wrapper{width:100%;justify-content:space-between;flex-wrap:wrap}.frm-border-radius-component .frm-border-radius-container .frm-border-individual-inputs-wrapper:not(.frm_hidden){display:flex}.frm-border-radius-component .frm-border-radius-container .frm-border-individual-inputs-wrapper span{position:relative;display:block;overflow:hidden;width:calc(50% - 6px);height:36px;border-radius:var(--small-radius);border:1px solid var(--grey-300);margin-top:12px}.frm-border-radius-component .frm-border-radius-container .frm-border-individual-inputs-wrapper span input{width:100%;height:100%;padding:0;font-size:var(--text-sm);color:#101828;padding:0 12px 0px 20px;box-sizing:border-box;border:none;text-align:right}.frm-border-radius-component .frm-border-radius-container .frm-border-individual-inputs-wrapper span input:focus{outline:none}.frm-border-radius-component .frm-border-radius-container .frm-border-individual-inputs-wrapper span:before{content:"";position:absolute;display:block;width:12px;height:12px;left:12px;top:0;bottom:0;right:auto;margin:auto;background:url(\'data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.75 3.25V3.25833M0.75 5.75V5.75833M5.75 5.75V5.75833M0.75 8.25V8.25833M0.75 3.25833V3.25M3.25 0.758334V0.75M0.75 0.758334V0.75M3.25 10.75V10.7583M8.25 0.75V0.758334M0.75 10.75V10.7583M10.75 0.75V0.758334M5.75 0.758334V0.75M6.375 10.9583H7.625C8.50905 10.9583 9.3569 10.6071 9.98202 9.98202C10.6071 9.3569 10.9583 8.50905 10.9583 7.625V6.375" stroke="%23667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>\') center center no-repeat;background-size:12px}.frm-border-radius-component .frm-border-radius-container .frm-border-individual-inputs-wrapper span.frm-border-input-top:before{transform:rotate(180deg)}.frm-border-radius-component .frm-border-radius-container .frm-border-individual-inputs-wrapper span.frm-border-input-bottom:before{transform:rotate(0deg)}.frm-border-radius-component .frm-border-radius-container .frm-border-individual-inputs-wrapper span.frm-border-input-left:before{transform:rotate(90deg)}.frm-border-radius-component .frm-border-radius-container .frm-border-individual-inputs-wrapper span.frm-border-input-right:before{transform:rotate(-90deg)}.frm-border-radius-component .frm-border-radius-container .frm-input-wrapper{width:calc(100% - 36px - 12px);height:36px;display:flex;justify-content:center;box-sizing:border-box;background:#fff;border-radius:var(--small-radius);border:1px solid var(--grey-300);overflow:hidden}.frm-border-radius-component .frm-border-radius-container .frm-input-wrapper>*{border:none}.frm-border-radius-component .frm-border-radius-container .frm-input-wrapper input{width:calc(100% - 44px);height:100%;padding:0;font-size:var(--text-sm);color:#101828;padding-left:12px;box-sizing:border-box}.frm-border-radius-component .frm-border-radius-container .frm-input-wrapper input:focus{outline:none}.frm-border-radius-component .frm-border-radius-container .frm-input-wrapper select{text-align:right;padding:0;font-size:var(--text-sm);color:#667085;width:44px;background:url("../../images/style/small-arrow.svg") no-repeat;background-position:center right 12px}.frm-border-radius-component .frm-border-radius-container .frm-input-wrapper select:focus{outline:none}\n',e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&Et(e,t)}(t,e),function(e,t,r){return t&&vt(e.prototype,t),r&&vt(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}(t,[{key:"initOptions",value:function(){var e;(function(e,t,r){var n=kt(St(e.prototype),"initOptions",r);return"function"==typeof n?function(e){return n.apply(r,e)}:n})(t,0,this)([]),null===this.componentId&&(this.componentId="frm-border-radius-web-component-".concat(zt._=(e=zt._,++e)))}},{key:"initView",value:function(){return this.wrapper=document.createElement("div"),this.container=document.createElement("div"),this.wrapper.classList.add("frm-border-radius-component"),this.container.classList.add("frm-border-radius-container"),this.container.append(this.getInputWrapper(),this.getButton(),this.getBorderIndividualInputsWrapper()),this.wrapper.append(this.container),this.wrapper}},{key:"parseDefaultValues",value:function(){if(!jt(Tt,this))return{top:{value:0,unit:"px"},bottom:{value:0,unit:"px"},left:{value:0,unit:"px"},right:{value:0,unit:"px"}};var e=jt(Tt,this).split(" ");return{top:t.parseValueUnit(e[0]||"0px"),bottom:t.parseValueUnit(e[2]||e[0]||"0px"),left:t.parseValueUnit(e[3]||e[1]||e[0]||"0px"),right:t.parseValueUnit(e[1]||e[0]||"0px")}}},{key:"getInputWrapper",value:function(){return this.inputWrapper=document.createElement("div"),this.inputWrapper.classList.add("frm-input-wrapper"),this.inputWrapper.append(this.getInputValue(),this.getInputUnit(),this.getHiddenInput()),this.inputWrapper}},{key:"getHiddenInput",value:function(){return this.hiddenInput=document.createElement("input"),this.hiddenInput.type="hidden",this.hiddenInput.value=jt(Pt,this),this.fieldName&&(this.hiddenInput.name=this.fieldName),this.hiddenInput}},{key:"getInputValue",value:function(){var e=this;return this.inputValue=document.createElement("input"),this.inputValue.type="text",this.inputValue.id="".concat(this.componentId,"-value"),this.inputValue.setAttribute("aria-label",ve("Border radius value","formidable")),this.inputValue.classList.add("frm-input-value"),jt(Ct,this)||(this.inputValue.value=parseInt(jt(Tt,this))||0),this.inputValue.addEventListener("change",function(){var t=e.inputValue.value+e.inputUnit.value;e.hiddenInput.value=t,e.borderInputBottom.value=e.inputValue.value,e.borderInputTop.value=e.inputValue.value,e.borderInputLeft.value=e.inputValue.value,e.borderInputRight.value=e.inputValue.value,e.updateValue(t)}),this.inputValue}},{key:"getInputUnit",value:function(){var e=this;return this.inputUnit=document.createElement("select"),this.inputUnit.id="".concat(this.componentId,"-unit"),this.inputUnit.setAttribute("aria-label",ve("Border radius unit","formidable")),this.inputUnit.classList.add("frm-input-unit"),jt(Lt,this).forEach(function(t){var r=document.createElement("option");r.value=t,r.textContent=t,e.inputUnit.append(r)}),this.inputUnit.addEventListener("change",function(){e.hiddenInput.value=e.inputValue.value+e.inputUnit.value}),this.inputUnit}},{key:"getBorderIndividualInputsWrapper",value:function(){return this.borderIndividualInputsWrapper=document.createElement("div"),this.borderIndividualInputsWrapper.classList.add("frm-border-individual-inputs-wrapper"),jt(Ct,this)||this.borderIndividualInputsWrapper.classList.add("frm_hidden"),this.borderIndividualInputsWrapper.append(this.getBorderInputTop(),this.getBorderInputRight(),this.getBorderInputLeft(),this.getBorderInputBottom()),this.borderIndividualInputsWrapper}},{key:"getBorderInputTop",value:function(){var e=this,t=this.parseDefaultValues(),r=document.createElement("span");return r.classList.add("frm-border-input-top"),this.borderInputTop=document.createElement("input"),this.borderInputTop.type="text",this.borderInputTop.id="".concat(this.componentId,"-top"),this.borderInputTop.setAttribute("aria-label",ve("Top border radius","formidable")),this.borderInputTop.value=parseInt(t.top.value),r.append(this.borderInputTop),this.borderInputTop.addEventListener("change",function(){return e.buildBorderRadiusIndividualValue()}),r}},{key:"getBorderInputBottom",value:function(){var e=this,t=this.parseDefaultValues(),r=document.createElement("span");return r.classList.add("frm-border-input-bottom"),this.borderInputBottom=document.createElement("input"),this.borderInputBottom.type="text",this.borderInputBottom.id="".concat(this.componentId,"-bottom"),this.borderInputBottom.setAttribute("aria-label",ve("Bottom border radius","formidable")),this.borderInputBottom.value=parseInt(t.bottom.value),r.append(this.borderInputBottom),this.borderInputBottom.addEventListener("change",function(){return e.buildBorderRadiusIndividualValue()}),r}},{key:"getBorderInputLeft",value:function(){var e=this,t=this.parseDefaultValues(),r=document.createElement("span");return r.classList.add("frm-border-input-left"),this.borderInputLeft=document.createElement("input"),this.borderInputLeft.type="text",this.borderInputLeft.id="".concat(this.componentId,"-left"),this.borderInputLeft.setAttribute("aria-label",ve("Left border radius","formidable")),this.borderInputLeft.value=parseInt(t.left.value),r.append(this.borderInputLeft),this.borderInputLeft.addEventListener("change",function(){return e.buildBorderRadiusIndividualValue()}),r}},{key:"getBorderInputRight",value:function(){var e=this,t=this.parseDefaultValues(),r=document.createElement("span");return r.classList.add("frm-border-input-right"),this.borderInputRight=document.createElement("input"),this.borderInputRight.type="text",this.borderInputRight.id="".concat(this.componentId,"-right"),this.borderInputRight.setAttribute("aria-label",ve("Right border radius","formidable")),this.borderInputRight.value=parseInt(t.right.value),r.append(this.borderInputRight),this.borderInputRight.addEventListener("change",function(){return e.buildBorderRadiusIndividualValue()}),r}},{key:"buildBorderRadiusIndividualValue",value:function(){var e=this.inputUnit.value,t="".concat(parseInt(this.borderInputTop.value,10)).concat(e," ").concat(parseInt(this.borderInputRight.value,10)).concat(e," ").concat(parseInt(this.borderInputBottom.value,10)).concat(e," ").concat(parseInt(this.borderInputLeft.value,10)).concat(e);this.updateValue(t)}},{key:"updateValue",value:function(e){this.hiddenInput.value=e,jt(Vt,this).call(this,e)}},{key:"getButton",value:function(){var e=this;return this.button=document.createElement("button"),this.button.type="button",this.button.textContent=ve("Border Radius","formidable"),jt(Ct,this)&&this.button.classList.add("frm-active"),this.button.addEventListener("click",function(){e.button.classList.toggle("frm-active"),e.borderIndividualInputsWrapper.classList.toggle("frm_hidden")}),this.button}},{key:"onChange",set:function(e){if("function"!=typeof e)throw new TypeError("Expected a function, but received ".concat(gt(e)));It(Vt,this,e)}},{key:"borderRadiusDefaultValue",set:function(e){It(Tt,this,e),It(Ct,this,!/^(\d+)(px|em|%)?$/.test(e)&&""!==e)}}],[{key:"parseValueUnit",value:function(e){var t=e.match(/^(\d+)(px|em|%)?$/);return t?{value:parseInt(t[1],10),unit:t[2]||"px"}:{value:0,unit:"px"}}}])}(f),zt={_:0};customElements.define("frm-tab-navigator-component",x),customElements.define("frm-colorpicker-component",D),customElements.define("frm-range-slider-component",Fe),customElements.define("frm-dropdown-component",et),customElements.define("frm-typography-component",bt),customElements.define("frm-border-radius-component",At)})()})();
\ No newline at end of file
+(()=>{var e={8616:e=>{e.exports=function(e,t){var r,n,i=0;function o(){var o,a,s=r,u=arguments.length;e:for(;s;){if(s.args.length===arguments.length){for(a=0;a<u;a++)if(s.args[a]!==arguments[a]){s=s.next;continue e}return s!==r&&(s===n&&(n=s.prev),s.prev.next=s.next,s.next&&(s.next.prev=s.prev),s.next=r,s.prev=null,r.prev=s,r=s),s.val}s=s.next}for(o=new Array(u),a=0;a<u;a++)o[a]=arguments[a];return s={args:o,val:e.apply(null,o)},r?(r.prev=s,s.next=r):n=s,i===t.maxSize?(n=n.prev).next=null:i++,r=s,s.val}return t=t||{},o.clear=function(){r=null,n=null,i=0},o}},7604:(e,t,r)=>{var n;!function(){"use strict";var i={not_string:/[^s]/,not_bool:/[^t]/,not_type:/[^T]/,not_primitive:/[^v]/,number:/[diefg]/,numeric_arg:/[bcdiefguxX]/,json:/[j]/,not_json:/[^j]/,text:/^[^\x25]+/,modulo:/^\x25{2}/,placeholder:/^\x25(?:([1-9]\d*)\$|\(([^)]+)\))?(\+)?(0|'[^$])?(-)?(\d+)?(?:\.(\d+))?([b-gijostTuvxX])/,key:/^([a-z_][a-z_\d]*)/i,key_access:/^\.([a-z_][a-z_\d]*)/i,index_access:/^\[(\d+)\]/,sign:/^[+-]/};function o(e){return function(e,t){var r,n,a,s,u,l,p,c,f,d=1,m=e.length,b="";for(n=0;n<m;n++)if("string"==typeof e[n])b+=e[n];else if("object"==typeof e[n]){if((s=e[n]).keys)for(r=t[d],a=0;a<s.keys.length;a++){if(null==r)throw new Error(o('[sprintf] Cannot access property "%s" of undefined value "%s"',s.keys[a],s.keys[a-1]));r=r[s.keys[a]]}else r=s.param_no?t[s.param_no]:t[d++];if(i.not_type.test(s.type)&&i.not_primitive.test(s.type)&&r instanceof Function&&(r=r()),i.numeric_arg.test(s.type)&&"number"!=typeof r&&isNaN(r))throw new TypeError(o("[sprintf] expecting number but found %T",r));switch(i.number.test(s.type)&&(c=r>=0),s.type){case"b":r=parseInt(r,10).toString(2);break;case"c":r=String.fromCharCode(parseInt(r,10));break;case"d":case"i":r=parseInt(r,10);break;case"j":r=JSON.stringify(r,null,s.width?parseInt(s.width):0);break;case"e":r=s.precision?parseFloat(r).toExponential(s.precision):parseFloat(r).toExponential();break;case"f":r=s.precision?parseFloat(r).toFixed(s.precision):parseFloat(r);break;case"g":r=s.precision?String(Number(r.toPrecision(s.precision))):parseFloat(r);break;case"o":r=(parseInt(r,10)>>>0).toString(8);break;case"s":r=String(r),r=s.precision?r.substring(0,s.precision):r;break;case"t":r=String(!!r),r=s.precision?r.substring(0,s.precision):r;break;case"T":r=Object.prototype.toString.call(r).slice(8,-1).toLowerCase(),r=s.precision?r.substring(0,s.precision):r;break;case"u":r=parseInt(r,10)>>>0;break;case"v":r=r.valueOf(),r=s.precision?r.substring(0,s.precision):r;break;case"x":r=(parseInt(r,10)>>>0).toString(16);break;case"X":r=(parseInt(r,10)>>>0).toString(16).toUpperCase()}i.json.test(s.type)?b+=r:(!i.number.test(s.type)||c&&!s.sign?f="":(f=c?"+":"-",r=r.toString().replace(i.sign,"")),l=s.pad_char?"0"===s.pad_char?"0":s.pad_char.charAt(1):" ",p=s.width-(f+r).length,u=s.width&&p>0?l.repeat(p):"",b+=s.align?f+r+u:"0"===l?f+u+r:u+f+r)}return b}(function(e){if(s[e])return s[e];for(var t,r=e,n=[],o=0;r;){if(null!==(t=i.text.exec(r)))n.push(t[0]);else if(null!==(t=i.modulo.exec(r)))n.push("%");else{if(null===(t=i.placeholder.exec(r)))throw new SyntaxError("[sprintf] unexpected placeholder");if(t[2]){o|=1;var a=[],u=t[2],l=[];if(null===(l=i.key.exec(u)))throw new SyntaxError("[sprintf] failed to parse named argument key");for(a.push(l[1]);""!==(u=u.substring(l[0].length));)if(null!==(l=i.key_access.exec(u)))a.push(l[1]);else{if(null===(l=i.index_access.exec(u)))throw new SyntaxError("[sprintf] failed to parse named argument key");a.push(l[1])}t[2]=a}else o|=2;if(3===o)throw new Error("[sprintf] mixing positional and named placeholders is not (yet) supported");n.push({placeholder:t[0],param_no:t[1],keys:t[2],sign:t[3],pad_char:t[4],align:t[5],width:t[6],precision:t[7],type:t[8]})}r=r.substring(t[0].length)}return s[e]=n}(e),arguments)}function a(e,t){return o.apply(null,[e].concat(t||[]))}var s=Object.create(null);"undefined"!=typeof window&&(window.sprintf=o,window.vsprintf=a,void 0===(n=function(){return{sprintf:o,vsprintf:a}}.call(t,r,t,e))||(e.exports=n))}()}},t={};function r(n){var i=t[n];if(void 0!==i)return i.exports;var o=t[n]={exports:{}};return e[n](o,o.exports,r),o.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{"use strict";function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}function t(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,n(i.key),i)}}function n(t){var r=function(t){if("object"!=e(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,"string");if("object"!=e(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==e(r)?r:r+""}var i=function(){return e=function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),void 0!==t&&(this.wrapper=t instanceof Element?t:document.querySelector(t),null!==this.wrapper&&(this.flexboxSlidesGap="16px",this.navs=this.wrapper.querySelectorAll(".frm-tabs-navs ul > li"),this.slideTrackLine=this.wrapper.querySelector(".frm-tabs-active-underline"),this.slideTrack=this.wrapper.querySelector(".frm-tabs-slide-track"),this.slides=this.wrapper.querySelectorAll(".frm-tabs-slide-track > div"),this.isRTL="rtl"===document.documentElement.dir||"rtl"===document.body.dir,this.resizeObserver=null,this.init()))},(r=[{key:"init",value:function(){var e=this;null!==this.wrapper&&this.navs.length&&null!==this.slideTrackLine&&null!==this.slideTrack&&this.slides.length&&(this.navs.forEach(function(t,r){t.addEventListener("click",function(t){return e.onNavClick(t,r)}),t.classList.contains("frm-active")&&e.initSlideTrackUnderline(t)}),this.slideTrackLine.style.display="block",this.setupScrollbarObserver(),window.addEventListener("beforeunload",this.cleanupObservers))}},{key:"onNavClick",value:function(e,t){var r=e.currentTarget;e.preventDefault(),this.removeActiveClassnameFromNavs(),r.classList.add("frm-active"),this.initSlideTrackUnderline(r),this.changeSlide(t);var n,i,o=r.querySelector("a");o&&"frm_insert_fields_tab"===o.id&&!o.closest("#frm_adv_info")&&(null===(n=window.frmAdminBuild)||void 0===n||null===(i=n.clearSettingsBox)||void 0===i||i.call(n))}},{key:"initSlideTrackUnderline",value:function(e){var t=void 0!==e?e:this.navs.filter(function(e){return e.classList.contains("frm-active")});this.positionUnderlineIndicator(t)}},{key:"setupScrollbarObserver",value:function(){var e=this,t=document.querySelector(".frm-scrollbar-wrapper, .styling_settings")||document.body;t&&"ResizeObserver"in window&&(this.resizeObserver=new ResizeObserver(function(){var t=e.wrapper.querySelector(".frm-tabs-navs ul > li.frm-active");t&&e.positionUnderlineIndicator(t)}),this.resizeObserver.observe(t))}},{key:"cleanupObservers",value:function(){this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null)}},{key:"positionUnderlineIndicator",value:function(e){var t=this;requestAnimationFrame(function(){var r=t.isRTL?-(e.parentElement.offsetWidth-e.offsetLeft-e.offsetWidth):e.offsetLeft;t.slideTrackLine.style.transform="translateX(".concat(r,"px)"),t.slideTrackLine.style.width="".concat(e.clientWidth,"px")})}},{key:"changeSlide",value:function(e){this.removeActiveClassnameFromSlides();var t=0==e?"0px":"calc( ( ".concat(100*e,"% + ").concat(parseInt(this.flexboxSlidesGap,10)*e,"px ) * ").concat(this.isRTL?1:-1," )");"0px"!==t?this.slideTrack.style.transform="translateX(".concat(t,")"):this.slideTrack.style.removeProperty("transform"),e in this.slides&&this.slides[e].classList.add("frm-active")}},{key:"removeActiveClassnameFromSlides",value:function(){this.slides.forEach(function(e){return e.classList.remove("frm-active")})}},{key:"removeActiveClassnameFromNavs",value:function(){this.navs.forEach(function(e){return e.classList.remove("frm-active")})}}])&&t(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,r}();function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function s(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,u(n.key),n)}}function u(e){var t=function(e){if("object"!=o(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==o(t)?t:t+""}function l(e){var t="function"==typeof Map?new Map:void 0;return l=function(e){if(null===e||!function(e){try{return-1!==Function.toString.call(e).indexOf("[native code]")}catch(t){return"function"==typeof e}}(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==t){if(t.has(e))return t.get(e);t.set(e,r)}function r(){return function(e,t,r){if(p())return Reflect.construct.apply(null,arguments);var n=[null];n.push.apply(n,t);var i=new(e.bind.apply(e,n));return r&&c(i,r.prototype),i}(e,arguments,f(this).constructor)}return r.prototype=Object.create(e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),c(r,e)},l(e)}function p(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(p=function(){return!!e})()}function c(e,t){return c=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},c(e,t)}function f(e){return f=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},f(e)}var d=function(e){function t(){var e;if(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(this instanceof t?this.constructor:void 0)===t)throw new Error("frmWebComponent is an abstract class and cannot be instantiated directly");return(e=function(e,t,r){return t=f(t),function(e,t){if(t&&("object"==o(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,p()?Reflect.construct(t,r||[],f(e).constructor):t.apply(e,r))}(this,t)).useShadowDom()&&e.attachShadow({mode:"open"}),e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&c(e,t)}(t,e),r=t,(n=[{key:"initOptions",value:function(){this.fieldName=this.getAttribute("name")||null,this.defaultValue=this.getAttribute("value")||null,this.componentId=this.getAttribute("id")||null}},{key:"getLabelText",value:function(){if(this._labelText)return this._labelText;var e=this.querySelector("span.frm-component-label");return null===e?null:e.innerText}},{key:"useShadowDom",value:function(){return"false"!==this.getAttribute("data-shadow-dom")}},{key:"loadStyle",value:function(){var e,t=document.createElement("style");return this.componentStyle=this.componentStyle.replace("--frm-plugin-url",(null===(e=frmGlobal)||void 0===e?void 0:e.url)||""),t.textContent+=this.componentStyle,t}},{key:"getWrapper",value:function(){return this.useShadowDom()?this.shadowRoot:this}},{key:"render",value:function(){var e=this,t=this.initView();if(t){var r=this.getWrapper();r.innerHTML="",t.classList.add("frm-component"),r.append.apply(r,function(e){return function(e){if(Array.isArray(e))return a(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return a(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?a(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(this.getViewItems(t))),this.addLabelToView(t),this.whenElementBecomesVisible().then(function(){return e.afterViewInit(e)})}}},{key:"addLabelToView",value:function(e){var t=this.getLabelText();if(null!==t&&null!==e){var r=document.createElement("span");r.classList.add("frm-component-label"),r.textContent=t,e.prepend(r)}}},{key:"getViewItems",value:function(e){return[this.loadStyle(),e].filter(function(e){return null!==e})}},{key:"whenElementBecomesVisible",value:function(){var e=this;return new Promise(function(t){if(void 0!==window.IntersectionObserver){var r=new IntersectionObserver(function(e){e.forEach(function(e){e.isIntersecting&&e.intersectionRatio>0&&(r.disconnect(),requestAnimationFrame(function(){return t()}))})},{threshold:.1});(e.useShadowDom()?e.shadowRoot.host:e)&&r.observe(e)}else requestAnimationFrame(function(){return t()})})}},{key:"frmLabel",set:function(e){this._labelText=e}},{key:"afterViewInit",value:function(e){}},{key:"initView",value:function(){}},{key:"connectedCallback",value:function(){this.initOptions(),this.render()}},{key:"disconnectedCallback",value:function(){}}])&&s(r.prototype,n),Object.defineProperty(r,"prototype",{writable:!1}),r;var r,n}(l(HTMLElement));function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function b(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,h(n.key),n)}}function h(e){var t=function(e){if("object"!=m(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==m(t)?t:t+""}function y(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(y=function(){return!!e})()}function g(e){return g=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},g(e)}function v(e,t){return v=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},v(e,t)}var x=function(e){function t(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(e=function(e,t,r){return t=g(t),function(e,t){if(t&&("object"==m(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,y()?Reflect.construct(t,r||[],g(e).constructor):t.apply(e,r))}(this,t)).componentStyle=":root,.frm-white-body,.frm_wrap{--grey-900: #101828;--grey-800: #1d2939;--grey-700: #344054;--grey-600: #475467;--grey-500: #667085;--grey-400: #98a2b3;--grey-300: #d0d5dd;--grey-200: #eaecf0;--grey-100: #f2f4f7;--grey-50: #f9fafb;--grey-25: #fcfcfd;--dark-grey: var(--grey-700);--medium-grey: rgba(40, 47, 54, 0.65);--grey: var(--grey-500);--grey-border: var(--grey-300);--lightest-grey: rgb(250, 250, 250);--sidebar-color: var(--grey-50);--sidebar-hover: var(--grey-200);--primary-700: #2b66a9;--primary-500: #4199fd;--primary-300: #80bbfe;--primary-200: #c0ddfe;--primary-50: #ecf5ff;--primary-25: #f5faff;--primary-color: var(--primary-500);--primary-hover: var(--primary-700);--light-blue: var(--primary-25);--blue-border: rgb(188, 224, 253);--error-700: #b42318;--error-500: #f04438;--error-300: #fecdca;--error-100: #fee4e2;--error-25: #fff5f4;--green: rgb(63, 172, 37);--orange: #f15a24;--warning-500: #f79009;--pink: rgb(226, 42, 110);--purple: rgb(141, 53, 245);--success-900: #054f31;--success-800: #065f46;--success-500: #12b76a;--success-100: #d1fae5;--success-200: #a6f4c5;--success-50: #ecfdf3;--success-25: #f6fef9;--border-radius: 35px;--small-radius: 8px;--medium-radius: 16px;--small-sidebar: 275px;--medium-sidebar: 350px;--big-sidebar: 390px;--biggest-sidebar: 450px;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--h-xs: 24px;--h-sm: 30px;--h-md: 36px;--leading: 1.5;--gap-2xs: 4px;--gap-xs: 8px;--gap-sm: 16px;--gap-md: 24px;--gap-lg: 32px;--gap-xl: 40px;--gap-2xl: 48px;--box-shadow-xs: 0 0.47074466943740845px 0.9414893388748169px 0 rgba(16, 24, 40, 0.05);--box-shadow-sm: 0 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0 0.470745px 0.941489px rgba(16, 24, 40, 0.06);--box-shadow-md: 0 1.88298px 3.76596px -0.941489px rgba(16, 24, 40, 0.1), 0 0.941489px 1.88298px -0.941489px rgba(16, 24, 40, 0.06);--box-shadow-lg: 0 6px 8px -2px rgba(16, 24, 40, 0.08), 0 1.88298px 4px -1px rgba(16, 24, 40, 0.03), 0 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0 0.470745px 0.941489px rgba(16, 24, 40, 0.06);--box-shadow-xl: 0 9.41489px 11.2979px -1.88298px rgba(16, 24, 40, 0.08), 0 3.76596px 3.76596px -1.88298px rgba(16, 24, 40, 0.03);--box-shadow-xxl: 0 11px 22px -5px rgba(16, 24, 40, 0.18);--button-shadow: 0 0.47px 0.94px 0 rgba(16, 24, 40, 0.06), 0 0.47px 1.47px 0 rgba(16, 24, 40, 0.1);--check-label-color: var(--grey-700)}.frm_hidden{display:none}.frm-component:not(.frm-tabs-wrapper){display:flex;justify-content:space-between;align-items:center}.frm-component:not(.frm-tabs-wrapper)>span.frm-component-label{font-weight:500;font-size:var(--text-sm) !important;color:var(--grey-900) !important;width:40% !important;display:block !important;margin-right:12px !important}.frm-tabs-wrapper{position:relative;overflow:hidden}.frm-tabs-wrapper .frm-tabs-navigator{margin:0;padding:0;display:flex;gap:var(--gap-xs);justify-content:space-between;align-items:center;background:#f2f4f7;border-radius:var(--small-radius);box-sizing:border-box;height:44px;position:relative;z-index:2}.frm-tabs-wrapper .frm-tabs-navigator .frm-tab-item{flex:1;text-align:center;cursor:pointer}.frm-tabs-wrapper .frm-tabs-navigator .frm-active-background{display:block;height:100%;background:#fff;position:absolute;top:0;left:0;z-index:1}.frm-tabs-navs{padding:0;min-height:44px}.frm-tabs-navs ul{margin:0;height:var(--h-md);position:relative;display:flex;justify-content:space-between;list-style-type:none;padding:0px}.frm-tabs-navs ul li,.frm-tabs-navs ul li a{color:var(--grey-500);font-weight:500;font-size:var(--text-sm);line-height:28px}.frm-tabs-navs ul li{flex:1;height:28px;text-align:center;margin-top:var(--gap-xs);margin-bottom:0;cursor:pointer}.frm-tabs-navs ul li.frm-active,.frm-style-tabs-wrapper .frm-tabs-navs ul li.frm-active a{color:var(--grey-900)}.frm-tabs-navs ul li:first-child{margin-left:var(--gap-xs)}.frm-tabs-navs ul li:last-child{margin-right:var(--gap-xs)}.frm-tabs-delimiter{position:absolute;top:0;left:0;width:100%;background:#f2f4f7;height:44px;margin:0;border-radius:var(--small-radius)}.frm-tabs-delimiter .frm-tabs-active-underline{height:28px;background:#fff;position:absolute;left:0;bottom:8px;transition:.4s transform cubic-bezier(0.25, 0.46, 0.45, 0.94);border-radius:var(--small-radius);box-shadow:var(--button-shadow);display:none}.frm-tabs-container{position:relative;overflow:hidden;margin-top:var(--gap-md);height:100%}.frm-tabs-container .frm-tabs-slide-track{display:flex;transition:.32s transform cubic-bezier(0.25, 0.46, 0.45, 0.94)}.frm-tabs-slide-track>div{flex:0 0 100%;opacity:0;transition:.25s opacity linear;position:relative;height:auto;max-height:unset;overflow:hidden;box-sizing:border-box}.frm-tabs-slide-track>div>div{overflow:auto;position:relative;width:100%;padding:0;box-sizing:border-box}.frm-tabs-slide-track>div>div:first-child{height:100%}.frm-tabs-slide-track>div.frm-active{opacity:1;transition:.35s opacity linear}\n",e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&v(e,t)}(t,e),r=t,(n=[{key:"initView",value:function(){if(this.tabs=this.querySelectorAll(".frm-tab"),0===this.tabs.length)return null;var e=document.createElement("div");return e.classList.add("frm-tabs-wrapper"),e.append(this.getTabDelimiter()),e.append(this.getTabs()),e.append(this.getTabContainer()),e}},{key:"afterViewInit",value:function(e){this.tabsNavigator=new i(e)}},{key:"getTabDelimiter",value:function(){var e=document.createElement("div"),t=document.createElement("span");return t.classList.add("frm-tabs-active-underline"),e.className="frm-tabs-delimiter",e.append(t),e}},{key:"getTabs",value:function(){var e=this,t=document.createElement("div"),r=document.createElement("ul");return t.className="frm-tabs-navs",t.append(r),Array.from(this.tabs).forEach(function(t,n){r.append(e.createTabHeading(t,n))}),t}},{key:"getTabContainer",value:function(){var e=this,t=document.createElement("div"),r=document.createElement("div");return t.className="frm-tabs-container",r.className="frm-tabs-slide-track frm-flex-box",t.append(r),Array.from(this.tabs).forEach(function(t,n){r.append(e.createTabContainer(t,n))}),t}},{key:"createTabHeading",value:function(e,t){var r=0===t?"frm-active":"",n=document.createElement("li");return n.className=r,n.innerText=e.getAttribute("data-tab-title"),n}},{key:"createTabContainer",value:function(e,t){var r=0===t?"frm-active":"",n=document.createElement("div");return n.className="frm-tab-container ".concat(r),Array.from(e.children).forEach(function(e){n.append(e)}),n}},{key:"getTabUnderline",value:function(){return this.shadowRoot.querySelector(".frm-tabs-active-underline")}},{key:"getLabelText",value:function(){return null}}])&&b(r.prototype,n),Object.defineProperty(r,"prototype",{writable:!1}),r;var r,n}(d);function w(e){return w="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},w(e)}function k(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,I(n.key),n)}}function S(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(S=function(){return!!e})()}function E(e){return E=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},E(e)}function O(e,t){return O=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},O(e,t)}function I(e){var t=function(e){if("object"!=w(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=w(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==w(t)?t:t+""}function j(e,t,r){(function(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")})(e,t),t.set(e,r)}function _(e,t,r){return e.set(P(e,t),r),r}function V(e,t){return e.get(P(e,t))}function P(e,t,r){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:r;throw new TypeError("Private element is not present on this object")}var T,L,A,C=new WeakMap,z=new WeakMap,F=function(e){function t(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),j(e=function(e,t,r){return t=E(t),function(e,t){if(t&&("object"==w(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,S()?Reflect.construct(t,r||[],E(e).constructor):t.apply(e,r))}(this,t),C,function(){}),j(e,z,"#ffffff"),e.input=document.createElement("input"),e.componentStyle=':root,.frm-white-body,.frm_wrap{--grey-900: #101828;--grey-800: #1d2939;--grey-700: #344054;--grey-600: #475467;--grey-500: #667085;--grey-400: #98a2b3;--grey-300: #d0d5dd;--grey-200: #eaecf0;--grey-100: #f2f4f7;--grey-50: #f9fafb;--grey-25: #fcfcfd;--dark-grey: var(--grey-700);--medium-grey: rgba(40, 47, 54, 0.65);--grey: var(--grey-500);--grey-border: var(--grey-300);--lightest-grey: rgb(250, 250, 250);--sidebar-color: var(--grey-50);--sidebar-hover: var(--grey-200);--primary-700: #2b66a9;--primary-500: #4199fd;--primary-300: #80bbfe;--primary-200: #c0ddfe;--primary-50: #ecf5ff;--primary-25: #f5faff;--primary-color: var(--primary-500);--primary-hover: var(--primary-700);--light-blue: var(--primary-25);--blue-border: rgb(188, 224, 253);--error-700: #b42318;--error-500: #f04438;--error-300: #fecdca;--error-100: #fee4e2;--error-25: #fff5f4;--green: rgb(63, 172, 37);--orange: #f15a24;--warning-500: #f79009;--pink: rgb(226, 42, 110);--purple: rgb(141, 53, 245);--success-900: #054f31;--success-800: #065f46;--success-500: #12b76a;--success-100: #d1fae5;--success-200: #a6f4c5;--success-50: #ecfdf3;--success-25: #f6fef9;--border-radius: 35px;--small-radius: 8px;--medium-radius: 16px;--small-sidebar: 275px;--medium-sidebar: 350px;--big-sidebar: 390px;--biggest-sidebar: 450px;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--h-xs: 24px;--h-sm: 30px;--h-md: 36px;--leading: 1.5;--gap-2xs: 4px;--gap-xs: 8px;--gap-sm: 16px;--gap-md: 24px;--gap-lg: 32px;--gap-xl: 40px;--gap-2xl: 48px;--box-shadow-xs: 0 0.47074466943740845px 0.9414893388748169px 0 rgba(16, 24, 40, 0.05);--box-shadow-sm: 0 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0 0.470745px 0.941489px rgba(16, 24, 40, 0.06);--box-shadow-md: 0 1.88298px 3.76596px -0.941489px rgba(16, 24, 40, 0.1), 0 0.941489px 1.88298px -0.941489px rgba(16, 24, 40, 0.06);--box-shadow-lg: 0 6px 8px -2px rgba(16, 24, 40, 0.08), 0 1.88298px 4px -1px rgba(16, 24, 40, 0.03), 0 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0 0.470745px 0.941489px rgba(16, 24, 40, 0.06);--box-shadow-xl: 0 9.41489px 11.2979px -1.88298px rgba(16, 24, 40, 0.08), 0 3.76596px 3.76596px -1.88298px rgba(16, 24, 40, 0.03);--box-shadow-xxl: 0 11px 22px -5px rgba(16, 24, 40, 0.18);--button-shadow: 0 0.47px 0.94px 0 rgba(16, 24, 40, 0.06), 0 0.47px 1.47px 0 rgba(16, 24, 40, 0.1);--check-label-color: var(--grey-700)}.frm_hidden{display:none}.frm-component:not(.frm-tabs-wrapper){display:flex;justify-content:space-between;align-items:center}.frm-component:not(.frm-tabs-wrapper)>span.frm-component-label{font-weight:500;font-size:var(--text-sm) !important;color:var(--grey-900) !important;width:40% !important;display:block !important;margin-right:12px !important}.frm-colorpicker-component .wp-picker-container button[type=button]{position:relative;height:36px !important;background-image:none !important;background-color:#fff !important;overflow:hidden}.frm-colorpicker-component .wp-picker-container button[type=button]:after{content:"";width:20px;height:20px;display:block;position:absolute;top:0;right:8px;bottom:0;margin:auto;background:url("--frm-plugin-url/images/style/small-arrow.svg") no-repeat;background-position:center;z-index:10}.frm-colorpicker-component .wp-picker-container button[type=button]:focus{border-color:var(--primary-500) !important}.frm-colorpicker-component .wp-color-result-text{line-height:36px !important;padding:0 12px;border:0}.frm-colorpicker-component .color-alpha{width:20px !important;height:20px !important;border-radius:50% !important;border:1px solid #d0d5dd;top:0;left:0;bottom:0;margin:auto;margin-left:12px}.frm-colorpicker-component .wp-picker-input-wrap input{width:calc(100% - 10px) !important;margin:1px 5px;height:32px;line-height:32px}\n',e.attachInternals(),e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&O(e,t)}(t,e),r=t,(n=[{key:"initView",value:function(){var e=document.createElement("div");return e.classList.add("frm-colorpicker-component","frm-colorpicker"),e.append(this.getInput()),e}},{key:"getInput",value:function(){var e=this;return this.input.type="text",this.input.classList.add("hex"),null!==this.fieldName&&(this.input.name=this.fieldName),null!==V(z,this)&&(this.input.value=V(z,this)),null!==this.componentId&&(this.input.id=this.componentId),this.input.addEventListener("blur",function(t){return V(C,e).call(e,t,null)}),this.input}},{key:"useShadowDom",value:function(){return!1}},{key:"afterViewInit",value:function(){var e=this,t={defaultColor:V(z,this)};"function"==typeof V(C,this)&&(t.change=function(t,r){return setTimeout(function(){return V(C,e).call(e,t,r)},20)}),jQuery(this.input).wpColorPicker(t)}},{key:"color",get:function(){return jQuery(this.input).wpColorPicker("color")},set:function(e){_(z,this,e),this.input.value=e}},{key:"onChange",set:function(e){if("function"!=typeof e)throw new TypeError("Expected a function, but received ".concat(w(e)));_(C,this,e)}}])&&k(r.prototype,n),Object.defineProperty(r,"prototype",{writable:!1}),r;var r,n}(d);T=F,A=!0,(L=I(L="formAssociated"))in T?Object.defineProperty(T,L,{value:A,enumerable:!0,configurable:!0,writable:!0}):T[L]=A;var M=window.frmColorpickerProComponent?window.frmColorpickerProComponent(F):F,R=window.frmGlobal;function D(e){return D="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},D(e)}function U(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,B(n.key),n)}}function B(e){var t=function(e){if("object"!=D(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=D(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==D(t)?t:t+""}R.url,R.nonce;var W=function(){return function(e,t){return t&&U(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}(function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.component=t;try{var r=JSON.parse(this.component.dataset.willChange);this.data={propagateInputs:this.initPropagationList(r),changeEvent:new Event("change",{bubbles:!0})}}catch(e){console.error('Error parsing JSON data from "will-change" attribute.',e)}},[{key:"initPropagationList",value:function(e){var t=[];return e.forEach(function(e){var r=document.querySelector('input[name="'.concat(e,'"]'));r&&t.push(r)}),t}},{key:"updateAllDependentElements",value:function(e){this.data.propagateInputs.forEach(function(t){t.value=e}),this.data.propagateInputs[0].dispatchEvent(this.data.changeEvent)}}])}();function N(e){return N="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},N(e)}function q(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,H(n.key),n)}}function H(e){var t=function(e){if("object"!=N(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=N(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==N(t)?t:t+""}var G,$,X,J,Z=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.loadedByWebComponent=t.length>0,this.sliderElements=t.length>0?t:document.querySelectorAll(".frm-slider-component"),this.settings=r,0!==this.sliderElements.length&&(this.eventsChange=[],this.initOptions(),this.init())}return function(e,t,r){return t&&q(e.prototype,t),r&&q(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}(e,[{key:"initOptions",value:function(){var e=this;this.options=[],this.sliderElements.forEach(function(t,r){var n=t.classList.contains("frm-has-multiple-values")?t.closest(".frm-style-component"):t,i=e.settings.steps||(t.dataset.steps?JSON.parse(t.dataset.steps):null);e.options.push({maxValue:parseInt(t.dataset.maxValue,10),element:t,index:r,steps:i,dependentUpdater:n.classList.contains("frm-style-dependent-updater-component")?new W(n):null})})}},{key:"init",value:function(){this.initListeners(),this.initFill()}},{key:"initListeners",value:function(){var t=this;this.sliderElements.forEach(function(r,n){t.eventsChange[n]=new Event("change",{bubbles:!0,cancelable:!0});var i=r.querySelector(".frm-slider"),o=r.querySelector('.frm-slider-value input[type="text"]');i.addEventListener("input",function(){o.value=i.value,t.updateFill(i,n),t.syncGroupSliders(r,i.value,n)}),i.addEventListener("change",function(){var e=r.querySelector("select").value;t.options[n].fullValue=t.updateValue(r,i.value+e),t.triggerValueChange(n)}),o.addEventListener("change",function(e){var a=r.querySelector("select").value;t.getMaxValue(a,n)<parseInt(e.target.value,10)||(i.value=o.value,t.updateFill(i,n),t.options[n].fullValue=t.updateValue(r,o.value+a),t.triggerValueChange(n))}),t.expandSliderGroup(r),t.updateOnUnitChange(r,i,o,n),e.maybeDisableUnitDropdown(r)})}},{key:"initFill",value:function(){var e=this;this.sliderElements.forEach(function(t,r){var n=t.querySelector(".frm-slider");if(n){var i=t.querySelector("select").value;e.options[r].fullValue=n.value+i,e.updateFill(n,r)}})}},{key:"updateFill",value:function(e,t){var r=e.closest(".frm-slider-component").querySelector("select").value,n=this.getMaxValue(r,t),i=n>0?Math.min(parseInt(e.value,10)/n*100,100):0;e.style.setProperty("--frm-fill","".concat(i,"%"))}},{key:"syncGroupSliders",value:function(e,t,r){var n=this;(e.classList.contains("frm-has-multiple-values")||e.classList.contains("frm-has-independent-fields"))&&(e.classList.contains("frm-has-independent-fields")?e.querySelectorAll(".frm-independent-slider-field"):this.getSliderGroupItems(e)).forEach(function(e,i){var o=e.querySelector(".frm-slider"),a=e.querySelector('.frm-slider-value input[type="text"]');o&&(o.value=t,n.updateFill(o,r+i+1)),a&&(a.value=parseInt(t,10))})}},{key:"expandSliderGroup",value:function(e){var t=e.querySelector(".frmsvg");if(void 0!==e.dataset.displaySliders&&null!==t){var r=this.getSliderGroupItems(e);t.addEventListener("click",function(){r.forEach(function(e){e.classList.toggle("frm_hidden")})})}}},{key:"updateOnUnitChange",value:function(e,t,r,n){var i=this;e.querySelector("select").addEventListener("change",function(o){var a=o.target.value.toLowerCase();if(""!==a){if("auto"===a)return e.classList.add("frm-disabled"),i.updateValue(e,"auto"),void i.triggerValueChange(n);e.classList.remove("frm-disabled","frm-empty"),t.max=i.getMaxValue(a,n),i.options[n].fullValue=r.value+a,i.updateValue(e,i.options[n].fullValue),i.updateFill(t,n),i.triggerValueChange(n)}else e.classList.add("frm-disabled","frm-empty")})}},{key:"getSliderGroupItems",value:function(e){if(void 0===e.dataset.displaySliders)return[];var t=e.dataset.displaySliders.split(",").map(function(e){return'.frm-slider-component[data-type="'.concat(e,'"]')}).join(", ");return e.closest(".frm-style-component").querySelectorAll(t)}},{key:"getMaxValue",value:function(e,t){return"%"===e?100:this.options[t].maxValue}},{key:"triggerValueChange",value:function(e){var t=this;if(null===this.options[e].dependentUpdater){var r=this.sliderElements[e].classList.contains("frm-has-multiple-values")?this.sliderElements[e].closest(".frm-style-component").querySelector('input[type="hidden"]'):this.sliderElements[e].querySelectorAll('.frm-slider-value input[type="hidden"]');r instanceof NodeList?r.forEach(function(r){r.dispatchEvent(t.eventsChange[e])}):r.dispatchEvent(this.eventsChange[e])}else this.options[e].dependentUpdater.updateAllDependentElements(this.options[e].fullValue)}},{key:"updateValue",value:function(e,t){var r=this;if(e.classList.contains("frm-base-font-size")){var n=document.querySelector('input[name="frm_style_setting[post_content][use_base_font_size]"]');n&&(n.value="true")}if(e.classList.contains("frm-has-multiple-values")){var i=e.closest(".frm-style-component").querySelector('input[type="hidden"]'),o=i.value.split(" "),a=e.dataset.type;switch(o[2]||(o[2]="0px"),o[3]||(o[3]="0px"),a){case"vertical":o[0]=t,o[2]=t;break;case"horizontal":o[1]=t,o[3]=t;break;case"top":o[0]=t;break;case"bottom":o[2]=t;break;case"left":o[3]=t;break;case"right":o[1]=t}var s=o.join(" ");return i.value=s,this.getSliderGroupItems(e).forEach(function(e){var n=r.getUnitMeasureFromValue(t);e.querySelector('.frm-slider-value input[type="text"]').value=parseInt(t,10),e.querySelector("select").value=n}),s}if(e.classList.contains("frm-has-independent-fields")){var u=e.querySelectorAll('.frm-slider-value input[type="hidden"]'),l=e.querySelectorAll('.frm-slider-value input[type="text"]');return u.forEach(function(e,r){e.value=t,l[r+1].value=parseInt(t,10)}),t}return e.querySelector('.frm-slider-value input[type="hidden"]').value=t,t}},{key:"getUnitMeasureFromValue",value:function(e){return["%","px","em"].find(function(t){return e.includes(t)})||""}}],[{key:"maybeDisableUnitDropdown",value:function(e){var t=e.querySelector("select");t&&1>=Array.from(t.options).filter(function(e){return""!==e.value}).length&&(t.classList.add("frm-single-unit"),t.addEventListener("mousedown",function(e){return e.preventDefault()}))}}])}(),K=r(8616),Q=r.n(K);function Y(e){return Y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Y(e)}function ee(e,t,r){return(t=function(e){var t=function(e){if("object"!=Y(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=Y(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==Y(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}r(7604),Q()(console.error),G={"(":9,"!":8,"*":7,"/":7,"%":7,"+":6,"-":6,"<":5,"<=":5,">":5,">=":5,"==":4,"!=":4,"&&":3,"||":2,"?":1,"?:":1},$=["(","?"],X={")":["("],":":["?","?:"]},J=/<=|>=|==|!=|&&|\|\||\?:|\(|!|\*|\/|%|\+|-|<|>|\?|\)|:/;var te={"!":function(e){return!e},"*":function(e,t){return e*t},"/":function(e,t){return e/t},"%":function(e,t){return e%t},"+":function(e,t){return e+t},"-":function(e,t){return e-t},"<":function(e,t){return e<t},"<=":function(e,t){return e<=t},">":function(e,t){return e>t},">=":function(e,t){return e>=t},"==":function(e,t){return e===t},"!=":function(e,t){return e!==t},"&&":function(e,t){return e&&t},"||":function(e,t){return e||t},"?:":function(e,t,r){if(e)throw t;return r}};var re={contextDelimiter:"",onMissingKey:null};function ne(e,t){var r;for(r in this.data=e,this.pluralForms={},this.options={},re)this.options[r]=void 0!==t&&r in t?t[r]:re[r]}function ie(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function oe(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ie(Object(r),!0).forEach(function(t){ee(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ie(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}ne.prototype.getPluralForm=function(e,t){var r,n,i,o,a=this.pluralForms[e];return a||("function"!=typeof(i=(r=this.data[e][""])["Plural-Forms"]||r["plural-forms"]||r.plural_forms)&&(n=function(e){var t,r,n;for(t=e.split(";"),r=0;r<t.length;r++)if(0===(n=t[r].trim()).indexOf("plural="))return n.substr(7)}(r["Plural-Forms"]||r["plural-forms"]||r.plural_forms),o=function(e){var t=function(e){for(var t,r,n,i,o=[],a=[];t=e.match(J);){for(r=t[0],(n=e.substr(0,t.index).trim())&&o.push(n);i=a.pop();){if(X[r]){if(X[r][0]===i){r=X[r][1]||r;break}}else if($.indexOf(i)>=0||G[i]<G[r]){a.push(i);break}o.push(i)}X[r]||a.push(r),e=e.substr(t.index+r.length)}return(e=e.trim())&&o.push(e),o.concat(a.reverse())}(e);return function(e){return function(e,t){var r,n,i,o,a,s,u=[];for(r=0;r<e.length;r++){if(a=e[r],o=te[a]){for(n=o.length,i=Array(n);n--;)i[n]=u.pop();try{s=o.apply(null,i)}catch(e){return e}}else s=t.hasOwnProperty(a)?t[a]:+a;u.push(s)}return u[0]}(t,e)}}(n),i=function(e){return+o({n:e})}),a=this.pluralForms[e]=i),a(t)},ne.prototype.dcnpgettext=function(e,t,r,n,i){var o,a,s;return o=void 0===i?0:this.getPluralForm(e,i),a=r,t&&(a=t+this.options.contextDelimiter+r),(s=this.data[e][a])&&s[o]?s[o]:(this.options.onMissingKey&&this.options.onMissingKey(r,e),0===o?r:n)};var ae={"":{plural_forms:function(e){return 1===e?0:1}}},se=/^i18n\.(n?gettext|has_translation)(_|$)/;const ue=function(e){return"string"!=typeof e||""===e?(console.error("The namespace must be a non-empty string."),!1):!!/^[a-zA-Z][a-zA-Z0-9_.\-\/]*$/.test(e)||(console.error("The namespace can only contain numbers, letters, dashes, periods, underscores and slashes."),!1)},le=function(e){return"string"!=typeof e||""===e?(console.error("The hook name must be a non-empty string."),!1):/^__/.test(e)?(console.error("The hook name cannot begin with `__`."),!1):!!/^[a-zA-Z][a-zA-Z0-9_.-]*$/.test(e)||(console.error("The hook name can only contain numbers, letters, dashes, periods and underscores."),!1)},pe=function(e,t){return function(r,n,i){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:10,a=e[t];if(le(r)&&ue(n))if("function"==typeof i)if("number"==typeof o){var s={callback:i,priority:o,namespace:n};if(a[r]){var u,l=a[r].handlers;for(u=l.length;u>0&&!(o>=l[u-1].priority);u--);u===l.length?l[u]=s:l.splice(u,0,s),a.__current.forEach(function(e){e.name===r&&e.currentIndex>=u&&e.currentIndex++})}else a[r]={handlers:[s],runs:0};"hookAdded"!==r&&e.doAction("hookAdded",r,n,i,o)}else console.error("If specified, the hook priority must be a number.");else console.error("The hook callback must be a function.")}},ce=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return function(n,i){var o=e[t];if(le(n)&&(r||ue(i))){if(!o[n])return 0;var a=0;if(r)a=o[n].handlers.length,o[n]={runs:o[n].runs,handlers:[]};else for(var s=o[n].handlers,u=function(e){s[e].namespace===i&&(s.splice(e,1),a++,o.__current.forEach(function(t){t.name===n&&t.currentIndex>=e&&t.currentIndex--}))},l=s.length-1;l>=0;l--)u(l);return"hookRemoved"!==n&&e.doAction("hookRemoved",n,i),a}}},fe=function(e,t){return function(r,n){var i=e[t];return void 0!==n?r in i&&i[r].handlers.some(function(e){return e.namespace===n}):r in i}},de=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return function(n){var i=e[t];i[n]||(i[n]={handlers:[],runs:0}),i[n].runs++;for(var o=i[n].handlers,a=arguments.length,s=new Array(a>1?a-1:0),u=1;u<a;u++)s[u-1]=arguments[u];if(!o||!o.length)return r?s[0]:void 0;var l={name:n,currentIndex:0};for(i.__current.push(l);l.currentIndex<o.length;){var p=o[l.currentIndex].callback.apply(null,s);r&&(s[0]=p),l.currentIndex++}return i.__current.pop(),r?s[0]:void 0}},me=function(e,t){return function(){var r,n,i=e[t];return null!==(r=null===(n=i.__current[i.__current.length-1])||void 0===n?void 0:n.name)&&void 0!==r?r:null}},be=function(e,t){return function(r){var n=e[t];return void 0===r?void 0!==n.__current[0]:!!n.__current[0]&&r===n.__current[0].name}},he=function(e,t){return function(r){var n=e[t];if(le(r))return n[r]&&n[r].runs?n[r].runs:0}};var ye=new function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.actions=Object.create(null),this.actions.__current=[],this.filters=Object.create(null),this.filters.__current=[],this.addAction=pe(this,"actions"),this.addFilter=pe(this,"filters"),this.removeAction=ce(this,"actions"),this.removeFilter=ce(this,"filters"),this.hasAction=fe(this,"actions"),this.hasFilter=fe(this,"filters"),this.removeAllActions=ce(this,"actions",!0),this.removeAllFilters=ce(this,"filters",!0),this.doAction=de(this,"actions"),this.applyFilters=de(this,"filters",!0),this.currentAction=me(this,"actions"),this.currentFilter=me(this,"filters"),this.doingAction=be(this,"actions"),this.doingFilter=be(this,"filters"),this.didAction=he(this,"actions"),this.didFilter=he(this,"filters")},ge=(ye.addAction,ye.addFilter,ye.removeAction,ye.removeFilter,ye.hasAction,ye.hasFilter,ye.removeAllActions,ye.removeAllFilters,ye.doAction,ye.applyFilters,ye.currentAction,ye.currentFilter,ye.doingAction,ye.doingFilter,ye.didAction,ye.didFilter,ye.actions,ye.filters,function(e,t,r){var n=new ne({}),i=new Set,o=function(){i.forEach(function(e){return e()})},a=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"default";n.data[t]=oe(oe(oe({},ae),n.data[t]),e),n.data[t][""]=oe(oe({},ae[""]),n.data[t][""])},s=function(e,t){a(e,t),o()},u=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default",t=arguments.length>1?arguments[1]:void 0,r=arguments.length>2?arguments[2]:void 0,i=arguments.length>3?arguments[3]:void 0,o=arguments.length>4?arguments[4]:void 0;return n.data[e]||a(void 0,e),n.dcnpgettext(e,t,r,i,o)},l=function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default"},p=function(e,t,n){var i=u(n,t,e);return r?(i=r.applyFilters("i18n.gettext_with_context",i,e,t,n),r.applyFilters("i18n.gettext_with_context_"+l(n),i,e,t,n)):i};if(r){var c=function(e){se.test(e)&&o()};r.addAction("hookAdded","core/i18n",c),r.addAction("hookRemoved","core/i18n",c)}return{getLocaleData:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default";return n.data[e]},setLocaleData:s,resetLocaleData:function(e,t){n.data={},n.pluralForms={},s(e,t)},subscribe:function(e){return i.add(e),function(){return i.delete(e)}},__:function(e,t){var n=u(t,void 0,e);return r?(n=r.applyFilters("i18n.gettext",n,e,t),r.applyFilters("i18n.gettext_"+l(t),n,e,t)):n},_x:p,_n:function(e,t,n,i){var o=u(i,void 0,e,t,n);return r?(o=r.applyFilters("i18n.ngettext",o,e,t,n,i),r.applyFilters("i18n.ngettext_"+l(i),o,e,t,n,i)):o},_nx:function(e,t,n,i,o){var a=u(o,i,e,t,n);return r?(a=r.applyFilters("i18n.ngettext_with_context",a,e,t,n,i,o),r.applyFilters("i18n.ngettext_with_context_"+l(o),a,e,t,n,i,o)):a},isRTL:function(){return"rtl"===p("ltr","text direction")},hasTranslation:function(e,t,i){var o,a,s=t?t+""+e:e,u=!(null===(o=n.data)||void 0===o||null===(a=o[null!=i?i:"default"])||void 0===a||!a[s]);return r&&(u=r.applyFilters("i18n.has_translation",u,e,t,i),u=r.applyFilters("i18n.has_translation_"+l(i),u,e,t,i)),u}}}(0,0,ye));ge.getLocaleData.bind(ge),ge.setLocaleData.bind(ge),ge.resetLocaleData.bind(ge),ge.subscribe.bind(ge);var ve=ge.__.bind(ge);function xe(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function we(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?xe(Object(r),!0).forEach(function(t){ke(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):xe(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function ke(e,t,r){return(t=Oe(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Se(e){return Se="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Se(e)}function Ee(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,Oe(n.key),n)}}function Oe(e){var t=function(e){if("object"!=Se(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=Se(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==Se(t)?t:t+""}function Ie(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(Ie=function(){return!!e})()}function je(){return je="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var n=function(e,t){for(;!{}.hasOwnProperty.call(e,t)&&null!==(e=_e(e)););return e}(e,t);if(n){var i=Object.getOwnPropertyDescriptor(n,t);return i.get?i.get.call(arguments.length<3?e:r):i.value}},je.apply(null,arguments)}function _e(e){return _e=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},_e(e)}function Ve(e,t){return Ve=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},Ve(e,t)}function Pe(e,t,r){(function(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")})(e,t),t.set(e,r)}function Te(e,t){return e.get(Ae(e,t))}function Le(e,t,r){return e.set(Ae(e,t),r),r}function Ae(e,t,r){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:r;throw new TypeError("Private element is not present on this object")}ge._x.bind(ge),ge._n.bind(ge),ge._nx.bind(ge),ge.isRTL.bind(ge),ge.hasTranslation.bind(ge);var Ce=new WeakMap,ze=new WeakMap,Fe=new WeakMap,Me=new WeakMap,Re=new WeakMap,De=new WeakMap,Ue=new WeakMap,Be=function(e){function t(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),Pe(e=function(e,t,r){return t=_e(t),function(e,t){if(t&&("object"==Se(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,Ie()?Reflect.construct(t,r||[],_e(e).constructor):t.apply(e,r))}(this,t),Ce,function(){}),Pe(e,ze,"0px"),Pe(e,Fe,{vertical:{value:0,unit:"px"},top:{value:0,unit:"px"},bottom:{value:0,unit:"px"},horizontal:{value:0,unit:"px"},left:{value:0,unit:"px"},right:{value:0,unit:"px"}}),Pe(e,Me,!1),Pe(e,Re,["px","em","%"]),Pe(e,De,100),Pe(e,Ue,null),e.componentStyle='.frm-style-component .frm-slider-container{width:calc(100% - 91px);display:flex;align-items:center;color:#1d2939}.frm-style-component .frm-slider-container svg.frmsvg{color:currentColor;margin-right:8px;margin-left:-5px;position:relative;z-index:15}.frm-style-component .frm-group-sliders .frm-slider-container svg.frmsvg:hover{color:#4199fd;cursor:pointer}.frm-style-component .frm-slider-value{width:86px;height:36px;display:flex;justify-content:center;box-sizing:border-box;background:#fff;border-radius:var(--small-radius);border:1px solid var(--grey-300)}.frm-style-component .frm-slider-value>*{border:none}.frm-style-component .frm-slider-value input{width:40px;height:100%;min-height:0;padding:0;font-size:var(--text-sm);color:#101828;padding-left:12px;box-sizing:border-box}.frm-style-component .frm-slider-value select{text-align:right;min-height:0;padding:0;font-size:var(--text-sm);color:#667085;width:44px;background:url("../../images/style/small-arrow.svg") no-repeat;background-position:center right 12px;padding-right:24px !important}.frm-style-component .frm-slider-value select.frm-single-unit{pointer-events:none;background-image:none;padding-right:12px !important}.frm-style-component input[type=range].frm-slider{--frm-fill: 0%;appearance:none;-webkit-appearance:none;display:block;width:calc(100% - 5px);height:4px;border-radius:200px;cursor:pointer;outline:none;background:linear-gradient(to right, rgb(65, 153, 253) var(--frm-fill), rgb(234, 236, 240) var(--frm-fill))}.frm-style-component input[type=range].frm-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#4199fd;cursor:grab;box-shadow:0 1.88px 4px -1px rgba(16,24,40,.03),0 6px 8px -2px rgba(16,24,40,.08)}.frm-style-component input[type=range].frm-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#4199fd;cursor:grab;border:none;box-shadow:0 1.88px 4px -1px rgba(16,24,40,.03),0 6px 8px -2px rgba(16,24,40,.08)}.frm-style-component input[type=range].frm-slider::-moz-range-progress{background:#4199fd;height:4px;border-radius:200px}.frm-style-component input[type=range].frm-slider:focus-visible::-webkit-slider-thumb{outline:2px solid #4199fd;outline-offset:2px}.frm-style-component input[type=range].frm-slider:focus-visible::-moz-range-thumb{outline:2px solid #4199fd;outline-offset:2px}.frm-slider-component .frm-independent-slider-field{margin-top:10px}.frm-slider-component.frm-disabled .frm-slider-container{pointer-events:none;opacity:.5}.frm-slider-component.frm-disabled .frm-slider-value input[type=text]{width:28px}.frm-slider-component.frm-disabled .frm-slider-value select{width:56px}.frm-slider-component.frm-disabled.frm-empty .frm-slider-value input[type=text]{width:56px}.frm-slider-component.frm-disabled.frm-empty .frm-slider-value select{width:28px}.frm-style-component .frm-slider-component.frm-has-multiple-values{margin-bottom:10px}:root,.frm-white-body,.frm_wrap{--grey-900: #101828;--grey-800: #1d2939;--grey-700: #344054;--grey-600: #475467;--grey-500: #667085;--grey-400: #98a2b3;--grey-300: #d0d5dd;--grey-200: #eaecf0;--grey-100: #f2f4f7;--grey-50: #f9fafb;--grey-25: #fcfcfd;--dark-grey: var(--grey-700);--medium-grey: rgba(40, 47, 54, 0.65);--grey: var(--grey-500);--grey-border: var(--grey-300);--lightest-grey: rgb(250, 250, 250);--sidebar-color: var(--grey-50);--sidebar-hover: var(--grey-200);--primary-700: #2b66a9;--primary-500: #4199fd;--primary-300: #80bbfe;--primary-200: #c0ddfe;--primary-50: #ecf5ff;--primary-25: #f5faff;--primary-color: var(--primary-500);--primary-hover: var(--primary-700);--light-blue: var(--primary-25);--blue-border: rgb(188, 224, 253);--error-700: #b42318;--error-500: #f04438;--error-300: #fecdca;--error-100: #fee4e2;--error-25: #fff5f4;--green: rgb(63, 172, 37);--orange: #f15a24;--warning-500: #f79009;--pink: rgb(226, 42, 110);--purple: rgb(141, 53, 245);--success-900: #054f31;--success-800: #065f46;--success-500: #12b76a;--success-100: #d1fae5;--success-200: #a6f4c5;--success-50: #ecfdf3;--success-25: #f6fef9;--border-radius: 35px;--small-radius: 8px;--medium-radius: 16px;--small-sidebar: 275px;--medium-sidebar: 350px;--big-sidebar: 390px;--biggest-sidebar: 450px;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--h-xs: 24px;--h-sm: 30px;--h-md: 36px;--leading: 1.5;--gap-2xs: 4px;--gap-xs: 8px;--gap-sm: 16px;--gap-md: 24px;--gap-lg: 32px;--gap-xl: 40px;--gap-2xl: 48px;--box-shadow-xs: 0 0.47074466943740845px 0.9414893388748169px 0 rgba(16, 24, 40, 0.05);--box-shadow-sm: 0 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0 0.470745px 0.941489px rgba(16, 24, 40, 0.06);--box-shadow-md: 0 1.88298px 3.76596px -0.941489px rgba(16, 24, 40, 0.1), 0 0.941489px 1.88298px -0.941489px rgba(16, 24, 40, 0.06);--box-shadow-lg: 0 6px 8px -2px rgba(16, 24, 40, 0.08), 0 1.88298px 4px -1px rgba(16, 24, 40, 0.03), 0 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0 0.470745px 0.941489px rgba(16, 24, 40, 0.06);--box-shadow-xl: 0 9.41489px 11.2979px -1.88298px rgba(16, 24, 40, 0.08), 0 3.76596px 3.76596px -1.88298px rgba(16, 24, 40, 0.03);--box-shadow-xxl: 0 11px 22px -5px rgba(16, 24, 40, 0.18);--button-shadow: 0 0.47px 0.94px 0 rgba(16, 24, 40, 0.06), 0 0.47px 1.47px 0 rgba(16, 24, 40, 0.1);--check-label-color: var(--grey-700)}.frm_hidden{display:none}.frm-component:not(.frm-tabs-wrapper){display:flex;justify-content:space-between;align-items:center}.frm-component:not(.frm-tabs-wrapper)>span.frm-component-label{font-weight:500;font-size:var(--text-sm) !important;color:var(--grey-900) !important;width:40% !important;display:block !important;margin-right:12px !important}.frm-component .frmsvg{width:18px;height:18px}.frm-component .frm-sliders-container{width:100%}.frm-component .frm-group-sliders .frm-slider-component{margin-top:5px}\n',e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&Ve(e,t)}(t,e),function(e,t,r){return t&&Ee(e.prototype,t),r&&Ee(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}(t,[{key:"initOptions",value:function(){var e;(function(e,t,r){var n=je(_e(e.prototype),"initOptions",r);return"function"==typeof n?function(e){return n.apply(r,e)}:n})(t,0,this)([]),null===this.componentId&&(this.componentId="frm-range-slider-web-component-".concat(We._=(e=We._,++e)))}},{key:"onChange",set:function(e){if("function"!=typeof e)throw new TypeError("Expected a function, but received ".concat(Se(e)));Le(Ce,this,e)}},{key:"hasMultipleValues",set:function(e){Le(Me,this,e)}},{key:"sliderDefaultMultipleValues",set:function(e){Le(Fe,this,e)}},{key:"sliderDefaultValue",set:function(e){Le(ze,this,String(e))}},{key:"sliderAvailableUnits",set:function(e){Le(Re,this,e)}},{key:"sliderMaxValue",set:function(e){Le(De,this,e.toString())}},{key:"steps",set:function(e){Le(Ue,this,e)}},{key:"useShadowDom",value:function(){return!1}},{key:"initView",value:function(){this.wrapper=document.createElement("div"),this.slidersContainer=document.createElement("div"),this.slidersContainer.classList.add("frm-sliders-container"),this.wrapper.classList.add("frm-style-component");var e={maxValue:parseInt(this.getAttribute("data-max-value")||Te(De,this),10),units:this.getAvailableUnits(),componentClass:this.getAttribute("data-component-class")||"",componentId:this.componentId,fieldName:this.fieldName?'name="'.concat(this.fieldName,'"'):"",fieldValue:this.defaultValue||Te(ze,this)};return this.hasMultipleSliderValues()?(this.createMultipleValuesSlider(this.slidersContainer,we(we({},e),{},{defaultValues:this.parseDefaultMultipleValues()})),this.wrapper.append(this.slidersContainer),this.wrapper):(this.slidersContainer.append(this.createSlider({maxValue:e.maxValue,units:e.units,value:t.parseValueUnit(e.fieldValue),addHiddenInputValue:!0})),this.wrapper.append(this.slidersContainer),this.wrapper)}},{key:"getAvailableUnits",value:function(){var e=this.getAttribute("data-units");return e?e.split(",").map(function(e){return e.trim()}):Te(Re,this)}},{key:"parseDefaultMultipleValues",value:function(){var e=(this.getAttribute("data-values")||Te(Fe,this)).split(" "),r=function(t,r){return e[t]||e[r]||"0px"};return{vertical:t.parseValueUnit(r(0)),top:t.parseValueUnit(r(0)),bottom:t.parseValueUnit(r(2,0)),horizontal:t.parseValueUnit(r(1,0)),left:t.parseValueUnit(r(3,1)),right:t.parseValueUnit(r(1,0))}}},{key:"hasMultipleSliderValues",value:function(){return"true"===this.getAttribute("data-has-multiple-values")||Te(Me,this)}},{key:"createMultipleValuesSlider",value:function(e,t){var r=this,n=t.maxValue,i=t.units,o=t.componentClass,a=t.fieldValue,s=t.defaultValues,u=[{type:"vertical",displaySliders:"top,bottom",iconSvgId:"frm-margin-top-bottom",ariaLabel:"Vertical value",defaultValues:s.vertical},{type:"horizontal",displaySliders:"left,right",iconSvgId:"frm-margin-left-right",ariaLabel:"Horizontal value",defaultValues:s.horizontal}];o&&(e.className=o),u.forEach(function(t){e.append(r.createSliderGroup({type:t.type,displaySliders:t.displaySliders,maxValue:n,units:i,value:t.defaultValues,iconSvgId:t.iconSvgId,ariaLabel:t.ariaLabel,defaultValues:s,addHiddenInputValue:!1}))}),a&&e.append(this.createSliderHiddenInputValue(a))}},{key:"createSliderHiddenInputValue",value:function(e){var t=this;if(!e)return null;var r=document.createElement("input");return Object.assign(r,{type:"hidden",value:e}),this.fieldName&&r.setAttribute("name",this.fieldName),this.componentId&&(r.id=this.componentId),Te(Ce,this)&&r.addEventListener("change",function(){Te(Ce,t).call(t,r.value)}),r}},{key:"createSliderGroup",value:function(e){var t=this,r=this.createSlider(e);return r.classList.add("frm-group-sliders","frm-has-multiple-values"),r.setAttribute("data-display-sliders",e.displaySliders),e.displaySliders.split(",").forEach(function(n){r.append(t.createSlider({type:n,maxValue:e.maxValue,units:e.units,value:e.defaultValues[n],iconSvgId:"frm-margin-".concat(n),ariaLabel:"".concat(n," value"),hidden:!0,addHiddenInputValue:!1}))}),r}},{key:"createSlider",value:function(e){var r=e.type,n=e.maxValue,i=e.units,o=e.value,a=e.iconSvgId,s=e.ariaLabel,u=e.hidden,l=e.addHiddenInputValue,p=document.createElement("div");p.classList.add("frm-slider-component"),p.setAttribute("data-max-value",n.toString()),u&&p.classList.add("frm_hidden"),r&&p.setAttribute("data-type",r);var c=document.createElement("div");c.classList.add("frm-flex-justify");var f=document.createElement("div");f.classList.add("frm-slider-container"),a&&f.append(t.createSvgIcon(a)),f.append(t.createSliderTrack(o,n)),c.append(f);var d="".concat(this.componentId).concat(r?"-".concat(r):""),m=t.createSliderValueAndUnitSelection(o,s,i,d);return l&&m.append(this.createSliderHiddenInputValue(e)),c.append(m),p.append(c),p}},{key:"afterViewInit",value:function(){var e=this.hasMultipleSliderValues()?this.parseDefaultMultipleValues():t.parseValueUnit(this.defaultValue),r=Object.assign({defaultValues:e},{steps:Te(Ue,this)});new Z(this.wrapper.querySelectorAll(".frm-slider-component"),r)}}],[{key:"parseValueUnit",value:function(e){var t={value:0,unit:"px"};if(!e)return t;var r=e.match(/^(\d+)(px|em|%|\s)?$/);return r?{value:parseInt(r[1],10),unit:r[2]||"px"}:t}},{key:"createSliderTrack",value:function(e,t){var r=document.createElement("input");return r.type="range",r.classList.add("frm-slider"),r.min="0",r.max=t.toString(),r.value=e.value.toString(),r}},{key:"createSliderValueAndUnitSelection",value:function(e,r,n,i){var o=document.createElement("div");o.classList.add("frm-slider-value");var a=document.createElement("input");a.type="text",a.value=e.value.toString(),r&&a.setAttribute("aria-label",r);var s=document.createElement("select");return s.setAttribute("aria-label",ve("Value unit","formidable")),i&&(a.id="".concat(i,"-value"),s.id="".concat(i,"-unit")),n.forEach(function(r){return s.append(t.createDropdownOption(r,r,e.unit===r))}),o.append(a,s),o}},{key:"createDropdownOption",value:function(e,t){var r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=document.createElement("option");return n.value=e,n.textContent=t,n.selected=r,n}},{key:"createSvgIcon",value:function(e){var t=document.createElementNS("http://www.w3.org/2000/svg","svg");t.classList.add("frmsvg");var r=document.createElementNS("http://www.w3.org/2000/svg","use");return r.setAttribute("href","#".concat(e)),t.append(r),t}}])}(d),We={_:0};function Ne(e){return Ne="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Ne(e)}function qe(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,Xe(n.key),n)}}function He(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(He=function(){return!!e})()}function Ge(e){return Ge=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},Ge(e)}function $e(e,t){return $e=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},$e(e,t)}function Xe(e){var t=function(e){if("object"!=Ne(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=Ne(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==Ne(t)?t:t+""}function Je(e,t,r){(function(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")})(e,t),t.set(e,r)}function Ze(e,t){return e.get(Ke(e,t))}function Ke(e,t,r){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:r;throw new TypeError("Private element is not present on this object")}var Qe=new WeakMap,Ye=new WeakMap,et=function(e){function t(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),Je(e=function(e,t,r){return t=Ge(t),function(e,t){if(t&&("object"==Ne(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,He()?Reflect.construct(t,r||[],Ge(e).constructor):t.apply(e,r))}(this,t),Qe,function(){}),Je(e,Ye,document.createElement("select")),e.componentStyle=":root,.frm-white-body,.frm_wrap{--grey-900: #101828;--grey-800: #1d2939;--grey-700: #344054;--grey-600: #475467;--grey-500: #667085;--grey-400: #98a2b3;--grey-300: #d0d5dd;--grey-200: #eaecf0;--grey-100: #f2f4f7;--grey-50: #f9fafb;--grey-25: #fcfcfd;--dark-grey: var(--grey-700);--medium-grey: rgba(40, 47, 54, 0.65);--grey: var(--grey-500);--grey-border: var(--grey-300);--lightest-grey: rgb(250, 250, 250);--sidebar-color: var(--grey-50);--sidebar-hover: var(--grey-200);--primary-700: #2b66a9;--primary-500: #4199fd;--primary-300: #80bbfe;--primary-200: #c0ddfe;--primary-50: #ecf5ff;--primary-25: #f5faff;--primary-color: var(--primary-500);--primary-hover: var(--primary-700);--light-blue: var(--primary-25);--blue-border: rgb(188, 224, 253);--error-700: #b42318;--error-500: #f04438;--error-300: #fecdca;--error-100: #fee4e2;--error-25: #fff5f4;--green: rgb(63, 172, 37);--orange: #f15a24;--warning-500: #f79009;--pink: rgb(226, 42, 110);--purple: rgb(141, 53, 245);--success-900: #054f31;--success-800: #065f46;--success-500: #12b76a;--success-100: #d1fae5;--success-200: #a6f4c5;--success-50: #ecfdf3;--success-25: #f6fef9;--border-radius: 35px;--small-radius: 8px;--medium-radius: 16px;--small-sidebar: 275px;--medium-sidebar: 350px;--big-sidebar: 390px;--biggest-sidebar: 450px;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--h-xs: 24px;--h-sm: 30px;--h-md: 36px;--leading: 1.5;--gap-2xs: 4px;--gap-xs: 8px;--gap-sm: 16px;--gap-md: 24px;--gap-lg: 32px;--gap-xl: 40px;--gap-2xl: 48px;--box-shadow-xs: 0 0.47074466943740845px 0.9414893388748169px 0 rgba(16, 24, 40, 0.05);--box-shadow-sm: 0 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0 0.470745px 0.941489px rgba(16, 24, 40, 0.06);--box-shadow-md: 0 1.88298px 3.76596px -0.941489px rgba(16, 24, 40, 0.1), 0 0.941489px 1.88298px -0.941489px rgba(16, 24, 40, 0.06);--box-shadow-lg: 0 6px 8px -2px rgba(16, 24, 40, 0.08), 0 1.88298px 4px -1px rgba(16, 24, 40, 0.03), 0 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0 0.470745px 0.941489px rgba(16, 24, 40, 0.06);--box-shadow-xl: 0 9.41489px 11.2979px -1.88298px rgba(16, 24, 40, 0.08), 0 3.76596px 3.76596px -1.88298px rgba(16, 24, 40, 0.03);--box-shadow-xxl: 0 11px 22px -5px rgba(16, 24, 40, 0.18);--button-shadow: 0 0.47px 0.94px 0 rgba(16, 24, 40, 0.06), 0 0.47px 1.47px 0 rgba(16, 24, 40, 0.1);--check-label-color: var(--grey-700)}.frm_hidden{display:none}.frm-component:not(.frm-tabs-wrapper){display:flex;justify-content:space-between;align-items:center}.frm-component:not(.frm-tabs-wrapper)>span.frm-component-label{font-weight:500;font-size:var(--text-sm) !important;color:var(--grey-900) !important;width:40% !important;display:block !important;margin-right:12px !important}.frm-dropdown-component select{width:100%;outline:0;box-shadow:var(--box-shadow-xs);border-radius:var(--small-radius);padding:5px var(--gap-lg) 5px 14px;border-color:var(--grey-300);color:var(--grey-800);font-size:var(--text-md);margin:0;line-height:var(--leading);border-width:1px;border-style:solid;background-position:center 5px;background:rgba(0,0,0,0) url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%2398A2B3' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12.708 8.959 10 11.875 7.292 8.96'/%3E%3C/svg%3E\") no-repeat right 8px top 50%;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none}.frm-dropdown-component select:focus{border-color:var(--primary-500);box-shadow:none}\n",e.attachInternals(),e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&$e(e,t)}(t,e),function(e,t){return t&&qe(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}(t,[{key:"initView",value:function(){return this.wrapper=document.createElement("div"),this.wrapper.classList.add("frm-dropdown-component"),this.wrapper.append(this.getSelect()),this.wrapper}},{key:"getSelect",value:function(){return this.componentId&&(Ze(Ye,this).id=this.componentId),this.fieldName&&(Ze(Ye,this).name=this.fieldName),Ze(Ye,this)}},{key:"useShadowDom",value:function(){return!0}},{key:"initSelectOptions",value:function(){var e=this;this.querySelectorAll("option").forEach(function(t){var r=document.createElement("option");r.value=t.value,r.textContent=t.textContent,t.remove(),Ze(Ye,e).append(r)})}},{key:"afterViewInit",value:function(){var e=this;this.initSelectOptions(),Ze(Ye,this).addEventListener("change",function(){Ze(Qe,e).call(e,Ze(Ye,e).value)})}},{key:"addOptions",set:function(e){var t=this;e.forEach(function(e){var r=document.createElement("option");r.value=e.value,r.textContent=e.label,r.selected=e.selected,Ze(Ye,t).append(r)})}},{key:"disabled",set:function(e){Ze(Ye,this).disabled=e}},{key:"onChange",set:function(e){if("function"!=typeof e)throw new TypeError("Expected a function, but received ".concat(Ne(e)));!function(e,t,r){e.set(Ke(e,t),r)}(Qe,this,e)}},{key:"selectedValue",set:function(e){var t=Array.from(Ze(Ye,this).options).find(function(t){return t.value===e});t&&(t.selected=!0)}}])}(d);function tt(e){return tt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},tt(e)}function rt(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,nt(n.key),n)}}function nt(e){var t=function(e){if("object"!=tt(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=tt(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==tt(t)?t:t+""}function it(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(it=function(){return!!e})()}function ot(){return ot="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var n=function(e,t){for(;!{}.hasOwnProperty.call(e,t)&&null!==(e=at(e)););return e}(e,t);if(n){var i=Object.getOwnPropertyDescriptor(n,t);return i.get?i.get.call(arguments.length<3?e:r):i.value}},ot.apply(null,arguments)}function at(e){return at=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},at(e)}function st(e,t){return st=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},st(e,t)}function ut(e,t,r){(function(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")})(e,t),t.set(e,r)}function lt(e,t){return e.get(ct(e,t))}function pt(e,t,r){return e.set(ct(e,t),r),r}function ct(e,t,r){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:r;throw new TypeError("Private element is not present on this object")}!function(e,t,r){(t=Xe(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r}(et,"formAssociated",!0),window.frmDropdownComponent=function(e,t,r){var n=document.createElement("frm-dropdown-component");return n.id=e,n.addOptions=t,n.onChange=r,n};var ft=new WeakMap,dt=new WeakMap,mt=new WeakMap,bt=new WeakMap,ht=function(e){function t(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),ut(e=function(e,t,r){return t=at(t),function(e,t){if(t&&("object"==tt(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,it()?Reflect.construct(t,r||[],at(e).constructor):t.apply(e,r))}(this,t),ft,function(){}),ut(e,dt,[{value:"21px",label:ve("Default","formidable")}]),ut(e,mt,["px","em","%"]),ut(e,bt,"21px"),e.componentStyle=':root,.frm-white-body,.frm_wrap{--grey-900: #101828;--grey-800: #1d2939;--grey-700: #344054;--grey-600: #475467;--grey-500: #667085;--grey-400: #98a2b3;--grey-300: #d0d5dd;--grey-200: #eaecf0;--grey-100: #f2f4f7;--grey-50: #f9fafb;--grey-25: #fcfcfd;--dark-grey: var(--grey-700);--medium-grey: rgba(40, 47, 54, 0.65);--grey: var(--grey-500);--grey-border: var(--grey-300);--lightest-grey: rgb(250, 250, 250);--sidebar-color: var(--grey-50);--sidebar-hover: var(--grey-200);--primary-700: #2b66a9;--primary-500: #4199fd;--primary-300: #80bbfe;--primary-200: #c0ddfe;--primary-50: #ecf5ff;--primary-25: #f5faff;--primary-color: var(--primary-500);--primary-hover: var(--primary-700);--light-blue: var(--primary-25);--blue-border: rgb(188, 224, 253);--error-700: #b42318;--error-500: #f04438;--error-300: #fecdca;--error-100: #fee4e2;--error-25: #fff5f4;--green: rgb(63, 172, 37);--orange: #f15a24;--warning-500: #f79009;--pink: rgb(226, 42, 110);--purple: rgb(141, 53, 245);--success-900: #054f31;--success-800: #065f46;--success-500: #12b76a;--success-100: #d1fae5;--success-200: #a6f4c5;--success-50: #ecfdf3;--success-25: #f6fef9;--border-radius: 35px;--small-radius: 8px;--medium-radius: 16px;--small-sidebar: 275px;--medium-sidebar: 350px;--big-sidebar: 390px;--biggest-sidebar: 450px;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--h-xs: 24px;--h-sm: 30px;--h-md: 36px;--leading: 1.5;--gap-2xs: 4px;--gap-xs: 8px;--gap-sm: 16px;--gap-md: 24px;--gap-lg: 32px;--gap-xl: 40px;--gap-2xl: 48px;--box-shadow-xs: 0 0.47074466943740845px 0.9414893388748169px 0 rgba(16, 24, 40, 0.05);--box-shadow-sm: 0 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0 0.470745px 0.941489px rgba(16, 24, 40, 0.06);--box-shadow-md: 0 1.88298px 3.76596px -0.941489px rgba(16, 24, 40, 0.1), 0 0.941489px 1.88298px -0.941489px rgba(16, 24, 40, 0.06);--box-shadow-lg: 0 6px 8px -2px rgba(16, 24, 40, 0.08), 0 1.88298px 4px -1px rgba(16, 24, 40, 0.03), 0 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0 0.470745px 0.941489px rgba(16, 24, 40, 0.06);--box-shadow-xl: 0 9.41489px 11.2979px -1.88298px rgba(16, 24, 40, 0.08), 0 3.76596px 3.76596px -1.88298px rgba(16, 24, 40, 0.03);--box-shadow-xxl: 0 11px 22px -5px rgba(16, 24, 40, 0.18);--button-shadow: 0 0.47px 0.94px 0 rgba(16, 24, 40, 0.06), 0 0.47px 1.47px 0 rgba(16, 24, 40, 0.1);--check-label-color: var(--grey-700)}.frm_hidden{display:none}.frm-component:not(.frm-tabs-wrapper){display:flex;justify-content:space-between;align-items:center}.frm-component:not(.frm-tabs-wrapper)>span.frm-component-label{font-weight:500;font-size:var(--text-sm) !important;color:var(--grey-900) !important;width:40% !important;display:block !important;margin-right:12px !important}.frm-typography-component .frm-typography-container{display:flex;justify-content:space-between;width:100%}.frm-typography-component .frm-typography-container select{width:calc(70% - 6px);outline:0;box-shadow:var(--box-shadow-xs);border-radius:var(--small-radius);padding:5px 14px;border-color:var(--grey-300);color:var(--grey-800);font-size:var(--text-md);margin:0;background-color:#fff;line-height:var(--leading);border-width:1px;border-style:solid}.frm-typography-component .frm-typography-container .frm-unit-value{width:28%;height:36px;display:flex;justify-content:center;box-sizing:border-box;background:#fff;border-radius:var(--small-radius);border:1px solid var(--grey-300);overflow:hidden}.frm-typography-component .frm-typography-container .frm-unit-value>*{border:none}.frm-typography-component .frm-typography-container .frm-unit-value input{width:32px;height:100%;padding:0;font-size:var(--text-sm);color:#101828;padding-left:8px;box-sizing:border-box}.frm-typography-component .frm-typography-container .frm-unit-value input:focus{outline:none}.frm-typography-component .frm-typography-container .frm-unit-value select{text-align:left;padding:0;font-size:var(--text-sm);color:#667085;width:36px;background:url("../../images/style/small-arrow.svg") no-repeat;background-position:center right 12px}.frm-typography-component .frm-typography-container .frm-unit-value select:focus{outline:none}\n',pt(dt,e,[{value:"",label:ve("Default","formidable")},{value:"18px",label:ve("Small","formidable")},{value:"21px",label:ve("Regular","formidable")},{value:"26px",label:ve("Large","formidable")},{value:"32px",label:ve("Larger","formidable")},{value:"custom",label:ve("Custom","formidable")}]),e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&st(e,t)}(t,e),function(e,t,r){return t&&rt(e.prototype,t),r&&rt(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}(t,[{key:"initOptions",value:function(){var e;(function(e,t,r){var n=ot(at(e.prototype),"initOptions",r);return"function"==typeof n?function(e){return n.apply(r,e)}:n})(t,0,this)([]),null===this.componentId&&(this.componentId="frm-typography-web-component-".concat(yt._=(e=yt._,++e)))}},{key:"initView",value:function(){return this.wrapper=document.createElement("div"),this.container=document.createElement("div"),this.wrapper.classList.add("frm-typography-component","frm-typography"),this.container.classList.add("frm-typography-container"),this.container.append(this.getSelect(),this.getUnitValueWrapper(),this.getHiddenInput()),this.wrapper.append(this.container),this.wrapper}},{key:"getSelect",value:function(){return this.select=document.createElement("select"),this.select.setAttribute("aria-label",ve("Font size","formidable")),null!==this.componentId&&(this.select.id=this.componentId),null!==this.fieldName&&(this.select.name="".concat(this.fieldName,"[size]")),this.getDefaultOptions(this.select),this.select}},{key:"getDefaultOptions",value:function(e){var r=this;lt(dt,this).forEach(function(n){var i=document.createElement("option");i.value=n.value,i.textContent=n.label,i.selected="custom"===n.value&&t.isCustomFonSize(lt(bt,r))||n.value===lt(bt,r),e.append(i)})}},{key:"changeSelectValue",value:function(e){var r=t.isCustomFonSize(e);Array.from(this.select.options).forEach(function(t){t.selected="custom"===t.value&&r||t.value===e})}},{key:"getUnitValueWrapper",value:function(){return this.unitValueWrapper=document.createElement("div"),this.unitValueWrapper.classList.add("frm-unit-value"),this.unitValueWrapper.append(this.getUnitValueInput()),this.unitValueWrapper.append(this.getUnitTypeSelect()),this.unitValueWrapper}},{key:"getUnitValueInput",value:function(){var e=this;return this.unitValueInput=document.createElement("input"),this.unitValueInput.setAttribute("aria-label",ve("Font size value","formidable")),null!==this.componentId&&(this.unitValueInput.id="".concat(this.componentId,"-unit")),null!==this.fieldName&&(this.unitValueInput.name="".concat(this.fieldName,"[unit]")),this.unitValueInput.type="text",this.unitValueInput.value=""!==lt(bt,this)?"".concat(parseInt(lt(bt,this),10)):"",this.unitValueInput.addEventListener("change",function(t){var r=""!==t.target.value?t.target.value+e.unitTypeSelect.value:"";e.changeSelectValue(r),lt(ft,e).call(e,r)}),this.unitValueInput}},{key:"getUnitTypeSelect",value:function(){var e=this;return this.unitTypeSelect=document.createElement("select"),this.unitTypeSelect.setAttribute("aria-label",ve("Font size unit","formidable")),null!==this.componentId&&(this.unitTypeSelect.id="".concat(this.componentId,"-unit-type")),null!==this.fieldName&&(this.unitTypeSelect.name="".concat(this.fieldName,"[unit-type]")),lt(mt,this).forEach(function(t){var r=document.createElement("option");r.value=t,r.textContent=t,e.unitTypeSelect.append(r)}),this.unitTypeSelect}},{key:"getHiddenInput",value:function(){return this.hiddenInput=document.createElement("input"),this.hiddenInput.type="hidden",null!==this.fieldName&&(this.hiddenInput.name="".concat(this.fieldName,"[value]")),this.hiddenInput.value=lt(bt,this),this.hiddenInput}},{key:"afterViewInit",value:function(){var e=this;this.select.addEventListener("change",function(){var r=t.getUnitValue(e.select.value);e.unitValueInput.value=r.value,e.hiddenInput.value=r.value+r.unit,lt(ft,e).call(e,e.hiddenInput.value),e.unitTypeSelect.value=r.unit})}},{key:"onChange",set:function(e){if("function"!=typeof e)throw new TypeError("Expected a function, but received ".concat(tt(e)));pt(ft,this,e)}},{key:"typographyDefaultValue",set:function(e){pt(bt,this,e)}}],[{key:"isCustomFonSize",value:function(e){return!["","18px","21px","26px","32px"].includes(e)}},{key:"getUnitValue",value:function(e){var t={value:"",unit:""};if(!e)return t;var r=e.match(/^([\d.]+)(px|em|%)?$/);return r?{value:parseInt(e,10),unit:r[2]||"px"}:t}}])}(d),yt={_:0};function gt(e){return gt="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},gt(e)}function vt(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,xt(n.key),n)}}function xt(e){var t=function(e){if("object"!=gt(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=gt(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==gt(t)?t:t+""}function wt(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(wt=function(){return!!e})()}function kt(){return kt="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var n=function(e,t){for(;!{}.hasOwnProperty.call(e,t)&&null!==(e=St(e)););return e}(e,t);if(n){var i=Object.getOwnPropertyDescriptor(n,t);return i.get?i.get.call(arguments.length<3?e:r):i.value}},kt.apply(null,arguments)}function St(e){return St=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},St(e)}function Et(e,t){return Et=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},Et(e,t)}function Ot(e,t,r){(function(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")})(e,t),t.set(e,r)}function It(e,t,r){return e.set(_t(e,t),r),r}function jt(e,t){return e.get(_t(e,t))}function _t(e,t,r){if("function"==typeof e?e===t:e.has(t))return arguments.length<3?t:r;throw new TypeError("Private element is not present on this object")}var Vt=new WeakMap,Pt=new WeakMap,Tt=new WeakMap,Lt=new WeakMap,At=new WeakMap,Ct=function(e){function t(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),Ot(e=function(e,t,r){return t=St(t),function(e,t){if(t&&("object"==gt(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,wt()?Reflect.construct(t,r||[],St(e).constructor):t.apply(e,r))}(this,t),Vt,function(){}),Ot(e,Pt,["px","em","%"]),Ot(e,Tt,"0px"),Ot(e,Lt,"0px"),Ot(e,At,!1),e.componentStyle=':root,.frm-white-body,.frm_wrap{--grey-900: #101828;--grey-800: #1d2939;--grey-700: #344054;--grey-600: #475467;--grey-500: #667085;--grey-400: #98a2b3;--grey-300: #d0d5dd;--grey-200: #eaecf0;--grey-100: #f2f4f7;--grey-50: #f9fafb;--grey-25: #fcfcfd;--dark-grey: var(--grey-700);--medium-grey: rgba(40, 47, 54, 0.65);--grey: var(--grey-500);--grey-border: var(--grey-300);--lightest-grey: rgb(250, 250, 250);--sidebar-color: var(--grey-50);--sidebar-hover: var(--grey-200);--primary-700: #2b66a9;--primary-500: #4199fd;--primary-300: #80bbfe;--primary-200: #c0ddfe;--primary-50: #ecf5ff;--primary-25: #f5faff;--primary-color: var(--primary-500);--primary-hover: var(--primary-700);--light-blue: var(--primary-25);--blue-border: rgb(188, 224, 253);--error-700: #b42318;--error-500: #f04438;--error-300: #fecdca;--error-100: #fee4e2;--error-25: #fff5f4;--green: rgb(63, 172, 37);--orange: #f15a24;--warning-500: #f79009;--pink: rgb(226, 42, 110);--purple: rgb(141, 53, 245);--success-900: #054f31;--success-800: #065f46;--success-500: #12b76a;--success-100: #d1fae5;--success-200: #a6f4c5;--success-50: #ecfdf3;--success-25: #f6fef9;--border-radius: 35px;--small-radius: 8px;--medium-radius: 16px;--small-sidebar: 275px;--medium-sidebar: 350px;--big-sidebar: 390px;--biggest-sidebar: 450px;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--h-xs: 24px;--h-sm: 30px;--h-md: 36px;--leading: 1.5;--gap-2xs: 4px;--gap-xs: 8px;--gap-sm: 16px;--gap-md: 24px;--gap-lg: 32px;--gap-xl: 40px;--gap-2xl: 48px;--box-shadow-xs: 0 0.47074466943740845px 0.9414893388748169px 0 rgba(16, 24, 40, 0.05);--box-shadow-sm: 0 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0 0.470745px 0.941489px rgba(16, 24, 40, 0.06);--box-shadow-md: 0 1.88298px 3.76596px -0.941489px rgba(16, 24, 40, 0.1), 0 0.941489px 1.88298px -0.941489px rgba(16, 24, 40, 0.06);--box-shadow-lg: 0 6px 8px -2px rgba(16, 24, 40, 0.08), 0 1.88298px 4px -1px rgba(16, 24, 40, 0.03), 0 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0 0.470745px 0.941489px rgba(16, 24, 40, 0.06);--box-shadow-xl: 0 9.41489px 11.2979px -1.88298px rgba(16, 24, 40, 0.08), 0 3.76596px 3.76596px -1.88298px rgba(16, 24, 40, 0.03);--box-shadow-xxl: 0 11px 22px -5px rgba(16, 24, 40, 0.18);--button-shadow: 0 0.47px 0.94px 0 rgba(16, 24, 40, 0.06), 0 0.47px 1.47px 0 rgba(16, 24, 40, 0.1);--check-label-color: var(--grey-700)}.frm_hidden{display:none}.frm-component:not(.frm-tabs-wrapper){display:flex;justify-content:space-between;align-items:center}.frm-component:not(.frm-tabs-wrapper)>span.frm-component-label{font-weight:500;font-size:var(--text-sm) !important;color:var(--grey-900) !important;width:40% !important;display:block !important;margin-right:12px !important}.frm-border-radius-component .frm-border-radius-container{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}.frm-border-radius-component .frm-border-radius-container button{overflow:hidden;text-indent:-9999px;cursor:pointer;width:36px;height:36px;border-radius:var(--small-radius);border:1px solid var(--grey-300);background:#fff;display:flex;justify-content:center;align-items:center;box-sizing:border-box;background:url(\'data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.95837 12.2915V14.3748C3.95837 15.2953 4.70457 16.0415 5.62504 16.0415H7.70837" stroke="%23667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.0416 12.2915V14.3748C16.0416 15.2953 15.2955 16.0415 14.375 16.0415H12.2916" stroke="%23667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.0416 7.7085V5.62516C16.0416 4.70469 15.2955 3.9585 14.375 3.9585H12.2916" stroke="%23667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M3.95837 7.7085V5.62516C3.95837 4.70469 4.70457 3.9585 5.62504 3.9585H7.70837" stroke="%23667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>\') no-repeat center center;background-size:20px}.frm-border-radius-component .frm-border-radius-container button.frm-active,.frm-border-radius-component .frm-border-radius-container button:hover{background-color:rgba(0,0,0,.05)}.frm-border-radius-component .frm-border-radius-container .frm-border-individual-inputs-wrapper{width:100%;justify-content:space-between;flex-wrap:wrap}.frm-border-radius-component .frm-border-radius-container .frm-border-individual-inputs-wrapper:not(.frm_hidden){display:flex}.frm-border-radius-component .frm-border-radius-container .frm-border-individual-inputs-wrapper span{position:relative;display:block;overflow:hidden;width:calc(50% - 6px);height:36px;border-radius:var(--small-radius);border:1px solid var(--grey-300);margin-top:12px}.frm-border-radius-component .frm-border-radius-container .frm-border-individual-inputs-wrapper span input{width:100%;height:100%;padding:0;font-size:var(--text-sm);color:#101828;padding:0 12px 0px 20px;box-sizing:border-box;border:none;text-align:right}.frm-border-radius-component .frm-border-radius-container .frm-border-individual-inputs-wrapper span input:focus{outline:none}.frm-border-radius-component .frm-border-radius-container .frm-border-individual-inputs-wrapper span:before{content:"";position:absolute;display:block;width:12px;height:12px;left:12px;top:0;bottom:0;right:auto;margin:auto;background:url(\'data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.75 3.25V3.25833M0.75 5.75V5.75833M5.75 5.75V5.75833M0.75 8.25V8.25833M0.75 3.25833V3.25M3.25 0.758334V0.75M0.75 0.758334V0.75M3.25 10.75V10.7583M8.25 0.75V0.758334M0.75 10.75V10.7583M10.75 0.75V0.758334M5.75 0.758334V0.75M6.375 10.9583H7.625C8.50905 10.9583 9.3569 10.6071 9.98202 9.98202C10.6071 9.3569 10.9583 8.50905 10.9583 7.625V6.375" stroke="%23667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>\') center center no-repeat;background-size:12px}.frm-border-radius-component .frm-border-radius-container .frm-border-individual-inputs-wrapper span.frm-border-input-top:before{transform:rotate(180deg)}.frm-border-radius-component .frm-border-radius-container .frm-border-individual-inputs-wrapper span.frm-border-input-bottom:before{transform:rotate(0deg)}.frm-border-radius-component .frm-border-radius-container .frm-border-individual-inputs-wrapper span.frm-border-input-left:before{transform:rotate(90deg)}.frm-border-radius-component .frm-border-radius-container .frm-border-individual-inputs-wrapper span.frm-border-input-right:before{transform:rotate(-90deg)}.frm-border-radius-component .frm-border-radius-container .frm-input-wrapper{width:calc(100% - 36px - 12px);height:36px;display:flex;justify-content:center;box-sizing:border-box;background:#fff;border-radius:var(--small-radius);border:1px solid var(--grey-300);overflow:hidden}.frm-border-radius-component .frm-border-radius-container .frm-input-wrapper>*{border:none}.frm-border-radius-component .frm-border-radius-container .frm-input-wrapper input{width:calc(100% - 44px);height:100%;padding:0;font-size:var(--text-sm);color:#101828;padding-left:12px;box-sizing:border-box}.frm-border-radius-component .frm-border-radius-container .frm-input-wrapper input:focus{outline:none}.frm-border-radius-component .frm-border-radius-container .frm-input-wrapper select{text-align:right;padding:0;font-size:var(--text-sm);color:#667085;width:44px;background:url("../../images/style/small-arrow.svg") no-repeat;background-position:center right 12px}.frm-border-radius-component .frm-border-radius-container .frm-input-wrapper select:focus{outline:none}\n',e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&Et(e,t)}(t,e),function(e,t,r){return t&&vt(e.prototype,t),r&&vt(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}(t,[{key:"initOptions",value:function(){var e;(function(e,t,r){var n=kt(St(e.prototype),"initOptions",r);return"function"==typeof n?function(e){return n.apply(r,e)}:n})(t,0,this)([]),null===this.componentId&&(this.componentId="frm-border-radius-web-component-".concat(zt._=(e=zt._,++e)))}},{key:"initView",value:function(){return this.wrapper=document.createElement("div"),this.container=document.createElement("div"),this.wrapper.classList.add("frm-border-radius-component"),this.container.classList.add("frm-border-radius-container"),this.container.append(this.getInputWrapper(),this.getButton(),this.getBorderIndividualInputsWrapper()),this.wrapper.append(this.container),this.wrapper}},{key:"parseDefaultValues",value:function(){if(!jt(Lt,this))return{top:{value:0,unit:"px"},bottom:{value:0,unit:"px"},left:{value:0,unit:"px"},right:{value:0,unit:"px"}};var e=jt(Lt,this).split(" ");return{top:t.parseValueUnit(e[0]||"0px"),bottom:t.parseValueUnit(e[2]||e[0]||"0px"),left:t.parseValueUnit(e[3]||e[1]||e[0]||"0px"),right:t.parseValueUnit(e[1]||e[0]||"0px")}}},{key:"getInputWrapper",value:function(){return this.inputWrapper=document.createElement("div"),this.inputWrapper.classList.add("frm-input-wrapper"),this.inputWrapper.append(this.getInputValue(),this.getInputUnit(),this.getHiddenInput()),this.inputWrapper}},{key:"getHiddenInput",value:function(){return this.hiddenInput=document.createElement("input"),this.hiddenInput.type="hidden",this.hiddenInput.value=jt(Tt,this),this.fieldName&&(this.hiddenInput.name=this.fieldName),this.hiddenInput}},{key:"getInputValue",value:function(){var e=this;return this.inputValue=document.createElement("input"),this.inputValue.type="text",this.inputValue.id="".concat(this.componentId,"-value"),this.inputValue.setAttribute("aria-label",ve("Border radius value","formidable")),this.inputValue.classList.add("frm-input-value"),jt(At,this)||(this.inputValue.value=parseInt(jt(Lt,this))||0),this.inputValue.addEventListener("change",function(){var t=e.inputValue.value+e.inputUnit.value;e.hiddenInput.value=t,e.borderInputBottom.value=e.inputValue.value,e.borderInputTop.value=e.inputValue.value,e.borderInputLeft.value=e.inputValue.value,e.borderInputRight.value=e.inputValue.value,e.updateValue(t)}),this.inputValue}},{key:"getInputUnit",value:function(){var e=this;return this.inputUnit=document.createElement("select"),this.inputUnit.id="".concat(this.componentId,"-unit"),this.inputUnit.setAttribute("aria-label",ve("Border radius unit","formidable")),this.inputUnit.classList.add("frm-input-unit"),jt(Pt,this).forEach(function(t){var r=document.createElement("option");r.value=t,r.textContent=t,e.inputUnit.append(r)}),this.inputUnit.addEventListener("change",function(){e.hiddenInput.value=e.inputValue.value+e.inputUnit.value}),this.inputUnit}},{key:"getBorderIndividualInputsWrapper",value:function(){return this.borderIndividualInputsWrapper=document.createElement("div"),this.borderIndividualInputsWrapper.classList.add("frm-border-individual-inputs-wrapper"),jt(At,this)||this.borderIndividualInputsWrapper.classList.add("frm_hidden"),this.borderIndividualInputsWrapper.append(this.getBorderInputTop(),this.getBorderInputRight(),this.getBorderInputLeft(),this.getBorderInputBottom()),this.borderIndividualInputsWrapper}},{key:"getBorderInputTop",value:function(){var e=this,t=this.parseDefaultValues(),r=document.createElement("span");return r.classList.add("frm-border-input-top"),this.borderInputTop=document.createElement("input"),this.borderInputTop.type="text",this.borderInputTop.id="".concat(this.componentId,"-top"),this.borderInputTop.setAttribute("aria-label",ve("Top border radius","formidable")),this.borderInputTop.value=parseInt(t.top.value),r.append(this.borderInputTop),this.borderInputTop.addEventListener("change",function(){return e.buildBorderRadiusIndividualValue()}),r}},{key:"getBorderInputBottom",value:function(){var e=this,t=this.parseDefaultValues(),r=document.createElement("span");return r.classList.add("frm-border-input-bottom"),this.borderInputBottom=document.createElement("input"),this.borderInputBottom.type="text",this.borderInputBottom.id="".concat(this.componentId,"-bottom"),this.borderInputBottom.setAttribute("aria-label",ve("Bottom border radius","formidable")),this.borderInputBottom.value=parseInt(t.bottom.value),r.append(this.borderInputBottom),this.borderInputBottom.addEventListener("change",function(){return e.buildBorderRadiusIndividualValue()}),r}},{key:"getBorderInputLeft",value:function(){var e=this,t=this.parseDefaultValues(),r=document.createElement("span");return r.classList.add("frm-border-input-left"),this.borderInputLeft=document.createElement("input"),this.borderInputLeft.type="text",this.borderInputLeft.id="".concat(this.componentId,"-left"),this.borderInputLeft.setAttribute("aria-label",ve("Left border radius","formidable")),this.borderInputLeft.value=parseInt(t.left.value),r.append(this.borderInputLeft),this.borderInputLeft.addEventListener("change",function(){return e.buildBorderRadiusIndividualValue()}),r}},{key:"getBorderInputRight",value:function(){var e=this,t=this.parseDefaultValues(),r=document.createElement("span");return r.classList.add("frm-border-input-right"),this.borderInputRight=document.createElement("input"),this.borderInputRight.type="text",this.borderInputRight.id="".concat(this.componentId,"-right"),this.borderInputRight.setAttribute("aria-label",ve("Right border radius","formidable")),this.borderInputRight.value=parseInt(t.right.value),r.append(this.borderInputRight),this.borderInputRight.addEventListener("change",function(){return e.buildBorderRadiusIndividualValue()}),r}},{key:"buildBorderRadiusIndividualValue",value:function(){var e=this.inputUnit.value,t="".concat(parseInt(this.borderInputTop.value,10)).concat(e," ").concat(parseInt(this.borderInputRight.value,10)).concat(e," ").concat(parseInt(this.borderInputBottom.value,10)).concat(e," ").concat(parseInt(this.borderInputLeft.value,10)).concat(e);this.updateValue(t)}},{key:"updateValue",value:function(e){this.hiddenInput.value=e,jt(Vt,this).call(this,e)}},{key:"getButton",value:function(){var e=this;return this.button=document.createElement("button"),this.button.type="button",this.button.textContent=ve("Border Radius","formidable"),jt(At,this)&&this.button.classList.add("frm-active"),this.button.addEventListener("click",function(){e.button.classList.toggle("frm-active"),e.borderIndividualInputsWrapper.classList.toggle("frm_hidden")}),this.button}},{key:"onChange",set:function(e){if("function"!=typeof e)throw new TypeError("Expected a function, but received ".concat(gt(e)));It(Vt,this,e)}},{key:"borderRadiusDefaultValue",set:function(e){It(Lt,this,e),It(At,this,!/^(\d+)(px|em|%)?$/.test(e)&&""!==e)}}],[{key:"parseValueUnit",value:function(e){var t=e.match(/^(\d+)(px|em|%)?$/);return t?{value:parseInt(t[1],10),unit:t[2]||"px"}:{value:0,unit:"px"}}}])}(d),zt={_:0};customElements.define("frm-tab-navigator-component",x),customElements.define("frm-colorpicker-component",M),customElements.define("frm-range-slider-component",Be),customElements.define("frm-dropdown-component",et),customElements.define("frm-typography-component",ht),customElements.define("frm-border-radius-component",Ct)})()})();
\ No newline at end of file
diff --git a/js/src/settings-components/components/slider-component.js b/js/src/settings-components/components/slider-component.js
index 9a0cb45e9a..585f46f822 100644
--- a/js/src/settings-components/components/slider-component.js
+++ b/js/src/settings-components/components/slider-component.js
@@ -19,14 +19,8 @@ export default class frmSliderComponent {
 			return;
 		}
 
-		// The slider bullet point width in pixels. Used in value calculation on drag event.
-		this.sliderBulletWidth = 16;
-		this.sliderMarginRight = 5;
 		this.eventsChange = [];
 
-		const { debounce } = frmDom.util;
-		this.valueChangeDebouncer = debounce( index => this.triggerValueChange( index ), 25 );
-
 		this.initOptions();
 		this.init();
 	}
@@ -40,13 +34,9 @@ export default class frmSliderComponent {
 			const parentWrapper = element.classList.contains( 'frm-has-multiple-values' ) ? element.closest( '.frm-style-component' ) : element;
 			const steps = this.settings.steps || ( element.dataset.steps ? JSON.parse( element.dataset.steps ) : null );
 			this.options.push( {
-				dragging: false,
-				startX: 0,
-				translateX: 0,
 				maxValue: parseInt( element.dataset.maxValue, 10 ),
 				element,
 				index,
-				value: 0,
 				steps,
 				dependentUpdater: parentWrapper.classList.contains( 'frm-style-dependent-updater-component' ) ? new frmDependentUpdaterComponent( parentWrapper ) : null
 			} );
@@ -57,28 +47,38 @@ export default class frmSliderComponent {
 	 * Initializes the slider component.
 	 */
 	init() {
-		this.initDraggable();
-
-		if ( this.loadedByWebComponent ) {
-			this.initSlidersPositionInsideWebComponent();
-			return;
-		}
-
-		this.initSlidersPosition();
+		this.initListeners();
+		this.initFill();
 	}
 
 	/**
-	 * Initializes the draggable functionality for the slider component.
+	 * Attaches event listeners to each slider element.
 	 */
-	initDraggable() {
+	initListeners() {
 		this.sliderElements.forEach( ( element, index ) => {
 			this.eventsChange[ index ] = new Event( 'change', {
 				bubbles: true,
 				cancelable: true
 			} );
-			const draggableBullet = element.querySelector( '.frm-slider-bullet' );
+
+			const rangeInput = element.querySelector( '.frm-slider' );
 			const valueInput = element.querySelector( '.frm-slider-value input[type="text"]' );
 
+			// Update display while dragging.
+			rangeInput.addEventListener( 'input', () => {
+				valueInput.value = rangeInput.value;
+				this.updateFill( rangeInput, index );
+				this.syncGroupSliders( element, rangeInput.value, index );
+			} );
+
+			// Commit value to hidden input on release.
+			rangeInput.addEventListener( 'change', () => {
+				const unit = element.querySelector( 'select' ).value;
+				this.options[ index ].fullValue = this.updateValue( element, rangeInput.value + unit );
+				this.triggerValueChange( index );
+			} );
+
+			// Sync text input changes back to the range.
 			valueInput.addEventListener( 'change', event => {
 				const unit = element.querySelector( 'select' ).value;
 
@@ -86,35 +86,79 @@ export default class frmSliderComponent {
 					return;
 				}
 
-				this.initSliderWidth( element );
+				rangeInput.value = valueInput.value;
+				this.updateFill( rangeInput, index );
 				this.options[ index ].fullValue = this.updateValue( element, valueInput.value + unit );
 				this.triggerValueChange( index );
 			} );
 
 			this.expandSliderGroup( element );
-			this.updateOnUnitChange( element, valueInput, index );
-			this.changeSliderPositionOnClick( element, valueInput, index );
+			this.updateOnUnitChange( element, rangeInput, valueInput, index );
 			frmSliderComponent.maybeDisableUnitDropdown( element );
+		} );
+	}
 
-			draggableBullet.addEventListener( 'mousedown', event => {
-				event.preventDefault();
-				event.stopPropagation();
-				if ( element.classList.contains( 'frm-disabled' ) ) {
-					return;
-				}
-				this.enableDragging( event, index );
+	/**
+	 * Sets the initial fill position for all sliders.
+	 */
+	initFill() {
+		this.sliderElements.forEach( ( element, index ) => {
+			const rangeInput = element.querySelector( '.frm-slider' );
+			if ( rangeInput ) {
+				const unit = element.querySelector( 'select' ).value;
+				this.options[ index ].fullValue = rangeInput.value + unit;
+				this.updateFill( rangeInput, index );
+			}
+		} );
+	}
 
-				const onMouseMove = moveEvent => this.moveTracker( moveEvent, index );
+	/**
+	 * Updates the CSS custom property that drives the active-track fill colour.
+	 *
+	 * @since x.x
+	 *
+	 * @param {HTMLInputElement} rangeInput - The native range input element.
+	 * @param {number}           index      - The index of this slider in the options array.
+	 * @return {void}
+	 */
+	updateFill( rangeInput, index ) {
+		const unit = rangeInput.closest( '.frm-slider-component' ).querySelector( 'select' ).value;
+		const max = this.getMaxValue( unit, index );
+		const percent = max > 0 ? Math.min( parseInt( rangeInput.value, 10 ) / max * 100, 100 ) : 0;
+		rangeInput.style.setProperty( '--frm-fill', `${ percent }%` );
+	}
 
-				const onMouseUp = () => {
-					this.disableDragging( index );
-					document.removeEventListener( 'mousemove', onMouseMove );
-					document.removeEventListener( 'mouseup', onMouseUp );
-				};
+	/**
+	 * Syncs grouped child sliders (top/bottom or left/right) to the parent group value.
+	 *
+	 * @since x.x
+	 *
+	 * @param {HTMLElement} element - The parent slider component element.
+	 * @param {string}      value   - The new numeric value (without unit).
+	 * @param {number}      index   - The index of the parent slider in the options array.
+	 * @return {void}
+	 */
+	syncGroupSliders( element, value, index ) {
+		if ( ! element.classList.contains( 'frm-has-multiple-values' ) && ! element.classList.contains( 'frm-has-independent-fields' ) ) {
+			return;
+		}
 
-				document.addEventListener( 'mousemove', onMouseMove );
-				document.addEventListener( 'mouseup', onMouseUp );
-			} );
+		const childSliders = element.classList.contains( 'frm-has-independent-fields' )
+			? element.querySelectorAll( '.frm-independent-slider-field' )
+			: this.getSliderGroupItems( element );
+
+		childSliders.forEach( ( child, childIndex ) => {
+			const childRange = child.querySelector( '.frm-slider' );
+			const childText = child.querySelector( '.frm-slider-value input[type="text"]' );
+
+			if ( childRange ) {
+				childRange.value = value;
+				this.updateFill( childRange, index + childIndex + 1 );
+			}
+
+			if ( childText ) {
+				childText.value = parseInt( value, 10 );
+			}
 		} );
 	}
 
@@ -133,7 +177,15 @@ export default class frmSliderComponent {
 		} );
 	}
 
-	updateOnUnitChange( element, valueInput, index ) {
+	/**
+	 * Updates the range max, fill, and hidden input when the unit dropdown changes.
+	 *
+	 * @param {HTMLElement}      element    - The slider component element.
+	 * @param {HTMLInputElement} rangeInput - The native range input element.
+	 * @param {HTMLInputElement} valueInput - The visible text input.
+	 * @param {number}           index      - The index of this slider in the options array.
+	 */
+	updateOnUnitChange( element, rangeInput, valueInput, index ) {
 		element.querySelector( 'select' ).addEventListener( 'change', event => {
 			const unit = event.target.value.toLowerCase();
 
@@ -151,49 +203,14 @@ export default class frmSliderComponent {
 			}
 
 			element.classList.remove( 'frm-disabled', 'frm-empty' );
+			rangeInput.max = this.getMaxValue( unit, index );
 			this.options[ index ].fullValue = valueInput.value + unit;
 			this.updateValue( element, this.options[ index ].fullValue );
+			this.updateFill( rangeInput, index );
 			this.triggerValueChange( index );
 		} );
 	}
 
-	changeSliderPositionOnClick( element, valueInput, index ) {
-		const frmSlider = element.querySelector( '.frm-slider' );
-		const customEvent = new Event( 'change', {
-			bubbles: true,
-			cancelable: true
-		} );
-
-		frmSlider.addEventListener( 'click', event => {
-			if ( element.classList.contains( 'frm-disabled' ) ) {
-				return;
-			}
-
-			event.preventDefault();
-			event.stopPropagation();
-
-			if ( ! event.target.classList.contains( 'frm-slider' ) && ! event.target.classList.contains( 'frm-slider-active-track' ) ) {
-				return;
-			}
-
-			const sliderWidth = frmSlider.offsetWidth - this.sliderBulletWidth;
-			const sliderRect = frmSlider.getBoundingClientRect();
-			const deltaX = event.clientX - sliderRect.left - this.sliderBulletWidth;
-			const unit = element.querySelector( 'select' ).value;
-			const value = frmSliderComponent.calculateValue( sliderWidth, deltaX, this.getMaxValue( unit, index ), this.options[ index ].steps );
-
-			if ( value < 0 ) {
-				return;
-			}
-
-			this.options[ index ].fullValue = this.updateValue( element, value + unit );
-			this.initChildSlidersWidth( element, deltaX, index, value + unit );
-
-			valueInput.value = value;
-			valueInput.dispatchEvent( customEvent );
-		} );
-	}
-
 	/**
 	 * Disables the unit dropdown if there is only a single unit option.
 	 *
@@ -230,197 +247,6 @@ export default class frmSliderComponent {
 		return element.closest( '.frm-style-component' ).querySelectorAll( query );
 	}
 
-	initSlidersPositionInsideWebComponent() {
-		this.sliderElements.forEach( ( element, index ) => {
-			this.initSliderWidth( element, index );
-		} );
-	}
-
-	/**
-	 * Initializes the position of sliders when a accordion section is opened.
-	 */
-	initSlidersPosition() {
-		const accordionitems = document.querySelectorAll( '#frm_style_sidebar .accordion-section h3' );
-		const quickSettings = document.querySelector( '.frm-quick-settings' );
-		const openedAccordion = document.querySelector( '.accordion-section.open' );
-
-		// Detect if upload background image upload has triggered and initialize the "Image Opacity" slider width.
-		wp.hooks.addAction( 'frm_pro_on_bg_image_upload', 'formidable', event => {
-			const imageBackgroundOpacitySlider = event.closest( '.accordion-section-content' ).querySelector( '#frm-bg-image-opacity-slider' );
-			this.initSlidersWidth( imageBackgroundOpacitySlider );
-		} );
-
-		// init the sliders width from "Quick Settings" page.
-		if ( quickSettings ) {
-			this.initSlidersWidth( quickSettings );
-		}
-
-		// Init the sliders width in opened accordion section from "Advanced Settings" page.
-		if ( openedAccordion ) {
-			this.initSlidersWidth( openedAccordion );
-		}
-
-		// init the sliders width everytime when an accordion section is opened from "Advanced Settings" page.
-		accordionitems.forEach( item => {
-			item.addEventListener( 'click', event => {
-				this.initSlidersWidth( event.target.closest( '.accordion-section' ) );
-			} );
-		} );
-
-		this.initSliderPositionOnFieldShapeChange();
-	}
-
-	/**
-	 * Initializes the width of "Corner Radius" slider that is dynamically is displayed on "Field Shape" option change from "Quick Settings".
-	 *
-	 * @return {void}
-	 */
-	initSliderPositionOnFieldShapeChange() {
-		const fieldShapeType = document.querySelector( '.frm-style-component.frm-field-shape' );
-
-		if ( ! fieldShapeType ) {
-			return;
-		}
-
-		const radioButtons = fieldShapeType.querySelectorAll( 'input[type="radio"]' );
-		radioButtons.forEach( radio => {
-			radio.addEventListener( 'change', event => {
-				if ( event.target.checked && 'rounded-corner' === event.target.value ) {
-					const slider = document.querySelector( 'div[data-frm-element="field-shape-corner-radius"] .frm-slider-component' );
-					this.initSliderWidth( slider );
-				}
-			} );
-		} );
-	}
-
-	/**
-	 * Initializes the width of sliders within a given section.
-	 *
-	 * @param {HTMLElement} section - The section containing the sliders.
-	 * @return {void}
-	 */
-	initSlidersWidth( section ) {
-		const sliders = section.querySelectorAll( '.frm-slider-component' );
-		sliders.forEach( slider => {
-			setTimeout( () => {
-				this.initSliderWidth( slider );
-			}, 100 );
-		} );
-	}
-
-	/**
-	 * Initializes the width of a slider.
-	 *
-	 * @param {HTMLElement} slider      - The slider element.
-	 * @param {number}      sliderIndex - The index of the slider.
-	 * @return {void}
-	 */
-	initSliderWidth( slider, sliderIndex = null ) {
-		if ( slider.classList.contains( 'frm-disabled' ) ) {
-			return;
-		}
-		const index = sliderIndex !== null ? sliderIndex : this.getSliderIndex( slider );
-		const sliderWidth = slider.querySelector( '.frm-slider' ).offsetWidth - this.sliderBulletWidth;
-		const value = parseInt( slider.querySelector( '.frm-slider-value input[type="text"]' ).value, 10 );
-		const unit = slider.querySelector( 'select' ).value;
-		const { steps } = this.options[ index ];
-		let deltaX = Math.ceil( ( value / this.options[ index ].maxValue ) * sliderWidth );
-
-		if ( '%' === unit ) {
-			deltaX = Math.round( sliderWidth * value / 100 );
-		} else if ( steps && steps.length > 0 ) {
-			deltaX = frmSliderComponent.calculateDeltaXFromSteps( value, steps, sliderWidth );
-		}
-
-		slider.querySelector( '.frm-slider-active-track' ).style.width = `${ deltaX }px`;
-		this.options[ index ].translateX = deltaX;
-		this.options[ index ].value = value + unit;
-	}
-
-	/**
-	 * Calculates the deltaX position based on a value and steps array.
-	 *
-	 * @param {number} value       - The current value.
-	 * @param {Array}  steps       - Array of step values.
-	 * @param {number} sliderWidth - The width of the slider.
-	 * @return {number} - The calculated deltaX position.
-	 */
-	static calculateDeltaXFromSteps( value, steps, sliderWidth ) {
-		const stepIndex = steps.indexOf( value );
-		if ( -1 === stepIndex ) {
-			// If value not in steps, find closest and use its position
-			const closestValue = frmSliderComponent.snapToStep( value, steps );
-			const closestIndex = steps.indexOf( closestValue );
-			return Math.round( ( closestIndex / ( steps.length - 1 ) ) * sliderWidth );
-		}
-		return Math.round( ( stepIndex / ( steps.length - 1 ) ) * sliderWidth );
-	}
-
-	/**
-	 * Initializes the width of child sliders.
-	 *
-	 * @param {HTMLElement} slider - The parent slider element.
-	 * @param {number}      width  - The width to set for the child sliders.
-	 * @param {number}      index  - The starting index for the child sliders.
-	 * @param {number}      value  - The value to set for the child sliders.
-	 */
-	initChildSlidersWidth( slider, width, index, value ) {
-		if ( ! slider.classList.contains( 'frm-has-independent-fields' ) && ! slider.classList.contains( 'frm-has-multiple-values' ) ) {
-			return;
-		}
-		const childSliders = slider.classList.contains( 'frm-has-independent-fields' ) ? slider.querySelectorAll( '.frm-independent-slider-field' ) : this.getSliderGroupItems( slider );
-
-		childSliders.forEach( ( item, childIndex ) => {
-			item.querySelector( '.frm-slider-active-track' ).style.width = `${ width }px`;
-			this.options[ index + childIndex + 1 ].translateX = width;
-			this.options[ index + childIndex + 1 ].value = value;
-		} );
-	}
-
-	/**
-	 * Returns the index of the specified slider element.
-	 *
-	 * @param {HTMLElement} slider - The slider element.
-	 * @return {number} The index of the slider element.
-	 */
-	getSliderIndex( slider ) {
-		return this.options.filter( option => {
-			return option.element === slider;
-		} )[ 0 ].index;
-	}
-
-	/**
-	 * Handles the movement of the slider tracker.
-	 *
-	 * @param {Event}  event - The event object representing the mouse movement.
-	 * @param {number} index - The index of the slider element.
-	 * @return {void}
-	 */
-	moveTracker( event, index ) {
-		if ( ! this.options[ index ].dragging ) {
-			return;
-		}
-		let deltaX = event.clientX - this.options[ index ].startX;
-		const element = this.sliderElements[ index ];
-		const sliderWidth = element.querySelector( '.frm-slider' ).offsetWidth - this.sliderBulletWidth;
-
-		// Clamp deltaX within valid range
-		deltaX = Math.max( deltaX, 0 );
-		deltaX = Math.min( deltaX, sliderWidth );
-		const unit = element.querySelector( 'select' ).value;
-		const value = frmSliderComponent.calculateValue( sliderWidth, deltaX, this.getMaxValue( unit, index ), this.options[ index ].steps );
-
-		element.querySelector( '.frm-slider-value input[type="text"]' ).value = value;
-		element.querySelector( '.frm-slider-bullet .frm-slider-value-label' ).innerText = value;
-		element.querySelector( '.frm-slider-active-track' ).style.width = `${ deltaX }px`;
-		this.initChildSlidersWidth( element, deltaX, index, value + unit );
-
-		this.options[ index ].translateX = deltaX;
-		this.options[ index ].value = value + unit;
-		this.options[ index ].fullValue = this.updateValue( element, this.options[ index ].value );
-		this.valueChangeDebouncer( index );
-	}
-
 	/**
 	 * Get the maximum value based on the unit and index.
 	 *
@@ -432,33 +258,6 @@ export default class frmSliderComponent {
 		return '%' === unit ? 100 : this.options[ index ].maxValue;
 	}
 
-	/**
-	 * Enables dragging for the slider component.
-	 *
-	 * @param {Event}  event - The event object.
-	 * @param {number} index - The index of the option being dragged.
-	 */
-	enableDragging( event, index ) {
-		event.target.classList.add( 'frm-dragging' );
-		this.options[ index ].dragging = true;
-		this.options[ index ].startX = event.clientX - this.options[ index ].translateX;
-	}
-
-	/**
-	 * Disables dragging for a specific index.
-	 *
-	 * @param {number} index - The index of the option to disable dragging for.
-	 */
-	disableDragging( index ) {
-		if ( false === this.options[ index ].dragging ) {
-			return;
-		}
-		const draggableBullet = this.sliderElements[ index ].querySelector( '.frm-slider-bullet' );
-		draggableBullet.classList.remove( 'frm-dragging' );
-		this.options[ index ].dragging = false;
-		this.triggerValueChange( index );
-	}
-
 	/**
 	 * Triggers a value change for the specified index.
 	 *
@@ -480,52 +279,6 @@ export default class frmSliderComponent {
 		input.dispatchEvent( this.eventsChange[ index ] );
 	}
 
-	/**
-	 * Calculates the value based on the width, deltaX, and maxValue.
-	 *
-	 * @param {number}     width    - The width of the slider.
-	 * @param {number}     deltaX   - The change in x-coordinate.
-	 * @param {number}     maxValue - The maximum value.
-	 * @param {Array|null} steps    - Optional array of step values to snap to.
-	 * @return {number} - The calculated value.
-	 */
-	static calculateValue( width, deltaX, maxValue, steps = null ) {
-		if ( steps && steps.length > 0 ) {
-			// For stepped sliders, map position directly to step index
-			const position = deltaX / width;
-			const stepIndex = Math.round( position * ( steps.length - 1 ) );
-			const clampedIndex = Math.max( 0, Math.min( stepIndex, steps.length - 1 ) );
-			return steps[ clampedIndex ];
-		}
-
-		// Calculate value as a simple proportion of the slider position
-		const value = Math.round( ( deltaX / width ) * maxValue );
-
-		return Math.min( value, maxValue );
-	}
-
-	/**
-	 * Snaps a value to the nearest step in the steps array.
-	 *
-	 * @param {number} value - The value to snap.
-	 * @param {Array}  steps - Array of step values to snap to.
-	 * @return {number} - The nearest step value.
-	 */
-	static snapToStep( value, steps ) {
-		let nearest = steps[ 0 ];
-		let minDiff = Math.abs( value - nearest );
-
-		for ( let i = 1; i < steps.length; i++ ) {
-			const diff = Math.abs( value - steps[ i ] );
-			if ( diff < minDiff ) {
-				minDiff = diff;
-				nearest = steps[ i ];
-			}
-		}
-
-		return nearest;
-	}
-
 	/**
 	 * Updates the value of a slider component.
 	 *
diff --git a/js/src/web-components/frm-range-slider-component/frm-range-slider-component.css b/js/src/web-components/frm-range-slider-component/frm-range-slider-component.css
index 2b25df1459..99640a5a28 100644
--- a/js/src/web-components/frm-range-slider-component/frm-range-slider-component.css
+++ b/js/src/web-components/frm-range-slider-component/frm-range-slider-component.css
@@ -1 +1 @@
-.frm-style-component .frm-slider-container{width:calc(100% - 91px);display:flex;align-items:center;color:#1d2939}.frm-style-component .frm-slider-container svg.frmsvg{color:currentColor;margin-right:8px;margin-left:-5px;position:relative;z-index:15}.frm-style-component .frm-group-sliders .frm-slider-container svg.frmsvg:hover{color:#4199fd;cursor:pointer}.frm-style-component .frm-slider-container .frm-slider-active-track{display:block;height:100%;width:0;position:relative;border-radius:200px}.frm-style-component .frm-slider-container .frm-slider-active-track,.frm-style-component .frm-slider-container .frm-slider-active-track .frm-slider-bullet{background:#4199fd;box-shadow:0 1.88px 4px -1px rgba(16,24,40,.03),0 6px 8px -2px rgba(16,24,40,.08)}.frm-style-component .frm-slider-container .frm-slider-active-track .frm-slider-bullet{position:absolute;display:block;width:16px;height:16px;border-radius:50%;transform:translateX(15px);cursor:grab;right:0;top:0;bottom:0;margin:auto}.frm-style-component .frm-slider-container .frm-slider-active-track .frm-slider-bullet .frm-slider-value-label{position:absolute;display:block;width:48px;height:36px;background:#101828;color:#fff;font-weight:400;font-size:var(--text-sm);line-height:36px;border-radius:var(--small-radius);transform:translate(-18px, -42px) scale3d(0.7, 1, 1);opacity:0;z-index:-2;pointer-events:none;text-align:center;user-select:none}.frm-style-component .frm-slider-container .frm-slider-active-track .frm-slider-bullet.frm-dragging .frm-slider-value-label{z-index:12;transform:translate(-18px, -42px) scale3d(1, 1, 1);opacity:1;transition:.3s opacity,.35s transform cubic-bezier(0.25, 0.46, 0.45, 0.94)}.frm-style-component .frm-slider-container .frm-slider-active-track .frm-slider-bullet::before{content:"";display:block;position:absolute;width:18px;height:18px;border-radius:50%;left:0;top:0;transform:translate(-5px, -5px) scale3d(0.7, 0.7, 1);border:4px solid #4199fd;opacity:0;transition:.3s opacity,.35s transform cubic-bezier(0.25, 0.46, 0.45, 0.94)}.frm-style-component .frm-slider-container .frm-slider-active-track .frm-slider-bullet.frm-dragging::before{opacity:.5;transform:translate(-5px, -5px) scale3d(1, 1, 1);transition:.3s opacity,.35s transform cubic-bezier(0.25, 0.46, 0.45, 0.94)}.frm-style-component .frm-slider-container .frm-slider-active-track .frm-slider-bullet::after{content:"";position:absolute;display:block;width:180%;height:200%;border-radius:50%;left:0;top:0;transform:translate(-24%, -24%)}.frm-style-component .frm-slider-value{width:86px;height:36px;display:flex;justify-content:center;box-sizing:border-box;background:#fff;border-radius:var(--small-radius);border:1px solid var(--grey-300)}.frm-style-component .frm-slider-value>*{border:none}.frm-style-component .frm-slider-value input{width:40px;height:100%;padding:0;font-size:var(--text-sm);color:#101828;padding-left:12px;box-sizing:border-box}.frm-style-component .frm-slider-value select{text-align:right;padding:0;font-size:var(--text-sm);color:#667085;width:44px;background:url("../../images/style/small-arrow.svg") no-repeat;background-position:center right 12px;padding-right:24px !important}.frm-style-component .frm-slider-value select.frm-single-unit{pointer-events:none;background-image:none;padding-right:12px !important}.frm-style-component .frm-slider{display:block;width:calc(100% - 5px);height:4px;background:#eaecf0;border-radius:200px;cursor:pointer}.frm-slider-component .frm-independent-slider-field{margin-top:10px}.frm-slider-component.frm-disabled .frm-slider-container{pointer-events:none;opacity:.5}.frm-slider-component.frm-disabled .frm-slider-value input[type=text]{width:28px}.frm-slider-component.frm-disabled .frm-slider-value select{width:56px}.frm-slider-component.frm-disabled.frm-empty .frm-slider-value input[type=text]{width:56px}.frm-slider-component.frm-disabled.frm-empty .frm-slider-value select{width:28px}.frm-style-component .frm-slider-component.frm-has-multiple-values{margin-bottom:10px}:root,.frm-white-body,.frm_wrap{--grey-900: #101828;--grey-800: #1d2939;--grey-700: #344054;--grey-600: #475467;--grey-500: #667085;--grey-400: #98a2b3;--grey-300: #d0d5dd;--grey-200: #eaecf0;--grey-100: #f2f4f7;--grey-50: #f9fafb;--grey-25: #fcfcfd;--dark-grey: var(--grey-700);--medium-grey: rgba(40, 47, 54, 0.65);--grey: var(--grey-500);--grey-border: var(--grey-300);--lightest-grey: rgb(250, 250, 250);--sidebar-color: var(--grey-50);--sidebar-hover: var(--grey-200);--primary-700: #2b66a9;--primary-500: #4199fd;--primary-300: #80bbfe;--primary-200: #c0ddfe;--primary-50: #ecf5ff;--primary-25: #f5faff;--primary-color: var(--primary-500);--primary-hover: var(--primary-700);--light-blue: var(--primary-25);--blue-border: rgb(188, 224, 253);--error-700: #b42318;--error-500: #f04438;--error-300: #fecdca;--error-100: #fee4e2;--error-25: #fff5f4;--green: rgb(63, 172, 37);--orange: #f15a24;--warning-500: #f79009;--pink: rgb(226, 42, 110);--purple: rgb(141, 53, 245);--success-900: #054f31;--success-800: #065f46;--success-500: #12b76a;--success-100: #d1fae5;--success-200: #a6f4c5;--success-50: #ecfdf3;--success-25: #f6fef9;--border-radius: 35px;--small-radius: 8px;--medium-radius: 16px;--small-sidebar: 275px;--medium-sidebar: 350px;--big-sidebar: 390px;--biggest-sidebar: 450px;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--h-xs: 24px;--h-sm: 30px;--h-md: 36px;--leading: 1.5;--gap-2xs: 4px;--gap-xs: 8px;--gap-sm: 16px;--gap-md: 24px;--gap-lg: 32px;--gap-xl: 40px;--gap-2xl: 48px;--box-shadow-xs: 0 0.47074466943740845px 0.9414893388748169px 0 rgba(16, 24, 40, 0.05);--box-shadow-sm: 0 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0 0.470745px 0.941489px rgba(16, 24, 40, 0.06);--box-shadow-md: 0 1.88298px 3.76596px -0.941489px rgba(16, 24, 40, 0.1), 0 0.941489px 1.88298px -0.941489px rgba(16, 24, 40, 0.06);--box-shadow-lg: 0 6px 8px -2px rgba(16, 24, 40, 0.08), 0 1.88298px 4px -1px rgba(16, 24, 40, 0.03), 0 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0 0.470745px 0.941489px rgba(16, 24, 40, 0.06);--box-shadow-xl: 0 9.41489px 11.2979px -1.88298px rgba(16, 24, 40, 0.08), 0 3.76596px 3.76596px -1.88298px rgba(16, 24, 40, 0.03);--box-shadow-xxl: 0 11px 22px -5px rgba(16, 24, 40, 0.18);--button-shadow: 0 0.47px 0.94px 0 rgba(16, 24, 40, 0.06), 0 0.47px 1.47px 0 rgba(16, 24, 40, 0.1);--check-label-color: var(--grey-700)}.frm_hidden{display:none}.frm-component:not(.frm-tabs-wrapper){display:flex;justify-content:space-between;align-items:center}.frm-component:not(.frm-tabs-wrapper)>span.frm-component-label{font-weight:500;font-size:var(--text-sm) !important;color:var(--grey-900) !important;width:40% !important;display:block !important;margin-right:12px !important}.frm-component .frmsvg{width:18px;height:18px}.frm-component .frm-sliders-container{width:100%}.frm-component .frm-group-sliders .frm-slider-component{margin-top:5px}
+.frm-style-component .frm-slider-container{width:calc(100% - 91px);display:flex;align-items:center;color:#1d2939}.frm-style-component .frm-slider-container svg.frmsvg{color:currentColor;margin-right:8px;margin-left:-5px;position:relative;z-index:15}.frm-style-component .frm-group-sliders .frm-slider-container svg.frmsvg:hover{color:#4199fd;cursor:pointer}.frm-style-component .frm-slider-value{width:86px;height:36px;display:flex;justify-content:center;box-sizing:border-box;background:#fff;border-radius:var(--small-radius);border:1px solid var(--grey-300)}.frm-style-component .frm-slider-value>*{border:none}.frm-style-component .frm-slider-value input{width:40px;height:100%;min-height:0;padding:0;font-size:var(--text-sm);color:#101828;padding-left:12px;box-sizing:border-box}.frm-style-component .frm-slider-value select{text-align:right;min-height:0;padding:0;font-size:var(--text-sm);color:#667085;width:44px;background:url("../../images/style/small-arrow.svg") no-repeat;background-position:center right 12px;padding-right:24px !important}.frm-style-component .frm-slider-value select.frm-single-unit{pointer-events:none;background-image:none;padding-right:12px !important}.frm-style-component input[type=range].frm-slider{--frm-fill: 0%;appearance:none;-webkit-appearance:none;display:block;width:calc(100% - 5px);height:4px;border-radius:200px;cursor:pointer;outline:none;background:linear-gradient(to right, rgb(65, 153, 253) var(--frm-fill), rgb(234, 236, 240) var(--frm-fill))}.frm-style-component input[type=range].frm-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#4199fd;cursor:grab;box-shadow:0 1.88px 4px -1px rgba(16,24,40,.03),0 6px 8px -2px rgba(16,24,40,.08)}.frm-style-component input[type=range].frm-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#4199fd;cursor:grab;border:none;box-shadow:0 1.88px 4px -1px rgba(16,24,40,.03),0 6px 8px -2px rgba(16,24,40,.08)}.frm-style-component input[type=range].frm-slider::-moz-range-progress{background:#4199fd;height:4px;border-radius:200px}.frm-style-component input[type=range].frm-slider:focus-visible::-webkit-slider-thumb{outline:2px solid #4199fd;outline-offset:2px}.frm-style-component input[type=range].frm-slider:focus-visible::-moz-range-thumb{outline:2px solid #4199fd;outline-offset:2px}.frm-slider-component .frm-independent-slider-field{margin-top:10px}.frm-slider-component.frm-disabled .frm-slider-container{pointer-events:none;opacity:.5}.frm-slider-component.frm-disabled .frm-slider-value input[type=text]{width:28px}.frm-slider-component.frm-disabled .frm-slider-value select{width:56px}.frm-slider-component.frm-disabled.frm-empty .frm-slider-value input[type=text]{width:56px}.frm-slider-component.frm-disabled.frm-empty .frm-slider-value select{width:28px}.frm-style-component .frm-slider-component.frm-has-multiple-values{margin-bottom:10px}:root,.frm-white-body,.frm_wrap{--grey-900: #101828;--grey-800: #1d2939;--grey-700: #344054;--grey-600: #475467;--grey-500: #667085;--grey-400: #98a2b3;--grey-300: #d0d5dd;--grey-200: #eaecf0;--grey-100: #f2f4f7;--grey-50: #f9fafb;--grey-25: #fcfcfd;--dark-grey: var(--grey-700);--medium-grey: rgba(40, 47, 54, 0.65);--grey: var(--grey-500);--grey-border: var(--grey-300);--lightest-grey: rgb(250, 250, 250);--sidebar-color: var(--grey-50);--sidebar-hover: var(--grey-200);--primary-700: #2b66a9;--primary-500: #4199fd;--primary-300: #80bbfe;--primary-200: #c0ddfe;--primary-50: #ecf5ff;--primary-25: #f5faff;--primary-color: var(--primary-500);--primary-hover: var(--primary-700);--light-blue: var(--primary-25);--blue-border: rgb(188, 224, 253);--error-700: #b42318;--error-500: #f04438;--error-300: #fecdca;--error-100: #fee4e2;--error-25: #fff5f4;--green: rgb(63, 172, 37);--orange: #f15a24;--warning-500: #f79009;--pink: rgb(226, 42, 110);--purple: rgb(141, 53, 245);--success-900: #054f31;--success-800: #065f46;--success-500: #12b76a;--success-100: #d1fae5;--success-200: #a6f4c5;--success-50: #ecfdf3;--success-25: #f6fef9;--border-radius: 35px;--small-radius: 8px;--medium-radius: 16px;--small-sidebar: 275px;--medium-sidebar: 350px;--big-sidebar: 390px;--biggest-sidebar: 450px;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--h-xs: 24px;--h-sm: 30px;--h-md: 36px;--leading: 1.5;--gap-2xs: 4px;--gap-xs: 8px;--gap-sm: 16px;--gap-md: 24px;--gap-lg: 32px;--gap-xl: 40px;--gap-2xl: 48px;--box-shadow-xs: 0 0.47074466943740845px 0.9414893388748169px 0 rgba(16, 24, 40, 0.05);--box-shadow-sm: 0 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0 0.470745px 0.941489px rgba(16, 24, 40, 0.06);--box-shadow-md: 0 1.88298px 3.76596px -0.941489px rgba(16, 24, 40, 0.1), 0 0.941489px 1.88298px -0.941489px rgba(16, 24, 40, 0.06);--box-shadow-lg: 0 6px 8px -2px rgba(16, 24, 40, 0.08), 0 1.88298px 4px -1px rgba(16, 24, 40, 0.03), 0 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0 0.470745px 0.941489px rgba(16, 24, 40, 0.06);--box-shadow-xl: 0 9.41489px 11.2979px -1.88298px rgba(16, 24, 40, 0.08), 0 3.76596px 3.76596px -1.88298px rgba(16, 24, 40, 0.03);--box-shadow-xxl: 0 11px 22px -5px rgba(16, 24, 40, 0.18);--button-shadow: 0 0.47px 0.94px 0 rgba(16, 24, 40, 0.06), 0 0.47px 1.47px 0 rgba(16, 24, 40, 0.1);--check-label-color: var(--grey-700)}.frm_hidden{display:none}.frm-component:not(.frm-tabs-wrapper){display:flex;justify-content:space-between;align-items:center}.frm-component:not(.frm-tabs-wrapper)>span.frm-component-label{font-weight:500;font-size:var(--text-sm) !important;color:var(--grey-900) !important;width:40% !important;display:block !important;margin-right:12px !important}.frm-component .frmsvg{width:18px;height:18px}.frm-component .frm-sliders-container{width:100%}.frm-component .frm-group-sliders .frm-slider-component{margin-top:5px}
diff --git a/js/src/web-components/frm-range-slider-component/frm-range-slider-component.js b/js/src/web-components/frm-range-slider-component/frm-range-slider-component.js
index befc344f80..994e040f81 100644
--- a/js/src/web-components/frm-range-slider-component/frm-range-slider-component.js
+++ b/js/src/web-components/frm-range-slider-component/frm-range-slider-component.js
@@ -316,27 +316,17 @@ export class frmRangeSliderComponent extends frmWebComponent {
 	/**
 	 * A method to create the slider track. This method is used to create the slider track.
 	 *
-	 * @param {Object} value - The value of the slider.
+	 * @param {Object} value    - The value of the slider.
+	 * @param {number} maxValue - The maximum value of the slider.
 	 * @return {Element} - The slider track element.
 	 */
-	static createSliderTrack( value ) {
-		const slider = document.createElement( 'span' );
+	static createSliderTrack( value, maxValue ) {
+		const slider = document.createElement( 'input' );
+		slider.type = 'range';
 		slider.classList.add( 'frm-slider' );
-		slider.setAttribute( 'tabindex', '0' );
-
-		const activeTrack = document.createElement( 'span' );
-		activeTrack.classList.add( 'frm-slider-active-track' );
-
-		const bullet = document.createElement( 'span' );
-		bullet.classList.add( 'frm-slider-bullet' );
-
-		const valueLabel = document.createElement( 'span' );
-		valueLabel.classList.add( 'frm-slider-value-label' );
-		valueLabel.textContent = value.value.toString();
-
-		bullet.append( valueLabel );
-		activeTrack.append( bullet );
-		slider.append( activeTrack );
+		slider.min = '0';
+		slider.max = maxValue.toString();
+		slider.value = value.value.toString();
 
 		return slider;
 	}
@@ -444,7 +434,7 @@ export class frmRangeSliderComponent extends frmWebComponent {
 		}
 
 		// Slider track
-		sliderContainer.append( frmRangeSliderComponent.createSliderTrack( value ) );
+		sliderContainer.append( frmRangeSliderComponent.createSliderTrack( value, maxValue ) );
 		flexContainer.append( sliderContainer );
 
 		// Value input and unit select
diff --git a/resources/scss/admin/components/settings/_sliders.scss b/resources/scss/admin/components/settings/_sliders.scss
index 69ce417f6e..2ec9440f8e 100644
--- a/resources/scss/admin/components/settings/_sliders.scss
+++ b/resources/scss/admin/components/settings/_sliders.scss
@@ -22,93 +22,6 @@
 	cursor: pointer;
 }
 
-.frm-style-component .frm-slider-container .frm-slider-active-track {
-	display: block;
-	height: 100%;
-	width: 0;
-	position: relative;
-	border-radius: 200px;
-
-	&,
-	.frm-slider-bullet {
-		background: rgba(65, 153, 253, 1);
-		box-shadow: 0 1.88px 4px -1px rgba(16, 24, 40, 0.03), 0 6px 8px -2px rgba(16, 24, 40, 0.08);
-	}
-
-	.frm-slider-bullet {
-		position: absolute;
-		display: block;
-		width: 16px;
-		height: 16px;
-		border-radius: 50%;
-		transform: translateX(15px);
-		cursor: grab;
-		right: 0;
-		top: 0;
-		bottom: 0;
-		margin: auto;
-	}
-
-	.frm-slider-bullet .frm-slider-value-label {
-		position: absolute;
-		display: block;
-		width: 48px;
-		height: 36px;
-		background: rgba(16, 24, 40, 1);
-		color: white;
-		font-weight: 400;
-		font-size: var(--text-sm);
-		line-height: 36px;
-		border-radius: var(--small-radius);
-		transform: translate(-18px, -42px) scale3d(0.7, 1, 1);
-		opacity: 0;
-		z-index: -2;
-		pointer-events: none;
-		text-align: center;
-		user-select: none;
-	}
-
-	.frm-slider-bullet.frm-dragging .frm-slider-value-label {
-		z-index: 12;
-		transform: translate(-18px, -42px) scale3d(1, 1, 1);
-		opacity: 1;
-		transition: 0.3s opacity, 0.35s transform cubic-bezier(0.25, 0.46, 0.45, 0.94);
-	}
-
-	.frm-slider-bullet::before {
-		content: "";
-		display: block;
-		position: absolute;
-		width: 18px;
-		height: 18px;
-		border-radius: 50%;
-		left: 0;
-		top: 0;
-		transform: translate(-5px, -5px) scale3d(0.7, 0.7, 1);
-		border: 4px solid rgba(65, 153, 253, 1);
-		opacity: 0;
-		transition: 0.3s opacity, 0.35s transform cubic-bezier(0.25, 0.46, 0.45, 0.94);
-	}
-
-	.frm-slider-bullet.frm-dragging::before {
-		opacity: 0.5;
-		transform: translate(-5px, -5px) scale3d(1, 1, 1);
-		transition: 0.3s opacity, 0.35s transform cubic-bezier(0.25, 0.46, 0.45, 0.94);
-	}
-
-	.frm-slider-bullet::after {
-		content: "";
-		position: absolute;
-		display: block;
-		width: 180%;
-		height: 200%;
-		border-radius: 50%;
-		left: 0;
-		top: 0;
-		transform: translate(-24%, -24%);
-	}
-}
-
 .frm-style-component {
 
 	.frm-slider-value {
@@ -128,6 +41,7 @@
 		input {
 			width: 40px;
 			height: 100%;
+			min-height: 0;
 			padding: 0;
 			font-size: var(--text-sm);
 			color: rgba(16, 24, 40, 1);
@@ -137,6 +51,7 @@
 
 		select {
 			text-align: right;
+			min-height: 0;
 			padding: 0;
 			font-size: var(--text-sm);
 			color: rgba(102, 112, 133, 1);
@@ -153,13 +68,61 @@
 		}
 	}
 
-	.frm-slider {
+	input[type="range"].frm-slider {
+		--frm-fill: 0%;
+		appearance: none;
+		-webkit-appearance: none;
 		display: block;
 		width: calc(100% - 5px);
 		height: 4px;
-		background: rgba(234, 236, 240, 1);
 		border-radius: 200px;
 		cursor: pointer;
+		outline: none;
+		background: linear-gradient(
+			to right,
+			rgba(65, 153, 253, 1) var(--frm-fill),
+			rgba(234, 236, 240, 1) var(--frm-fill)
+		);
+
+		&::-webkit-slider-thumb {
+			-webkit-appearance: none;
+			appearance: none;
+			width: 16px;
+			height: 16px;
+			border-radius: 50%;
+			background: rgba(65, 153, 253, 1);
+			cursor: grab;
+			box-shadow: 0 1.88px 4px -1px rgba(16, 24, 40, 0.03), 0 6px 8px -2px rgba(16, 24, 40, 0.08);
+		}
+
+		&::-moz-range-thumb {
+			width: 16px;
+			height: 16px;
+			border-radius: 50%;
+			background: rgba(65, 153, 253, 1);
+			cursor: grab;
+			border: none;
+			box-shadow: 0 1.88px 4px -1px rgba(16, 24, 40, 0.03), 0 6px 8px -2px rgba(16, 24, 40, 0.08);
+		}
+
+		&::-moz-range-progress {
+			background: rgba(65, 153, 253, 1);
+			height: 4px;
+			border-radius: 200px;
+		}
+
+		&:focus-visible {
+
+			&::-webkit-slider-thumb {
+				outline: 2px solid rgba(65, 153, 253, 1);
+				outline-offset: 2px;
+			}
+
+			&::-moz-range-thumb {
+				outline: 2px solid rgba(65, 153, 253, 1);
+				outline-offset: 2px;
+			}
+		}
 	}
 }